@charset "utf-8";
/*==========================================
	
	 
		テンプレート用CSS　レスポンシブ対応

	
==========================================*/
#template #content{
	padding-top:10px;
}

/*----- #container-main -----*/

#template #container-main {
	width:640px;/*20160518修正*/
	margin:0  0 0 10px;
	float:left;
	display:inline;
}

#container-main h2{

}

#container-main h3{
		padding:5px 0;
		clear:both;
}

#container-main h4{
		padding:5px 5px  0;
		color:#FF6600;
		font-size:110%;
}


#box-images{
	margin-bottom:10px;
}

#box-title {
	padding:10px 15px;
	background:#F2EFE3 url(../images/tit-tp-h2-bg.gif) right bottom no-repeat;
	border-top:4px solid #423731;
	border-bottom:1px dotted #615047;
}

#box-title h2{
	font-size:160%;
}

#box-title p{
	font-weight:bold;
}

#template #container-main h3.tit-template{
	margin-bottom: 5px;
	padding: 8px 10px;
	background: url(../images/tit-tp-line_bg_01.gif) repeat-x bottom;
	font-size: 110%;
	color: #4D4125;
	text-align: justify;
}

#container-main .box-contents .tit-template {
}

.box-contents p{
	 padding:5px;
}

.btn-submit{
	width:40%;
	margin:10px auto;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	background:#ff8208;	
	border-radius: 3px 3px 3px 3px;
}

.btn-submit a:link{
	color:#FFF;
	display:block;
	padding:12px;
}

.btn-submit a:hover{
	color:#FFF;
	text-decoration: none;
	opacity:0.5;
}

.btn-submit a:visited{
	color:#FFF;
text-decoration: none;
}

.box-movie{
	width:580px;
	margin:15px auto;
}

#box-photogallery{
	margin:5px auto;
}

#container-main #box-photogallery a{
	width:100px;
	margin:3px;
	float:left;
	display:inline;
	background-color:#F2EFE3;
}

/*PhotoGallery 20160711追加修正*/
#content-photogallery{
width:630px;
margin:10px auto;
display: -webkit-flex;
display: flex;
flex-wrap:wrap;
}

#content-photogallery a{
	width:150px;
	padding:5px 3.75px;
}

#content-photogallery a img{
	width:100%;
}


/*----- #container-side -----*/

#template #container-side {/*20160518修正*/
	width:300px;
	margin:0 10px 0 0;
	float:right;
	display:inline;
	}
	
#template #container-side h3 {/*20160518追記修正*/
 margin:0 0 10px;
	padding:6px 10px;
	background-color:#F2EFE3;
	border-left:3px solid #615047;
}
	
#RECTANGLE{
	margin-bottom:10px;
}

#container-side #box-cast p{
	font-size:110%;
	padding:5px;
}


#container-side #box-cast .floatLeft{
	width:100px;
	float:left;
	}

#container-side #box-cast .floatRight{
	width:180px;
		float:left;
	}


#box-sns {
	padding-top:5px;
	border-top:1px solid #CCC;
	clear:both;
}

#box-sns div{/*20160518追記*/
	float:left;
 margin:5px 0 0 5px;
}
#box-sns div:first-child{/*20160518追記*/
	float:left;
 margin-left:0 ;
}


/*--------------------------------------

	768px以下のデバイス用CSS
	
---------------------------------------*/

@media screen and (max-width: 768px) {
	
	#template #content{
	padding-top:0;
}
	
	#template #container-main{
	width:100%;
 float:none;
	margin:0;
}

#template #container-side {
	width:100%;
	float:none;
	margin:0;
}

#template #container-side h3 {
 margin:0 5px 10px;
}

#RECTANGLE{
	display:none;
}

#box-images img{
	width:100%;
}

.btn-submit{
	width:65%;
}

.box-movie{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.box-movie iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#container-side #box-cast{
	padding-top:10px;
}

#container-side #box-cast .floatRight{
  width: 100%;
  margin: 0 0 0 -130px;
	}

#container-side #box-cast .floatRight p{
  margin: 0 0 0 130px;
	}

/*PhotoGallery 20160711追加修正*/
#content-photogallery{
	width:95%;
}

#content-photogallery a{
	width:31%;
	padding:1.1%;
}


	}