body { -webkit-text-size-adjust: 100%;}

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

　#header

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

#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:after { background: #111;}
}



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

　ONE INCH

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

.headline_lp { margin-bottom: 70px; width: 30%;text-align: left;}
.headline_lp .t_ttl_cat {font-size: 20px; font-family: "Inter Tight";font-weight: 500; letter-spacing: 0.025em; line-height: 1;}

/* .noiseCanvas */
.noiseCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.04}

@media only screen and (max-width: 900px) {
.headline_lp { margin-bottom: 60px; width: 100%;text-align: center;}
.headline_lp .t_ttl_cat {font-size: 22px; font-family: "Inter Tight";font-weight: 500; letter-spacing: 0.025em; line-height: 1;}
}
@media only screen and (max-width: 738px) {
.headline_lp { margin-bottom: 50px; }
.headline_lp .t_ttl_cat {font-size: 20px;}
}

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

　.block_mv

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

.block_mv {height: 100vh;min-height: 100%;position: relative;z-index: 2;overflow: hidden;background: #111;}
.slider_center_wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-height: 80vh; /* 高さの上限 */display: flex;align-items: center;justify-content: center;}
.page_ttl_area { position: absolute; bottom: 5%; left: 5%; color: #ddd; z-index: 1;}
.page_ttl_area .t_release {margin-bottom: 10px; font-size: 13px;font-family:'courier_prime_sansregular';font-family: "Inter Tight", sans-serif; font-weight: 400; letter-spacing: 0.025em;line-height: 1;}
.page_ttl_area .t_ttl_page {font-size: 12px;font-family: "Inter Tight", sans-serif; font-weight: 450; letter-spacing: 0.075em; line-height: 1;}
.page_ttl_area .t_ttl_page br{display: none;}
.outer-swiper,
.swiper-slide {height: 100vh; /* 画面全体に */display: flex; justify-content: center;align-items: center;}
.outer-swiper {width: 95%;position: relative;}
.outer-swiper .swiper-wrapper {transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);}
.inner-swiper { height: 100%;width: auto;pointer-events: none;}
.inner-swiper .swiper-slide {display: flex;justify-content: center;align-items: center;height: 100%;}
.inner-swiper img { height: 75%;width: auto;object-fit: contain;display: block;}
.slider_center_wrap .txt_area { position: absolute; bottom: 0; left: 0; }
.slider_center_wrap {transition: opacity 0.5s ease;}
.custom-navigation {position: absolute;bottom: -8%; right: 5%;display: flex;align-items: center;gap: 0 20px; z-index: 20;user-select: none;}
.custom-prev,
.custom-next { width: 21px;width: 35px;height: 20px;background: transparent;border: none;cursor: pointer;position: relative;color: #ddd; /*color: #111;*/ transition: opacity 0.3s ease;}
.custom-prev::before,
.custom-next::before{position: absolute;top: 1px;right: 1px;bottom: 1px;left: 1px;line-height: 19px;font-size: 0.75em; font-size: 9px; font-family: themify;}
.custom-prev::before {content: "\e64a"; }
.custom-next::before {content: "\e649";}
.custom-prev::after,
.custom-next::after {position: absolute; top: 1px; right: 1px;bottom: 1px; left: 1px; content: ""; /*background: #000; background: #ddd;*/ border: #5d5d5d 1px solid; z-index: -1;border-radius: 20px;transition: all 0.3s ease;}

/* カウンターのスタイル */
.custom-counter {color: #ddd;font-size: 16px;font-family:'courier_prime_sansregular';font-weight: 400;letter-spacing: 0;display: flex;align-items: center;gap: 0 5px;user-select: none;}
.custom-counter .separator { font-size: 15px;opacity: 0.4;}
.progress {position: absolute;bottom: 5%;left: 0;right: 0;width: 70px;margin: 0 auto;height: 1px;background: rgba(255, 255, 255, 0.2);z-index: 10;overflow: hidden;}
.progress-inner {width: 0%;height: 100%;background: #ddd;}
.outer-swiper .swiper-slide {opacity: 0;transition: opacity 0.6s ease;}
.outer-swiper .swiper-slide.swiper-slide-active {opacity: 1;}

@media (min-width: 961px) and (hover: hover) {
.custom-prev:hover,
    .custom-next:hover {color: #111;}
.custom-prev:hover::after,
.custom-next:hover::after { background: #ddd; border-color: #ddd;}
}
@media screen and (max-width: 960px) {
.block_mv {height: 100vh;min-height: 100%;}
.outer-swiper,
.swiper-slide {height: 100vh;}
.slider_center_wrap {max-height: none;width: 100%; flex-direction: column; padding: 0 10px; text-align: center;}
.page_ttl_area { bottom: 25px; left: 5%; color: #ddd; z-index: 1;}
.page_ttl_area .t_ttl_page{text-align: left; line-height: 1.4;}
.page_ttl_area .t_ttl_page br{display: block;}
.inner-swiper img {height: auto;width: 90%;max-height: 65vh; object-fit: contain;}
.custom-navigation {position: fixed;bottom: 20px; right: 5%;gap: 0 20px;z-index: 999;}
 .progress {bottom: 80px;}
}
    
@media screen and (max-width: 768px) {
  .custom-counter {font-size: 15px;}
  .progress {bottom: 80px;}
  .page_ttl_area .t_release,
  .page_ttl_area .t_ttl_page {font-size: 12px;}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
    .block_mv {height: 100svh;min-height: 75vw;}
    .outer-swiper,
    .swiper-slide {height: 100svh;height: 75vw;}
    .inner-swiper img {height: auto;width: 90%;max-height: 50svh;max-height: 100svh;object-fit: contain;}
}
/* スマホ縦向き */
@media screen and (max-width: 480px) and (orientation: portrait) {
.block_mv {height: 100svh;min-height:100svh;}
.outer-swiper,
.swiper-slide {height: 100svh;}
.inner-swiper img {height: auto;width: 90%;max-height: 50svh;max-height: 60svh;}
.page_ttl_area { bottom: auto; top: 73px; top: 78px; left: 5%; right: 5%; z-index: 1;}
.page_ttl_area .t_ttl_page{text-align: center; line-height: 1.4;}
.page_ttl_area .t_ttl_page br{display: block;}
.progress {bottom: 90px; width: 60px;}
.custom-navigation {position: fixed;bottom: 20px; right: 5%; left: 5%; justify-content:center; gap: 0 15%;z-index: 999;}
.custom-prev::before,
.custom-next::before{position: absolute;top: 1px;right: 1px;bottom: 1px;left: 1px;line-height: 19px; font-size: 10px;}
}




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

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





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

　#breadcrumb

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

#breadcrumb { margin: 0; padding: 70px 5%; z-index:1;color: #888; background: #151515;}
#breadcrumb li {background: #151515;font-family:"Inter Tight";  font-feature-settings : "palt" 1; font-weight:700; font-weight: 600; letter-spacing: 0.025em;  position: relative; z-index: 0;}
#breadcrumb li:after { position: absolute; top: 50%; left: 100%; width: 10px; height: 0; content: ""; border-top: #555 1px solid; z-index: -1;}
#breadcrumb li a:before { border-bottom: #f0f0f0 1px solid;}
#breadcrumb li a:after { border-color:#888;}

@media only screen and (max-width: 960px) {	
#breadcrumb {padding: 60px 5%; }
#breadcrumb {padding: 35px 5%;}
#breadcrumb:after {position: absolute; bottom: 0; right: 5%; left: 5%; height: 0; content: ""; border-bottom: #343434 1px solid; z-index: 0;}
}
@media only screen and (max-width: 738px) {
#breadcrumb {padding: 35px 5%;}
}
@media only screen and (max-width: 640px) {
#breadcrumb {padding: 25px 5%;}
#breadcrumb:after { left: 0; right: 0; }
}



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

　.block_concept

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

.block_concept { padding: 50px 5% 150px;  position: relative; z-index: 0;background: #151515; color: #eee;}
.block_concept .concept_wrapper { }

/* .about_area */
.block_concept .about_area {}
.block_concept .ttl_area { width: 100%; text-align: center;}
.block_concept .ttl_area img { display: block; width: 100%; max-width: 600px; margin: 0 auto;}
.block_concept .txt_area {margin: 70px auto 0; max-width: 790px;}
.block_concept .txt_area p { font-size: 20px;font-family: "BIZ UDPMincho", serif; font-weight: 400; letter-spacing: 0.085em; line-height: 2.2; }
.block_concept .txt_area p+p {margin: 1.5em 0 0;}
.block_concept .txt_area p .t_small { font-size: 0.85em; vertical-align: 0;}
.block_concept .txt_area .line_center {display: inline-block; width: 2em; height: 1px; background: #ccc; transform: translate(0, -50%); margin-top: 20px;}

@media only screen and (max-width: 960px) {
.block_concept { padding: 100px 7.5%;}
.block_concept .ttl_area {  width: 100%; }
.block_concept .ttl_area img {width: 80%; max-width: 600px;}
.block_concept .txt_area {margin: 55px auto 0; max-width: 790px;}
.block_concept .txt_area p { font-size: 2.8vw; font-weight: 400; letter-spacing: 0.085em; line-height: 2; }
.block_concept .txt_area p+p {margin: 1.25em 0 0;}
.block_concept .txt_area .line_center { margin-top: 3vw;}
}
@media only screen and (max-width: 738px) {
.block_concept { padding: 80px 5%;}
.block_concept .txt_area { margin: 45px 0 0; padding: 0 2.5%;}
.block_concept .txt_area p {font-size: 3.25vw; line-height: 1.9;}
.block_concept .txt_area p+p {margin: 1.25em 0 0;}
.block_concept .txt_area .line_center { margin-top: 3.35vw;}
}
@media only screen and (max-width: 640px) {
.block_concept .txt_area { margin: 35px 0 0; padding: 0;}
.block_concept .txt_area p {font-size: 4vw; line-height: 1.9;letter-spacing: 0.055em;}    
.block_concept .txt_area .line_center { margin-top: 4vw;}
}
@media only screen and (max-width: 414px) {
.block_concept .txt_area p {font-size: 4.2vw; line-height: 1.9;}
.block_concept .txt_area .line_center { margin-top: 4.2vw;}
}



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

　.block_ptn_1inch

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

.block_ptn_1inch {;padding: 0 12px 150px;background: #151515; color: #ddd;position: relative; z-index: 0; overflow: hidden;}

@media only screen and (max-width: 960px) {
.block_ptn_1inch { padding:  100px 12px 120px; }
.block_ptn_1inch:before { position: absolute; top: 0; right: 5%; left:5%; height: 0; content: ""; border-top: #343434 1px solid;; z-index: 0;}
}
@media only screen and (max-width: 738px) {
.block_ptn_1inch { padding:  80px 10px 100px; }
}
@media only screen and (max-width: 640px) {
.block_ptn_1inch { padding: 80px 10px 90px; }
}

/* .head_1inch */
.head_1inch { margin-bottom: 70px; text-align: center;}
.head_1inch .t_ttl_sub{ font-size: 12px;font-family: "Inter Tight";font-weight: 400; letter-spacing: 0.075em; line-height: 1.1;}
.head_1inch .t_ttl_name { margin-top: 10px; font-size: 15px; font-family: "Inter Tight";font-weight: 500; letter-spacing: 0.035em; line-height: 1.2; text-transform: uppercase;}

/* .lineup_area */
.block_ptn_1inch .lineup_area { display: flex; flex-wrap: wrap; gap:9vw 12px;gap:8vw 12px;box-sizing: border-box; position: relative; z-index: 0;}
.block_ptn_1inch .lineup_item {box-sizing: border-box; width: calc((100% - 3 * 12px) / 4);/*width: calc((100% - 2 * 12px) / 3);*/display: flex;flex-direction: column; line-height: 1; position: relative; z-index: 0;}
/* .img_area */
.block_ptn_1inch .lineup_item .img_area {flex: 1;display: flex;align-items:flex-end;  /* 縦方向中央 */ justify-content: center; /* 横方向中央（不要なら left に） */min-height: 100%; /* 高さ揃える */}
.block_ptn_1inch .lineup_item .img_area img {display: block;}
.block_ptn_1inch .lineup_item .txt_area {margin-top: 10px;}
.block_ptn_1inch .t_name {  font-size: 13px; font-family: "Inter Tight","Noto Sans JP";font-weight: 400; letter-spacing: 0.035em; line-height: 1.2; text-transform: uppercase;}

/* .ttl_area */
.block_ptn_1inch .ttl_area {margin: 0 auto 5vw; max-width: 790px;}
/* .list_creator */
.list_creator { text-align: center; display: flex; text-align: left;justify-content: flex-end; gap:0 10%; padding-right: 2%;}
.list_creator div:first-child {margin-right: auto;}
.list_creator dt { font-size: 12px;font-family: "Inter Tight";font-weight: 350; letter-spacing: 0.075em; line-height: 1.1;}
.list_creator dd { margin-top: 10px; font-size: 13px; font-family: "Inter Tight";font-weight: 500; letter-spacing: 0.075em; line-height: 1.2; text-transform: uppercase;}

@media only screen and (max-width: 960px) {
.head_1inch { margin-bottom: 60px; text-align: center;}
.head_1inch .t_ttl_sub{ font-size: 12px;letter-spacing: 0.05em;}
.head_1inch .t_ttl_name { margin-top: 10px; font-size: 17px; }
.block_ptn_1inch .lineup_area {gap:70px 12px;}
.block_ptn_1inch .lineup_item { width: calc((100% - 1 * 12px) / 2);}
.block_ptn_1inch .creator_item { margin-top: 50px; width: 100%;}
.block_ptn_1inch .lineup_item .txt_area {margin: 10px 0 0; }
.block_ptn_1inch .t_name {  font-size: 12px; }
.block_ptn_1inch .ttl_area {margin: 0 0 5vw; padding-left:calc(5% - 12px);padding-right:calc(5% - 12px); max-width: 1200px; }
.list_creator { gap:0 10%; padding-right: 0;}
.list_creator dt { font-size: 11px;}
.list_creator dd { margin-top: 10px; font-size: 13px;}
}
@media only screen and (max-width: 738px) {
.head_1inch { margin-bottom: 60px; text-align: center;}
.head_1inch .t_ttl_sub{ font-size: 12px;letter-spacing: 0.035em;}
.head_1inch .t_ttl_name { margin-top: 10px; font-size: 17px; }
.block_ptn_1inch .lineup_area {gap:55px 10px;}
.block_ptn_1inch .lineup_item { width: calc((100% - 1 * 10px) / 2);}
.block_ptn_1inch .creator_item { margin-top: 0px;width: 100%;}
.block_ptn_1inch .lineup_item .txt_area {margin: 10px 0 0; }
.block_ptn_1inch .t_name {  font-size: 12px; }
}
@media only screen and (max-width: 640px) {
.head_1inch { margin-bottom: 55px; text-align: center;}
.head_1inch .t_ttl_sub{ font-size: 12px;letter-spacing: 0.035em;}
.head_1inch .t_ttl_name { margin-top: 10px; font-size: 16px; }
.block_ptn_1inch .lineup_area {gap:70px 0; flex-direction: column;}
.block_ptn_1inch .lineup_item { width: 90%; margin:0 auto; }
.block_ptn_1inch .creator_item { margin-top: 0px;width: 100%;}
.block_ptn_1inch .lineup_item .txt_area {margin: 10px 0 0; }
.block_ptn_1inch .t_name {  font-size: 12px; }
.block_ptn_1inch .ttl_area {margin: 0 auto 55px; padding-left:0;padding-right:0;}
.list_creator { display: flex; flex-wrap: wrap; text-align: center;justify-content:center; gap:25px 0;}
.list_creator div {width: 50%;}
.list_creator div:first-child {margin-right: auto; width: 100%;}
.list_creator dt { font-size: 11px;}
.list_creator dd { margin-top: 7px;}
}







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

　.block_product

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

.block_product { padding: 110px 5% 100px;position: relative; z-index: 0; }

@media only screen and (max-width: 960px) {	
.block_product { padding: 100px 5%}
}
@media only screen and (max-width: 738px) {
.block_product { padding: 80px 5%;}
}


/* ___ .product_area ___ */
.block_product .product_area { display: flex; flex-wrap: wrap; justify-content:space-between; }

/* .txt_area */
.block_product .product_area .txt_area { order: 1; width: 40%; }
.block_product .product_area .t_ttl_collaboration { font-size: 14px;font-family: "Inter Tight", sans-serif; font-weight: 500; letter-spacing: 0.025em; line-height: 1;}
.block_product .product_area .t_ttl_series {font-size: 13px;font-family: 'Libre Baskerville', serif;font-weight: 400;line-height: 1; letter-spacing: 0.05em; text-indent: .25em;}
.block_product .product_area .t_ttl_item {margin: 30px 0 0; font-size: 60px;font-family: "Inter Tight"; font-weight: 600; line-height: 1; letter-spacing: .025em;}

/* .material_area */
.block_product .product_area .material_area { margin: 30px 0 0; display: flex; gap:0 10%;}
.block_product .product_area .material_item { line-height: 1; display: flex; gap:0 8px;}
.block_product .product_area .material_area .t_cat { display: inline-block; padding: 0 5px; height: 19px; border: #3f3f3f 1px solid; font-size: 13px;font-family: 'courier_prime_sansregular'; font-weight: normal; letter-spacing: 0;line-height: 18px; }
.block_product .product_area .material_area .t_size {font-family: "Inter Tight"; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: .025em;}
.t_tax { font-size: 0.8em; vertical-align: 0;}

/* .txt_item */
.block_product .product_area .txt_item { margin: 30px 0 0; padding: 20px 0 35px; border-top: #111 1px dotted;}
.block_product .product_area .txt_item+.txt_item {margin: 0;}
.block_product .product_area .txt_item_border_bottom {border-bottom: #111 1px dotted;}
.block_product .product_area .txt_area .t_no { font-size: 13px; font-family: 'Inter Tight'; font-weight: 500;  letter-spacing: .05em;}
.block_product .product_area .txt_area .t_copy { margin-bottom: 10px; font-size: 18px;font-family: "BIZ UDPMincho", serif;letter-spacing: 0.1em; font-weight: 700; line-height: 1.8; letter-spacing: 0.1em; position: relative; z-index: 0; ;}
.block_product .product_area .txt_area .t_copy br {display: none}
.block_product .product_area .txt_area .t_description { font-size: 13px; line-height: 1.85; letter-spacing: 0.025em; }
    .block_product .product_area .linkArea {margin: 35px 0 0; text-align: left;}
.block_product .product_area .linkArea a.btnSmall {font-family: "Inter Tight"; letter-spacing: 0.05em;}

/* .img_area */
.block_product .product_area .img_area { order: 2;  width: calc(50% - 5px); }
.block_product .product_area .img_item {position: relative; z-index: 0;}

/* .product-slider */
.product-slider-wrap {position: relative;width: 100%;margin: 0 auto;}
.product-slider { width: 100%;}
.product-slider .p-slide {width: 100%;}
.product-slider .p-slide img {width: 100%;height: auto;display: block;object-fit: cover;}

/* .product-thumbs  */
.product-thumbs {margin: 15px 0 0;display: flex;justify-content: center;position: relative; z-index: 10;}
.product-thumbs .p-thumb {cursor: pointer;margin: 0 4px;width: 70px;max-width: 70px; height: auto;border: 1px solid transparent;transition: all 0.3s ease;}
.product-thumbs .p-thumb img {/*width: 100%;height: 100%;object-fit: cover;display: block;*/opacity: 0.5;transition: all 0.3s ease;}
.product-thumbs .p-thumb.slick-current   {border-color: #151515;}
.product-thumbs .p-thumb.slick-current img  {opacity: 1;}

.product-slider .t_p_ttl_color {position: absolute; bottom: 15px; left: 15px; z-index: 2;color: #7f7f7f;font-size:12px;font-family:'courier_prime_sansregular';font-weight: 400; line-height: 1.2;letter-spacing: 0;}
.product-slider .t_p_ttl_color b {color: #111; font-size: 13px; font-family: "Inter Tight"; font-weight: 400; letter-spacing: .05em; vertical-align: 0;}

/* .dl.dl_product_color */
dl.dl_product_color {position: absolute; bottom: 15px; left: 15px; z-index: 1; display: block; line-height: 1;}
dl.dl_product_color div { display: block; display: flex; flex-wrap: wrap; align-items: center;}
dl.dl_product_color div+div {margin: 3px 0 0 1px;}
dl.dl_product_color dt { width: 45px; color: #7f7f7f; font-size:12px;font-family:'courier_prime_sansregular';font-weight: 400; line-height: 1.4; letter-spacing: 0;transform: translate(0, 1px); }
dl.dl_product_color dd {  font-size: 12px; font-family: "Inter Tight","Noto Sans JP"; font-weight: 400; letter-spacing: .025em; line-height: 1.4; }
dl.dl_product_color div+div dd {text-indent: -0.2em;}

@media only screen and (max-width: 900px) {	
.block_product .product_area { display: flex; flex-wrap: wrap; justify-content:space-between; }

/* .txt_area */
.block_product .product_area .txt_area { order: 2; width: 100%; margin-top: 50px; padding: 0 2.5%; text-align: center;}
.block_product .product_area .t_ttl_collaboration { font-size: 14px;}
.block_product .product_area .t_ttl_series {font-size: 13px;}
.block_product .product_area .t_ttl_item {margin: 25px 0 0; font-size: 50px;font-weight: 600;}
.block_product .product_area .material_area { margin: 30px 0 0; display: flex; justify-content: center;gap:0 10%;}

/* .txt_item */
.block_product .product_area .txt_item { margin: 35px 2.5% 0; padding: 20px 0 35px; text-align: left;}
.block_product .product_area .txt_item+.txt_item {margin: -1px 2.5% 0;}
.block_product .product_area .txt_area .t_no { font-size: 12px; text-align: center;}
.block_product .product_area .txt_area .t_copy { margin: 3px 0 10px; font-size: 18px; text-align: center;}
.block_product .product_area .txt_area .t_copy br {display: none}
.block_product .product_area .txt_area .t_description { margin: 0 auto; max-width: 600px; font-size: 14px; line-height: 1.9;  }
.block_product .product_area .linkArea {margin: 35px 0 0; text-align:center;}
    .block_product .product_area .linkArea a.btnSmall {line-height: 45px;}
/* .img_area */
.block_product .product_area .img_area { order: 1;  width: 100%;}
.block_product .product_area .img_item { width: 75%; margin: 0 auto;}
.product-thumbs {margin: 15px 0 0; }
.product-thumbs .p-thumb {max-width: 60px; }
}
@media only screen and (max-width: 738px) {	
.block_product .product_area .txt_area { margin-top: 45px; padding: 0;}
.block_product .product_area .t_ttl_collaboration { font-size: 14px;}
.block_product .product_area .t_ttl_series {font-size: 13px;}
.block_product .product_area .t_ttl_item {margin: 25px 0 0; font-size: 45px;}
.block_product .product_area .material_area { margin: 30px 0 0; gap:0 5%;}
.block_product .product_area .material_item { line-height: 1; display: flex; gap:0 5px;}
.block_product .product_area .material_area .t_cat {padding: 0 5px; height: 19px; font-size: 12px;}
.block_product .product_area .material_area .t_size {font-size: 14px; line-height: 20px; letter-spacing: .025em;}
.block_product .product_area .txt_item { margin: 30px 0 0; padding: 20px 0 35px;}
.block_product .product_area .txt_item+.txt_item {margin: 0;}
.block_product .product_area .txt_area .t_no { font-size: 11px; }
.block_product .product_area .txt_area .t_copy { margin: 3px 0 10px; font-size: 17px; }
.block_product .product_area .txt_area .t_copy br {display: none}
.block_product .product_area .txt_area .t_description { font-size: 14px; line-height: 1.9;  }
.block_product .product_area .linkArea a.btnSmall {line-height: 45px;}
.block_product .product_area .img_item { width: 80%;}
.product-thumbs {margin: 15px 0 0; }
.product-thumbs .p-thumb {width: 55px; max-width: 55px;}  
.product-slider .t_p_ttl_color { bottom: 10px;left: 10px;font-size:12px;}
dl.dl_product_color {  bottom: 10px; left: 10px; }
dl.dl_product_color div+div {margin: 2px 0 0 1px;}
dl.dl_product_color dt { width: 40px;font-size:11px;transform: translate(0, 1px); }
dl.dl_product_color dd {  font-size: 12px;}
}
@media only screen and (max-width: 640px) {	
.block_product .product_area .txt_area { margin-top: 35px; padding: 0;}
.block_product .product_area .t_ttl_collaboration { font-size: 13px;}
.block_product .product_area .t_ttl_series {font-size: 13px;}
.block_product .product_area .t_ttl_item {margin: 20px 0 0; font-size: 35px;}
    
.block_product .product_area .txt_item { margin: 30px 0 0; padding: 20px 0 30px;}
.block_product .product_area .txt_item+.txt_item {margin: 0;}
.block_product .product_area .txt_area .t_no { font-size: 11px; }
.block_product .product_area .txt_area .t_copy { margin: 7px 0 10px; font-size: 18px; line-height: 1.6; }
.block_product .product_area .txt_area .t_copy br {display: block}
.block_product .product_area .txt_area .t_description { font-size: 14px; line-height: 1.9;  }
    
.block_product .product_area .img_item { width: 100%;}
    
.product-thumbs {margin: 10px 0 0; }
.product-thumbs .p-thumb {width: 55px; max-width: 55px;}  
    
.block_product .product_area .material_area { margin: 30px 0 0; gap:0 5%;}
.block_product .product_area .material_item { line-height: 1; width: 40%; display: flex; flex-direction: column; gap:8px 0; }
.block_product .product_area .material_area .t_cat {padding: 0 10px; height: 19px;  font-size: 13px;letter-spacing: 0;line-height: 18px; margin: 0 auto; }
.block_product .product_area .material_area .t_size {font-size: 14px; line-height: 20px; letter-spacing: .01em;}
}

@media only screen and (max-width: 320px) {	
dl.dl_product_color dd {  font-size: 11px;}
}





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

　.block_product_list

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

.block_product_list { padding: 90px 5% 130px; position: relative; z-index: 0;}
.block_product_list:before { position: absolute; top: 0; right: 5%; left:5%; height: 0; content: ""; border-top: #111 1px solid; z-index: 0;}

@media only screen and (max-width: 960px) {	
.block_product_list { padding: 90px 5%}
}
@media only screen and (max-width: 738px) {
.block_product_list { padding: 80px 5%;}
.block_product_list:before { right: 0; left:0; }
}

/* ___ .product_wrapper ___ */
.block_product_list .product_wrapper { position: relative; z-index: 0;}

/* ___ .product_area ___ */
.block_product_list .product_area { margin: 0; position: relative; z-index: 0;display: flex; flex-wrap: wrap;justify-content:space-between;}
.block_product_list .product_item { width: calc((100% - 2 * 12px) / 3); padding: 0 20px 20px; padding: 0; /*background: #f0f0f0;*/position: relative; z-index: 0; text-align: left; line-height: 1;}

/* .img_area */
.block_product_list .product_item .img_area { position: relative; z-index: 0; }

/* .txt_area */
.block_product_list .product_item .txt_area { margin: 10px 0 0; position: relative; z-index: 0;}

/* .dl.dl_product_color_2 */
dl.dl_product_color_2 { display: block; line-height: 1;display: flex; flex-wrap: wrap; gap:7px 0;}
dl.dl_product_color_2 div { display: block; width: 25%;}
dl.dl_product_color_2 .item_ttl {width: 30%; order: 1;}
dl.dl_product_color_2 .item_ttl_goods {width: 100%; order: 1;}
dl.dl_product_color_2 .item_color {width: 100%;order: 3;}
dl.dl_product_color_2 .item_lens { margin-left: 5%; width: 50%;order: 2;}
dl.dl_product_color_2 .item_price { width: 50%;order: 4;}
/*dl.dl_product_color_2 div+div {margin: 2px 0 0;}*/
dl.dl_product_color_2 dt { width: 95px; color: #7f7f7f; font-size:12px;font-family:'courier_prime_sansregular';font-weight: 400; line-height: 1.2; vertical-align: top; letter-spacing: 0;}
dl.dl_product_color_2 dd { margin-top: 1px; font-size: 13px; font-family: "Inter Tight","Noto Sans JP"; font-weight: 400; letter-spacing: .05em; line-height: 1.5; vertical-align: middle;}
dl.dl_product_color_2 dd.t_jp {font-family: "Noto Sans JP", sans-serif;}
dl.dl_product_color_2 dd span { margin: 0 0 0 -2px; font-size: 0.8em; letter-spacing: .035em;vertical-align: 0;}

/* .btn_buynow */
.btn_buynow{ margin: 12px 0 0; display:inline-block;padding: 0 18px 0 33px; background: #111; color: #fafafa; text-decoration: none; line-height: 37px; height: 37px; text-align: center; font-size: 13px;font-family: "Inter Tight"; font-weight: 400; letter-spacing: 0.05em;/*position: absolute; top: 0; right: 0; z-index: 1; */
position: relative; z-index: 1; }
.btn_buynow:before { position:absolute; top:0; left:10px; bottom:0; font-size:.9em; font-family:themify;content:"\e62f";font-weight:normal; z-index:1; line-height: 35px; }
.btn_buynow:after { position: absolute; top: 1px; bottom: 1px; left: 1px; right: 1px; display: block; background: #fefefe; content: ""; z-index: -1; -webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform .5s ease;transition:transform .5s ease}

/* .coming_soon */
.block_product_list .coming_soon {position: absolute; top: 15px; left: 15px; padding: 0 5px; color: #999; background: #f9f9f9; font-size: 14px;font-family: "Inter Tight"; font-weight: 400; line-height: 20px; z-index: 1;}

@media (min-width: 961px) and (hover: hover) {
.btn_buynow:hover { color: #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:960px) {
.block_product_list .product_area { justify-content:flex-start; gap:50px 12px;}
.block_product_list .product_item { width: calc((100% - 1 * 12px) / 2);}
dl.dl_product_color_2 { gap:5px 0;}
dl.dl_product_color_2 dd {font-size: 12px;}
.btn_buynow{ display:inline-block;padding: 0 15px 0 30px; }
}
@media only screen and (max-width:738px) {
.block_product_list .product_area { margin: 0; position: relative; z-index: 0;gap:50px 10px;}
.block_product_list .product_item { width: calc((100% - 1 * 10px) / 2);padding: 0; background: none;position: relative; z-index: 0; text-align: left; line-height: 1;}
.block_product_list .product_item .txt_area { margin: 10px 0 0;}
dl.dl_product_color_2 { gap:5px 0;}
dl.dl_product_color_2 div { display: block; width: 50%;}
dl.dl_product_color_2 .cloth { width: 100%;}
dl.dl_product_color_2 .item_price { width: 100%;}
dl.dl_product_color_2 dt {width: auto; font-size:11px;}
dl.dl_product_color_2 dd{margin: 0;}
.btn_buynow{ position: relative; bottom: auto; right: auto;  margin: 10px 0 0; padding: 0 12px 0 30px; line-height: 32px; height: 32px; font-size: 14px;}
.btn_buynow:before {left:10px; font-size:.8em; line-height: 30px; }
.block_product_list .coming_soon { top: 10px; left: 10px; padding: 0 5px; font-size: 13px;}
}
@media only screen and (max-width:640px) {
dl.dl_product_color_2 dt {width: auto; font-size:11px;}
dl.dl_product_color_2 dd {font-size: 12px;}
}






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

　.block_product

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

.block_popup { padding: 120px 5%; position: relative; z-index: 0;background: #171717; color: #eee; }

@media only screen and (max-width: 960px) {	
.block_popup { padding: 100px 5%}
}
@media only screen and (max-width: 738px) {
.block_popup { padding: 80px 2.5%;}
}

/* .popup_wrapper */
.popup_wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; }

/* .popup_area */
.block_popup .popup_area {width: 70%; position: relative; z-index: 0; background: #f5f5f5; color: #111; padding: 5vw 5%;border-radius: 2px;}
/* .popup_area */
.head_area { position: relative; z-index: 0; }
.block_popup .popup_area .img_area { position: absolute;top: 0; right: 0; z-index: 0; width: 32.5%;}
.block_popup .popup_area .ttl_area { width: 60%;}
.t_ttl_popup {font-size: 12px; font-family: "Inter Tight"; font-weight: 500;line-height: 1.4; letter-spacing: 0.025em;}
.t_ttl_popup b {margin-top: 10px; display: block; font-size: 25px;font-weight: 550;}

/* .txt_area */
.block_popup .popup_area .txt_area { margin-top: 35px; }
/* .list_popup */
.list_popup { margin: 25px 0 0; font-size: 14px; line-height: 1.8;}
.list_popup div {display: block;}
.list_popup div+div {margin-top: 30px;}
.list_popup dt {display: inline-block; padding: 0 8px; font-size: 14px; font-family: "Noto Sans JP", sans-serif;font-weight: 500; background: #161616;color: #eee; line-height: 25px;}
.list_popup dd {display: block; margin: 10px 0 0;}
.list_popup dd b {font-weight: 600; }
.list_popup dd .t_address { display: block; margin-top: 0.25em; }
.list_popup dd .btn_googlemap{ display:inline-block; margin:2px 0 0; padding: 0 0 0 1.35em; border-bottom:#111 1px solid; text-decoration: none;font-size:13px;font-family: 'Inter', sans-serif;font-weight: 400;line-height: 25px;letter-spacing: 0.015em; position: relative; z-index: 0;}
.list_popup dd .btn_googlemap:before { position:absolute;top:0;left:0;font-size: 1.1em; font-family:themify;content:"\e693";z-index: 0;}

.list_popup dd dl div {margin-top:1em;}
.list_popup dd dl div+div {margin-top:1.5em;}
.list_popup dd dl dt {padding: 0 0 0 1.25em; font-size: 15px;font-family: "Noto Sans JP", sans-serif;font-weight: 500;  background: none; color: #111; line-height: 1.5; position: relative; z-index: 0;}
.list_popup dd dl dt:before { position: absolute; top: 0; left: 0; content: "▼"; z-index: 0;} 
.list_popup dd dl dd {margin: 5px 0 0;}
.list_popup blockquote { margin: 15px 0 0; padding: 1em; border:#555 1px dotted; font-weight: 370; }
.list_popup blockquote+blockquote {margin-top:10px; border-top: none; margin-top: 0;}
/*.list_popup blockquote.yobi_sat { background: #e9f0f3;background: #f3f0e9;}
.list_popup blockquote.yobi_sun{background: #f3f0e9;}*/
.t_ttl_sub_popup {display: block; margin: 0 0 5px; font-weight: 600;}

/* ul.list_notice */
ul.list_notice {list-style: none;}
ul.list_notice li { margin-top: 3px; padding: 0 0 0 1.25em; font-weight: 370; position: relative; z-index: 0; line-height: 1.8;}
ul.list_notice li:before { position: absolute;top: 0; left: 0; content: "※"; z-index: 0;}

@media only screen and (max-width: 960px) {	
.popup_wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; }
.block_popup .popup_area {width: 100%; padding: 50px 5%;}
.block_popup .popup_area .img_area { width: 32.5%;}
.block_popup .popup_area .ttl_area { width: 60%;}
.t_ttl_popup b {margin-top: 10px; font-size: 25px;font-weight: 550;}
.block_popup .popup_area .txt_area { margin-top: 30px; }
.list_popup { margin: 20px 0 0; font-size: 14px; line-height: 1.9;}
.list_popup dt { padding: 0 6px; font-size: 13px; line-height: 22px;}
ul.list_notice li { line-height: 1.9;}
}
@media only screen and (max-width: 738px) {	
.block_popup .popup_area {width: 100%; padding: 30px 6% 50px;border-radius: 2px;}
.block_popup .popup_area .img_area { position: static; width: 100%;}
.block_popup .popup_area .ttl_area { width: 100%; margin: 35px 0 0;}
.t_ttl_popup b {margin-top: 5px; font-size: 20px;}

/* .txt_area */
.block_popup .popup_area .txt_area { margin-top: 25px; }
/* .list_popup */
.list_popup { margin: 25px 0 0; font-size: 14px; line-height: 1.8;}
.list_popup div {display: block;}
.list_popup div+div {margin-top: 30px;}
.list_popup dt { padding: 0 8px; font-size: 13px; line-height: 27px; }
.list_popup dd { margin: 10px 0 0;}
.list_popup dd .btn_googlemap{ display:inline-block; margin:2px 0 0; padding: 0 0 0 1.35em; border-bottom:#111 1px solid; text-decoration: none;font-size:13px;font-family: 'Inter', sans-serif;font-weight: 400;line-height: 25px;letter-spacing: 0.015em; position: relative; z-index: 0;}
.list_popup dd .btn_googlemap:before {font-size: 1.1em;}

.list_popup dd dl div {margin-top:.5em;}
.list_popup dd dl div+div {margin-top:1.5em;}
.list_popup dd dl dt {padding: 0 0 0 1.25em; font-size: 15px; font-weight: 600; line-height: 1.5;}
.list_popup dd dl dd {margin: 5px 0 0;}
.list_popup blockquote { margin: 15px 0 0; padding: 1em; }
.list_popup blockquote+blockquote {margin-top:10px; border-top: none; margin-top: 0;}
.t_ttl_sub_popup {display: block; margin: 0 0 5px; font-weight: 600;}

/* ul.list_notice */
ul.list_notice {list-style: none;}
ul.list_notice li { margin-top: 3px; padding: 0 0 0 1.25em; position: relative; z-index: 0; line-height: 1.8;}
ul.list_notice li:before { position: absolute;top: 0; left: 0; content: "※"; z-index: 0;}
}








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

　.block_profile

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

.block_profile { padding: 120px 5%; }

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

.profile_wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; }
.block_profile .profile_area {width: 70%; position: relative; z-index: 0;background: #f5f5f5;background: #f3f3f3; padding: 5vw 5%; display: flex; flex-wrap: wrap;border-radius: 2px;}

/* .profile_area */
.block_profile .profile_area .t_cat_profile {font-size: 15px;font-family: 'Shippori Mincho B1', serif;font-family: "BIZ UDPMincho", serif; line-height: 1;letter-spacing: .05em;}

/* .img_area */
.block_profile .profile_area .img_area { width: 25%; order: 2;}
.block_profile .profile_area .img_area_sp {display: none; } 

/* .txt_area */
.block_profile .profile_area .txt_area { width: 65%; margin-right: 10%;}
.block_profile .profile_area .t_name_jp { font-size: 18px;font-family: "BIZ UDPMincho", serif; font-weight: 700; line-height: 1;letter-spacing: 0.1em; }
.block_profile .profile_area .txt_area .detail_area {margin: 30px 0 0;}
.block_profile .profile_area .txt_area .t_detail {line-height: 1.85;}

/* .link_youtube */
.block_profile .profile_area .link_youtube{ display:inline-block; margin:30px 0 0; padding: 0 0 0 25px; 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_youtube:before { position:absolute;top:0;left:0;width:20px; height:20px;content:"";background:url("../images/common/logo_youtube_b.png") center center no-repeat; background-size:18px 18px; z-index: 0;}

@media (min-width: 961px) and (hover: hover) {
.block_profile .profile_area .link_instagram:hover { color: #fefefe; background: #111;}
}
@media only screen and (max-width: 960px) {	
.block_profile .profile_area {width: 100%;padding: 50px 5%; align-items: center;}
.block_profile .profile_area .t_name_jp { font-size: 17px; }
.block_profile .profile_area .txt_area .detail_area {margin: 20px 0 0;}
.block_profile .profile_area .txt_area .t_detail { line-height: 1.85;}

/* .link_youtube */
.block_profile .profile_area .link_youtube{ display:inline-block; margin:25px 0 0; padding: 0 0 0 25px; border-bottom:#111 1px solid; text-decoration: none;font-size:13px;font-family: "Noto Sans JP", sans-serif;font-weight: 400; line-height: 25px;letter-spacing: 0.05em; position: relative; z-index: 0;}
.block_profile .profile_area .link_youtube:before { position:absolute;top:0;left:0;width:20px; height:25px;content:"";background:url("../images/common/logo_youtube_b.png") center center no-repeat; background-size:18px 18px; z-index: 0;}
}


@media only screen and (max-width: 738px) {	
.profile_wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; }
.block_profile .profile_area { padding: 50px 7.5%;}

/* .profile_area */
.block_profile .profile_area .t_cat_profile {font-size: 15px; line-height: 1;}
.block_profile .profile_area .img_area { width: 100%; order: 1; text-align: center;}
.block_profile .profile_area .img_area img {width: 50%;}

/* .txt_area */
.block_profile .profile_area .txt_area { order: 2; width: 100%; margin:30px 0 0;text-align: center;}
.block_profile .profile_area .t_name_jp { font-size: 17px; }
.block_profile .profile_area .txt_area .detail_area {margin: 20px 0 0;}
.block_profile .profile_area .txt_area .t_detail { font-size: 14px; line-height: 1.85;text-align: left;}
.block_profile .profile_area .link_youtube {margin-top: 20px;}
}
@media only screen and (max-width: 640px) {	
.block_profile .profile_area .img_area img {width: 70%;}
}

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

　.panel_info

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

.panel_info { position: fixed; bottom: 10px; right:10px; z-index: 7;transform: translateY(100px);transition: transform 0.4s ease;pointer-events: none;}
.panel_info.visible {transform: translateY(0);pointer-events: auto;}
.panel_info:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "";background: rgba(254,254,254,0.95); border: #111 1px solid; z-index: -1;border-radius: 2px;}
.panel_info .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_info .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_info a { display: block; padding:10px 20px 10px 10px; font-size: 13px; font-family: "Inter Tight","Noto Sans JP", sans-serif; line-height: 1.5; letter-spacing: 0.05em;}
.panel_info a:hover { cursor: pointer;}
.panel_info a .inner_info {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.panel_info a .info_thumb { width: 55px; border: #ddd 1px solid;}
.panel_info a .info_txt { width: calc(100% - 65px);}
.panel_info a .info_txt .t_up,
.panel_info a .info_txt .t_dawn {display: block; white-space: nowrap;font-feature-settings: "palt";font-weight: 400;}
.panel_info a .t_color_orange { color: #fe831f; border-bottom: #fe831f 1px solid;transition: all 0.4s ease;}

@media (min-width: 961px) and (hover: hover) {
.panel_info a:hover .t_color_orange { color: #fafafa; background:#fe831f;}
}
@media only screen and (max-width: 738px) {
.panel_info { bottom: 0; right:0; left: 0;}
.panel_info:after {border:none;border-top: #111 1px solid;border-radius: 2px 2px 0 0;}
.panel_info a { display: block; padding:12px 0; }
.panel_info a .inner_info {width: 100%; justify-content: center; gap:0 15px;}
.panel_info a .info_txt { width: auto;}
}
@media only screen and (max-width: 640px) {
.panel_info a { padding:12px 1.5% 13px; }
.panel_info a .inner_info { gap:0 10px;}
.panel_info a .info_thumb { width: 50px;}
}
@media only screen and (max-width: 320px) {
.panel_info a { font-size: 12px;}
}
#scrollUp a{display: none; opacity: 0;}