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

@import url(https://fonts.googleapis.com/earlyaccess/kokoro.css);


.contents{
	font-family: 'Kokoro', "Times New Roman", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	width:100%;
}

h1 img, h2 img, p img{
	width:100%;
}

.cms{
	width:80%;
	margin:0 auto 7% auto;
}

.cms img{
	width:100%;
}

.titleS{
	margin-bottom:0px;
	width:100%;
}

.titleS img{
	width:100%;
}

.lineup .cms{
	width:80%;
	margin:7% auto 7% auto;
}


.clipper ul{
	margin-top:7%;
}

.clipper li{
	width:25%;
	float:left;
	padding:0 0 6.25% 6.25%;
	
}
.clipper li:nth-child(4n){
	padding:0 0 6.25% 21.875%;
}

.movie {
	width:60%;
	margin: 7% auto;
	padding:2.8%;
	background: #f2ccc1;
}

.movie video{
	width:100%;
}

.textBox{
	border:solid 1px #000000;
	width:88%;
	height:250px;
	margin: 8% auto;
	overflow: scroll;
	font-size: 85%;
	text-indent: 0.1em;
	line-height: 1.5em;
}

.textBox li{
	margin-bottom:1%;
}

.textBox p{
	margin:2%;
}

.item{
	position:relative;
}

.itemImage{
	width:100%;
}

.itemImage img{
	width:100%;
}

.buybutton{
	width:27%;
	position:absolute;
	bottom:29%;
	right:17%;
}

.madoguchiText{
	width:100%;
	margin-top:3%;
}

.madoguchi {
	width:40%;
	float:left;
	margin-bottom:4%;
	padding-left:4%;
}
.tel {
	width:50%;
	float:left;
	margin-bottom:4%;
}

.madoguchiText img, .madoguchi img, .tel img{
	width:100%;
}

.footer{
	clear: both;
}