@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0;}
.sp-only { display: none;}
.pc-only { display: inherit; width: 100%;}
footer { width: 100%;}
footer .img { width: 100%;}

#spring-make .clearfix:after {display: block;clear: both;content:'';vertical-align: top;}
#spring-make p {font-weight: 400; text-align: justify; text-justify: inter-ideograph; line-height: 1.6em; font-size: 16px; margin: 0 0 8px 0;}
#spring-make {width: 100%;text-align: center;margin: 0 auto 40px auto;}
#spring-make .br-sp { display: none;}
#spring-make .br-pc { display: inherit;}
#spring-make .min { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

/* mv */
#spring-make #mv { position: relative; width: 960px; height: 480px; text-align: center; margin: 0 auto; background: url(../img/mv_bg.jpg) no-repeat center top; }
#spring-make #mv h1 { position: absolute; top: 20px; right: 20px; color: #be0f34; margin: 0 0 0 0; padding: 0;}

/* wrapper */
#spring-make #wrapper { width: 832px;text-align: center; margin: 0 auto 60px auto;}
#spring-make #wrapper .wrapbox {  text-align: center; margin: 0 auto; padding: 40px 0;box-sizing: border-box;}

/* itemBox */
#spring-make h2.red { font-size: 27px; font-weight: 500; color: #d70029; margin: 0 0 15px 0; text-align: left;}
#spring-make .limited { position: absolute; font-size: 14px; color: #FFF; background: #847f7d; padding: 2px 0; width: 80px; text-align: center;}
#spring-make .limitedW { position: relative; font-size: 14px; color: #FFF; background: #d70029; padding: 2px 0; width: 110px; margin-bottom: 20px; text-align: center;}
#spring-make .itemBox { position: relative; width: 100%; text-align: left; padding: 0 0;}
#spring-make .itemBox .itemImg { float: left; width: 336px;}
#spring-make .itemBox .itemDetail { float: right; width: 450px;}
#spring-make .name{ text-align: right;}
#spring-make .price{ text-align: right;}
#spring-make .btnDetail { margin-top: 20px; float: right;}
#spring-make .btnDetail a { display: block; line-height: 50px; font-size: 15px; width: 200px; height: 50px; background: #000; color: #FFF; font-weight: normal; text-align: center; border: 1px solid #000; text-decoration: none; -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; letter-spacing: 0.05em; }
#spring-make .btnDetail a:hover { background: #FFF; color: #000; -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#spring-make .itemBox .btnDetailS { margin: 20px auto 0 auto; text-align: center;}
#spring-make .itemBox .btnDetailS a { display: inline-block; line-height: 40px; font-size: 13px; width: 160px; height: 40px; background: #000; color: #FFF; font-weight: normal; text-align: center; border: 1px solid #000; text-decoration: none; -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; letter-spacing: 0.05em; }
#spring-make .itemBox .btnDetailS a:hover { background: #FFF; color: #000; -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

/* sec01 */
#spring-make #sec01 { text-align: center; margin: 40px auto 0 auto;}
#spring-make #sec01 h2 { background: url(../img/ico_heart.png) no-repeat left 280px bottom 11px;}
#spring-make .limited { left: 256px; top: 324px;}

/* sec02 */
#spring-make #sec02 { text-align: center; margin: 0 auto 0 auto;}
#spring-make #sec02 h2 { width: 80%; margin: 0 auto 30px auto;background: url(../img/ico_heart.png) no-repeat left top 10px; padding-left: 40px;}
#spring-make .limited.left { left: 30px; top: 300px;}
#spring-make .limited.right { left: 722px; top: 300px;}
#spring-make p.nameL { float: left; position: relative; text-align: left; margin: -10px 0 20px 30px;}
#spring-make p.nameR { float: right; position: relative; text-align: left; margin: -10px 30px 20px 0;}

/* sec03 */
#spring-make #sec03 { text-align: center; margin: 0 auto 60px auto;}
#spring-make #sec03 h2 { background: url(../img/ico_heart.png) no-repeat left 310px bottom 11px;}
#spring-make #sec03 .desc { font-size: 12px; clear: both; padding-top: 8px;}

#spring-make #webLimited { background: #ffeeee; padding: 20px; border: 3px double #d70029; box-sizing: border-box; width: 100%; margin-bottom: 80px;}
#spring-make #webLimited .itemBox .itemDetail { width: 430px;}

/* sec04 */
#spring-make #sec04 { text-align: center; margin: 0 auto 60px auto;}

/* sec05 */
#spring-make #sec05 { text-align: center; margin: 0 auto 0 auto;}
#spring-make #sec05 .itemBox .itemDetail { width: 100%;}
#spring-make #sec05 .itemBox .itemDetail .name { text-align: left;}
#spring-make #sec05 .itemBox .itemDetail .nameS { font-size: 14px;}
#spring-make #sec05 .itemBox ul { margin: 0; padding: 20px 0 0 0; display: flex; justify-content: center; align-items: center;}
#spring-make #sec05 .itemBox li { list-style: none; width: 33%; margin: 1%; padding: 0; display: block;}
#spring-make #sec05 .itemBox li img { width: 100%; height: auto;}

/* sec06 */
#spring-make #sec06 { text-align: center; margin: 0 auto 0 auto;}
#spring-make #sec06 .wrapbox {background: #fca0c9; padding: 20px 0; box-sizing: border-box;}
#spring-make #sec06 .wrapbox .itemBox .en { font-size: 27px; padding: 0 20px 0 20px; color: #FFF; font-weight: 500;}
#spring-make #sec06 .wrapbox .itemBox h2 { font-size: 27px; color: #d70029; background: #FFF; font-weight: 400; padding: 10px 20px; margin: 10px 0 20px 0;}
#spring-make #sec06 .wrapbox .itemBox .itemImg { float: right; width: 170px; position: relative; margin-top: -140px;}
#spring-make #sec06 .wrapbox .itemBox .itemDetail { float: left; width: 580px; color: #FFF; padding: 0 0 0 20px;}


/*__________________ MOBILE ____________________ */
@media only screen and (max-width: 1023px) {
body { margin: 0; padding: 0;}
img { width: 100%; height: auto; }
.sp-only { display: inherit;}
.pc-only { display: none;}
	
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
	
#spring-make .clearfix:after {display: block;clear: both;content:'';vertical-align: top;}
#spring-make p {font-weight: 400; text-align: justify; text-justify: inter-ideograph; line-height: 1.6em; font-size: 13px; margin: 0 0 8px 0;}
#spring-make {width: 100%;text-align: center;margin: 0 auto 40px auto;}
#spring-make .br-sp { display: none;}
#spring-make .br-pc { display: inherit;}
#spring-make .min { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

/* mv */
#spring-make #mv { position: relative; width: 100%; height: 220px; text-align: center; margin: 0 auto; background: url(../img/mv_bg.jpg) no-repeat center top; background-size: 120% auto;}
#spring-make #mv h1 { position: absolute; top: 5px; right: 5px; color: #be0f34; margin: 0 0 0 0; padding: 0;}
#spring-make #mv h1 img { width: 200px; height: auto;}

/* wrapper */
#spring-make #wrapper { width: 100%;text-align: center; margin: 0 auto 30px auto;}
#spring-make #wrapper .wrapbox {  text-align: center; margin: 0 auto; padding: 20px 0;box-sizing: border-box;}

/* itemBox */
#spring-make h2.red { font-size: 5.5vw; font-weight: 500; color: #d70029; margin: 0 0 10px 0; text-align: left;}
#spring-make .limited { position: absolute; font-size: 11px; color: #FFF; background: #847f7d; padding: 0 0; width: 60px; text-align: center;}
#spring-make .limitedW { position: relative; font-size: 11px; color: #FFF; background: #d70029; padding: 0 0; width: 90px; margin-bottom: 10px; text-align: center;}
#spring-make .itemBox { position: relative; width: 100%; text-align: left; padding: 0 0;}
#spring-make .itemBox .itemImg { float: none; width: 100%; text-align: center; margin: 0 auto;}
#spring-make .itemBox .itemDetail { float: none; width: 100%;}
#spring-make .name{ text-align: right;}
#spring-make .price{ text-align: right;}
#spring-make .btnDetail { margin-top: 10px; float: right;}
#spring-make .btnDetail a { display: block; line-height: 40px; font-size: 13px; width: 180px; height: 40px; background: #000; color: #FFF; font-weight: normal; text-align: center; border: 1px solid #000; text-decoration: none; -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; letter-spacing: 0.05em; }
#spring-make .btnDetail a:hover { background: #FFF; color: #000; -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#spring-make .itemBox .btnDetailS { margin: 10px auto 0 auto; text-align: center;}
#spring-make .itemBox .btnDetailS a { display: inline-block; line-height: 30px; font-size: 11px; width: 130px; height: 30px; background: #000; color: #FFF; font-weight: normal; text-align: center; border: 1px solid #000; text-decoration: none; -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; letter-spacing: 0.05em; }
#spring-make .itemBox .btnDetailS a:hover { background: #FFF; color: #000; -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

/* sec01 */
#spring-make #sec01 { text-align: center; margin: 0 auto 0 auto; padding: 0 10px;}
#spring-make #sec01 .itemImg { width: 60%;}
#spring-make #sec01 h2 { background: url(../img/ico_heart.png) no-repeat left 58vw bottom 1.8vh; background-size: 13px 11px; }
#spring-make .limited { left: 0; top: 0;}

/* sec02 */
#spring-make #sec02 { text-align: center; margin: 0 auto 0 auto; padding: 0 10px;}
#spring-make #sec02 h2 { width: 100%; margin: 0 auto 15px auto; background: url(../img/ico_heart.png) no-repeat left 1vw top 1.3vh; background-size: 13px 11px;  padding-left: 20px;}
#spring-make .limited.left { left: 0; top: 28.5vh;}
#spring-make .limited.right { left: auto; right:0; top: 28.5vh;}
#spring-make p.nameL { float: left; position: relative; text-align: left; margin: 0 0 16px 0; font-size: 11px;}
#spring-make p.nameR { float: right;position: relative; text-align: left; margin: 0 0 16px 0; font-size: 11px;}
	
/* sec03 */
#spring-make #sec03 { text-align: center; margin: 0 auto 30px auto; padding: 0 10px;}
#spring-make #sec03 h2 { background: url(../img/ico_heart.png) no-repeat left 63vw bottom 1.8vh; background-size: 13px 11px; }
#spring-make #sec03 .itemImg { width: 80%; padding-left: 40px;}
#spring-make #sec03 .desc { font-size: 12px; clear: both; padding-top: 8px;}

#spring-make #webLimited { background: #ffeeee; padding: 20px; border: 3px double #d70029; box-sizing: border-box; width: 100%; margin-bottom: 80px;}
#spring-make #webLimited .itemBox .itemDetail { width: 100%;}

/* sec04 */
#spring-make #sec04 { text-align: center; margin: 0 auto 30px auto;}
#spring-make #sec04 .itemImg { width: 60%;}

/* sec05 */
#spring-make #sec05 { text-align: center; margin: 0 auto 0 auto;}
#spring-make #sec05 .itemBox .itemDetail { width: 100%;}
#spring-make #sec05 .itemBox .itemDetail .name { text-align: center;}
#spring-make #sec05 .itemBox .itemDetail .nameS { text-align: center; font-size: 12px;}
#spring-make #sec05 .itemBox ul { margin: 0; padding: 20px 0 0 0; display: block; justify-content: center; align-items: center;}
#spring-make #sec05 .itemBox li { list-style: none; width: 100%; margin: 0 auto 20px auto; text-align: center; padding: 0; display: inherit;}
#spring-make #sec05 .itemBox li img { width: 60%; height: auto; text-align: center; margin: 0 auto;}

/* sec06 */
#spring-make #sec06 { text-align: center; margin: 0 auto 0 auto;}
#spring-make #sec06 .wrapbox {background: #fca0c9; padding: 5px 0; box-sizing: border-box;}
#spring-make #sec06 .wrapbox .itemBox .en { font-size: 18px; padding: 0 10px 0 10px; color: #FFF; font-weight: 500;}
#spring-make #sec06 .wrapbox .itemBox h2 { font-size: 15px; color: #d70029; background: #FFF; font-weight: 400; padding: 5px 10px; margin: 5px 0 10px 0;}
#spring-make #sec06 .wrapbox .itemBox .itemImg { float: right; width: 30%; position: relative; margin-top: -80px; padding-right: 10px;}
#spring-make #sec06 .wrapbox .itemBox .itemDetail { float: none; width: 65%; color: #FFF; padding: 0 0 0 10px;}

}