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

/* ================= font ====================== */

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);

/* ============================================= */

html{
	width:100%;
}


body{
	height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#4C4C4C;
	font-size:12px;
	line-height:1.7;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#FFF;
}


a{color:#4C4C4C;}



header{
	width:100%;
	padding:10% 0;
}
header h1{
	width:50%;
	max-width:300px;
	margin:0 auto;
}










.ymovie{
	width:100%;
	margin:0 auto;
}
.ymovie img{
	width:100%;
}
.main_youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin:0 auto;
}
.main_youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.main_youtube img{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	cursor:pointer;
}






h2.subtit{
	width:40%;
	margin:0 auto;
	margin-top:14%;
}




/* ===================================== InLine ============================================== */


.inlineBox{
	width:100%;
	text-align:left;
	box-sizing:border-box;
	margin-top:14%;
}
.inlineBox.last{
	padding-bottom:5%;
}
.inlineBox .spec{
	margin:0 auto;
	width:96%;
}
.inlineBox .sex{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:1.6em;
	line-height:1.4;
	padding-top:0.7em;
	letter-spacing:0.03em;
}
.inlineBox .itemlist{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:1.2em;
	line-height:1.3;
	letter-spacing:0.03em;
}
.inlineBox .itemlist p{
	padding:0.2em 0;
}
.inlineBox .itemlist a{
	color:#4C4C4C;
	text-decoration:none;
	-webkit-transition: color 0.2s;
	   -moz-transition: color 0.2s;
	        transition: color 0.2s;
}
.inlineBox .itemlist a:hover{
	color:#D70920;
}
.inlineBox .itemlist i{
	padding-right:0.2em;
}


.inlineBox .minItem{
	width:96%;
	margin:0 auto;
	margin-top:4%;
}
.inlineBox .minItem .itemlist{
	margin:0 auto;
	padding-top:0.5em;
	font-size:1.2em;
	width:100%;
}
.inlineBox .minItem .minLeft{
	width:49%;
	float:left;
}
.inlineBox .minItem .minRight{
	width:49%;
	float:right;
}





@media screen and (max-width: 580px) {

header h1{width:60%;}

h2.subtit{width:50%;margin-top:16%;}
.inlineBox{margin-top:16%;}

.inlineBox .sex{font-size:1.4em;}
.inlineBox .itemlist{font-size:1.1em;}
.inlineBox .spec{width:92%;}
.inlineBox .minItem .itemlist{font-size:1.1em;}
}

@media screen and (max-width: 360px) {
.inlineBox .sex{font-size:1.3em;}
.inlineBox .itemlist{font-size:1.05em;}
.inlineBox .minItem .itemlist{font-size:1.05em;}

}


/* ========================================================
                            Clerfix
   ======================================================== */


ul:after,
dl:after,
.minItem:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}