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


html{ font-size: 62.5%; /* 10px */ }
body{
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Roboto, "Noto Sans Japanese", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, Verdana, sans-serif;
	text-align: left;
	background: #F9F9F9;
	font-size: 1.4rem;
	line-height: 1.6;

	background-image:
		url(../img/bg_main.png),
		url(../img/bg_main2.png);
	background-position:
		center top,
		center bottom;
	background-repeat:
		no-repeat,
		no-repeat;
	background-attachment:
		fixed,
		fixed;
}

.sp{ display: block; }
.pc{ display: none; }

h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal; margin: 0; padding: 0; }
ul,li,ol{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
p{ margin: 0; padding: 0; }
img{ max-width: 100%; vertical-align: top; }

a{ color: #0a94ff; text-decoration: none; }
a:visited, a:visited{ color: #9520df; text-decoration: none; }
a:hover, a:active, a:focus{ color: #df2089; text-decoration: underline; }
a:hover img, a:active img, a:focus img{ opacity: 0.9; filter: alpha(opacity=90); }
/* /basic */



#wrapper{
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
	header{
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}
	div#ctv_tab{}

	div#container{
		/* background: #FFF url(../img/bg_head.jpg) left top no-repeat; */
		background: #FFF;
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
		padding: 0;
		background-size: contain;
	}
		div#title_container{
			/* background: url(../img/head_photo.png) left top no-repeat; */
			/*padding-top: 28.126%;
			background-size: contain;*/
			padding-top: 10px;
		}
		h1{}
		h2{}

		div#caption{
			width: 96%;
			margin: 80px auto 36px;
			overflow: hidden;
			text-align: center;
		}
		div#caption p{
			border-top: 1px solid #26aad6;
			border-bottom: 1px solid #26aad6;
			width: 96%;
			margin: 8px auto 0;
			padding: 10px 0;
			text-align: left;
			font-size: 1.6rem;
			line-height: 1.54;
		}
		div#caption p strong{
			color: #ee5f00;
			font-weight: bold;
		}

					div#navigator{
						width: 90%;
						margin: 28px auto 36px;
						overflow: hidden;
						text-align: center;
					}
					div#navigator img#nav_wada{
						max-width: 30%;
					}
					div#navigator p{
						border-top: 1px solid #f7b3b4;
						border-bottom: 1px solid #f7b3b4;
						width: 96%;
						margin: 10px auto 0;
						padding: 10px 0;
						text-align: left;
					}


		main#main_container{
			clear: both;
			width: 100%;
			overflow: hidden;
			background: #FFF;
		}
			div.cast{
				overflow: hidden;
				margin-bottom: 40px;
			}
			div.cast p{
				width: 92%;
				margin: 14px auto 0;
				/* font-size: 1.6rem;
				line-height: 1.8; */
			}
			div.cast p em{
				color: #ee5f00;
				font-style: normal;
				font-weight: bold;
			}
			div.cast p strong{
				color: #ee5f00;
				font-weight: bold;
				font-size: 1.6rem;
			}



			div#cont01{ background: url(../img/sp_cont01.jpg) left top no-repeat; }
			div#cont02{ background: url(../img/sp_cont02.jpg) left top no-repeat; }
			div#cont03{ background: url(../img/sp_cont03.jpg) left top no-repeat; }
			div#cont01,
			div#cont02,
			div#cont03,
			div#cont04{
				overflow: hidden;
				margin-bottom: 36px;
			}
				div.c_txt,
				div.c_txt_b{
					width: 94%;
					margin: 222px auto 0;
					padding: 0;
				}
				div.c_txt_b{
					margin: 206px auto 0;
				}
				div.c_txt p,
				div.c_txt_b p{
					font-size: 1.6rem;
					line-height: 1.8;
					padding: 0;
				}
				div.c_photo,
				div.c_photo_b{
					width: 92%;
					margin: 4px auto 24px;
					padding: 0;
					text-align: center;
				}
				div.c_photo img,
				div.c_photo_b img{
					border: 1px solid #26aad6;
					margin: 4px 0 12px;
				}

				div#cont04{ background: url(../img/sp_cont04.gif) left top no-repeat; }

				div.c_txt2{
					width: 94%;
					margin: 80px auto 0;
					padding: 0;
				}
				div.c_txt2 p{
					font-size: 1.6rem;
					line-height: 1.8;
					padding: 0;
				}
				div.c_photo2{
					width: 94%;
					margin: 4px auto 0;
					padding: 0;
					text-align: center;
				}
				div.c_photo2 img{
					border: 1px solid #e12826;
					margin: 4px 0 12px;
				}


	/* 動画 */
	.movie{ text-align: center; }

	.youtube-wrapper{
		margin: 40px auto;
		width: 92%;
		max-width: 780px;

	}
	.youtube-inner{
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
	}

	.youtube-inner p{
		font-size: 1.28rem;
		font-weight: bold;
		border-left: 6px solid #ff1f25;
		padding: 4px 10px;
	}
	.youtube-inner iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 780px;
		height: 100%;
	}


		div.bx-wrapper{
			margin: 0 auto 0px !important;
		}
		.bx-wrapper .bx-pager.bx-default-pager a{
			background: #0a89ff;
			width: 16px;
			height: 16px;
			border-radius: 12px;
			margin: 0 8px;
		}
		.bx-wrapper .bx-pager.bx-default-pager a:hover{
			background: #ff0096;
		}
		.bx-wrapper a.active{
			background: #ffa800 !important;
		}



footer{ width: 100%; text-align: center; font-size: 0.9em; line-height: 1.4; }
footer div{ width: 100%; margin: 0 auto; }
footer p{ clear: both;}


/* text decoration */
.red{ color: #ec5297; }
.blue{ color: #0752b9; }
.yellow{ color: #c69e00; }
.bold{ font-weight: bold; }
.size08{ font-size: 0.8rem; }
.size09{ font-size: 0.9rem; }
.size11{ font-size: 1.1rem; }
.size12{ font-size: 1.2rem; }





@media screen and (max-width : 640px){
	/* 動画 */
	.movie iframe{ max-width: 320px; height: 180px; margin: 8px auto 32px; }

}



@media screen and (min-width: 641px){
	/* 動画 */
	.movie iframe{ max-width: 96%; margin: 12px auto 32px; border: 2px solid #e60012; }

}



@media screen and (min-width: 960px){

	/* 動画 */
	.movie iframe{ max-width: 640px; height: 360px; margin: 16px auto 32px; border: 2px solid #e60012; }


	.sp{ display: none; }
	.pc{ display: block; }

	body{
		/* background: #666; */
	}
	#wrapper{
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
		header{
			width: 100%;
			margin: 0 auto;
			text-align: left;
		}
		div#ctv_tab{}

		div#container{
			/* background: #FFF url(../img/bg_head.jpg) left top no-repeat; */
			max-width: 960px;
			margin: 0 auto;
			padding: 0;
		}
			div#title_container{
				/*height: 180px;*/
				padding-top: 32px;
				background-size: auto;
			}
			h1{}
			h2{}

			div#caption{
				width: 800px;
				margin: 80px auto 36px;
				overflow: hidden;
			}
			div#caption p{
				border-top: 1px solid #63c9eb;
				border-bottom: 1px solid #63c9eb;
				width: 100%;
				margin: 16px 0 16px;
				padding: 24px 0 24px;
				font-size: 2rem;
				line-height: 1.64;
				font-weight: bold;
				text-align: center;
			}
				div#caption p strong{
				}


						div#navigator{
							width: 800px;
							margin: 28px auto 36px;
							overflow: hidden;
						}
						div#navigator img#nav_wada{
							float: left;
							margin-right: 20px;
						}
						div#navigator p{
							border-top: 1px solid #f7b3b4;
							border-bottom: 1px solid #f7b3b4;
							width: 600px;
							float: left;
							margin: 0;
							padding: 10px 0;
						}


			main#main_container{
				clear: both;
				width: 960px;
				overflow: hidden;
				background: #FFF;
				padding-bottom: 20px;
			}
			div.cast{
				overflow: hidden;
				margin-bottom: 100px;
			}
			div.cast p{
				border-left: 8px solid #c5e4f5;
				padding: 16px 0 16px 24px;
				/* width: 780px; */
				width: 872px;
				font-size: 1.64rem;
				line-height: 1.8;
				/* padding: 12px 8px 0 40px; */
				margin: 16px auto 0;
				text-shadow:
				    white 2px 0px,  white -2px 0px,
				    white 0px -2px, white 0px 2px,
				    white 2px 2px , white -2px 2px,
				    white 2px -2px, white -2px -2px,
				    white 1px 2px,  white -1px 2px,
				    white 1px -2px, white -1px -2px,
				    white 2px 1px,  white -2px 1px,
				    white 2px -1px, white -2px -1px;
			}
			div.cast p em{
			}
			div.cast p strong{
				font-size: 2rem;
			}

			div.cast p#cast01{
				background-image:
					url(../img/c11.jpg),
					url(../img/c12.jpg);
			}
			div.cast p#cast02{
				background-image:
					url(../img/c21.jpg),
					url(../img/c22.jpg);
			}
			div.cast p#cast03{
				background-image:
					url(../img/c31.jpg),
					url(../img/c32.jpg);
			}
			div.cast p#cast04{
				background-image:
					url(../img/c41.jpg),
					url(../img/c42.jpg);
			}

			div.cast p#cast01,
			div.cast p#cast02,
			div.cast p#cast03,
			div.cast p#cast04{
				background-position:
					right 20px,
					right 240px;
				background-repeat:
					no-repeat,
					no-repeat;
				background-size: 36%;
			}

			div.cast p#cast02{
				/* background: url(../img/c00.jpg) right bottom no-repeat; */
			}
			div.cast p#cast03{
				/* background: url(../img/c00.jpg) right bottom no-repeat; */
			}
			div.cast p#cast04{
				/* background: url(../img/c00.jpg) right bottom no-repeat; */
			}





			div#cont01{ background: url(../img/cont01.jpg) left top no-repeat; }
			div#cont02{ background: url(../img/cont02.jpg) left top no-repeat; }
			div#cont03{ background: url(../img/cont03.jpg) left top no-repeat; }
			div#cont04{ background: url(../img/cont04.jpg) left top no-repeat; }
			div#cont01,
			div#cont02,
			div#cont03,
			div#cont04{
				overflow: hidden;
				margin-bottom: 60px;
			}
				div.c_txt,
				div.c_txt_b{
					float: left;
					width: 590px;
					margin: 240px 0 0;
					padding: 0;
				}
				div.c_txt_b{ margin: 224px 0 0; }
				div.c_txt p,
				div.c_txt_b p{
					font-size: 1.6rem;
					line-height: 1.8;
					padding: 0 8px 0 32px;
				}
				div.c_photo,
				div.c_photo_b{
					float: right;
					width: 361px;
					margin: 240px 0 0;
					padding: 0;
					text-align: left;
				}
				div.c_photo_b{ margin: 224px 0 0; }
				div.c_photo img,
				div.c_photo_b img{
					border: 1px solid #e12826;
					margin-bottom: 30px;
				}


				div.c_txt2{
					float: left;
					width: 590px;
					margin: 116px 0 0;
					padding: 0;
				}
				div.c_txt2 p{
					font-size: 1.6rem;
					line-height: 1.8;
					padding: 0 8px 0 32px;
				}
				div.c_photo2{
					float: right;
					width: 361px;
					margin: 0px 0 0;
					padding: 0;
					text-align: left;
				}
				div.c_photo2 img{
					border: 1px solid #e12826;
					margin-bottom: 30px;
				}

	.youtube-inner p{
		font-size: 1.8rem;
	}


	footer{ clear: both; background: #333; }
	footer p{ clear: both; color: #fff; padding: 3.5em; }
	footer p a,
	footer p a:visited,
	footer p a:hover,
	footer p a:active,
	footer p a:focus{ color: #FFF; }


	/* Page Top
	=================================== */
	#page-top{ position: fixed; bottom: 8px; right: 12px; font-size: 88%; z-index: 20; }
	#page-top a{
		display: block;
		background: url(../img/to_top.png) center top no-repeat;
		width: 42px;
		height: 42px;
		text-indent: -9999px;
	}
	#page-top a:hover{ background: url(../img/to_top_on.png) center top no-repeat; }

}





.clear{ clear: both; }
.clearfix:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}
.clearfix{ display: inline-table; zoom: 1; }
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */