@charset "utf-8";

/** |READ ME| **********************************************************************************************************

"Style"

Cascading Style Sheet Setting File

Ver.202104

------------------------------------------------------------------------------------------------------------------------

01. Reset
02. Common
03. Header
04. Main
05. Detail
06. Creativist

********************************************************************************************************** |READ ME| **/

/** |01. Reset | >> ********************************************************************************* >> START **/

*{margin:0;padding:0;list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
em{font-style:normal;font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
/*h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}*/
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;outline:none;}
a.blank:before{content:" ";display:inline-block;margin:0 5px 0 0;width:10px;height:10px;}
img {border:none;font-size:0;line-height:0;vertical-align:bottom;}
iframe{margin:0px;padding:0px;border:none;}
html{width:100%;height:100%;}
body{background:#e0e4db;width:100%;height:100%;text-align:center;letter-spacing:.1em;font-size:14px;line-height:1.5;color:#333;font-family:'Noto Sans JP',"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-weight:400;}

/** |01. Reset | << ********************************************************************************* << END **/

/** |02. Common | >> ********************************************************************************* >> START **/

a{color:#fff;text-decoration:none;}
a:hover{text-decoration:none;opacity:0.7;transition:0.5s ease-in-out;}
.pc-block{display:block !important;}
.sp-block{display:none !important;}
.pc-inline{display:inline !important;}
.sp-inline{display:none !important;}
.section{position:relative;}
.cmn-img-wrap{position:relative;margin:auto;display:block;}
.cmn-img-inn{position:relative;margin:auto;width:100%;height:auto;display:block;}
.cmn-img-inn img{width:100%;height:auto;position:absolute;top:0;left:0;}
@media (max-width:800px) {
  .section#main::before{top:50%;left:0;width:100%;height:50%;}
  .pc-block{display:none !important;}
  .sp-block{display:block !important;}
  .pc-inline{display:none !important;}
  .sp-inline{display:inline !important;}
}

/** |02. Common | << ********************************************************************************* << END **/

/** |03. Header | >> ********************************************************************************* >> START **/

#header .hed-wrap{position:fixed;top:0;left:0;height:75px;width:100%;z-index:1000;}
#header .hed-log{position:absolute;top:28px;left:25px;line-height:0;}
#header .hed-log img{max-width:100px;width:100%;height:auto;}
#header .hed-btn{width:26px;height:17px;box-sizing:border-box;position:absolute;top:24px;right:20px;cursor:pointer;transition:0.3s ease-in-out;}
#header .hed-btn:before{content:" ";display:block;width:100%;height:2px;background:#ffffff;position:absolute;top:0;left:0;transition:0.3s ease-in-out;}
#header .hed-btn:after{content:" ";display:block;width:100%;height:2px;background:#ffffff;position:absolute;bottom:0;left:0;transition:0.3s ease-in-out;}
#header .hed-btn-ico{position:absolute;top:50%;left:50%;margin:-1px 0 0 -13px;width:26px;height:2px;background:#ffffff;transition:0.3s ease-in-out;}
#header .hed-btn.open:before{transform:rotate(45deg);top:8px;}
#header .hed-btn.open:after{transform:rotate(-45deg);bottom:7px;}
#header .hed-btn.open .hed-btn-ico{margin:0 0 0 0;width:0;}
#header .hed-btn:hover{opacity:0.7;}
#header .hed-are{color:#fff;display:inline-block;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);line-height:0;}
#header .hed-are img{width:120px;height:auto;}
#header .hed-are{opacity: 1;transition: all 0.3s;}
#header .hed-are.open{opacity: 0;}
/*#header .hed-men{position:fixed;z-index:1000;top:75px;width:100%;}*/
#header .hed-men{opacity: 0;position:fixed;z-index:-1;top:0px;width:100%;transition: all 0.3s;}
#header .hed-men.open{opacity: 1;z-index:999;}
/*#header .hed-men-scr{position:absolute;top:0;right:0;width:80%;max-width:450px;height:calc(100vh - 75px);background:#fff;padding:0 100px;box-sizing:border-box;text-align:left;overflow-y:auto;}*/
#header .hed-men-scr{position:absolute;top:0;right:0;width:100%;height:100vh;background:#1E1E1E;padding:0 20px;box-sizing:border-box;text-align:left;overflow-y:auto;}
@media (max-width:900px) {
#header .hed-men-scr{position:absolute;top:0;right:0;width:100%;height:100vh;background:#1E1E1E;padding:0 20px;box-sizing:border-box;text-align:left;overflow-y:auto;}	
}

#header .hed-men-clo{position:absolute;top:30px;right:30px;width:40px;height:40px;cursor:pointer;transition:0.3s ease-in-out;}
#header .hed-men-clo:hover{opacity:0.7;}
#header .hed-men-clo::before{content:" ";transform:rotate(45deg);position:absolute;top:19px;left:0;width:40px;height:2px;display:block;background:#373737;}
#header .hed-men-clo::after{content:" ";transform:rotate(-45deg);position:absolute;top:19px;left:0;width:40px;height:2px;display:block;background:#373737;}
#header .hed-men-tit{font-size:48px;line-height:1;padding:120px 0 50px;}
#header .hed-men-tit img{width:192px;height:auto;}
#header .hed-men-lis{padding:0 0 45px;}
#header .hed-men-lis li{font-size:24px;padding:0 0 10px;cursor:pointer;transition:0.3s ease-in-out;letter-spacing:0.15em;}
#header .hed-men-lis li:hover{opacity:0.7;}
#header .hed-men-lis a{color:#333;}
#header .hed-men-sns {padding:0 0 50px;letter-spacing:-0.4em;}
#header .hed-men-sns li{display:inline-block;margin:0 20px 0 0;letter-spacing:0;}
#header .hed-men-sns img{height:25px;width:auto;}
#header .hed-men-fot {padding:0 0 50px;}
#header .hed-men-fot img{max-width:120px;width:100%;height:auto;}
/*#header .hed-men-scr{transform:translate(100%,0);transition:0.4s ease-in-out;}
#header .hed-men.open .hed-men-scr{transform:translate(0,0);}*/
@media (max-width:800px) {
#header .hed-wrap{height:66px;}
#header .hed-log{position:absolute;top:24px;left:20px;}
#header .hed-log img{max-width:85px;}
#header .hed-btn{width:24px;height:15px;top:24px;right:20px;}
#header .hed-btn:before{height:2px;}
#header .hed-btn:after{height:2px;}
#header .hed-btn-ico{margin:-1px 0 0 -12px;width:24px;height:2px;}
#header .hed-btn.open:before{top:7px;}
#header .hed-btn.open:after{bottom:6px;}
#header .hed-btn.open .hed-btn-ico{margin:0 0 0 0;width:0;}
#header .hed-are img{width:100px;}
/*#header .hed-men{top:50px;}
#header .hed-men-scr{height:calc(100vh - 50px);padding:0 10%;}*/
#header .hed-men-clo{top:20px;right:20px;width:20px;height:20px;}
#header .hed-men-clo::before{top:10px;left:-3px;width:26px;height:1px;;}
#header .hed-men-clo::after{top:10px;left:-3px;width:26px;height:1px;}
#header .hed-men-tit{font-size:30px;padding:60px 0 30px;}
#header .hed-men-lis{padding:0 0 25px;}
#header .hed-men-lis li{font-size:20px;padding:0 0 5px;}
#header .hed-men-sns {padding:0 0 30px;}
#header .hed-men-fot {padding:0 0 30px;}
}

/** |03. Header | << ********************************************************************************* << END **/

/** |04. Content | >> ********************************************************************************* >> START **/
#content{padding:75px 0 0;}
#main-image .mai-img{
	height:100vh;
	background-size:cover;
	background-image: url(../images/area241/img-mai.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
body.pc #main-image .mai-img{background-attachment:fixed;}
#main-image .mai-img img{width:100%;height:auto;}
#main-title{position:relative;}
#main-title .mai-tit{padding:5% 0;font-size:100px;line-height:0;font-size:0;}
#main-title .mai-tit .cmn-img-wrap{max-width:680px;width:90%;}
#main-title .mai-tit .cmn-img-inn{padding:13.5% 0 0;}
#intro .int-tit{position:relative;}
#intro .int-tit-inn{display:block;position:absolute;top:0;left:0;width:100%;padding:20px 0;line-height:0;font-size:0;border-bottom:1px #373737 solid;border-top:1px #373737 solid;box-sizing:border-box;background:#e0e4db;z-index:1;}
#intro .int-tit-inn .cmn-img-wrap{max-width:880px;width:90%;}
#intro .int-tit-inn .cmn-img-inn{padding:3.6% 0 0;}
#intro .int-top{display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:1px #373737 solid;}
#intro .int-top-tit{width:50%;box-sizing:border-box;padding:0;border-right:1px #373737 solid;position:relative;}
#intro .int-top-tit-inn{display:block;padding:0;line-height:0;font-size:0;position:absolute;top:0;left:0;width:100%;}
#intro .int-top-tit-inn .cmn-img-wrap{max-width:280px;width:90%;margin:20% auto;}
#intro .int-top-tit-inn .cmn-img-inn{padding:9.4% 0 0;}
#intro .int-top-txt{width:50%;box-sizing:border-box;padding:10%;font-size:17px;}
#intro .int-top-txt-inn{display:block;text-align:left;line-height:2;}
#slider{font-size:0;line-height:0;overflow:hidden;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);transition:0.6s ease-in-out;}
#slider:hover{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);}
#slider .sli-img{padding:650px 0 0;width:100%;display:block;background-image:url(../images/area241/img-sli.jpg);background-repeat:repeat-x;background-position:0 0;background-size:6630px 650px;animation-name:sliImgAct;animation-duration:50s;animation-iteration-count:infinite;animation-timing-function:linear;}
#slider .sli-img img{width:100%;height:auto;}
@keyframes sliImgAct{0%{background-position:0 0;}100%{background-position:-6630px 0;}}
@keyframes sliImgActSp{0%{background-position:0 0;}100%{background-position:-3060px 0;}}
#products .pdc-tit{position:relative;}
#products .pdc-tit-inn{display:block;position:absolute;top:0;left:0;width:100%;line-height:0;font-size:0;padding:20px 0;z-index:1;border-bottom:1px #373737 solid;border-top:1px #373737 solid;box-sizing:border-box;background:#e0e4db;}
#products .pdc-tit-inn .cmn-img-wrap{max-width:226px;width:90%;}
#products .pdc-tit-inn .cmn-img-inn{padding:14.2% 0 0;}
#products .pdc-top{display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:1px #373737 solid;}
#products .pdc-top-tit{width:50%;box-sizing:border-box;padding:10%;border-right:1px #373737 solid;}
#products .pdc-top-tit-inn{display:block;line-height:1.3;font-size:3vw;line-height:0;font-size:0;}
#products .pdc-top-tit-inn .cmn-img-wrap{max-width:280px;width:90%;}
#products .pdc-top-tit-inn .cmn-img-inn{padding:54.2% 0 0;}
#products .pdc-top-txt{width:50%;box-sizing:border-box;padding:10%;font-size:17px;}
#products .pdc-top-txt-inn{display:block;text-align:left;line-height:2;}
#products .pdc-ite{padding:0 50px;}
#products .pdc-ite + div{border-top:1px #373737 solid;}
#products .pdc-ite-lis{border-left:1px #373737 solid;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;}
#products .pdc-ite-lis-img{width:65%;text-align:left;position:relative;line-height:0;}
#products .pdc-ite-lis-img-inn{max-width:750px;width:100%;display:block;position:relative;}
#products .pdc-ite-lis-img-wrap{position:relative;padding:58% 0 0;display:block;overflow:hidden;}
#products .pdc-ite-lis-img-wrap img{width:100%;width:100%;height:auto;position:absolute;top:0;left:0;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);transition:0.6s ease-in-out;}
#products .pdc-ite-lis-img-wrap img:hover{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);}
#products .pdc-ite-txt{border-left:1px #373737 solid;box-sizing:border-box;width:35%;padding:5% 5% 0;text-align:left;}
#products .pdc-ite-txt-tit{font-size:16px;line-height:1.8;font-weight:700;font-family:"Noto Sans JP";letter-spacing:0.25em;}
#products .pdc-ite-txt-tax{display:block;font-size:12px;line-height:1.8;padding:0 0 12%;}
#products .pdc-ite-txt-btn{position:relative;display:block;max-width:130px;line-height:1;padding:15px 0;border:1px #373737 solid;width:100%;color:#333;text-align:center;font-weight:500;font-family:"Noto Sans JP";letter-spacing:0.25em;}
#products .pdc-fot{display:flex;flex-direction:row;flex-wrap:wrap;border-top:1px #373737 solid;}
#products .pdc-fot-tit{width:50%;box-sizing:border-box;padding:10%;border-right:1px #373737 solid;}
#products .pdc-fot-tit-inn{display:block;font-size:2.5vw;line-height:1.3;font-weight:500;font-family:"Noto Sans JP";letter-spacing:0.2em;}
#products .pdc-fot-btn{width:50%;box-sizing:border-box;position:relative;}
#products .cre-fot-btn-inn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;max-width:130px;line-height:1;padding:15px 0;border:1px #373737 solid;width:100%;color:#333;text-align:center;font-weight:500;font-family:"Noto Sans JP";letter-spacing:0.25em;}
#creativist .cre-tit{position:relative;}
#creativist .cre-tit-inn{display:block;position:absolute;top:0;left:0;width:100%;line-height:0;font-size:0;padding:20px 0;border-top:1px #373737 solid;border-bottom:1px #373737 solid;box-sizing:border-box;background:#e0e4db;z-index:1;}
#creativist .cre-tit-inn .cmn-img-wrap{max-width:380px;width:90%;}
#creativist .cre-tit-inn .cmn-img-inn{padding:8.4% 0 0;}
#creativist .cre-img{padding:54.16% 0 0;background:url(../images/area241/img-cre.jpg)no-repeat center;background-size:cover;}
body.pc #creativist .cre-img{background-attachment:fixed;}
#creativist .cre-img img{width:100%;height:auto;}
#creativist .cre-fot{display:flex;flex-direction:row;flex-wrap:wrap;border-top:1px #373737 solid;}
#creativist .cre-fot-tit{font-size:0;line-height:0;width:50%;box-sizing:border-box;padding:10%;border-right:1px #373737 solid;}
#creativist .cre-fot-tit-inn{font-size:0;line-height:0;display:block;line-height:1.3;font-size:3vw;}
#creativist .cre-fot-tit-inn .cmn-img-wrap{max-width:340px;width:90%;}
#creativist .cre-fot-tit-inn .cmn-img-inn{padding:32.3% 0 0;}
#creativist .cre-fot-txt{width:50%;box-sizing:border-box;padding:10%;font-size:17px;}
#creativist .cre-fot-txt-inn{display:block;text-align:left;line-height:2;}
#topic{padding:50px 50px 0;border-top:1px #373737 solid;border-bottom:1px #373737 solid;position:relative;}
#topic::before{content:" ";position:absolute;top:0;left:0;width:51px;height:51px;background:#373737;}
#topic::after{content:" ";position:absolute;top:0;right:0;width:51px;height:51px;background:#373737;}
#topic .tpi-wrap{padding:7.5% 2.5%;border-top:1px #373737 solid;border-left:1px #373737 solid;border-right:1px #373737 solid;}
#topic .tpi-list{display:flex;flex-direction:row;flex-wrap:wrap;padding:0 0 7.5%;}
#topic .tpi-list li{width:50%;box-sizing:border-box;padding:2.5%;text-align:left;}
#topic .tpi-list li a{color:#333;}
#topic .tpi-list li img{width:100%;height:auto;position:absolute;top:0;left:0;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);transition:0.6s ease-in-out;}
#topic .tpi-list li a:hover{opacity:1;}
#topic .tpi-list li a:hover img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);}
#topic .tpi-list-tit{padding:4% 0 0;font-size:24px;line-height:1.5;font-weight:700;font-family:"Noto Sans JP";letter-spacing:0.2em;}
#topic .tpi-list-tit small{font-weight:400;font-family:"Noto Sans JP";font-size:60%;vertical-align:baseline;padding:0 0 0 5px;letter-spacing:0.15em;}
#topic .tpi-list-txt{font-size:14px;font-weight:500;font-family:"Noto Sans JP";letter-spacing:0.2em;}
#topic .tpi-list-img{position:relative;display:block;padding:66.66% 0 0;}
#topic .tpi-list-num{display:block;line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12vw;color:#fff;}
#topic .tpi-list-new{max-width:120px;width:15vw;display:block;position:absolute;top:0;left:5%;}
#topic .tpi-list li .tpi-list-new img{transform:translate(0,-50%);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);}
#topic .tpi-fot{padding:2.5% 0;}
#topic .tpi-fot-btn{display:inline-block;max-width:130px;line-height:1;padding:15px 0;border:1px #373737 solid;width:100%;color:#333;text-align:center;font-weight:500;font-family:"Noto Sans JP";letter-spacing:0.25em;}
#sns .sns-list {padding:10% 0 5%;letter-spacing:-0.4em;border-top:1px #373737 solid;margin:2px 0 0;}
#sns .sns-list li{display:inline-block;margin:0 2.5%;letter-spacing:0;}
#sns .sns-list img{height:40px;width:auto;}
#footer{background:#373737;color:#fff;}
#footer .fot-copy{padding:30px 0;font-size:11px;line-height:1;}
#pag-top{position:fixed;bottom:0;left:0;width:100%;z-index:2;}
#pag-top .pag-anchor{display:block;position:absolute;right:0;bottom:0;transition:0.3s ease-in-out;cursor:pointer;padding:20px;transform:translate(0,100%);transition:0.3s ease-in-out;}
#pag-top.view .pag-anchor{transform:translate(0,0);}
#pag-top .pag-anchor:hover{opacity:0.7;}
#pag-top img{max-width:106px;width:100%;height:auto;}
@media (max-width:800px) {
  #content{padding:50px 0 0; }
  #main-image .mai-img{height:calc(100vh - 50px);background:url(../images/area241/img-mai-sp.jpg) no-repeat center;background-size:cover;background-attachment:scroll;}
  #main-title .mai-tit{font-size:12vw;}
  #main-title .mai-tit .cmn-img-wrap{max-width:220px;}
  #intro .int-tit-inn{font-size:6vw;line-height:1.3;position:relative;top:auto;left:auto;padding:25px 0;}
  #intro .int-tit-inn .cmn-img-wrap{max-width:300px;}
  #intro .int-tit-inn .cmn-img-inn{padding:16.4% 0 0;}
  #intro .int-top{border-top:none;}
  #intro .int-top-tit{width:100%;padding:12% 5vw;border-right:none;border-bottom:1px #373737 solid;}
  #intro .int-top-tit-inn{position:relative;top:auto;left:auto;}
  #intro .int-top-tit-inn .cmn-img-wrap{max-width:220px;margin:auto;}
  #intro .int-top-txt{width:100%;padding:13% 5vw;font-size:15px;}
  #intro .int-top-txt-inn{line-height:2;}
  #slider .sli-img{padding:300px 0 0;;background-image:url(../images/area241/img-sli.jpg);background-repeat:repeat-x;background-position:0 0;background-size:3060px 300px;animation-name:sliImgActSp;animation-duration:30s;}
  #products .pdc-tit-inn{font-size:6vw;position:relative;top:auto;left:auto;padding:15% 0;}
  #products .pdc-tit-inn .cmn-img-wrap{max-width:160px;}
  #products .pdc-top{border-top:none;}
  #products .pdc-top-tit{width:100%;padding:25px 5vw;border-right:none;border-bottom:1px #373737 solid;}
  #products .pdc-top-tit-inn{font-size:8vw;}
  #products .pdc-top-tit-inn .cmn-img-inn{padding:16.9% 0 0;}
  #products .pdc-top-tit-inn .cmn-img-wrap{max-width:300px;}
  #products .pdc-top-txt{width:100%;padding:15% 5vw;font-size:14px;}
  #products .pdc-top-txt-inn{line-height:2;text-align:center;}
  #products .pdc-ite{padding:0;}
  #products .pdc-ite + div{border-top:none;}
  #products .pdc-ite-lis{border-left:none;display:flex;flex-direction:row;flex-wrap:wrap;}
  #products .pdc-ite-lis-img{width:100%;text-align:right;}
  #products .pdc-ite-lis-img-inn{padding:0 0 0 5vw;}
  #products .pdc-ite-lis-img-wrap{border-left:1px #373737 solid;}
  #products .pdc-ite-txt{border-left:none;width:100%;padding:10% 10vw;border-top:1px #373737 solid;border-bottom:1px #373737 solid;}
  #products .pdc-ite-txt.pdc-ite-txt-last{border-bottom:none;}
  #products .pdc-ite-txt-tit{font-size:3.5vw;padding:0 0 5%;}
  #products .pdc-ite-txt-tax{padding:0 0 0 5px;font-size:2vw;display:inline;}
  #products .pdc-ite-txt-btn{max-width:100px;font-size:3.5vw;padding:3% 0;}
  #products .pdc-fot{display:flex;flex-direction:row;flex-wrap:wrap;border-top:none;}
  #products .pdc-fot-tit{width:100%;padding:25px 5vw 5%;border-right:none;border-bottom:none;}
  #products .pdc-fot-tit-inn{font-size:6vw;}
  #products .pdc-fot-btn{width:100%;padding:0 5vw 25px;}
  #products .cre-fot-btn-inn{position:relative;max-width:100px;font-size:3.5vw;padding:3% 0;transform:none;top:auto;left:auto;}
  #creativist .cre-tit-inn{font-size:6vw;position:relative;top:auto;left:auto;padding:15% 0;}
  #creativist .cre-tit-inn .cmn-img-wrap{max-width:260px;}
  #creativist .cre-img{padding:138.6% 0 0;background:url(../images/area241/img-cre-sp.jpg)no-repeat center;background-size:cover;background-attachment:scroll;}
  #creativist .cre-fot{display:flex;flex-direction:row;flex-wrap:wrap;border-top:1px #373737 solid;}
  #creativist .cre-fot-tit{width:100%;padding:25px 5vw;border-right:none;border-bottom:1px #373737 solid;}
  #creativist .cre-fot-tit-inn{font-size:8vw;}
  #creativist .cre-fot-tit-inn .cmn-img-wrap{max-width:300px;}
  #creativist .cre-fot-tit-inn .cmn-img-inn{padding:8% 0 0;}
  #creativist .cre-fot-txt{width:100%;padding:15% 5vw;font-size:15px;}
  #creativist .cre-fot-txt-inn{line-height:2;text-align:center;}
  #topic{padding:5vw 0 0 5vw;}
  #topic::before{width:calc(5vw + 1px);height:calc(5vw + 1px);}
  #topic::after{content:none;}
  #topic .tpi-wrap{border-right:none;padding:0}
  #topic .tpi-list{padding:0;}
  #topic .tpi-list li{width:100%;padding:15% 5vw 10%;border-bottom:1px #373737 solid;}
  #topic .tpi-list-tit{padding:4% 0 0;font-size:5vw;}
  #topic .tpi-list-txt{font-size:3vw;}
  #topic .tpi-list-num{font-size:20vw;}
  #topic .tpi-fot{padding:10% 5vw;text-align:left;}
  #topic .tpi-fot-btn{max-width:100px;font-size:3.5vw;padding:3% 0;}
  #sns .sns-list {padding:15% 0 10%;}
  #sns .sns-list li{;margin:0 3%;}
  #sns .sns-list img{height:22px;width:auto;}
  #pag-top .pag-anchor{padding:10px;}
  #pag-top img{max-width:53px;}
}
/** |04. Content | << ********************************************************************************* << END **/

/** |05. Detail | >> ********************************************************************************* >> START **/
#detail .det-tit{position:relative;}
#detail .det-tit-inn{position:absolute;top:0;left:0;width:100%;line-height:0;font-size:0;display:block;padding:20px 0;z-index:1;border-bottom:1px #373737 solid;border-top:1px #373737 solid;box-sizing:border-box;background:#e0e4db;}
#detail .det-tit-inn .cmn-img-wrap{max-width:226px;width:90%;}
#detail .det-tit-inn .cmn-img-inn{padding:14.2% 0 0;}
#detail .det-ite-lis{display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:1px #373737 solid;}
#detail .det-ite-lis#infinium-jkt{border-bottom:none;}
#detail .det-ite-lis-img{width:50%;box-sizing:border-box;position:relative;}
#detail .det-ite-lis-img-inn{display:block;position:absolute;top:0;left:0;width:100%;box-sizing:border-box;padding:0 0 0;}
#detail .det-ite-lis-tit-wrap{display:block;position:relative;padding:5% 0 5%;}
#detail .det-ite-img-tit{padding:0 0 0 5vw;text-align:left;font-size:35px;line-height:1.4;font-weight:500;font-family:"Noto Sans JP";letter-spacing:0.2em;}
#detail .det-ite-lis-tit-wrap .cmn-img-wrap{padding:0 0 0 5vw;}
#detail .det-ite-lis-txt{width:50%;box-sizing:border-box;padding:3% 5vw 10%;text-align:left;font-size:17px;}
#detail #infinium-jkt .det-ite-lis-txt{padding-bottom:0;}
#detail .det-ite-txt-par{padding:0 0 10%;display:block;line-height:2.2;position:relative;}
#detail .det-ite-lis-txt .cmn-img-wrap + span{padding:10% 0;}
#detail .det-ite-lis-txt span.det-ite-txt-par-last{padding:10% 0 0;}
#detail .det-ite-lis-txt .cmn-img-wrap.img-infinium05{padding-bottom:0;}
#detail .det-ite-lis-txt .cmn-img-wrap.img-poncho03{padding-bottom:0;}
#detail .det-ite-lis-txt .cmn-img-wrap .cmn-img-inn{padding:66.66% 0 0;}
#detail .det-ite-lis-txt .cmn-img-wrap img{border:1px #333 solid;}
#detail-fot .det-fot + div{border-top:1px #373737 solid;}
#detail-fot .det-fot-lis{display:flex;flex-direction:row-reverse;flex-wrap:wrap;overflow:hidden;padding:0 5% 0 0;}
#detail-fot .det-fot-lis-img{text-align:left;position:relative;line-height:0;width:35%;padding:3%;box-sizing:border-box;}
#detail-fot .det-fot-lis-img .cmn-img-wrap .cmn-img-inn{padding:100% 0 0;}
#detail-fot .det-fot-lis-img-clr{display:block;padding:5% 0 5%;text-align:center;font-size:12px;}
#detail-fot .det-fot-txt{border-right:1px #373737 solid;box-sizing:border-box;width:25%;padding:5%;text-align:left;margin:0 5% 0 0;}
#detail-fot .det-fot-txt-tit{font-size:16px;line-height:1.8;font-weight:700;font-family:"Noto Sans JP";letter-spacing:0.25em;}
#detail-fot .det-fot-txt-tax{display:block;font-size:12px;line-height:1.8;padding:0 0 15%;}
#detail-fot .det-fot-txt-btn{position:relative;display:block;max-width:195px;line-height:1;padding:15px 0;background:#373737;width:100%;color:#fff;text-align:center;font-weight:500;font-family:"Noto Sans JP";letter-spacing:0.25em;}
#detail .cmn-img-wrap.img-vest-main .cmn-img-inn{padding:100% 0 0;max-width:500px;}
#detail .cmn-img-wrap.img-vest01 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-vest02 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-vest03 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-vest04 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-vest05 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-vest06 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-poncho-main .cmn-img-inn{padding:100% 0 0;max-width:500px;}
#detail .cmn-img-wrap.img-poncho01 .cmn-img-inn{padding:69.53% 0 0;}
#detail .cmn-img-wrap.img-poncho02 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-poncho03 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-poncho04 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-poncho05 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-poncho06 .cmn-img-inn{padding:100% 0 0;}
#detail .cmn-img-wrap.img-infinium-main .cmn-img-inn{padding:100% 0 0;max-width:500px;}
#detail .cmn-img-wrap.img-infinium01 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-infinium02 .cmn-img-inn{padding:89.44% 0 0;}
#detail .cmn-img-wrap.img-infinium03 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-infinium04 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-infinium05 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-cargopants-main .cmn-img-inn{padding:100% 0 0;max-width:500px;}
#detail .cmn-img-wrap.img-cargopants01 .cmn-img-inn{padding:100% 0 0;}
#detail .cmn-img-wrap.img-cargopants02 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-cargopants03 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-cargopants04 .cmn-img-inn{padding:66.66% 0 0;}
#detail .cmn-img-wrap.img-cargopants05 .cmn-img-inn{padding:66.66% 0 0;}
@media (max-width:800px) {
  #detail .det-tit-inn{font-size:6vw;position:relative;top:auto;left:auto;}
  #detail .det-tit-inn .cmn-img-wrap{max-width:110px;}
  #detail .det-ite-lis{display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:1px #373737 solid;}
  #detail .det-ite-lis-img{width:100%;box-sizing:border-box;padding:10% 5vw 10%;}
  #detail .det-ite-lis-img-inn{display:block;position:relative;}
  #detail .det-ite-lis-tit-wrap{display:block;position:relative;padding:0;}
  #detail .det-ite-img-tit{font-size:8vw;line-height:1.3;padding:0;}
  #detail .det-ite-lis-tit-wrap .cmn-img-wrap{padding:0;}
  #detail .det-ite-lis-txt{width:100%;padding:0 5vw 10%;font-size:15px;}
  #detail-fot .det-fot{padding:0;}
  #detail-fot .det-fot + div{border-top:none;}
  #detail-fot .det-fot-lis{flex-direction:row-reverse;padding:0;}
  #detail-fot .det-fot-lis-img{width:50%;padding:0;}
  #detail-fot .det-fot-lis li:nth-child(1){padding:5% 3% 5% 0;}
  #detail-fot .det-fot-lis li:nth-child(2){padding:5% 0 5% 3%;}
  #detail-fot .det-fot-txt{border-left:none;width:100%;padding:7% 10vw;border-top:1px #373737 solid;border-bottom:1px #373737 solid;border-right:none;margin:0;}
  #detail-fot .det-fot-txt-tit{font-size:3.5vw;padding:0 0 5%;}
  #detail-fot .det-fot-txt-tax{padding:0 0 0 5px;font-size:2vw;display:inline;}
  #detail-fot .det-fot-txt-btn{max-width:160px;font-size:3.5vw;padding:3% 0;}
}
/** |05. Detail | << ********************************************************************************* << END **/

/** |06. Creativist | >> ********************************************************************************* >> START **/
#column .col-tit{position:relative;height:74px;}
#column .col-tit-inn{position:fixed;top:75px;left:0;width:100%;line-height:0;font-size:0;display:block;padding:20px 0;z-index:1;border-bottom:1px #373737 solid;border-top:1px #373737 solid;box-sizing:border-box;background:#e0e4db;}
#column .col-tit-inn .cmn-img-wrap{max-width:380px;width:90%;}
#column .col-tit-inn .cmn-img-inn{padding:8.4% 0 0;}
#column .col-mai{position: relative;}
#column .col-mai img{width:100%;height:auto;}
#column img.col-mai-log{width:18.56%;position: absolute;right:8%;bottom:8%;}
#column .col-int{padding:10% 10%;text-align: left;}
#column .col-int-vol{display: inline-block;border-bottom:2px #373737 solid;padding:0 0 5px;font-size:16px;letter-spacing:0.15em;font-weight:700;}
#column .col-int-tit-en{font-size:28px;padding:50px 0 0;font-weight:400;letter-spacing:0.15em;}
#column .col-int-tit-en b{font-weight:700;padding:0 20px 0 0;}
#column .col-int-tit-jp{font-size:55px;padding:0 0 50px;letter-spacing:0.1em;font-weight:500;}
#column .col-int-cre{font-size:12px;line-height:2;font-weight:500;letter-spacing:0.2em;}
#column .col-cnt{padding:0 0 0 50px;}
#column .col-inn{border-left:1px #373737 solid;}
#column .col-inn img{display:block;margin:0;max-width:100%;width:auto;height:auto;}
#column .col-img{padding:0 0 10%;}
#column .col-txt{padding:0 10% 10% 30%;text-align:left;line-height:2.2;font-size:17px;}
#column .col-txt-img{padding:10% 0;}
#column .col-img-full{margin:0 0 10%;}
#column .col-img-full img{max-width:none;width:100%;}
#column .col-nav{letter-spacing:-0.4em;padding:0 10% 7.5% 30%;line-height:0;text-align: left;}
#column .col-nav li{letter-spacing:0;display:inline-block;padding:0 40px 0 0;}
#column .col-nav a{width:56px;height:56px;background:373737;border:1px #373737 solid;fill:color:#fff;border-radius:50%;display:block;box-sizing:border-box;}
#column .col-nav a.act{background:#373737;border:1px #373737 solid;}
#column .col-nav a.com{border:1px #999999 solid;;color:#fff;pointer-events:none;}
#column .col-nav a.com img{fill:#999999}
#column .col-nav img{width:100%;height:auto;}
#column .col-aut{padding:0 10% 10% 30%;text-align:left;}
#column img.col-aut-thu{width:150px;height:auto;margin:0 0 20px;}
#column .col-aut-nam{font-weight:500;font-size:18px;}
#column .col-aut-txt{line-height:2.2;font-size:15px;}
@media (max-width:800px) {
  #column .col-tit{height:auto;}
  #column .col-tit-inn{font-size:6vw;position:relative;top:auto;left:auto;}
  #column .col-tit-inn .cmn-img-wrap{max-width:160px;}
  #column img.col-mai-log{width:29.50%;position: absolute;right:5%;bottom:6%;}
  #column .col-int{padding:10% 5vw;}
  #column .col-int-vol{font-size:3vw;}
  #column .col-int-tit-en{font-size:4vw;padding:7.5% 0 0;}
  #column .col-int-tit-en b{display: block;font-size:4.5vw;padding:0;}
  #column .col-int-tit-jp{font-size:6.5vw;padding:0 0 7.5%;}
  #column .col-int-cre{font-size:2.5vw}
  #column .col-cnt{padding:0;}
  #column .col-inn{border-left:none;}
  #column .col-txt{padding:0 5vw 10%;font-size:15px;}
  #column .col-txt-img{margin:0 -5vw;padding:10vw 0;}
  #column .col-nav{text-align: center;padding:0 5vw 7.5% 5vw}
  #column .col-nav li{padding:0 2%;}
  #column .col-nav a{width:40px;height:40px;}
  #column .col-aut{padding:0 5vw 10% 5vw;}
  #column img.col-aut-thu{max-width:130px;width:40%;margin:0 auto 20px;}
  #column .col-aut-nam{font-size:3.8vw;padding:0 0 5px;line-height: 2;}
  #column .col-aut-txt{font-size:13px;}
}
/** |06. Creativist | << ********************************************************************************* << END **/

/*更新 20220206*/
.tpi-list li {
  transition: all .4s ease 0s;
  opacity: 1;
  overfllow:hidden;
  display:block;
}
.tpi-list li.is-hidden {
	display:none;
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0 10px;
  padding:0;
}
.more {
  cursor: pointer;
}