
body { -webkit-text-size-adjust: 100%;}
.central_1600 { max-width:1600px; margin: 0 auto; position: relative; z-index: 1;}
.central_1400{ max-width:1400px; margin: 0 auto; position: relative; z-index: 1;}
.t_ttl_block { font-size: 16px; font-family: 'Inter Tight', sans-serif;font-weight: 500;line-height: 1; letter-spacing: 0.1em;}

/* ---------------------------------------------------------------------------------------------------   

　#page_sunshift

   --------------------------------------------------------------------------------------------------- */

#page_sunshift_ishida {position: relative; z-index: 0;}

@media only screen and (max-width: 738px) {
#page_sunshift_ishida { padding: 0; }
}

#header {background: transparent;  -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
#header.fixed { background: #fefefe;}

#header h1.logo a {background: url("../images/common/logo2020_hover.png") center center no-repeat; background-size:115px 29px;}
#header h1.logo a:before {background: url("../images/common/logo2020.png") center center no-repeat; background-size:115px 29px;}
#header h1.logo a:after {background: #fefefe;}

#header.fixed h1.logo a {background: url("../images/common/logo2020.png") center center no-repeat; background-size:115px 29px;}
#header.fixed h1.logo a:before {background: url("../images/common/logo2020_hover.png") center center no-repeat; background-size:115px 29px;}
#header.fixed h1.logo a:after {background: #111;}

#header .sf-menu { color: #fefefe;}
#header.fixed .sf-menu { color: #111;}
#header .sf-mega {color: #111;}
.sf-menu li a:before { border-color: #fefefe; }
#header.fixed .sf-menu li a:before { border-color: #111;  }

#header .navArea ul.list_series li{ color: #111;}
#header .navSubArea .sf-inset li{ color: #111;}
#header .langArea .sf-menu li ul li{ color: #111;}

@media only screen and (max-width: 960px) {
#header { background: #fefefe; }
#header h1.logo a { background: url("../images/common/logo2020.png") center center no-repeat;background-size:115px 29px;}
#header h1.logo a:before { background: url("../images/common/logo2020_hover.png") center center no-repeat;background-size:115px 29px; }
#header h1.logo a:after { background: #111;}
}


/* ---------------------------------------------------------------------------------------------------   

　.panel

   --------------------------------------------------------------------------------------------------- */

.panel { position: fixed; bottom: 15px; right:15px; padding:22px 35px 22px 20px; z-index: 7;}
.panel:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "";background: #fefefe; border: #111 1px solid; opacity: .95; z-index: -1;-webkit-border-radius: 3px;border-radius: 3px;}
.panel .close_btn_panel { position: absolute;top:0;right: 0;width: 35px;height: 35px;font-size: 0;text-align: center;z-index: 5;cursor: pointer;}
.panel .close_btn_panel:before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;font-family: 'themify'; content: "\e646";font-size: 12px;z-index: 0;line-height: 35px;}
.panel a { display: block;font-size: 13px; font-family: 'Shippori Mincho B1', serif; font-weight: 500;line-height: 1.7; letter-spacing: 0.025em;}
.panel a:hover { cursor: pointer;}
.panel a .t_sub { display: block; font-family: 'courier_prime_sansregular'; font-weight: normal; letter-spacing: 0em; text-transform: uppercase; text-indent: .55em}
.panel a span.name_store{ color: #fe831f;font-size: 13px; font-family: 'Libre Baskerville', serif;font-weight: 500; letter-spacing: 0.02em; position: relative; z-index: 0; -webkit-transition: all 0.3s ease;transition: all 0.3s ease; }
.panel a span.name_store:after { position: absolute; top: -2px; right: .5em; left: .5em; bottom: -2px; content: "";border-bottom: #fe831f 1px solid; z-index: -1;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; }

@media only screen and (min-width: 901px) {
.panel a:hover span.name_store{ color: #fefefe;}
.panel a:hover span.name_store:after { background: #fe831f; }
}
@media only screen and (max-width: 900px) {
.panel { bottom: 0; right:0; left: 0; padding:22px 20px 22px 20px; z-index: 7;}
.panel:after {border: none; border-top: #111 1px solid; -webkit-border-radius: 0;border-radius: 0; }
.panel a { text-align: center;}
.panel a .t_sub { margin: 0 3px 0 0; display: inline-block; text-indent: 0;}
.panel a span.name_store:after { bottom: -1px;}
}
@media only screen and (max-width: 738px) {
.panel { padding:18px 35px 18px 5%; }
.panel .close_btn_panel:before {font-size: 14px;}
.panel a { display: block;font-size: 13px;line-height: 1.5; text-align: left;}
}
@media only screen and (max-width: 560px) {
.panel { padding:15px 35px 20px 5%; }
.panel a { line-height: 1.4;}
.panel a .t_sub { display: block;text-indent: .55em}
}







/* ---------------------------------------------------------------------------------------------------   

　.block_mv

   --------------------------------------------------------------------------------------------------- */

.block_mv { padding: 0; min-height: 100%; position: relative; z-index: 0; background: #fefefe;}
.block_mv .cover { position: absolute; top: 0px; right: 0; bottom:0;left: 0; z-index: 0; background: rgba(0,0,0,.1);
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 100%);
}



/* .img_area */
.block_mv .img_area_pc { position: absolute;top: 0px; right: 0; bottom: 0; left: 0; content: ""; z-index: -1;}
.block_mv .img_area_pc .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; }
/*.block_mv .img_area_pc .img:after {position: absolute; top: 0; left: 0; bottom: 0; right: 0;content: ""; z-index: -1;}*/

.block_mv .img_area_pc .img .pic {position: absolute; top: 0; bottom: 0; z-index: -1; }

.block_mv .img_area_pc .img .pic_a {left: 0; width: 33.333333333%}
.block_mv .img_area_pc .img .pic_b {left: 33.333333333%; width: 33.333333333%}
.block_mv .img_area_pc .img .pic_c {right: 0; width: 33.333333333%}

.block_mv .img_area_pc .img_01 .pic_a {background: url("../images/lp/sunshift_ishida/img_mv_01_a.jpg") center center no-repeat; background-size: cover;}
.block_mv .img_area_pc .img_01 .pic_b {background: url("../images/lp/sunshift_ishida/img_mv_01_b.jpg") center center no-repeat; background-size: cover;}
.block_mv .img_area_pc .img_01 .pic_c {background: url("../images/lp/sunshift_ishida/img_mv_01_c.jpg") center center no-repeat; background-size: cover;}

.block_mv .img_area_pc .img_02 .pic_a {background: url("../images/lp/sunshift_ishida/img_mv_02_a.jpg") center center no-repeat; background-size: cover;}
.block_mv .img_area_pc .img_02 .pic_b {background: url("../images/lp/sunshift_ishida/img_mv_02_b.jpg") center center no-repeat; background-size: cover;}
.block_mv .img_area_pc .img_02 .pic_c {background: url("../images/lp/sunshift_ishida/img_mv_02_c.jpg") bottom left no-repeat; background-size: cover;}

.block_mv .img_area_pc .img_03 .pic_a {background: url("../images/lp/sunshift_ishida/img_mv_03_a.jpg") center center no-repeat; background-size: cover;}
.block_mv .img_area_pc .img_03 .pic_b {background: url("../images/lp/sunshift_ishida/img_mv_03_b.jpg") center center no-repeat; background-size: cover;}
.block_mv .img_area_pc .img_03 .pic_c {background: url("../images/lp/sunshift_ishida/img_mv_03_c.jpg") center center no-repeat; background-size: cover;}

/* ----- .mainSlider ----- */ 
.mainSlider_pc { }
.mainSlider_pc .slick-list,
.mainSlider_pc .slick-track { height: 100%; }


/* ___ .hero_txt_area ___ */ 
.block_mv .hero_txt_area .t_ttl_main b { display: block; font-weight: 500;position: relative; z-index: 0;}
.block_mv .hero_txt_area .t_copy_en b:after { position: absolute; bottom: .3em; right: -.5em;content:"\0ae"; font-size: 0.4em;font-weight: 300;line-height: 1;}

/* ___ .hero_txt_area ___ */ 
.block_mv .hero_txt_area { position: absolute;top: 50%;left:0; right: 0; z-index: 2; -webkit-transform: translate(0, -50%); transform: translate(0, -50%);margin: 10px 0 0; text-align: center;}
.block_mv .hero_txt_area .t_ttl_main { color: #fefefe; font-size: 16px; font-family:'Inter Tight', sans-serif;font-weight: 500; line-height: 2.1; letter-spacing: 0.175em;white-space: nowrap}
.block_mv .hero_txt_area .t_ttl_main b {display: block; font-weight: 500;position: relative; z-index: 0;}
.block_mv .hero_txt_area .t_copy_en b:after { position: absolute; bottom: .3em; right: -.5em;content:"\0ae"; font-size: 0.4em;font-weight: 300;line-height: 1;}
@media only screen and (max-width: 900px) {
.block_mv .cover { top: 60px;  }
.block_mv .img_area_pc {top: 60px; bottom: 0;}    
.block_mv .img_area_pc .img:after { position: absolute; top: 0; right: 0; bottom: 0vw; left: 0; content: ""; z-index: -1;}
.block_mv .img_area_pc .img_01:after {background: url("../images/lp/sunshift_ishida/img_mv_01_a.jpg") center center no-repeat; background-size: cover;}
.block_mv .img_area_pc .img_02:after {background: url("../images/lp/sunshift_ishida/img_mv_01_b.jpg") center center no-repeat; background-size: cover;}
.block_mv .img_area_pc .img_03:after {background: url("../images/lp/sunshift_ishida/img_mv_01_c.jpg") center center no-repeat; background-size: cover;}
.block_mv .img_area_pc .img .pic {display: none;}
}
@media only screen and (max-width: 738px) {
.block_mv .cover { top: 50px;}
.block_mv .img_area_pc {top: 50px;}
}
@media only screen and (max-width: 640px) {
.block_mv {background: #fefefe; }
.block_mv .cover { bottom: 20vw; left: 0; background: transparent; }
.block_mv .hero_txt_area { height: 20vw; left: 0; right: 0;}
.block_mv .hero_txt_area .t_ttl_main { position: absolute;display: inline-block; top: 50%; left: 50%; font-size: 14px;font-weight: 500; line-height: 1.9; letter-spacing: 0.15em;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.block_mv .img_area_pc .img_03:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "";  background: rgba(0,0,0,.1); z-index: 0;}
}


/* ----- .mainvisual ----- */
.mainvisual{height: calc(var(--vh, 1vh) * 100);}

@media only screen and (max-width: 738px) {
.mainvisual{height: calc(var(--vh, 1vh) * 100); min-height: 100vw; }
}
@media only screen and (max-width: 640px) {
.mainvisual{height: calc(var(--vh, 1vh) * 100);}
}





/* ---------------------------------------------------------------------------------------------------   

　#breadcrumb

   --------------------------------------------------------------------------------------------------- */

#breadcrumb { margin: 0; padding: 45px 5% 45px; z-index:1;  background: #F5F5F3;}
#breadcrumb:after { position: absolute; bottom: 0; left: 2.5%; right: 2.5%; height: 0; content: ""; border: none; z-index: 0;}
#breadcrumb li { font-feature-settings : "palt" 1; font-weight:700; position: relative; z-index: 0;background: rgba(247,246,244,1)}
#breadcrumb li:after { position: absolute; top: 50%; left: 100%; width: 10px; height: 0; content: ""; border-top: #555 1px solid; z-index: -1;}

@media only screen and (max-width: 900px) {	
#breadcrumb {padding: 50px 5% 35px; }
#breadcrumb li a:hover { color: #111;}
}
@media only screen and (max-width: 738px) {
#breadcrumb {padding: 45px 5% 20px; border-bottom: none;  }
}
@media only screen and (max-width: 640px) {
#breadcrumb {padding: 45px 5% 20px; border-bottom: none;  }
#breadcrumb:after { left: 0; right: 0; }
}





/* ---------------------------------------------------------------------------------------------------   

　.block_intro

   --------------------------------------------------------------------------------------------------- */

.block_concept { padding: 100px 5% 120px; background: rgb(245,245,243); background: linear-gradient(180deg, rgba(245,245,243,1) 0%, rgba(254,254,254,1) 100%);}

@media only screen and (max-width: 900px) {	
.block_concept { padding: 100px 0 110px;}
}
@media only screen and (max-width: 738px) {
.block_concept { padding: 100px 0;}
}
@media only screen and (max-width: 640px) {
.block_concept { padding: 30px 5% 90px;}
}



/* .headline */
.block_concept .headline { text-align: left; margin: 0 0 60px;}

/* ___ .concept_area ___ */
.block_concept .concept_area { padding: 0; position: relative; z-index: 0;}
.block_concept .concept_area .txt_area {float: left; width: 60%;}

.block_concept .concept_area .txt_area .t_concept { font-size: 1.8vw;font-family: 'Libre Baskerville', serif; line-height: 1.75; letter-spacing: .05em; text-transform: uppercase;}
.block_concept .concept_area .txt_area .t_ttl_en {margin: 2.5vw 0 0; font-size: 15px;font-family: 'Inter Tight', sans-serif;/*font-family:courier_prime_sansregular;*/font-weight: 400;line-height: 1.9; letter-spacing: 0.115em;}

/* .img_area */
.block_concept .concept_area .img_area { float: right; width: 40%;}

/* .sub_img_area */
.block_concept .concept_area .sub_img_area { position: absolute; bottom: 0; left: 0; width: 15%; width: 16.5%; width: 62.5%; font-size: 0;}
.block_concept .concept_area .sub_img_item {display: inline-block; width: 23.5%; margin-right: 2.25%; vertical-align: bottom}

/* ___ .concept_detail_area ___ */
.block_concept .concept_detail_area { margin: 120px 0 0 22.5%; width: 52.5%; position: relative; z-index: 0;}
.block_concept .concept_detail_box {}
.block_concept .concept_detail_box+.concept_detail_box {margin: 45px 0 0;}
.block_concept .concept_detail_area .t_concept { font-size: 15px;font-family: 'Libre Baskerville', serif; font-weight: 400; line-height: 1.75; letter-spacing: .05em;}
.block_concept .concept_detail_area .t_concept .t_jp {font-family: 'Shippori Mincho', serif; font-weight: 500;}
.block_concept .concept_detail_area .t_detail{margin: 10px 0 0;}


@media only screen and (min-width: 1201px) {
.block_concept .concept_area .txt_area .t_concept { font-size:1.7vw; }
}

@media only screen and (max-width: 900px) {
/* .headline */
.block_concept .headline { margin: 0 0 60px;}

/* ___ .concept_area ___ */
.block_concept .concept_area { padding: 0; position: relative; z-index: 0;}
.block_concept .concept_area .txt_area {float: left; width: 70%; margin: 0 0 0 5%;}

.block_concept .concept_area .txt_area .t_concept { font-size: 2.5vw; line-height: 1.85; letter-spacing: .05em;}
.block_concept .concept_area .txt_area .t_ttl_en {margin: 30px 0 0; font-size: 14px;line-height: 1.7;}

/* .img_area */
.block_concept .concept_area .img_area { float: none; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background: url("../images/lp/sunshift_ishida/img_concept_main.jpg") center center no-repeat; background-size: cover; z-index: -1;}
.block_concept .concept_area .img_area img {display: none;}

/* .sub_img_area */
.block_concept .concept_area .sub_img_area { position: static; float: left;width: 45%; margin: 100px 0 0 5%;}
.block_concept .concept_area .sub_img_item {width: 30%; margin-right: 2.5%;}

/* ___ .concept_detail_area ___ */
.block_concept .concept_detail_area { margin: 90px 0 0; width: 100%; padding: 0 10%; position: relative; z-index: 0;}
.block_concept .concept_detail_box+.concept_detail_box {margin: 40px 0 0;}
    .block_concept .concept_detail_area .t_concept{ font-size: 14px;}
.block_concept .concept_detail_area .t_detail{ font-size: 14px;}
}


@media only screen and (max-width: 640px) {
/* .headline */
.block_concept .headline { margin: 0 0 30px; text-align: center; }

/* ___ .concept_area ___ */
.block_concept .concept_area { padding: 0; position: relative; z-index: 0;}
.block_concept .concept_area .txt_area {float: none; width: 100%; margin: 60px 0 0; text-align: center}

.block_concept .concept_area .txt_area .t_concept { font-size: 3.45vw;}
.block_concept .concept_area .txt_area .t_ttl_en {margin: 20px 0 0; font-size: 12px;line-height: 1.75; }

/* .img_area */
.block_concept .concept_area .img_area { float: none; position: static; width: 100%; background: none; z-index: -1; }
.block_concept .concept_area .img_area img {display: block; margin: 0 auto; width: 100%;}

/* .sub_img_area */
.block_concept .concept_area .sub_img_area { position: static; float: none;width: auto; margin: 70px -1% 0;}
.block_concept .concept_area .sub_img_item {width: 48%;margin:0 1%;}

/* ___ .concept_detail_area ___ */
.block_concept .concept_detail_area { margin: 60px 0 0; padding: 0 2.5%; }
.block_concept .concept_detail_box+.concept_detail_box {margin: 40px 0 0;}
.block_concept .concept_detail_area .t_concept { font-size: 13px; line-height: 1.9; letter-spacing: .05em;}
.block_concept .concept_detail_area .t_detail{ font-size: 13px;}
}





/* ---------------------------------------------------------------------------------------------------   

　.block_gallery

   --------------------------------------------------------------------------------------------------- */

.block_gallery { overflow: hidden;}

/* .concept_gallery_area */
.concept_gallery_area { padding: 0 0 180px;}

/* .intro_img_slider */
.intro_img_slider {  margin: 0; position: relative;z-index: 0; font-size: 0;}
.intro_img_slider .slick-track {margin: 0;}
.intro_img_slider .slick-list { padding: 0 10%;}
.intro_img_slider .item { display: inline-block;float: none; margin: 0 6vw; vertical-align: middle}

/* -----  .slick-prev  / .slick-next ----- */ 
.intro_img_slider .slick-prev,
.intro_img_slider .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 3.4vw; height: 8vw; padding: 0; cursor: pointer; color: #111; border: none; background-color:transparent;outline: none; -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;  z-index: 2;-webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.intro_img_slider .slick-prev:before,
.intro_img_slider .slick-next:before {content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.intro_img_slider .slick-prev { left: 10%; margin-left: -1.7vw;}
.intro_img_slider .slick-prev:before {  background: url("../images/lp/sunshift_ishida/arrow_left.png") center left no-repeat; background-size: contain;}
.intro_img_slider .slick-next { right: 10%; margin-right: -1.7vw;}
.intro_img_slider .slick-next:before { background: url("../images/lp/sunshift_ishida/arrow_right.png") center right no-repeat; background-size: contain;}

.intro_img_slider .slick-prev:hover{ left: 9.65%; }
.intro_img_slider .slick-next:hover { right:9.65%;}
.intro_img_slider .slick-prev.slick-disabled,
.intro_img_slider .slick-next.slick-disabled {opacity: 0;}


@media only screen and (max-width: 900px) {
.concept_gallery_area { padding: 0 0 180px;}

/* .intro_img_slider */
.intro_img_slider {}
.intro_img_slider .slick-track {margin: 0;}
.intro_img_slider .slick-list { padding: 0 5%;}
.intro_img_slider .item {margin: 0 2.75vw;}
/*.intro_img_slider .item img {-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-transform: scale(0.95, 0.95);transform: scale(0.95, 0.95);}
.intro_img_slider .item.slick-active img {-webkit-transform: scale(1,1);transform: scale(1,1);}*/

/* -----  .slick-prev  / .slick-next ----- */ 
.intro_img_slider .slick-prev,
.intro_img_slider .slick-next { top: auto; bottom: -70px; width: 6vw; height: 35px; -webkit-transform: translate(0,0); transform: translate(0,0); }
.intro_img_slider .slick-prev:before,
.intro_img_slider .slick-next:before {content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.intro_img_slider .slick-prev { left: 27.5%; margin-left: -3vw;}
.intro_img_slider .slick-prev:before {  background: url("../images/lp/sunshift_ishida/arrow_left.png") center left no-repeat; background-size: contain;}
.intro_img_slider .slick-next { right: 27.5%; margin-right: -3vw;}
.intro_img_slider .slick-next:before { background: url("../images/lp/sunshift_ishida/arrow_right.png") center right no-repeat; background-size: contain;}

.intro_img_slider .slick-prev:hover{ left: 27.5%; }
.intro_img_slider .slick-next:hover { right:27.5%;}
.intro_img_slider .slick-prev.slick-disabled,
.intro_img_slider .slick-next.slick-disabled {opacity: 0;}   
}
@media only screen and (max-width: 640px) {
.concept_gallery_area { padding: 0 0 150px;}

/* .intro_img_slider */
.intro_img_slider {}
.intro_img_slider .slick-track {margin: 0;}
.intro_img_slider .slick-list { padding: 0 10%;}
.intro_img_slider .item {margin: 0 5vw;}
/*.intro_img_slider .item img {-webkit-transition: all 0.5s ease;transition: all 0.5s ease; -webkit-transform: scale(0.985, 0.985);transform: scale(0.985, 0.985);}
.intro_img_slider .item.slick-active img {-webkit-transform: scale(1,1);transform: scale(1,1);}*/

/* -----  .slick-prev  / .slick-next ----- */ 
.intro_img_slider .slick-prev,
.intro_img_slider .slick-next { top: auto; bottom: -50px; width: 7.4vw; height: 35px; -webkit-transform: translate(0,0); transform: translate(0,0); }
.intro_img_slider .slick-prev:before,
.intro_img_slider .slick-next:before {content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.intro_img_slider .slick-prev { left: 27.5%; margin-left: -3.7vw;}
.intro_img_slider .slick-prev:before {  background: url("../images/lp/sunshift_ishida/arrow_left.png") center left no-repeat; background-size: contain;}
.intro_img_slider .slick-next { right: 27.5%; margin-right: -3.7vw;}
.intro_img_slider .slick-next:before { background: url("../images/lp/sunshift_ishida/arrow_right.png") center right no-repeat; background-size: contain;}

.intro_img_slider .slick-prev:hover{ left: 27.5%; }
.intro_img_slider .slick-next:hover { right:27.5%;}
.intro_img_slider .slick-prev.slick-disabled,
.intro_img_slider .slick-next.slick-disabled {opacity: 0;}   
}



/* ---------------------------------------------------------------------------------------------------   

　.block_product_txt

   --------------------------------------------------------------------------------------------------- */

.block_product_txt{ padding: 0; overflow: hidden; position: relative; z-index: 0; background: #edf0eb;/*background:#F5F5F3;*/ }

/* .img_area */
.block_product_txt .img_area { position: absolute; top: 0; left: 0; bottom: 0; width: 40%; z-index: 0; background: url("../images/lp/sunshift_ishida/BJ_f-45.jpg") center center no-repeat; background-size: cover;}

/* .txt_area */
.block_product_txt .txt_area { float: right; width: 60%; padding: 130px 8.5%;}
.block_product_txt .t_ttl_product { font-size: 16px; font-family: 'Inter Tight', sans-serif; font-weight: 400;line-height: 1; letter-spacing: 0.1em;}

/* .dl_feature */
.block_product_txt .dl_feature { margin: 85px 0 0; font-size: 14px;font-weight: 500;line-height: 2;letter-spacing: .05em;}
.block_product_txt .dl_feature div { overflow: hidden;}
.block_product_txt .dl_feature div+div {margin: 45px 0 0;}
.block_product_txt .dl_feature dt { float: left;font-family: 'Libre Baskerville', serif; font-weight: 400; font-size: 13px; line-height: 2.1;}
.block_product_txt .dl_feature dd { padding: 0 0 0 130px;}


@media only screen and (max-width: 900px) {
.block_product_txt .img_area { position: static; width: 100%; height: 70vw;}
.block_product_txt .txt_area { float: none; width: 100%; padding: 90px 10% 100px; text-align: center}
/* .dl_feature */
.block_product_txt .dl_feature { margin: 65px 0 0; text-align: left;}
.block_product_txt .dl_feature div+div {margin: 35px 0 0;}
.block_product_txt .dl_feature dd { padding: 0 0 0 130px;}
}
@media only screen and (max-width: 640px) {
.block_product_txt .img_area { height: 70vw; }
.block_product_txt .txt_area { padding: 75px 7.5% 90px; text-align: center}
/* .dl_feature */
.block_product_txt .dl_feature { margin: 45px 0 0; font-size: 13px;text-align: left;}
.block_product_txt .dl_feature div+div {margin: 35px 0 0;}
.block_product_txt .dl_feature dt {float: none;}
.block_product_txt .dl_feature dd { padding: 0;margin: 10px 0 0;}
}




/* ---------------------------------------------------------------------------------------------------   

　.block_product

   --------------------------------------------------------------------------------------------------- */

.block_product { padding: 130px 5%; position: relative; z-index: 0; background: rgb(245,245,243);background: linear-gradient(180deg, rgba(254,254,254,1) 0%, rgba(245,245,243,1) 100%); }

@media only screen and (max-width: 900px) {	
.block_product { padding: 110px 5%}
}
@media only screen and (max-width: 640px) {
.block_product { padding: 90px 5%; padding: 80px 5% 100px}
}

    

/* ___ .product_header ___ */
.block_product .product_header { margin: 0 10%; position: relative; z-index: 0; display: flex;align-items: stretch;justify-content: space-between;}
.block_product .product_header .img_area {width:50%;order: 2; margin: 0;}
.block_product .product_header .txt_area {width: 42.5%;z-index: 0;order: 1; position: relative;}
.block_product .product_header .name_area { position: absolute;  top: 25%; left: 0; z-index: 0;-webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1;}
.block_product .product_header .t_ttl_series {font-size: 12px; font-family: 'Inter Tight', sans-serif;font-weight: 500;line-height: 1.75; letter-spacing: 0.115em;}
.block_product .product_header .t_ttl_item { margin: 20px 0 0; font-size: 40px; font-family: 'Inter Tight', sans-serif;font-weight: 400; letter-spacing: 0.075em; line-height: 1;}
.block_product .product_header .t_ttl_item a {display: inline-block; border-bottom: #111 1px solid;}


/* .material_area */
.block_product .material_area { position: absolute; bottom: 5px; left: 0; z-index: 0;}
.block_product .list_material { margin: 35px 0 0; margin: 17.5vw 0 0; font-size: 14px;font-weight: 500;line-height: 1.7;letter-spacing: .05em;}
.block_product .list_material div { overflow: hidden;}
.block_product .list_material div+div {margin: 5px 0 0; margin: 20px 0 0;}
.block_product .list_material dt { /*float: left;*/font-family: 'Libre Baskerville', serif; font-weight: 400; font-size: 12px; line-height: 2}
.block_product .list_material dd { /*padding: 0 0 0 70px;*/font-family: 'Inter Tight', sans-serif;font-weight: 400; letter-spacing: 0.075em;}


@media only screen and (min-width: 901px) {	
.block_product .product_header .t_ttl_item a:hover { color: #fefefe; background: #111;}
}
@media only screen and (max-width:900px) {
.block_product .product_header { margin: 0;}
.block_product .product_header .img_area {width: 50%;}
.block_product .product_header .txt_area {width: 40%; }
.block_product .product_header .name_area {top: 20%;}
.block_product .product_header .t_ttl_series {font-size: 12px;letter-spacing: 0.1em;}
.block_product .product_header .t_ttl_item { margin: 20px 0 0; font-size: 35px;}
.block_product .material_area { bottom: 0; left: 0; }
.block_product .list_material { margin: 15vw 0 0; }
.block_product .list_material div { overflow: hidden;}
.block_product .list_material div+div { margin: 15px 0 0;}
}
@media only screen and (max-width:640px) {
.block_product .product_header { margin: 0;display: block; align-items: auto;justify-content:auto;}
.block_product .product_header .img_area { display: block; width:85%;order: 1; margin: 0 auto;}
.block_product .product_header .txt_area {width: 100%;order: 2;}
.block_product .product_header .name_area { position: static; display: block; margin: 40px 0 0; text-align: center;-webkit-transform: translate(0,0); transform: translate(0,0);}
.block_product .product_header .t_ttl_series {font-size: 12px; font-family: 'Inter Tight', sans-serif;font-weight: 500;line-height: 1.75; letter-spacing: 0.115em;}
.block_product .product_header .t_ttl_item { margin: 10px 0 0; font-size: 20px;}

/* .material_area */
.block_product .material_area { position: static;}
.block_product .list_material { margin: 35px 0 0; font-size: 13px;font-weight: 500;line-height: 1.7;letter-spacing: .05em; display: flex;align-items: flex-start;justify-content: center;}
.block_product .list_material div,
.block_product .list_material div+div {margin: 0 5%;}
}


/* ___ .product_area ___ */
.block_product .product_area { margin: 40px -1% 0; position: relative; z-index: 0; font-size: 0; text-align: left;}
.block_product .product_item {display: inline-block; margin: 60px 1% 0; width: 31.333%; position: relative; z-index: 0; text-align: left;}
.block_product .product_item .t_release_date { position: absolute; top: 10px; left: 10px; display: inline-block; padding: 0 7px; background: #F5F5F3; color: #777; font-size: 12px; letter-spacing: .01em; line-height: 20px; z-index: 1;}
.block_product .product_item .t_release_date .t_time {margin: 0 .1em 0 .075em;}
.block_product .product_item .img_area { padding: 10px 0 0; background: #fff;}
.block_product .product_item .ttl_area { font-size: 0; position: relative; z-index: 0;}

/* .txt_area */
.block_product .product_item .txt_area { margin: 12px 0 0; padding: 0 0 0 10px; position: relative; z-index: 0; text-align: left;}

/* dl.dl_product_color */
dl.dl_product_color_2 { display: block; line-height: 1; }
dl.dl_product_color_2 div { display: block;}
dl.dl_product_color_2 div+div {margin: 5px 0 0;}
dl.dl_product_color_2 dt { display: inline-block;display: block;font-size:12px;font-family:courier_prime_sansregular;font-weight: 400; line-height: 1.1; vertical-align: top; letter-spacing: 0; color: #777}
dl.dl_product_color_2 dd {margin: 2px 0 0;display: inline-block; display: block; font-size: 13px; font-family: 'Inter Tight', sans-serif;font-weight: 400; letter-spacing: .075em; line-height: 1.3; vertical-align: middle;}
dl.dl_product_color_2 dd span { margin: 0 0 0 -2px; font-size: 0.8em; letter-spacing: .05em;vertical-align: 0;}

/* .btn_buynow */
.btn_buynow{ display:inline-block; margin:12px 0 0; padding: 0; height: 20px;border-bottom:#111 1px solid; text-decoration: none; line-height: 20px;text-align: center;  font-size: 12px;font-family: 'Inter Tight', sans-serif;font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; position: absolute; bottom: 0; right: 5px;}

@media only screen and (min-width: 901px) {	
.btn_buynow:hover { color: #fefefe; background: #111;}
.btn_buynow:hover:after { -webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@media only screen and (max-width:900px) {
.block_product .product_area { margin: 40px -2% 0;}
.block_product .product_item { margin: 60px 2% 0; width: 46%;}
.block_product .product_item .t_release_date { position: absolute; top: 8px; left: 8px; font-size: 11px;}
.block_product .product_item .img_area {padding: 10px 0 0;}  
.block_product .product_item .txt_area { margin: 10px 0 0; padding: 0 0 0 5px; }
}
@media only screen and (max-width:640px) {
.block_product .product_area { margin: 0 -1.5% 0;}
.block_product .product_item { margin: 45px 1.5% 0; width: 47%; line-height: 1;}
.block_product .product_item .t_release_date {position: static; margin: 0 0 8px; padding: 0 5px; font-size: 10px; line-height: 17px; background: #efefec;}
.block_product .product_item .t_release_date .t_time {margin: 0 .1em 0 .075em;}
.block_product .product_item .img_area {padding: 0;}    
.block_product .product_item .ttl_area { font-size: 0; position: relative; z-index: 0;}

/* .txt_area */
.block_product .product_item .txt_area { margin: 10px 0 0; padding: 0 5px;}

/* dl.dl_product_color */
dl.dl_product_color_2 { display: block; line-height: 1; }
dl.dl_product_color_2 div { display: block;}
dl.dl_product_color_2 div+div {margin: 4px 0 0;}
dl.dl_product_color_2 dt {font-size:11px;height: 1; }
dl.dl_product_color_2 dd {margin: 0;font-size: 13px; font-family: 'Inter Tight', sans-serif;font-weight: 400; letter-spacing: .05em; line-height: 1.3;}
dl.dl_product_color_2 dd span { margin: 0 0 0 -2px; font-size: 0.8em; letter-spacing: .035em;}

/* .btn_buynow */
.btn_buynow{ position: relative; bottom: auto; right: auto; margin:12px 0 0; font-size: 13px;}
}



/* ____ .link_area_sunshift ____ */
.link_area_sunshift { margin: 100px auto 0; max-width: 800px; padding: 35px 5%; background: #fefefe; background: #efefeb; border-radius: 3px; text-align: center;}
.link_area_sunshift .t_webshop { display: inline-block; text-align: left; font-size: 15px; letter-spacing: .05em; line-height: 2;}

@media only screen and (max-width: 900px) {	
.link_area_sunshift { margin: 80px 5%; padding: 35px 5%; }
.link_area_sunshift .t_webshop { font-size: 14px; line-height: 1.9;}
}
@media only screen and (max-width: 738px) {	
.link_area_sunshift { margin: 60px 0 -30px; padding: 30px 6.5%; }
.link_area_sunshift .t_webshop { font-size: 13px; line-height: 1.85;}
.link_area_sunshift .t_webshop+.t_webshop {margin: .75em 0 0;}
}
@media only screen and (max-width: 640px) {	
.link_area_sunshift { padding: 25px 6.5%; }
}








/* ---------------------------------------------------------------------------------------------------   

　.block_sabae

   --------------------------------------------------------------------------------------------------- */

.block_sabae{ padding: 130px 0 150px; overflow: hidden;position: relative; z-index: 0;}

@media only screen and (max-width: 900px) {	
.block_sabae{ padding: 0 0 120px;}  
}
@media only screen and (max-width: 640px) {	
.block_sabae{ padding: 0 0 100px;}  
}

/* .head_img_area */
.block_sabae .head_img_area {padding: 0 5%; position: relative; z-index: 0;overflow: hidden; }
.block_sabae .head_img_area .img {float: left; width: 60%;}
.block_sabae .head_img_area .ttl_area { position: absolute; top: 50%; right: 0%; width: 42.5%;z-index: 0;-webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center;}
.block_sabae .head_img_area .ttl_area .inner {display: inline-block; text-align:center}
.block_sabae .head_img_area .t_ttl_sabae { font-size: 15px; font-family: 'Inter Tight', sans-serif;font-weight: 400;line-height: 1; letter-spacing: 0.1em;}
.block_sabae .head_img_area .t_ttl_sabae_jp {margin: 20px 0 0; font-size: 25px; font-family: 'Shippori Mincho', serif;font-weight: 400;line-height: 1; letter-spacing: 0.1em;}


/* .head_img_area */
.block_sabae .sabae_area {padding: 110px 5% 0;}

/* .sabae_box_0 */
.block_sabae .sabae_box_0 {margin: 0; position: relative; z-index: 0; font-size: 0; }
.block_sabae .sabae_box_0 .item {display: inline-block; width: 50%; margin: 0 0 0 30%}

/* .sabae_box_1 */
.block_sabae .sabae_box_1 { position: relative; z-index: 0; font-size: 0; text-align: center;}
.block_sabae .sabae_box_1 .item {display: inline-block; vertical-align: middle}
.block_sabae .sabae_box_1 .item_1 {width: 35%; margin: 0 12.5% 0 5%;}
.block_sabae .sabae_box_1 .item_2 {width: 45%;}

/* .sabae_box_2 */
.block_sabae .sabae_box_2 {margin: 100px 0 0; position: relative; z-index: 0; font-size: 0; }
.block_sabae .sabae_box_2 .item {display: inline-block; width: 45%; margin: 0 0 0 20%}

/* .sabae_box_3 */
.block_sabae .sabae_box_3 { margin: 100px 0 0; position: relative; z-index: 0; font-size: 0;}
.block_sabae .sabae_box_3 .item {display: inline-block; vertical-align: middle}
.block_sabae .sabae_box_3 .item_1 {width: 42.5%; margin: 0 15% 0 2.5%;}
.block_sabae .sabae_box_3 .item_2 {width: 32.5%; margin: 0 2.5% 0 0;}

/* .sabae_box_4 */
.block_sabae .sabae_box_4 { margin: 100px 0 0; position: relative; z-index: 0; font-size: 0; }
.block_sabae .sabae_box_4 .item {display: inline-block; vertical-align: middle}
.block_sabae .sabae_box_4 .item_1 {width: 32.5%; margin: 0 12.5% 2vw 5%;margin: 0 15% 1.5vw 7.5%;}
.block_sabae .sabae_box_4 .item_2 {width: 42.5%;}

/* .sabae_box_5 */
.block_sabae .sabae_box_5 {margin: 110px 0 0; position: relative; z-index: 0; font-size: 0; }
.block_sabae .sabae_box_5 .item {display: inline-block; width:50%; margin: 0 0 0 30%}

@media only screen and (max-width: 900px) {	
/* .head_img_area */
.block_sabae .head_img_area {padding: 0; }
.block_sabae .head_img_area .img {float: none; width: 100%;}
.block_sabae .head_img_area .ttl_area { position: static; width: 100%;-webkit-transform: translate(0,0); transform: translate(0,0);}
.block_sabae .head_img_area .ttl_area .inner {display: block;padding: 90px 0 0; }
.block_sabae .head_img_area .t_ttl_sabae { font-size: 15px; }
.block_sabae .head_img_area .t_ttl_sabae_jp {margin: 15px 0 0; font-size: 22px; }
.block_sabae .sabae_area {padding: 90px 5% 0;}

/* .sabae_box_1 */
.block_sabae .sabae_box_1 { position: relative; z-index: 0; font-size: 0; text-align: center;}
.block_sabae .sabae_box_1 .item {display: inline-block; }
.block_sabae .sabae_box_1 .item_1 {width: 40%; margin: 0 10% 0 0;}
.block_sabae .sabae_box_1 .item_2 {width: 50%;}
.block_sabae .sabae_box_2 {margin: 80px 0 0; }
.block_sabae .sabae_box_2 .item {width: 75%; margin: 0 0 0 10%}
.block_sabae .sabae_box_3 { margin: 80px 0 0;}
.block_sabae .sabae_box_3 .item_1 {width: 47.5%; margin: 0 10% 0 5%;}
.block_sabae .sabae_box_3 .item_2 {width: 37.5%; margin: 0;}
.block_sabae .sabae_box_4 { margin: 80px 0 0; }
.block_sabae .sabae_box_4 .item_1 { display: block; width: 50%; margin: 0 0 0 35%;}
.block_sabae .sabae_box_4 .item_2 { display: block; margin: 80px 0 0; width: 67.5%;}   
}
@media only screen and (max-width: 640px) {	
.block_sabae .head_img_area {padding: 0; }
.block_sabae .head_img_area .img {float: none; width: 100%;}
.block_sabae .head_img_area .ttl_area { position: static; width: 100%;-webkit-transform: translate(0,0); transform: translate(0,0);}
.block_sabae .head_img_area .ttl_area .inner {display: block;padding: 75px 0 0; }
.block_sabae .head_img_area .t_ttl_sabae { font-size: 15px; }
.block_sabae .head_img_area .t_ttl_sabae_jp {margin: 15px 0 0; font-size: 22px; }
.block_sabae .sabae_area {padding: 70px 5% 0;}

/* .sabae_box_1 */
.block_sabae .sabae_box_1 { margin: 0; position: relative; z-index: 0; font-size: 0; text-align: center;}
.block_sabae .sabae_box_1 .item {display: inline-block; vertical-align: middle}
.block_sabae .sabae_box_1 .item_1 {width: 52.5%; margin: 0 5% 0 0;}
.block_sabae .sabae_box_1 .item_2 {width: 38%;margin: 0 0 0 4.5%;}
.block_sabae .sabae_box_2 {margin: 40px 0 0; }
.block_sabae .sabae_box_2 .item {width: 75%; margin: 0 0 0 15%}
.block_sabae .sabae_box_3 { margin: 40px 0 0;}
.block_sabae .sabae_box_3 .item_1 {width: 40%; margin: 0 10% 0 2.5%;}
.block_sabae .sabae_box_3 .item_2 {width: 47.5%; margin: 0;}
.block_sabae .sabae_box_4 { margin: 40px 0 0; }
.block_sabae .sabae_box_4 .item_1 { display: block; width: 60%; margin: 0 0 0 30%;}
.block_sabae .sabae_box_4 .item_2 { display: block; margin: 40px 0 0 0%; width: 80%;}     
}


/* ---------------------------------------------------------------------------------------------------   

　.block_profile

   --------------------------------------------------------------------------------------------------- */

.block_profile { padding: 0 5% 130px;}

@media only screen and (max-width: 900px) {	
.block_profile { padding: 0 5% 120px;}  
}
@media only screen and (max-width: 640px) {	
.block_profile { padding: 0 5% 100px;}  
}

/* .profile_area */
.block_profile .profile_area { margin: 0 auto; padding: 70px 6.75%; max-width: 950px; position: relative;z-index: 0; overflow: hidden;background:#F5F5F3; }
.block_profile .profile_area .t_cat_profile {font-size: 15px;font-family: 'Libre Baskerville', serif;font-weight: 400;line-height: 1;letter-spacing: .05em;}

/* .img_area */
.block_profile .profile_area .img_area { float: right; width: 22.5%; margin: 50px 0 0; }
.block_profile .profile_area .img_area_sp {display: none; } 

/* .txt_area */
.block_profile .profile_area .txt_area {float: left; width: 62.5%;  margin: 0; }
.block_profile .profile_area .name_area { margin: 30px 0 0; font-size: 0; }
.block_profile .profile_area .t_name_jp { display: inline-block;font-size: 25px;font-family: 'Shippori Mincho', serif;font-weight: 400;line-height: 1;letter-spacing: 0.1em; vertical-align: bottom;}
.block_profile .profile_area .t_name_en { margin: 0 0 0 20px; display: inline-block; font-size: 13px; font-family: 'Inter Tight', sans-serif;font-weight: 400; line-height: 1;letter-spacing: 0.115em; vertical-align: bottom;font-family: 'Libre Baskerville', serif;}
.block_profile .profile_area .t_birthday { margin: 20px 0 0 .1em;font-size: 14px; font-family: 'Inter Tight', sans-serif;font-weight: 400;line-height: 1; letter-spacing: 0.15em; text-indent: 1px;}
.block_profile .profile_area .txt_area .detail_area {margin: 35px 0 0;}
.block_profile .profile_area .txt_area .t_detail { font-size: 1.85;}

/* .link_instagram */
.block_profile .profile_area .link_instagram{ display:inline-block; margin:35px 0 0; padding: 0 0 0 17px; border-bottom:#111 1px solid; text-decoration: none;font-size:13px;font-family: 'Inter Tight', sans-serif;font-weight: 400;line-height: 20px;letter-spacing: 0.075em; position: relative; z-index: 0;}
.block_profile .profile_area .link_instagram:before { position:absolute;top:0;left:0;font-family: 'FontAwesome';content:"\f16d"; z-index: 0;}

@media only screen and (min-width: 901px) {	
.block_profile .profile_area .link_instagram:hover { color: #fefefe; background: #111;}
}
@media only screen and (max-width: 900px) {	
.block_profile .profile_area { padding: 70px 7.5%; }
.block_profile .profile_area .t_cat_profile {font-size: 15px;}
.block_profile .profile_area .img_area { float: right; width: 25%; margin: 45px 0 0; }
.block_profile .profile_area .txt_area {float: left; width: 65%; margin: 0; }
.block_profile .profile_area .name_area { margin: 25px 0 0; }
.block_profile .profile_area .t_name_jp { font-size: 22px; }
.block_profile .profile_area .t_name_en { margin: 0 0 0 20px; font-size: 13px;letter-spacing: 0.1em;}
.block_profile .profile_area .txt_area .detail_area {margin: 30px 0 0;}
.block_profile .profile_area .txt_area .t_detail { font-size: 1.8;}
.block_profile .profile_area .link_instagram{ display:inline-block; margin:25px 0 0; }
}
@media only screen and (max-width: 640px) {	
.block_profile .profile_area { padding: 65px 9%; text-align: center;}
.block_profile .profile_area .t_cat_profile {font-size: 15px;}
.block_profile .profile_area .img_area { display: none; }
.block_profile .profile_area .img_area_sp {display: block;margin: 45px 0 0; } 
.block_profile .profile_area .img_area_sp img {margin: 0 auto; display: block; width: 60%;}
.block_profile .profile_area .txt_area {float: none; width: 100%; margin:0; }
.block_profile .profile_area .name_area { margin: 25px 0 0; }
.block_profile .profile_area .t_name_jp {display: block; font-size: 20px; }
.block_profile .profile_area .t_name_en { display: block; margin: 12px 0 0; font-size: 11px;letter-spacing: 0.1em;}
.block_profile .profile_area .txt_area .detail_area {margin: 25px 0 0; }
.block_profile .profile_area .txt_area .t_detail { font-size: 1.7;text-align: left;}
.block_profile .profile_area .link_instagram{ display:inline-block; margin:20px 0 0; }
}

