@charset "UTF-8";

/* !HTML5 elements ---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting ---------------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, Meiryo, メイリオ,　sans-serif;
	font-size: 13px; /* 11px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #000;
}
body.frameInner { background-color: transparent;}
/* ie7 */ *:first-child+html body { font-size: 82%; /* 69%; */}
/* ie6Below */ * html body { font-size:82%; /* font-size: 69%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 82%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: middle;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module ------------------------------------------------------------ */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

input,
textarea,
select {
    font-size: 16px;
}

/* !Clearfix ---------------------------------------------------------------- */
.clearfix,
#contents,
.inner,
#header,
#headerIn,
#gNavi02,
#gNavi02 ul,
ul.gNavi01 > li > ul > li > ul,
.boxType01,
.movieS,
.boxType03
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.inner:after,
#header:after,
#headerIn:after,
#gNavi02:after,
#gNavi02 ul:after,
ul.gNavi01 > li > ul > li > ul:after,
.boxType01:after,
.movieS:after,
.boxType03:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .inner,
* html #header,
* html #headerIn,
* html #gNavi02,
* html #gNavi02 ul,
* html ul.gNavi01 > li > ul > li > ul,
* html .boxType01,
* html .movieS,
* html .boxType03
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Layout ------------------------------------------------------------------ */
html { overflow-y: scroll;}
body { text-align: center; background: #000;}

/* !Define mobile styles
---------------------------------------------------------- */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
}

/* !Wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	background: url(../img/bg01.jpg) 0 40px no-repeat;
	background-size: 100%;
}

/* !Header
---------------------------------------------------------- */
#header {
	width: 100%;
	margin: 0 auto;
	position: inherit;
	top: 0;
	z-index: 10000;
}
	#headerIn {
		background: #fff;
		text-align: center;
		height: 40px;
	}
		#headerIn img { height: 24px; margin: 8px 0;}
	
	#gNavi02 {}
		.subLogo { display: none;}
		#headerLogo {
			/*width: 50%;*/
			float: left;
		}
			#headerLogo img {
				height: 40px;
				margin: 0 10px 10px;
			}
		#gNavi02 ul { display: none;}
		.ico_gNavi01 {
			float: right;
			width: 30px;
			margin: 10px;
		}

	ul.gNavi01 {
		position: absolute;
		margin-top: 0px;
		z-index: 10000;
		width: 100%;
	}
		ul.gNavi01 a {
			display: block;
			padding: 2px;
			text-decoration: none;
		}
		ul.gNavi01 a:hover {}
		ul.gNavi01 ul { display:none;}
			ul.gNavi01 > li > ul > li {
				background-color: rgba(0,0,0,0.8);
				border-bottom: #333 solid 1px;
			}
			ul.gNavi01 > li > ul > li:last-child { border-bottom: none;}
				ul.gNavi01 > li > ul > li > a {
					padding: 15px;
					color: #fff;
					font-size: 14px;
				}
				ul.gNavi01 > li > ul > li > ul {
					text-align: center;
					padding: 20px 0;
				}
					ul.gNavi01 > li > ul > li > ul > li {
						display: inline-block;
						margin: 0 15px;
					}
						ul.gNavi01 > li > ul > li > ul > li img { height: 30px;}
		.btnSNS {
			display: inherit;
			padding: 25px;
		}
			.btnSNS li {
				text-align: right;
				display: inline-block;
				margin: 0 10px;
				letter-spacing: normal;
			}
				.btnSNS li img { height: 25px;}

/* !Contents
---------------------------------------------------------- */
#contents { text-align: left;}
.inner {}

.sectionWeblive {
	padding: 15px 0 0;
}
	.btnType01 { margin: 0 15px 15px;}
		.btnType01 a {
			display: block;
			background: #55acee url(../img/ico_twitter_w.png) 25px center no-repeat;
			background-size: 20px;
			border-radius: 5px;
			padding: 10px 10px 10px 25px;
			color: #fff;
			line-height: 1.4;
			text-align: center;
		}
	.boxType01 {
		background-color: #000;
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		-khtml-opacity: 0.6;
		background-color: rgba(0,0,0,0.6);
		padding: 5px;
		border: #fff solid 1px;
	}
		.movie {
			position: relative;
			padding-bottom: 56.25%;
			/*padding-top: 30px;*/
			width: 100%;
			margin:	0 auto;
			height: 0;
			/*overflow: hidden;*/
		}
			.movie iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100% !important;
				height: 100% !important;
			}
			.movie img { border: #999 solid 1px;}
		.status {
			color: #fff;
			padding: 5px;
			margin: 5px 0 0;
		}
		.movieS .status { font-size: 85%;}
			.status dt,
			.status p {
				font-weight: bold;
				font-size: 131%;
				line-height: 1.0;
				margin: 0 0 5px;
			}
				.status dt span,
				.status p span { font-weight: normal;}
			.txtType01 {
				background: #e60012;
				display: inline-block;
				color: #fff;
				padding: 2px 4px;
				margin: 0 0 0 5px;
				font-size: 62%;
			}
			.status dd { font-size: 85%;}
	.boxType02 {}
		.movieS { margin: 20px 0;}
			.movieS li { padding: 15px 30px;}
	.boxType03 { margin: 15px;}
		.notice01{
			font-size: 77%;
			color: rgba(255, 255, 255, 1);
		}
			.notice01 li {
                position: relative;
				padding: 0 0 5px 0;
                margin: 0 0 0 1.2em;
			}
			.notice01 li::before {
				content: "※";
				position: absolute;
				left: -1.2em;
			}
	.boxType04 { margin: 20px auto; width: 320px;}
		.boxType04 iframe#twitter-widget-0 {
			height: 500px !important;
		}
	.boxType05 {
		padding: 0 10px;
		margin: 0 0 30px;
	}
		.boxType05 .status dt,
		.boxType05 .status p {
			font-style: italic;
			letter-spacing: 1px;
			text-shadow: 0 0 8px #000;
			-moz-text-shadow: 0px 0px 8px #000;
			-webkit-text-shadow: 0px 0px 8px #000;
		}
			.boxType05 .status dt span,
			.boxType05 .status p span { font-size: 62%;}
	.boxType06 { margin: 40px 0;}
.movie__inner {}
    .movie__inner li { margin: 0 0 1em;}
        .movie__title {
            margin: .5em 0 0;
            color: #fff;
            font-weight: bold;
            font-size: 110%;
            line-height: 1.1;
        }
            .movie__title span {
                background-color: #e00;
                padding: .1em .5em;
                font-size: 80%;
            }

.info01 { margin: 40px 0;}
	.info01 dl {
		border: #fff solid 2px;
		margin: 15px;
		color: #fff;
		background-color: rgba(0, 0, 0, .7);
	}
		.info01 dl dt {
			margin: -10px 0 10px 10px;
			height: 20px;
			line-height: 20px;
			background: #e60012;
			letter-spacing: 1px;
			display: inline-block;
			padding: 0 4px 0 5px;
			font-size: 62%;
			position: absolute;
		}
		.info01 dl dd {
			padding: 10px;
			margin: 10px 0 0;
			font-size: 93%;
		}
			.info01 dl dd p { margin: .5em auto;}
	.txtType02 {
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
		font-size: 124%;
		line-height: 1.4;
	}
	.txtType03 {
		font-weight: bold;
		font-size: 108%;
		margin: 0 0 10px;
	}
	.imgType01 { margin: 20px;}

.sectionArchive { padding: 0 0 40px;}
.sectionArchive.type01 {
	background: url(../img/bg02.jpg) 0 0 no-repeat;
	background-size: 100%;
}
.sectionArchive.type02 {
	background: #fff url(../img/bg03.jpg) 0 0 no-repeat;
	background-size: 100%;
}
	.ttlType01 {
		background: url(../img/ico_border01.png) 0 0 no-repeat;
		background-size: 20px;
		color: #fff;
		margin: 0 15px;
		padding: 10px 0 0;
		font-size: 93%;
	}
		.ttlType01 span {
			font-size: 154%;
			letter-spacing: 1px;
		}
	.sectionArchive .movieS { margin: 0;}
		.sectionArchive .status dt,
		.sectionArchive .status p {
			font-size: 170%;
			font-style: italic;
		}
			.sectionArchive .status dt span,
			.sectionArchive .status p span { font-size: 62%;}
		.sectionArchive.type02 .status { color: #000;}
		.sectionArchive.type02 li:first-child .status { color: #fff;}

.imgType03 {
    position: relative;
    margin: 1em auto;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
/*	border: #999 solid 1px;*/
}
.pic {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.play {
    position: absolute;
    width: 60px;
    top: -webkit-calc(50% - 30px);
    top: calc(50% - 30px);
    left: -webkit-calc(50% - 30px);
    left: calc(50% - 30px);
}

.sectionCourse {
	background: #fff;
	padding: 0 0 20px;
}
	.sectionCourse .ttlType01 { color: #000;}
	.imgType02 { margin: 15px;}
		.imgType02 p {
			margin: 15px 0;
			text-align: center;
		}
	.btnType02 a {
		display: block;
		border: #e60012 solid 2px;
		color: #e60012;
        background-color: #000;
		text-align: center;
		/*-webkit-transform: skewX(-10deg);
		-ms-transform: skewX(-10deg);
		transform: skewX(-10deg);*/
		width: 70%;
		margin: 20px auto;
		padding: 10px;
	}
	.btnType02 span {
		position: relative;
		padding: 0 0 0 25px;
	}
	.btnType02 span::before {
		top: 50%;
		left: 0;
		width: 10px;
		height: 10px;
		border-top: 1px solid;
		border-right: 1px solid;
		-webkit-transform: translateY(-50%) rotate(45deg);
		-ms-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
		content: '';
		position: absolute;
	}

	.btnType01 a,
	.btnType01 a:hover,
	.btnType01 a:active,
	.btnType01 a:focus { color: #fff;}
	.btnType02 a,
	.btnType02 a:hover,
	.btnType02 a:active,
	.btnType02 a:focus { color: #e60012;}
		.sectionWeblive .btnType02 a,
		.sectionWeblive .btnType02 a:hover,
		.sectionWeblive .btnType02 a:active,
		.sectionWeblive .btnType02 a:focus,
		.sectionCourse .btnType02 a,
		.sectionCourse .btnType02 a:hover,
		.sectionCourse .btnType02 a:active,
		.sectionCourse .btnType02 a:focus { color: #fff;}

.dnSP { display: none;}
.dnSPTB { display: none;}
.dnTB {}
.dnTBPC {}
.dnPC {}

/* !footer
---------------------------------------------------------- */
#footer {
	width: 100%;
	margin: 0 auto;
}
	.pageTop01 {
		display: block;
		position: fixed;
		bottom: 30px;
		right: 10px;
		z-index: 9999;
	}
		.pageTop01 a { 
			display: block;
			width: 50px;
			height: 50px;
			border-radius: 50px;
			background: url(../img/ico_arrow01.png) center 18px no-repeat;
			background-size: 20px;
			background-color: #666;
			filter: alpha(opacity=70);
			-moz-opacity: 0.7;
			-khtml-opacity: 0.7;
			background-color: rgba(102,102,102,0.7);
		}
	#gNavi03 { background: #0b3f65;}
		.hpTitle {
			text-align: center;
			padding: 20px;
			color: #b6c6d1;
		}
		.hpNav {}
			.hpNav li { border-top: 1px solid #446c89;}
				.hpNav li a {
					display: block;
					padding: 15px 10px;
					color: #fff;
				}
	#copyright {
		padding: 10px;
		color: #999;
		font-size: 77%;
		line-height: 1.4;
		text-align: center;
	}
		#copyright p { margin: 5px 0;}
		#copyright p.footerLogo { margin: 15px 0 20px;}
			.footerLogo img {
				width: auto;
				height: 30px;
				margin: 0 10px;
			}


/* !Medium screens, min-width 641px
---------------------------------------------------------- */
@media only print, screen and (min-width: 40.063em) {

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width: 140%;
	background: url(../img/bg01.jpg) 0 0 no-repeat;
	background-size: 110%;
}

/* !header
---------------------------------------------------------- */
	#headerIn { display: none;}
	.subLogo {
		display: inherit;
		width: 30%;
		float: left;
	}
		.subLogo img {
			height: 60px;
			margin: 20px;
		}
	#headerLogo { width: 40%; text-align: center;}
		#headerLogo img {
			height: 80px;
			margin: 0 30px;
		}
		.ico_gNavi01 {
			width: 30%;
			margin: 0;
			text-align: right;
		}
			.ico_gNavi01 img {
				width: 60px;
				margin: 20px;
			}
	ul.gNavi01 {
		width: 140%;
	}
				ul.gNavi01 > li > ul > li > a {
					padding: 30px;
					font-size: 24px;
					text-align: center;
				}
				ul.gNavi01 > li > ul > li > ul { padding: 40px 0;}
					ul.gNavi01 > li > ul > li > ul > li { margin: 0 25px;}
						ul.gNavi01 > li > ul > li > ul > li img { height: 40px;}

/* !contents
---------------------------------------------------------- */
#contents {
	text-align: left;
	padding: 0;
	margin: 0 auto;
}
.inner {
	width: 1000px;
	margin: 0 auto;
}

.sectionWeblive {
	padding: 20px 0;
}
	.btnType01 { margin: 0 auto; width: 50%;}
		.btnType01 a {
			background: #55acee url(../img/ico_twitter_w.png) 25px center no-repeat;
			background-size: 30px;
			padding: 20px 20px 20px 40px;
			font-size: 139%;
		}

.sectionWeblive .inner {
	position: relative;
/*	height: 1000px;*/
}
	.boxType01 {
		padding: 10px;
		width: 660px;
		height: 500px;
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 120;
	}
		.status {
			padding: 10px;
			margin: 15px 0 0;
		}
		.movieS .status { padding: 5px 0; margin: 0; font-size: 77%;}
			.status dt,
			.status p { font-size: 200%; margin: 5px 0;}
				.txtType01 {
					margin: 0 0 0 10px;
					padding: 3px 8px 2px;
				}
			.status dd { font-size: 154%;}
	.boxType02 {
		position: absolute;
		width: 1000px;
		top: 540px;
		left: 0;
		z-index: 100;
	}
		.movieS { margin: 20px 0;}
			.movieS li {
				padding: 0;
				width: 32%;
				margin: 0 2% 20px 0;
				float: left;
			}
			.movieS li:nth-child(3n) { margin: 0 0 20px;}
	.boxType03 {
/*		position: absolute;*/
		width: 1000px;
		top: 800px;
		left: 0;
		z-index: 130;
		margin: 15px 0;
	}
		.notice01 { font-size: 93%;}
	.boxType04 {
		margin: 0;
		background: #fff;
		width: 340px;
		height: 500px;
		position: absolute;
		top: 30px;
		right: 0;
		z-index: 110;
	}
	.boxType05 {
		padding: 0 20px 20px;
		margin: 20px auto 0;
		width: 1000px;
		background-color: #000;
		background-color: rgba(0,0,0,0.7);
		/*border: #fff solid 1px;*/
	}
		.boxType05 .status dt,
		.boxType05 .status p {
			font-style: italic;
			letter-spacing: 1px;
		}
	.boxType06 {
		margin: 40px 0;
/*		position: absolute;*/
		width: 1000px;
		top: 800px;
		left: 0;
		z-index: 140;
	}
.movie__inner {}
    .movie__inner li { margin: 0 0 1em;}
        .movie__title { font-size: 160%;}

.info01 {
	margin: 5em auto;
	width: 1000px;
}
	.info01 dl {
		border: #fff solid 4px;
		margin: 0;
	}
		.info01 dl dt {
			margin: -15px 0 20px 20px;
			height: 30px;
			line-height: 30px;
			padding: 0 14px 0 15px;
			font-size: 124%;
		}
		.info01 dl dd {
			padding: 20px 30px;
			margin: 10px 0 0;
			font-size: 124%;
			line-height: 1.8;
			text-align: center;
		}
	.txtType02 { font-size: 170%;}
	.txtType03 { margin: 0 0 20px;}
		.txtType03 img { width: 600px;}
	.imgType01 {
		/* display: -webkit-box;
		display: -ms-flexbox;
		display: flex; */
		max-width: 300px;
		margin: 20px auto 0;
	}
	.imgType01 figure {}

.sectionArchive {}
.sectionArchive.type01 {
	background: url(../img/bg02.jpg) 0 0 no-repeat;
	background-size: 100%;
	padding: 50px 0 0;
}
.sectionArchive.type02 {
	background: #fff url(../img/bg03.jpg) 0 0 no-repeat;
	background-size: 100%;
	padding: 70px 0;
	margin: -5px 0 0;
}
	.ttlType01 {
		background: url(../img/ico_border01.png) 0 0 no-repeat;
		background-size: 40px;
		margin: 0 0 20px;
		padding: 15px 0 5px 5px;
		font-size: 154%;
	}
		.ttlType01 span { font-size: 185%;}
		.sectionArchive .status dt,
		.sectionArchive .status p { font-size: 231%;}
	.sectionArchive.type02 .status { color: #fff;}

.sectionCourse { padding: 0 0 50px; margin: -10px 0 0;}
	.imgType02 { margin: 30px;}
		.imgType02 p { margin: 30px 0;}
	.btnType02 a {
		border: #e60012 solid 4px;
		width: 30%;
		margin: 50px auto;
		padding: 20px;
		font-size: 139%;
	}


.dnSP { display: inherit;}
.dnSPTB { display: none;}
.dnTB { display: none;}
.dnTBPC { display: none;}
.dnPC {}

/* !footer
---------------------------------------------------------- */
#footer {
	width: 100%;
	margin: 0 auto;
}
	.pageTop01 {
		display: block;
		position: fixed;
		bottom: 40px;
		right: 30px;
		z-index: 9999;
	}
		.pageTop01 a { 
			display: block;
			width: 70px;
			height: 70px;
			border-radius: 70px;
			background: url(../img/ico_arrow01.png) center 25px no-repeat;
			background-size: 25px;
			background-color: #666;
			filter: alpha(opacity=70);
			-moz-opacity: 0.7;
			-khtml-opacity: 0.7;
			background-color: rgba(102,102,102,0.7);
		}
	#gNavi03 { padding: 30px 0;}
		.hpTitle {
			text-align: left;
			padding: 5px 0;
			width: 280px;
			float: left;
			font-size: 131%;
		}
		.hpNav {
			padding: 0;
			width: 720px;
			float: right;
			font-size: 124%;
	}
			.hpNav li {
				border-top: none;
				width: 180px;
				float: left;
			}
				.hpNav li a { padding: 5px 0;}
	#copyright {
		padding: 40px 20px;
		font-size: 108%;
	}
		#copyright p { margin: 10px 0;}
		#copyright p.footerLogo { margin: 0 0 40px;}
			.footerLogo img {
				height: 40px;
				margin: 0 20px;
			}

}


/* !Large screens, min-width 1025px
---------------------------------------------------------- */
@media only print, screen and (min-width: 64.063em) {

a {
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
a:hover,
a:active,
a:focus {
	color: #65b7ec;
	text-decoration: none;
	filter: alpha(opacity=60);
	-moz-filter: "alpha(opacity=60)";
	-webkit-filter: "alpha(opacity=60)";
	opacity: 0.6;
}
input,
textarea,
select {
    font-size: 14px;
}

/* !Wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 100%;
	background: url(../img/bg01.jpg) 0 -30px no-repeat;
	background-size: 100%;
}

/* !Header
---------------------------------------------------------- */
	#headerIn { height: 110px;}
		#headerIn img { height: 100px; margin: 10px 0 0;}
		.ico_gNavi01 { display: none;}
		#gNavi02 ul {
			display: inherit;
			letter-spacing: -.4em;
		}
		.pageNav {
			width: 1000px;
			margin: auto;
			padding: 20px 0;
			clear: both;
			text-align: center;
		}
			.pageNav li {
				list-style: none;
				margin: 0 30px;
				display: inline-block;
				letter-spacing: 1px;
			}
				.pageNav li a {
					display: block;
					height: 40px;
					line-height: 40px;
					font-size: 124%;
					font-weight: bold;
					color: #fff;
					text-shadow: 0 0 8px #000;
					-moz-text-shadow: 0px 0px 8px #000;
					-webkit-text-shadow: 0px 0px 8px #000;
				}
					.pageNav li a span {
						display: block;
						background: #e60012;
						height: 0;
						width: 0;
						margin: auto;
					}
				.pageNav li a:hover {
					filter: alpha(opacity=100);
					-moz-filter: "alpha(opacity=100)";
					-webkit-filter: "alpha(opacity=100)";
					opacity: 1.0;
					text-shadow: 0 0 8px #fff;
					-moz-text-shadow: 0px 0px 8px #fff;
					-webkit-text-shadow: 0px 0px 8px #fff;
				}
					.pageNav li a:hover span {
						height: 1px;
						width: 100%;
						-webkit-transition: 0.4s;
						transition: 0.4s;
					}

	ul.gNavi01 { display: none;}
	.btnSNS {}

/* !Contents
---------------------------------------------------------- */
.sectionWeblive {
	padding: 0;
	margin: -10px 0 0;
}
	.btnType01 {
		width: 50px;
		position: fixed;
		top: 28%;
		right: 0;
		z-index: 10000;
	}
		.btnType01 a {
			background: #55acee url(../img/ico_twitter_w.png) center 20px no-repeat;
			background-size: 20px;
			padding: 50px 18px 30px 16px;
			border-radius: 0;
			font-size: 15px;
			letter-spacing: 1px;
			-ms-writing-mode: tb-rl;
  			writing-mode: vertical-rl;
		}

/*.sectionWeblive .inner { height: 1000px;}*/
		.movieS { margin: 30px 0;}
			.movieS li { margin: 0 2% 30px 0;}
			.movieS li:nth-child(3n) { margin: 0 0 30px;}
		.status { padding: 10px;}
			.status dt,
			.status p { font-size: 200%;}
			.status dd { font-size: 108%;}

		.notice01 {
            font-size: 85%;
            margin: 1em 0 0 1em;
        }
.boxType05 {
    width: 100%;
    max-width: 1600px;
}
.movie__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
    .movie__inner li {
        margin: 1%;
        width: 48%;
    }

.info01 {}
	.info01 dl {}
		.info01 dl dt {
			margin: -15px 0 20px 20px;
			height: 30px;
			line-height: 30px;
			padding: 0 14px 0 15px;
			font-size: 124%;
		}
		.info01 dl dd {
			padding: 20px 30px;
			margin: 10px 0 0;
			font-size: 124%;
			line-height: 1.8;
		}
	.txtType02 { font-size: 170%;}
	.txtType03 { margin: 0 0 20px;}
	.imgType01 {}

.sectionArchive.type01 { padding: 50px 0;}
.sectionArchive.type02 { padding: 50px 0 100px; margin: 0;}
	.ttlType01 {
		background: url(../img/ico_border01.png) 0 0 no-repeat;
		background-size: 50px;
		margin: 0 0 30px;
		padding: 20px 0 10px 10px;
		font-size: 154%;
	}
		.ttlType01 span { font-size: 200%;}
		.sectionArchive .status dt,
		.sectionArchive .status p { font-size: 247%;}

.sectionCourse { padding: 0 0 100px;}
	.imgType02 { margin: 0 60px 30px;}
		.imgType02 p { margin: 30px 0;}
			.imgType02 p img { width: 100%; max-width: 1440px;}
	.btnType02 a { width: 300px;}

.imgType03 a {
	-webkit-transition: .4s;
	transition: .4s;
}
.imgType03 a:hover {
	filter: alpha(opacity=100);
	-moz-filter: "alpha(opacity=100)";
	-webkit-filter: "alpha(opacity=100)";
	opacity: 1;
}
.imgType03 a .pic {
	-webkit-transition: .3s;
	transition: .3s;
	max-width: 100%;
	max-height: 100%;
}
.imgType03 a:hover .pic {
	max-width: 115%;
	max-height: 115%;
}

#headerLogo a,
.socialType01 li a,
.footerLogo a {
	-webkit-transition: .4s;
	transition: .4s;
}
#headerLogo a:hover,
.socialType01 li a:hover,
.footerLogo a:hover {
	text-decoration: none;
	filter: alpha(opacity=60);
	-moz-filter: "alpha(opacity=60)";
	-webkit-filter: "alpha(opacity=60)";
	opacity: 0.6;
}


.dnSP { display: inherit;}
.dnSPTB { display: inherit;}
.dnTB { display: inherit;}
.dnTBPC { display: none;}
.dnPC { display: none;}

/* !Footer
---------------------------------------------------------- */
	#gNavi03 { padding: 50px 0;}
		.hpTitle {
			padding: 10px 0;
			width: 280px;
			font-size: 124%;
		}
		.hpNav {
			width: 680px;
			font-size: 108%;
			letter-spacing: 1px;
		}
			.hpNav li { width: 170px;}
				.hpNav li a { padding: 10px 0;}
#copyright { font-size: 85%;}

/* !animate
---------------------------------------------------------- */
.animation02s {
	visibility: visible;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.animation04s {
	visibility: visible;
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.animation06s {
	visibility: visible;
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.animation08s {
	visibility: visible;
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	animation-delay: 0.8s;
}


@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

		100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		-ms-transform: translateY(10px);
		transform: translateY(10px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

}


/* !XLarge screens, min-width 1441px
---------------------------------------------------------- */
@media only print, screen and (min-width: 90.063em) {

.sectionArchive.type01 { padding: 100px 0;}
.sectionArchive.type02 { padding: 100px 0 250px; margin: 0;}
.sectionCourse { padding: 0 0 150px;}
	.imgType02 { margin: 0 60px 60px;}
		.imgType02 p { margin: 60px 0;}

}