@charset "UTF-8";
#contents { width: 100%!important; max-width: 100%!important; padding: 0; margin: 0;  }
#pisss { width: 100%!important; max-width: 100%!important; }
#pi { width: 100%!important; max-width: 100%!important; margin: 0; background-color: transparent!important; padding: 0; }
#pi > img { display: none!important; }
picture	{ width: 100%; vertical-align: bottom; line-height: 1;  }
@media (min-width: 768px)	{
	.result_suggest_title .result_suggest_list { margin: 0 -1.5rem 0; }
}

.bannerSwitch	{ width: 100%; margin: 0 auto; max-width: 1000px; padding: 0; }
.bannerSwitch img	{ width: 100%; vertical-align: bottom; line-height: 0; }
.product_list	{ background-color: #fff; }
.pi_description	{ background-color: transparent!important; margin: 0 auto; min-width: 980px; max-width: 100%; padding: 0; }
.pi_lgzformat	{ color:#000; display: block; width: 100%; padding: 0; margin: 0; position: relative; font-feature-settings: "palt"; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased; }
.pi_lgzformat	{ font-family: "Untitled Sans", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "hiragino-kaku-gothic-pron", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Noto Sans JP", Meiryo, sans-serif; font-weight: 300; letter-spacing: 0.08em; }
.pi_lgzformat ul:before,
.pi_lgzformat ol:before,
.pi_lgzformat dl:before, 
.pi_lgzformat ul:after, 
.pi_lgzformat ol:after, 
.pi_lgzformat dl:after	{ display: none!important; }
.pi_lgzformat img	{ width: 100%; vertical-align: bottom; line-height: 0; }
.pi_lgzformat a { transition: all .3s; color:#000000; }
.pi_lgzformat a img { opacity: 1; transition: all .4s;  }
.pi_lgzformat .small { font-size:80%; }
.pi_lgzformat .center-text	{ text-align: center; }
@media (min-width: 768px) {
	.pi_lgzformat a:hover img { opacity: .6;  }
}
@media (max-width: 767.9px) {
	#pi { padding: 0 ; }
	.pi_description	{ padding: 0; min-width: auto; }
	.bannerSwitch	{ padding: 0; }
}
/* ------------ FADEIN ------------- */
.fadein	{ opacity : 0; transform : translate(0, 20px); transition: all 1s; }
.fadein.scrollin	{ opacity : 1; transform : translate(0, 0); }

/* ------------ INTRODUCTION ------------- */
.introduction	{ display: -webkit-flex; display: flex; justify-content: center; padding: 60px 0 0; margin: 0 auto 20px; }
.intro_inner	{ width: 100%; }
.intro_inner p	{ font-size:17px; line-height: 2; margin: 0 0 1em; text-align: center; }
@media (max-width: 767.9px) {
	.introduction	{ flex-wrap: wrap; padding: 50px 25px 0; margin: 0 0 20px; }
	.intro_inner p	{ font-size:14px; text-align: left; }
	.intro_inner p br	{ display: none;  }
}
.intsection	{ display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; padding: 20px 0 0; margin: 0 auto 100px; }
.intsection h2	{ font-size:32px; line-height: 1.4; margin: 0 0 1em; text-align: center; }
.intsection p	{ font-size:16px; line-height: 2; margin: 0 0 1em; text-align: center; }
.intmappc	{ display: block; width: 100%; max-width: 1000px; margin: 0 auto 1em; }
.intmapsp	{ display: none; }
@media (max-width: 767.9px) {
	.intsection	{ padding: 0; margin: 0 auto 40px; }
	.intsection h2	{ font-size:24px; margin: 0 25px .6em; }
	.intsection p	{ font-size:13px; margin: 0 25px 1em;  text-align: left; }
	.intsection p br	{ display: none;  }
	.intmappc	{ display: none; }
	.intmapsp	{ display: block; }
}
.prodlogo	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 30px 0 0; margin: 0 0 40px; }
.prodlogo.futlt	{ margin: 0 0 60px; }
.prodlogo img	{ width: 100%; max-width: 330px; }
.prodlogo.gore img	{ width: 100%; max-width: 240px; }
.prodlogo.futlt img	{ width: 100%; max-width: 440px; }
@media (max-width: 767.9px) {
	.prodlogo	{ padding: 10px 0 0; margin: 0 0 30px; }
	.prodlogo.futlt	{ margin: 0 0 40px; }
	.prodlogo img	{ max-width: 250px; }
	.prodlogo.gore img	{ max-width: 180px; }
	.prodlogo.futlt img	{ max-width: 240px; }
}
.linkpagewrapper	{ width: 100%; padding: 40px 20px 0; margin: 0 auto 40px; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.linkpagewrapper h5	{ font-size:32px; line-height: 1.6; margin: 0 0 1em; text-align: center; }
.linkpage	{ display: -webkit-flex; display: flex; justify-content: center; flex-wrap: wrap; width: 100%; max-width: 1000px; list-style-type: none; }
.linkpage > li	{ width: calc(50% - 20px); }
.linkpage > li a	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; height: 100px; background-color: #505050; color:#fff; text-align: center; font-size:18px; line-height: 1.6; font-weight: 700; transition: all .5s; }
.linkpage > li a:hover	{ text-decoration: none; }
@media (min-width: 768px) {
	.spsadmin	{ padding: 60px 0 0;  }
	.linkpage > li:first-child	{ margin: 0 40px 0 0;  }
	.linkpage > li:last-child	{ margin: 40px 0 0 0;  }
	.linkpage > li a:hover	{ background-color: #000; }
}
@media (max-width: 767.9px) {
	.linkpagewrapper	{ padding: 0 20px; margin: 0 auto; }
	.linkpagewrapper h5	{ font-size:20px; margin: 0 0 1em; }
	.linkpage > li	{ width: 100%; margin: 0 0 15px; }
	.linkpage > li a	{ height: 70px; font-size:14px; }
}
.linksection	{ display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; padding: 0; margin: 0 0 100px; }
.linksection h2	{ font-size:32px; line-height: 1.6; margin: 0 0 1em; text-align: center; }
.linksection > a	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; background-color: #e5f1f8; padding: 60px 10px; transition: all .3s; }
.linksection.new > a	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; background-color: #fff; padding: 30px 10px 40px; transition: all .3s; }
.linksection > a.link01::after	{ content:""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: url(linkbg01.jpg) center center / cover no-repeat; opacity: .25; transition: all .3s; z-index: 1; }
.linksection > a.link02::after	{ content:""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: url(linkbg02.jpg) center center / cover no-repeat; opacity: .25; transition: all .3s; z-index: 1; }
.linksection > a.link03::after	{ content:""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: url(linkbg03.jpg) center center / cover no-repeat; opacity: .25; transition: all .3s; z-index: 1; }
.linksection.new > a.link01::after	{ content:""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: url(GORE_00.jpg) center center / cover no-repeat; opacity: 1; transition: all .3s; z-index: 1; }
.linksection.new > a.link02::after	{ content:""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: url(Futurelight_00.jpg) center center / cover no-repeat; opacity: 1; transition: all .3s; z-index: 1; }
.linksection.new > a.link03::after	{ content:""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background: url(original_00.jpg) center center / cover no-repeat; opacity: 1; transition: all .3s; z-index: 1; }
.linksection > a ul	{ list-style-type: none; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 820px; margin: 0 0 40px; position: relative; z-index: 2; }
.linksection.new > a ul	{ list-style-type: none; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 820px; margin: 0 0 20px; position: relative; z-index: 2; }
.linksection > a ul li	{ width: 100%; max-width: 400px; padding: 0 30px; }
.linksection > a ul.gtex li	{ max-width: 260px; }
.linksection > a ul.flt li	{ max-width: 480px; padding: 90px 30px 40px; }
.linksection > a ul.logo3 li	{ max-width: 280px; padding: 90px 30px 40px; }
.linksection > a p	{ width: 100%; text-align: center; font-size:14px; line-height: 1.8; margin: 0 0 40px; position: relative; z-index: 2; }
.linksection > a b	{ width: 100%; max-width: 600px; height: 60px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-color: #505050; color:#fff; text-align: center; font-size:18px; line-height: 1; font-weight: 700; position: relative; z-index: 2; transition: all .5s; }
.linksection.new > a p	{ color:#fff; width: 100%; text-align: center; font-size:14px; line-height: 1.8; margin: 0 0 40px; position: relative; z-index: 2; }
.linksection.new > a b	{ width: 100%; max-width: 600px; height: 60px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-color: #fff; color:#000; text-align: center; font-size:18px; line-height: 1; font-weight: 400; position: relative; z-index: 2; transition: all .5s; }
.linksection > a:hover	{ text-decoration: none!important; }
.linksection > a:hover img	{ opacity: 1; }
@media (min-width: 768px) {
	.linksection > a:hover	{ background-color: #d5ebf7; }
	.linksection > a.link01:hover::after, 
	.linksection > a.link02:hover::after, 
	.linksection > a.link03:hover::after	{ opacity: .1; }
	.linksection > a:hover b	{ background-color: #000; transform: translateY(-6px); }
	.linksection.new > a:hover	{ background-color: #000; }
	.linksection.new > a.link01:hover::after, 
	.linksection.new > a.link02:hover::after, 
	.linksection.new > a.link03:hover::after	{ opacity: .8; }
	.linksection.new > a:hover b	{ background-color: #fff; transform: translateY(0); }
}
@media (max-width: 767.9px) {
	.linksection	{ margin: 0 0 60px; }
	.linksection h2	{ font-size:18px; }
	.linksection > a	{ padding: 3em 2em; }
	.linksection.new > a	{ padding: 3em 2em; }
	.linksection.new > a.link03	{ padding: 5em 2em 3em; }
	.linksection > a ul	{ margin: 0 0 10px; }
	.linksection > a ul.logo3	{ flex-wrap: wrap; align-items: center; }
	.linksection > a ul li	{ margin: 0 0 20px; }
	.linksection > a ul.logo3 li	{ width: 50%; padding: 0; }
	.linksection > a ul.logo3 li:nth-child(2)	{ padding: 0 0 0 30px; }
	.linksection > a p	{ font-size:13px; text-align: left; margin: 0 0 20px; }
	.linksection.new > a p	{ font-size:13px; text-align: left; margin: 0 0 20px; }
	.linksection > a p br	{ display: none; }
	.linksection > a b	{ height: auto; padding: 15px 0; font-size:14px; }
	.linksection > a.link01::after, 
	.linksection > a.link02::after, 
	.linksection > a.link03::after	{ opacity: .15; }
}

/* ------------ ITEM ------------- */
.itemset	{ width: 100%; max-width: 1000px; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; margin: 0 auto 20px; }
.itemsetimg	{ width: calc(50% - 40px); position: relative; }
.itemset .itemsetimg p.number {font-size: 84px; line-height: 1; font-weight: 200; position: absolute; top: -40px; left: -32px; z-index: 10; color: #000; transition: all 0s; }
.itemset.reflect .itemsetimg p.number { font-size: 84px; line-height: 1; font-weight: 200; position: absolute; top: -40px; left: auto; right: -32px; z-index: 10;  color: #000; transition: all 0s; }
.itemsettxt	{ width: 50%; }
.reflect .itemsetimg	{ order: 2; }
.reflect .itemsettxt	{ order: 1; }
.itemsettxt h4	{ font-size: 36px; line-height: 1.2; margin: 0 0 20px; }
.itemsettxt strong	{ display: block; font-size: 24px; line-height: 1.4; font-weight: 400; margin: 0 0 20px; }
.itemsettxt p	{ font-size: 15px; line-height: 1.8; margin: 0 0 10px; }
.itemsettxt p.price	{ font-size: 17px; }
.itemsettxt p a	{ display: inline-block; position: relative; font-size: 18px; line-height: 1; text-decoration: none; padding: 0; margin: 0 0 10px; border-bottom: 1px solid #000; transition: all .3s; }
/* 
.itemsettxt p a::before	{ content:""; display: inline-block; width: 7px; height: 7px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); position: absolute; right: 0; top: 25%; }
.itemsettxt p a::after	{ content:""; display: inline-block; width: 7px; height: 7px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); position: absolute; right: 6px; top: 25%; }
 */
@media (min-width: 768px) {
	.itemsettxt p a:hover	{ border-bottom: 1px solid #fff; }
}
@media (max-width: 767px) {
	.itemset	{ flex-wrap: wrap; margin: 0 auto 30px; }
	.itemsetimg	{ width: 100%; padding: 0; }
	.itemset .itemsetimg p.number { left:10px; }
	.itemset.reflect .itemsetimg p.number { right: 10px; }
	.itemsettxt	{ width: 100%; padding: 0; }
	.reflect .itemsetimg	{ order: 1; }
	.reflect .itemsettxt	{ order: 2; }
	.itemsettxt h4	{ font-size: 28px; padding: 10px 0 0; margin: 0 0 10px; }
	.itemsettxt strong	{ font-size: 18px; line-height: 1.4; font-weight: 400; margin: 0; padding: 20px 0 0; }
	.itemsettxt p	{ font-size: 13px; }
	.itemsettxt p.price	{ font-size: 15px; }
}

/* ------------ SLICK ------------- */
.slick-dotted.slick-slider { margin-bottom: 40px; }
.slick-dots	{ bottom: -30px; }
.slick-dots li button:before	{ font-size: 14px; }
.slick-prev:before, 
.slick-next:before	{ display: none; }
.slick-prev, 
.slick-next	{ position: absolute; z-index: 3; top: 50%; cursor: pointer; outline: none; border-top: 2px solid #eee; border-right: 2px solid #eee; height: 15px; width: 15px; }
.slick-prev	{ left:10px; transform: rotate(-135deg); }
.slick-next	{ right:10px; transform: rotate(45deg); }
.slick-disabled	{ opacity: 0; }


.thumbnail .slick-track	{ display: -webkit-flex; display: flex; width: 100%!important; }
.thumbnail .slick-track::before	{ display: none!important; }
.thumbnail .slick-track::after	{ display: none!important; }
.thumbnail .slick-track > *	{ width: calc(20% - 5px)!important; margin: 5px 5px 0 0; cursor: pointer; }
.thumbnail .slick-slide	{ opacity: .5; }
.thumbnail .slick-slide.slick-current	{ opacity: 1; }




/* ------------ BLOCK ------------- */
@media (max-width: 767.9px)	{ .pconly { display: none!important; } }
@media (min-width: 768px)	{ .pconly { display: inline-block; } }
@media (max-width: 767.9px)	{ .sponly { display: inline-block; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }