@charset "utf-8";
/*--------------------------------------------------
	HOSTxHOST template CSS
--------------------------------------------------*/

/*** Common ***/
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

.none{ display:none; }
.center{ text-align:center; }
.left{ text-align:left; }
.right{ text-align:right; }

.red{		color:#e00; }
.blue{		color:#00e; }
.green{		color:#0e0; }
.orange{	color:#f93; }
.black{		color:#222; }
.gray{		color:#bbb; }
.white{		color:#fff; }



/*** Template ***/
.template{
	width:100%;
	margin:auto;
	line-height:150%;
}

/* Text */
.template .text-big{
	font-size:18px;
}
.template .text-mid{
	font-size:14px;
}
.template .text-small{
	font-size:10px;
}

/* List */
.template .t-list ul:after{
	content:'';
	display:block;
	clear:both;
}
.template .t-list ul li{
	float:left;
}

/* Image */
.template .t-list-img{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	border-spacing:0;
}
.template .t-list-img *{
	padding:0;
}
.template .t-list-img img{
	width:100%;
	margin-bottom:0;
	border:none;
	vertical-align:bottom;
}

/* Movie */
.template .t-movie{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.template .t-movie iframe{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border-spacing:0;
	border:0;
}









/*** old type ***/

/* Movie */
.template .movie{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.template .movie iframe{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border-spacing:0;
	border:0;
}

/* Image */
.template .image{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	border-spacing:0;
}
.template .image *{
	padding:0;
}
.template .image img{
	width:100%;
	margin-bottom:0;
	border:none;
	vertical-align:bottom;
}