@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, .modal * {
color: #686868;
font-family: begum, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
.allwrapper *,
.modal, .modal * {
box-sizing: border-box;
}
.allwrapper {
width: 100%;
min-height: 100vh;
padding-bottom: 0;
font-size: 3.2vw;
background: #fcf3f9;
letter-spacing: 0.05em;
animation-delay: 0.75s;
}
@media (min-width:600px){
	.allwrapper { font-size: 14.4px; }
}
.modal * {
font-size: 3.4666666666vw;
letter-spacing: 0.05em;
}
@media (min-width:768px){
	.modal * { font-size: 13px; }
}
.allwrapper a:link, .allwrapper a:visited, .allwrapper .acordion_btn,
.modal a:link, .modal a:visited, .modal .acordion_btn {
color: #686868;
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 button:hover,
.modal a:hover, .modal button:hover {
opacity: 0.65;
filter: alpha(opacity=65);
}
.allwrapper ol, .allwrapper ul,
.modal ol, .modal ul {
list-style:none;
}
.allwrapper img, .allwrapper video, .allwrapper button,
.modal img, .modal video, .modal 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;
}

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

/* size */
.fs8 { font-size: 2.1333333333vw; }
.fs9 { font-size: 2.4vw; }
.fs10 { font-size: 2.6666666666vw; }
.fs11 { font-size: 2.9333333333vw; }
.fs12 { font-size: 3.2vw; }
.fs13 { font-size: 3.4666666666vw; }
.fs14 { font-size: 3.7333333333vw; }
.fs15 { font-size: 4vw; }
.fs16 { font-size: 4.2666666666vw; }
.fs17 { font-size: 4.5333333333vw; }
.fs18 { font-size: 4.8vw; }
@media (min-width:768px){
	.fs10 { font-size: 10px; }
	.fs11 { font-size: 11px; }
	.fs13 { font-size: 13px; }
	.fs15 { font-size: 15px; }
}

/* 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 */
.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; }

/* decotarion */
.deco_line { text-decoration: underline; }


/* ========== 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:600px){
	.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:999px){.pc_none{display: block;}}
.pc_only{ display: none; }
@media (min-width:1000px){.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
-----------------------------------------------*/
body { overflow-x: visible !important; overflow-y: visible !important; }
.allwrapper { width: 100vw; background: #fcf3f9; overflow: hidden; }
@media (max-width:767px){
	.allwrapper { padding-top: 0 !important; }
}
@media (min-width:768px){
	body.static .wrapper { margin-top: 0; }
	.sp-menu { display: none; }
}
@media (min-width:1200px){
	.allwrapper { width: 100%; }
}
.sp-menu,
.pc-menu {
position: relative;
background: #fff;
z-index: 100;
}
.pc-menu {
position: fixed; width: 100%;
}

.ff_tenmin { font-family: ten-mincho-text, serif; }

.mv { min-height: 149vw; }
img.mv_brandlogo { top: 4vw; left: 64%; width: 32%; }
@media (min-width:600px){
	.mv { width: 600px; min-height: 900px; }
	img.mv_brandlogo { display: none; }
}
@media (min-width:1200px){
	.mv { position: fixed !important; top: 80px; left: calc(50% - 600px); margin: 0; }
}

.intro { padding: 9.6vw 0 16.8vw; }
.intro_title { width: 64%; }
.intro_text { margin-top: 16.53vw; }
@media (min-width:600px){
	.intro { padding: 38px 0 77px; }
	.intro_brandlogo { width: 26.6666666666%; }
	.intro_title { margin-top: 53px; }
	.intro_text { margin-top: 75px; }
}
@media (min-width:1200px){
	.intro_brandlogo { animation-delay: 1.25s; }
	.intro_title { animation-delay: 1.25s; }
	.intro_text { animation-delay: 2.5s; }
}

.maincontents { padding-bottom: 16vw; }
.index { padding: 9.33vw 0 7.46vw; background: #fff; }
.index_title { width: 52%; }
.index_items { margin-top: 6.66vw; }
.index_itembox { width: 33.3333333333%; }
.index_text01 { width: 78.6666666666%; margin: 0 auto 0 15.6666666666%; }
.index_text02 { width: 51.3333333333%; }
.index_text03 { width: 78.6666666666%; margin: 0 14.6666666666% 0 auto; }
@media (min-width:600px){
	.maincontents { width: 450px; padding-bottom: 110px; }
	.index { padding: 44px 0 35px; }
	.index_items { margin-top: 25px; }
}
@media (min-width:1200px){
	.maincontents { margin-left: calc(50% + 75px); }
	.index { margin-bottom: -90px; }
}

.secbox { padding: 13.33vw 0 20vw; }
.sec_title { width: 92%; }
.sec_items { width: 92%; }
.sec_itembox { width: 50%; margin-bottom: 8vw; }
.sec_itembox:nth-child(even) { animation-delay: 0.3s; }
.sec_itembox * { color: #000; }
.sec_itembox .left { margin-left: 4%; }
.sec_itembox .right { margin-right: 4%; }
.sec_stylemain { width: 97.3333333333%; margin-top: 10.66vw; }
.crossfade { width: 100%; height: 146.1333333333vw; overflow: hidden; }
.sec_price_wrapper { left: 0; bottom: 0; width: 100%; padding: 2.66vw 4.9315068493%; background: rgba(104, 104, 104, 0.8) }
.sec_price_open img { width: 20px; margin: 0 0 0 auto; }
.acordion_btn { cursor: pointer; }
.acordion_btn.open img { transform: rotate(135deg); padding-bottom: 1.4vw; }
.sec_price { padding: 3.2vw 0 1.2vw; }
.sec_price li a { color: #fff !important; }
.sec_price li a span { color: #e696d2 !important; text-decoration: underline; }
.sec_stylesub { justify-content: center; gap: 1.2vw; margin-top: 13.33vw; width: 97.3333333333%; }
.sec_stylebox {
width: 49.3150684931%;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.sec_stylebox:hover { opacity: 0.7; filter: alpha(opacity=70); }
.sec_stylebox:nth-child(3) { width: 51.2328767123%; }
.sec_stylebox_title { top: 5.33vw; left: 0; width: 100%; font-size: 4.8vw; color: #e696d2; }
.btn_check { width: 77.3333333333%; margin-top: 10.66vw; }
@media (min-width:600px){
	.secbox { padding: 60px 0 0; }
	.sec_itembox { margin-bottom: 37px; }
	.sec_itembox .fs14 { font-size: 16.8px; }
	.sec_itembox .fs9 { font-size: 10.8px; }
	.sec_stylemain { margin-top: 50px; }
	.crossfade { height: 657px; }
	.sec_price_wrapper { padding-top: 11px; padding-bottom: 11px; }
	.sec_price_open img { width: 24px; }
	.acordion_btn.open img { padding-bottom: 5px; }
	.sec_price { padding: 15px 0 10px; }
	.sec_stylesub { gap: 6px; margin-top: 60px; }
	.sec_stylebox_title { top: 24px; font-size: 21.6px; }
	.btn_check { margin-top: 45px; }
}
@media (min-width:1200px){
	.secbox { padding: 150px 0 0; }
}

.sec01 .sec_items { margin: 10.66vw auto 12px; }
.sec02 .sec_items { margin: 10.33vw auto 12px; }
.sec03 p { margin-top: 10.66vw; }
@media (min-width:600px){
	.sec01 .sec_items { margin: 50px auto 12px; }
	.sec02 .sec_items { margin: 62px auto 12px; }
	.sec03 p { margin-top: 55px; }
}

.staffcredit { margin-top: 40px; }
.bottomlogo { width: 29.3333333333%; margin: 13.33vw auto 0; }
@media (min-width:600px){
	.staffcredit { margin-top: 140px; }
	.bottomlogo { margin: 70px auto 0; }
}


/* ========== modal ========== */
.modal_lock.is-locked {
position: fixed;
width: 100%;
z-index: 10000;
}

.modal {
visibility: hidden;
overflow-y: scroll;
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: opacity 0.3s, visibility 0s 0.3s;
background: rgba(0, 0, 0, 0.3);
}
.modal.is-active {
visibility: visible;
opacity: 1;
transition: opacity 0.3s, visibility 0s 0s;
z-index: 10000;
}

.modal_container {
display: flex;
min-height: 100%;
justify-content: center;
align-items: center;
}
@media all and (-ms-high-contrast: none){
	.modal_container {
		display: block;
		padding-top: 11vh
	}
}
.modal_inner {
margin: auto;
width: 100%;
max-width: 750px;
position:  relative;
}
.modal_content {
position: relative;
width: 100%;
overflow-y: auto;
margin: auto;
padding: 30px 0 50px;
background: #fff;
}
.modal_content.is-active {
display: block;
}
button.modal_closebtn {
width: 15px;
font-size: 40px;
position: absolute;
top: 30px;
right: 25px;
cursor: pointer;
}
img.modal_sidetext { top: 48.8vw; right: 5.3333333333%; width: 5.33%; }
.modal_texts { width: 72%; }
.modal_title { margin-top: 3vw; padding-bottom: 4vw; color: #e696d2; font-size: 8vw; border-bottom: 1px solid #999; letter-spacing: 0; }
.modal_price { margin: 5.33vw 4vw 0 0; }
.modal_price span { color: #e696d2 !important; text-decoration: underline; }
img.modal_sec01_title { width: 26.1333333333%; z-index: 2; position: relative; }
img.modal_sec02_title { width: 17.3333333333%; z-index: 2; position: relative; }
img.modal_sec03_title { width: 50.1333333333%; z-index: 2; position: relative; }
@media (min-width:768px){
	button.modal_closebtn { top: 25px; }
	.modal_content { padding: 45px 0 35px; }
	img.modal_sidetext { top: 165px; right: 40px; width: 23px; }
	.modal_main { display: flex; justify-content: space-between; align-items: center; width: 640px; margin-top: -20px; }
	.modal_mainimg { width: 370px; }
	.modal_texts { width: 270px; margin: 0; }
	.modal_title { margin-top: 0; padding-bottom: 19px; font-size: 30px; }
	.modal_price { margin: 17px 14px 0 0; }
	img.modal_sec01_title { width: 118px; }
	img.modal_sec02_title { width: auto; height: 70px; }
	img.modal_sec03_title { width: auto; height: 70px; }
}