@charset "utf-8";


/*
	/css/custom.css
	-----------------------------------
	v1.0
	Last Updated: 2016-09-23
	Copyright: CBC TELEVISION CO.,LTD. All rights Reserved.
	-----------------------------------
*/

/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
pre,textarea{overflow:auto}
:root,[aria-disabled]{cursor:default}
[hidden],audio:not([controls]),template{display:none}
button{overflow:visible}
details,main,summary{display:block}
input[type=number]{width:auto}
input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
progress{display:inline-block}
small{font-size:75%}
textarea{resize:vertical}
*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}
*{background-color:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}
::after,::before{text-decoration:inherit;vertical-align:inherit}
:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;box-sizing:border-box;font:1pc/1.5 sans-serif;text-rendering:optimizeLegibility}
html{background-color:#FFF;color:#000}
a{text-decoration:none}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}
[type=number],[type=search],[type=submit],[type=tel],[type=text],[type=time],[type=url],[type=week],[type=button],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=password],[type=reset],button,select,textarea{min-height:1.5em}
code,kbd,pre,samp{font-family:monospace,monospace}
nav ol,nav ul{list-style:none}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
table{border-collapse:collapse;border-spacing:0}
::selection{background-color:#B3D4FC;text-shadow:none}
[aria-busy=true]{cursor:progress}
[aria-controls]{cursor:pointer}
[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}
[hidden][aria-hidden=false]:focus{clip:auto}
/*# sourceMappingURL=sanitize.css.map */




html {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif !important;
}



#home .preview-box .detail .exit {
	border: 1px solid #f00;
	padding: 1em 0;
	color: #f00;
	text-align: center;
}



/* 	Common Style
---------------------------------------- */

.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}

.img-responsive,
.section-ttl img,
.cast-block img {
	display: block;
	max-width: 100%;
	height: auto;
}

.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.center-block,
.cast-block .name {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.w35p { width: 35%; }
.w60p { width: 60%; }
.w65p { width: 65%; }
.w70p { width: 70%; }
.w75p { width: 75%; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }

/* Default Link Style */
a, a:link {
	color: #0000DE;
}
a:visited {
	color: #941D55;
}
a:active,
a:hover {
	color: #CC0000;
}
a:focus {
	color: #CC0000;
}

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

	.w70p img { width: 270px; }
	.w75p img { width: 290px; }

}


/* 	Base Style
---------------------------------------- */

#global-nav {
	display: none;
}

body {
	background: #fdeeed;
	font-size: 14px;
	line-height: 1.7em;
	word-break: break-all;
}

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

	body {
		background: #fdeeed;
		font-size: 16px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		min-width: 980px;
	}
	#global-nav {
		display: block;
	}

}



/* 	Content
---------------------------------------- */

#container {
	width: 100%;
}
#content {
	padding: 0 0 9.6%;
	margin: -16.4% 0 0;
}

/* Section Common */
.section {
	width: 100%;
	background: transparent url(../images/bg_ttl_sp.png) center 0 no-repeat;
	padding-top: 1.5em;
	margin-bottom: 4em;
}
h2.section-ttl {
	width: 85%;
	margin: 0 auto 4em;
}

/* Story */
#intro-block .section-block,
#story-block .section-block {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
#intro-block .section-block p,
#story-block .section-block p {
	margin-top: 1em;
}
#intro-block .section-block br,
#story-block .section-block br {
	display: none;
}
#story-block {
	margin-bottom: 2em;
}
#story-photo {
	width: 100%;
	margin-bottom: 4em;
}
#story-photo img {
	width: 100%;
}
#story-photo figcaption {
	width: 90%;
	text-align: center;
	margin: 0.5em auto;
}

/* Cast */
.cast-block {
	width: 90%;
	margin: 1em auto 0;
}
.cast-block .photo {
	margin: 1em auto;
	max-width: 45%;
}
.cast-block .name {
	margin-top: 1em;
}
.cast-block .profile {
	margin-top: 1em;
	font-size: 1em;
}
.cast-block .profile br {
	display: none;
}

/* Facebook */
#fb-block .section-block {
	max-width: 90%;
	margin: 0 auto;
}

/* Preview */
.preview-box {
	width: 100%;
	line-height: 1.6em;
}
.preview-box h3 {
	width: 96%;
	background: url(../images/preview-head.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	padding: 32.47% 0 0; /* W100% = 33.82% */
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 0 6.4%;
}

.preview-box .detail {
	width: 88%;
	margin: 0 auto;
}
.preview-box .detail p {
	margin: 0 0 5.4%;
}
.preview-box .detail dl {
	width: 100%;
	line-height: 1.4em;
	margin: 0 auto 5.4%;
}
.preview-box .detail dt {
	float: left;
	clear : both;
	width: 3em;
	background: #df4f84;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 0.8% 0.2em 0.4%;
	margin: 0 0 0.6%;
}
.preview-box .detail dd {
	padding: 0.8% 0 0.4%;
	margin: 0 0 0.6% 4em;
}
.preview-box .detail .apply {
	padding: 5.4% 0 0;
}
.preview-box .detail .apply a {
	display: block;
	background: url(../images/btn-apply-sp.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	padding: 21.09% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 auto;
}

.preview-box .detail span.style-change:before,
.preview-box .detail span.style-change2:before {
	content: '\A';
	white-space: pre;
}


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

	#container-inner {
		background: url(../images/header.png) no-repeat center top;
	}

	#content {
		width: 980px;
		padding: 0 0 50px;
		margin: 0 auto;
	}

	/* Section Common */
	.section {
		background: transparent url(../images/bg_ttl_pc.png) center 0 no-repeat;
		margin-bottom: 5em;
	}
	h2.section-ttl {
		width: 360px;
		margin: 0.5em auto 5em;
	}
	
	/* Story */
	#intro-block .section-block,
	#story-block .section-block {
		width: 980px;
		margin: 0 auto;
		text-align: center;
	}
	#intro-block .section-block br,
	#story-block .section-block br {
		display: block;
	}
	#story-photo {
		width: 720px;
		margin: 0 auto 4em;
	}

	/* Cast */
	.cast-block {
		width: 710px;
		margin: 40px auto 0;
	}
	.cast-block .photo {
		margin-top: 0;
		width: 220px;
		float: left;
	}
	.cast-block .name {
		margin-top: 35px;
		width: 430px;
		float: right;
	}
	.cast-block .profile {
		margin-top: 20px;
		width: 430px;
		float: right;
	}
	.cast-block .profile br {
		display: block;
	}

	/* Facebook */
	#fb-block .section-block {
		width: 500px;
		height: 500px;
		margin: 0 auto;
	}
	
	/* Preview */
	.preview-box {
		width: 760px;
		padding: 0 35px;
		margin: 0 auto;
	}
	.preview-box-inner {
	}
	.preview-box h3 {
		display: block;
		background: url(../images/preview-head.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 645px;
		height: 207px;
		margin: 0 auto 46px;
	}

	.preview-box .detail {
		width: 650px;
		font-size: 16px;
		line-height: 1.6em;
		margin: 0 auto;
	}
	.preview-box .detail p {
		margin: 0 0 26px;
	}
	.preview-box .detail dl {
		width: 650px;
		line-height: 1.4em;
		margin: 0 auto 32px;
	}
	.preview-box .detail dt {
		float: left;
		clear : both;
		width: 40px;
		background: #df4f84;
		color: #fff;
		font-weight: bold;
		text-align: center;
		padding: 2px 12px 1px;
		margin: 0 0 4px;
	}
	.preview-box .detail dd {
		padding: 2px 0 1px;
		margin: 0 0 4px 74px;
	}
	.preview-box .detail .apply {
		padding: 10px 0 0;
	}
	.preview-box .detail .apply a {
		display: block;
		background: url(../images/btn-apply.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 330px;
		height: 70px;
		margin: 0 auto;
	}
	.preview-box .detail .apply a:hover {
		background: url(../images/btn-apply.png) no-repeat 0 -70px;
	}

	.preview-box .detail span.style-change2:before {
		content: '\A　';
		white-space: pre;
	}

}


/* 	Pageup Style
---------------------------------------- */

.pageup a {
	display: block;
	background: url(../images/btn-pageup-sp.png) no-repeat 0 0;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	width: 71px;
	height: 71px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	position: fixed;
	right: 20px;
	bottom: 20px;
}

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

	.pageup a {
		display: block;
		background: url(../images/btn-pageup.png) no-repeat 0 0;
		font-size: 0px;
		line-height: 0px;
		text-indent: -9999px;
		text-decoration: none;
		width: 94px;
		height: 94px;
		position: fixed;
		right: 20px;
		bottom: 20px;
	}
	.pageup a:hover {
		background: url(../images/btn-pageup.png) no-repeat 0 -94px;
	}

}



/* 	Footer Style
---------------------------------------- */

.footer a, .footer a:link {
	color: #000;
	text-decoration: none;
}
.footer a:visited {
	color: #000;
}
.footer a:active,
.footer a:hover {
	color: #000;
}
.footer a:focus {
	color: #000;
}
.footer {
	width:100%;
	padding: 0 0 4em;
}
.footer-inner {
	width: 92%;
	text-align: center;
	margin: 0 auto;
}
.footer-inner p {
	font-size: 0.8em;
	line-height:1.6em;
}

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

.footer {
		width:100%;
	}
	.footer-inner {
		text-align: center;
	}
	.footer-inner p {
		font-size:12px;
		line-height:1.5;
	}

}