@charset "utf-8";

div.shofullwp{
/*makeshop用に幅を決め打ち。これがないとIEで見た時に740を超えてしまう。y,rはiframeなので使わない。makeshopのスマホ用にも使わない。*/
	width:740px;
}

div.shofullw{
/*	text-align:center;*/
	-webkit-text-size-adjust:100%;
	font-family:メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

div.shofullw img{
	max-width:100%;
}

div.shotxtb{
	font-size:16px;
	line-height:140%;
	font-weight:bold;
	padding:1% 5% 1%;
	letter-spacing:1.5px;
}

div.shotxt{
	font-size:14px;
	line-height:140%;
	padding:0 5% 1%;
	letter-spacing:1.5px;
}

div.shotxtsb{
	font-size:12px;
	line-height:140%;
	font-weight:bold;
	padding:1% 5% 1%;
}

div.shotxts{
	font-size:12px;
	line-height:140%;
	padding:0 5% 1%;
}

div.sholine{
	display:block;
	width:100%;
	height:1px;
	margin:5% 0;
	background-color:#CCCCCC;
}

div.shotopimg{
/*	width:740px;*/
}

div.shotopimg img{
	margin:0 auto;
	display:block;
}

div.shoname{

}
div.shoname img{
	width:100%;
}

div.shonames{
	width:auto;
	margin:2% auto 0;	
}

div.shotitle{
	text-align:center;
	margin:5% 0 1%;
}

div.shotitle img{
	width:70%;
}

div.shodetail{
	background-color: #EEEEEE;
/*	width:680px;*/
	padding:4%;
}

div.shodetail img{
	margin:0 auto;
	display:block;
}

div.shodetailthum{
	padding:0 5% 1%;
}

div.shodetailthum img{
	margin:0;
	display:inline;
	width:10%;
}

div.shodetailthum2{
	padding:0;
}

div.shospec{
	border:solid 2px #FFFFFF;
/*	text-align:left;*/
	padding:2% 5% 2%;
}

div.sholeather{
	border:solid 1px #CCCCCC;
/*	width:100%;*/
}

div.sholeather img{
	width:100%;
}

div.sholeathert{
	font-size:20px;
	width:auto;
	margin:0 auto;
	text-align:center;
}

div.sholeathers{
	width:auto;
	margin:0 auto;
}

div.shoskill{
	border:solid 1px #CCCCCC;
}

div.shoskill img{
	width:100%;
}

div.shoskillt{
	font-size:20px;
	width:auto;
	margin:0 auto;
	text-align:center;
}

div.shoskills{
	width:auto;
	margin:0 auto;
}



div.sholface{
/*	width:740px;*/
	overflow:hidden;
	positon:relative;
	zoom:1;
}

div.sholface img{
}

div.sholfacet{
	width:auto;
	margin:0 auto;
}

div.sholfaces{
	float:left;
	width:30%;
	padding:1.6%;
	border:none;
}

div.sholfaces1{
	text-align:center;
}
div.sholfaces2{
/*	text-align:left;*/
	padding:0;
}


div.shocolor{
/*	width:740px;*/
	overflow:hidden;
	positon:relative;
	zoom:1;
}

div.shocolors{
	float:left;
	width:30%;
	padding:1.6%;
}

div.shocolors2{
	text-align:center;
	padding:0;
}

div.shomovie iframe{
	width:740px;
	height:416px;
}

div.shorpost{
	border:solid 1px #CCCCCC;
}

div.shorpost iframe{
/*	width:740px;*/
	width:100%;
	height:70px;
	border: none;
}

div.shomade{
/*	background-color: #400000;*/
	border:solid 1px #CCCCCC;
	margin-bottom:5%;
}

div.shomade img{
	width:100%;
}

div.shomadet{
	width:auto;
	margin:0 auto;
	text-align:center;
}

div.shomades{
	width:auto;
	margin:0 auto;
/*	color: #ffffff;*/
}

div.shoaging{
	border:solid 1px #CCCCCC;
/*	width:100%;*/
}
div.shoaging img{
	width:100%;
}

div.shoagingt{
	font-size:20px;
	width:auto;
	margin:0 auto;
	text-align:center;
}

div.shoagings{
	width:auto;
	margin:0 auto;
}

div.shomobile{
	display:none;
}




@media screen and (max-width:739px) { 
    /*　for iPhone 　*/
	div.shotxtb{
		font-size:14px;
	}

	div.shonames{
		width:90%;
	}

	div.shotitle img{
		width:100%;
	}

	div.sholeathert{
		width:90%;
		font-size:14px;
	}

	div.sholfaces{
		padding:1%;
		border:solid 1px #EEEEEE;
		margin:1px;
	}

	div.shoagingt{
		width:90%;
		font-size:14px;
	}

	div.shomovie{
		position:relative;
		overflow:hidden;
		width:100%;
		height:0;
/*		padding:calc(416 / 740 * 100%) 0 0;*/
		padding-top:56.25%;
	}

	div.shomovie iframe{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}

	div.shorpostw{
		display: none;
	}

	div.shorpost{
		display: none;
	}

	div.shorpost iframe{
		display: none;
	}

	div.shomadet{
		width:90%;
	}

	div.shomobile{
		display:inline;
	}

	div.shomobiles{
		width:80%;
		text-align:center;
		background-color: #666666;
		color:#FFFFFF;
		border-radius:3px;
		padding:4%;
		margin:3% auto;
	}

	div.shomobiles a{
		color:#FFFFFF;
	}

	div.shomobilet{
		width:80%;
		text-align:center;
		background-color: #666666;
		color:#FFFFFF;
		border-radius:3px;
		padding:4%;
		margin:3% auto;
	}

	div.shomobilet a{
		color:#FFFFFF;
	}
}