@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: "fot-tsukubrdgothic-std", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size:20px;
font-weight: 600;
letter-spacing: 0.1em;
text-align:left;
color:#fff;
background: url("../images/bg.jpg") center center fixed;
background-size: 960px;
min-width:1080px;
}
@media screen and (max-width:768px){
html,body{ font-size:4vw; min-width:240px; max-width:768px;}
}

/*img*/
img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{margin:0 auto; text-align:center;}

/*youtube*/
.youtube{ position:relative; width:100%; padding-top:56.25% !important;}
.youtube iframe{ position: absolute; top:0; right:0; width:100% !important; height:100% !important;}

/*txt*/
p{ line-height:2em; margin:0 0 1em; padding:0;}
@media screen and (max-width:768px){
p{ line-height: 1.75em;}
}
p:last-child{ margin:0;}
strong{ font-weight:bold;}
.bold { font-weight:bold;}
.normal{ font-weight:normal;}
.under_line{ text-decoration:underline;}
.line_through{ text-decoration:line-through;}

.white{ color:#fff;}
.black{ color:#333;}
.gy{ color:#aaa;}
.red{ color:#c83232;}
.blue{ color:#326496;}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

/*link*/
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa{ transition: opacity 0.3s;}
.opa:hover{ opacity: 0.7;}



/*ヘッダー*/
header{ margin-top: 40px; position: relative; z-index: 1;}
header:before{ content: ""; width: 320px; height: 960px; background: url("../images/fv_ico_l.png") left top no-repeat; background-size: cover; position: absolute; left: 0; top: -20px; z-index: -1;}
header:after{ content: ""; width: 320px; height: 960px; background: url("../images/fv_ico_r.png") left top no-repeat; background-size: cover; position: absolute; right: 0; top: -20px; z-index: -1;}
header h1{ text-align: center;}
header #fv_img{ position: relative;}
header #fv_img figure.img img{ position: relative; left: 10px;}
header #fv_img figure.logo{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
header #fv_schedule dl{ display: flex; align-items: center; justify-content: center; margin-top: 20px;}
header #fv_schedule dl dt{ background: linear-gradient(to bottom,  rgba(197,152,52,1) 0%,rgba(241,223,188,1) 100%); padding: 4px;}
header #fv_schedule dl dt strong{ display: block; text-align: center; width: 560px; padding: 0.33em 0.5em 0.5em; background: linear-gradient(to bottom,  rgba(241,223,188,1) 0%,rgba(197,152,52,1) 100%); color: #191919; font-size: 1.6rem; line-height: 1em;}
header #fv_schedule dl dd{ font-size: 2.1rem; line-height: 1em; margin-left: 0.5em;}
header #fv_schedule dl:nth-child(2) dt{ background: linear-gradient(to bottom,  rgba(195,195,195,1) 0%,rgba(245,245,245,1) 100%);}
header #fv_schedule dl:nth-child(2) dt strong{ background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(195,195,195,1) 100%);}
@media screen and (max-width:768px){
header{ margin-top: 10%;}
header:before{ width: 33.33vw; height: 100vw; top: -10vw; left: -12.5vw;}
header:after{ width: 33.33vw; height: 100vw; top: -10vw; right: -12.5vw;}
header h1 img{ width: 92.5%;}
header #fv_img figure img{ left: 1.25vw;}
header #fv_img figure.logo{ width: 33.33vw;}
header #fv_schedule dl{ width: 92.5%; margin: auto; display: block; margin-top: 7.5%;}
header #fv_schedule dl:first-child{ margin-top: 3.75%;}
header #fv_schedule dl dt{ padding: 1.25vw;}
header #fv_schedule dl dt strong{ width: 100%; font-size: 1.33rem; line-height: 1em; letter-spacing: 0; padding: 0.33em 0 0.5em;}
header #fv_schedule dl dd{ text-align: center; font-size: 1.66rem; margin: 2.5% 0 0;}
}

/*フッター*/
footer{ margin-top: 60px; padding-bottom: 40px;}
footer .message{ margin: 0 auto 80px; text-align: center; width: 1080px; position: relative;}
footer .message p{ font-size: 1.6rem;}
footer ul.sns{ display: flex; align-items: center; justify-content: center; padding: 0;}
footer ul.sns li{ margin: 0 20px;}
footer ul.sns li i{ font-size: 2.4rem;}
footer ul.foot_link{ padding: 0; margin: 40px auto; display: flex; align-items: center; justify-content: center;}
footer ul.foot_link li{ font-size: 0.8rem; line-height: 1em;}
footer ul.foot_link li:after{ content: "|"; margin: 0 1em;}
footer ul.foot_link li:first-child:before{ content: "|"; margin: 0 1em;}
footer ul.foot_link li a:hover{ text-decoration: underline;}
footer p.copyright{ margin-top: 40px; font-size: 0.6rem; text-align: center;}
@media screen and (max-width:768px){
footer{ margin-top: 0%; padding-bottom: 10%;}
footer .message{ margin: 0 auto 10%; width: 92.5%;}
footer .message p{ font-size: 1.2rem;}
footer ul.sns li{ margin: 0 2.5%;}
footer ul.sns li i{ font-size: 2rem;}
footer ul.foot_link{ margin: 5% auto; flex-wrap: wrap; border-top: 1px solid #191919;}
footer ul.foot_link li{ width: calc(50% - 1em); margin: 0.5em; font-size: 0.8rem; line-height: 1.5em; text-align: center;}
footer ul.foot_link li:after{ display: none;}
footer ul.foot_link li:first-child:before{ display: none;}
footer p.copyright{ margin-top: 10%;}
}

/*メイン*/
#wrapper{ overflow: hidden;}
#content{ overflow:hidden;}
section{ width:100%; margin:0 auto;}
.maincontent{ padding:0; margin:0 auto; width:1080px; position: relative; z-index: 1;}
@media screen and (max-width:768px){
.maincontent{ padding:0; margin:0 auto; width:92.5%;}
}

/*tit*/
h1,h2,h3,h4,h5,h6{ line-height: 1.25em; letter-spacing: 0.1em;}
@media screen and (max-width:768px){
}



/*lead*/
#lead{ margin-top: 180px;}
#lead .maincontent{ position: relative;}
#lead .maincontent:before{ content: ""; width: 720px; height: 720px; background: url("../images/lead_ico_r.png") center center no-repeat; background-size: cover; position: absolute; right: calc(-420px - 360px); top: 0;}
#lead .maincontent:after{ content: ""; width: 480px; height: 480px; background: url("../images/lead_ico_l.png") center center no-repeat; background-size: cover; position: absolute; left: calc(-420px - 240px); bottom: 0;}
#lead h2{ text-align: center; font-size: 4.8rem; margin-bottom: 40px; overflow: hidden;}
#lead h2 strong{ position: relative;}
#lead h2 strong:before{ content: ""; width: 480px; height: 4px; background: #fff; position: absolute; left: -480px; top: 50%;}
#lead h2 strong:after{ content: ""; width: 480px; height: 4px; background: #fff; position: absolute; right: -480px; top: 50%;}
#lead p{ text-align: center; font-size: 1.6rem;}
@media screen and (max-width:768px){
#lead{ margin-top: 25%;}
#lead .maincontent:before{ width: 25vw; height: 25vw; right: calc(-3.75vw - 12.5vw); top: -12.5vw;}
#lead .maincontent:after{ width: 15vw; height: 15vw; left: calc(-3.75vw - 7.5vw); bottom: -12.5vw;}
#lead h2{ font-size: 2.4rem; margin-bottom: 7.5%;}
#lead h2 strong:before,
#lead h2 strong:after{ display: none;}
#lead h2 strong:before{ width: 50vw; height: 4px; left: -50vw;}
#lead h2 strong:after{ width: 50vw; height: 4px; right: -50vw;}
#lead p{ text-align: justify; font-size: 1rem;}
}



/*about*/
#about{ margin-top: 180px;}
#about .maincontent{ position: relative;}
#about .maincontent:before{ content: ""; width: 200px; height: 680px; background: url("../images/about_ico_l.png") center center no-repeat; background-size: cover; position: absolute; left: -200px; top: 50%; transform: translateY(-50%);}
#about .maincontent:after{ content: ""; width: 200px; height: 680px; background: url("../images/about_ico_r.png") center center no-repeat; background-size: cover; position: absolute; right: -200px; top: 50%; transform: translateY(-50%);}
#about h2{ text-align: center; font-size: 3.2rem; border-bottom: 2px solid #fff; padding-bottom: 0.5em; margin-bottom: 40px;}
#about dl{ display: flex; justify-content: space-between;}
#about dl dt{ width: 480px;}
#about dl dt p{ font-size: 1.2rem; letter-spacing: 0; text-align: justify; margin-bottom: 0;}
#about dl dt p.txt_link{ margin-top: 0.5em;}
#about dl dt p a{ text-decoration: underline;}
#about dl dt p a i{ margin-right: 0.5em;}
#about dl dt p a:hover{ text-decoration: none;}
#about dl dd{ width: 540px; padding: 20px 0;}
#about dl dd ul{ display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
#about dl dd ul li{ display: flex; align-items: center; margin: 0;}
#about dl dd ul li span.ico{ width: 48px; line-height: 0; margin-right: 16px;}
#about dl dd ul li span.num{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #fff; color: #000; font-size: 1rem; margin-right: 12px;}
#about dl dd ul li p{ font-size: 1.5rem; line-height: 1em; letter-spacing: 0;}
@media screen and (max-width:768px){
#about{ margin-top: 25%;}
#about .maincontent:before{ width: 20vw; height: 68vw; left: -15vw; top: auto; bottom: 7.5vw; transform: none;}
#about .maincontent:after{width: 20vw; height: 68vw; right: -15vw; top: 7.5vw; transform: none;}
#about h2{ font-size: 2.4rem; margin-bottom: 5%;}
#about dl{ display: block;}
#about dl dt{ width: 92.5%; margin: auto;}
#about dl dt p{ font-size: 1rem;}
#about dl dd{ display: flex; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 5% auto 0;}
#about dl dd ul{ justify-content: center;}
#about dl dd ul li{ margin-top: 3.75%;}
#about dl dd ul li span.ico{ width: 8.75vw; margin-right: 1.875vw;}
#about dl dd ul li span.num{ width: 7.5vw; height: 7.5vw; font-size: 0.8rem; margin-right: 1.875vw;}
#about dl dd ul li p{ font-size: 1.2rem;}
}



/*schedule*/
#schedule{ margin-top: 180px;}
#schedule .maincontent{ background: rgba(255,255,255,0.9); color: #191919; border-radius: 20px; padding: 40px; position: relative;}
#schedule .maincontent figure.ico01{ position: absolute; right: 40px; top: 40px; width: 126px; margin: 0;}
#schedule .maincontent figure.ico02{ position: absolute; right: 40px; bottom: 140px; width: 240px; margin: 0;}
#schedule h3{ font-size: 1.8rem; margin-bottom: 20px;}
#schedule h3.mt40{ margin-top: 40px;}
#schedule h3 i{ margin-right: 0.25em;}
#schedule h4{ font-size: 1.4rem; margin-bottom: 20px;}
#schedule h4.mt40{ margin-top: 40px;}
#schedule h4 i{ margin-right: 0.25em;}
#schedule p{ margin-left: 54px; text-align: justify;}
#schedule p a{ text-decoration: underline;}
#schedule p a:hover{ text-decoration: none;}
#schedule dl{ display: flex; flex-wrap: wrap; align-items: center; font-weight: bold; font-size: 1.4rem; line-height: 1.5em; border-bottom: 2px dotted #191919; padding: 0.5em; margin: 0 54px;}
#schedule dl.first{ padding-top: 0;}
#schedule dl.last{ padding-bottom: 0; border: none;}
#schedule dl dt{ border-right: 1px solid #191919; width: 15.5em; margin: 0.25em 0;}
#schedule dl dt i{ margin-right: 0.5em; font-size: 80%;}
#schedule dl dd{ width: calc(100% - 15.5em); padding-left: 1em; margin: 0.25em 0;}
#schedule ul.att{ font-size: 0.8rem; margin-left: 42px;}
#schedule ul.att li{ padding-left: 1.25em; line-height: 1.5em; margin-top: 0.5em; position: relative;}
#schedule ul.att li:before{ content: "※"; position: absolute; left: 0; top: 0;}
#schedule ul.att li a{ text-decoration: underline;}
#schedule ul.att li a:hover{ text-decoration: none;}
@media screen and (max-width:768px){
#schedule{ margin-top: 25%;}
#schedule .maincontent{ border-radius: 2.5vw; padding: 7.5% 3.75%;}
#schedule .maincontent figure.ico01{ position: absolute; right: 5vw; top: -5vw; width: 12.5vw;}
#schedule .maincontent figure.ico02{ position: absolute; right: -3.75vw; bottom: -7.5vw; width: 20vw; transform: rotate(15deg);}
#schedule h3{ font-size: 1.4rem; margin-bottom: 2.5%;}
#schedule h3.mt40{ margin-top: 7.5%;}
#schedule h4{ font-size: 1.2rem; margin-bottom: 2.5%;}
#schedule h4.mt40{ margin-top: 7.5%;}
#schedule p{ margin-left: 0; font-size: 0.9rem;}
#schedule dl{ display: block; font-size: 1.2rem; border-bottom: 1px solid #191919; padding: 0.5em; margin: 0;}
#schedule dl.first{ margin-top: 1em; padding: 0.5em; border-top: 1px solid #191919;}
#schedule dl.last{ padding: 0.5em; border-bottom: 1px solid #191919;}
#schedule dl dt{ width: 100%; margin: 0; padding: 0.25em; border: none; border-bottom: 1px dotted #191919; font-size: 1.25rem;}
#schedule dl dt i{ margin-right: 0.5em;}
#schedule dl dd{ width: 100%; margin: 0; padding: 0.25em 0.25em 0.25em 2em; font-size: 1rem;}
#schedule ul.att{ font-size: 0.7rem; margin: 0;}
}



/*lineup*/
#lineup{ margin-top: 180px; position: relative;}
#lineup:before{ content: ""; width: 360px; height: 1080px; background: url("../images/lineup_ico_l.png") center center no-repeat; background-size: cover; position: absolute; left: 0; bottom: 0;}
#lineup:after{ content: ""; width: 360px; height: 1080px; background: url("../images/lineup_ico_r.png") center center no-repeat; background-size: cover; position: absolute; right: 0; top: 0;}
#lineup h2{ text-align: center; font-size: 3.6rem; margin-bottom: 40px; overflow: hidden;}
#lineup h2 strong{ position: relative;}
#lineup h2 strong:before{ content: ""; width: 480px; height: 4px; background: #fff; position: absolute; left: -500px; top: 50%;}
#lineup h2 strong:after{ content: ""; width: 480px; height: 4px; background: #fff; position: absolute; right: -500px; top: 50%;}
#lineup ul{ display: flex; flex-wrap: wrap; width: calc(100% + 40px); margin: -20px 0 -20px -20px;}
#lineup ul li{ width: calc(33.33% - 40px); margin: 20px; background: #fff; box-shadow:rgba(0, 0, 0, 1) 0 0 5px 2px; border: 1px solid #fff;}
#lineup ul li h3{ text-align: center; background: #000; color: #fff; font-size: 0.9rem; line-height: 1em; padding: 0.75em 0;}
#lineup ul li figure{ display: flex; align-items: center; justify-content: center; width: 100%; height: 240px;}
#lineup ul li a{ display: flex; align-items: center; justify-content: center; background: #c59834; color: #fff; font-size: 1.2rem; line-height: 1em; padding: 0.5em 0 0.5em 0.5em; position: relative; z-index: 1; transition: 0.3s;}
#lineup ul li a:hover{ opacity: 0.7;}
#lineup ul li a:after{ content: ""; width: 100%; height: 50%; background: rgba(255,255,255,0.2); position: absolute; left: 0; top: 0; z-index: -1;}
#lineup ul li a i{ font-size: 75%; margin-left: 0.75em; position: relative; top: 0.125em;}
@media screen and (max-width:768px){
#lineup{ margin-top: 25%;}
#lineup:before{ width: 36vw; height: 108vw; left: 0; bottom: 0;}
#lineup:after{ width: 36vw; height: 108vw; right: 0; top: 0;}
#lineup h2{ font-size: 2rem; letter-spacing: 0.05em; margin-bottom: 5%;}
#lineup h2 strong:before{ width: 50vw; left: -52.5vw;}
#lineup h2 strong:after{ width: 50vw; right: -52.5vw;}
#lineup ul{ justify-content: center; width: calc(100% + 5vw); margin: -2.5vw 0 -2.5vw -2.5vw;}
#lineup ul li{ width: calc(50% - 5vw); margin: 2.5vw;}
#lineup ul li h3{ font-size: 0.9rem; line-height: 1.25em; padding: 0.5em 0;}
#lineup ul li figure{ height: 33.33vw;}
#lineup ul li figure img{ width: 33.33vw;}
#lineup ul li a{ font-size: 1rem;}
}



/*lineup_detail*/
.lineup_sec{ margin: 120px auto; padding: 120px 0; position: relative; z-index: 1;}
.lineup_sec:before{ content: ""; width: 1200px; height: 800px; background: url("../images/lineup_bg.png") center center no-repeat; background-size: 1200px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: -1; opacity: 0.3;}
.lineup_sec:nth-child(2n):before{ background: url("../images/lineup_bg2.png") center center no-repeat; background-size: 1200px;}
.lineup_sec .maincontent{ display: flex; align-items: center; justify-content: space-between; position: relative;}
.lineup_sec .maincontent:after{ content: ""; width: 720px; height: 720px; background: url("../images/fv/01.png") center center no-repeat; background-size: 100%; position: absolute; left: calc(-210px - 360px); top: -180px; filter: blur(2px); opacity: 0.9; z-index: -1;}
.lineup_sec:nth-child(2n) .maincontent{ flex-direction: row-reverse;}
.lineup_sec:nth-child(2n) .maincontent:after{ left: auto; right: calc(-210px - 360px); top: -120px;}
.lineup_sec#lineup01 .maincontent:after{ background: url("../images/fv/01.png") center center no-repeat; background-size: 100%;}
.lineup_sec#lineup02 .maincontent:after{ background: url("../images/fv/02.png") center center no-repeat; background-size: 100%;}
.lineup_sec#lineup03 .maincontent:after{ background: url("../images/fv/03.png") center center no-repeat; background-size: 100%;}
.lineup_sec#lineup04 .maincontent:after{ background: url("../images/fv/04.png") center center no-repeat; background-size: 100%;}
.lineup_sec#lineup05 .maincontent:after{ background: url("../images/fv/05.png") center center no-repeat; background-size: 100%;}
.lineup_sec#lineup06 .maincontent:after{ background: url("../images/fv/06.png") center center no-repeat; background-size: 100%;}
.lineup_sec#lineup07 .maincontent:after{ background: url("../images/fv/07.png") center center no-repeat; background-size: 100%;}
.lineup_sec#lineup08 .maincontent:after{ background: url("../images/fv/08.png") center center no-repeat; background-size: 100%;}
.lineup_sec#lineup09 .maincontent:after{ background: url("../images/fv/09.png") center center no-repeat; background-size: 100%;}
@media screen and (max-width:768px){
.lineup_sec{ margin: 12.5% auto; padding: 12.5% 0;}
.lineup_sec:before{ width: 150vw; height: 100vw; background-size: 150vw; transform: translateX(-50%) translateY(-50%) rotate(22.5deg);}
.lineup_sec:nth-child(2n):before{ background-size: 150vw; transform: translateX(-50%) translateY(-50%) rotate(-22.5deg);}
.lineup_sec .maincontent{ display: block;}
.lineup_sec .maincontent:after{ width: 75vw; height: 75vw; left: -37.5vw; top: -30vw;}
.lineup_sec:nth-child(2n) .maincontent:after{ right: -37.5vw; top: -30vw;}
}

.lineup_sec .lineup_detail{ width: 560px;}
.lineup_sec .lineup_detail h3{ text-align: center; font-size: 2.4rem; border-bottom: 2px solid #fff; padding-bottom: 0.25em; margin-bottom: 0.125em; text-shadow: 2px 2px 5px rgba(0,0,0,0.3), -2px -2px 5px rgba(0,0,0,0.3), -2px 2px 5px rgba(0,0,0,0.3), 2px -2px 5px rgba(0,0,0,0.3);}
.lineup_sec .lineup_detail h4{ text-align: center; font-size: 1.6rem; margin-bottom: 40px; text-shadow: 2px 2px 5px rgba(0,0,0,0.3), -2px -2px 5px rgba(0,0,0,0.3), -2px 2px 5px rgba(0,0,0,0.3), 2px -2px 5px rgba(0,0,0,0.3);}
.lineup_sec .lineup_detail h5{ font-size: 1.2rem; line-height: 1.5em; background: #fff; color: #191919; padding: 0.5em; margin-bottom: 20px; box-shadow:rgba(0, 0, 0, 1) 0 0 5px 2px;}
.lineup_sec .lineup_detail p{ text-align: justify; font-size: 1.2rem; line-height: 1.5em; letter-spacing: 0; text-shadow: 2px 2px 5px rgba(0,0,0,0.3), -2px -2px 5px rgba(0,0,0,0.3), -2px 2px 5px rgba(0,0,0,0.3), 2px -2px 5px rgba(0,0,0,0.3);}
.lineup_sec .lineup_detail .price{ border-top: 1px solid #fff; display: flex; align-items: center; justify-content: space-between; padding-top: 20px; margin-top: 40px;}
.lineup_sec .lineup_detail .price p{ margin-bottom: 0; font-size: 1.2rem;}
.lineup_sec .lineup_detail .price p strong{ font-size: 1.6rem;}
.lineup_sec .lineup_detail .price p small{ font-size: 1rem;}
.lineup_sec .lineup_detail .price figure.cart_btn{ margin: 0;}
.lineup_sec .lineup_detail .price figure.cart_btn a{ display: flex; align-items: center; justify-content: center; width: 210px; height: 50px; font-size: 1.4rem; background: #c59834; color: #fff; position: relative; z-index: 1; box-shadow:rgba(0, 0, 0, 0.5) 0 0 5px 2px;}
.lineup_sec .lineup_detail .price figure.cart_btn a:after{ content: ""; width: 100%; height: 50%; background: rgba(255,255,255,0.2); position: absolute; left: 0; top: 0; z-index: -1;}
.lineup_sec .lineup_detail .price figure.cart_btn a i{ font-size: 75%; margin-right: 0.5em;}
@media screen and (max-width:768px){
.lineup_sec .lineup_detail{ width: 100%;}
.lineup_sec .lineup_detail h3{ font-size: 2rem;}
.lineup_sec .lineup_detail h4{ font-size: 1.25rem; margin-bottom: 7.5%;}
.lineup_sec .lineup_detail h5{ font-size: 1rem; margin-bottom: 3.75%;}
.lineup_sec .lineup_detail p{ font-size: 0.9rem;}
.lineup_sec .lineup_detail .price{ display: block; text-align: center; padding-top: 3.75%; margin-top: 7.5%;}
.lineup_sec .lineup_detail .price p{ text-align: center; font-size: 1.2rem;}
.lineup_sec .lineup_detail .price p strong{ font-size: 1.5rem;}
.lineup_sec .lineup_detail .price p small{ font-size: 1rem;}
.lineup_sec .lineup_detail .price figure.cart_btn{ margin: 3.75% auto 0;}
.lineup_sec .lineup_detail .price figure.cart_btn a{ width: 100%; height: 12.5vw; font-size: 1.5rem;}
}

.lineup_sec .lineup_slide{ width: 480px;}
.lineup_sec .lineup_slide img{ width: 100%; overflow: hidden; border: 8px solid #fff; box-shadow:rgba(0, 0, 0, 1) 0 0 5px 2px;}
.lineup_sec .lineup_slide .bx-wrapper .bx-pager{ bottom: -40px; line-height: 0;}
.lineup_sec .lineup_slide .bx-wrapper .bx-pager.bx-default-pager a{ background: #fff; width: 16px; height: 16px; margin: 0 8px;}
.lineup_sec .lineup_slide .bx-wrapper .bx-pager.bx-default-pager a.active { background: #c59834;}
@media screen and (max-width:768px){
.lineup_sec .lineup_slide{ width: 75%; margin: 7.5% auto 15%;}
.lineup_sec .lineup_slide img{ border: 1.25vw solid #fff;}
.lineup_sec .lineup_slide .bx-wrapper .bx-pager{ bottom: -5vw;}
.lineup_sec .lineup_slide .bx-wrapper .bx-pager.bx-default-pager a{ width: 2.5vw; height: 2.5vw; margin: 0 1.25vw;}
}





@media print, screen and (min-width:769px){
.smp{ display:none !important;}
}
@media screen and (max-width:768px){
.pc{ display:none !important;}
}