@charset "utf-8";
/* CSS Document */

/* base
-----------------------------------------------*/
/* ========== base style ========== */

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* ========== border ========== */
/* ========== float ========== */
/* ========== display ========== */
/* ========== position ========== */
/* ========== overflow ========== */
/* ========== width ========== */
/* ========== margin ========== */
/* ========== background ========== */
/* ========== device displaying ========== */
/* ========== animation for ScrollTrigger.min.js  ========== */

/* other style
-----------------------------------------------*/



/* base
-----------------------------------------------*/
picture {
display: block;
}

/* ========== base style ========== */
.allwrapper,
.modal {
width: 100%;
min-height: 100vh;
color: #000;
font-family: freightbigcmp-pro, serif;
font-style: normal;
font-weight: 300;
font-size: 3.73333333vw;
line-height: 100%;
font-feature-settings: "palt";
letter-spacing: 0;
background: #fff;
animation-delay: 0.75s;
}
.modal {
min-height: auto;
}
.allwrapper *,
.modal * {
box-sizing: border-box;
}
.allwrapper a:link,
.allwrapper a:visited,
.allwrapper .acordion_btn {
color: #000;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.allwrapper a:hover,
.allwrapper a:hover img,
.allwrapper button:hover img {
opacity: 0.80;
filter: alpha(opacity=80);
}
.allwrapper ol,
.allwrapper ul {
list-style:none;
}
.allwrapper img, 
.allwrapper video,
.allwrapper button {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
@media (min-width:768px){
	.allwrapper {
	width: 100vw;
	}
	.allwrapper,
	.modal {
	font-size: 17.5px;
	}
}

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* align */
.al_left { text-align: left; }
.al_center { text-align: center; }
.al_right { text-align: right; }

/* size */
.fs8 { font-size: 2.133333vw; }
.fs9 { font-size: 2.4vw; }
.fs10 { font-size: 2.666666vw; }
.fs11 { font-size: 2.933333vw; }
.fs11_5 { font-size: 3.066666vw; }
.fs12 { font-size: 3.2vw; }
.fs12_5 { font-size: 3.33333333vw; }
.fs13 { font-size: 3.466666vw; }
.fs13_5 { font-size: 3.6vw; }
.fs14 { font-size: 3.733333vw; }
.fs15 { font-size: 4vw; }
.fs16 { font-size: 4.266666vw; }
.fs17 { font-size: 4.533333vw; }
.fs18 { font-size: 4.8vw; }
.fs19 { font-size: 5.066666vw; }
.fs20 { font-size: 5.333333vw; }
@media (min-width:768px){
	.fs11 { font-size: 11px; }
	.fs14 { font-size: 14px; }
}

/* weight */
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }

/* line height */
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }
.lh180 { line-height: 180%; }
.lh190 { line-height: 190%; }
.lh200 { line-height: 200%; }
.lh210 { line-height: 210%; }

/* letter space */
.ltrspace0 { letter-spacing: 0; }
.ltrspace0025 { letter-spacing: 0.025em; }
.ltrspace005 { letter-spacing: 0.05em; }
.ltrspace0075 { letter-spacing: 0.075em; }
.ltrspace01 { letter-spacing: 0.1em; }
.ltrspace0125 { letter-spacing: 0.125em; }
.ltrspace015 { letter-spacing: 0.15em; }


/* ========== float ========== */
/* clearfix */
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after { clear: both; }

/* float */
.float_left { float: left; }
.float_right { float: right; }


/* ========== display ========== */
.disp_block { display: block !important; }
.disp_iblock { display: inline-block !important; }
.disp_inline { display: inline !important; }
.disp_none { display: none; }
.disp_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }


/* ========== position ========== */
.posi_relative { position: relative !important; }
.posi_absolute { position: absolute !important; }
.posi_fixed { position: fixed !important; }


/* ========== overflow ========== */
.overflow_hidden { overflow: hidden !important; }


/* ========== margin ========== */
/* margin-auto */
.mx_auto { margin-left: auto; margin-right: auto; }


/* ========== device displaying ========== */
.sp_none{ display: none; }
img.sp_none{ display: none; }
.sp_only{ display: block; }
img.sp_only{ display: block; }
@media (min-width:768px){
	.sp_none{display: block;}
	img.sp_none{display: block;}
	.tab_none { display: none; }
	img.tab_none { display: none; }
	.sp_only{display: none;}
	img.sp_only{display: none;}
	.sp_only{display: none;}
	img.sp_only{display: none;}
}
.spc_none{ display: block; }
@media (min-width:1099px){.pc_none{display: block;}}
.pc_only{ display: none; }
@media (min-width:1100px){.pc_none{display: none;}
.pc_only{display: block;}
.tab_none{ display: block; }
}


/* ========== animation for ScrollTrigger.min.js  ========== */
.invisible {
transition: opacity 1s ease;
opacity: 0.0;
}
.visible {
transition: opacity 1s ease;
opacity: 1.0;
}


/* other style
-----------------------------------------------*/
.anime-fadeinup {
opacity: 0;
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
-webkit-transition: 1.8s all 0s ease;
-moz-transition: 1.8s all 0s ease;
-o-transition: 1.8s all 0s ease;
transition: 1.8s all 0s ease;
}
.visible.anime-fadeinup{
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
}
.anime-fadein {
-webkit-transition: opacity 1s cubic-bezier(0.37, 0, 0.63, 1);
transition: opacity 1s cubic-bezier(0.37, 0, 0.63, 1);
opacity: 0;
}
.visible.anime-fadein {
opacity: 1;
}

img{vertical-align:top;}

.modal_open{cursor:pointer;}

body{margin:0;background:#EFF3FE;}
body.is-modal-active{
  overflow:hidden;
}

.swiper-wrapper{
  transition-timing-function: linear !important;
  will-change: transform;
}

/* スクリーンサイズが767px以下の場合に適用 */
@media screen and (max-width: 767px) {
	html,body{width:100vw;overflow-x:hidden;}
	body{padding:0 0 25.33vw;}

  .modal img{
    display:block;
  }
  .modal_open {
    cursor: pointer;
  }
  .modal {
    z-index: 200;
  }
  .modal__container{
    z-index:9000;
    position: fixed;
    top: -150vh;
    left: 0;
    width: 100%;
    height: 101%;
    text-align: center;
    background: rgba(239,243,254,100%);
    padding: 21.13vw 0 27.04vw;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
  }
  .modal__container.is-active{
    visibility: visible;
    top: 0;
  }
  .modal__close-btn {
    position: fixed;
    top: 5.63vw;
    right: 5.63vw;
    width:11.27vw;
    height:11.27vw;
    cursor: pointer;
  }
  img.modal__close-btn-img {
    width: 100%;
    height: auto;
  }
  .modal__content{
    text-align: left;
    color: #333;
  }
  .modal-card{
  	width:89.58vw;
  	margin:0 auto;
  }
  .modal-card + .modal-card{
  	margin-top:11.27vw;
  }
  .modal-card__image{
  	width:89.58vw;
  	height:auto;
  }
  .modal-card__image-item{
  	width:89.58vw;
  	height:auto;
  	border-radius: 5.63vw;
  }
  .modal-card__text{
  	margin:5.63vw 0 0;
  	padding:0;
	  font-family: "Noto Sans JP", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 400;
	  font-style: normal;
	  font-size:3.38vw;
	  line-height:6.76vw;
	  letter-spacing:0.02em;
  }
  .modal-card__info{
  	list-style: none;
  	margin:8.45vw 0 0;
  	padding:0;
  }
  .modal-card__info-item{
  	margin:0;
  	padding:0;
		font-family: begum, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size:3.38vw;
		line-height:1;
		letter-spacing:0.05em;
  }
  .modal-card__info-item + .modal-card__info-item{
  	margin-top:4.23vw;
  }
  .modal-card__product-name{}
  .modal-card__product-price{
  	margin-left:1.41vw;
  }
  .modal-card__buy-btn{
  	margin-left:2.25vw;
  }
  a.modal-card__buy-btn-link{
  	color:#333
  }

  .main-visual{position:relative;}
  .main-visual__content{display:none;}
  .main-visual__content--sp{position:relative;display:block;z-index:1}
  .main-visual__wrapper{width:100vw;height:209.87vw;overflow:hidden;display:flex;flex-wrap:wrap;align-content: space-between;}
  .main-visual__item{width:49.07vw;margin-right:1.07vw;}
  .main-visual__item-img{width:49.07vw;height:73.6vw;}
  .main-visual__title{position:absolute;top:81.6vw;left:0;margin:0 0 0 0;padding:0;z-index:2;width:100vw;}
  .main-visual__title-img{width:100vw;height:auto;}

  .lead{margin:10.13vw 0 0;}
  .lead__text{
	  font-family: "Noto Sans JP", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 400;
	  font-style: normal;
	  font-size:2.93vw;
	  line-height:6.4vw;
	  letter-spacing:0.02em;
	  text-align:center;
	}

	.calender{overflow-x:scroll;width:100vw;margin:17.33vw 0 0;}
	.calender__img{width:157.33vw;height:auto;padding:0 5.33vw 0;}

	.looks-summer{margin:13.87vw 0 0;}
	.looks-summer__title{width:83.47vw;margin:0 auto;}
	.looks-summer__title-item{width:83.47vw;height:auto;}
	.looks-summer-list{list-style:none;margin:11.86vw 0 0;padding:0 3.47vw;width:calc(100vw - 3.47vw * 2);display:flex;flex-wrap:wrap;}
	.looks-summer-list__item{width:48vw;}
	.looks-summer-list__item:nth-child(even){margin:0 0 0 auto;}
	.looks-summer-list__item:not(:first-child){margin-top:-32.53vw;}

	.days{width:48vw;display:flex;flex-wrap:wrap;justify-content:center;}
	.days__title{width:26.67vw;height:auto;margin:0;}
	.days__title-img{width:26.67vw;height:auto;}
	.days__visual{position:relative;width:48vw;margin:2.67vw;}
	.days__visual::before{position:absolute;bottom:2.67vw;right:2.67vw;content:"";width:9.07vw;height:9.07vw;background-image: url(../images/btn_plus-sp.png);background-size: 9.07vw 9.07vw;}
	.days__visual-week{position:absolute;top:-2.67vw;left:-2.67vw;width:53.33vw;height:auto;pointer-events: none;}
	.days__visual-img{width:48vw;height:auto;border-radius:26.67vw;}

	.items{margin:12vw 0 0;}
	.items__title{width:31.47vw;margin:0 auto;}
	.items__title-item{width:31.47vw;height:13.73vw;}

	.items-list{list-style:none;display:flex;flex-wrap:wrap;justify-content: space-between;gap:9.07vw 0;width:89.33vw;margin:8.4vw auto 0;padding:0;}
	.items-list__item{width:42.67vw;margin:0;padding:0;}

	a.item{width:42.67vw;text-decoration:none;color:#000;}
	.item__wrapper{}
	.item__visual{margin:0;padding:0;}
	.item__visual-item{width:42.67vw;height:64vw;border-radius:2.67vw;}
	.item__title{margin:4.8vw 0 0;padding:0;text-align:center;text-decoration:underline;}
	.item__text{margin:3.47vw 0 0;padding:0;text-align:center;}
	.item__title{
		font-family: begum, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size:3.2vw;
		line-height:1;
		letter-spacing:0.02em;
	}
	.item__text{
		font-family: begum, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size:2.93vw;
		line-height:1;
		letter-spacing:0.02em;
	}

	.all-items{margin:44vw auto 0;}
	.all-items__title{width:40.13vw;height:auto;margin:0 auto 0;padding:0;}
	.all-items__title-item{width:40.13vw;height:auto;}
	.all-items__btn{display:block;width:42.13vw;height:auto;margin:5.87vw auto 0;padding:0;}
	.all-items__btn-item{width:42.13vw;height:auto;}

	.bottom-link{display:block;margin:16vw 0 0;text-align:center;}
	.back-to-top{display:block;margin:18.67vw 0 0;text-align:center;}
  .bottom-link{
	  font-family: "Noto Sans JP", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 400;
	  font-style: normal;
	  font-size:2.93vw;
	  line-height:1;
	  letter-spacing:0.02em;
	  text-align:center;
	  color:#8BA0CE;
	}
  .back-to-top{
		font-family: begum, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size:2.93vw;
		line-height:1;
		letter-spacing:0.02em;
	  color:#8BA0CE;
	}
}/* スクリーンサイズが767px以下の場合に適用 */

/* スクリーンサイズが768px以上の場合に適用 */
@media screen and (min-width: 768px) {
	body{padding:0 0 210px;}

  .modal img{
    display:block;
  }
  .modal_open {
    cursor: pointer;
  }
  .modal {
    z-index: 200;
  }
  .modal__container{
  	cursor:pointer;
    z-index:9000;
    position: fixed;
    top: -150vh;
    left: 0;
    width: 100%;
    height: 101%;
    text-align: center;
    background: rgba(0,0,0,70%);
    padding: 0;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
  }
  .modal__container.is-active{
    visibility: visible;
    top: 0;
  }
  .modal__close-btn {
    position: fixed;
    top: 34px;
    right: 34px;
    width:30px;
    height:30px;
    cursor: pointer;
  }
  img.modal__close-btn-img {
    width: 100%;
    height: auto;
  }
  .modal__content{
  	cursor: auto;
    text-align: left;
    color: #333;
    width:580px;
    overflow-x:hidden;
    margin:0 0 0 auto;
    padding:70px 0;
    background: rgba(239,243,254,100%);
  }
  .modal-card{
  	width:480px;
  	margin:0 auto;
  	padding:20px 0 0;
  }
  .modal-card + .modal-card{
  	margin-top:30px;
  }
  .modal-card__image{
  	width:480px;
  	height:auto;
  }
  .modal-card__image-item{
  	width:480px;
  	height:auto;
  	border-radius: 30px;
  }
  .modal-card__text{
  	margin:20px 0 0;
  	padding:0;
	  font-family: "Noto Sans JP", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 400;
	  font-style: normal;
	  font-size:13px;
	  line-height:24px;
	  letter-spacing:0.02em;
  }
  .modal-card__info{
  	list-style: none;
  	margin:30px 0 0;
  	padding:0;
  }
  .modal-card__info-item{
  	margin:0;
  	padding:0;
		font-family: begum, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size:12px;
		line-height:1;
		letter-spacing:0.05em;
  }
  .modal-card__info-item + .modal-card__info-item{
  	margin-top:15px;
  }
  .modal-card__product-name{}
  .modal-card__product-price{
  	margin-left:5px;
  }
  .modal-card__buy-btn{
  	margin-left:8px;
  }
  a.modal-card__buy-btn-link{
  	color:#333
  }

  .main-visual{width:calc(100% - 2.78vw);height:50vw;margin:0;padding:0 0 0 2.78vw;overflow:hidden;}
  .main-visual__content{position:relative;display:block;z-index:1;}
  .main-visual__content--sp{display:none;}
  .main-visual__wrapper{height:50vw;display:flex;align-items:flex-start;gap:0 0.28vw;}
  .main-visual__item{width:15.97vw;height:auto;margin-top:0.28vw;}
  .main-visual__item-img{width:15.97vw;height:auto;}
  .main-visual__title{position:absolute;top:15.56vw;right:0.9vw;width:47.22vw;}
  .main-visual__title-img{width:47.22vw;height:auto;}

  .lead{margin:85px 0 0;}
  .lead__text{
	  font-family: "Noto Sans JP", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 400;
	  font-style: normal;
	  font-size:13px;
	  line-height:30px;
	  letter-spacing:0.02em;
	  text-align:center;
	}

	.calender{width:910px;margin:80px auto 0;}
	.calender__img{width:910px;height:auto;}

	.looks-summer{margin:145px 0 0;}
	.looks-summer__title{width:626px;margin:0 auto 0;}
	.looks-summer__title-item{width:626px;height:auto;}
	.looks-summer-list{list-style:none;width:1140px;margin:163px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:100px 30px;}
	.looks-summer-list__item{width:360px;}
	.looks-summer-list__item:nth-child(4),
	.looks-summer-list__item:nth-child(5),
	.looks-summer-list__item:nth-child(9),
	.looks-summer-list__item:nth-child(10) {
		width:calc(50% - (30px/2));
	}

	.days{width:360px;display:flex;flex-wrap:wrap;justify-content:center;}
	.days__title{width:360px;}
	.days__title-img{width:360px;height:auto;}
	.days__visual{position:relative;width:360px;margin:10px 0 0;}
	.days__visual::before{position:absolute;bottom:38px;right:38px;width:34px;height:34px;content:"";background-image: url(../images/btn_plus.png);background-size: 34px 34px;}
	.days__visual-week{position:absolute;top:-10px;left:-15px;width:390px;height:auto;pointer-events: none;}
	.days__visual-img{width:360px;height:auto;border-radius:200px;}
	.looks-summer-list__item:nth-child(4) .days,
	.looks-summer-list__item:nth-child(9) .days{margin:0 0 0 auto;}
	.looks-summer-list__item:nth-child(5) .days,
	.looks-summer-list__item:nth-child(10) .days{margin:0 auto 0 0;} 

	.items{margin:63px 0 0;}
	.items__title{width:236px;margin:0 auto 0;}
	.items__title-item{width:236px;height:auto;}

	.items-list{list-style:none;width:1020px;margin:65px auto 0;display:flex;flex-wrap: wrap;justify-content:space-between;gap:24px 0;}
	.items-list__item{width:320px;}

	a.item{width:320px;text-decoration:none;color:#000;}
	.item__wrapper{}
	.item__visual{width:320px;margin:0;padding:0;}
	.item__visual-item{width:320px;height:auto;border-radius:20px;}
	.item__title{margin:33px 0 0;padding:0;text-align:center;text-decoration:underline;}
	a.item:hover .item__title{text-decoration:none;}
	.item__text{margin:18px 0 0;padding:0;text-align:center;}
	.item__title{
		font-family: begum, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size:16px;
		line-height:1;
		letter-spacing:0.02em;
	}
	.item__text{
		font-family: begum, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size:12px;
		line-height:1;
		letter-spacing:0.02em;
	}

	.all-items{margin:245px auto 0;}
	.all-items__title{width:300px;height:auto;margin:0 auto 0;padding:0;}
	.all-items__title-item{width:300px;height:auto;}
	.all-items__btn{display:block;width:316px;height:auto;margin:43px auto 0;padding:0;}
	.all-items__btn-item{width:316px;height:auto;}

	.bottom-link{display:block;margin:110px 0 0;text-align:center;}
	.back-to-top{display:block;margin:90px 0 0;text-align:center;}
  .bottom-link{
	  font-family: "Noto Sans JP", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 400;
	  font-style: normal;
	  font-size:18px;
	  line-height:1;
	  letter-spacing:0.02em;
	  text-align:center;
	  color:#8BA0CE;
	}
  .back-to-top{
		font-family: begum, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size:18px;
		line-height:1;
		letter-spacing:0.02em;
	  color:#8BA0CE;
	}
	a.bottom-link:link,
	a.back-to-top:link{text-decoration:underline;}
	a.bottom-link:hover,
	a.back-to-top:hover{text-decoration:none;}
}/* スクリーンサイズが768px以上の場合に適用 */