@charset "UTF-8";
/* CSS Document */

/*---------センター寄せ------------*/
#breadcrumb {
	width: 78.334%;
	margin: 0 auto;
}
#main {
	float: none;
	margin: 0 auto;
}
/*---------------------------------*/
.cl:after {
  content: "";
  clear: both;
  display: block;
}
/*---------------------------------*/


#valentine2020 {
	margin: 0;
	line-height: 1.5;
	font-size: 14px;
	color : #1f1915;
	background-color:#FFF;	
	}


#valentine2020 .tsub{
	text-align: center;
	padding-top: 10px;
}
#valentine2020 .vl20kitlist,
#valentine2020 .vl20kitlist02{
	padding: 0;
	overflow: hidden;
}

#valentine2020 #kit20lineup{
	width: 100%;
	max-width: 820px;
	margin: 3% auto;
	
	
}

#kit20lineup #tompan{
	position: absolute;
	bottom: 0;
	right: 0;

}
#valentine2020 #tmse,{
	background-color: #f6f1eb;
	padding-bottom: 10px;
}

#valentine2020 #bchobner{
	margin: 30px 0;
	text-align: center;
}

/*//////////////////////1024pxよりも大きい幅のときここから////////////////////////*/


/*//////////////////////1024pxよりも大きい幅のときここまで////////////////////////*/


@media screen and (min-width: 769px){
#valentine2020 #mainconte{
	background:url(../../contents/valentine2020/vl20_bgkit01.jpg) no-repeat;
	padding: 40px 40px 0px 40px;
	height: 700px;
	position:relative;
}
#valentine2020 .vl20_catch{
	line-height: 2.0;
	font-size:1.1em;
	text-align: center;

}
#valentine2020 .vl20_th3{
	font-family: "游ゴシック体", "Yu Gothic","ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",  sans-serif;
	color: #75551a;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	background: url(../../contents/valentine2020/line_tit01.png)no-repeat bottom;
	line-height: 2.0;
}
#valentine2020 #vl20kit{
	padding: 100px 0 0;
}
#valentine2020 .vlpk{
  float: left;
  width:18%;
  margin: 0 2% 2% 0;
  text-align: center;
}
#valentine2020 .vlpk img{
	width:100%;
}

#valentine2020 #tmsetvl20{
	background: url(../../contents/valentine2020/vl20_bgkit04.jpg)no-repeat;
	height: 570px;
	padding: 60px 0 0;
}
#valentine2020 #rubystage{
	border:solid 6px #ff749e;
	margin: 50px 30px 50px;
	padding: 30px;
	background-color: #fffff7;
}
#valentine2020 .vlobi{
	border:solid 6px #573124;
	margin: 0 30px 50px ;
	background-color: #fef8f2;
}
#valentine2020 .kitch{
	background-color: #835133;
	text-align: center;
	margin: 0 auto 20px;
	color: #ffffff;
	font-weight:bold ;
	font-size: 1.8rem;
	line-height: 3.4;
}
#valentine2020 .rubych{
	background: url(../../contents/valentine2020/vlrubyobi.png) no-repeat;
	text-align: center;
	height: 47px;
	width:512px;
	margin: 0 auto 20px;
	color: #f5feb6;
	font-weight:bold ;
	font-size: 1.8rem;
	line-height: 47px;
}

#valentine2020 #vl20_all{
	background: url(../../contents/valentine2020/vl20_bgkit02.jpg) repeat-y;
	padding-top: 50px;
	padding-bottom: 20px;
	
}
#valentine2020 .kitoya{
	display: flex;
	margin-left: 15px;

}

#valentine2020 #tmsetstage{
	display: flex;
	margin-left: 15px;
	padding-top: 40px;
}
#valentine2020 .kitph{
	width:410px;
	margin-right: 25px;
}
#valentine2020 .kitss{
	margin-top: 50px;
	width:380px;
	position: relative;
}
#valentine2020 .kitss_r{
	margin-top: 0px;
	width:380px;
	position: relative;
}

#valentine2020 .kit_name{
	font-family: "游ゴシック体", "Yu Gothic","ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",  sans-serif;
	font-size: 2.6rem;
	font-weight:600;
	color: #573124;
}
#valentine2020 .vlred{
	color:#ff1800;
	font-size: 2.0rem;
	padding:0 3px;
}
#valentine2020 .kitprice,
#valentine2020 .kitprice_r{
	margin: 5px 0;
	font-weight: bold;
	font-size: 1.4rem;
	color: #470705;

}

#valentine2020 .kittime{
	background-color: #f4e7e3;
	padding:10px;
	width: 150px;
	display:inline-block;

}

#valentine2020 .kitoven{
	background: url(../../contents/valentine2020/icon_ovn.png)no-repeat left #f4e7e3;
	background-position:15px;
	padding: 16px 0 13px 60px;
	width: 120px;
	display: inline-block;

}

#valentine2020 .mcome{
	position: absolute;
	top:126px;
	left:172px;
	font-size: 1.2rem;	
}
#valentine2020 .mcome02{
	position: absolute;
	top:92px;
	left:172px;
	font-size: 1.2rem;	
}
#valentine2020 .kitspe{
	color: #470705;
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 20px;
}
#valentine2020 .kitpoint{
	margin: 15px 0;
	color: #470705;
}

#valentine2020 .kitbtn_ck img,
#valentine2020 .kitbtn_buy img{
	width:250px;
}

#valentine2020 .kitbtn_buy_r img{
	width:308px;
}
#valentine2020 .kitbtn_ck,
#valentine2020 .kitbtn_buy,
#valentine2020 .kitbtn_buy_r{
	padding-bottom: 7px;
}

#valentine2020 .tmsbtn_buy{
	position: absolute;
	bottom:20px;
	width: 86%;
}

#valentine2020 .kitmov{
     position: relative;
     padding-bottom: 39%;
     height: 0;
     overflow: hidden;
	 max-width: 560px;
	 margin: 20px auto;
	 width: 100%;
}

#valentine2020 .kitmov iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
#valentine2020 .tmslis{
	width:25%;
	border: 3px solid #470705;
	background-color: #fff;
	padding:15px;
	margin-right: 15px;
	height:335px;
	position: relative;
}
#valentine2020 .tmname{
	font-size:1.4rem;
	font-weight: bold;
	padding-bottom: 5px;
}
#valentine2020 .tmcome{
	line-height: 1.4;
	font-size: 1.2rem
}

#valentine2020 #ruby{
    background:url(../../contents/valentine2020/vl20_bgkit03.jpg)no-repeat;
	height: 660px;
	padding-top: 110px;
}
#valentine2020 .tmslis img{
	width:100%;/*ie対策*/
}
}



@media screen and (max-width: 768px){

#valentine2020 .spbr{display: none;}

#valentine2020 #mainconte{
	position:relative;	
}
#valentine2020 .vl20_catch{
    padding: 20px;
	margin-bottom: 0px;
	line-height: 1.6;
	font-size:1.2em;
	background-color: #e5d3c3;
}

#valentine2020 .vl20_th3{
	color: #75551a;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	background: url(../../contents/valentine2020/line_tit01.png)no-repeat bottom;
	line-height: 2.0;
}
#valentine2020 #ruby,
#valentine2020 #vl20kit{
	padding: 30px 10px;
	background: url(../../contents/valentine2020/spbg.jpg);
}

#valentine2020 #ruby{
	background: url(../../contents/valentine2020/spbg.jpg);
	padding: 30px 0 30px;
}
#valentine2020 .vl20kitlist{
	padding: 0;
	margin-right: -5%;
	
}
#kit20lineup{
	padding-top: 30px;
}
#valentine2020 .tsub{
	font-size: 1.6rem;
}
#valentine2020 .vlpk{
  display: inline-block;
  width:46%;
  margin: 0 2% 3% 0;
  text-align: center;
}
#valentine2020 .vlpk img,
#valentine2020 .tmslis img{
	width:100%;/*ie対策*/
}
#valentine2020 .vlobi{
	border:solid 6px #573124;
	margin: 0 10px 40px 10px;
	background-color: #fef8f2;
}
#valentine2020 #rubystage{
	border:solid 6px #ff749e;
	background-color: #fffff7;
	margin: 10px;
}
#valentine2020 .kitch{
	color: #FFFFFF;
	margin: 0 auto 15px;
	padding: 15px 10px;
	background-color: #835133;
	font-weight: bold;
	font-size: 1.6rem;
}
#valentine2020 .rubych{
	text-align: center;
	color: #f5feb6;
	margin: 0 auto 15px;
	padding: 10px 0 15px 0;
	background-color: #ff749e;
	font-weight: bold;
}


#valentine2020 .kitoya{
	padding: 0 20px 0 20px;
}

#valentine2020 #tmsetstage{
	padding-top: 40px;
}
#valentine2020 #tmsetvl20{
	background-color: #e5d3c3;
	padding: 40px 0 20px;
}

#valentine2020 .kit_name{
	font-size: 2.4rem;
	font-weight:600;
	color: #470705;
	margin-top: 10px;
}
#valentine2020 .vlred{
	color:#ff1800;
	font-size: 2.0rem;
	padding:0 10px;
}


#valentine2020 .kitprice{
	margin: 15px 10px 0 0;
	text-align: right;
	font-weight: bold;
	font-size: 1.6rem;
	color: #470705;
}
#valentine2020 .kitprice_r{
	margin-bottom: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
	color: #470705;

}
#valentine2020 .kittime{
	background-color: #f4e7e3;
	padding:10px;
	text-align: center;
	margin-top:20px;
	margin-bottom: 10px;
}
#valentine2020 .kitoven{
	background: url(../../contents/valentine2020/icon_ovn.png)no-repeat left #f4e7e3;
	text-align: center;
	background-position:22%;
	padding: 10px;
}
#valentine2020 .kitspe{
	color: #470705;
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 20px;
}
#valentine2020 .mcome{
	text-align: center;
	color: #470705;
}
#valentine2020 .kitpoint{
	margin: 20px 0;
	color: #470705;
	font-size: 1.6rem;
}
#valentine2020 .kitbtn_ck img,
#valentine2020 .kitbtn_buy img,
#valentine2020 .kitbtn_buy_r img,
#valentine2020 .tmsbtn_buy img{
	width:90%;
}
#valentine2020 .kitbtn_ck,
#valentine2020 .kitbtn_buy,
#valentine2020 .kitbtn_buy_r,
#valentine2020 .tmsbtn_buy{
	text-align: center;
	padding-bottom: 5%;
}

#valentine2020 .kitmov{
     position: relative;
     padding-bottom: 50%;
     height: 0;
     overflow: hidden;
	 margin: 20px auto;
	 width: 90%;
}

#valentine2020 .kitmov iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

#valentine2020 .tmslis{
	border:solid 6px #470705;
	margin: 0 10px 40px 10px;
	padding: 0 20px 0 20px;
	background-color: #fffff7;
}


#valentine2020 .tmname{
	font-size:1.8rem;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
}
#valentine2020 .tmcome{
	margin: 20px 0;
	color: #470705;
	font-size: 1.6rem;
}


}
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
}

