@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');
#site_body { overflow-x: visible!important; }
.fixed-sp	{ z-index: -1; }
header.store_header_wrap.fixed-sp	{ z-index: 150; }
@media (max-width: 1000px) {
	#site_body { overflow-x: visible!important; }
	.result_suggest_title .result_suggest_list { margin: 0 -1.5rem!important; }
}
.search_feature.active, 
.search_styling.active, 
.result_suggest	{ background-color: #fff; position: relative; z-index: 2; }
.search_box	{ z-index: 3; }
.header_caution { height: 48px; }
#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; }
.pi_description	{ background-color: transparent!important; }
@media (max-width: 1000px) {
    .result_suggest_title .result_suggest_list { margin: 0 -1.5rem 0!important; }
}
@media (min-width: 768px)	{
	.result_suggest_title .result_suggest_list { margin: 0 -1.5rem 0; }
}
.section_main	{ background-color: transparent; }
.seach_sort_wrapper,
.search_contents,
.bread	{ background-color: #fff; }
.seach_sort_wrapper,
.search_contents,
.bread,
.store_footer	{ position: relative; z-index: 2; }
.result_suggest	{ margin: 0; }
.pi_description	{ padding: 0!important; background-color: #fff; }
.pi_lgzformat	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 0; letter-spacing:0; position: relative; }
.pi_lgzformat div	{ letter-spacing: 0; }
.pi_lgzformat *	{ color:#000; letter-spacing: 0; font-family:'小塚ゴシック Pro','Kozuka Gothic Pro',游ゴシック,YuGothic,Hiragino Sans,Meiryo,sans-serif; font-weight: 400; font-style: normal; font-size:14px; line-height:1.75; letter-spacing:.05em; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased; font-feature-settings: normal; }
.pi_lgzformat .en { font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-variation-settings: "wdth" 100; }
.pi_lgzformat .justify	{ text-align:justify; word-break:break-all; text-justify:inter-ideograph; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; }
.pi_lgzformat video, 
.pi_lgzformat img, 
.pi_lgzformat picture	{ width: 100%; vertical-align: bottom; line-height: 1; }
.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 .small {font-size:80%;}
.pi_lgzformat .center-text	{ text-align: center; }
.pi_lgzformat_inner	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #ffffff; z-index: 2; position: relative; overflow: visible; }
.pi_lgzformat_inner.columnbgcl	{ background-color: #d9e3e6; }
.contanc	{ width: 100%; height: 0px; transform: translateY(-48px); }

/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; }
.scrollIn.active	{ animation: fadein 1.8s both; }
.scrollActive	{ opacity: 0; }
.scrollActive.active	{ animation: fadein 1.8s both; }
@keyframes fadein	{ 
	from	{ opacity: 0; transform: translateY(0px); transition: 2s cubic-bezier(.24,.155,.275,.945); }
	to	{ opacity: 1; transform: translateY(0); transition: 2s cubic-bezier(.24,.155,.275,.945); }
}

/* ------------ MAIN AREA ------------- */
.mainarea-wrapper	{ width: 100%; margin: 0; background-color: #bbbbbb; padding:; position: relative; }
@media (max-width: 767.9px)	{ 

}

/* ------------ INTRODUCTION ------------- */
.introduction-wrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-color: #bbbbbb; margin: 0; padding: 107px 14.86% 74px; }
.introduction-inner	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; position: relative; }
.introduction-inner > h1	{ font-size: 3.66vw; line-height: 1; font-weight: 900; letter-spacing: 0; margin: 0 0 10px; }
.introduction-inner > strong	{ font-size: 2.4vw; line-height: 1; font-weight: 900; letter-spacing: 0; margin: 0 0 64px; }
.introduction-inner > h2	{ color:#e1eb34; font-size: 1.53vw; line-height: 1; font-weight: 600; margin: 0 0 17px; }
.introduction-inner > p	{ font-size: 1.09vw; line-height: 2; margin: 0; }
.intrologo	{ position: absolute; top: -10px; right: 0; width: 11.77%; line-height: 1; }
@media (min-width: 768px)	{ 
	.introduction-inner > h1 br, 
	.introduction-inner > h2 br	{ display: none; }
}
@media (max-width: 767.9px)	{ 
	.introduction-wrapper	{ padding: 50px 0 34px; }
	.introduction-inner	{ justify-content: center; align-items: center; }
	.introduction-inner > h1	{ font-size: 10.4vw; text-align: center; line-height: 1; margin: 0 0 10px; }
	.introduction-inner > strong	{ font-size: 6.875vw; margin: 0 0 30px; }
	.introduction-inner > h2	{ font-size: 4.375vw; line-height: 1.3; margin: 0 0 17px; text-align: center; }
	.introduction-inner > p	{ font-size: 3.125vw; margin: 0; padding: 0 8.53%; }
	.intrologo	{ position: static; top: auto; right: auto; width: 23.46%; margin: 0 0 38px; }
}
@media (max-width: 374px)	{ 
}

/* ------------ MOVIE ------------- */
.movie-wrapper	{ width: 100%; position: relative; padding: 0 11.27%; background-color: #000; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.movie-wrapper > h3	{ width: 100%; height: 100px; padding: 0 4.6%; color:#e1eb34; font-size: 2.41vw; line-height: 100px; font-weight: 900; }
.movie-wrapper > p	{ width: 50%; height: 100px; padding: 0 4.72%; color:#e1eb34; font-size: 1.57vw; line-height: 100px; font-weight: 600; }
.movie-wrapper > p.ttle	{ text-align: left; }
.movie-wrapper > p.credit	{ text-align: right; }
.main-movie	{ width: 100%; position: relative; width: 100%; margin: 0; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.main-movie *	{ margin: 0; padding: 0; }
.main-movie iframe	{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; border: none; }
@media (max-width: 767.9px) {
	.movie-wrapper	{ padding: 0 2.4%; }
	.movie-wrapper > h3	{ display: none; }
	.movie-wrapper > p	{ width: 100%; height: 80px; font-size: 4.375vw; }
	.movie-wrapper > p.ttle	{ order: 1; text-align: center; line-height: 90px; }
	.movie-wrapper > p.credit	{ order: 3; text-align: center; line-height: 70px; }
	.main-movie	{ order: 2; }
}

/* ------------ ITEM AREA ------------- */
.itemarea-wrapper	{ width: 100%; display: -webkit-flex; display: flex; position: relative; flex-direction: column; background-color: #fff; margin: 0 0 200px; }
.itemarea-wrapper > h3	{ width: 100%; height: 100px; padding: 0 14.86%; font-size: 2.415vw; line-height: 100px; font-weight: 900; letter-spacing: 0; }
.itemimg-3col	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column;  }
.itemslider-3col	{ display: -webkit-flex; display: flex; }
.itemslider-3col > div.col2	{ width: 50%; line-height: 1; }
.itemslider-3col > div.col3	{ width: calc(100% / 3); line-height: 1; }
@media (max-width: 767.9px) {
	.itemslider-3col > div	{ width: 100%; }
}
.itemarea-inner	{ width: 100%; display: -webkit-flex; display: flex; position: relative; padding: 100px 0; background-color: #fff; }
.item-in-img	{ width: 50%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.item-in-txt	{ width: 50%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.item-in-img-inner	{ width: 100%; display: block; padding: 0 6.29% 0 29.72%; }
.item-in-txt-inner	{ width: 100%; padding: 0 11.71%; display: -webkit-flex; display: flex; flex-direction: column; }
.item-in-txt-inner h4	{ color:#e1eb34; font-size: 2.635vw; line-height: 1; font-weight: 900; letter-spacing: 0; margin: 0 0 70px; }
.item-in-txt-inner p	{ width: 76.92%; font-size: 1.085vw; line-height: 1.75; font-weight: 600; letter-spacing: .025em; margin: 0 0 70px; }
.item-in-txt-inner ul	{ width: 76.92%; display: -webkit-flex; display: flex; align-items: flex-end; justify-content: space-between; list-style: none; }
.item-in-txt-inner ul li	{ font-size: 1.17vw; }
.item-in-txt-inner ul li:first-child	{ display: -webkit-flex; display: flex; align-items: flex-end; line-height: 1; }
.item-in-txt-inner ul li > b	{ font-size: 1.317vw; font-weight: 600; line-height: 1.4; }
.item-in-txt-inner ul li > span	{ font-size: 0.87vw; font-weight: 400; line-height: 1.8; }
.item-in-txt-inner ul li a	{ font-size: 1.17vw; font-weight: 400; text-decoration: underline; font-family: inherit; }
@media (max-width: 767.9px)	{ 
	.itemarea-wrapper	{ width: 100%; display: -webkit-flex; display: flex; position: relative; flex-direction: column; background-color: #fff; margin: 0 0 100px; }
	.itemarea-wrapper > h3	{ height: 78px; padding: 0; font-size: 6.97vw; line-height: 82px; text-align: center; }
	.itemarea-inner	{ padding: 62px 2.66%; flex-direction: column; }
	.item-in-img	{ width: 100%; }
	.item-in-txt	{ width: 100%; }
	.item-in-img-inner	{ padding: 0; }
	.item-in-txt-inner	{ padding: 36px 0 0; }
	.item-in-txt-inner h4	{ font-size: 7.6vw; text-align: center; margin: 0 0 36px; }
	.item-in-txt-inner p	{ width: 100%; font-size: 3.17vw; padding: 0 5.3% 50px; margin: 0; }
	.item-in-txt-inner ul	{ width: 100%; padding: 0 5.3%; }
	.item-in-txt-inner ul li	{ font-size: 3.38vw; }
	.item-in-txt-inner ul li > b	{ font-size: 3.8vw; line-height: 1.4; }
	.item-in-txt-inner ul li > span	{ font-size: 2.53vw; line-height: 1.8; }
	.item-in-txt-inner ul li a	{ font-size: 3.38vw; }
}
.btmarea-wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; padding: 100px 12.2% 190px; background-color: #bbbbbb; }
.btmarea-inner	{ width: 100%;display: -webkit-flex; display: flex; flex-direction: column; }
.btmarea-img	{ display: -webkit-flex; display: flex; line-height: 1; width: 100%; margin: 0 0 78px; }
.btmarea-img a	{ width: 100%; transition: all .3s; }
.btmarea-txt	{ padding: 0 3.8%; display: -webkit-flex; display: flex; flex-direction: column; }
.btmarea-txt > h3	{ font-size: 3.66vw; line-height: 1; font-weight: 900; letter-spacing: 0; margin: 0 0 15px; }
.btmarea-txt > h4	{ font-size: 2.415vw; line-height: 1; font-weight: 900; letter-spacing: 0; margin: 0 0 50px; }
.btmarea-txt > strong	{ color:#e1eb34; font-size: 1.53vw; line-height: 1.23; font-weight: 600; margin: 0 0 20px; }
.btmarea-txt > p	{ font-size: 1.098vw; font-weight: 400; line-height: 1.666; }
@media (min-width: 768px)	{ 
	.btmarea-img a:hover	{ opacity: .7; }
}
@media (max-width: 767.9px)	{ 
	.btmarea-wrapper	{ padding: 0 0 70px; }
	.btmarea-img	{ padding: 20px 0; margin: 0 0 55px; background-color: #e1eb34; }
	.btmarea-txt	{ padding: 0 8.8%; align-items: center; justify-content: center; }
	.btmarea-txt > h3	{ font-size: 10.41vw; margin: 0 0 14px; }
	.btmarea-txt > h4	{ font-size: 6.87vw; margin: 0 0 24px; }
	.btmarea-txt > strong	{ font-size: 4.375vw; text-align: center; margin: 0 0 40px; }
	.btmarea-txt > p	{ font-size: 3.125vw; line-height: 2; }
}


/* ------------ SLICK ------------- */
.slick-dots	{ bottom: 10px; display: -webkit-flex; display: flex!important; justify-content: center; width: 100%; left: 0; }
.slick-dots li	{ padding: 0; margin: 0; position: relative; width: 18px; height: 18px; z-index: 2; }
.slick-dots li::after	{ content:""; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; background-color: #000; border: 1px solid #fff; border-radius: 10px; z-index: 1; }
.slick-dots li.slick-active::after	{ background-color: #e1eb34; border: 1px solid #e1eb34; }
.slick-dots li > button	{ display: none; }
.slick-dotted.slick-slider	{ margin-bottom: 0!important; }
.itemslider-4col	{ position: relative; }
.itemslider-4col .slide-arrow	{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.itemslider-2col	{ position: relative; }
.itemslider-2col .slide-arrow	{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.middleslider	{ position: relative; }
.middleslider .slide-arrow	{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.slide-arrow	{ width: 56px; height: 56px; border-radius: 56px; background-color: #000; cursor: pointer; z-index: 1; display: -webkit-flex; display: flex; align-items: center; justify-content: center; transition: all .3s; }
.slide-arrow > span	{ display: inline-block; position: relative; width: 9.8px; height: 17.8px; }
.slide-arrow > span::before,
.slide-arrow > span::after	{ content: ""; position: absolute; top: calc(50% - 0.5px); right: 0; width: 14px; height: 2px; border-radius: 99px; background-color: #e1eb34; transform-origin: calc(100% - 0.5px) 50%; }
.slide-arrow > span::before	{ transform: rotate(55deg); }
.slide-arrow > span::after	{ transform: rotate(-55deg); }
.slide-arrow.prev-arrow	{ left: 7.46%; transform: rotate(180deg) translateY(50%); }
.slide-arrow.next-arrow	{ right: 7.46%; }
.itemslider-2col .slide-arrow.prev-arrow	{ left: -24px; }
.itemslider-2col .slide-arrow.next-arrow	{ right: -24px; }
@media (min-width: 768px)	{ 
	.slick-dots	{ bottom: 20px; }
	.slick-dots li	{ width: 26px; height: 28px; }
	.slick-dots li::after	{ content:""; position: absolute; top: 8px; left: 7px; width: 12px; height: 12px; border-radius: 12px; }
	.slide-arrow:hover	{ background-color: #444; }
	.itemslider-2col .slick-dots	{ bottom: -38px; justify-content: flex-start; }
	.itemslider-2col .slick-dots li::after	{ border: 1px solid #000; }
	.itemslider-2col .slick-dots li.slick-active::after	{ border: 1px solid #e1eb34; }
}


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