@charset "utf-8";
/* CSS Document */

.container{ width: 100%; height: 100%; margin-top: 0; text-align: left; background: url(/images/2nd_bg.png) repeat-y 50% 0%;}
.h1box{ padding-left: 280px; background: url(/images/guide/size/h1_pict.jpg) 0 0 no-repeat; background-size: 250px auto;}
.psizelst{margin: 20px auto;}
.psizelst li{ width: 50px; height: 50px; margin-right: 10px; font-size: 2rem; line-height: 50px; font-weight: bold; text-align: center; color: #ffffff; border-radius: 30px; background: #f49e00;}
.psizelst li:nth-of-type(6){font-size: 1.4rem;}
.psizelst li:nth-of-type(7){width: 430px; height: 50px; margin-right: 10px; font-size: 2rem; line-height: 50px; font-weight: bold; text-align: left; color: #000000; border-radius: 0; background: #ffffff;}
.imglst{width: 90%; margin: 0 auto !important;}
.imglst li{width: 98%; margin: 0 1% 25px !important; padding: 1em; border: 1px solid #cccccc; background: rgba(253,253,253,1);}
/* .imglst li:nth-of-type(6){width: 340px; border: 1px solid #ffffff;} */
.smltr_btn{width: 50% !important; margin: 10px auto; background: #000000 url(../images/icon_calc.png) 15% 50% no-repeat; background-size: 12%;}
.smltr_btn:hover{color: #ffffff; background: #f49e00 url(../images/icon_calc.png) 16% 50% no-repeat; background-size: 12%;}
.note_mm p {text-align: center; margin: -15px auto 5px; font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
	.h1box{ min-height: 150px; padding-left: 45%; background: url(/images/guide/size/h1_pict.jpg) 0 0 no-repeat; background-size: 40% auto;}
	.psizelst li:nth-of-type(6){width: 100%; height: auto; margin: 10px auto; font-size: 1.6rem; line-height: 1.4em; font-weight: bold; text-align: center;}
	.note_mm p {text-align: left;margin: -24px auto 5px;font-size: 1.4rem;
}
}