@charset "utf-8";



/* common
----------------------------------------------------------------------*/
body{
	background-color: #f2f2f2;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family:'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.5;
	-webkit-text-size-adjust: none;
}
a {
	color: #0164a3;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}
a:active {text-decoration:underline;}




/* 大枠
----------------------------------------------------------------------*/
#header {
	width: 100%;
	background-color: #d70e18;
}
#container {
	width: 100%;
}
#footer {
	width: 100%;
	background-color: #333333;
}

.headerInner,
.containerInner,
.footerInner {
	width: 100%;
	min-width: 320px;
	max-width: 800px;
	height: auto;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}

.containerInner {
	background-color: #fff;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	margin: 20px auto;
	padding: 0;
}




/* 個別枠
----------------------------------------------------------------------*/
.ptSitename {
	width: auto;
	height: auto;
	margin: 0 10px;

	font-size: 1.3rem;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.ptDescription {
	width: auto;
	height: auto;
	margin: 0 10px;

	font-size: 0.8rem;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.ptMovie{
	width: 100%;
	/* max-width: 640px; */
	height: auto;
	margin: 0;
	padding: 0;
}

	.ptMovie .embedYoutube {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 30px;
		padding-bottom: 56.25%; /* 16:9の比率の場合 */
		overflow: hidden;
	}
		.ptMovie .embedYoutube iframe,
		.ptMovie .embedYoutube object,
		.ptMovie .embedYoutube embed{
			position: absolute;
			top:0;
			left:0;
			width: 100%;
			height: 100%;
		}

.ptCopyright {
	width: auto;
	height: auto;
	margin: 0 10px;

	color: #959595;
	font-size: 0.7rem;
	line-height: 1.7rem;
	text-align: center;
}




/* レスポンシブ用
----------------------------------------------------------------------*/
@media screen and (min-width: 980px) {
	/* 980px以上用（PC用）の記述 */
}
@media screen and (min-width: 480px) and (max-width: 979px) {
	/* 979px以下用（タブレット用）の記述 */
	.containerInner {
		min-height: 0;
	}
}
@media screen and (min-width: 0px) and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
	.containerInner {
		min-height: 0;
	}
}