@charset 'utf-8';

/*--- hamburger manuPC SPでロゴ変更 --*/
	.p-logo_sp {
		display: flex;
		height: calc(100vh - 100px);
		justify-content: center;
		align-items: center;
	}
	.p-logo_pc {
		display: none;
	}
@media (min-width: 992px) {
	.p-logo_pc {
		display: block;
	}
	.p-logo_sp {
		display: none;
	}
}


/*-- baseアイコンカラー変更 --*/
.page-index #baseMenu ul li a img {
	display: none;
}
.page-index #baseMenu ul li a {
	display: block;
	position: relative;
	width: 38px;
	height: 38px;
	text-align: center;
	border-radius: 50%;
}
.page-index #baseMenu ul li a::before {
	content: '';
	position: absolute;
	top: 60%;
	left: 50%;
	width: 20px;
	height: 20px;
	background: var(--headerText);
	transform: translate(-50%, -50%);
	mask: no-repeat center center / contain;
	-webkit-mask: no-repeat center center / contain;
}
.page-index #baseMenu ul li.base a::before {
	mask-image: url(https://hibikore.base.ec/img/shop/base.png);
	-webkit-mask-image: url(https://hibikore.base.ec/img/shop/base.png);
}
.page-index #baseMenu ul li.cart a::before {
	mask-image: url(https://hibikore.base.ec/img/shop/cart.png);
	-webkit-mask-image: url(https://hibikore.base.ec/img/shop/cart.png);
}
.page-index #baseMenu ul li a::before {
	background: #fff;
}
/*--- hamburger manu ---*/
.hamburgerMenu{
	width: 30px;
	height: 21px;
}
.hamburgerMenu span:nth-of-type(2){
	top: 9px;
}
.hamburgerMenu span,.hamburgerMenu span:nth-of-type(2)::after {
	border-radius: 3px;
	height: 3px;
}
.page-index .header.is-top .hamburgerMenu span,.page-index .header.is-top .hamburgerMenu span:nth-of-type(2)::after {
	background-color: #fff;
}
.is-open .hamburgerMenu span, .is-open .hamburgerMenu span:nth-of-type(2)::after {
	background-color: #5e5e5e!important;
}




/*--- menu ---*/
#baseMenu {
	margin-top: 4px;
}
.page-index #baseMenu {
	margin-top: 11px;
}
@media (min-width: 992px) {
#baseMenu {
	margin-top: 0px!important;
}
	.page-notindex #baseMenu {
		margin-top: -1px!important;
	}
	.headerLogo .logoImage {
		margin: 50px 0 15px;
	}
	.page-index .navbar__menuList a {
		color: #fff;
	  }
  /*.navbar__menuList a {
	  color: #5e5e5e;
  }*/

}
/*--- Hero Copy ---*/
.p-copy {display: none;}
@media (min-width: 992px) {
.p-copy {
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 28%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	}
}

/*--- top index section ---*/

.c-section__wrap {
	margin-top: 70px;
	text-align: center
}
.c-title_top {
	margin-bottom: 60px;
}
	.c-title_top__sub {
		font-size: 0.75rem;
		letter-spacing: 0.05em;
		border-bottom: 1px solid;
		padding-bottom: 4px;
	}
	.c-title_top__main {
		font-size: 1.625rem;
		font-weight: bold;
		margin-bottom: 8px;
		letter-spacing: 0.05em;
	}

@media (min-width: 992px) {
	.c-section__wrap {
		margin-top: 120px;
	}
/*--- c-title 周り ---*/
.c-title_top {
	margin-bottom: 100px;
}
	.c-title_top__sub{
		font-size: 0.875rem;
	}
	.c-title_top__main {
		font-size: 1.875rem;	
	}
}

.c-section__wrap{
	padding: 0 15px;
}
/*--- top index about ---*/

.p-about__copy {
	font-size: 1.375rem;
	font-weight: bold;
	margin-bottom: 40px;
	word-break: keep-all;
	overflow-wrap: anywhere;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.p-about__txt {
	font-weight: bold;
	text-align: left;
	display: inline-block;
}
.p-slide_carousel__wrap{
	margin-top: 70px;
}
	.p-slide_carousel__wrap li img{
		width: 100%;
		height: auto;
	}
.p-slide_carousel__wrap {
	margin-left: -15px!important;
	margin-right: -15px!important;
}
.p-slide_carousel__wrap > .swiper-wrapper{-webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important; }
@media (min-width: 992px) {
	.p-about__copy {
		font-size: 1.625rem;
		margin-bottom: 65px;
	}
	.p-about__txt {
		font-size: 1.25rem;
		text-align: center;
	}
	.p-slide_carousel__wrap{
		margin-top: 130px;
	}
}

/*--- top index info ---*/
.p-info__content{
	overflow: hidden;
	margin: 0 -15px 0;
}
	.p-info__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	max-width: 1100px;
	margin: 0 -4% 0px;
}
	.p-info__list li {
		margin: 2% 2% 40px;
		width: 41%;
	}
	.p-info__list li img {
		width: 100%;
	}
	.p-info__txt {
		font-weight: bold;
		margin-bottom: 5px;
		word-break: keep-all;
		overflow-wrap: anywhere;
		letter-spacing: 0.05em;
		padding: 0 15px;
	}
	.js-item {
	  opacity: 0;
	  transition: .5s;
	  transform: translateY(20px);
	}
	.js-item.js-show{
	  opacity: 1;
	  transform: translateY(0);
	}
	@media (min-width: 992px) {
	.p-info__list {
		margin: 0 auto 50px;
		width: 100%;
	}
		.p-info__list li {
			margin: 1.5%;
			width: 22%;
		}
	.p-info__txt {
		font-size: 1.125rem;
	}
}

/*--- top index access ---*/
.p-access__wrap {
	width: 100%;
	margin-top: 64px; 
}
.p-access__txt {
	display: inline-block;
	text-align: left;
}
	.p-access__txt h1{
		font-size: 1.375rem;
		font-weight: bold;
		margin-bottom: 24px;
	}
	.p-access__txt p {
		line-height: 2;
		margin-bottom: 30px;
	}
	@media (min-width: 992px) {
	.p-access__wrap{
		display: flex;
		align-items: center;
		justify-content: space-around;
		flex-direction: row-reverse;
		margin: 64px auto 0;
		max-width: 1100px;
		padding-bottom: 100px;
	}
	.p-access__txt {
		margin: 30px;
		display: block;
	}
	.p-access__txt h1 {
		margin-bottom: 30px;
	}
}
/*--- top index access google map ---*/
.p-access__map {
	margin: 0;
}
@media (max-width: 991px) {
.p-access__map {
	margin: 40px -15px 0;
}
	.ggmap {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

/*--- top index store ---*/
.p-store__wrap { 
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto; 
}
	.p-store__wrap .shopclose {
		margin-top: 30px !important;
		border: none;
	}
	@media (min-width: 992px) {
	.p-store__wrap {
		padding-bottom: 100px;
	}
}
/*--- top index sns ---*/
.p-sns__wrap {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.p-sns__content {
	margin-bottom: 10px;
	overflow: hidden;
}
.es-widget-branding {
	border: none!important;
	box-shadow: none!important;
}
	.p-sns__wrap .c-title_top{
		margin-bottom: 10px;
	}
	@media (min-width: 992px) {
	.p-sns__wrap .c-title_top {
		margin-bottom: 40px;
	}
	.p-sns__wrap .c-title_top{
		margin-bottom: 20px;
	}
}
/*--- page-notindex ---*/
.p-contact__note{
	width: 100%;
	background: #dedede;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
	margin: 30px 0 0;
	text-align: center;
	word-break: keep-all;
	overflow-wrap: anywhere;
}
.page-notindex .logoImage{
	width: 60%;
	height: auto;
	margin-top: calc(2vw + 40px);
}
	@media (min-width: 992px) {
	.page-notindex .logoImage{
		width: 245px;
		height: 71px;
		margin: 50px 0 15px;
	}
}
/*--- index footer ---*/
.footer{
	border: none;
}
/*-- Component --*/
.c-note {
	color: red;
}
.c-txt__border{
	text-decoration: underline;
}
.c-content__txt {
	margin-bottom: 1em!important;
	line-height: 1.7;
}
.c-txt__center {
	text-align: center;
}
.c-fukidashi {
  position: relative;
  display: inline-block;
  margin: 0px 0 30px;
  padding: 12px;
  width: 100%;
  font-size: 0.75rem;
  background: #dedede;
  border-radius: 100px;
  font-weight: bold;
}
.c-fukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -13px;
  border: 13px solid transparent;
  border-top: 13px solid #dedede;
}
.c-fukidashi p {
  margin: 0;
  padding: 0;
  letter-spacing: 0.05em;
}
.c-btn {
	background: #dedede;
	border-radius: 100px;
	display: inline-block;
	padding: 15px;
	font-weight: bold;
	text-decoration: none;
	max-width: 300px;
	width: 100%;
	font-size: 0.75rem;
}
@media (min-width: 992px) {
	.c-fukidashi p {
		font-size: 1rem;
	}
	.c-border__bottom{
		border-bottom: 1px dashed #d0d0d0;
	}
	.c-btn {
		font-size: 1rem;
	}
}