@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&display=swap');

/* OVER WRITE */
body#body-float{ background:#fff; color:#777; font-size: 10px; }
	body#body-float #wrapper { width: auto; padding-top:0px; }
	body#body-float .wrapInner { padding-top:50px; padding-bottom:150px; }
		#headcontainer{ background:#66C2D1;  }
		#pageSelect{ }

		#footercontainer{ background:#66C2D1 !important; font-size: 15px; }

body#body-float .langswitch-box .active { color: #000; }

.lu-ft-float { display:none;}

.sp-hide {}
.sp-show { display: none;}
@media screen and (max-width: 750px) {
body#body-float{ font-size: 9px; }
.sp-hide { display: none;}
.sp-show { display: block;}
}

/* SIDE
==========================================================*/

.side-navContainer {
	width: 20px;
	height:200px;
	position: fixed;
	right: 15px;
	top: 340px; top: 160px;
	z-index: 9999;
	text-align:right;
}

.side-gnaviInner{ line-height:0.5;}
ul.side-gnavi {  }
ul.side-gnavi li{ position:relative; min-height:30px; }
ul.side-gnavi li a{ display: block; height:10px; width:10px; background: #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; /*background: url('../images/common/navbg_pinto.png') no-repeat -14px 0px;*/ }
ul.side-gnavi li.nav_button a { position: absolute; right:0; }

ul.side-gnavi li.current a { background: #032C6C; }

.en_title01 { color:#F5190F; font-size: 20px !important; line-height: 1.5; font-weight: bold; }
.en_title02 { color:#FFFFFF; font-size: 22px; line-height: 1.5; font-weight: bold; }




/* PINTO float
==========================================================*/

img { vertical-align: bottom; }
.imgwide { width: 100%; height: auto;}
.centerposi { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  }
.centertate { position: absolute; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); } 
.mincyo { font-family:"Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; }

.floatwrap { width: 100%; overflow: hidden; }
.inner1400max { max-width: 1400px; width: 100%; margin: 0 auto;}
.inner900max  { max-width: 900px; width: 100%; margin: 0 auto;}
.inner1400 { max-width: 1400px; width: calc(100% - 80px); margin: 0 auto;}
.inner1200 { max-width: 1200px; width: calc(100% - 80px); margin: 0 auto;}
.inner1100 { max-width: 1100px; width: calc(100% - 80px); margin: 0 auto;}
.inner860max  { max-width: 860px; width: 100%; margin: 0 auto;}
.inner800  { max-width: 800px; width: calc(100% - 80px); margin: 0 auto;}
.inner730  { max-width: 730px; width: calc(100% - 80px); margin: 0 auto;}
.inner700  { max-width: 700px; width: calc(100% - 80px); margin: 0 auto;}
@media screen and (max-width: 750px) {
.nowrap { flex-wrap: wrap;}
.inner1400,
.inner1200,
.inner1100,
.inner800,
.inner730,
.inner700  { width: calc(100% - 40px); margin: 0 auto;}	
}

.mainslidewrap { position: relative; }
.mainslide { width: 100%; height: calc(100vh - 100px); }
.mainslide li { width: 100%; height: calc(100vh - 100px);  }
.mainslide li:nth-child(1) { background: url("../images/lineup/float/mainbg01.jpg") no-repeat center; background-size: cover;}
.mainslide li:nth-child(2) { background: url("../images/lineup/float/mainbg02.jpg") no-repeat center; background-size: cover;}
.mainslide li:nth-child(3) { background: url("../images/lineup/float/mainbg03.jpg") no-repeat center; background-size: cover;}
.mainslide li:nth-child(4) { background: url("../images/lineup/float/mainbg04.jpg") no-repeat center; background-size: cover;}
.mainlogo { position: absolute; top: 20px; left: 10px; width: 50%;}
.mainimg01 { left: 80px; top: 80px; position: absolute; }
.mainimg01 img { width: auto; max-height: calc( 100vh - 160px - 100px); }
.mainimg02 { right: 50px; bottom: 50px; position: absolute;}
@media screen and (max-width: 750px) {
.mainslide { width: 100%; height: calc(100vh - 60px); }
.mainslide li { width: 100%; height: calc(100vh - 60px);  }
.mainslide li:nth-child(1) { background: url("../images/lineup/float/mainbg01.jpg") no-repeat 70% center; background-size: cover;}
.mainslide li:nth-child(2) { background: url("../images/lineup/float/mainbg02.jpg") no-repeat 80% center; background-size: cover;}
.mainslide li:nth-child(3) { background: url("../images/lineup/float/mainbg03.jpg") no-repeat 80% center; background-size: cover;}
.mainslide li:nth-child(4) { background: url("../images/lineup/float/mainbg04.jpg") no-repeat 70% center; background-size: cover;}
.mainimg01 { left: 10px; top: inherit; bottom: 20px; }
.mainimg01 img { width: 300px; height: auto; max-height: inherit; }
.mainimg02 { right: 10px; bottom: 80px;}
.mainimg02 img { width: 60px; height: auto;}
}	
	
.wayimgwrap { padding: 60px 0; background: #66C2D1;}
.wayimg {text-align: center;}
.wayimg img { width: 100%; height: auto; }
.wayslidewrap { padding: 100px 0; background: #A0D6DF;}
.wayslide { color: #213D72; }
.wayslide li { width: 700px; margin: 0 4px; }
.wayslidemid { font-size: 3em; margin-bottom: 10px; font-weight: bold; text-align: center; opacity: 0;}
.slick-current .wayslidemid { opacity: 1;} 
.wayslideimg { margin-bottom: 20px; opacity: 0.5;}
.slick-current .wayslideimg { opacity: 1;}
.wayslidetxt { font-size: 1.4em; opacity: 0;}
.slick-current .wayslidetxt { opacity: 1; }
@media screen and (max-width: 750px) {
.wayimgwrap { padding: 30px 0;}	
.wayslidewrap { padding: 50px 0;}
.wayslide li { width: calc(100vw - 80px); margin: 0 4px; }
.wayslidemid { font-size: 2.5em;}
}
@media screen and (max-width: 450px) {
.wayslide li { width: calc(100vw - 40px); margin: 0 4px; }
.wayslidemid { line-height: 1.2; height: 2.5em;}
}
/* Dots */
.wayslide .slick-dotted.slick-slider { margin-bottom: 0; }
.wayslide .slick-dots { position: absolute; bottom: -50px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.wayslide .slick-dots li{ width: 20px; height: 20px; margin: 0;}
.wayslide .slick-dots li button:before { opacity:1; color: #fff; }
.wayslide .slick-dots li.slick-active button:before { opacity: 1; color: #213D72; }
.wayslide .slick-dots li button:before { font-size: 10px; }
.wayslide-arrow { position: absolute; top: 250px; cursor: pointer; z-index: 2;}
.wayslide-prev { left: calc(50% - 350px); }
.wayslide-next { left: calc(50% + 350px - 30px); }
@media screen and (max-width: 750px) {
.wayslide-arrow {top: 200px;}	
.wayslide-prev { left: 40px; }
.wayslide-next { left: calc(100% - 40px - 30px); }
}	
@media screen and (max-width: 550px) {
.wayslide-arrow {top: 150px;}
}
@media screen and (max-width: 450px) {
.wayslide-prev { left: 20px; }
.wayslide-next { left: calc(100% - 20px - 30px); }
}

.devewrap { padding-top: 40px; background: #66C2D1;}
.deve01wrap { margin-left: 40px; margin-bottom: 40px; background: url("../images/lineup/float/deveimg01.png") no-repeat; background-size: cover;}
.deve01txtwrap { padding: 150px 0 150px 100px; width: 540px;}
.deve01mid { font-size: 4em; margin-bottom: 30px; line-height: 1.4; color: #213D72; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 700;}
.deve01txt { font-size: 2em;}
.deve02wrap { padding-bottom: 160px; position: relative; align-items: flex-start; }
.deveimg02wrap { width:700px; position: relative;}
.deveimg02 { }
.devebtn { bottom: -70px; left: 40px; position: absolute;}
.deve02txtwrap { width: calc(100% - 700px); padding: 60px 120px 0 60px; box-sizing: border-box; }
.deve02mid {font-size: 4em; margin-bottom: 30px; line-height: 1.4; color: #213D72;font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 700;}
.deve02txt {font-size: 2em; color: #fff;}
.devetxt { width: calc(100vw - 500px); right: 0; bottom: 70px; position: absolute;}
.devetxt img { width: 100%; height: auto;}
@media screen and (max-width: 1400px) {
    .deveimg02wrap { width: 45vw; }
    .deve02txtwrap { width: 55vw; padding: 40px 40px 0 40px;}
}
@media screen and (max-width: 1100px) {
    .deve02mid br { display: none; }
    .devetxt { width: 100%; right: 0; bottom: 0;}	
}	
@media screen and (max-width: 750px) {
.devewrap { padding-top: 20px;}
.deve01wrap { margin-left: 20px; margin-bottom: 20px; background: url("../images/lineup/float/deveimg01.png") no-repeat; background-size: 100% auto; }
.deve01txtwrap { padding: 50px 30px 40px 30px; width: 100%; box-sizing: border-box;}
.deve01mid { width: 60%; line-height: 1.2;}
.deve01mid br { display: none;}
.deve01txt { padding-top: 40px; color: #fff; text-shadow: 
    #66C2D1 2px 0px,  #66C2D1 -2px 0px,
    #66C2D1 0px -2px, #66C2D1 0px 2px,
    #66C2D1 2px 2px , #66C2D1 -2px 2px,
    #66C2D1 2px -2px, #66C2D1 -2px -2px,
    #66C2D1 1px 2px,  #66C2D1 -1px 2px,
    #66C2D1 1px -2px, #66C2D1 -1px -2px,
    #66C2D1 2px 1px,  #66C2D1 -2px 1px,
    #66C2D1 2px -1px, #66C2D1 -2px -1px; }
.deve02wrap { padding-bottom: 80px; display: block;}
.deveimg02wrap { width: 100%; position: relative; }
.deveimg02 { width: 70vw; margin-bottom: 20px; min-width: inherit; }
.devebtn { padding: 0 40px; bottom: 0; left: 0; position: inherit;}
.devebtn img { width: 100%; height: auto;}
.deve02txtwrap { width: 100%; padding: 40px 20px 0; position: relative; z-index: 2}
.deve02mid {font-size: 4em; margin-bottom: 30px;}
.deve02mid br { display: none;}
.deve02txt {font-size: 2em;}
}	
@media screen and (max-width: 550px) {
.deve01txtwrap { padding: 30px 20px 30px 20px; width: 100%; box-sizing: border-box;}	
.deve01txt { padding-top: 0;}	
}
@media screen and (max-width: 450px) {
.deve01mid { width: 100%; padding-top: 50%; line-height: 1.2;}
}

.suppwrap { padding-top: 60px; background: #E1C5C4;}
.suppmidwrap {}
.supplogo {}
.suppmid { font-size: 4em; padding-left: 60px; line-height: 1.5; color: #213D72;}
.suppimg {}
.suppimg img { width: 100%; height: auto;}
@media screen and (max-width: 750px) {
.suppwrap { padding-top: 30px; }
.suppmidwrap { display: block;}
.supplogo { width: 45%; margin: 0 auto 30px;}
.suppmid { font-size: 3em; padding: 0 0 20px;}	
}	

.ethwrap { padding: 80px 0; background: #A0D6DF; text-align: center; position: relative;}
.ethwrap:after { width: 100%; height: 30px;  content: ""; position: absolute; bottom: 0; left: 0; background: #E1C5C4;}
.ethimg { margin-bottom: 40px;}
.ethmid { font-size: 3em; margin-bottom: 20px; color: #213D72;}
.ethtxt { font-size: 1.8em;}
@media screen and (max-width: 750px) {
.ethwrap { padding: 20px 0 50px; }
.ethwrap:after { width: 100%; height: 20px; }
.ethimg { margin-bottom: 30px;}
.ethmid { font-size: 2.5em; margin-bottom: 10px;}
.ethmid br { display: none;}
.ethtxt { font-size: 1.8em;}
}	

.bg-gr { background: #f2f2f2; }
.sleepwrap { padding: 30px 0; text-align:center; }
.sleepttl { font-size: 5em; margin-bottom: 20px; color: #213D72; }
.sleepimgwrap { margin-bottom: 40px;}
.sleepimgwrap div { width: calc(50% - 15px);}
.sleepimgwrap img { width: 100%; height: auto;}
.sleepmid { font-size: 3em; margin-bottom: 10px; color: #213D72;}
.sleeptxt { font-size: 2em; padding-bottom: 40px; }
.bg-wh {}
.hikakulogowrap { padding: 50px 0 30px;}
.hikakulogowrap div { width: calc(50% - 15px); }
.hikakulogowrap div div { width: 100%;}
.hikakuimgwrap {}
.hikakuimgwrap div {width: calc(50% - 15px);}
.hikakuimgwrap img { width: 100%; height: auto;}
.hikakutxt { font-size: 3em; padding: 30px 0 60px; text-align: center; color: #213D72;}
.float-cgwrap { max-width: 700px; width: 100%; margin: 0 auto;}
.float-cgwrap video { width: 100%; height: auto;}
.float-introwrap { padding-bottom: 100px; max-width: 960px; width: 100%; margin: 0 auto;}
.float-introtxt { font-size: 3.5em; padding: 40px 0 20px; text-align: center; color: #fff; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 700;}
.float-introwrap video { width: 100%; height: auto;}
@media screen and (max-width: 750px) {
.sleepwrap { padding: 30px 0 0; }
.sleepttl { font-size: 4em; line-height: 1.4; margin-bottom: 20px;}
.sleepimgwrap { margin-bottom: 30px; width: calc(100% + 40px); margin-left: -20px;}
.sleepimgwrap div { width: calc(50% - 1px); margin-bottom: 10px;}
.sleepmid { font-size: 3em; line-height: 1.4; }
.sleeptxt { font-size: 2em; }
.sleeptxt br { display: none; }
.sleeptxt:last-child { margin-bottom: 0;}
.hikakulogowrap { padding: 50px 0 20px; width: calc(100% + 40px); margin-left: -20px; }
.hikakulogowrap div { width: calc(50% - 1px); text-align: center;}
.hikakulogowrap img { width: 80%;}
.hikakuimgwrap { width: calc(100% + 40px); margin-left: -20px;}
.hikakuimgwrap div {width: calc(50% - 1px);}
.hikakutxt { font-size: 2.5em; padding: 30px 0 30px; line-height: 1.4; }	
.float-cgwrap { margin: 0 auto 50px;}
.float-introwrap { padding-bottom: 30px;}
.float-introtxt { font-size: 2.5em; padding: 40px 0 10px;}
}	
@media screen and (max-width: 450px) {
.hikakulogowrap img { width: 90%;}
}

.aomukewrap { padding: 60px 0 0; text-align: center;}
.aomukelogo { padding-bottom: 30px;}
.aomukefig { margin-bottom: 30px;}
.aomukefig img { width: 100%; height: auto;}
.aomuketxt { font-size: 3em; padding-bottom: 80px; color: #213D72; }
@media screen and (max-width: 750px) {
.aomukewrap { padding: 30px 0 0;}	
.aomukelogo { width: 40%; min-width: 160px; margin: 0 auto;}	
.aomukelogo img { width: 100%; height: auto;}
.aomukefig { margin-bottom: 20px;}
.aomuketxt { font-size: 2.6em; line-height: 1.5; padding-bottom: 40px;}
}	

.elaswrap { padding: 80px 0; background: #E1C5C4; position: relative;}
.elas01wrap { margin-bottom: 60px;}
.elasttl { font-size: 4.5em; text-align: center;color: #213D72;}
.elasttlsub { padding-bottom: 40px; font-size: 2em; text-align: center;}
.elaswrap:before { content: ""; position: absolute; left: 0; top:0; width: 40px; height: 100%; background: #66C2D1; }
.elaswrap:after  { content: ""; position: absolute; right: 0; top:0; width: 40px; height: 100%; background: #66C2D1; }
.elasimg01 { margin-bottom: 40px;}
.elasimg02 {}
.elastxtwrap { padding-left: 40px;}
.elasmid { font-size: 3em; font-weight: bold; color: #213D72;}
.elastxt { font-size: 1.7em;}
@media screen and (max-width: 1300px) {
.elaswrap:before,
.elaswrap:after { width: 20px; }
}
@media screen and (max-width: 750px) {
.elaswrap { padding: 40px 0;}
.elas01wrap { margin-bottom: 30px;}
.elasttl { font-size: 4em; line-height: 1.3; padding-bottom: 15px;}
.elasttlsub { padding-bottom: 20px; font-size: 2em;}
.elasttlsub br { display: none;}
.elaswrap:before,
.elaswrap:after { width: 10px; }
.elasimg01 { margin-bottom: 30px;}
.elasimg02 { width: calc(100% - 80px); margin: 0 auto 20px;}
.elasimg02 img {width: 100%; height: auto;}
.elastxtwrap { padding-left: 0;}
.elasmid { font-size: 3em; font-weight: bold; color: #213D72;}
.elastxt { font-size: 1.7em;}	
}	

.epointttl { margin-bottom: 30px; font-size: 3em; padding: 5px 10px; font-weight: bold; background: #213D72; text-align: center; color: #fff;}
.epointul {}
.epointul li {}
.epointimg { margin-bottom: 20px;}
.epointmid { font-size: 2.5em; color: #213D72;}
.epointtxt { font-size: 1.8em; margin-bottom: 40px;}
.epointulwrap { display: none;}
.morebtn { height: 50px; line-height: 50px; font-size: 2em; border: 1px solid #213D72; color: #213D72; text-align: center; cursor: pointer; position: relative;}
.morebtn:after { content: ""; position: absolute; top: calc(50% - 8px); left: calc(50% + 50px); width: 8px;height: 8px; border-bottom: 1px solid #213D72; border-right: 1px solid #213D72; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.morebtn:hover { background: #fff;}
.morebtn.open:after { border: none; border-top: 1px solid #213D72; border-left: 1px solid #213D72; top: calc(50% - 4px);}
@media screen and (max-width: 750px) {
.epointttl { margin-bottom: 20px; font-size: 3em; padding: 5px 10px;}
.epointimg { margin-bottom: 15px;}
.epointmid { font-size: 2.5em;}
.epointtxt { font-size: 1.8em; margin-bottom: 20px;}	
}	

.kogaowrap { padding: 80px 0 120px; background: linear-gradient(#D1E0E1, #fff); position: relative;}
.kogaowrap:after { position: absolute; content: ""; left: 0; bottom: 0; background: #E1C5C4; width: 100%; height: 20px;}
.kogaottl { font-size: 5em; color: #213D72; text-align: center;}
.kogaottlsub { font-size: 2.2em; margin-bottom: 30px; text-align: center;}
.kogaoimgwrap { margin-bottom: 10px;}
.kogaoimgwrap div {width: calc(50% - 10px);}
.kogaotxtwrap { color: #000;}
.kogaomid { font-size: 1.7em; font-weight: bold;}
.kogaotxt { font-size: 1.6em; margin-bottom: 20px;}
.kogaobtn { margin-top: 60px;}
@media screen and (max-width: 750px) {
.kogaowrap { padding: 40px 0 60px;}
.kogaowrap:after {height: 10px;}
.kogaottl { font-size: 4.5em;}
.kogaottlsub { font-size: 2.2em; margin-bottom: 15px; }
.kogaoimgwrap { margin-bottom: 10px;}
.kogaoimgwrap div { width: calc(50% - 1px);}
.kogaobtn { max-width: 450px; width: 100%; margin: 30px auto 0;}	
}	

.nayamiwrap { padding: 100px 0; background: #85CCD8;}
.nayamiimg { max-width: 1273px; width: calc(100% - 60px); margin: 0 auto;}
.nayamiimg img { width: 100%; height: auto;}
@media screen and (max-width: 750px) {
.nayamiwrap { padding: 50px 0;}
.nayamiimg {width: 100%;}	
}	

.athwrap { padding-top: 80px; background: #DCBBB9; position: relative;}
.athwrap:before { content: ""; width: 40px; height: 100%; position: absolute; left: 0; top: 0; background: #E7D0CF; }
.athwrap:after  { content: ""; width: 40px; height: 100%; position: absolute; right: 0; top: 0; background: #E7D0CF; }
.video-wrapper { max-width: 992px; width: calc(100% - 200px); margin: 0 auto; text-align: right; color: #213D72;}
.video-wrapper video { width: 100%;}
.videotxt { font-size: 1.6em; padding: 10px 0 60px;}
.videotxt span { font-size: 1.6em; padding-left: 10px}
.athtxt { position: absolute; top: 0; right: 0; z-index: 2;}
@media screen and (max-width: 1300px) {
.athwrap:before,
.athwrap:after { width: 20px; }	
.athtxt { width: 100px;}	
.athtxt img { width: 100%; height: auto;}
}	
@media screen and (max-width: 750px) {
.athwrap { padding-top: 40px;}
.athwrap:before,
.athwrap:after { width: 20px;  }
.video-wrapper { width: 82%; margin: 0; margin-left: 20px;}
.videotxt { font-size: 1.6em; padding: 10px 0 30px;}
.athtxt { width: 10%;}
}	
@media screen and (max-width: 450px) {
.videotxt { font-size: 1.3em; letter-spacing: 0;}
.videotxt span { font-size: 1.5em; padding-left: 5px}	
}		
	
.voicewrap { padding: 80px 0 40px; background: #E7D0CF; color: #4D4D4D; font-weight: bold;}
.voicettl { margin-bottom: 60px;}
.voice-l { margin-right: 40px;}
.voiceul {}
.voiceul li { margin-bottom: 40px; padding-left: 70px; position: relative;}
.voiceul li:after { content: ""; position: absolute; left: 0; top: 0; width: 50px; height: 50px; background: url("../images/lineup/float/voiceico01.png") no-repeat center; background-size: cover;}
.voicemid { font-size: 2.2em;}
.voicetxt { font-size: 1.6em;}
.voice-r .voiceul li:after { background: url("../images/lineup/float/voiceico02.png") no-repeat center; background-size: cover;}
@media screen and (max-width: 750px) {
.voicewrap { padding: 40px 0 20px; }
.voicettl { width: 80%; margin-bottom: 30px;}
.voice-l { margin-right: 20px;}
.voiceul li { margin-bottom: 20px; padding-left: 50px;}
.voiceul li:after { width: 40px; height: 40px;}
.voicetxt br { display: none;}	
}	

#Product-wrap { padding-top: 80px; background: #66C2D1; color: #fff; }
#Product-inner{ width: 730px; margin: 0 auto; }
#Product-inner #img-mainbox { width:480px; float:left; margin-right:14px; border: 1px solid #fff; box-sizing: border-box; background: none; }
#Product-inner #img-tumb2box,
#Product-inner #img-tumb3box{ width: 235px; float:left; margin-bottom:14px; border: 1px solid #fff;box-sizing: border-box;background: none; }
#Product-inner #img-mainbox img,
#Product-inner #img-tumb2box img,
#Product-inner #img-tumb3box img{ width: 100%; height: auto;}
#prod_specbox { float:left; width:150px; line-height:normal; color: #fff;}
@media screen and (max-width: 750px) {
#Product-wrap { padding-top: 10px; }
#Product-inner{ width: calc(100% - 40px); margin: 0 auto; }
}	

.colorttl { font-size: 1.7em; font-weight: bold;}
.colortxt { font-size: 1.2em;}
.color_blue02 { background: #6C99B3 !important; border: 1px solid #fff; position: relative; }
.color_blue02:after { position: absolute; content: ""; width: 50%; height: 100%; background: #203C71; top: 0; right: 0; border-left: 1px solid #fff; cursor: pointer;}
.color_pink02 { background: #DACEBF !important; border: 1px solid #fff; position: relative;}
.color_pink02:after { position: absolute; content: ""; width: 50%; height: 100%; background: #DCBBB9; top: 0; right: 0; border-left: 1px solid #fff; cursor: pointer;}

.specwrap { padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid #fff;}
.specimg { margin-bottom: 40px;}
.pint_caution { font-size: 1.2em; margin-bottom: 30px !important;}
.spectab { width: 100%; font-size: 1.3em;}
.spectab th { padding: 5px; background: #fff; color: #66C2D1; text-align: center; border: 1px solid #fff; }
.spectab td { padding: 10px 5px; text-align: center; border: 1px solid #fff;}
@media screen and (max-width: 750px) {
.specwrap { padding-bottom: 40px; margin-bottom: 40px;}
.specimg { margin-bottom: 20px;}
.pint_caution { margin-bottom: 15px !important;}
.spectab th:nth-child(1) { width: 50%; }
.spectab th:nth-child(2) { width: 15%; }
}

.bagwrap { padding-bottom: 120px;}
.bagmid { font-size: 2.8em; padding: 5px; margin-bottom: 30px; color: #fff; text-align: center; background: #032C6C;}
.bagtxt { font-size: 1.6em; margin-bottom: 30px;}
.bagimg { border: 1px solid #fff;}
@media screen and (max-width: 750px) {
.bagwrap { padding-bottom: 60px;}
.bagmid { font-size: 2.5em; padding: 5px; margin-bottom: 20px;}
.bagtxt { font-size: 1.6em; margin-bottom: 20px;}
}	

.bg-pi { background: #DCBBB9;}
.coverwrap { padding-top: 100px;}
.covermid { font-size: 1.8em; margin-bottom: 30px; font-weight: bold;}
.colormid { font-size: 1.7em; font-weight: bold;}
.coverul {}
.coverul li { position: relative;}
.coverul .slick-dots {position: absolute; top: -20px; left: 90px; display: block; width: 100%; padding: 0;margin: 0; list-style: none; text-align:left; }
.coverul .slick-dots li {position: relative; display: inline-block; width: 45px; height: 30px; margin: 0 2px; padding: 0; cursor: pointer; background: #6C99B3; border: 1px solid #fff; cursor: pointer;}
.coverul .slick-dots li:nth-child(2) { background: #203C71;}
.coverul .slick-dots li:nth-child(3) { background: #DACEBF;}
.coverul .slick-dots li:nth-child(4) { background: #DCBBB9;}
.coverul .slick-dots li button { display: none;}
.coverul.neckul .slick-dots { left: 155px; }
.coverul.neckul .slick-dots li { background: #DCBBB9;}
.coverul.neckul .slick-dots li:nth-child(2) { background: #203C71;}
.covermid.bt { padding-top: 60px; margin-top: 60px; border-top: 1px solid #fff;}
.bg-pi .spectab th { color: #DCBBB9;}
.howtobtn { padding: 100px 0; text-align: center;}
@media screen and (max-width: 750px) {
.coverwrap { padding-top: 50px;}
.covermid { margin-bottom: 20px;}
.covermid.bt { padding-top: 30px; margin-top: 30px;}
.howtobtn { padding: 50px 0; max-width: 450px; width: calc(100% - 40px); margin: 0 auto;}
}	

.lu-ft-lineupInner { margin-top: 100px;}
@media screen and (max-width: 750px) {
.lu-ft-lineupInner { margin-top: 50px;}
}