@charset "utf-8";

/* all */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	line-height: 1;
	color: #000000;
}
body { padding-top: 0px;}　
body .main {font-size: 19px;}
body .main p {font-size: 19px; line-height: 240%;}
body .main a:hover {opacity: 0.7;}
.clearfix {zoom:1;}
body .main a:link, a:active, a:visited{color: #000000;}
.clearfix:after{content: "";display: block;clear: both;}
.container {width: 1100px;margin:0 auto;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.sp {display: none;}
.pc {display: inline-block;}
p.indent-1 {padding-left:1em;text-indent:-1em;}
.block{display: block;}

.w10p {width: 10%;}
.w20p {width: 20%;}
.w30p {width: 30%;}
.w40p {width: 40%;}
.w50p {width: 50%;}
.w60p {width: 60%;}
.w70p {width: 70%;}
.w80p {width: 80%;}
.w90p {width: 90%;}

.mb0{margin-bottom: 0}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb40{margin-bottom: 40px}
.mr5{margin-right: 5px;}
.ml5{margin-left: 5px;}

.pt15{padding-top: 15px;}
.pb40{padding-bottom: 40px;}
.ptb20{padding-top: 20px !important;padding-bottom: 20px !important;}

.fs70{font-size: 70%}
.fs120{font-size: 120%}
.fs130{font-size: 130%}
.fs140{font-size: 140%;}
.fs200{font-size: 200%}

.pink{color: #d1678f;}
.purple{color: #b37fb8;}

.main .container h3 span{
	position: relative;
	font-size: 19px;
	}

@media screen and (max-width: 767px) {body .main {padding-top: 0;}.sp {display: inline-block;}.pc {display: none;}.container {width: 100%;}body .main p{font-size: 3vw;}}



/* main */
.main h1 img {width: 100%; min-width: 1010px; margin-bottom:85px;}
.main h1 {text-align: center;}
.main h2 {text-align: center; font-size: 28pt;}
.main h2 img {width: 100%;}
.main h2 a {opacity: 1 !important;}

.main .container section, .main .bgc {
	font-family: "ＭＳＰゴシック", "meiryo", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳＰゴシック", source-han-serif-japanese, sans-serif;
}
.main .container section#live p{
	margin-bottom: 75px;
}
.main .container section#live img {
	width:300px;
	margin-bottom:40px;
}
.main .container h3,.main .bgc h3 {
			text-align: center;
			margin: 0 auto 20px auto;
			}

.main .container h3 span:before,
.main .container h3 span:after {
	width: 35px;
	height: 1px;
	background: #000;
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
}
.main .bgc h3 span.csm:before,
.main .bgc h3 span.csm:after {
	width: 35px;
	height: 1px;
	background: #a661a9;
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	text-align: center;
}
.main .container h3 span:before{
	left: -45px;
}
.main .container h3 span:after {
	right: -45px;
}
.main .bgc h3 span.csm:before {
	left: -340px;
}
.main .bgc h3 span.csm:before {
	right: -60px;
}
.bgc {
	background: #eadeec;
	padding-top: 50px;
	padding-bottom: 20px;
	margin-bottom: 50px;
}
.main h3 span.csm {
position: relative;
    font-size: 19px;
	color: #a661a9;
}
.main .bgc p.csmText {
	font-size: 13px;
	text-align: right;
	margin-right: 100px;
}
section#movie2, section#movie3 {
	margin-bottom: 50px;
}
.departmentInner .movieBlock {
    padding: 20px 0 0;
    width: 560px;
    margin: 0 auto;
}
	#topics .introduction {	
	text-align: center;	
	padding: 20px;
	}
.departmentInner .movieText {
	font-size: 13px;
	width: 560px;
	margin: 0 auto;
}
section#movie {
	margin-bottom: 50px;
}
@media screen and (max-width: 767px) {	
 	.main h1 img {
	 width: 100%; 
	min-width:0;
	 margin: 0 auto 50px ;
	}
	.main .container section#live img {
	width:50%;
	margin-bottom:0;
	}
	.main .container section#live p {
    margin-bottom: 35px;
	}
	.main h2 {margin-bottom: 30px;}
	#topics .introduction {	
		text-align: left;	
		padding: 0 20px 20px;	
	}	
	#topics .departmentInner {	
		width: 95%;
		margin: 0 20px;	
	}	
	.departmentInner .movieBlock {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
	}
	.departmentInner .movieBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
	section#movie {
		margin-bottom: 40px;
	}
	.departmentInner .movieText {
	font-size: 2vw;
	width: 100%;
	margin: 0 auto;
	}
	.bgc {
	background: #eadeec;
	padding-top: 50px;
	padding-bottom: 5px;
	margin-bottom: 60px;
	}
	.bgc .container .departmentInner .movieBlock {
	margin-bottom: 60px;				
	}
	.main .bgc p.csmText {
   font-size: 2vw;
	}
}

.episodeImage img {
    width: 100%;
    min-width: 1010px;
}
.episode02 img {
	margin-bottom: 30px;
}
.messageImage{
	margin-bottom: 75px;
}
.messageImage img {
	width: 100%; 
	min-width: 1010px; 
}
section#message {
	margin-bottom: 70px;
}
section#message h3{
	margin-bottom: 50px;
}
section#message p {
	margin-bottom: 45px;
}
section#message p.issyou {
	font-size: 190%;
	line-height: 200%;
	margin-bottom: 75px;
}
section#message p.messsage_hju img {
	width: 20%; 
	margin: 0 auto 50px ;
}


@media screen and (max-width: 767px) {	
	.episodeImage img {
		width: 100%; 
		min-width: 0;
		margin: 0 auto;
	}
	.episode02 img {
		margin-bottom: 60px;
	}
	.main .bgc p.csmText {
		margin-right: 10px;
		margin-bottom: 30px;
	}
	.messageImage{
		margin-bottom: 50px;
	}
	.messageImage img {
		width: 100%; 
		min-width: 0;
		margin: 0 auto;
	}
	section#message {
		margin-bottom: 70px;
	}
	section#message h3{
	margin-bottom: 30px;
	}
	section#message p {
		margin-bottom: 30px;
	}
	section#message p.issyou {
		font-size: 4vw;
		line-height: 170%;
		margin-bottom: 50px;
	}
	section#message p.messsage_hju img {
	width: 40%; 
}
}