@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}
html,body {
	height: 100%;
}
html,body {
	-webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
	padding: 0;
	font: 13px/1.231 "ＭＳ Ｐゴシック", "MS PGothic", Osaka,  sans-serif;
	*font-size: small;
	*font: x-small;
	overflow-x: hidden;
}
	
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form,
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: none;
	font-size:14px;
	font-style: normal;
	font-weight: normal;
 	text-align: left;
	list-style-type: none;
}

p{
	/*font-family:"中ゴシックBBB";*/
	/*text-shadow: 0 0 1px #aaa, 0 0 2px #e5e5e5, 0 0 3px #f1f1f1;*/	
}

input, select, textarea { font-size: 100%; }
img { vertical-align: bottom;max-width: 100%;height: auto; }
hr { display: none; }
a {
	text-decoration:none;
	outline: none;
}
	#header-nav li a,
	#message ul li a,
	.news-line .category a,
	.link-list a{
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;	
	}
	#header-nav li a:hover,
	.news-line .category a:hover,
	.pr_banner a:hover,
	.pr_banner_event a:hover,
	.pr_banner_mypage a:hover,
	.pr_banner_happyou a:hover,
	.pr_banner_kongo a:hover,
	.pr_banner_happyou_k a:hover,
	.pr_banner_kongo_k a:hover,
	.pr_banner_op a:hover,
	.pr_banner_yamagata a:hover {
		filter:alpha(opacity=70);
		-ms-filter:"alpha(opacity=70)";
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;	
	}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

.blur img {
	-webkit-transition: .8s ease-in-out;
	-moz-transition: .8s ease-in-out;
	-ms-transition: .8s ease-in-out;
	-o-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
}
.zoom, .slider3 li{position:relative;}
.zoom .cover, .slider3 li.cover{position:absolute;top:0;left:0;}
.zoom img {
	/*-webkit-transition: .6s ease-in-out;
	-moz-transition: .6s ease-in-out;
	-ms-transition: .6s ease-in-out;
	-o-transition: .6s ease-in-out;
	transition: .6s ease-in-out;*/
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#entrance-wrap:hover .blur img {
	-webkit-filter: blur(4px);
	-ms-filter: blur(4px);
	filter: blur(4px);
}
#entrance-wrap:hover .zoom img,
#special-content-inner .sub .zoom:hover img,
#special-content-inner .sub2 .zoom:hover img{
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
	-webkit-transform: scale3d(1.1,1.1,1);
	-moz-transform: scale3d(1.1,1.1,1);
	-ms-transform: scale3d(1.1,1.1,1);
	-o-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}
.club .loopslider li a:hover{
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;		
}
	#entrance-wrap:hover .zoom img.cover,
	#special-content-inner .sub .zoom:hover img.cover,
	#special-content-inner .sub2 .zoom:hover img.cover{
		filter:alpha(opacity=100);
		-ms-filter:"alpha(opacity=100)";
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1;	
		-webkit-transform: scale3d(1,1,1);
		-moz-transform: scale3d(1,1,1);
		-ms-transform: scale3d(1,1,1);
		-o-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
#entrance-wrap .zoom,
#special-content-inner .sub .zoom,
#special-content-inner .sub2 .zoom{
	background-color:#000!important;
}

figure.effect-selena,
.slider3 li {
	background: #fff;
}
figure.effect-selena img,
.slider3 li img {
	opacity: 0.95;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
figure.effect-selena:hover img,
.slider3 li:hover img {
	-webkit-transform: scale3d(0.95,0.94,1);
	transform: scale3d(0.95,0.94,1);
}

#sp-nav, .sp{
	display:none;	
}
.mb{
	margin-bottom:1.5em;
}

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

@media (min-width: 560px){
	.br-pc { display:block; }
	.br-sp { display:none; }
}

/* =======================================
    default
======================================= */
.container{
	margin:0 auto 52px;
	/*width:92.5em;*/
	width:92.5em;
}
.content-in{
	margin-left:200px;
}
@media screen and (max-width: 959px) {
	.content-in{
		margin-left:0;
	}
}

/* =======================================
    追加CSS
======================================= */
.head-back-gold{
    /*font-family: "A1ゴシック R", "A1 Gothic R", "ＭＳ Ｐゴシック", "MS Pgothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif!important;*/
    margin: 5% auto 0;
    width: 90%;
}
.head-back-gold span{
    /*background: linear-gradient(transparent 0%, #9d7b26 0%);
    color: #fff;*/
    letter-spacing: 0px;
    line-height: 140%;
}
@media screen and (max-width: 959px) {
    .head-back-gold{
        width: 90%;
    }
}

#special-edition2025{
    margin: 0 auto 5%;
    max-width: 451px;
    width: 85%;
}
#special-edition2025.column1{
    background: #b5a573;
    max-width: inherit;
    margin: 0 0 8%;
    padding: 7% 0 7%;
    width: 100%;
}
#special-edition2025.column1 .inner{
    margin: 0 auto;
    max-width: 451px;
    width: 85%;
}
#special-edition2025.column2{
    background: #b5a573;
    max-width: inherit;
    margin: 0 0 8%;
    padding: 7% 0 7%;
    width: 100%;
}
#special-edition2025.column2 .inner{
    display: flex;
    justify-content: space-between;
    gap:0 3%;
    margin: 0 auto;
    max-width: 958px;
    width: 85%;
}
#special-edition2025.column3{
    background: #b5a573;
    max-width: inherit;
    margin: 0 0 8%;
    padding: 7% 0 7%;
    width: 100%;
}
#special-edition2025.column3 .inner{
    background: #b5a573;
    display: flex;
    justify-content: space-between;
    gap:0 2%;
    margin: 0 auto;
    max-width: 1240px;
    width: 85%;
}

@media screen and (max-width: 959px) {
    #special-edition2025 .se-banner{
        text-align: center;
    }
    #special-edition2025.column2 .inner,
    #special-edition2025.column3 .inner{
        display: inherit;
        margin: 0 auto 5%;
        width: 85%;
    }
    #special-edition2025.column2 .se-banner + .se-banner,
    #special-edition2025.column3 .se-banner + .se-banner{
        margin-top: 5%;
    }
}

/* =======================================
    top
======================================= */
.news-press{
	float:right;
	margin-top:55px;
	width:30.43%;	
}
.news-line{
	width:100%;
}
.news-line h2{
	color:#731E28;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:30px;
	letter-spacing:-1px;
}
	.news-line h2{
		position:relative;
	}
	.news-line h2:before{
		border-top: 1px solid;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		z-index:0;
	}
	.news-line h2 span{
		background-color:#fff;
		display:inline-block;
		padding: 0 0.25em 0 0;
		position:relative;
		z-index:1;
	}
.news-line li{
	margin-top:25px;
	padding-bottom:25px;
	position:relative;
}
.news-line li:before{
	content:"";
	background-color:#F0CACE;
	border-bottom:1px solid #F0CACE;
	position: absolute;
	bottom: 0;
	left: 40%;
	width: 20%;
	z-index:0;
}
.news-line .date{
	background-color:#F0EFEC;
	color:#721E27;
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	float:left;
	padding-top:15px;
	position:relative;
	width: 75px;
	height: 60px;
	text-align: center;
}
.news-line .date:before {
	content: "";
	position: absolute;
	top: 35%;
	right: 0%;
	margin-right: -20px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #F0EFEC;
	border-right: 10px solid transparent;
}
	.news-line .date span{
		background:url(../images/icon/icon_calendar.gif) no-repeat 14px center;
		color:#939393;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		float:left;
		padding-left:8px;
		width:100%;
	}
.news-line .category, .news-line .article-title{
	margin-left:95px;
}
.news-line .category{
	margin-bottom:10px;
}
.news-line .category a{
	background:url(../images/icon/icon_category.gif) no-repeat 0 center;
	color:#731E28;
	font-weight:bold;
	margin-right:14px;
	padding-left:16px;
}
	.news-line .category span{
		background:#948589;
		color:#fff;
		font-size:12px;
		font-weight:bold;
		line-height:200%;
		padding:4px 8px;
		white-space:nowrap;
	}
	.news-line .category span.important{
		background:#731E28;
	}
	.news-line .category span.event{
		background:#161622;
	}
.news-line .article-title a{
	color:#000;
	line-height:180%;
}
	.news-line .article-title a:hover{
		border-bottom:2px solid #000;
	}
.news-line .link-list{
	margin:32px 0;
	text-align:center;
}
.news-line .link-list a{
	border:1px solid #EDBCC1;
	color:#721E27;
	font-size:12px;
	padding: 6px 24px;
}
	.news-line .link-list a:hover{
		background:#721E27;
		border:1px solid #721E27;
		color:#fff;
	}

#entrance-wrap{
	background-color:#fff;
	float:left;
	margin-top:-60px;
	margin-bottom:100px;
	padding:5px 5px 0 0;
	position:relative;
	width:65.56%;
	z-index:999;
}
	#entrance-wrap:hover{
		cursor:pointer;
	}
#entrance-wrap .img{
	height:75.13%;
	overflow:hidden;
	position:relative;
	width:100%;
}
#entrance-wrap .mask{
	display:none;
	margin-top:-16px;
	position:relative;
	z-index:1000;
}
#entrance-wrap .tab{
	background-color:#741E29;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	padding:12px 0;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
	vertical-align:middle;
	width:200px;
}
#entrance-wrap .btn{
	position:absolute;
	top:30%;
	left:50%;
	margin-left:-175px;
}
#entrance-wrap .text{
	background:#F0EFEC;
	border:1px solid #e0e0e0;
	border-top:none;
	height:137px;
	position:relative;
	text-align:center;
}
#entrance-wrap .text span{
	background:url(../images/icon/icon_nav_arrow.png) no-repeat 0 center;
	color:#731E28;
	font-size:16px;
	letter-spacing:3px;
	padding-left:20px;
	position:relative;
	top:42%;
}
#entrance-wrap:hover span{
	border-bottom:2px solid #731E28;
}

#press-wrap{
	margin-top:42px;
	position:relative;
	width:100%;
}
#press-wrap h3{
	border-bottom:2px solid #741E29;
	font-size:20px;
	font-family:"Arial Black", Gadget, sans-serif;
	margin-bottom:54px;
	padding-bottom:12px;
}
#press-wrap li{
	margin-top:45px;
}
#press-wrap .year{
	background:url(../images/icon/icon_calendar_red.gif) no-repeat 0 center;
	color:#721E27;
	float:left;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-right:18px;
	padding-left:24px;
}
#press-wrap .month{
	background-color:#F0EFEC;
	color:#721E27;
	float:left;
	font-size:45px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	margin-right:20px;
	margin-top:-30px;
	padding:10px 0 0;
	position:relative;
	height: 65px;
	text-align: center;
	width:75px;
}
#press-wrap .month:before {
	content: "";
	position: absolute;
	top: 35%;
	right: 0%;
	margin-right: -20px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #F0EFEC;
	border-right: 10px solid transparent;
}
#press-wrap .article-title{
	float:left;
	width:50%;
}
#press-wrap .article-title a{
	color:#003F5E;
	font-size:15px;
}
	#press-wrap .article-title a:hover{
		border-bottom:2px solid #003F5E;
	}
#press-wrap .link-list{
	margin: 32px 0;
    text-align: center;
}
#press-wrap .link-list a{
	border:1px solid #EDBCC1;
	color:#721E27;
	font-size:12px;
	padding: 6px 24px;
}
	#press-wrap .link-list a:hover{
		background:#721E27;
		border:1px solid #721E27;
		color:#fff;
	}

#fb-wrap{
	float:left;
	position:relative;
	width:100%;
	max-width:788px;
}
#fb-wrap .fb-cover{
	background:url(../images/top/facebook_back.jpg) no-repeat 0 center;
	background-size:cover;
	float:left;
	height:500px;
	/*width:288px;*/
	width:36.54822%;
}
#fb-wrap .fb-cover .logo{
    background:#fff;
	display:block;
	padding:8% 5%;
	margin-top:65%;
	text-align:center;
}
.fb-cover .link-list {
    margin: 103px 0 0;
    text-align: center;
}
.fb-cover .link-list a {
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    padding: 6px 24px;
}
#fb-wrap .fb-page{
	float:rigth;
	/*width:500px;*/
	width:63.45177%;
}

/* special-content=================== */
#special-content{
	background:url(../images/top/special_content_back.gif) repeat 0 0;
	position:relative;
}

/* =======================================
    header
======================================= */
header{
	position:relative;
	z-index:999;
}
#header-nav-wrap{
	display: none;
	margin:0 auto;
	position:relative;
	width:85em;
}
#logo{
    /*padding-top:12px;	*/
	padding: 12px 15px 0;
}

@media screen and (max-width: 959px) {
  #logo a{
	  background:url(../images/common/logo.png) no-repeat 0 0;
	  background-size:contain;
	  display:block;
	  height:0;
	  overflow:hidden;
	  padding-top:33px;
	  width:131px;
  }
}

#header-icon-nav{
	position:absolute;
	right:0;
	top:0;
}
#header-icon-nav li{
	background:#50141C;
	border-right:1px solid #fff;
	display:block;
	float:left;
	font-size:10px;
	text-align:center;
}
	#header-icon-nav li:hover{
		background:#250A0D;
	}
#header-icon-nav li:first-child{
	border-left:1px solid #fff;
}
	#header-icon-nav li a{
		color:#fff;
		display:block;
		height:46px;
		line-height:18px;
		padding-top:10px;
		width:82px;
	}
#header-icon-nav li span{
	float:left;
	width:100%;
}

#header-nav{
	position:absolute;
	/*right:350px;*/
	right:270px;
	top:0;
}
#header-nav li{
	display:block;
	float:left;
	text-align:center;
}
	#header-nav li a{
		color:#fff;
		display:block;
		height:46px;
		line-height:18px;
		padding:10px 12px 0;
		width:auto;
	}
#header-nav li small{
	display:block;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

/* =======================================
    nav
======================================= */
#global-head {
	position: fixed;
	color: #fff;
	width: 200px;
	text-align: center;
	padding-top: 60px;
	z-index: 100;
}

#sidebar {
	font-size: 15px;
	padding-top: 20px;
	width: 200px;
	height: 100%;
	position: fixed;
	color: #033560;
	background: #50141C;
	text-align: center;
}

@media screen and (max-width: 959px) {
	#sidebar{
		display: none;
	}
}
@media print{
	#sidebar{
		display: none;
	}
	.content-in {
  		margin-left: 0px;
	}
}

#sidebar #logo{
	padding: 15px;
	text-align: center;
}

#global-nav{
	font-family: "中ゴシックBBB";
	position:relative;
	width:224px;
	z-index:1;
}
#global-nav ul {
	list-style: none;
	margin-left: 0;
}
#global-nav > ul > li {
	position: relative;
}

#global-nav a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 24px 20px;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
}

.nav-border{
	border-left:5px solid #fff;
	padding-left:8px;
}

.parent-nav{
	background: #50141C;
	padding:40px 0;
	width:224px;
}

/*.sub-menu {
	color:#000!important;
	background:#fff!important;
}*/
/*#global-nav .sub-menu.is-active > a,
#global-nav a:hover {
	color: #fff;
	background: #033560;
}*/

/*#global-nav .sub-menu-nav a,
#global-nav .sub-menu:hover .sub-menu-nav {
	width: 230px;
}*/
#global-nav .sub-menu-nav a{
	width: 200px;
}

/* sub-menu icon */
#global-nav .sub-menu::before {
	border-top: 1px solid rgba(255,255,255,.2);
	content: "";
	width: 88%;
	position: absolute;
}
#global-nav .sub-menu:last-child::after {
	border-top: 1px solid rgba(255,255,255,.2);
	content: "";
	width: 88%;
	position: absolute;
	bottom: 0;
}
#global-nav .sub-menu > a {
	position: relative;
}
#global-nav .sub-menu > a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 32px;
	margin: auto;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* sub-menu */
#global-nav .sub-menu-nav {
	display:none;
	position: fixed;
	z-index:-1;
	background: rgba(39, 10, 14, .9);
	/*background: #50141C;*/
	color: #fff;
	top: 0;
	/*padding: 90px 0 0 42px;*/
	padding: 90px 0 0 0;
	left: 200px;
	width: 240px;
	height: 100%;
	overflow: hidden;

	-moz-transition: width .2s ease-out;
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;
}
#global-nav .sub-menu-nav.blog {
	padding: 285px 0 0 0;
}
#global-nav .sub-menu-nav.etc {
	padding: 204px 0 0 0;
}

/*mega*/
#global-nav .sub-menu-nav.mega {
	width: 440px;
}
#global-nav .sub-menu-nav.mega > li {
	float: left;
	width: 45%;
}
#global-nav .sub-menu-nav.mega > li:nth-child(3){
	/*margin-top: -74px;*/
	margin-top: -38px;
}
#global-nav .sub-menu-nav.mega > li:nth-child(3)::after {
	border-top: 1px solid rgba(255,255,255,.3);
	content: "";
	position: absolute;
	left: 35px;
	width: 36%;
}
#global-nav .sub-menu-nav.mega > li:nth-child(4)::after {
	left: 230px;
	width: 36%;
}
#global-nav .sub-menu-nav.mega > li:before {
	border-top: 1px solid rgba(255,255,255,.3);
	content: "";
	position: absolute;
	left: 35px;
	width: 36%;
}
#global-nav .sub-menu-nav.mega > li:nth-child(even):before {
	left: 230px;
}


.sub-menu.is-active-tb .sub-menu-nav{
	display:block!important;
}

#global-nav .sub-menu.is-active > a:after,
#global-nav .sub-menu > a:hover:after {
	border-color: #fff;
}
#global-nav .sub-menu-nav a {
	color: #fff;
	padding: 28px 40px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;	
}
#global-nav .sub-menu-nav a:hover {
	margin-left:.5em;
}
#global-nav .sub-menu-nav > li:before {
	border-top: 1px solid rgba(255,255,255,.3);
	content: "";
	position: absolute;
	left: 35px;
	width: 75%;
}
#global-nav .sub-menu-nav > li:last-child::after {
	border-top: 1px solid rgba(255,255,255,.3);
	content: "";
	position: absolute;
	left: 35px;
	width: 75%;
}
#global-nav .sub-menu-nav .child-head {
	padding: 28px 40px 10px;
	width: 200px;
}
#global-nav .sub-menu-nav .child a {
	padding: 10px 70px;
	position: relative;
}
#global-nav .sub-menu-nav .child li:last-child a {
	padding: 10px 70px 28px;
}
#global-nav .sub-menu-nav .child a::before {
	background: #fff;
	content: "";
	height: 1px;
	position: absolute;
	left: 50px;
	top: 18px;
	width: 6px;
}
#global-nav .branch-btn a{
	border: 1px solid #fff;
	margin: 0 20px 8px;
	padding: 7px;
	text-align: center;
	transition: 0.5s all;
	width: 145px;
}
#global-nav .branch-btn a:hover{
	opacity: 0.6;
}
#global-nav .branch-btn .image-btn a{
	border: none;
	margin: 0 20px 8px;
	padding: 0;
	width: 161px;
}
/*#global-nav .branch-btn .back-white{
	display:none;
}*/
#global-nav .branch-btn .back-white a{
	background: #fff;
	color: #000;
	margin-top: 23px;
	padding: 12px 7px;
}
#global-nav .branch-btn .back-white + .back-white a{
	margin-top: 8px;
}

#global-nav .sub-menu-nav > li.close-btn:before,
#global-nav .sub-menu-nav > li.close-btn:after {
	border-top: none;
	content: "";
	position: static;
	left: auto;
	width: auto;
}
#global-nav .sub-menu-nav > li.close-btn{
	font-size:18px;
	padding:0 0 24px 24px;
	position:absolute;
	top:20px;
	right:20px;
	float:none;
	width:auto;
}


#nav-wrap{
	position:absolute;
	left:50%;
	top:56px;
	margin-left:-661px;
	/*margin-left:-610px\9;*/  /* IE9 */
	_margin-left:-610px;  /* IE8 */
	z-index:1;	
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  *::-ms-backdrop, #nav-wrap { margin-left:-610px; } /* IE11 */
  #nav-wrap { margin-left:-610px; } /* IE10 */
}
#nav{
	border-collapse: separate;
	border-spacing: 50px 0;
	display:table;
	padding:0;
	position:absolute;
	left:50%;
}
#nav>li{
	border-left:0px solid #fff;
	display:table-cell;
	list-style:none;
	border-left:0px;
}
#nav li img{
	max-width:none;
}
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li:hover > a{
  background-color: rgba(214,214,214,0.6);
}
.dropmenu li a:hover{
  background-color: rgba(214,214,214,0.6);
}

#nav > li{
  perspective: 400px;
}
#nav li ul{
  visibility: hidden;
  /*transform: rotateX(-90deg);*/
  transform: rotateX(-83deg);
  transform-origin: 50% 0;
  transition: .6s;
}
#nav li:hover ul{
  visibility: visible;
  transform: rotateX(0);
}
#nav .sub{
	background:#fff;
	border-top:1px solid #f7f7f7;
	padding:24px 0;
	margin-left:-141px;
	text-align:center;
	width:1201px;
}
	#nav .sub li{
		display:inline;
		font-family:"中ゴシックBBB";
		margin-left:76px;
	}
	#nav .sub.item2 li{
		margin-left:32px;
	}
	#nav .sub li:first-child{
		margin-left:0;
	}
	#nav .sub li a{
		background:url(../images/icon/icon_nav_arrow.png) no-repeat 0 center;
		color:#007AB5;
		display:inline;
		padding:0 0 0 20px;
	}
	#nav .sub li a:hover{
		border-bottom:2px solid #741E29;
		color:#741E29;
	}
#nav .sub.item2{
	margin-left:-396px;
}
#nav .sub.item3{
	margin-left:-651px;
}
#nav .sub.item4{
	margin-left:-906px;
}
#nav .sub li{
	text-align:center;
}

/* =======================================
    main-slider
======================================= */
#main-slider-wrap {
	position:relative;
}
.slider.main li{
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center center;
	display:block;
	height:0;
	width:100%;	
	min-height:640px;
}
.slider.main li div{
	height:100%;
	margin:0 auto;
	position:relative;
	width:85em;
}
	.slider.main li a{
		color:#fff;
		display:block;
	}
		.slider.main li a:hover{
			text-decoration:underline;
		}
		.slider.main li h1{
			bottom:23%;
			font-family:"見出ゴMB31";
			font-size:38px;
			position:absolute;
			line-height:125%;
			width:80%;
			text-shadow: #000 1px 1px 3px; /* FireFox, Webkit, Opera */
			-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000,offx=1,offy=1)"; /* IE8 */
			display:block; /* IE */
		}
		.slider.main li h1 span{
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:bold;
		}
.slider-gradient{
	height:18%;
	position:absolute;
	top:0;
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,915f2f+100&0.65+0,0+100,0+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.85) 0%, rgba(145,95,47,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(145,95,47,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(145,95,47,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(145,95,47,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(145,95,47,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(145,95,47,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00915f2f',GradientType=0 ); /* IE6-9 */
}
	.page-main .slider-gradient{
		height:93%;
		z-index:0;
	}
	.page-main.high .slider-gradient{
		height:25%;
		z-index:0;
	}
.upper-gradient{
	height:25%;
	position:absolute;
	bottom:0;
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
}

.upper-gradient-thin{
	height:3%;
	position:absolute;
	bottom:0;
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.24+100 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yNCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.24) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.24))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.24) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.24) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.24) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.24) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#3d000000',GradientType=0 ); /* IE6-8 */
}

.pr_banner a{
	background:url(../images/top/float_banner.png) no-repeat 0 0;
	display:block;
	height:0;
	padding-top:243px;
	position:absolute;
	overflow:hidden;
	right:2%;
	top:-2%;
	width:326px;
	z-index:9999;
}
.pr_banner_event a{
	background:url(../images/top/float_banner_event.png) no-repeat 0 0;
	display:block;
	height:0;
	padding-top:162px;
	position:absolute;
	overflow:hidden;
	right:2%;
	top:6.5%;
	width:232px;
	z-index:9999;
}
.pr_banner_mypage a{
	background:url(../images/top/float_banner_mypage.png) no-repeat 0 0;
	display:block;
	height:0;
	padding-top:135px;
	position:absolute;
	overflow:hidden;
	right:5%;
	top:10%;
	width:326px;
}
.pr_banner_happyou a{
	background:url(../images/top/float_banner_happyou.png) no-repeat 0 0;
	display:block;
	height:0;
	padding-top:164px;
	position:absolute;
	overflow:hidden;
	right:5%;
	top:34%;
	width:326px;
}
.pr_banner_kongo a{
	background:url(../images/top/float_banner_kongo.png) no-repeat 0 0;
	display:block;
	height:0;
	padding-top:100px;
	position:absolute;
	overflow:hidden;
	right:5%;
	top:63%;
	width:326px;
}
.pr_banner_happyou_k a{
	background:url(../images/top/float_banner_happyou_k.png) no-repeat 0 0;
	display:block;
	height:0;
	padding-top:164px;
	position:absolute;
	overflow:hidden;
	right:5%;
	top:34%;
	width:326px;
}
.pr_banner_kongo_k a{
	background:url(../images/top/float_banner_kongo_k.png) no-repeat 0 0;
	display:block;
	height:0;
	padding-top:100px;
	position:absolute;
	overflow:hidden;
	right:5%;
	top:63%;
	width:326px;
}
.pr_banner_op a{
	background:url(../images/top/float_banner_op.gif) no-repeat 0 0;
	display:block;
	height:0;
	padding-top:145px;
	position:absolute;
	overflow:hidden;
	right:3%;
	top:35%;
	/*top:52%;*/
	width:210px;
}
.pr_banner_yamagata a{
	background:url(../images/top/float_banner_yamagata.png) no-repeat 0 0;
	display:block;
	height:0;
	padding-top:272px;
	position:absolute;
	overflow:hidden;
	right:2%;
	top:-3%;
	width:272px;
	z-index:9999;
}
.pr_banner_youkou{
	position:absolute;
	overflow:hidden;
	right:3.5%;
	top:272px;
	z-index:9999;
}

/* =======================================
    special-content
======================================= */
#special-title{
	border-top:2px solid #741E29;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	font-size:20px;
	margin:0 auto;
	padding:20px 0;
	width:92.7%;
	max-width:1430px!important;
}
#special-content{
	/*height:883px;*/
	margin-bottom:92px;
	position:relative;
	width:100%;
}
#special-content .message{
	padding:5% 0 0;
	position:relative;
}
/*#special-content .message:after{
	content:"";
    border:solid transparent;
    border-right-color:#741E29;
    border-width:14px 14px 14px 0;
    display:block;
    height:0;
    left:0;
    margin-top: -7px;
    margin-left: -13px;
	position:absolute;
    top:70%;
    width:0;
}*/
#special-content .message:after{
	content:"";
    background:#741E29;
    padding:30px;
    display:block;
    height:0;
    left:0;
    margin-top: -7px;
    margin-left: -25px;
	position:absolute;
    top:65%;
    width:0;
	border-radius:50%;
    -moz-border-radius:50%;
	-webkit-border-radius:50%;
 }
	#special-content .message .en{
		color:#330D11;
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:20px;
		margin-bottom:5%;
		text-align:center;
	}
	#special-content .message .title{
		font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size:30px;
		margin-bottom:10%;
		text-align:center;
		line-height:150%;
		letter-spacing:-1px;
	}
	#special-content .message .title a{
		color:#fff;
	}
	#special-content .message:hover{
		cursor:pointer;
	}
	#special-content .message:hover .title a{
		text-decoration:underline;
	}
	#special-content .message .post{
		font-size:15px;
		margin-bottom:1.2%;
		text-align:center;
	}
	#special-content .message .name{
		font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size:30px;
		text-align:center;
	}
	
#message ul{
	display:table;
	position:absolute;
	bottom:0;
	right:0;
	/*table-layout:fixed;*/
	width:50%;
	z-index:999;
}
#message ul li{
	border-top:1px solid #D8D8D8;
	border-left:1px solid #D8D8D8;
	display:table-cell;
	text-align:center;
}
#message ul li:first-child{
	border-left:none;
}
#message ul li a{
	color:#D8D8D8;
	display:block;
	font-size:12px;
	padding:10% 0;
}
#message ul li a:hover{
	background:#fff;
	color:#721E27;
}
#message ul li a span{
	background-image:url(../images/icon/message_fukidashi.png);
	background-repeat:no-repeat;
	background-position:0 center;
	padding-left:16px;
}
#message ul li a:hover span{
	background-image:url(../images/icon/message_fukidashi_on.png);
}


#special-content-inner{
	/*background-color:#721E27;*/
	overflow:hidden;
	position:relative;
	margin:0 auto;
	width:92.7%;
	max-width:1430px!important;
}
#special-content-inner .bx-wrapper{
	background-color:#721E27;
	float:left;
	width:66.66666667%;
	max-width:954px!important;
}

/*:root .teacher-box .bx-wrapper{
    width:100%\0/;
}
:root .teacher-box .bx-wrapper .slider2{
    height:589px\0/;
}
*/
/*:root #special-content-inner .bx-wrapper .slider2 li{
  position:relative!important\0/;
}*/
:root .teacher-box .bx-default-pager{
	display:none\0/;
}
:root #sp-nav .menu{
    display:none\0/;
}

	.slider2 img {
		float:left;
		/*width:51.3%;*/
		width:50%;
	}
	.slider2 div {
		color:#fff;
		float:left;
		/*width:51.3%;*/
		width:50%;
	}
#special-content-inner .sub{
	position:absolute;
	top:0;
	right:0;
	width:33.33333333%;
	max-width:477px;
}
#special-content-inner .sub li{
	overflow:hidden;
}
#special-content-inner .sub2{
	clear:both;
	width:100%;
}
#special-content-inner .sub2 li{
	overflow:hidden;
	float:left;
	width:33.33333333%;
}
#special-content-inner .sub2 .bx-wrapper{
	float:left;
	width:100%;
	max-width:476px!important;
}
.slider3 li {
	width:100%;
}
.slider3 img {
	width:100%;
}

/* =======================================
    top-blog
======================================= */
#top-blog{
	margin:0 auto 120px;
	width:92.5em;
	max-width:1430px!important;
}
#top-blog h5{
	margin-bottom:20px;
	text-align:center;
}
#top-blog h5 + .en{
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:20px;
		margin-bottom:5%;
		text-align:center;
}
#top-blog ul{
    display:table;
	table-layout:fixed;
	text-align:center;
	width:80%;
	margin:0 auto;
}
#top-blog li{
	background:url(../images/icon/icon_blog.gif) no-repeat center 0;
	border-left:17px solid #fff;
	border-right:17px solid #fff;
    display:table-cell;
	padding-top:40px;
	/*vertical-align:middle;*/
}
#top-blog li .category{
	border-bottom:1px solid #741E29;
	color:#721E27;
	font-family:"中ゴシックBBB";
	font-size:18px;
	margin-bottom:42px;
	padding-bottom:18px;
	text-align:center;
}
	#top-blog .category{
		border-top:1px dashed #741E29;
		border-bottom:1px dashed #741E29;
		color:#721E27;
		font-family:"見出ゴMB1", "Midashi Go MB1";
		font-size:18px;
		margin: 0 auto 42px;
		padding:18px 0;
		text-align:center;
		width:80%;
	}
#top-blog li .date{
	margin-bottom:24px;
	text-align:center;
}
	#top-blog li .date span{
		background:url(../images/icon/icon_calendar_red.gif) no-repeat 0 center;
		color:#721E27;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		padding-left:24px;
	}
#top-blog li .blog-title{
	margin-bottom:24px;
	text-align:center;
}
	#top-blog li .blog-title a{
		color:#721E27;
		font-weight:bold;
	}
	#top-blog li .blog-title a:hover{
		border-bottom:2px solid #741E29;
	}

#top-blog .link-list{
	margin-top:52px;
	text-align:center;
}
#top-blog .link-list a{
	border:1px solid #EDBCC1;
	color:#721E27;
	font-size:12px;
	padding: 6px 44px;
}
	#top-blog .link-list a:hover{
		background:#721E27;
		border:1px solid #721E27;
		color:#fff;
	}

.degital-pamphlet{
	margin-bottom:130px;
	text-align:center;
}
.hogosha-zadankai{
	text-align:center;
}

/* =======================================
    kakugen
======================================= */
#kakugen{
	background:url(../images/top/kakugen_back.jpg) no-repeat 0 0;
	border-top:3px solid #741E29;
	height:120px;
	margin:0 auto;
	width:92.5em;
}
#kakugen dt {
	font-size:37px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:3px;
	margin:40px 0 0 240px;
    float:left;
    clear:left;
}
#kakugen dd {
	margin:56px 0 0 24px;
    float:left;
}

/* =======================================
    footer
======================================= */
footer{
	background:#741E29;
	border-top:1px solid #280B0F;
}
#footer-wrap{
	background:url(../images/common/footer_back.gif) no-repeat center bottom;
	margin:0 auto;
	padding:81px 0 0;
	width:82.5em;
}
#footer-wrap #sitemap{
	float:left;
}
#footer-wrap .address{
	color:#fff;
	float:left;
	margin-right:5%;
	margin-left: 4%;
	width: 21%;
}
#footer-wrap .address p{
	font-size:12px;
	margin-bottom:18px;
	line-height:150%;
}
#footer-wrap .address p a[href^="tel:"]{
    color: #fff!important;
}
#footer-wrap .address p a:visited{
    color: #fff!important;
}
@media(min-width: 768px){
	#footer-wrap .address p a[href^="tel:"]{
    	pointer-events: none;
	}
}

#footer-wrap #footer-address{
	float:left;
	width:70%;
}

#footer-wrap #sitemap .list{
	float:left;
	margin-right:42px;
}
#footer-wrap #sitemap .list p{
	background:url(../images/icon/icon_arrow_down.png) no-repeat 0 center;
	color:#fff;
	font-weight:bold;
	margin-bottom:24px;
	padding-left:14px;
}
		#footer-wrap #sitemap .list p a{
			color:#fff;
		}
#footer-wrap #sitemap .list ul{
	text-indent:1em;
}
	#footer-wrap #sitemap .list ul + p{
		margin-top:56px;
	}
#footer-wrap #sitemap .list li{
	font-size:12px;
	line-height:250%;
}
	#footer-wrap #sitemap .list li.link-none{
		background:url(../images/icon/icon_arrow_down_small.png) no-repeat 0 center;
		color:#fff;
	}
	#footer-wrap #sitemap .list li.indent{
		line-height:200%;
		text-indent:2em;
	}
#footer-wrap #sitemap .list a{
	color:#D8D8D8;
}
	#footer-wrap #sitemap .list a:hover{
		color:#fff;
		text-decoration:underline;
	}

#footer-wrap #footer-address .address p{
	color:#fff;
	font-size:12px;
	margin-bottom:18px;
	line-height:150%;
}
.copyright{
	clear:both;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:100px 0 42px;
	text-align:center;
}

/* ==============================================================================
    page
============================================================================== */
.message .page-main,
.message-top .page-main,
.message-zadankai .page-main,
.message-interview .page-main,
.student-council .page-main{
	background:url(../images/page-title/message_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.learn .page-main{
	background:url(../images/page-title/learn_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.english .page-main{
	background:url(../images/english/english_title_back.jpg) no-repeat center center;
	background-size:cover;
}

.candidate .page-main{
	background:url(../images/page-title/candidate_title_back.jpg) no-repeat center 0;
	background-size:cover;
}
.club .page-main{
	background:url(../images/page-title/club_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.chitoku .page-main{
	background:url(../images/page-title/chitoku_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.encyclopedia .page-main,
.digital-pamphlet .page-main{
	background:url(../images/page-title/encyclopedia_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.grader1 .page-main{
	background:url(../images/page-title/shokyu_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.grader2 .page-main{
	background:url(../images/page-title/chukyu_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.grader3 .page-main{
	background:url(../images/page-title/joukyu_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.shinsei .page-main{
	background:url(../images/page-title/shinsei_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.campusmap .page-main{
	background:url(../images/page-title/campusmap_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.events .page-main{
	background:url(../images/page-title/events_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.responsibility .page-main{
	background:url(../images/page-title/responsibility_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.festival .page-main{
	background:url(../images/page-title/festival_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.clothes .page-main{
	background:url(../images/page-title/clothes_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.blog .page-main,
.news .page-main,
.shudo-ga .page-main{
	background:url(../images/page-title/blog_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.policy .page-main,
.history .page-main,
.access .page-main,
.annual-event .page-main,
.admission .page-main{
	background:url(../images/page-title/nenkan_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.coronavirus .page-main{
	background-image:url(../images/page-title/coronavirus_title_back.jpg);
}
.guidance .page-main{
	background:url(../images/page-title/guidance_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.actual-results .page-main{
	background:url(../images/page-title/results_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.time-schedule .page-main{
	background:url(../images/page-title/schedule_title_back.jpg) no-repeat center center;
	background-size:cover;
}
.student-parent .page-main{
	background:url(../images/page-title/student_parent_title_back.jpg) no-repeat center 0;
	background-size:2000px 1024px;
}
.historia .page-main{
	background:url(../images/page-title/historia_title_back.jpg) no-repeat center 0;
	background-size:cover;
}
.internet-application .page-main{
	background:url(../images/page-title/internet_application_title_back.jpg) no-repeat center 0;
	background-size:cover;
}
.global .page-main{
	background:url(../images/page-title/global_title_back.jpg) no-repeat center 0;
	background-size:cover;
}
	.feature.global .page-main{
		background:url(../images/page-title/feature_title_back.jpg) no-repeat center 0;
		background-size:cover;
	}
		.flp.global .page-main{
		background:url(../images/page-title/flp_title_back.jpg) no-repeat center 0;
		background-size:cover;
	}
		.schooltrip.global .page-main{
		background:url(../images/page-title/schooltrip_title_back.jpg) no-repeat center 0;
		background-size:cover;
	}
		.rubric.global .page-main{
		background:url(../images/rubric/rubric_title_back.jpg) no-repeat center 0;
		background-size:cover;
        border-bottom: 1px solid #CECECE;
	}
    
    @media screen and (max-width: 580px) {
            .rubric.global .page-main{
            background-image:url(../images/rubric/rubric_title_back_sp.jpg);
        }
    }
    
.special-interview .page-main{
	background:url(../images/page-title/special-interview_title_back.jpg) no-repeat center center;
	background-size:cover;
	padding:22% 0!important;
}

.page-main{
	margin-top:-21px;
	/*padding:20px 0;*/
	padding:60px 0 50px;
	position:relative;
}
.page-main:before{
	content:"";
	background:url(../images/common/yokojima.png) repeat 0 0;
	position:absolute;
    top: 0;
    left: 0;
	height:100%;
	width:100%;
}
    .rubric.global .page-main:before{
        content: none;
    }
        
.special-interview .page-main:before{
	content:"";
	background:url(../images/common/yokojima2.png) repeat 0 0;
}
	.page-main.high{
		padding:11% 0;
	}
        .rubric .page-main.high{
            padding:17% 0;
        }
        @media screen and (max-width: 580px) {
            .rubric .page-main.high{
                padding:34% 0;
            }
        }
        
	.page-main.single{
		padding:5% 0;
	}
	.candidate .page-main.single{
		padding:5% 0 10%;
	}
.page-main h1{
	color:#fff;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	text-align:center;
	position:relative;
	letter-spacing:-1px;
	text-shadow: #000 1px 1px 3px; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */
	z-index:1;
}
.page-main h1.small{
	font-size:32px;
}
.page-main h1 span{
	font-size:45px;
}
	.page-main .subhead{
		color:#fff;
		font-size:28px;
		font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-weight:bold;
		text-align:center;
		position:relative;
		letter-spacing:-1px;
		text-shadow: #000 1px 1px 3px; /* FireFox, Webkit, Opera */
		-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000,offx=1,offy=1)"; /* IE8 */
		display:block; /* IE */
		z-index:1;
	}
		.page-main h1+p,
		.page-main .subhead+p,
        .page-main .slider-gradient+p{
			color:#fff;
			font-size:20px;
			font-family:"中ゴシックBBB";
			line-height:180%;
			margin-top:1.5%;
			text-align:center;
			position:relative;
			letter-spacing:-1px;
			text-shadow: #000 1px 1px 3px; /* FireFox, Webkit, Opera */
			-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000,offx=1,offy=1)"; /* IE8 */
			display:block; /* IE */
			z-index:1;
		}
#crumb, .crumb{
	color:#721E26;
	height:30px;
	margin:0 auto;
	padding:6px 0 5px;
	position:relative;
	width:92.7%;
	max-width:92.5em;
}
	#crumb a, .crumb a{
		color:#721E26;
		text-decoration:underline;
	}
#crumb a.home, .crumb a.home{
	background:url(../images/icon/icon_home.png) no-repeat 0 0;
	display:inline-block;
	height:0;
	padding-top:25px;
	overflow:hidden;
	text-decoration:none;
	width:14px;
}
#crumb span, .crumb span{
    position:absolute;
	top:13px;
	left:24px;
}


/* ==============================================================================
    受験生
============================================================================== */
#contents-list-wrapper{
	margin:5% auto 0;
	position:relative;
	width:90%;
	max-width:80em;
	z-index:1;
}
.contents-list-tab{
	float:left;
	width:40%;
}
.contents-list-tab li{
	background:url(../images/icon/icon_arrow_r_white.png) no-repeat 0 center;
	border:3px solid #fff;
	color:#fff;
	display:block;
	font-size:22px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	margin-bottom:2.5%;
	padding:7%;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
	.contents-list-tab li.select{
		background:url(../images/icon/icon_arrow_r_red.png) no-repeat 0 center;
		border:3px solid #6E2028;
	}
.content-menu {display:none;}
.content-menu.select{
	background: rgba(116,30,41,0.8);
	display:block;
	float:left;
	padding:1% 3% 3%;
	width:54%;
    animation-duration: 1.3s;
	animation-name:content-menu-fade-in;
	-moz-animation-duration: 1.3s;
	-moz-animation-name:content-menu-fade-in;
	-webkit-animation-duration: 1.3s;
	-webkit-animation-name:content-menu-fade-in;
}
    @keyframes content-menu-fade-in {
      1% {
        display: block;
        opacity: 0.5;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }
    @-moz-keyframes content-menu-fade-in {
      1% {
        display: block;
        opacity: 0.5;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }
    @-webkit-keyframes content-menu-fade-in {
      1% {
        display: block;
        opacity: 0.5;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }
	
.content-menu li:first-child a{
	border-top:none;
}
.content-menu a{
	border-bottom:1px solid #3D1015;
	color:#fff;
	display:block;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	margin-bottom:0;
	padding:4% 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
	.content-menu a:hover{
		border-color:#fff;
		padding-left:1em;
	}
.content-menu .menu-list{
	float:left;
	margin:0 5% 5% 0;
	width:45%;
}
.content-menu .menu-list p{
	color:#fff;
	font-weight:bold;
	margin:5% 0;
}
.content-menu .menu-list ul{
	text-indent:1em;
}
	.content-menu .menu-list li{
		font-size:13px;
	}
	.content-menu .menu-list ul li a{
		color:#D8D8D8;
	}

#contents-list-wrapper .degital-pamphlet{
	position:absolute;
	top:330px;
	left:0;
}
	.candidate #contents-list-wrapper .degital-pamphlet{
		top:461px;
	}
#contents-list-wrapper .hogosha-zadankai{
	position:absolute;
	top:320px;
	left:0;
}

/* ==============================================================================
    messase
============================================================================== */
.line-red{
	background:#741E29;
	/*background:#51151D;*/
	color:#fff;
	width:100%;
}
	.line-red + .line-red.middle{
		border-top:1px solid #fff;
	}
	.line-red.middle{
		background:#51151D;
	}
	.line-red.dark{
		background:#2E0C10;
	}
.line-white{
	background:#fff;
	width:100%;
}
.line-navy{
	background:#161622;
	color:#fff;
	width:100%;
}
.line-beige{
	background:#B99547;
	color:#fff;
	width:100%;
}
	.line-beige.dark{
		background:#9E7E3D;
	}
.line-red section,
.line-white section,
.line-navy section,
.line-beige section,
.line-gray section{
	margin:0 auto;
	width:92.7%;
	max-width:85.9em;
}
.float-box.img-right img{
	float:right;
	width:49.93%;
}
.float-box.img-left img{
	float:left;
	width:49.93%;
}

.student-council .float-box.img-left img{
	width:44%;
}
.student-council .float-box.img-left img.pt8{
	padding-top:3%;
}
.student-council .float-box.img-left .text-area{
	padding-top:8%;
	padding-bottom:4%;
	width:45.5%;
}
.encyclopedia .float-box.img-left img{
	float:left;
	width:49.93%;
}
.message .float-box.img-right img,
.message .float-box.img-left img{
	width:45.75%;
}
	.float-box.img-left .text-area img{
		float:none;
		margin-bottom:5%;
		width:76.5%;
	}
		.encyclopedia .float-box.img-left .text-area img{
			width:100%;
		}
		.float-box.img-left .text-area .advice img{
			margin-top:5%;
			width:80%;
		}
	.float-box.img-left .text-area img + p{
		font-size:12px;
	}
.float-box .text-area{
	padding-top:3%;
	width:40.76%;
}
	.message .float-box .text-area{
		width:46.57%;
	}
	/*.message .float-box .text-area p{
		margin-top:5%;
	}*/
	.message .float-box .text-area p.affiliation,
	.message .float-box .text-area p.destination,
	.message .float-box .text-area p.flag{
		margin-top:0;
	}
	
.float-box.img-right .label{
	margin-bottom:3.5%;
}
.float-box.img-right .text-area .label img,
.float-box.img-left .text-area .label img{
	float:none;
	width:inherit;
}
@media screen and (max-width: 690px) {
.float-box.img-right .text-area .label img,
.float-box.img-left .text-area .label img{
	height:30px;
}
}

.float-box .text-area p{
	line-height:180%;
	text-align: justify;
	text-align-last: left;
}
.float-box .text-area p + img{
	width:100%;
	margin-top:15%;
}

.float-box.small.img-right img{
	width:37.5%;
}
.float-box.small.img-left img{
	width:37.5%;
}
.float-box.small .text-area{
	width:57%;
}
	.float-box.img-left .text-area{
		float:right;
	}
	.encyclopedia .float-box.img-left .text-area{
		float:right;
	}
.float-box .affiliation{
	font-size:15px;
	margin-bottom:1.5%;
}
.float-box .text-area .name{
	border-bottom:1px solid #fff;
	font-size:45px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:120%;
	padding-bottom:2.5%;
}
	.message-top .float-box .text-area .name{
		border-bottom:none;
		font-size:22px;
		font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		line-height:120%;
		padding-bottom:2%;
	}
.line-white .float-box .name{
	border-bottom:1px solid #741E29;
}
	.float-box .name span{
		font-size:32px;
	}
    .newplan .float-box .name span,
	#world .world-disc span{
		font-size:12px;
		margin-right: 3%;
	}
.line-white.graduate-message .float-box .name{
	border-bottom:none;
	font-size:34px;
}
.float-box .text-area .destination{
	color:#76151A;
	font-size:25px;
	font-family:"見出ゴMB31";
}
	.float-box .text-area .destination span{
		font-size:20px;
	}
.float-box .text-area .flag img{
	width:30%;
}
.float-box h2,
.newplan .float-box h3{
	font-size:25px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:150%;
	margin:10% 0;
	/*letter-spacing:-2px;*/
}
	.line-white .float-box h2{
		color:#741E29;
	}
	.newplan .float-box h3{
		color:#741E29;
		margin:0 0 3%;
	}
.graduate-message .float-box h2{
	font-size:38px;
	margin:0% 0 6%;
	font-feature-settings: "palt";
}
.float-box h2 + p{
	line-height:180%;
}

.float-box.small h2{
	font-size:30px;
	margin:5% 0;
}
.float-box .link-btn,
.float-box .link-btn-red{
	line-height:60px;
	width:30%;
}
		.float-box.small p + .link-btn{
			margin:5% 0 0;
		}

#headmaster .float-box.small p + .link-btn{
	margin:5% 0 3%;
}


.qa{
	padding:4% 0;
}
.qa ul{
	display:table;
	table-layout:fixed;
	width:100%;
}
.qa li{
	display:table-cell;
	padding:0 3%;
}
.qa li:first-child{
	border-right:1px solid #904B54;
}
.qa p{
	line-height:180%;
	text-align: justify;
    text-align-last: left;
}
.qa .question{
	font-size:25px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:150%;
	margin:0 0 3.5%;
	letter-spacing:-1px;
}
.qa .question span{
	margin-right:3.5%;
}

.line-red + .message-list{
	margin-top:5%;
}
.message-list + .message-list{
	margin-top:4%;
}
	.message-top .message-list + .message-list{
		margin-top:8%;
	}
.message-top .message-list.last{
	margin-top:5%;
}

.mesage-list-wrapper{
	background:#F0EFEC;
	border-top:1px solid #C3C3C3;
	padding:4% 0 5.5%;
}
.message-top .mesage-list-wrapper.teacher{
	background:#F0EFEC;
	border-bottom:1px solid #C3C3C3;
	/*margin-bottom:7%;*/
	padding:3% 0;
}
	.message-top .mesage-list-wrapper{
		background:#fff;
		border-top:none;
		padding:8% 0 5.5%;
	}
	.message-top .mesage-list-wrapper.ob-list{
		padding:4% 0 5.5%;
	}
.message-list{
	margin:0 auto;
	width:92.7%;
	max-width:92.7em;	
}
.message-list h3{
	color:#51141D;
	font-size:32px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:2%;
	text-align:center;
}
	.message-top .message-list h3{
		  border-bottom:8px solid #741E29;
		  color:#51141D;
		  font-size:55px;
		  font-weight:bold;
		  font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		  margin-bottom:5%;
		  padding-bottom:5%;
		  text-align:center;
	}
.message-list h4{
	color:#51141D;
	font-size:30px;
	font-family:"中ゴシックBBB";
	margin-bottom:2%;
	text-align:center;
}
.message-list ul{
	display:table;
	margin:0 auto;
	table-layout:fixed;
}
	.message-list .col3{
		margin:0 auto;
		width:60%;
	}
	.message-list .col4{
		margin:0 auto;
		width:95%;
	}
	.message-list .col5{
		margin:0 auto;
		width:80%;
	}
	.message-list .col6{
		margin:0 auto;
		width:100%;
	}
        .message-list .col3 li,
		.message-list .col4 li,
		.message-list .col5 li,
		.message-list .col6 li{
			border-left:1px solid #DBDBDB;
		}
        .message-list .col3 li:first-child,
		.message-list .col4 li:first-child,
		.message-list .col5 li:first-child,
		.message-list .col6 li:first-child{
			border-left:none;
			vertical-align: top;
		}
		.message-list .col6.ob li:nth-child(2),
		.message-list .col6.ob li:nth-child(6){
			border-left:none;
		}
			.message-list .col4 p{
				margin:0 auto;
				width:200px;
			}
            .message-list .col3 p,
			.message-list .col5 p,
			.message-list .col6 p{
				margin:0 auto;
				width:148px;
			}

.message-list ul li{
	display:table-cell;
	text-align:center;
	/*vertical-align:middle;*/
}

.message-top .message-list img{
	margin-bottom:5%;
}
.message-top .message-list p{
	font-size:12px;
	line-height:180%;
}
/*.message-top .message-list p strong{
	color:#51141D;
}*/

.message-top .message-list p + p{
	margin-top:5%;
}
.message-top .message-list .link-btn-red{
	line-height:50px;
}

.message-top .link-btn.movie{
	/*line-height:110px;
	margin:5% 0 0!important;*/
}
.message-top .movie{
	position:relative;
}
.message-top .movie a{
	background:url(../images/message/top/movie_btn.jpg) no-repeat 0 0;
	background-color:rgba(255,255,255, .8);
	background-repeat:no-repeat;
	background-position:97% 56%;
	background-size:130px 71px;
	color:#000;
	display:inline-block;
	padding:8px 150px 15px 12px;
}
	/*.message-top .movie a:hover{
		background-color:rgba(255,255,255, .5);
	}*/
.message-top .movie span{
	color:#51141D;
	font-size:11px;
	font-family:"Arial Black", Gadget, sans-serif;
}
.message-top .movie:hover span{
	color:#741E29;
}
.message-top .movie span.float-text{
	position: absolute;
    bottom: 0px;
    left: 11px;
    font-size: 10px;
    color: #000;
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}

figure:hover{
	cursor:pointer;
}
.school-song-list figure:hover{
	cursor:inherit;
}
.message-list figure {
	margin:0 auto;
	position: relative;
	overflow: hidden;
	width: 148px;
}
.message-list figure img{
	text-align:center;
}
.message-list figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .35s;
	transition: .35s;
	opacity: 0;
}
	.message-list figure:hover figcaption {
		opacity: 1;
	}
.message-list figure p{
	color:#fff;
	font-size:12px;
	position:absolute;
	bottom:10px;
	left:10px;
	line-height:150%;
}
.message-list figure p span{
	font-size:10px;
}

.interview,
.zadankai{
	text-align:center;
}
.zadankai{
	margin-bottom:8%;
}

.shudo-movie{
	margin:0 auto 8%;
	position:relative;
	width:100%;
	max-width:958px;
}
.shudo-movie .movie-btn{
	position:absolute;
	bottom:9%;
	left:3.5%;
	width:41%;
}
.shudo-movie .movie-btn p{
	background:url(../images/message/top/img13_btn_long.png) no-repeat 0 0;
	background-size:contain;
	float:left;
	padding-top:64px;
	position:relative;
	width:50%;
}
.shudo-movie .movie-btn p + p{
	background:url(../images/message/top/img13_btn_short.png) no-repeat 0 0;
	background-size:contain;
	float:right;
}
.shudo-movie .movie-btn a{
	background:url(../images/message/top/img13_btn_long.png) no-repeat 0 0;
	background-size:contain;
	display:block;
	height:0;
	padding-top:64px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;	
}
.shudo-movie .movie-btn p + p a{
	background-image:url(../images/message/top/img13_btn_short.png);
}
	.shudo-movie .movie-btn a:hover{
		background-image:url(../images/message/top/img13_btn_long_hover.png);
	}
	.shudo-movie .movie-btn p + p a:hover{
		background-image:url(../images/message/top/img13_btn_short_hover.png);
	}

#talk-pagetop{
	border-bottom:1px solid #741E29;
	padding-bottom:3%;
}
#talk-pagetop p{
	text-align:center;
}
	.message-interview #talk-pagetop img{
		margin-bottom:3%;
	}
#talk-pagetop h2{
	color:#51141D;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	line-height:90%;
	margin-bottom:2%;
	text-align:center;
}
	.message-interview #talk-pagetop h2{
		color:#161622;
		margin-top: 2%;
	}
#talk-pagetop h2 .sup{
	font-size:20px;
	font-family:"中ゴシックBBB";	
}
#talk-pagetop h2 .un{
	font-size:24px;
}
#talk-pagetop .name{
	font-size:16px;
	margin-bottom:3%;
}
	.message-interview #talk-pagetop .name{
		color:#741E29;
	}
#talk-pagetop .desc{
	font-size:16px;
	font-family:"中ゴシックBBB";
	line-height:180%;	
}
	.message-interview #talk-pagetop .desc{
		margin-bottom: 2%;
	}
	.message-interview #talk-pagetop ul{
		text-align: center;
	}
	.message-interview #talk-pagetop li{
		display: inline-block;
		margin: 0 1%;
	}
.talk-wrapper{
	position:relative;
}
.border-arrow{
	background:url(../images/icon/icon_border_arrow.png) no-repeat 0 0;
 	height:0;
	overflow:hidden;
	padding-top:13px;
	position:absolute;
	top:-1px;
	left:50%;
	margin-left:-8px;
	width:17px;
}
.talk-article{
	background:url(../images/top/special_content_back.gif) repeat 0 0;
	position:relative;
}
	.historia .talk-article{
		background:url(../images/historia/historia_paper_back.jpg) repeat 0 0;
	}
	#shinsei-examination .talk-article{
		background:none;
	}
.talk-article section{
	background:#fff;
    margin:0 auto;
	padding:10% 0 5%;
	width:92.7%;
	max-width:85.9em;
}
	.talk-article .caption section{
		background:#161622;
		padding:3% 0;
	}
	#shinsei-examination .talk-article section{
		background:none;
		padding:5% 0 0;
	}
.talk-article h3{
	font-size:32px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:5%;
	padding-bottom:4%;
	text-align:center;
	letter-spacing:3px;
	position:relative;
}
		#shinsei-examination .talk-article h3{
			color: #721E27;
		}
		#shinsei-examination .talk-article h3:after{
			border-bottom: 5px solid #721E27;
		}
		#shinsei-examination .talk-article dl + h3{
			margin-top:9%;
		}
	.message-interview .talk-article h3{
		font-size:24px;
	}
	.message-interview .talk-article h3:before{
		content:"Q";
		color:#846833;
		font-size:42px;
		position:absolute;
		top:-76%;
		left:50%;
		margin-left:-.5em;
	}
	.message-interview .talk-article .text{
		color: #731E28;
		font-size: 12px;
		margin: 0 auto 46px;
		width: 600px;
	}
.talk-article h3:after{
	content:" ";
	border-bottom:5px solid #000;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-50px;
	width:100px;
}
.talk-article .img{
	margin-bottom:46px;
	text-align:center;
}
	.message-interview .talk-article .img{
		margin-bottom: 10px;
	}
.talk-article .img .caption{
	color:#721E27;
	font-size:12px;
}
	.historia .talk-article .img .caption{
		line-height:200%;
	}
.talk-article dl{
	line-height:180%;
	margin:0 auto 46px;
	width:62.5%;
}
.historia .talk-article p{
	line-height:180%;
	margin:0 auto 46px;
	width:62.5%;
}
	.message-interview .talk-article dl + h3{
		margin-top:150px;
	}
	.message-interview .talk-article .text + h3{
		margin-top:150px;
	}
.talk-article dt{
	color:#721E27;
	font-size:16px;
	font-family:"中ゴシックBBB";
    float:left;
	width:6.666666%;
}
.talk-article dd{
	font-size:15px;
    float:right;
	line-height:190%;
	width:93%;
}
	.message-interview .talk-article dt{
		width:10.666666%;
	}
	.message-interview .talk-article dd{
		width:88%;
	}
.profile{
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:2.5% 0;
}
.profile ul{
	margin:0 auto;
	width:600px;
}
.profile ul li{
	float:right;
	width:60%;
}
.profile ul li:first-child{
	float:left;
	width:30%;
}
.profile .en{
	color:#731E28;
	font-size:10px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	margin-bottom:5%;
}
.profile .name{
	font-size:15px;
	margin-bottom:5%;
}
.profile .text{
	color:#731E28;
	font-size:12px;
}

	#shinsei-examination .profile{
		border-top:none;
		border-bottom:none;
		margin:0 auto;
		padding:2.5% 0 0;
		/*width:63em;*/
        width:70em;
	}
	#shinsei-examination .profile ul{
		float:left;
		margin:0 auto;
		width:50%;
	}
	#shinsei-examination .profile ul + ul{
		float:right;
	}
	#shinsei-examination .profile ul li{
		float:left;
		/*margin-left:3%;*/
		width:46%;
	}
	#shinsei-examination .profile ul li:last-child{
		margin-top:4em;
	}
	#shinsei-examination .profile ul + ul li:last-child{
		float:right;
		margin-left:0;
		width:42%;
	}
	#shinsei-examination .profile ul li:first-child{
		float:left;
		margin-left:0;
		width:51%;
	}
	#shinsei-examination .profile ul + ul li:first-child{
		float:right;
	}
	#shinsei-examination .profile ul li .name{
		font-size:16px;
		font-weight:bold;
	}
	#shinsei-examination .profile ul li .text{
		font-size:14px;
		margin-bottom:1em;
	}
	
.talk-wrapper .pager{
	padding:3% 0;
	margin:0 auto;
	width:30%;
}
.talk-wrapper .pager ul li:nth-child(2){
	float:right;
}
.talk-wrapper .pager .link-btn-red{
	border:1px solid #F1C9CE;
	font-size:16px;
	font-family:"中ゴシックBBB";
	line-height:65px;
	width:80%;
	max-width:90px;
}
.talk-wrapper .pager li a span{
	background-image:url(../images/icon/icon_double_arrow_next.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:24px;
	
}
.talk-wrapper .pager li:first-child a span{
	background-image:url(../images/icon/icon_double_arrow_prev.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-right:0px;
	padding-left:24px;
}
.link-btn-messagetop{
	background:#731E28;
	border:1px solid #F1C9CE;
	font-family:"中ゴシックBBB";
	font-size:16px;
	line-height:65px;
	text-align:center;
	width:50%;
	-webkit-transition: .8s ease-in-out;
	-moz-transition: .8s ease-in-out;
	-ms-transition: .8s ease-in-out;
	-o-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
}
	/*.message-interview .link-btn-messagetop{
		width:100%;
	}*/
.link-btn-messagetop:hover{
	background:#fff;
}
.link-btn-messagetop:hover a{
	color:#731E28;
}
.link-btn-messagetop a{
	color:#fff;
	display:block;
	line-height:65px;
}
.link-btn-red.message,
.link-btn.message{
	line-height:60px;
	margin-top:10%;
	/*width:34%;*/
	width:42%;
}

.historia .sepalate:before{
	content:"";
	background:#731E28;
	display:block;
	height:5px;
	margin:8% auto;
	width:100px;
}
.historia-list{
	margin:0 auto 46px;
	width:62.5%;
}
.historia-list li{
	line-height:200%;
	color:#ccc;
	font-size:32px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.historia-list li span{
	font-size:24px;
}
.historia-list li a{
	color:#741E29;
}
.historia-list li a:hover{
	text-decoration:underline;
}
.historia .next-btn{
	padding:5% 0;
}
.historia .next-btn p{
	color:#741E29;
	text-align:center;
}
.historia .next-btn p a{
	color:#741E29;
}
.historia .next-btn p span{
	background:url(../images/icon/icon_double_arrow_next.png) no-repeat right center;
	padding-right:24px;
}

.column{
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:2.5% 0;
}
.column div{
	margin:0 auto;
	width:600px;
}
.column .en{
	color:#731E28;
	font-size:14px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	margin-bottom:2%;
}
.column .name{
	font-size:15px;
	margin-bottom:2%;
}
.column .text{
	color:#731E28;
	font-size:12px;
}


@media screen and (max-width: 780px) {
	#shinsei-examination .profile{
		width:90%;
	}
	#shinsei-examination .profile ul{
		float:none;
		margin:0 auto;
		width:70%;
	}
	#shinsei-examination .profile ul + ul{
		float:none;
	}
	#shinsei-examination .profile ul + ul li:last-child{
		width:47%;
	}
	#shinsei-examination .profile ul li .name{
		font-size:14px;
	}
	#shinsei-examination .profile ul li .text{
		font-size:12px;
	}
}
@media screen and (max-width: 480px) {
	#shinsei-examination .profile ul{
		width:90%;
		min-width:340px;
	}
}

/* ==============================================================================
    policy 教育方針
============================================================================== */
#policy-one section{
	padding:5% 0;
}
#policy-one .subhead{
	font-family:"見出ゴMB31";
	text-align:center;
}
#policy-one .subhead em{
	color:#721E27;
	font-size:22px;
	font-weight:bold;
	font-style:normal;
}
#policy-one h2{
	border:none;
	color:#221815;
	font-size:160px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:1.5% 0 1%;
	padding:0;
	text-align:center;
}

#policy-two{
	margin-bottom:5%;
}
#policy-two .subhead{
	font-family:"見出ゴMB31";
	margin-bottom:2.5%;
	text-align:center;
}
#policy-two .subhead em{
	color:#721E27;
	font-size:22px;
	font-weight:bold;
	font-style:normal;
}
#policy-two dl{
	margin:0 auto 2%;
	width:530px;
}
#policy-two dt{
	color:#000;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    float:left;
	width:42%;
}
#policy-two dd{
	color:#721E27;
	font-size:16px;
	font-family:"見出ゴMB31";
    float:left;
	margin-top:29px;
	padding-left:4%;
	position:relative;
	width:54%;
	letter-spacing:-1px;
}

#policy-three{
	margin-bottom:5%;
}
#policy-three .subhead{
	font-family:"見出ゴMB31";
	margin-bottom:2.5%;
	text-align:center;
}
#policy-three .subhead em{
	color:#721E27;
	font-size:22px;
	font-weight:bold;
	font-style:normal;
}
#policy-three h3{
	color:#000;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:1.5% 0 1%;
	text-align:center;
}

#policy-four{
	background:#F0EFEC;
	border-top:1px solid #C3C3C3;
}
#policy-four section{
    margin:0 auto;
	padding:5% 0;
	width:92.7%;
	max-width:66em;
}
#policy-four .float-box.img-left img {
	float:left;
    width: 19%;
}
#policy-four .float-box.img-left p {
	float:right;
	line-height:180%;
	padding-top:5%;
    width: 70%;
}

#policy-five section{
	padding-top:3%;
}
#policy-five h4{
	font-size:32px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 0 6%;
}
#policy-five .text-area{
	float:left;
}

/* ==============================================================================
    history 沿革
============================================================================== */
.history section{
	line-height:180%;
    margin:3% auto 1%;
	width:92.7%;
	max-width:85.9em;
}
.history section p{
    margin:0 auto;
	width:90%;
}
#history-wrapper{
	background:url(../images/common/paper2_top.jpg) no-repeat 0 0;
	background-size:contain;
    margin:0 auto;
	padding-top:3%;
	position:relative;
	width:92.7%;
	max-width:92.5em;
}
#history-wrapper .inner{
	background:url(../images/common/paper2_inner.jpg) repeat-y 0 0;
	background-size:contain;
}
.table-history{
	font-family:"見出ゴMB31";
	font-size:16px;
	margin:0 auto;
	padding-bottom:5%;
	width:90%;
}
.table-history th{
	color:#731E28;
	line-height:300%;
	vertical-align:top;
}
.table-history td{
	line-height:300%;
}
.table-history td:nth-child(2){
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
}
.table-history td:nth-child(3){
	padding-left:3%;
}
.table-history tr.num1 td:nth-child(3){
	background:url(../images/history/num1.jpg) no-repeat 100% 0;
}
.table-history tr.num2 td:nth-child(3){
	background:url(../images/history/num2.jpg) no-repeat 100% 0;
}
.table-history tr.num3 td:nth-child(3){
	background:url(../images/history/num3.jpg) no-repeat 100% 0;
}
.table-history tr.num4 td:nth-child(3){
	background:url(../images/history/num4.jpg) no-repeat 100% 0;
}

/* ==============================================================================
    access アクセス
============================================================================== */
.access section{
	margin:0 auto;
    padding:5% 0;
	width:92.7%;
	max-width:85.9em;
}
.access .title{
	color:#51141D;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 auto 5%;
	text-align:center;
	letter-spacing:-1px;
}
@media screen and (max-width: 650px) {
    .access .title{
        font-size:24px;
    }
}
.access .map{
	margin-bottom:8%;
}
.map-detail h3{
	color:#76151A;
	font-family:"見出ゴMB31";
	font-size:18px;
	margin-bottom:2%;
}
.map-detail img{
	float:left;
	width:38%;
}
.map-detail .text-area{
	float:right;
	width:58%;
}
.map-detail .text-area table{
	margin-bottom:3%;
}
.map-detail .text-area table caption{
	font-family:"見出ゴMB31";
	font-size:18px;
	margin-bottom:1%;
}
.map-detail .text-area table caption:before{
	content:"●";
	color:#7D7B78;
}
.map-detail .text-area table th,
.map-detail .text-area table td{
	display:block;
	font-size:13px;
	padding:1% 0;
}
.map-detail .text-area table th{
	color:#009983;
	padding-left:24px;
	position:relative;
	vertical-align:top;
	white-space:nowrap;
}
.map-detail .text-area table th:before{
	content:"";
	border:3px solid #009983;
	position:absolute;
	left:0;
	top:10px;
	width:12px;
}
.map-detail .text-area table th.purple{
	color:#A55FA3;
}
.map-detail .text-area table th.purple:before{
	content:"";
	border:3px solid #A55FA3;
}
.map-detail .text-area table td{
	line-height:150%;
}

/* ==============================================================================
    learn 6年間の学び
============================================================================== */
body.learn{ background:#F0EFEC; }
#wrapper.learn{ background:#F0EFEC; }

#features-one{
	padding-bottom:6.2%;
}
#features-one section,
.newplan section,
.flp section{ 
    margin:0 auto;
	width:92.7%;
	max-width:85.9em;
}
#features-one .subhead,
#features-two .subhead,
#features-three .subhead,
#features-four .subhead{
	font-family:"中ゴシックBBB";
	font-size:18px;
	font-weight:bold;
	margin-bottom:.5%;
	text-align:center;
}
	#features-two .subhead,
	#features-three .subhead{
		text-align:left;
	}
	#features-three .subhead{ color:#fff; }
#features-one h2,
#features-two h2,
#features-three h2,
#features-four h2,
.newplan h2,
.flp #world h2{
	border-bottom:8px solid #741E29;
	color:#51141D;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:5%;
	padding-bottom:5%;
	text-align:center;
}
	.newplan h2{
		padding-bottom: 1%;
	}
	.flp #world h2{
		border:0;
		margin:0;
		padding-top:5%;
	}
#features-one h2.a1-gothic{
	border-bottom:none;
	color:#51141D;
	font-size:32px;
	font-family: "A1ゴシック R","A1 Gothic R","ＭＳ Ｐゴシック", "MS Pgothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	margin-bottom:3%;
	padding-bottom:0%;
	text-align:center;
}
#features-one h2.a1-gothic span{
	font-size:18px;
}
#features-one h2.a1-gothic span:before{
	content:"";
}

#features-one h2 span,
#features-two h2 span,
#features-three h2 span,
#features-four h2 span{
	position:relative;
}
	#features-two h2,
	#features-three h2{
		text-align:left;
		margin-bottom:10%;
		padding-bottom:10%;
	}
	#features-three h2{ 
		border-color:#fff;
		color:#fff;
	}
		#features-one h2 span:before{
			content:"1";
			color:#EAE3B9;
			font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			font-size:170px;
			position:absolute;
			top:50%;
			margin:-30% 0 0 -13%;
			left:50%;
			z-index:-1;
		}
		#features-two h2 span:before{
			content:"2";
			color:#F1EED0;
			font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			font-size:170px;
			position:absolute;
			top:50%;
			margin:-38% 0 0 50%;
			left:50%;
			z-index:0;
		}
		#features-three h2 span:before{
			content:"3";
			color:#2E2E39;
			font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			font-size:170px;
			position:absolute;
			top:50%;
			margin:-19% 0 0 50%;
			left:50%;
			z-index:0;
		}
		#features-four h2 span:before{
			content:"4";
			color:#EAE3B9;
			font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			font-size:170px;
			position:absolute;
			top:50%;
			margin:-21% 0 0 -66%;
			left:50%;
		}

#features-one h2.in-curriculum{
	margin-bottom:5%;
	border:none;
	padding:0;
}
#features-one .curriculum-area{
	border-bottom:8px solid #741E29;
	margin-bottom:5%;
	padding-bottom:5%;
}
#features-one .curriculum-area h3{
	color: #51141D;
	font-family: "A1ゴシック R","A1 Gothic R","ＭＳ Ｐゴシック", "MS Pgothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-size: 24px;
    margin: 2% 0 3.5%;
	text-align:center;
}
#features-one .curriculum-area h3 + p{
	line-height: 180%;
    margin: 0 auto 3%;
    width: 90%;
    text-align: justify;
    text-align-last: left;
}
.table-curriculum {
    border-collapse: collapse;
    margin: 0 auto 2%;
    width: 90%;
}
.table-curriculum th,
.table-curriculum td{
	padding: 1% 0;
	border: 1px solid #000;
    font-size: 15px;
    font-family: "中ゴシックBBB";
    padding: 2.5% 0;
    text-align: center;
}
.table-curriculum th.caption{
	border:none;
	color: #51141D;
	font-family: "A1ゴシック R","A1 Gothic R","ＭＳ Ｐゴシック", "MS Pgothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-size: 18px;
}
.table-curriculum td p{
	background:#99927e;
	color:#fff;
	text-align:center;
	padding:1% 1% 1.5%;
	border-radius:5px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;

}
	.table-curriculum td p a{
		color:#fff;
		text-decoration:underline;
	}

.table-curriculum tbody td {
	padding-right: 1.5%;
	padding-left: 1.5%;
    width: 35%;
}

@media screen and (max-width: 960px) {
		#features-one h2 span:before{
			font-size:105px;
			margin:-48% 0 0 -13%;
		}
		#features-two h2 span:before{
			font-size:105px;
			margin:-67% 0 0 50%;
		}
		#features-three h2 span:before{
			font-size:105px;
			margin:-34% 0 0 50%;
		}
		#features-four h2 span:before{
			font-size:105px;
			margin:-30% 0 0 -78%;
		}
#features-one h2.a1-gothic{
	font-size:18px;
}
}
@media screen and (max-width: 650px) {
		#features-one h2 span:before{
			font-size:73px;
			margin:-31% 0 0 -13%;
		}
		#features-two h2 span:before{
			font-size:73px;
			margin:-43% 0 0 53%;
		}
		#features-three h2 span:before{
			font-size:73px;
			margin:-25% 0 0 54%;
		}
		#features-four h2 span:before{
			font-size:73px;
			margin:-21% 0 0 -67%;
		}
	#features-one .curriculum-area h3{
		font-size:16px;
	}
	.table-curriculum th.caption{
		font-size: 15px;
	}
}

#features-one h2 + p,
.newplan h2 + p{
	line-height:180%;
	margin:0 auto 5%;
	width:54%;
}

.flow-class{
	margin-bottom:7%;
	text-align:center;
}

.flow-class-list{
	display:table;
	margin:0 auto;
	table-layout:fixed;
	width:100%;
}

.flow-class-list li{
	border-left:1px solid #C3C3C3;
	display:table-cell;
	text-align:center;
}
	.flow-class-list li:first-child{
		border-left:none;
	}
.flow-class-list li h3{
	color:#51141D;
	font-size:18px;
	font-family:"見出ゴMB31";
	font-weight:bold;
	margin-bottom:8%;
	text-align:center;
}
.flow-class-list li img{
	margin-bottom:5%;
}
.flow-class-list li p{
	line-height:180%;
	margin:0 auto 7%;
	width:60%;
	text-align: justify;
	text-align-last: left;
}
.flow-class-list .link-btn-red{
	width:55%;
}

#features-two{
	background:#fff;
	border-top:1px solid #C3C3C3;
}
#features-two section{
	margin:0 auto;
	padding:6% 0 0;
	width:92.7%;
	max-width:85.9em;
}
	#features-two section + section{
		padding:0 0 6%;
	}
#features-two section .text-area{
	float:left;
	width:40.76%;
}
	#features-two section p.subhead2{
		color:#51131D;
		font-size:18px;
		font-weight:bold;
		margin-bottom:2%;
	}
	#features-two section .text-area p{
		line-height:180%;
	}
#features-two section img{
	float:right;
	width:49.93%;
}
	#features-two section + section img{
		float:left;
		width:50%;
	}
#features-two section .red-box{
	background:url(../images/top/special_content_back.gif) repeat 0 0;
}
#features-two section .red-box p{
	color:#fff;
	line-height:180%;
	margin:0 auto;
	width:85%;
}
#features-two section .red-box div{
	background:#741E29;
	float:right;
	padding:3% 0 3.6%;
	width:50%;
}
#features-two section .red-box p.subhead2{
	margin-bottom:2.4%;
}

#features-three .line-navy{
	padding:3.5% 0;
}
#features-three .float-box h2{
	margin-top:0;
}
#features-three section p.subhead2{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	margin-bottom:2%;
}
#features-three section .text-area p{
	color:#fff;
	line-height:180%;
}

#features-four{
	background:#fff;
}
#features-four section{
	margin:0 auto;
	padding:6% 0;
	width:92.7%;
	max-width:85.9em;
}
#features-four h2 + p{
	line-height:180%;
	margin:0 auto 5%;
	width:54%;
}
.course-content-list{
	display:table;
	table-layout:fixed;
	width:100%;
}
	.course-content-list + .course-content-list{
		margin-top:4%;
	}
.course-content-list li{
	display:table-cell;
	text-align:center;
	/*vertical-align:middle;*/
}
.course-content-list li div{
	margin:0 auto;
	position:relative;
	width:81.31%;
}
		.course-content-list li div.upper-gradient{
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
		}
.course-content-list li div h3{
	color:#fff;
	font-size:18px;
	position:absolute;
	bottom:3%;
	left:3%;
}
.course-content-list li p{
	margin:4% auto 0;
	line-height:180%;
	text-align:left;
	width:81.31%;
}
	#world .world-disc p{
		width:100%;
	}


#course-content.one-column section {
    margin: 0 auto;
    padding: 6% 0;
    width: 92.7%;
    max-width: 85.9em;
}
	#course-content.one-column .course-content-list{
	}
	#course-content.one-column .course-content-list li{
		display:block;
		text-align:center;
		vertical-align:middle;
		margin:0 auto;
		width:80%;
		max-width:850px;
	}
#course-content.one-column .course-content-list li div {
    margin: 0;
    position: relative;
    width:100%;
}
	#course-content.one-column .course-content-list li div.float{
		float:left;
		width:60%;
	}
	#course-content.one-column .course-content-list li .float-text{
		float:right;
		width:35%;
	}
	#course-content.one-column .course-content-list li p.float-text{
		margin-top:0;
	}
#course-content.one-column .course-content-list li h5 {
    margin: 0 0 2.5%;
    width: 100%;
    letter-spacing: -1px;
}
	#course-content.one-column .course-content-list li div.float div{
		/*margin:0;*/
		max-width:500px;
	}
		#course-content.one-column .course-content-list li div.upper-gradient{
			position:absolute;
			margin:0;
			max-width:500px;
		}
@media screen and (max-width: 690px) {
	#course-content.one-column .course-content-list li{
		width:100%;
	}
	#course-content.one-column .course-content-list li div.float{
		float:none;
		width:100%;
	}
	#course-content.one-column .course-content-list li .float-text{
		float:none;
		width:100%;
	}
	#course-content.one-column .course-content-list li h5.float-text{
		margin-top:2%;
	}
	#course-content.one-column .course-content-list li div.float div{
		margin:0 auto;
		width:100%;
	}
		#course-content.one-column .course-content-list li div.upper-gradient{
			width:100%;
		}
}

#course-content-ver2{
    background: #22222d;
    color: #fff;
    width: 100%;
}
#course-content-ver2.one-column section {
    margin: 0 auto;
    padding: 6% 0;
    width: 92.7%;
    max-width: 85.9em;
}
	#course-content-ver2.one-column .course-content-list li{
		display:block;
		text-align:center;
		vertical-align:middle;
		margin:0 auto;
		width:80%;
		max-width:780px;
	}
	#course-content-ver2.one-column .course-content-list li p{
		width: 93%;
	}
    #course-content-ver2.one-column .course-content-list li + li{
        margin-top: 3em;
    }
#course-content-ver2.one-column .course-content-list li div {
    margin: 0;
    position: relative;
    width:100%;
}
#course-content-ver2.one-column .image + .image{
    margin-top: 2em;
}
#course-content-ver2.one-column .image img{
    width: 100%;
}
#course-content-ver2.one-column .image.narrow img{
    max-width: 370px;
}

		#course-content-ver2.one-column .course-content-list li div.upper-gradient{
			position:absolute;
			margin:0;
		}
		#course-content-ver2.one-column .course-content-list li .narrow .upper-gradient{
			max-width: 370px;
            left: 0;
            right: 0;
            margin: auto;
		}
        #course-content-ver2.one-column .image .cap{
            position: absolute;
            bottom: .25em;
            right: .5em;
            margin: inherit;
            text-align: right;
            width: auto;
        }
        #course-content-ver2.one-column .image.narrow .cap{
            max-width: 370px;
            padding-right: 1em;
            padding-left: 1em;
            left: 0;
            right: 1em;
            margin: auto;
        }
#course-content-ver2 .course-content-list li h5{
    font-size:32px;
    font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight:bold;
	margin:0 auto 2.5%;
	/*width:81.31%;*/
	letter-spacing:-1px;
}
	#course-content-ver2 .course-content-list li h5 span{
		font-size:24px;
        margin-left: .5em;
	}
    
@media screen and (max-width: 690px) {
#course-content-ver2.one-column section {
    padding: 8% 0 6%;
}
	#course-content-ver2.one-column .course-content-list li{
		width:100%;
	}
    #course-content-ver2.one-column .course-content-list li p{
		width: 100%;
	}
    #course-content-ver2.one-column .course-content-list li + li{
        margin-top: 2em;
    }
	#course-content-ver2.one-column .course-content-list li div.float{
		float:none;
		width:100%;
	}
	#course-content-ver2.one-column .course-content-list li .float-text{
		float:none;
		width:100%;
	}
	#course-content-ver2.one-column .course-content-list li h5.float-text{
		margin-top:2%;
	}
	#course-content-ver2.one-column .course-content-list li div.float div{
		margin:0 auto;
		width:100%;
	}
		#course-content-ver2.one-column .course-content-list li div.upper-gradient{
			width:100%;
		}
        #course-content-ver2.one-column .image .cap{
            padding-left: 2em;
        }
#course-content-ver2.one-column .image.narrow img{
    width: 70%;
}
		#course-content-ver2.one-column .course-content-list li .narrow .upper-gradient{
			width: 70%;
		}
        #course-content-ver2.one-column .image.narrow .cap{
            width: 70%;
        }

#course-content-ver2 .course-content-list li h5{
    font-size:24px;
}
	#course-content-ver2 .course-content-list li h5 span{
		font-size:14px;
        margin-left: 0;
	}

}


/* ==============================================================================
    newplan 新しい学びページ
============================================================================== */

.newplan .pbl-disc{
    width: 54%;
	line-height: 180%;
    max-width: 85.9em;
    margin: 3% auto;
}
	.flp .unsw-disc{
    width: 78%;
	line-height: 180%;
    max-width: 85.9em;
    margin: 3% auto 5%;
}
.newplan .page-main {
    background: url(../images/page-title/newplan_title_back.jpg) no-repeat center center;
    background-size: cover;
}
.newplan #ict,
.flp #shudo-course{
	border-top:#741E29 solid 2px;
	padding-top:3%;
}



.newplan #pbl-box{
	border-top: #741E29 solid 2px;
	margin: 3% 0 4%;
    padding-top: 3%;
}
.newplan .note{
	margin: 1% auto 0;
}
.newplan #ict-box .course-content-list li div{
	width:90%;
}
.newplan #ict-box .note{
	margin: 1% 5% 0;
}
.newplan .desc{
    width: 54%;
	line-height: 180%;
    max-width: 85.9em;
    margin: 3% auto;
}
	.flp .desc{
		width: 78%;
		margin: 3% auto 4%;
	}

.message-back{
   background-color: #F0EFEC;
	padding-top: 4%;
}
#message-from{
	max-width: 73em;
}
#message-from .title{
	text-align: center;
}
#message-from h2{
	border-bottom: none;
	color: #B89446;
	font-family: "A1ゴシック R","A1 Gothic R","ＭＳ Ｐゴシック", "MS Pgothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 35px;
	margin: 2% 0 3.5%;
}
#message-from .student-comment{
	background-color: transparent;
}
#message-from .float-box{
	border-bottom: 1px dotted #666666;
	margin: 0 0 4%;
}
#message-from .float-box:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
#message-from .float-box .desc{
	float: left;
	margin: 3% 0 0;
    width: 57%;
}
	#message-from .comment2 .desc{
		margin-left: 4%;
	}

	#message-from .float-box .desc h4{
		color: #741E29;
		font-size: 25px;
		font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		line-height: 150%;
		letter-spacing: -2px;
		margin: 0 0 2%;
	}
	#message-from .float-box .desc p{
		font-family: "見出ゴMB31";
		font-size: 13px;
		margin-bottom: .5em;
	}
	#message-from .float-box .desc .name{
		font-weight: bold;
		font-size: 16px;
	}

#message-from .float-box .person{
	float: left;
	margin: 0 6% 0 9%;
	width: 20%;
	}
	#message-from .comment2 .person{
		float: right;
		margin: 0 13% 0 6%;
	}


/* ==============================================================================
    flp FLPページ
============================================================================== */


.flp  .page-main h1+p img{
	margin-top: 2%;
}

.flp h3{
	color: #51131D;
	font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 35px;
}

.flp .feature li h6 small{
	font-size: 18px;
}
.flp .course-content-list{
	margin:  0 auto 5%;
	max-width: 85.9em;
	width: 90%;
}
.flp .course-content-list div{
	margin: 0 2% 0 0; 
	width: 98%;
}
.flp .course-content-list p{
	width: 100%;
}
.flp .course-content-list li:last-child div{
	margin: 0 0 0 2%; 
}

.flp .future-leader{
    margin-top: 5%;
}
.flp .future-leader .inner{
    margin: 0 auto;
    width: 90%;
}
.flp .future-leader ul{
    position: relative;
    margin-top: 4%;
}
.flp .future-leader ul:before{
    content: "";
    display: block;
    background: url("../images/flp/border.svg")repeat-y 0 0;
    height: 95%;
    width: 20px;
    position: absolute;
    top: 2%;
    left: 0;
}
.flp .future-leader ul li{
    position: relative;
    padding: 0 0 1.5em 5em;
}
.flp .future-leader ul li h4{
    color: #76161b;
    font-size: 21px;
}
.flp .future-leader ul li h4.normal small{
    color: #000;
    font-size: 14px;
}
.flp .future-leader ul li h4 span{
    background: #000;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 2px 12px 0;
    margin-right: .5em;
}
.flp .future-leader ul li h4 em{
    font-style: normal;
    font-weight: bold;
    font-family: "中ゴシックBBB";
}
.flp .future-leader ul li h5{
    color: #76161b;
    font-size: 17px;
    font-family: "中ゴシックBBB";
    position: relative;
    padding-left: 1.25em;
    margin-top: .75em;
}
.flp .future-leader ul li h5::before{
    content: "\025cf";
    position: absolute;
    top: 0;
    left: 0;
}

.flp .future-leader ul li .text{
    margin-top: .5em;
}
.flp .future-leader ul li .indent{
    padding-left: 1.5em;
}
.flp .future-leader ul li .indent strong{
    font-size: 15px;
}
.flp .future-leader ul li h5 + .indent{
    margin-top: .25em;
}

.flp .future-leader ul li + li{
    margin-top: 1.5em;
}
.flp .future-leader ul li::before{
    content: "";
    display: block;
    background: #fff;
    border: 2px solid #76161b;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 0;
    left: -4px;
}
.flp .future-leader ul li.point::before{
    content: "";
    display: block;
    background: #76161b;
    border: 2px solid #76161b;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 0;
    left: -8px;
}

.flp .future-leader ul li::after{
    content: "";
    background: #000;
    height: 1px;
    width: calc(100% - 3em);
    position: absolute;
    bottom: 0;
    left: 5em;
}
.flp .future-leader ul li:last-child::after{
    content: none;
}

@media screen and (max-width: 830px) {
    .flp .future-leader ul:before{
        height: 92%;
    }
    .flp .future-leader ul li h4 em{
        display: block;
        margin-top: .25em;
    }
    .flp .future-leader ul li h4.normal small{
        display: block;
        margin-top: .25em;
    }
    .flp .future-leader ul li{
        padding: 0 0 1.5em 3em;
    }
    .flp .future-leader ul li::after{
        left: 3em;
    }
}


#world{
	background:#F0EFEC;
	padding-bottom:2%;
}

#world .world-disc{
	float:left;
	margin-top:5%;
	width:60%;
}

#world .world-img{
	float: left;
	margin:5% 2% 0 0;
	width: 38%;
}


#brisbane-wrapper{
    /*background: #50141C;*/
    background: #f6f6eb;
    width: 100%;
    max-width: none;
    margin-top: 5%;
}
#brisbane-wrapper .inner{
    padding: 5%;
    max-width: 85.9em;
    margin: auto;
}
#brisbane-wrapper .inner .content{
    /*color: #fff;*/
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 90%;
}
#brisbane-wrapper .inner .content .head{
    font-size: 24px;
    font-family: "見出ゴMB31";
    margin-bottom: .5rem;
}
#brisbane-wrapper .inner .content .head + p{
    font-size: 13px;
}
#brisbane-wrapper .inner .content .head-wrapper{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
#brisbane-wrapper .inner .content .head-wrapper .box1{
    white-space: nowrap;
}
#brisbane-wrapper .inner .content .head-wrapper .badge{
    margin-left: 1.5rem;
    width: 34%;
}

#brisbane-wrapper .inner .content .text{
    margin-top: 1rem;
}
#brisbane-wrapper .inner .content ul{
    margin-top: 1rem;
}
#brisbane-wrapper .inner .content ul li{
    padding-left: 1rem;
    line-height: 140%;
    text-indent: -1rem;
}
#brisbane-wrapper .inner .content ul li:before{
    content: "\025cf";
    color: #76161b;
    margin-right: .25rem;
}
#brisbane-wrapper .inner .content .text-box{
    width: 55%;
}
#brisbane-wrapper .inner .content .image{
    width: 40%;
}

@media screen and (max-width: 830px) {
    #brisbane-wrapper .inner .content .head-wrapper{
        display: inherit;
    }
    #brisbane-wrapper .inner{
        padding: 8% 5%;
    }
    #brisbane-wrapper .inner .content{
        display: inherit;;
        width: 90%;
    }
    #brisbane-wrapper .inner .content .text-box{
        width: 100%;
    }
    #brisbane-wrapper .inner .content .head{
        font-size: 18px;
    }
   #brisbane-wrapper .inner .content .image{
        margin-top: 1rem;
        width: 100%;
    }
    #brisbane-wrapper .inner .content .head-wrapper .badge{
        margin-left: 0rem;
        margin-bottom: .5rem;
        width: 50%;
    }
}

/* ==============================================================================
    schooltrip 探求型修学旅行ページ
============================================================================== */
.schooltrip .trip-image .image-list{
    width: 90%;
    margin: 5% auto;
}
.schooltrip .trip-image .image-list li + li{
    margin-top: 2.5%;
}
.schooltrip .course-wrapper .inner{
    width: 90%;
    margin: 5% auto;
}
.schooltrip .course-wrapper .content{
    border-top: 2px solid #50141C;
    border-bottom: 2px solid #50141C;
    padding: 3% 5%;
}
.schooltrip .course-wrapper .head{
    font-size: 28px;
    font-family: "見出ゴMB31";
    margin-bottom: 1rem;
}
.schooltrip .course-wrapper .head span{
    font-size: 16px;
}
.schooltrip .course-wrapper ul li{
    padding-left: 1rem;
    font-size: 16px;
    line-height: 160%;
    text-indent: -1rem;
}
.schooltrip .course-wrapper ul li:before{
    content: "\025cf";
    color: #B89446;
    margin-right: .25rem;
}

@media screen and (max-width: 830px) {
    .schooltrip .course-wrapper .content{
        padding: 5% 0;
    }
    .schooltrip .course-wrapper .head{
        font-size: 16px;
        margin-bottom: .5rem;
    }
    .schooltrip .course-wrapper .head span{
        font-size: 13px;
    }
    .schooltrip .course-wrapper ul li{
        font-size: 13px;
    }
}

.trip-program .program-list{
    margin: 2% auto 0;
    width: 90%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.trip-program .program-list li{
    background: #f6f6eb;
    filter: drop-shadow(0 0 0.25rem #ccc);
    padding-bottom: 1em;
    margin: 1em 0;
    width: calc(95% / 3);
}
.trip-program .program-list li:last-child{
    background: none;
}
.trip-program .program-list .head{
    background: #51131D;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: .75em 1em;
}
.trip-program .program-list .desc{
    padding: 0 1em;
    margin-top: 1.5em;
    width: auto;
}
.trip-program .program-list .detail{
    color: #51131D;
    font-weight: bold;
    padding: 0 1em;
}

@media screen and (max-width: 830px) {
    .trip-program .program-list li{
        width: calc(96% / 2);
    }
    .trip-program .program-list li:last-child{
        display: none;
    }
    .trip-program .program-list .head{
        font-size: 15px;
    }
}

.schooltrip .flow-class-list h3{
    font-size: 21px;
}
@media screen and (max-width: 830px) {
    .schooltrip .flow-class-list h3{
        font-size: 17px;
    }
}


/* ==============================================================================
    rubric
============================================================================== */
.rubric .label{
    margin: 0 auto;
    max-width: 217px;
    width: 45%;
}
.rubric-list{
    border-top: 2px solid #231815;
    margin: 0 auto 8%;
    max-width: 935px;
}
.rubric-list .values{
    float: left;
    margin-left: 2%;
    max-width: 410px;
    width: 45%;
}
.rubric-list .skills{
    float: right;
    margin-right: 2%;
    width: 45%;
}

.rubric-list .values .head{
    margin: 0 auto;
    max-width: 364px;
    margin-bottom: 28px;
}
.rubric-list .values .first,
.rubric-list .values .second,
.rubric-list .values .third p,
.rubric-list .skills .first,
.rubric-list .skills .second p,
.rubric-list .skills .third{
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
}
.rubric-list .values .first{
    margin: 0 auto;
    max-width: 228px;
    width: 60%;
}
.rubric-list .values .arrows1{
    margin: 0 auto;
    max-width: 15px;
}
.rubric-list .values .second{
    margin: 0 auto;
    max-width: 315px;
    width: 85%;
}
.rubric-list .values .arrows2{
    margin: 0 auto;
    max-width: 285px;
}
.rubric-list .values .third p{
    width: 32%;
    float:left;
}
.rubric-list .values .third p:nth-child(2){
    margin: 0 2%;
}

.rubric-list .skills .head{
    margin: 0 auto;
    max-width: 295px;
    width: 84%;
    margin-bottom: 28px;
}
.rubric-list .skills .first{
    margin: 0 auto;
    max-width: 228px;
    width: 60%;
}
.rubric-list .skills .arrows1{
    margin: 0 auto;
    max-width: 175px;
}
.rubric-list .skills .second{
    margin: 0 auto;
    max-width: 310px;
    width: 80%;
}
.rubric-list .skills .second p{
    width: 48%;
    float:left;
}
    .rubric-list .skills .second p:first-child{
        margin-right: 4%;
    }
.rubric-list .skills .arrows2{
    margin: 0 auto;
    max-width: 175px;
}
.rubric-list .skills .third{
    margin: 0 auto;
    max-width: 410px;
    width: 100%;
}

@media screen and (max-width: 959px) {
/*959以下*/
    
    .rubric .page-main {
        margin-top: 0;
        margin-bottom: 0;
    }
    
}
/*959以下*/
@media screen and (max-width: 830px) {
 
    .rubric-list{
        border-top: none;
    }
    .rubric-list .values{
        border-top: 2px solid #231815;
        float: none;
        margin-left: 0%;
        margin: 0 auto 8%;
        width: 90%;
    }
    .rubric-list .skills{
        border-top: 2px solid #231815;
        float: none;
        margin-right: 0%;
        margin: 0 auto;
        width: 90%;
    }
    
}

.page-main-rubric{
    padding: 0 0 5%;
}
.page-main-rubric .inner-label{
    margin-bottom: 5%;
    text-align: center;
}
.page-main-rubric .title{
    text-align: center;
}
.theme-area{
    padding: 4% 0 4%;
}
    .value1 .theme-area{
        background: #ea609e url("../images/rubric/inner/value1-circle.jpg") no-repeat 0 0;
    }
    .value2 .theme-area{
        background: #ea545d url("../images/rubric/inner/value2-circle.jpg") no-repeat 0 0;
    }
    .value3 .theme-area{
        background: #8dc21f url("../images/rubric/inner/value3-circle.jpg") no-repeat 0 0;
    }
    .value4 .theme-area{
        background: #f8b500 url("../images/rubric/inner/value4-circle.jpg") no-repeat 0 0;
    }
    .value5 .theme-area{
        background: #f08300 url("../images/rubric/inner/value5-circle.jpg") no-repeat 0 0;
    }
    .skill1 .theme-area{
        background: #00a73c url("../images/rubric/inner/skill1-circle.jpg") no-repeat 0 0;
    }
    .skill2 .theme-area{
        background: #00b2b7 url("../images/rubric/inner/skill2-circle.jpg") no-repeat 0 0;
    }
    .skill3 .theme-area{
        background: #5c6eb3 url("../images/rubric/inner/skill3-circle.jpg") no-repeat 0 0;
    }
    .skill4 .theme-area{
        background: #a660a3 url("../images/rubric/inner/skill4-circle.jpg") no-repeat 0 0;
    }
    
.theme-area .inner{
    margin: 0 auto;
    max-width: 860px;
    width: 85%;
}
.theme-area h1{
    color: #fff;
    font-size:50px;
    font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight:bold;
    margin: .5em 0;
}
.theme-area h1 + p{
    color: #fff;
    font-size:20px;
    font-family: "中ゴシックBBB";
    line-height: 160%;
}

.rubric-level{
    margin: 5% auto 8%;
    max-width: 860px;
    width: 90%;
}
.rubric-level ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.rubric-level li{
    display: flex;
    align-items: stretch;
    position: relative;
    margin-bottom: 4em;
    width: 100%;
}
    .rubric-level li:after{
        content: "";
        background: url("../images/rubric/inner/arrow.jpg") no-repeat 0 0;
        display: block;
        height: 37px;
        width: 28px;
        position: absolute;
        bottom: -4em;
        left: 50%;
    }
    
    @media screen and (max-width: 830px) {
        .rubric-level li:after{
            bottom: -3.5em;
        }
    }
    
.rubric-level li:last-child{
    margin-bottom: 0em;
}
    .rubric-level li:last-child:after{
        content: none;
    } 

.rubric-level .level{
    padding-right: 5%;
    max-width: 115px;
    width: 20%;
}
.rubric-level .desc{
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    border-bottom: 1px solid #231815;
    margin: 0;
    width: 80%;
}
.rubric-level li:last-child .desc{
    border-bottom: none;
}

@media screen and (max-width: 830px) {
    .theme-area{
        background-size: 179px 148px!important;
    }
    .page-main-rubric .inner-label{
        margin-left:auto;
        margin-right:auto;
        width: 70%;
    }
    .page-main-rubric .title{
        margin-left:auto;
        margin-right:auto;
        width: 70%;
    }
    .theme-area .num{
        width: 30%;
    }
    .theme-area h1{
        font-size:28px;
    }
    .theme-area h1 + p{
        font-size:16px;
    }
}

/*tab*/
.rubric .hide {
    display: none;
}
.rubric .tab {
    border-collapse: collapse;
    display: table;
    margin: 0 auto 0;
    overflow: hidden;
    table-layout: fixed;
    width: 100%;
}
.rubric .tab:before, .rubric .tab:after {
    content: "";
    width: 20%;
}
.rubric .tab li.select {
    color: #fff!important;
}
    .rubric.value1 .tab li.select{
        background: #ea609e;
        border-left: 1px solid #ea609e;
    }
    .rubric.value2 .tab li.select{
        background: #ea545d;
        border-left: 1px solid #ea545d;
    }
    .rubric.value3 .tab li.select{
        background: #8dc21f;
        border-left: 1px solid #8dc21f;
    }
    .rubric.value4 .tab li.select{
        background: #f8b500;
        border-left: 1px solid #f8b500;
    }
    .rubric.value5 .tab li.select{
        background: #f08300;
        border-left: 1px solid #f08300;
    }
    .rubric.skill1 .tab li.select{
        background: #00a73c;
        border-left: 1px solid #00a73c;
    }
    .rubric.skill2 .tab li.select{
        background: #00b2b7;
        border-left: 1px solid #00b2b7;
    }
    .rubric.skill3 .tab li.select{
        background: #5c6eb3;
        border-left: 1px solid #5c6eb3;
    }
    .rubric.skill4 .tab li.select{
        background: #a660a3;
        border-left: 1px solid #a660a3;
    }
    
.rubric .tab li {
    background: none;
    display: table-cell;
    font-family: "中ゴシックBBB";
    font-size: 18px;
    font-weight: bold;
    padding: 1.5% 0;
    text-align: center;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
    .rubric.value1 .tab li{
        border: 1px solid #ea609e;
        color: #963a66;
    }
    .rubric.value2 .tab li{
        border: 1px solid #ea545d;
        color: #97313a;
    }
    .rubric.value3 .tab li{
        border: 1px solid #8dc21f;
        color: #5e8215;
    }
    .rubric.value4 .tab li{
        border: 1px solid #f8b500;
        color: #a07624;
    }
    .rubric.value5 .tab li{
        border: 1px solid #f08300;
        color: #9a5524;
    }
    .rubric.skill1 .tab li{
        border: 1px solid #00a73c;
        color: #117038;
    }
    .rubric.skill2 .tab li{
        border: 1px solid #00b2b7;
        color: #047579;
    }
    .rubric.skill3 .tab li{
        border: 1px solid #5c6eb3;
        color: #3a4677;
    }
    .rubric.skill4 .tab li{
        border: 1px solid #a660a3;
        color: #6c3a6b;
    }
    
.rubric .tab li:hover{
    cursor: pointer;
    color: #fff;
}
    .rubric.value1 .tab li:hover{
        background: #ea609e;
        border: 1px solid #ea609e;
    }
    .rubric.value2 .tab li:hover{
        background: #ea545d;
        border: 1px solid #ea545d;
    }
    .rubric.value3 .tab li:hover{
        background: #8dc21f;
        border: 1px solid #8dc21f;
    }
    .rubric.value4 .tab li:hover{
        background: #f8b500;
        border: 1px solid #f8b500;
    }
    .rubric.value5 .tab li:hover{
        background: #f08300;
        border: 1px solid #f08300;
    }
    .rubric.skill1 .tab li:hover{
        background: #00a73c;
        border: 1px solid #00a73c;
    }
    .rubric.skill2 .tab li:hover{
        background: #00b2b7;
        border: 1px solid #00b2b7;
    }
    .rubric.skill3 .tab li:hover{
        background: #5c6eb3;
        border: 1px solid #5c6eb3;
    }
    .rubric.skill4 .tab li:hover{
        background: #a660a3;
        border: 1px solid #a660a3;
    }

/* ==============================================================================
    english 英語ページ
============================================================================== */
#wrapper.english {
    background: url(../images/top/special_content_back.gif) repeat 0 0;
}
.english h1, .english h2, .english p, .english li{
	font-family:Verdana, Geneva, sans-serif;
}
.english p, .english li{
	line-height:200%;
}
.english .logo{
	position: absolute;
    top: 5%;
    left: 50%;
    margin-left: -580px;
	position:relative;
	z-index:2;
}
.english .page-main.high {
    padding: 0;
	height:620px;
}
.english .page-main {
    margin-top: 0px;
    padding: 20px 0;
}
.english .overview-images .bx-wrapper {
	background:#161622;
}
.overview-images{
	margin:-465px auto 0;
	max-width:1110px;
}
	.english .bx-wrapper .bx-controls-direction a {
		background-color:#161622;
		top: auto;
		bottom: 34%;
		position: absolute;
		margin-top: 0px;
		outline: 0;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		z-index: 9999;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
	}
	.english .bx-wrapper .bx-next {
		left:auto;
		right: 23px;
	}
	.english .bx-wrapper .bx-prev {
		left:auto;
		right: 62px;
	}
.overview-text{
	background:#fff;
	margin:-5% auto 5%;
	padding:2.5%;
	position:relative;
	z-index:2;
	width:80%;
	max-width:860px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.overview-text h1{
	border-bottom:6px solid #741E29;
	color:#51131D;
	font-size:32px;
	margin-bottom:3%;
	padding-bottom:2%;
	text-align:center;
}
	.english .bx-wrapper .bx-pager, .english .bx-wrapper .bx-controls-auto {
		position: absolute;
		left: 50%;
		margin-left: -82px;
		bottom: 0;
		width: 165px;
	}
.english .bx-wrapper .bx-pager.bx-default-pager a {
	border:1px solid #721E27;
    background:none;
	color:#721E27;
    text-indent:0;
    display: block;
    width:auto;
    height:auto;
    padding:12px 15px;
    outline: 0;
    -moz-border-radius:0;
    -webkit-border-radius:0px;
    border-radius:0px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity:1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.english .bx-wrapper .bx-pager.bx-default-pager a.active{
    background:#721E27;
	color:#fff;
}
.overview-text .bx-wrapper{
	padding-bottom:12%;
}

.english h2{
	color:#51131D;
	font-size:18px;
	margin:4% 0 8%;
	position:relative;
	padding-bottom:2%;
	text-align:center;
}
	.english h2:after{
		content:"";
		border-bottom:1px solid #741E29;
		position:absolute;
		bottom:0;
		left:50%;
		margin-left:-30px;
		width:60px;
	}
.english h3.title-red{
	color:#51131D;
	font-size:26px;
	font-family:"Times New Roman", Times, serif;
	margin:2% 0 .5%;
	text-align:center;
}
.english h3 + p{
	margin-bottom:4%;
	text-align:center;
}
	.english h3 + p span{
		background:#51131D;
		color:#fff;
		display:inline;
		font-size:15px;
		font-family:"Times New Roman", Times, serif;
		padding:3px 10px;
	}
.english .line-navy h3.title-red{
	color:#fff;
}
	.english .line-navy h3 + p span{
		background:#fff;
		color:#151521;
	}

.english .line-navy.class {
    padding: 3.5% 0;
}
.english .float-box.img-right .image {
    float: right;
    width: 49.93%;
}
.english .float-box.img-left .image {
    float: left;
    width: 49.93%;
}
.english .float-box .image p {
    font-weight:bold;
	text-align:center;
}
	.english .float-box.img-right img,
	.english .float-box.img-left img {
		float: none;
		width: auto;
		margin-bottom:8px;
	}
.english .year-line{
	margin-bottom:4%;
	padding-bottom:7%;
	position:relative;
}
.english .year-line.last{
	margin-bottom:0%;
	padding-bottom:0%;
}
	.english .year-line:after{
		content:"";
		border-bottom:1px solid #741E29;
		position:absolute;
		bottom:0;
		left:50%;
		margin-left:-30px;
		width:60px;
	}
	.english .line-navy .year-line:after{
		border-color:#fff;
	}
	.english .year-line.last:after{
		border-bottom:none;
	}
.english .year-line .year{
	color:#51131D;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:42px;
	line-height:145%;
}
	.english .line-navy .year-line .year{
		color:#fff;
	}
		.english .year-line .year span{
			font-family:Verdana, Geneva, sans-serif;
			font-size:14px;
			margin-left:8px;
		}
.english .year-line .summary span{
	border:1px solid #51131D;
	padding:0 5px;
	margin-right:5px;
}
	.english .line-navy .year-line .summary span{
		border-color:#fff;
	}

.text-2column{
	float:left;
	width:45%;
}
.text-2column + .text-2column{
	float:right;
}
.center-position .image{
	margin-bottom:3%;
}
.center-position .image p{
	text-align:center;
}

.english #footer-wrap {
    background:none;
    padding: 3% 0 0;
}
.english #footer-wrap .school-name{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	margin-bottom:2%;
	padding-bottom:1%;
	position:relative;
	text-align:center;
}
.english #footer-wrap .school-name:after {
    content: "";
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    width: 60px;
}
.english #footer-wrap .address{
	color:#fff;
	font-size:14px;
	text-align:center;
	margin:inherit;
	float:none;
	width:auto;
}
.english .copyright {
    padding: 42px 0;
}

@media screen and (max-width: 1140px) {
.english .logo{
	position: relative;
    top:auto;
    left:auto;
    margin-left: 0px;
	padding-top:2.5%;
	text-align:center;
	z-index:2;
}
}
@media screen and (max-width: 959px){
.english .page-main {
    margin-top: 0;
    margin-bottom: 0%; 
}
.english .float-box.img-right .image, .english .float-box.img-left .image{
	float:none;
	width:100%;
}
.english .float-box.img-right img, .english .float-box.img-left img{
	width:100%;
}
.center-position .text-2column,
.center-position .text-2column + .text-2column{
	float:none;
	margin:0 auto;
	width:90%!important;
}
}
@media screen and (max-width: 760px){
.english .page-main.high {
    /*height: 240px;*/
	height: 0px;
}
.english .logo img{
	width:35%;
}
.overview-images {
    /*margin: -19% auto 0;*/
	margin: 0 auto 0;
}
.overview-text h1 {
    font-size: 20px;
}
.english .year-line .year {
    font-size: 31px;
}
.english h3.title-red{
	font-size:24px;
	margin-left:auto;
	margin-right:auto;
    width:90%;
}
}
@media screen and (max-width: 579px){
.english .float-box.img-right .image, .english .float-box.img-left .image{
	margin:0 auto;
	width:80%;
}
.english .bx-wrapper .bx-pager, .english .bx-wrapper .bx-controls-auto{
	display:block;
}
.english .bx-controls-direction{
	display:none;
}
.english .overview-text .bx-wrapper{
	padding-bottom:16%;
}
}

/* ==============================================================================
    grader1,2,3,shinsen 初・中・上級・新生
============================================================================== */
body.grader1{ background:#F0EFEC; }
#wrapper.grader1,#wrapper.grader2,#wrapper.grader3{ background:#F0EFEC; }
#wrapper.newplan,#wrapper.flp{ background:#FFF; }

.line-red.class,
.line-white.class,
.line-beige.class{
	padding:3.5% 0;
}
.line-white.class{
	border-top:1px solid #c3c3c3;
}
.class .text-area{
	padding-top:0;
	/*width:44.5%;*/
	width:46%;
}
.class .text-area h4{
	border-bottom: 8px solid #741E29;
	color:#51141D;
    font-size:30px;
	/*font-size:28px;*/
    font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight:bold;
    margin-bottom:10%;
    padding-bottom:3.5%;
	/*letter-spacing:-2px;*/
	font-feature-settings: "palt";
}

h4 .em-text{
	background: linear-gradient(transparent 19%, #741E29 19%);
	color:#fff;
	letter-spacing:0px;
    line-height: 140%;
}
.line-red.class h4 .em-text{
	background: linear-gradient(transparent 19%, #fff 19%);
	color:#741E29;
}
@media screen and (max-width: 580px){
    h4 .em-text{
        background: #741E29 linear-gradient(transparent 19%, #741E29 19%);
    }
    .line-red.class h4 .em-text{
        background: #fff linear-gradient(transparent 19%, #fff 19%);
    }
}

@media print{
h4 .em-text{
	background: none;
	color:#51141D;
}
.line-red.class h4 .em-text{
	background: none;
	color:#fff;
}
}
.message-from-title{
	margin-bottom:4%;
	text-align:center;
}

.shinsei .class .text-area h4{
    font-size:28px;
}
@media screen and (max-width: 580px){
    .shinsei .class .text-area h4{
        font-size: 19px;
    }
}


.class .text-area .name{
	border:none;
	color:#741E29;
	font-family:"見出ゴMB31";
	font-size:17px;
	font-weight:bold;
	margin-bottom:.5%;
}
	.line-red.class .text-area h4,
	.line-beige.class .text-area h4{
		border-color:#fff;
		color:#fff;
	}
	.line-red.class .text-area .name,
	.line-beige.class .text-area .name{
		color:#fff;
	}
.class .text-area .name span{
	font-size:13px;
	margin-left:1em;
}

#school-life{
	background:#fff;
}
#school-life section{
	margin:0 auto;
	padding:6% 0;
	width:92.7%;
	max-width:85.9em;
}
	.newplan #school-life,
    .newplan #school-life2{
		padding:10% 0 0;
	}
		.flp #school-life,
    	.flp #school-life2{
			padding:5% 0 0;
		}
#school-life h2{
	border-bottom:8px solid #741E29;
	color:#51141D;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	margin-bottom:5%;
	padding-bottom:5%;
	text-align:center;
}
#school-life .float-box,
#school-life2 .float-box{
	margin-top:-20px;
	padding-top:20px;
	position:relative;
	z-index:1;
}
#school-life .float-box .person{
	float:left;
	margin:0 5% 0 5%;
}
	.newplan #school-life .float-box .person{
		float:right;
	}
    .newplan #school-life2 .float-box .person{
		float:left;
	}
#school-life .float-box .time img{
	float:left;
	margin-right:3%;
	width:28%;
}
#school-life .float-box .time ul{
	float:left;
	width:30%;
}
#school-life .float-box .time li{
	margin-bottom:5%;
}
#school-life .float-box .time li p,
#school-life .float-box .time li p.name,
#school-life2 .float-box .time li p,
#school-life2 .float-box .time li p.name,
.world-disc .name{
	color:#51131D;
	font-family:"見出ゴMB31";
	font-size:16px;
	font-weight:bold;
	margin-bottom:.5em;
}
	.newplan #school-life .float-box .time li p.name,
	.newplan #school-life2 .float-box .time li p.name,
	.world-disc .name{
		color:#000;
	}
		.world-disc .name{
			margin:0 0 5%;
		}
	#school-life .float-box .time li p + p,
	#school-life .float-box .time li p.text,
	#school-life2 .float-box .time li p + p,
	#school-life2 .float-box .time li p.text{
		color:#000;
		font-size:13px;
		font-weight:normal;
		padding-bottom:0;
	}

		.grader1 #school-life.student-comment h2,
		.grader2 #school-life.student-comment h2,
		.grader3 #school-life.student-comment h2{
			margin-bottom:3%;
		}
		#school-life.student-comment .float-box .person{
			margin:-17% 5% 0 10%;
			width:20%;
		}
			.newplan.shinsei #school-life.student-comment .float-box .person{
				margin:-3% 5% 0 15%;
			}
			.newplan #school-life2.student-comment .float-box .person{
				margin:-4% 6% 0 11%;
			}
		#school-life.student-comment .float-box .time ul{
			position:relative;
			width:60%;
		}
			.newplan #school-life.student-comment .float-box .time ul{
				margin-left:10%;
				width:50%;
		}
			.newplan #school-life2.student-comment .float-box .time ul{
				float:left;
				width:50%;
			}
		.shinsei #school-life.student-comment .float-box .time ul li:before,
		.shinsei #school-life2.student-comment .float-box .time ul li:before{
			content:"";
			display:block;
			background:#efe9d1;
			height:350px;
			position:absolute;
			top:-10%;
			left:-20%;
			width:350px;
			border-radius:50%;
			z-index:-1;
		}
			.newplan #school-life.student-comment .float-box .time ul li:before{
				left:65%;
			}
			.newplan #school-life2.student-comment .float-box .time ul li:before{
				left:32%;
			}
		#school-life .float-box .time .catch img{
			float:none;
			margin-right:0%;
			width:auto;
		}
		#school-life.student-comment .float-box .time .catch{
			margin-top:2em;
		}
		#school-life.student-comment .float-box .time .text{
			color: #51141D;
			margin-bottom:2em;
		}
		#school-life.student-comment .float-box .time .comment,
		#school-life2.student-comment .float-box .time .comment{
			line-height: 180%;
		}
		#school-life.student-comment .float-box .time .comment strong{
			color: #76161b;
			font-size:15px;
		}
			#school-life.student-comment .float-box .time li p.text{
				font-size:14px;
			}

#school-life .seifuku{
	padding-left:120px;
	margin:-160px 0 0 250px;
	position:relative;
	width:68%;
}
#school-life .seifuku:before{
	content:"";
	border-top: 60px solid transparent;
	border-right: 60px solid #EEE8D0;
	border-bottom: 60px solid #EEE8D0;
	border-left: 60px solid transparent;
	height: 0;
	position:absolute;
	bottom:0;
	left:0;
	width: 0;
	z-index:0;
}
#school-life .seifuku:after{
	content:"";
	border-bottom:1px solid #883F47;
	position:absolute;
	bottom:0;
	left:-17%;
	width:117%;
}
#school-life .seifuku .inner{
	background:#EEE8D0;
	height:95px;
	padding:13px 30px 12px;
}
#school-life .seifuku .inner ul{
	float:left;
	width:70%;
}
#school-life .seifuku .inner li{
	color:#741E29;
	font-family:"見出ゴMB31";
	font-size:16px;
	font-weight:bold;
	margin-bottom:.5em;
}
	#school-life .seifuku .inner li + li{
		color:#000;
		font-size:13px;
		font-weight:normal;
		padding-bottom:0;
	}
#school-life .seifuku .inner p.link-btn-red{
	float:right;
	line-height:45px;
	margin-top:12px;
	width:25%;
}

#course-content{
	background:#161622;
	color:#fff;
	width:100%;
}
.shinsei #course-content{
	background:#fff;
}
#course-content section{
	margin:0 auto;
	padding:6% 0;
	width:92.7%;
	max-width:85.9em;
}
#shinsei-examination section{
	margin:0 auto;
	padding:0 0 6%;
	width:92.7%;
	max-width:85.9em;
}
#shinsei-examination .float-box.img-left img{
	float:left;
	width:35%;
}
#shinsei-examination .float-box.img-left img + p{
	float:right;
	width:57%;
}
#shinsei-examination h2{
	border-bottom:8px solid #741E29;
	color:#51141D;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	margin-bottom:5%;
	padding-bottom:5%;
	text-align:center;
}
.shinsei #course-content section{
	padding:0 0 6%;
}
#course-content .course-content-list li h5{
    font-size:25px;
    font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight:bold;
	margin:0 auto 2.5%;
	width:81.31%;
	letter-spacing:-1px;
}
	#course-content .course-content-list li h5 span{
		font-size:18px;
	}
#course-content .course-content-list li div h6{
	font-size:18px;
	font-family:"中ゴシックBBB";
	position:absolute;
	bottom:3%;
	left:3%;
}
.shinsei #course-content .course-content-list li h5{
    color:#51131D;
}
.shinsei #course-content .course-content-list li p{
    color:#000;
}

.shinsei #features-one section.nyushi-flow{
	margin: 5% auto 5%;
	max-width: 72em;
	width: 92.7%;
}
.shinsei .nyushi-flow ul{
	display: flex;
}
.shinsei .nyushi-flow li{
	background: #9d7b26;
	border-radius: 10px;
	color: #fff;
	margin-right: 10%;
	padding: 1%;
	position: relative;
	width: 25%;
}
.shinsei .nyushi-flow li::after{
	background: url(../images/grader/grader_shinsei/arrow.png) no-repeat center;
	background-size: contain;
	content: "";
	height: 32%;
	margin: auto;
	position: absolute;
	bottom: 0;
	right: -23%;
	top: 0;
	width: 9%;
}
.shinsei .nyushi-flow li:last-child{
	margin-right: 0;
}
.shinsei .nyushi-flow li:last-child::after{
	content: none;
}
.shinsei .nyushi-flow .month{
	font-size: 20px;
	font-family: "A1ゴシック R","A1 Gothic R","ＭＳ Ｐゴシック", "MS Pgothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	text-align: center;
}
.shinsei .nyushi-flow .month span{
	font-size: 26px;
}
.shinsei .nyushi-flow .flow-content{
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	font-size: 30px;
    font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 1% 0 2%;
	padding: 1% 0 4%;
	text-align: center;
}
.shinsei .nyushi-flow .flow-content + p{
	line-height:180%;
	text-align: justify;
    text-align-last: left;
}

@media screen and (max-width: 860px){
	.shinsei .nyushi-flow .month{
		font-size: 12px;
	}
	.shinsei .nyushi-flow .month span{
		font-size: 15px;
	}
	.shinsei .nyushi-flow .flow-content{
		font-size: 18px;
	}
	.shinsei .nyushi-flow li{
		margin-right: 5%;
		width: 28%;
	}
	.shinsei .nyushi-flow li::after{
		right: -13%;
	}
	#features-one h2.a1-gothic span{
		font-size: 14px;
	}
}
@media screen and (max-width: 480px){
	.shinsei .nyushi-flow .flow-wrap{
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	.shinsei .nyushi-flow .flow-wrap ul{
		margin-bottom:12px;
		width:516px;
	}
.shinsei .nyushi-flow .flow-wrap::-webkit-scrollbar {
  height: 5px;
}
.shinsei .nyushi-flow .flow-wrap::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.shinsei .nyushi-flow .flow-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
}

.shinsei .talk-title{
	margin:0 auto;
	width:100%;
	max-width:810px;
}
.shinsei .talk-title h3{
	color:#721E27;
	font-size: 55px;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 2% 0;
    text-align: center;
    letter-spacing: 3px;
}
.shinsei .talk-title h3 span{
	color:#000;
}

.shinsei .talk-title .main-img{
	margin: 2% 0;
}
.shinsei .talk-title h3 + p,
.shinsei .talk-title .main-img + p{
	line-height: 180%;
    margin: 4% auto 1%;
    width: 90%;
	text-align:center;
}
#shinsei-examination{
	background:#F0EFEC;
	padding-top:5%;
}

/*--コンテンツ 非表示 ↓必須-*/
.txt-hide{
display: none;
}

.shinsei button.more {
    max-width: 400px;
	width: 60%;
    margin: 20px auto 52px;
    display: block;
    background-color: #50141C;
    color: #fff;
    padding: 1.5em 2em;
    border: none;
    outline: 0;
    transition: .1s;
    -erbkit-transition: .1s;
}

@media screen and (max-width: 960px) {
    .shinsei button.more {
        padding: 1em 2em;
		font-size: 13px;
    }
}
 
.shinsei button.more::after {
    content: "もっと見る";
    transition: .1s;
    -erbkit-transition: .1s;
}

.shinsei button.more.on-click::after{
    content: "閉じる";
}
.shinsei button:hover{
	cursor: pointer;
}

@media screen and (max-width: 1140px) {
		.shinsei #school-life.student-comment .float-box .person{
			margin: -17% 13% 0 2%;
		}
}

@media screen and (max-width: 960px) {
		.shinsei #school-life.student-comment .float-box .time ul li:before,
		.shinsei #school-life2.student-comment .float-box .time ul li:before{
			content:"";
			top:10%;
		}
		#school-life.student-comment .float-box .person,
		#school-life2.student-comment .float-box .person{
			margin: 0% 3% 0 3%;
			width: 34%;
		}
		.shinsei #school-life.student-comment .float-box .person,
		.shinsei #school-life2.student-comment .float-box .person,
		.newplan.shinsei #school-life.student-comment .float-box .person{
			margin: 0% 3% 0 3%;
		}
		#school-life.student-comment .float-box .time ul,
		#school-life2.student-comment .float-box .time ul{
			width: 60%;
		}
}

@media screen and (max-width: 780px) {
.shinsei .talk-title h3{
	font-size: 18px;
}
}

@media screen and (max-width: 580px) {
.message-from-title{
	margin:10% auto 4%;
	width:60%;
}
}

/* ==============================================================================
    global グローバル教育　ICT教育
============================================================================== */
.global-wrapper h2 {
    color: #846733;
    font-size: 42px;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 3% 0 1.5%;
    text-align: center;
}
.global-wrapper h2 + p{
	margin-bottom:5%;
    text-align: center;
}
.global-wrapper section .sub-title {
    color: #51141D;
    font-size: 55px;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 0 auto 5%;
    text-align: center;
    letter-spacing: -1px;
	line-height:90%;
}
	.global-wrapper section .sub-title span{
		font-size: 30px;
	}
		.feature .global-wrapper section .sub-title2 {
			margin: 4% auto 2%;			
		}
				.feature .global-wrapper section .sub-title2 + p{
					font-size: 18px;
					font-family:"中ゴシックBBB";
					text-align:center;
					margin-bottom:5%;
				}
.global-wrapper section .sub-title2 {
    color: #51141D;
    font-size: 55px;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 0 auto 5%;
    text-align: center;
    letter-spacing: -1px;
	line-height:90%;
}
	.global-wrapper section .sub-title2 span{
		position:relative;
	}
	.global-wrapper section .sub-title2 span span{
		font-size: 30px;
	}

.global-wrapper section.one .sub-title2 span:before{
	content:"1";
	color:#E7F1DE;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:170px;
	position:absolute;
	top:50%;
	margin:-1% 0 0 -80%;
	left:50%;
}
.global-wrapper section.two .sub-title2 span:before{
	content:"2";
	color:#E7F1DE;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:170px;
	position:absolute;
	top:50%;
	margin:-21% 0 0 -33%;
	left:50%;
	z-index:-1;
}
	.global-wrapper section.two .sub-title2 span span:before{
		content:"";
	}
.global-wrapper section.three .sub-title2 span:before{
	content:"3";
	color:#E7F1DE;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:170px;
	position:absolute;
	top:50%;
	margin:-1% 0 0 -60%;
	left:50%;
	z-index:-1;
}
@media screen and (max-width: 960px) {
.global-wrapper section.one .sub-title2 span:before{
	font-size:105px;
	margin:-9% 0 0 -89%;
}
.global-wrapper section.two .sub-title2 span:before{
	font-size:105px;
	margin:-12% 0 0 -41%;
}
.global-wrapper section.three .sub-title2 span:before{
	font-size:105px;
	margin:-1% 0 0 -60%;
}
.feature .global-wrapper section .sub-title2 + p {
    font-size: 15px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}
}
@media screen and (max-width: 650px) {
.global-wrapper section.one .sub-title2 span:before{
	font-size:73px;
	margin:-7% 0 0 -72%;
}
.global-wrapper section.two .sub-title2 span:before{
	font-size:73px;
	margin:-12% 0 0 -41%;
}
.global-wrapper section.three .sub-title2 span:before{
	font-size:73px;
	margin:-1% 0 0 -60%;
}
}

.global-wrapper .float-box .text-area {
    padding-top: 0%;
}
.global-wrapper .line-white h3 {
    border-bottom: 8px solid #741E29;
    color: #741E29;
    font-size: 30px;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 0 0 12%;
    padding-bottom: 8%;
    letter-spacing: -1px;
}
	.feature .global-wrapper .line-white h3 {
		border-bottom:none;
		padding-bottom:0;
		/*padding-bottom: 2%;
		line-height:105%;*/
		background:url(../images/global/border.gif) repeat-y 0 0;
		padding-left:42px;
	}
	
.global-wrapper .line-white h3 span {
    font-size: 14px;
	font-family:"中ゴシックBBB";
}
.global-wrapper .profile {
	background:#F5EFE3;
    border-top: none;
    border-bottom: none;
	margin-bottom:5%;
    padding: 2.5% 0;
}
.global-wrapper .profile ul {
    width: 800px;
}
.global-wrapper .profile ul li {
    float: left;
    width: 60%;
}
.global-wrapper .profile .en {
    margin-bottom: 0;
}
.global-wrapper .profile ul li:first-child {
    float: right;
    width: 30%;
}
.global-wrapper .category-desc {
    display: table;
    table-layout: fixed;
	margin:0 auto;
    width: 100%;
	/*max-width: 85.9em;*/
	max-width: 92.9em;
}
	.feature .global-wrapper .category-desc {
		margin: 5% auto;
	}
.global-wrapper .category-desc li:first-child {
    border-right: 1px solid #915F2F;
}
.global-wrapper .category-desc li {
    display: table-cell;
    padding: 0 4%;
    text-align: center;
}
.global-wrapper section .subtitle {
    color: #51141D;
    font-size: 30px;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 0 auto 5%;
    letter-spacing: -1px;
}
	.feature .global-wrapper section .subtitle {
		/*border-bottom: 8px solid #741E29;
		padding-bottom:2%;
		line-height:105%;*/
		background:url(../images/global/border.gif) repeat-y 0 0;
		padding-left:42px;
	}
.global-wrapper section .subtitle span {
    font-size: 14px;
	font-family:"中ゴシックBBB";
}
.global-wrapper p {
    line-height: 180%;
}
.global-wrapper .text-on {
    margin: 0 auto 2.5%;
    position: relative;
    width: 100%;
}
.global-wrapper .text-on div.upper-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.global-wrapper .text-on h5 {
	color:#fff;
    font-size: 18px;
    font-family: "中ゴシックBBB";
    position: absolute;
    bottom: 3%;
    left: 3%;
}
.global-wrapper .supplement-text{
	background:#FFFDF1;
	border:1px solid #915F2F;
	padding:2%;
	margin:5% auto 6%;
    width: 90%;
	max-width: 80.9em;
}
	.feature .global-wrapper .supplement-text {
		margin: 0 auto 5%;
		width: 80%;
		max-width: 80.9em;
	}
.global-wrapper .feature{
	margin:0 auto 5%;
	width:90%;
	max-width: 70.9em;
}
.global-wrapper .feature li{
	background:url(../images/global/border.gif) repeat-y 0 0;
	margin-bottom:5%;
	padding-left:42px;
}
	.global-wrapper .feature li{
	margin-bottom:3%;
}
.global-wrapper .feature li h6{
    color: #51141D;
    font-size: 30px;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 0 0 1.5%;
    letter-spacing: -1px;
}
	.feature .global-wrapper .feature{
		margin:0 auto 5%;
		width:90%;
		max-width: 85.9em;
	}
		.flp .global-wrapper .feature{
			margin:0 auto 3%;
	}
	.feature .global-wrapper .feature li{
		background:url(../images/global/border.gif) repeat-y 0 0;
		padding-left:42px;
	}
	.feature .global-wrapper .feature li h6{
		/*border-bottom: 8px solid #741E29;*/
		/*padding-bottom:2%;*/
	}
.global-wrapper .float-image{
    display: table;
    table-layout: fixed;
	margin:0 auto;
    width: 100%;
	max-width: 85.9em;
}
.global-wrapper .float-image li {
    display: table-cell;
    padding: 0 2%;
    text-align: center;
}
.global-wrapper .image-center{
	margin:0 auto 5%;
    width: 96%;
	max-width: 82.6em;
}
	.feature .global-wrapper .image-center{
		width: 90%;
		max-width: 85.9em;
	}
	.feature .global-wrapper .image-center img{
		width: 100%;
	}

.global-wrapper .image-center h5 {
    color: #000;
    font-size: 18px;
    font-family: "中ゴシックBBB";
	margin-top:.5%;
	text-align:right;
}

/* ==============================================================================
    special-interview 山縣選手インタビュー
============================================================================== */
.special-interview-wrapper p,
.special-interview-wrapper dt,
.special-interview-wrapper dd{
	font-size:16px;
	line-height:200%;
}
.special-interview-wrapper section {
    margin: 0 auto;
    width: 92.7%;
    max-width: 85.9em;
}
.special-interview-wrapper .center-text{
    margin: 5% auto;
    width: 65%;
    max-width: 85.9em;
}
.special-interview-wrapper .image-center{
	margin:0 auto 5%;
    width: 92.7%;
    max-width: 85.9em;
}
	.special-interview-wrapper .line-white + .image-center{
		margin-top:1.7%;
	}
.special-interview-wrapper h2{
    color: #741E29;
    font-size: 32px;
	font-weight:bold;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 0 0 5%;
    letter-spacing: -1px;
}
.special-interview-wrapper h3{
    color: #741E29;
    font-size: 32px;
	font-weight:bold;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 3% 0;
    letter-spacing: -1px;
}
.special-interview-wrapper h4{
    color: #741E29;
    font-size: 24px;
	font-weight:bold;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 0 0 2%;
    letter-spacing: -1px;
}
.special-interview-wrapper .float-box.img-left img {
    width: 49%;
}
.special-interview-wrapper .float-box .text-area {
    padding-top: 0%;
}

.special-interview-wrapper .profile{
    background:#F5EFE3;
}
.special-interview-wrapper .profile p{
    line-height:150%;
}
.special-interview-wrapper .profile ul {
    max-width: 800px;
	width:85%;
}
.special-interview-wrapper .profile ul li {
    float: left;
    width: 60%;
}
.special-interview-wrapper .profile .en {
    margin-bottom: 0;
}
.special-interview-wrapper .profile ul li:first-child {
    float: right;
    width: 30%;
}

.special-interview-wrapper .talk-article {
    background: none;
    position: relative;
}
.special-interview-wrapper .talk-article section {
    padding: 0% 0 0%;
}
.special-interview-wrapper .talk-article dl {
    line-height: 200%;
    width: 70%;
}
.special-interview-wrapper .talk-article dd {
    width: 87%;
}
.special-interview-wrapper .talk-article dt {
    width: 12%;
}

/* ==============================================================================
    guidance 進路指導
============================================================================== */
.guidance .hide{ display:none; }
.guidance-wrapper .tab{
	border-bottom:1px solid #741E29;
	border-collapse:collapse;
	display:table;
	margin:3% auto 0;
	overflow:hidden;
	table-layout:fixed;
	width:100%;
}
.guidance-wrapper .tab:before,
.guidance-wrapper .tab:after{
	content:"";
	width:20%;
}
.guidance-wrapper .tab li{
	background:#741E29;
	border-left:1px solid #E0C9AD;
	color:#fff;
	display:table-cell;
	font-family:"中ゴシックBBB";
	font-size:18px;
	font-weight:bold;
	padding:1.5% 0;
	text-align:center;
	-webkit-transition: .8s ease-in-out;
	-moz-transition: .8s ease-in-out;
	-ms-transition: .8s ease-in-out;
	-o-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
}
	.guidance-wrapper .tab li:hover{
		background:none;
		border:1px solid #741E29;
		border-bottom:1px solid #fff;
		color:#51131D;
		cursor:pointer;
	}
.guidance-wrapper .tab li.select{
	background:none;
	border:1px solid #741E29;
	border-bottom:1px solid #fff;
	color:#51131D;
}
.guidance-wrapper .inner{
    background: url(../images/top/special_content_back.gif) repeat 0 0;
    position: relative;
}
.guidance-wrapper .inner .content{
	background: #fff;
    margin: 0 auto;
    padding: 5% 0;
    width: 92.7%;
    max-width: 92.5em;
}

.guidance-wrapper h2{
	color:#51141D;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:5%;
	text-align:center;
}
.guidance-wrapper h2 span{
	color:#000;
	font-size:18px;
	font-family:"中ゴシックBBB";
}
.guidance-wrapper .concept{
	border-top:1px solid #741E29;
	border-bottom:1px solid #741E29;
	color:#51141D;
	font-size:18px;
	font-family:"中ゴシックBBB";
	margin-bottom:5%;
	padding:2.5% 0;
	text-align:center;
}
.guidance-wrapper h3{
	background:#51131D;
	color:#fff;
	font-size:24px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 auto 4%;
	padding:1.5% 0;
	text-align:center;
	width:66.66666666%;
	border-radius:9px;
    -webkit-border-radius:9px; 
    -moz-border-radius:9px;
}
.guidance-wrapper ul{
	margin:0 auto 5%;
	width:54.166666666%;
}
.guidance-wrapper ul h4{
    background: url(../images/icon/icon_arrow_guidance_red.gif) no-repeat 0 center;
	color:#51141D;
	font-size:18px;
	font-family:"中ゴシックBBB";
	margin-bottom:3%;
	padding-left:16px;
}
.guidance-wrapper ul h4 + p{
    line-height:180%;
	margin-bottom:7%;
}
.guidance-wrapper ul li.img-right img{
    float:right;
	margin:-7% 0 5%;
	width:38%;
}
.guidance-wrapper ul li.float-box h4,
.guidance-wrapper ul li.float-box p{
	float:left;
    width:58%;
}
.guidance-wrapper ul li.one-column img{
    margin:0 auto 5%;
	width:100%;
}
.guidance-wrapper ul li.one-column p{
    line-height:180%;
}

.guidance .suport{
	border-top:1px solid #c3c3c3;
}
.guidance .suport h4{
	font-size:32px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 auto 4%;
	text-align:center;
}
.guidance .suport section{
    margin: 0 auto;
    padding:4% 0;
    width: 92.7%;
    max-width: 92.5em;
}

/* ==============================================================================
    exam 入試情報
============================================================================== */
.exam-box{
    margin:5% auto;
    width: 76.6%;
    max-width: 85.9em;
}
.exam-box h2{
	background:#741E29;
	color:#fff;
	font-size:24px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 auto 1em;
	padding:8px 0 12px;
	width:100%;
}
.exam-box h2 span{
	background:#51131D;
	margin-right:1%;
	padding:6px 12px 9px;
}
@media screen and (max-width: 579px){
    .exam-box h2 span{
        padding:10px 12px 12px;
    }
}
.exam-box p + h2,
.exam-box .indent + h2,
.donation .exam-box ol + h2{
	margin-top:2em;
}
.exam-box h3{
	margin-bottom:.75em;
    padding-left:1em;
}
.exam-box h4{
	margin-bottom:.5em;
    padding-left:1.5em;
}
.exam-box h5{
	color:#741E29;
	font-size:32px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:.5em;
}
.exam-box h5:before{
	content:"●";
}
.exam-box h6{
	font-size:19px;
	font-family:"見出ゴMB1";
	margin-bottom:.5em;
	padding-left:28px;
}
	.exam-box p + h6,
	.exam-box .table-exam-results + h6{
		margin-top:2em;
	}
.exam-box p{
    padding-left:2em;
	line-height:160%;
}
.exam-box ol,
.exam-box ul{
    padding-left:1em;
	line-height:160%;
}
.exam-box ol.decimal li{
	list-style-type:decimal;
	list-style-position:inside;
	padding-left:1em;
	text-indent:-1em;
}
.exam-box ol.lower-roman li{
	list-style-type:lower-roman;
	list-style-position:inside;
	padding-left:1em;
	text-indent:-1em;
}
.exam-box ol.lower-alpha li{
	list-style-type:lower-alpha;
	list-style-position:inside;
	padding-left:1em;
	text-indent:-1em;
}
	.exam-box ol.lower-alpha ul li{
		list-style-type:none;
	}
	.exam-box ol.lower-alpha ul li:before{
		content:"●";
		color:#741E29;
	}
.exam-box ul.disc li{
	list-style-type:disc;
	list-style-position:inside;
	padding-left:1em;
	text-indent:-1em;
}
.exam-box ol.lower-alpha li p,
.exam-box ol.lower-alpha li td,
.exam-box ol.lower-alpha li th{
	text-indent:0em;
}

.exam-box a{
    color:#06C;
	text-decoration:underline;
}
.exam-box a:hover{
    color:#741E29;
}
.exam-box p + p{
    margin-top:1em;
}
.exam-box .indent{
    padding-left:18px;
}
.exam-box .indent .indent{
	margin-bottom:20px;
}
.asterisk:before{
	content:"※";
}
.asterisk{
	padding-left:3em!important;
	text-indent:-1em;
}
.exam-box .indent table{
	border-collapse:collapse;
	border:1px solid #000;
    margin:6px 0 6px 30px;
}
.exam-box .indent table th{
	border:1px solid #000;
    padding:1%;
	width:30%;
}
.exam-box .indent table td{
	border:1px dotted #000;
    padding:1%;
	width:20%;
}
.exam-box .indent table td:nth-child(2){
	border-left:1px solid #000;
}
.exam-box .table-exam-results{
	margin-left:28px;
}
.table-exam-results{
	border-collapse:collapse;
	width:95%;
}
	.table-exam-results + .table-exam-results{
		margin-top:2.5%;
	}
.table-exam-results th,
.table-exam-results td{
	border:1px solid #ccc;
	padding:10px;
}
.table-exam-results th{
	background:#F2F2EC;
}
.table-exam-results .align_c{
	text-align:center;
}
.exam-box .subhead{
	color:#741E29;
	font-weight:bold;
	font-size:15px;
	font-family:"見出ゴMB1";
}
.exam-box p + .subhead{
	margin-top:1.5em;
}

.border-box{
	border: 1px solid #DDD;
	margin-top:2%;
	margin-left:2em;
	padding:2%;
}
.exam-box .border-box p {
    padding-left: 0em;
    line-height: 160%;
}
	.exam-box .border-box ul li:before{
		content:"●";
		color:#741E29;
	}

/* ======================= donation 寄附をお考えの方へ ============================= */
#donation-h2{
	padding: 0;
}
#donation-h2 + p{
	color: #741E29;
	font-size:18px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-left: 0;
	text-align: center;
}
#donation-teacher{
	margin: 0 auto;
	padding: 3em 0;
	width: 516px;
}
#donation-hayashi{
	background: url(../images/donation/hayashi.jpg) no-repeat;
	width: 227px;
	float: left;
	margin-right: 13px;
}

#donation-tahara{
	background: url(../images/donation/tahara.jpg) no-repeat;
	width: 276px;
	float: left;
}

#donation-hayashi p,
#donation-tahara p
{
	float: right;
	padding: 68px 0 0 5px;
}

.donation div + p{
	clear: both;
}

.donation .exam-box p + h2:nth-child(5){
	margin-top: 1em;
}

.donation .exam-box ul + h2{
	margin-top: 2em;
}

.donation .exam-box a{
	color: #721E27;
}

.donation table th{
	background: #F2F2EC;
}

.donation .img{
	margin: 1em 0 3em;
	text-align: center;
}

.donation #purpose+ul li{
	font-size: 1.2em;
	font-weight: bold;
}
.donation #purpose+ul li span{
	color: #76161B;
	font-size: 1.3em;
}

.donation .link-btn-red{
	padding-left: 0;
}
.donation .link-btn-red a{
	padding: 20px 1em 20px 2em;
	text-decoration: none;
}

/* ======================= donors-list 寄付者芳名録 ============================= */
#donors-list-h2{
	color: #741E29;
    font-size: 32px;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
    margin-bottom: 1em;
}
#donors-list-h2 + p,
.donors-desc{
	font-family: "中ゴシックBBB";
	line-height: 180%;
	margin-top:1em;
	margin-bottom:3.5em;
}
.donors-list ul{
	border-bottom:1px solid #999;
	margin:0 auto;
	max-width:680px;
	width:90%;
}
.donors-list ul li{
	border-top:1px solid #999;
	font-family: "中ゴシックBBB";
	padding:7% 0 5%;
	width:100%;
}
.donors-list ul li{
	color: #50131B;
	font-size:18px;
}
.donors-list ul li a,
.donors-list ul li span.file-name{
	color:#000;
	/*text-decoration:underline;*/
	background: url(../images/icon/icon_pdf.png) no-repeat 0 center;
    color: #721E27;
    padding: 6px 0 6px 22px;
}
.donors-list ul li a span.data-size{
	font-size:13px;
}
.donors-list ul li span.date{
	font-size:12px;
}

.donors-list ul li:before{
	content: "●";
}
.donors-list.coronavirus ul li:before{
	font-size: 12px;
}
.donors-list ul li a:hover{
	text-decoration:none;
}
.donors-list ul li span a{
	background:#ccc;
	color:#266CA7;
	font-size:14px;
	float:right;
	padding: 8px 12px;
	text-decoration:underline;
	
	-webkit-border-radius: 25px;/* for Safari and Chrome */
	-moz-border-radius: 25px; /* for Firefox */
	-o-border-radius: 25px; /* for opera */
	border-radius: 25px;
}

@media screen and (max-width: 1068px) {
  .donors-list ul li{
	  font-size:14px;
  }
  .donors-list.coronavirus ul li{
	  line-height: 160%;
  }
  .donors-list ul li span a{
	  font-size:12px;
  }
}
@media screen and (max-width: 569px) {
  .donors-list ul li a.text{
      display:block; 
  }
  .donors-list ul li span a{
	  display:block;
	  float:none;
	  margin:12px auto 0;
	  text-align:center;
	  width:200px;
  }
}

/* ======================= asano400-project 浅野氏記念事業 ============================= */
.asano400 .back-paper{
	background:url(../images/asano400/back_paper.gif) repeat 0 0;
	position:absolute;
	top:4%;
	right:3%;
	height:400px;
	width:400px;
}
.asano400 .content-in{
	background:url(../images/asano400/back.gif) repeat 0 0;
	padding-top:8%;
}
.asano400 .page-main{
	background:url(../images/asano400/main.jpg) no-repeat top center;
	background-size:cover;
	padding:16vw 0;
	position:relative;
	width:92%;
}
.asano400 .page-main:before {
    content: "";
    background: none;
}
.asano400 .page-main h1{
	opacity:0;
}
#asano-content{
	margin: 5% auto 8%;
	max-width:740px;
	width:85%;
}
#asano-content .summary p{
	font-size:17px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-feature-settings: "palt";
	line-height:220%;
	margin-bottom:10%;
	position:relative;
}
#asano-content .summary p:before{
	content:"";
	background:#50141C;
	height:32px;
	width:1px;
	position:absolute;
	bottom:-46px;
	left:50%;
}

#asano-content .summary .box{
	background:#fff;
	border: 1px solid #D3BFAC;
	outline: 1px solid #915F2F;
	outline-offset: 2px;
	color:#915F2F;
	font-size:18px;
	margin-bottom:8%;
	font-family:"見出ゴMB1";
	padding:20px 0;
	text-align:center;
	width:100%
}
.project-list{
	border-bottom:1px solid #000;
}
.project-list .project-detail{
	border-top:1px solid #000;
	padding:33px 16px 37px;
	position:relative;
}
	.project-list .project-detail:before{
			content:"";
			background:url(../images/asano400/bar_navy.jpg) repeat 0 0;
			display:block;
			height:8px;
			width:60px;
			position:absolute;
			top:50px;
			left:16px;
	}
	.project-list .project-detail.beige:before{
			content:"";
			background:url(../images/asano400/bar_beige.jpg) repeat 0 0;
	}
	.project-list .project-detail.red:before{
			content:"";
			background:url(../images/asano400/bar_red.jpg) repeat 0 0;
	}
.project-list .project-detail .project-title{
	font-feature-settings: "palt";
	padding-left:78px;
}
.project-list .project-detail .date{
	color:#50141C;
	font-size:28px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:6px;
}
.project-list .project-detail h2{
	font-size:32px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:100%;
}
   .project-list .project-detail h2 span{
	  font-size:21px;
    }
   .project-list .project-detail h2 + .small-text,
   .project-list .project-detail .date + .small-text{
	  font-size:18px;
  	  font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	  margin-top:6px;
    }

.project-detail .program{
	background:#fff;
	border-top:1px dotted #50141C;
	border-bottom:1px dotted #50141C;
	display:inline-block;
	margin-top:16px;
	padding:16px 32px;
}

.project-detail .program .head{
	font-family:"見出ゴMB1";
	font-size:16px;
	margin-bottom:.5em;
	padding-left:1em;
	position:relative;
}
.project-detail .program .head:before{
	content:"●";
	color:#50131B;
	position:absolute;
	top:0;
	left:0;
}
.project-detail .program .small-text{
	font-family:"中ゴシックBBB";
	font-size:14px;
	padding-left:1em;
}

.project-list .open-btn a,
.project-list .open-btn2 a,
.project-list .open-btn3 a,
.project-list .open-btn4 a{
	background:#ccc;
	color:#266CA7;
	display:block;
	font-family:"中ゴシックBBB";
	font-weight:bold;
	font-size:14px;
	padding: 8px 14px;
	position:absolute;
	top:50%;
	right:16px;
	text-decoration:underline;
	
	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  
	-webkit-border-radius: 25px;/* for Safari and Chrome */
	-moz-border-radius: 25px; /* for Firefox */
	-o-border-radius: 25px; /* for opera */
	border-radius: 25px;
}
.project-list .open-btn2 a{
	top:35%;
}
.project-list .open-btn2 + .open-btn a{
	top:70%;
}

.btn-area{
	position:absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
}
.btn-area .open-btn,
.btn-area .open-btn2,
.btn-area .open-btn3,
.btn-area .open-btn4{
	text-align:right;
	margin-bottom:12px;
}
.btn-area li:last-child{
	margin-bottom:0;
}

.btn-area .open-btn a,
.btn-area .open-btn2 a,
.btn-area .open-btn3 a,
.btn-area .open-btn4 a{
	float:none;
	display:inline-block;
	position:relative;
	transform:none;
  	-webkit-transform: none;
}

.project-list .open-btn a,
.project-list .open-btn2 a,
.project-list .open-btn3 a,
.project-list .open-btn4 a{
	color:#266CA7;
}
.project-list .open-btn a:hover,
.project-list .open-btn2 a:hover,
.project-list .open-btn3 a:hover,
.project-list .open-btn4 a:hover{
	cursor:pointer;
	text-decoration:none;
}
.project-list .hide-info{
	background:rgba(211, 191, 172, .4);
	display:none;
	font-family:"中ゴシックBBB";
	margin-bottom:1em;
	padding:5%;
}

/*@media screen and (max-width: 1260px) {
.asano400 .page-main{
	padding:16vw 0;
}
}*/
@media screen and (max-width: 960px) {
.asano400 .content-in{
	padding-top:0;
}
.asano400 .page-main{
	width:100%;
}
.asano400 .back-paper{
	display:none;
}
}
@media screen and (max-width: 798px) {
.asano400 .page-main{
	background-image:url(../images/asano400/main_sp.jpg);
}
	#asano-content .summary p{
		font-size:14px;
		line-height:180%;
	}
	#asano-content .summary .box{
		font-size:16px;
		margin-bottom:8%;
		padding:12px 10px;
		width:calc(100% - 20px);
	}
	.project-list .project-detail {
		padding: 17px 16px 22px;
	}
		.project-list .project-detail:before{
				content:"";
				width:30px;
				top:28px;
		}
	.project-list .project-detail .project-title{
		padding-left:50px;
	}
	.project-list .project-detail .date{
		font-size:18px;
		margin-bottom:6px;
	}
	.project-list .project-detail h2{
		font-size:24px;
	}
	   .project-list .project-detail h2 + .small-text,
	   .project-list .project-detail .date + .small-text{
		  font-size:14px;
		}
	.project-list .open-btn2 a{
		top:28%;
	}
	.project-list .open-btn2 + .open-btn a{
		top:70%;
	}
	.project-list .project-detail.btn-4set{
		padding: 48px 16px 48px;
	}
}
@media screen and (max-width: 640px) {
#asano-content .summary p:before{
	height:20px;
	bottom:-36px;
}
	.project-detail .program{
		margin-top:14px;
		padding:8px 12px;
	}
	.project-detail .program .head{
		font-size:14px;
	}
	.project-list .open-btn a,
	.project-list .open-btn2 a,
	.project-list .open-btn3 a,
	.project-list .open-btn4 a{
		float:none;
		position:relative;
		top:inherit;
		right:inherit;
		margin:18px auto 0;
		text-align:center;
		width:65%;
		
		transform: translateY(0%);
		-webkit-transform: translateY(0%);	  
	}
	.project-list .open-btn2 + .open-btn a{
		margin:12px auto 0;
	}
	.btn-area{
		margin-top:6px;
		position:relative;
		transform: none;
		-webkit-transform: none;	  
	}
	.btn-area .open-btn,
	.btn-area .open-btn2,
	.btn-area .open-btn3,
	.btn-area .open-btn4 {
		text-align: center;
		margin-bottom: 0;
	}
	.btn-area li a{
		margin-top:12px!important;
	}
	.project-list .project-detail.btn-4set{
		padding: 17px 16px 22px;
	}	
}
@media screen and (max-width: 480px) {
#asano-content .summary p:before{
	height:20px;
	bottom:-21%;
}
}
@media screen and (max-width: 380px) {
#asano-content .summary p:before{
	display:none;
}
}

/* ======================= countermeasure いじめ防止 ============================= */
.countermeasure .exam-box h4{
	color:#741E29;
	font-size:32px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:.5em;
	padding-left:0;
}
.countermeasure .exam-box h4:before{
	content:"●";
}
.countermeasure .exam-box p + h3{
	margin-top:2em;
}
/* ======================= privacy プライバシーポリシー ============================= */
.privacy .exam-box h2{
	padding-left:.5em;
}
/* ======================= graduate 卒業生の方 ============================= */
.graduate .exam-box ul.kanren-link{
	margin-bottom:5%;
}
	.download-top .exam-box ul.kanren-link{
		margin:0 auto;
		width:60%;
	}
		.download-top .exam-box ul.kanren-link li{
			line-height:160%!important;
		}
		.download-top .exam-box ul.kanren-link li a{
			padding:5% 0!important;
		}
		.download-top .exam-box ul.kanren-link li.secure-btn a{
			background-image:url(../../download/key.png);
			background-repeat:no-repeat;
			background-position:3% center;
		}
		.download-top .exam-box ul.kanren-link li.secure-btn a:hover{
			background-image:url(../../download/key_on.png);
		}
.graduate .exam-box ul.kanren-link li.link-btn-red{
	font-size:20px;
	font-family:"見出ゴMB1";
	line-height:60px;
	/*width:48%;*/
	width:95%;
}
.graduate .exam-box ul.kanren-link li.link-btn-red a{
	text-decoration:none;
}
.graduate .exam-box h2{
	padding-left:.5em;
}
.graduate .exam-box h3{
	color:#741E29;
	font-weight:bold;
	margin-bottom:.5em;
	padding-left: 2em;
}
.graduate .exam-box p + h3,
.graduate .exam-box ul + h3,
.graduate .exam-box ol + h3{
	margin-top:2em;
}
.graduate .exam-box ol,
.graduate .exam-box ul{
	padding-left: 2em;
}
.graduate .exam-box ol li{
	list-style-type:decimal;
	list-style-position:inside;
	line-height:180%;
	padding-left:1em;
	text-indent:-1em;
}
.graduate .exam-box ol ul{
	padding-left: 1em;
}
.graduate .exam-box ul li{
	list-style-type:circle;
	list-style-position:inside;
	line-height:180%;
}
	.donation .exam-box ul li{
		list-style-type:none;
	}

.graduate .table-exam-results{
	margin-bottom:16px;
}

/* ======================= internet-application インターネット出願 ============================= */
.internet-application-desc{
    margin: 0 auto 5%;
    width: 76.6%;
	max-width:85.9em;
}
.internet-application-desc h2{
	border-bottom: 8px solid #741E29;
    color: #51141D;
    font-size: 55px;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin-bottom: 5%;
    padding-bottom: 5%;
    text-align: center;
}
.internet-application-desc p{
	line-height:180%;
}
.internet-application-desc h3{
	background: #741E29;
    color: #fff;
    font-size:24px;
	font-family:"見出ゴMB31";
	margin:5% 0 2%;
    padding: 8px 0 12px;
	text-indent:1em;
    width: 100%;
}
	.internet-application-desc .box h3{
		margin:0;
	}
.internet-application-desc ul{
	margin-bottom:5%;
}
.internet-application-desc ul li{
    font-size:16px;
	line-height:180%;
	margin-left:20px;
}
.internet-application-desc ul li:before{
    content:"● ";
    color: #51141D;
}
.internet-application-desc h4{
	border-bottom:1px dotted #ccc;
    color: #51141D;
    font-size:18px;
	font-family:"見出ゴMB31";
	margin:2% 0 1%;
}
	.internet-application-desc h4:before{
		content:"◆ ";
	}
.internet-application-desc .link-btn-red{
	line-height:45px;
	width:20%;
}
	.internet-application-desc .link-btn-red + h4{
		margin-top:4%;
	}
.internet-application-desc .box{
	background:#f1f1f1;
	border:1px solid #51141D;
}
.internet-application-desc .box .inner{
	padding:3%;
}
.internet-application-desc .box p{
    color: #51141D;
	font-family:"中ゴシックBBB";
	font-weight:bold;
	font-size:18px;
	margin-bottom:.5em;
}

/* ==============================================================================
    actual-results 進学実績
============================================================================== */
.results-wrapper{
	margin-bottom:5%;
}
.results-wrapper h2,
#donation-h2{
	background: none;
	color:#51141D;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 auto 2%;
	text-align:center;
}
.results-wrapper h2 + p{
	margin:0 auto 5%;
	text-align:center;
}
.results-wrapper .graph-sup{
	margin:4% auto 3%;
	text-align:center;
}
.results-wrapper .sum-graph{
	margin:0 auto 3%;
	width: 86.6%;
    max-width: 85.9em;
}
@media screen and (max-width: 860px){
	.results-wrapper .sum-graph{
		width:92%;
	}
}

.results-wrapper h3{
	font-size:30px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 auto 1%;
}
.results-wrapper h3 + p{
	margin:0 auto 2%;
}
.results-wrapper section{
    margin: 0 auto 5%;
    width: 86.6%;
	max-width:85.9em;
}
.results-wrapper section .graph-area{
	float:left;
	width:56.5%;
}
.results-wrapper section .graph-area.graph1{
	float:none;
	width:100%;
}

.results-wrapper section .graph-area + img{
	float:right;
	width:auto;
	width:40%;
}
.table-results{
	border-collapse:collapse;
	width:100%;
}
	.results-wrapper .table-results + h3{
		margin-top:4%;
	}
.table-results th,
.table-results td{
	border:1px solid #000;
	font-size:15px;
	font-family:"中ゴシックBBB";
	padding:1% 0;
}
.table-results thead th{
	background:#B99547;
	color:#fff;
	text-align:center;
}
	.private .table-results thead th{
		background:#3c6f2f;
	}

.table-results tbody tr{
	background:#EFE7E2;
}
.table-results tbody tr:nth-child(odd){
	background:#FAF3E9;
}
.table-results tbody tr.total{
	background:#fff;
}
.table-results tbody th{
	text-align:center;
}
.table-results tbody td{
	padding-right:5%;
	text-align:right;
}
	.graph-area .table-results tbody td{
		padding-right:2.5%;
	}

.results-wrapper .table-sup{
	font-size:13px;
	margin-top:.5em;
}

.result-data{
	background:#F5EFE3;
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:4% 0;
}
.result-data h3{
	color:#721E27;
	font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:30px;
	margin: 0 auto 2.5%;
	text-align:center;
}
.result-data section{
    margin: 0 auto;
    width: 76.6%;
	max-width:85.9em;
}
.result-data .graph-area{
	display:table;
	margin-bottom:5%;
	table-layout:fixed;
	width:100%;
}
.result-data .graph-area li{
	display:table-cell;
	text-align:center;
}

.passed-results-list{
	margin:3% 0 4%;
}
.passed-results-list h4{
	font-size:18px;
	font-family:"見出ゴMB31";
	font-weight:bold;
	margin-bottom:.5em;
}
.passed-results-list h4 span{
	font-size:14px;
	font-weight:normal;
}

.passed-results-list ul{
	margin-left:1.5em;
}
.passed-results-list ul li{
	float:left;
	line-height:180%;
	margin-right:1em;
}

/*.result-data .graph-area li h4{
	background:url(../images/actual-results/fukidashi.gif) no-repeat 0 100%;
	background-position:center bottom;
	color:#721E27;
	display:inline-block;
	font-size:18px;
	font-family:"中ゴシックBBB";
	margin-bottom:5%;
	padding-bottom:18px;
}
.result-data h4.fukidashi{
	background:url(../images/actual-results/fukidashi.gif) no-repeat 0 100%;
	background-position:center bottom;
	color:#721E27;
	font-size:18px;
	font-family:"中ゴシックBBB";
	margin:0 auto 1%;
	padding-bottom:18px;
	text-align:center;
}*/
.list-style-desc{
	margin:0 auto;
	width:57%;
}
.list-style-desc li{
	line-height:180%;
	text-indent:-1em;
	padding-left:1em;
}
.list-style-desc li:before{
	content:"● ";
}

/*.actual-results .private{
	margin:0 auto;
	padding:5% 0;
	width:45%;
}*/
/*.actual-results .private h3{
	font-size:30px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 auto 1%;
	text-align:center;
}
.actual-results .private h3 + p{
	margin:0 auto 5%;
	text-align:center;
}*/
.actual-results .results-map{
	padding:5% 0;
}
.actual-results .results-map h4{
	background:#51131D;
	color:#fff;
	font-size:24px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 auto 4%;
	padding:1.5% 0;
	text-align:center;
	width:60%;
	border-radius:9px;
    -webkit-border-radius:9px; 
    -moz-border-radius:9px;
}
.actual-results .results-map img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 86.6%;
    max-width: 73em;
}

@media screen and (max-width: 560px){
  .passed-results-list h4{
	  font-size:15px;
  }
  .passed-results-list h4 span{
	  font-size:12px;
  }
}


/* ==============================================================================
    入学案内
============================================================================== */
.admission-wrapper section{
    margin: 0 auto 5%;
    width: 76.6%;
	max-width:85.9em;
}
.admission-wrapper section .img{
	padding-top:4%;
}
.admission-wrapper section .title{
	color:#51141D;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 auto 5%;
	text-align:center;
	letter-spacing:-1px;
}
.admission-wrapper section .subtitle{
	color:#51141D;
	font-size:30px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 auto 5%;
	letter-spacing:-1px;
}
.admission-wrapper section .head{
	font-size:18px;
	font-family:"見出ゴMB31";
	margin:0 auto 2%;
}
	.admission-wrapper section .head:before{
		content:"●";
		color:#741E29;
	}
	.admission-wrapper p + .head{
		margin-top:3%;
	}
.admission-wrapper .category-desc{
	display:table;
	table-layout:fixed;
	width:100%;
}
.admission-wrapper .category-desc li{
	display:table-cell;
	padding:0 4%;
	text-align:center;
}
.admission-wrapper p{
	line-height:180%;
}
.admission-wrapper p strong{ color:#741E29; }
.admission-wrapper .category-desc li:first-child{
	border-right:1px solid #915F2F;
}
.table-admission{
	border-collapse:collapse;
	margin-bottom:2%;
	width:100%;
}
	.table-supplement{
		font-size:15px;
		text-align:right;
	}
.table-admission th,
.table-admission td{
	border:1px solid #000;
	font-size:15px;
	font-family:"中ゴシックBBB";
	padding:2.5% 0;
}
.table-admission th{
	padding:1% 0;
}
.table-admission thead th{
	background:#E7DCC7;
	text-align:center;
}
.table-admission tbody th{
	text-align:center;
}
.table-admission tbody tr.price td{
	padding-right:1.5%;
	text-align:right;
}
.indent-list li{
	line-height:180%;
	padding-left:1em;
	text-indent:-1em;
}

.table-admission.payment1,
.table-supplement.payment1{
	margin:0 auto;
	width:60%;
}
.table-admission.payment2 tbody td{
	width:10%;
}
.table-admission.payment2.sp tbody td{
	width:20%;
}
.table-admission.payment3 tbody td{
	width:14%;
}

/* =====school-tour 自由に見学できる学校行事======================================================================= */
.school-tour .line-navy p,
.school-tour .line-red p{
    margin:0 auto 3%;
    width:92.7%;
    max-width:85.9em;
}
.school-tour .event-btn{
    max-width: 865px;
    width: 90%;
    margin: 3% auto 5%;
}
.school-tour .subhead{
	font-size:18px;
	font-family:"見出ゴMB1";
	margin:0 0 2%;
	text-align:center;
}
.school-tour .subhead span{
    background: url(../images/icon/icon_calendar_red.gif) no-repeat 0 center;
	color:#721E27;
	font-size:28px;
	margin-right:.5em;
	padding-left:24px;
}
.school-tour .subhead.line2{
    padding-left: 24px;
}
.school-tour .subhead.line2 span{
    background: none;
	margin-right:0em;
	padding-left:0px;
    position: relative;
}
.school-tour .subhead.line2 span:before{
    content: "";
    background: url(../images/icon/icon_calendar_red.gif) no-repeat 0 0;
    background-size: cover;
    height: 12px;
    width: 14px;
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -7px;
}

.school-tour h2{
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 0 3%;
	margin-bottom:2%;
	text-align:center;
	letter-spacing:-1px;
	line-height:68%;
}
.school-tour h2 span{
	font-size:35%;
	font-family:"見出ゴMB1";
}
.school-tour h2 + p{
	line-height:180%;
	margin:0 auto 2%;
	width:45%;
}
.school-tour .sup{
	border:1px solid #000;
	padding:1% 2%;
	line-height:180%;
	margin:0 auto 3%;
	text-align:center;
	width:45%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* =====school-road 主な通学路======================================================================= */
.course-box{
	display:none;
}
h2.course-point{
	background:#51151D url(../images/icon/icon_arrow_down.png) no-repeat 0 center;
	background-position: 95% 50%;
    border-bottom: 1px solid #904B54;
	color:#fff;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 14px 0 14px 28px;
}
h2.course-point span{
	font-size:15px;
}
.course-box table{
	margin:0 auto;
	width:80%;
}
.course-box table th{
	border-bottom:1px solid #e5e5e5;
	padding:0 0 0 8px;
}
.course-box table th strong{
	color:#721E27;
	font-weight:bold;
}
.course-box table td{
	padding:8px 0;
	text-align:center;
}
.course-box .dotted{
    background: url(../images/school_road/dotted.gif) repeat-y center 0;
}
.course-box .line{
    background: url(../images/school_road/line.gif) repeat-y center 0;
}

/* =====syllabus シラバス======================================================================= */
.admission-wrapper section.syllabus-list{
	padding:5% 0;
}
.admission-wrapper section.syllabus-list h2.subtitle{
	color:#51141D;
	font-size:30px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:5% auto;
	letter-spacing:-1px;
}
.admission-wrapper section.syllabus-list ul{
	display:table;
	table-layout:fixed;
	width:100%;
}
.admission-wrapper section.syllabus-list ul li{
	display:table-cell;
}
.admission-wrapper section.syllabus-list ul li a{
    background: url(../images/icon/icon_pdf.png) no-repeat 0 center;
	color:#721E27;
	padding:6px 0 6px 22px;
	text-decoration:underline;
}

.syllabus .admission-wrapper section.syllabus-list ul{
	margin-bottom: 2%;
}

.syllabus .admission-wrapper section.syllabus-list ul li p{
	font-size: 18px;
}

.syllabus .admission-wrapper section.syllabus-list table{
    border-collapse: collapse;
    width: 100%;
}
.syllabus .admission-wrapper section.syllabus-list table tr {
    background: #EFE7E2;;
}
.syllabus .admission-wrapper section.syllabus-list table tr:nth-child(odd) {
    background: #FAF3E9;
}
.syllabus .admission-wrapper section.syllabus-list table th,
.syllabus .admission-wrapper section.syllabus-list table td{
    border: 1px solid #000;
    font-size: 15px;
    font-family: "中ゴシックBBB";
    padding: 1% 0;
}
.syllabus .admission-wrapper section.syllabus-list table th{
    background: #B99547;
    color: #fff;
    text-align: center;
    width: 20%;
}
@media (max-width: 560px) {
.syllabus .admission-wrapper section.syllabus-list table th{
    width: auto;
}
}
.syllabus .admission-wrapper section.syllabus-list table td {
    padding: .5em 0 .5em 1em;
}
.syllabus .admission-wrapper section.syllabus-list table td p {
    font-size: 16px;
}
.syllabus .admission-wrapper section.syllabus-list table td p + p {
    margin-top: .25em;
}
.syllabus .admission-wrapper section.syllabus-list table td a{
    background: url(../images/icon/icon_pdf.png) no-repeat 0 center;
	color:#721E27;
	padding:6px 0 6px 22px;
	text-decoration:underline;
}
.syllabus .admission-wrapper section.syllabus-list table .icon{
    margin-left: 1em;
}
.syllabus .br-sp{
    display: none;
}
@media (max-width: 560px) {
.syllabus .admission-wrapper section.syllabus-list table .icon{
    margin-left: 0em;
    margin-right: 1em;
}
/*.syllabus .admission-wrapper section.syllabus-list table td p{
    margin-bottom: .75em;
}*/
.syllabus .br-sp{
    display: block;
}
}
.syllabus .admission-wrapper section.subject-list {
    padding: 5% 0 0;
}
.syllabus .admission-wrapper section.subject-list ul {
    margin: 0 auto 5%;
    width: 100%;
}
.syllabus .admission-wrapper section.subject-list figcaption {
    font-size: 16px;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 0 auto 5%;
    letter-spacing: 4px;
    white-space: nowrap;
}
@media (max-width: 560px) {
  .syllabus .admission-wrapper section.subject-list ul {
      margin: 0 auto 1%;
  }
  .syllabus .admission-wrapper section.subject-list figcaption{
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .syllabus .admission-wrapper section.subject-list figcaption{
    font-size: 26px;
  }
}
.syllabus .admission-wrapper section.subject-list ul li {
    float: left;
    margin-left: 4%;
    width: 22%;
}
@media (max-width: 560px) {
.syllabus .admission-wrapper section.subject-list ul li {
    margin-left: 0%;
    width: 50%;
}
}
.syllabus .admission-wrapper section.subject-list ul li:first-child {
    margin-left: 0;
}
.syllabus .admission-wrapper section.subject-list ul li a {
    color: #000;
}
.syllabus .admission-wrapper section.subject-list ul li a:hover {
    text-decoration: underline;
}
.syllabus .admission-wrapper section.subject-list figcaption:before {
    content: "●";
    color: #741E29;
}

/* =====school-song 校歌======================================================================= */
.admission-wrapper section.school-song-list{
	padding:5% 0;
}
.admission-wrapper section.school-song-list ul{
	margin: 0 auto 8%;
	width:100%;
}
.admission-wrapper section.school-song-list ul li{
	float:left;
	margin-left:5%;
	width:30%;
}
.admission-wrapper section.school-song-list ul li audio{
	width:100%;
}
	.admission-wrapper section.school-song-list ul li:first-child{
		margin-left:0;
	}
.admission-wrapper section.school-song-list figcaption{
	font-size: 26px;
    font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 0 auto 5%;
	letter-spacing: 4px;
}
	.admission-wrapper section.school-song-list figcaption:before{
		content: "●";
    	color: #741E29;
	}
.admission-wrapper section.school-song-list .school-song-lyrics{
	font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:24px;
	text-align:center;
	line-height:250%;
}
.admission-wrapper section.school-song-list .school-song-lyrics span{
	color: #741E29;
}

@media screen and (max-width: 579px) {
  .admission-wrapper section.school-song-list ul{
	  margin: 0 auto 5%;
	  width:80%;
  }
  .admission-wrapper section.school-song-list ul li{
	  float:none;
	  margin-left:0%;
	  margin-bottom:4%;
	  width:100%;
  }
  .admission-wrapper section.school-song-list figcaption{
	  font-size: 15px;
  }
  .admission-wrapper section.school-song-list .school-song-lyrics{
	  font-size:15px;
  }
}

/* =====student-parent 在校生・保護者の方へ======================================================================= */
.student-parent .admission-wrapper section{
	padding:5% 0 0;
}
.student-parent .admission-wrapper section ul{ 
	display:table;
	table-layout:fixed;
	width:100%;
}
.student-parent .admission-wrapper section ul li{
	display:table-cell;
	text-indent:-1.5em;
}
.student-parent .admission-wrapper section ul li p{
	margin-bottom:.5em;
}
.student-parent .admission-wrapper section ul li a.pdf-link{
    background: url(../images/icon/icon_pdf.png) no-repeat 0 center;
	color:#721E27;
	padding:6px 0 6px 22px;
	text-decoration:underline;
	line-height:160%;
}
.student-parent .admission-wrapper section ul li a{
	color:#721E27;
	padding:6px 0;
	text-decoration:underline;
	line-height:160%;
}

/* ==============================================================================
    time schedule タイムスケジュール
============================================================================== */
.time-schedule-wrapper{
    background: url(../images/top/special_content_back.gif) repeat 0 0;
    position: relative;
}
.time-schedule-wrapper section{
	background: #fff;
    margin: 0 auto;
    padding: 0 0;
    width: 92.7%;
    max-width: 92.5em;
}

.table-schedule{
	border-collapse:collapse;
}
.table-schedule th{
	background:#51131D;
	color:#fff;
	padding:0 5%;
	width:41.666666%;
}
.table-schedule h2{
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:3%;
	letter-spacing:-1px;
}
.table-schedule h2 span{
	font-size:22px;
	letter-spacing:1px;
}
.table-schedule td:nth-child(2){
	background:#161622;
}
.table-schedule tr{
	border-bottom:3px solid #fff;
}
.table-schedule .col{
	background:#E7DCC7;
	color:#51131D;
	font-size:22px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:1.5% 0;
	text-align:center;
}

/* ==============================================================================
    chitoku 知徳併進
============================================================================== */
#chitoku-one{
	background:#F0EFEC url(../images/chitoku/arrow1.png) no-repeat 0 100%;
	background-size:contain;
	padding-bottom:2.65%;
}
#chitoku-one .line-red{
	padding:3.5% 0;
}
#chitoku-one img,
#chitoku-four img{
	width:44.91%;
}
#chitoku-one .text-area,
#chitoku-four .text-area{
	padding-top:0;
	width:46.666666%;
}
#chitoku-one .subhead,
#chitoku-two .subhead,
#chitoku-four .subhead{
	font-family:"中ゴシックBBB";
	font-size:17px;
	font-weight:bold;
	margin-bottom:.5%;
}
#chitoku-one .subhead{
	color:#fff;
}
#chitoku-one h2,
#chitoku-two h2{
	border-bottom:8px solid #fff;
	color:#fff;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	margin:0 0 12%;
	padding-bottom:8%;
}

#chitoku-two{
	background:url(../images/chitoku/arrow2.png) no-repeat 0 100%;
	background-size:contain;
	padding:0 0 2.5%;
	position:relative;
	z-index:1;
}
#chitoku-two section{
	background-color:#F0EFEC;
	padding:5% 0;
}
#chitoku-two .subhead{
	text-align:center;
}
#chitoku-two .subhead em{
	color:#721E27;
	font-size:22px;
	font-weight:bold;
	font-style:normal;
}
#chitoku-two h2{
	border:none;
	color:#221815;
	font-size:160px;
	margin:1.5% 0 1%;
	padding:0;
	text-align:center;
}
/*#chitoku-two .subhead2{
	display: table;
 	text-align: center;
  	white-space: nowrap;
}
#chitoku-two .subhead2:after,
#chitoku-two .subhead2:before{
	content: '';
	display: table-cell;
	width: 15%;
	background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
	background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
	-webkit-background-clip: padding;
	background-clip: padding;
}
#chitoku-two .subhead2:before{
	border-left: .2em solid transparent;
}
#chitoku-two .subhead2:after{
	border-rigth: .2em solid transparent;
}
#chitoku-two .subhead2{
	color:#721E27;
	display:table;
	font-size:20px;
	font-weight:bold;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 auto 5%;
    position: relative;
    text-align: center;
	white-space:nowrap;
}*/
#chitoku-two .subhead2{
	overflow:hidden;
 	text-align: center;
}
#chitoku-two .subhead2 span{
	display: inline-block;
    padding: 0 0.5em;
    position: relative;
}
#chitoku-two .subhead2 span:after,
#chitoku-two .subhead2 span:before{
    border-top: 1px solid #721E27;
    content: "";
    position: absolute;
    top: 50%;
    width: 2em;
}
#chitoku-two .subhead2 span:before{
	right: 100%;
}
#chitoku-two .subhead2 span:after{
	left: 100%;
}
#chitoku-two .subhead2{
	color:#721E27;
	font-size:20px;
	font-weight:bold;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 auto 5%;
    position: relative;
	letter-spacing:-1px;
}

#chitoku-two .subhead2 + p{
	line-height:180%;
	margin:0 auto;
	width:62%;
	max-width:650px;
}

#chitoku-three{
	margin-top:-2.5%;
	position:relative;
	z-index:0;
}
#chitoku-three ul{
    display:table;
	table-layout:fixed;
	width:100%;
}
#chitoku-three li{
	border-left:1px solid #fff;
    display:table-cell;
}
#chitoku-three li:first-child{
	border-left:none;
}
#chitoku-three li img{
	width:100%;
}

#chitoku-four{
	background:#161622 url(../images/chitoku/arrow2.png) no-repeat 0 0;
	background-size:contain;
	padding-top:3.5%;	
}
#chitoku-four section{
	padding:5% 0;
}
#chitoku-four .subhead{
	margin-bottom:5%;
}
#chitoku-four .subhead em{
	color:#fff;
	font-size:22px;
	font-weight:bold;
	font-style:normal;
}
#chitoku-four dl{
	margin-bottom:2%;
}
#chitoku-four dl.last{
	border-bottom:8px solid #fff;
	margin:0 0 12%;
	padding-bottom:8%;
}
#chitoku-four dt{
	color:#fff;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    float:left;
	width:230px;
	letter-spacing:-1px;
}
#chitoku-four dd{
	font-size:16px;
    float:right;
	margin-top:24px;
	padding-left:50px;
	position:relative;
	width:48%;
}
#chitoku-four dd:before{
	content: '';
	border-top:1px solid #fff;
	position:absolute;
	top:50%;
	left:0;
	width:10%;
}

#chitoku-four p{
	line-height:180%;
}
#chitoku-four img + img{
	margin-top:1px;
}

/* ==============================================================================
    encyclopedia 百科事典
============================================================================== */
.encyclopedia #tab-wrapper{
	background:url(../images/common/paper_top.jpg) no-repeat 0 0;
	background-size:contain;
    margin:0 auto;
	padding-top:5%;
	position:relative;
	width:92.7%;
	max-width:92.5em;
}
.encyclopedia #tab-wrapper .inner{
	background:url(../images/common/paper_inner.jpg) repeat-y 0 0;
	background-size:contain;
}
.encyclopedia .tab{
	border-bottom:1px solid #741E29;
	border-collapse:collapse;
	display:table;
	margin:0 auto;
	overflow:hidden;
	table-layout:fixed;
	width:100%;
}
.encyclopedia .tab:before,
.encyclopedia .tab:after{
	content:"";
	width:20%;
}
.encyclopedia .tab li{
	background:#741E29;
	border-left:1px solid #E0C9AD;
	color:#fff;
	display:table-cell;
	font-family:"中ゴシックBBB";
	font-size:18px;
	font-weight:bold;
	padding:1.5% 0;
	text-align:center;
	-webkit-transition: .8s ease-in-out;
	-moz-transition: .8s ease-in-out;
	-ms-transition: .8s ease-in-out;
	-o-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
}
	.encyclopedia .tab li:hover{
		background:none;
		border:1px solid #741E29;
		border-bottom:1px solid #E0C9AD;
		color:#51131D;
		cursor:pointer;
	}
.encyclopedia .tab li.select{
	background:none;
	border:1px solid #741E29;
	border-bottom:1px solid #E0C9AD;
	color:#51131D;
}
.encyclopedia .hide {display:none;}
.encyclopedia .content{
    padding:5%;
}
.encyclopedia .content table.title{
	border-collapse:collapse;
	border:1px solid #741E29;
    width:100%;
}
.encyclopedia .content th{
	border-bottom:1px solid #741E29;
	color:#741E29;
	padding:1% 2%;
	white-space:nowrap;
	width:85%
}
.encyclopedia .content th h2{
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
}
.encyclopedia .content th h2 span{
	font-size:28px;
	margin-left:1%;
}
.encyclopedia .content td{
	border-left:1px solid #741E29;
	color:#741E29;
	font-size:15px;
	font-family:"中ゴシックBBB";
	padding:1% 2%;
	vertical-align:bottom;
	width:15%;
}
.encyclopedia .content td.en{
	border-left:1px solid #741E29;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:1% 2%;
}
.encyclopedia .content .float-box{
	margin-top:2.5%;
}
.encyclopedia .content .text-area{
	width:46.80851%;
}
.encyclopedia article + article{
	margin-top:5%;
}
.school-song{
	display:table;
	margin-top:8%;
	table-layout:fixed;
	width:100%;
}
.school-song li{
	display:table-cell;
}
.school-song li p + p{
	margin-top:5%;
}

/* ==============================================================================
    club 班活動
============================================================================== */
body.club{ background:#F0EFEC; }
#wrapper.club{ background:#F0EFEC; }

#club-intro section{ 
    margin:0 auto;
	width:92.7%;
	max-width:85.9em;
}
#club-intro h2{
	border-bottom:8px solid #741E29;
	color:#51141D;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:5%;
	padding-bottom:5%;
	text-align:center;
	letter-spacing:-1px;
}
#club-intro h2 + p{
	font-family:"見出ゴMB31";
	font-size:20px;
	font-weight:bold;
	line-height:180%;
	margin:0 auto 2.5%;
	width:54%;
}
#club-intro p + p{
	line-height:180%;
	margin:0 auto 5%;
	width:54%;
}

#club-intro section{
	position:relative;
}
.petbottle1,
.petbottle2{
	background:url(../images/club/petbottle1.png) no-repeat 0 0;
 	height:0;
	overflow:hidden;
	padding-top:245px;
	position:absolute;
	width:65px;
	top:50%;
	left:8%;
}
.petbottle2{
	background:url(../images/club/petbottle2.png) no-repeat 0 0;
	left:82.5%;
}

.club #main-slider-wrap{
	margin-bottom: 1px;
}
.club .slider.main li{
	height: inherit;
	min-height: inherit;
}
.club .bx-wrapper img{
	max-width: inherit;
	width: 100%;
}

#club-list{
	margin-bottom: 2px;
} 

#club-list section{
	margin: 0 3%;
    text-align: center;
}

#club-list h3{
	color: #fff;
	font-family: "A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 45px;
	margin-bottom: 50px;
	margin-top: 27px;
	text-align: center;
}
#club-list ul{
	display: inline-block;
    margin-right: 16px;
    vertical-align: top;
}
#club-list li{
	font-size: 15px;
	margin-bottom: 5px;
}
#club-list a{
	color: #fff;
	text-decoration: underline;
}
#club-list .sports{
	background: #76151A;
	float: left;
	padding-bottom: 40px;
	width: 50%;
}
#club-list .culture{
	background: #9D7925;
	float: right;
	padding-bottom: 40px;
	width: calc(50% - 2px);
}
#club-list .sports li::before{
	content: "●";
    color: #9D7925;
	margin-right: 4px;
}
#club-list .culture li::before{
	content: "●";
    color: #76151A;
	margin-right: 4px;
}

/* ==============================================================================
    campusmap キャンパスマップ
============================================================================== */
#campusmap-wrapper{
	margin:0 auto 5%;
	width:92.7%;
	max-width:92.5em;
}
#campusmap-main h2{
	color:#846733;
	font-size:42px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:3% 0;
	text-align:center;
}
#campusmap-main{
	padding-bottom:5%;
	position:relative;
}
#campusmap-main .map-area{
    margin: 0 auto;
	position:relative;
	width:90%;
}
#campusmap-main .map-area .image-text{
    font-size: 12px;
	position:absolute;
	bottom: 18%;
    right: 20px;
}

#campusmap-main .map-area li{
    position:absolute;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;	
}
	#campusmap-main .map-area li:nth-child(1){
		top: 34%;
        left: 9%;
	}
	#campusmap-main .map-area li:nth-child(2){
		top: 68%;
        left: 36%;
	}
	#campusmap-main .map-area li:nth-child(3){
        top: 70%;
        left: 50%;
	}
	#campusmap-main .map-area li:nth-child(4){
		top: 78%;
        left: 50%;
	}
	#campusmap-main .map-area li:nth-child(5){
		top: 54%;
        left: 25%;
	}
	#campusmap-main .map-area li:nth-child(6){
		top:73%;
		left:30%;
	}
	#campusmap-main .map-area li:nth-child(7){
		top: 68.5%;
        left: 20%;
	}
	#campusmap-main .map-area li:nth-child(8){
		top: 26%;
        left: 46%;
	}
	#campusmap-main .map-area li:nth-child(9){
		top: 24%;
        left: 76%;
	}
	#campusmap-main .map-area li:nth-child(10){
		top: 38%;
        left: 54%;
	}
	/*#campusmap-main .map-area li:nth-child(11){
		top: 58%;
        left: 56%;
	}*/
	#campusmap-main .map-area li:nth-child(11){
		top: 46%;
        left: 71.5%;
	}
	#campusmap-main .map-area li:nth-child(12){
		top: 47%;
        left: 79%;
	}
	#campusmap-main .map-area li:nth-child(13){
		top: 7%;
        left: 59%;
	}
	#campusmap-main .map-area li:nth-child(14){
		top: 73%;
        left: 59%;
	}
	#campusmap-main .map-area li:nth-child(15){
		top: 20%;
        left: 67%;
	}
		#campusmap-main .map-area li.vr1{
			top:6%;
			left:37.5%;
		}
		#campusmap-main .map-area li.vr3{
			top:38%;
			left:16.5%;
		}
		#campusmap-main .map-area li.vr4{
			top:26%;
			left:7.5%;
		}
		#campusmap-main .map-area li.vr5{
			top:54%;
			left:39.5%;
		}
		#campusmap-main .map-area li.vr8{
			top:52%;
			left:73.5%;
		}
		#campusmap-main .map-area li.vr12{
			top:67%;
			left:58.5%;
		}
		#campusmap-main .map-area li.vr13{
			top:21%;
			left:21.5%;
		}

#campusmap-main .map-area li a{
	background:#721E27;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:12px;
	padding:8px;
	border-radius:50%;
    -webkit-border-radius:50%; 
    -moz-border-radius:50%;
}
		#campusmap-main .map-area li.vr1 a,
		#campusmap-main .map-area li.vr3 a,
		#campusmap-main .map-area li.vr4 a,
		#campusmap-main .map-area li.vr5 a,
		#campusmap-main .map-area li.vr8 a,
		#campusmap-main .map-area li.vr12 a,
		#campusmap-main .map-area li.vr13 a{
			background:none;
			font-family:Arial, Helvetica, sans-serif;
			margin-right:0px;
			padding:0px;
			border-radius:0;
			-webkit-border-radius:0%; 
			-moz-border-radius:0%;
		}
#campusmap-main .map-area li:nth-child(-n+9) a{
	padding:8px 12px;
}
#campusmap-main .map-area li.d-digits a{
	padding:8px;
}
#campusmap-main .map-area li:hover{
	-webkit-transform: scale3d(1.3,1.3,1);
	-moz-transform: scale3d(1.3,1.3,1);
	-ms-transform: scale3d(1.3,1.3,1);
	-o-transform: scale3d(1.3,1.3,1);
	transform: scale3d(1.3,1.3,1);
}
		#campusmap-main .map-area li.vr1:hover,
		#campusmap-main .map-area li.vr3:hover,
		#campusmap-main .map-area li.vr4:hover,
		#campusmap-main .map-area li.vr5:hover,
		#campusmap-main .map-area li.vr8:hover,
		#campusmap-main .map-area li.vr12:hover,
		#campusmap-main .map-area li.vr13:hover{
			filter:alpha(opacity=70);
			-ms-filter:"alpha(opacity=70)";
			-moz-opacity:0.7;
			-khtml-opacity: 0.7;
			opacity: 0.7;	
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;
		}
#campusmap-main .map-area li.d-digits a:hover{
	padding:12px;
}

.vr-btn{
	bottom:409px;
	position:absolute;
}
.vr-btn a{
	color:#721E27;
	font-size:12px;
}
.vr-btn a:hover{
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
}
.vr-btn img{
	margin-bottom:4px;
}
.map-list{
	background:#F3EDE3;
	border:1px solid #731E28;
    margin: -32px auto 0;
	position:relative;
	width:70%;
}
.map-list h3{
	background:#731E28;
	color:#fff;
	font-size:18px;
	font-family:"見出ゴMB31";
	padding:3%;
	position:relative;
}
	.map-list h3 span{
		border:1px solid #e5e5e5;
		font-size:12px;
		padding:2px 5px;
		position:absolute;
		top: 50%;
		margin-top:-22px;
    	left: 165px;
   	 	width: 295px;
    	line-height: 165%;
	}
.map-list ol{
	padding:4%;
	float:left;
}
.map-list ol + ol{
	float:left;
}
.map-list ol li{
	margin-top:1.25em;
}
.map-list ol li:first-child{
	margin-top:0;
}
.map-list ol li a{
	background:url(../images/icon/icon_maplist_arrow.png) no-repeat 0 center;
	color:#721E27;
	font-size:15px;
	font-family:"中ゴシックBBB";
	padding-left:32px;
}
	.map-list ol li a + a{
		background:none;
		padding-left:0;
		margin-left:3px;
	}
.map-list ol li span{
	background:#fff;
	border:2px solid #721E27;
	color:#721E27;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:8px;
	padding:3px 6px;
	border-radius:50%;
    -webkit-border-radius:50%; 
    -moz-border-radius:50%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;	
}
.map-list ol li.d-digits span{
	padding:3px;
}
.map-list ol li a:hover span{
	background:#721E27;
	border:2px solid #721E27;
	color:#fff;
}

#campusmap-detail ol{
	display:table;
	table-layout:fixed;
	width:100%;
}
#campusmap-detail ol li{
	display:table-cell;
	padding:5% 0;
	position:relative;
	text-align:center;
}
#campusmap-detail ol li:after{
	content:"";
	border-bottom:1px solid #C1C1C1;
	margin-left:-97px;
	position:absolute;
	bottom:0;
	left:50%;
	width:194px;
}
#campusmap-detail h4{
	color:#721E27;
	font-size:18px;
	font-family:"見出ゴMB31";
	margin-bottom:12%;
	text-align:center;
}
#campusmap-detail h4 span{
	background:#721E27;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:12px;
	padding:8px;
	border-radius:50%;
    -webkit-border-radius:50%; 
    -moz-border-radius:50%;
}

/*#campusmap-detail #cmap6-7{
    padding: 3% 0 5%;
    vertical-align: top;
}*/
#campusmap-detail #cmap6-7 h4.item1{
    /*margin-bottom: 5%;*/
}
#campusmap-detail #cmap6-7 h4.item2{
    /*margin-bottom: 7.5%;*/
}

#campusmap-detail ol li:nth-child(-n+3) h4 span{
	padding:8px 12px;
}
#campusmap-detail ol li#cmap10 h4 span{
	padding:8px;
}

#campusmap-detail ol.d-digits li:nth-child(-n+3) h4 span{
	padding:8px;
}
#campusmap-detail ol li p{
	line-height:180%;
	margin:5% auto 0;
	width:90%;
}
#campusmap-detail .bx-wrapper{
  width:382px;	
}
#campusmap-detail .bx-wrapper li{
  padding:0;	
}

/* =======================================
    events　宿泊行事
======================================= */
#events-title{
	background:url(../images/events/tree.gif) no-repeat 100% 100%;
	background-size:contain;
}
#events-title h2{
	color:#846833;
	font-size:42px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:4% 0;
	text-align:center;
	letter-spacing:-1px;
}
.events h3{
	border-bottom:8px solid #fff;
	color:#fff;
	font-size:45px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 0 12%;
	padding-bottom:8%;
	letter-spacing:-1px;
}
.events .line-white h3{
	border-color:#741E29;
	color:#741E29;
}
.events h3 span{
	font-size:32px;
	margin-left:12px;
}
.events h3 +p{
	margin-bottom:0;
}
.events .float-box img{
	width:45.7%;
}
.events .float-box .text-area{
	width:46.6%;
}

.events-detail{
	margin-top:5%!important;
	margin-bottom:5%!important;
}
.events-detail h2{
	border-bottom:8px solid #741E29;
	color:#741E29;
	font-size:45px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 0 5%;
	padding-bottom:2%;
}
.events h2 span{
	font-size:32px;
	margin-left:12px;
}
.events-detail h3{
	background:url(../images/icon/icon_circle_red.gif) no-repeat 0 center;
	border:none;
	color:#741E29;
	font-size:18px;
	font-family:"見出ゴMB31";
	margin-bottom:4%;
	padding:0 0 0 16px;
}
	.events-detail h3 + img{
		margin-top:0;
	}
	.events-detail .one-column h3{
		margin-top:5%;
		margin-bottom:2%;
	}
.events-detail p{
	line-height:180%;
}
.events-detail img{
	margin:4% 0;
}
	.events-detail .one-column img + img{
		margin-top:0;
	}
.events-detail .main-column{
	float:left;
	width:57%;
}
.events-detail .one-column{
	margin:0 auto;
	width:90%;
}
.events-detail .sub-column{
	float:right;
	margin-top:5.5%;
	width:31.6%;
}
.events-detail .sub-column li{
	position:relative;
}
.events-detail .sub-column li + li{
	margin-top:12%;
	padding-top:12%;
}
.events-detail .sub-column li + li:before{
	content:"";
	border-top:1px solid #C1C1C1;
	margin-left:-96px;
	position:absolute;
	top:0;
	left:50%;
	width:192px;
}
.events .float-box .link-btn,
.events .float-box .link-btn-red{
	margin-top:5%;
}

/* =======================================
    responsibility 責任ある自由
======================================= */
#responsibility-content .img{
	width:100%;
}
#responsibility-content .img img{
	width:49.95%;
}
#responsibility-content .img img + span{
	background:url(../images/top/special_content_back.gif) repeat 0 0;
	float:right;
	width:50.05%;
}
#responsibility-content .img span img{
	width:90%;
}
#responsibility-content .float-box .text-area{
	margin-top:-13%;
}
#responsibility-content .inner p{
	margin-bottom:10%;
	padding-bottom:10%;
	position:relative;
}
#responsibility-content .inner p:after{
	content:"";
	border-bottom:1px solid #5C5C65;
	margin-left:-50px;
	position:absolute;
	bottom:0;
	left:50%;
	width:100px;
}
#responsibility-content .inner p.last{
	margin-bottom:0;
	padding-bottom:0;
}
#responsibility-content .inner p.last:after{
	content:"";
	border-bottom:none;
	margin-left:0;
	position:relative;
	bottom:0;
	left:0;
	width:0;
}

/* =======================================
    festival 文化祭・体育祭
======================================= */
.fes-detail .line-navy p,
.fes-detail .line-red p{
    margin:0 auto 4%;
    width:92.7%;
    max-width:85.9em;
}
.fes-detail .subhead{
	color:#721E27;
	font-family:"中ゴシックBBB";
	font-size:22px;
	margin-bottom:1%;
	text-align:center;
}
.fes-detail h2{
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 0 5%;
	margin-bottom:2%;
	text-align:center;
	letter-spacing:-1px;
}
.fes-detail h2 + p{
	line-height:180%;
	margin:0 auto 5%;
	width:45%;
}

/* =======================================
    student-council 生徒会活動
======================================= */
.student-council .line-red p{
    margin:0 auto;
    width:92.7%;
    max-width:85.9em;
}
.student-council p + dl{
	margin-top:2em;
}
.student-council dl{
	margin-bottom:2em;
}
.student-council dt{
	color:#741E29;
	font-family:"見出ゴMB31";
	font-size:17px;
	margin-bottom:1%;
}

/* =======================================
    clothes 制服
======================================= */
#wrapper.clothes{
	background:#E3EEF4;
	position:relative;
	z-index:0;
}
.clothes-link-box{
	background:#721E27;
	height:100%;
	margin-left:14.5%;
	padding:120px 0 0;
	position:relative;
	width:245px;
	z-index:999;
}
.clothes-link-box:after{
	content:"";
    background:#741E29;
    padding:30px;
    display:block;
    height:0;
    right:0;
    margin-top: -50px;
    margin-right: -30px;
	position:absolute;
    top:42%;
    width:0;
	border-radius:50%;
    -moz-border-radius:50%;
	-webkit-border-radius:50%;
 }
.clothes-link-box.right{
	margin-left:71.5%;
}
.clothes-link-box.right:after{
    left:0;
    margin-top: -50px;
    margin-left: -30px;
 }
	.clothes-link-box .en{
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:12px;
		margin-bottom:10%;
		text-align:center;
	}
	.clothes-link-box .title{
		color:#fff;
		font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size:45px;
		text-align:center;
		letter-spacing:-1px;
	}
	.clothes-link-box .title + p{
		color:#fff;
		font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size:15px;
		margin-bottom:15%;
		text-align:center;
		letter-spacing:-1px;
	}
.clothes-link-box .link-btn{
	margin-left:22.5%;
	line-height:50px;
	width:55%;
}

#clothes-box{
	margin-top:3%;
	position:relative;
}
#clothes-box:after{
    content:"";
	position:absolute;
	bottom:0;
	height:180px;
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e5e5e5+100&0+39,0.65+100 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(89,89,89,0) 39%, rgba(229,229,229,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(39%,rgba(89,89,89,0)), color-stop(100%,rgba(229,229,229,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(89,89,89,0) 39%,rgba(229,229,229,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(89,89,89,0) 39%,rgba(229,229,229,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(89,89,89,0) 39%,rgba(229,229,229,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(89,89,89,0) 39%,rgba(229,229,229,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6e5e5e5',GradientType=0 ); /* IE6-8 */
	z-index:-1;
}
#clothes-box .inner{
    margin:0 auto;
	position:relative;
    width:92.7%;
    max-width:85.9em;
}
#clothes-box .inner .center-box{
	position:absolute;
	top:2%;
	left:50%;
	margin-left:-24.1666666%;
	width:48.333333%;
	z-index:999;
}
	.clothes-grader3 #clothes-box .inner .center-box{
		position:absolute;
		top:17%;
		left:50%;
		margin-left:-24.1666666%;
		width:48.333333%;
		z-index:999;
	}
#clothes-box .inner .center-box .en{
	border-bottom:4px solid #741E29;
	color:#741E29;
	font-size:13px;
	font-family:"Arial Black", Gadget, sans-serif;
	margin-bottom:3%;
	padding-bottom:3%;
	text-align:center;
}
#clothes-box .inner .center-box h2{
	color:#741E29;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:42px;
	margin-bottom:10%;
	text-align:center;
	letter-spacing:-1px;
}
#clothes-box .inner .center-box h2 span{
	font-size:30px;
}
#clothes-box .inner .center-box h2 + p{
	line-height:180%;
	margin-bottom:15%;
	text-align:center;
}
#clothes-box .inner .center-box h3{
	font-size:13px;
	font-family:"Arial Black", Gadget, sans-serif;
	margin-bottom:5%;
	text-align:center;
}
#clothes-box .inner .center-box .item{
	display:table;
	table-layout:fixed;
	width:100%;
}
	#clothes-box .inner .center-box .item + .item{
		margin-top:1%;
	}
#clothes-box .inner .center-box .item li{
	display:table-cell;
	text-align:center;
}
#clothes-box .inner #model-left{
	float:left;
	width:241px;
}
#clothes-box .inner #model-right{
	float:right;
	width:240px;
}
	.clothes-grader2 #clothes-box .inner #model-left{
		float:left;
		width:265px;
	}
	.clothes-grader2 #clothes-box .inner #model-right{
		float:right;
		width:246px;
	}
	.clothes-grader3 #clothes-box .inner #model-left{
		float:left;
		position:relative;
		/*width:337px;*/
		width:240px;
		z-index:999;
	}
	.clothes-grader3 #clothes-box .inner #model-right{
		float:right;
		position:relative;
		/*width:337px;*/
		width:240px;
		z-index:999;
	}

#others-box{
	background:#fff;
	border-top:1px solid #C3C3C3;
	padding:5% 0;
}
#others-box h3{
	font-size:13px;
	font-family:"Arial Black", Gadget, sans-serif;
	margin-bottom:3%;
	text-align:center;
}
#others-box h4{
	color:#721E26;
	font-size:30px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:3%;
	text-align:center;
}
#others-box .item{
	display:table;
    margin:0 auto;
	table-layout:fixed;
    width:92.7%;
    max-width:85.9em;
}
	#others-box .item + .item{
		margin-top:1%;
	}
#others-box .item li{
	display:table-cell;
	text-align:center;
}

#akira{
	background:#161622;
	color:#fff;
	padding:5% 0;
	width:100%;
}
#akira .inner{
    margin:0 auto;
	position:relative;
    width:92.7%;
    max-width:69.3em;
}
#akira .inner h4{
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:30px;
	margin-bottom:5%;
	padding-left:32px;
	position:relative;
}
#akira .inner h4:before{
	content:" ";
	background:#fff;
	height:20px;
	position:absolute;
	top:8px;
	left:0;
	width:20px;
}
#akira .inner h4 span{
	font-family:"中ゴシックBBB";
	font-size:15px;
	margin-left:2%;
}
#akira .profile{
	border:none;
	padding:0;
	display:table;
}
#akira .profile + .profile{
	margin-top:5%;
}
#akira .profile li{
	display:table-cell;
	vertical-align:top;
}
#akira .profile li:first-child{
	border-right:1px solid #5C5C65;
	padding-right:4%;
	text-align:right;
	width:35%;
}
#akira .profile li + li{
	padding-left:5%;
}
#akira .profile p{
	font-size:13px;
	line-height:180%;
}
#akira .profile .en{
	color:#fff;
	font-size:10px;
	margin-bottom:2%;
}
#akira .profile .name{
	font-size:16px;
	margin-bottom:2%;
}

#others-coordinate{
	background:#fff;
	border-top:1px solid #c3c3c3;
	padding-top:2%;
}
#others-coordinate section{
    margin:0 auto;
    width:75%;
    max-width:85.9em;
}
#others-coordinate .float-box.img-left img{
	float:left;
	width:49.93%;
}
#others-coordinate .float-box .text-area{
	padding-top:3%;
	width:40.76%;
}
#others-coordinate section h3{
	color:#721E26;
	font-size:30px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:5%;
	letter-spacing:-1px;
}
#others-coordinate section .text-area{
	margin-top:10%;
}

/* =======================================
    annual-event 年間行事
======================================= */
.annual-event section{
    margin:0 auto 4%;
    width:92.7%;
    max-width:85.9em;
}
.annual-event h2{
	color:#51141D;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:5%;
	text-align:center;
	letter-spacing:-1px;
}
.table-grader-sp{
	display:none;
}
.table-grader{
	border-collapse:collapse;
	border:1px solid #731E28;
	margin-top:2%;
	width:100%;
}
	.table-grader a,
	.table-grader-sp a{
		/*background:rgba(255, 255, 0, .2);*/
		color:#731E28;
		text-decoration:underline;
	}
	.table-grader a:hover{
		text-decoration:none;
	}

.table-grader thead th,
.table-grader-sp thead th{
	background:#741E29;
	color:#fff;
	font-family:"中ゴシックBBB";
	font-size:15px;
}
.table-grader-sp thead th{
	border-right:1px solid #731E28;
}
.table-grader thead th,
.table-grader-sp thead th{
	border-left:1px dotted #fff;
	padding:2.5% 0;
	text-align:center;
}
.table-grader thead th:nth-child(1),
.table-grader-sp thead th:nth-child(1){
	background:none;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}
.table-grader thead th:nth-child(2),
.table-grader-sp thead th:nth-child(2){
	border-left:none;
}
.table-grader tbody tr:nth-child(odd),
.table-grader-sp tbody tr:nth-child(odd){
	background:#E7DCC7;
}
.table-grader tbody th,
.table-grader-sp tbody th{
	background:#fff;
	border-left:1px solid #fff;
	border-right:1px solid #731E28;
	border-bottom:1px solid #fff;
	color:#721E27;
	font-size:58px;
	font-family:"Times New Roman", Times, serif;
	padding-right:1%;
	text-align:right;
}
.table-grader-sp tbody th{
	white-space:nowrap;
}
.table-grader tbody th span,
.table-grader-sp tbody th span{
	color:#000;
	font-size:20px;
	font-family:"中ゴシックBBB";
}
.table-grader tbody td,
.table-grader-sp tbody td{
	border-bottom:1px solid #731E28;
	line-height:160%;
	padding:2.5%;
	vertical-align:top;
	/*width:33.3333333%;*/
	width:30%;
}
.table-grader-sp tbody td{
	border-right:1px solid #731E28;
	width:100%;
}
.table-grader tbody td:nth-child(2),
.table-grader tbody td:nth-child(3){
	border-right:1px dotted #731E28;
}
.table-grader tbody td img,
.table-grader-sp tbody td img{
	float:right;
}

/* =======================================
    digital-pamphlet デジタルパンフレット
======================================= */
.pamphlet-list{
    margin:0 auto;
    width:92.7%;
    max-width:85.9em;
}
.pamphlet-list h2{
	color:#51141D;
	font-size:55px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 0 5%;
	text-align:center;
	letter-spacing:-1px;
}
    .pamphlet-list h2.middle-txt{
        font-size: 3vw;
    }
    .pamphlet-list h2.small-txt{
        font-size: 2vw;
        margin-bottom: 8%;
    }
    @media (min-width: 1485px) {
      .pamphlet-list h2.middle-txt{
          font-size: 40px;
      }
      .pamphlet-list h2.small-txt{
          font-size: 36px;
      }
    }
    
.pamphlet-list ul{
	display:table;
	margin-bottom:5%;
	table-layout:fixed;
	width:100%;
}
	.pamphlet-list.column1 ul{
		margin-left:auto;
		margin-right:auto;
		width:37%;
	}
	.pamphlet-list.column2 ul{
		margin-left:auto;
		margin-right:auto;
		width:70%;
	}
.pamphlet-list li{
	display:table-cell;
	text-align:center;
}
.pamphlet-list li img{
	margin-bottom:5%;
}
.pamphlet-list li p{
	text-align:center;
	margin-bottom:5%;
}
.pamphlet-list li .link-btn-red{
	line-height:40px;
	width:52%;
}

/* =======================================
    shudo-ga シュードーガ
======================================= */
.movie-list{
    margin:5% auto;
    width:92.7%;
    max-width:85.9em;
}
.movie-list ul{
	width:100%;
}
.movie-list li{
	float:left;
	margin-left:2.5%;
	margin-bottom:5%;
	width:30%;
}
.movie-list li img{
	margin-bottom:.5%;
	height:190px;
	overflow:hidden;
}
.movie-list li p{
	font-family:"中ゴシックBBB";
	font-size:12px;
	line-height:180%;
	margin-bottom:5%;
}
.movie-list li p a{
	color:#741E29;
	font-size:16px;
}

/* =======================================
    blog ブログ
======================================= */
.news section.school-blog{
    margin:0 auto 4%;
    width:92.7%;
    max-width:85.9em;
}
.news article{
    background: url(../images/top/special_content_back.gif) repeat 0 0;
    position: relative;
}
.news article section{
	background: #fff;
    margin: 0 auto;
    padding: 1% 5% 5%;
    width: 72.7%;
    max-width: 72.5em;
}
.news .article h2{
	color:#51141D;
	font-size:32px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:5%;
	text-align:center;
}
.news .article p{
	font-family:"中ゴシックBBB";
	font-size:16px;
	line-height:160%;
	margin-bottom:1em;
}

/* =======================================
    link-btn
======================================= */
.link-btn {
	border:1px solid #fff;	
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
	outline: none;
	position: relative;
	z-index: 2;
}
.link-btn a {
	color: #fff;
	display:block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;	
}
.link-btn::before,
.link-btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
}
.link-btn,
.link-btn::before,
.link-btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;	
}
.link-btn:hover a {
	background-color: #fff;
	border-color: #000;
	color: #741E29;
}
.link-btn::before {
	right: 0;
}
.link-btn::after {
	left: 0;
}
.link-btn:hover::before,
.link-btn:hover::after {
	width: 0;
	background-color: #fff;
}

.pdf-link{
	background:#51131D;
	line-height:60px;
	margin:0 auto; 
	text-align:center;
	width:25%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;	
}
	.pdf-link:hover{
		background-color:#741E29;
	}
.pdf-link a{
	background:url(../images/icon/icon_pdf.png) no-repeat 10% center; 
	color:#fff;
	display:block;
	text-align:center;
}
.pdf-link2 a{
    background: url(../images/icon/icon_pdf.png) no-repeat 0 center;
	color:#721E27;
	padding:6px 0 6px 22px;
	text-decoration:underline;
}

#footer-address .link-btn{
	float:left;
	margin-bottom:10px;
	margin-right: 2%;
	width:29%;
}
#footer-address .link-btn a{
	background-image:url(../images/icon/icon_blank.png);
	background-repeat:no-repeat;
	background-position:95% center;
}

.link-btn-red {
	border:1px solid #51141D;	
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	position: relative;
	z-index: 2;
}
.link-btn-red a {
	color: #51141D;
	display:block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;	
}
.link-btn-red::before,
.link-btn-red::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
}
.link-btn-red,
.link-btn-red::before,
.link-btn-red::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;	
}
.link-btn-red:hover a {
	background-color: #51141D;
	border-color: #000;
	color: #fff;
}
.link-btn-red::before {
	right: 0;
}
.link-btn-red::after {
	left: 0;
}
.link-btn-red:hover::before,
.link-btn-red:hover::after {
	width: 0;
	background-color: #51141D;
}

/* =======================================
    Loop-images
======================================= */
.loopslider {
    margin: 0 auto 2%;
    width: 100%;
    /*height: 300px;*/
	height: 450px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.loopslider ul {
    /*height: 300px;*/
	height: 450px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
.loopslider ul li {
    /*width: 500px;
    height: 300px;*/
	width: 750px;
    height: 450px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
.club .loopslider {
    margin: 0 auto 2%;
    width: 100%;
    height: 387px;
    text-align: left;
    position: relative;
    overflow: hidden;
} 
.club .loopslider ul {
    height: 387px;
    float: left;
    display: inline;
    overflow: hidden;
}
.club .loopslider ul li {
	width:176px;
    height: 387px;
    float: left;
    display: inline;
    overflow: hidden;
}

/* =======================================
    modal window
======================================= */
.modal{
	display:none;
}
/*#colorbox,
#cboxWrapper,
cboxContent{
	width:90%!important;
}*/
#cboxLoadedContent{
	background:url(../images/top/special_content_back.gif) repeat 0 0!important;
    overflow: hidden!important;
}
#cboxContent .inner{
	background:#fff;
	padding:5%!important;
}
#cboxContent .inner .situation{
	position:relative;
	width:100%;
	z-index:0;
}
/*#cboxContent .inner > div img{
	float:left;
	margin-top:-10%;
	position:relative;
	width:26%;
	z-index:1;
}*/
#cboxContent .inner > div img{
	float:left;
	position:relative;
	width:1%;
	z-index:1;
	height:200px;
}
#cboxContent .inner .text-area{
	float:right;
	margin-top:5%;
	/*width:74%;*/
	width:99%;
}
#cboxContent .inner > div h3{
	border-bottom:5px solid #741E29;
	color:#731E28;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5%;
	padding-bottom:2%;
}
#cboxContent .inner > div .name{
	color:#731E28;
	margin-bottom:7%;
}
#cboxContent .inner > div p{
	line-height:180%;
}

/* =======================================
    ClearFixElements
======================================= */
.loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.loopslider ul {
    display: inline-block;
    overflow: hidden;
}


/* =============================================================
=============================================================

MEDIA
	
=============================================================
============================================================= */
@media screen and (max-width: 1500px) {
#campusmap-main .map-area{
	float:none;
	margin:0 auto;
	position:relative;
}
.vr-btn{
	bottom:0;
	margin-top:-5%;
	margin-bottom:8px;
	position:relative;
}
.vr-btn p{
	text-align:center;
}
.map-list{
	bottom:0;
	margin:0 auto 0;
	position:relative;
	width:100%;
}
} /*max-width: 1500px*/
@media screen and (max-width: 1560px) {
		#special-content{
			height:auto;
			overflow:hidden;
			/*padding-top:57.2%;*/
		}
} /*max-width: 1560px*/

@media screen and (max-width: 1480px) {
	#club-list section{
		margin: 0 6%;
	}
	#club-list ul{
		margin-right: 0;
		width: 49%;
	}
}

@media screen and (min-width: 960px) {
	#headmaster .float-box.small.img-right img{
		width:42%;
	}
	#headmaster .float-box.small .text-area{
		width:50%;
	}
}

@media screen and (max-width: 1430px) {
	.container{
		width:95%;
	}
	#fb-wrap{
		max-width: 660px;
	}
} /*max-width: 1430px*/



@media screen and (max-width: 1320px) {
.results-wrapper section .graph-area + img{
	width:40%;
}
.result-data section{
    margin: 0 auto;
    width: 92.7%;
}
.result-data .graph-area li h4{
	font-size:16px;
}
.result-data h4.fukidashi{
	font-size:16px;
}
.list-style-desc{
	width:67%;
}
#special-content .message .title {
    font-size: 28px;
}
#footer-wrap .address{
	margin-left: 2%;
}

.encyclopedia .content th h2 {
    font-size:32px;
}
.encyclopedia .content th h2 span {
    font-size:18px;
}

} /*max-width: 1320px*/

@media screen and (max-width: 1259px) {
/*1259以下*/
		#header-nav-wrap{
			width:65em;
		}
		#nav-wrap{
			left:60%;
		}
		#nav{
			border-spacing: 30px 0;
		}
		.slider.main li{
			height:auto;
			min-height:0;
			padding-top:50%;
		}
			  .slider.main li h1{
					margin:0 0 2% 1.5%;
			  }

		#nav .sub.item2 li{
			margin-left:36px;
		}
		
		#press-wrap .article-title {
			width: 38%;
		}
		
		#entrance-wrap{
			margin-top:45px;
			width:65%;
		}
		#entrance-wrap .mask{
			display:none;
		}
		#entrance-wrap .btn{
			position:absolute;
			top:25%;
			margin-left:-140px;
		}
			#entrance-wrap .btn img{
				width:280px;
			}
		#entrance-wrap .text{
			height:100px;
		}
		#entrance-wrap .text span{
			font-size:13px;
		}

		#fb-wrap{
			width:65%;
		}
				
		#special-content{
			margin-bottom:9%;
		}
			#special-content .message .en{
				font-size:18px;
				margin-bottom:8%;
			}
			#special-content .message .title{
				/*font-size:24px;*/
				font-size:18px;
				margin-bottom:8%;
			}
			#special-content .message .post{
				font-size:13px;
				margin-bottom:1.2%;
			}
			#special-content .message .name{
				font-size:24px;
			}
		#top-blog{
			margin:0 auto 5%;
			width:95%;
		}
		
		#kakugen{
			width:95%;
		}
		#kakugen dt {
			font-size:38px;
			margin:30px 0 10px 0;
			float:none;
			clear:left;
			text-align:center;
		}
		#kakugen dd {
			margin:0 0 0 0;
			float:none;
			text-align:center;
		}
		
		#footer-wrap{
			background-size:contain;
			padding:5% 0 0;
			width:95%;
		}
		#footer-wrap #sitemap{
			width:80%;
		}
		#footer-wrap #footer-address{
			width:63%;
		}
		#footer-wrap .address{
			width: 30%;
		}
		#footer-address .link-btn{
			width:45%;
		}
		
		#footer-wrap #sitemap .list{
			margin-right:1.5%;
		}
		#footer-wrap #sitemap .list p{
			margin-bottom:38px;
			padding-left:14px;
		}
		#footer-wrap #sitemap .list ul{
			display:block;
		}

.float-box .text-area{
	padding:2% 0 6%;
}
	.encyclopedia .float-box .text-area{
		padding:8px 0 1px;
	}
	#responsibility-content .float-box .text-area{
		padding:5% 0 6%;
	}
.class .text-area h4,
.line-beige.class .text-area h4,
.line-red.class .text-area h4{
	font-size:22px;
	margin-bottom:5%;
}
.float-box p{
	font-size:12px;
}
.float-box.small h2{
	font-size:20px;
	font-weight:bold;
	margin:3% 0;
}
.message-top .link-btn.movie{
	width:70%;
}

#chitoku-four dl{
	margin-bottom:4%;
}
#chitoku-four dt{
	font-size:36px;
    float:none;
}
#chitoku-four dd{
    float:none;
	margin-top:2%;
	padding-left:12%;
	width:100%;
}
#chitoku-four img{
	float:left;
	width:50%;
}
#responsibility-content .img span img{
	width:100%;
}
.clothes-link-box{
	margin-left:0;
}
.clothes-link-box.right{
	position:absolute;
	right:0;
}
.movie-list li img{
	height:150px;
}
	
.message-list{
	width:100%;
}
.message-list ul{
	display:block;
	margin:0 auto;
	table-layout:auto;
}
.message-list .col3 li,.message-list .col4 li, .message-list .col5 li, .message-list .col6 li{
	border:none;
}
    .message-list .col3,
    .message-list .col4{
		margin:0 auto;
		width:95%;
	}
	.message-list .col5{
		margin:0 auto;
		width:95%;
	}
	.message-list .col6{
		margin:0 auto;
		width:95%;
	}
	.message-list .col6.ob li:first-child,
	.message-list .col6.ob li:nth-child(6){
		display:none;
	}
    .message-list .col3 img,
	.message-list .col5 img,
	.message-list .col6 img{
		width:55%;
	}
            .message-list .col3 p,
			.message-list .col4 p,
			.message-list .col5 p,
			.message-list .col6 p{
				margin:0 auto;
				width:55%;
			}
.message-list ul li{
	display:inline-block;
	margin-bottom:8%;
	width:49%;
}
	
	.mesage-list-wrapper.text-none .message-list ul{
		display:table;
		table-layout:fixed;
	}
    .mesage-list-wrapper.text-none .message-list .col3{
		margin:0 auto;
		width:100%;
	}
    .mesage-list-wrapper.text-none .message-list .col4{
		margin:0 auto;
		width:100%;
	}
	.mesage-list-wrapper.text-none .message-list .col5{
		margin:0 auto;
		width:85%;
	}
	.mesage-list-wrapper.text-none .message-list .col6{
		margin:0 auto;
		width:100%;
	}
.mesage-list-wrapper.text-none .message-list ul li{
	display:table-cell;
	width:auto;
}
.mesage-list-wrapper.text-none .message-list ul li img{
	width:100%;
}
.mesage-list-wrapper.text-none .message-list figure {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width:100%;
}
	
	.clothes-grader3 #clothes-box .inner .center-box{
		position:relative;
		top:0;
		left:0;
		margin-left:0;
		margin-bottom:5%;
		width:100%;
	}
	.clothes-grader3 #clothes-box .inner #model-left{
		margin-left:10%;
		width:40%;
	}
	.clothes-grader3 #clothes-box .inner #model-right{
		margin-right:10%;
		width:40%;
	}
	
	.club .slider.main li{
		padding-top: 0;
	}

} /*max-width: 1259px*/

@media screen and (max-width: 1240px) {
		#school-life .float-box .person{
			margin:0 4% 0 0;
			width:30%;
		}
		/*#school-life.student-comment .float-box .person{
			width:auto;
		}*/
		#school-life .float-box .time img{
			margin-right:0;
			width:30%;
		}
		#school-life .float-box .time ul{
			float:right;
			width:30%;
		}
		#school-life.student-comment .float-box .time ul{
			float:left;
		}
			#school-life .float-box .time li p + p{
				color:#000;
				font-size:12px;
				font-weight:normal;
				padding-bottom:0;
			}
		#school-life .seifuku{
			margin:-17% 0 0 20%;
			position:relative;
			width:64%;
		}
		#clothes-box .inner .center-box .item li{
			border-right:2px solid #E3EEF4;
			border-left:2px solid #E3EEF4;
		}
		#others-box .item + .item{
			margin-top:.5%;
		}
		#others-box .item li{
			border-right:2px solid #fff;
			border-left:2px solid #fff;
		}
	.actual-results .results-map img{
		width:90%;
	}
	
#contents-list-wrapper .degital-pamphlet,
#contents-list-wrapper .hogosha-zadankai{
	position:static;
	top:auto;
}
.content-menu {
    margin-bottom: 40px;
}
} /*max-width: 1240px*/

@media screen and (max-width: 1140px) {
#events-title h2{
	font-size:38px;
}
.events h3{
	font-size:35px;
	margin:4% 0 4%;
	padding-bottom:4%;
}
.events h3 span{
	font-size:28px;
}
.events .events-detail h3{
	font-size:16px;
}
.pamphlet-list li .link-btn-red{
	width:70%;
}
	
.admission-wrapper section{
    margin: 0 auto 5%;
    width: 92.7%;
}

#clothes-box .inner .center-box{
	position:relative;
	top:0;
	left:0;
	margin-left:0;
	margin-bottom:5%;
	width:100%;
}
#clothes-box .inner #model-left,
.clothes-grader2 #clothes-box .inner #model-left{
	margin-left:10%;
	width:30%;
}
#clothes-box .inner #model-right,
.clothes-grader2 #clothes-box .inner #model-right{
	margin-right:10%;
	width:30%;
}
#others-box .item{
    width:100%;
}
#others-box .item li{
	display:list-item;
	float:left;
	margin-bottom:2%;
	width:23.5%;
}

} /*max-width: 1140px*/

@media screen and (max-width: 1090px) {

.pr_banner{
	right:5%;
	top:10%;
}

.message-top .message-list h3{
	font-size:34px;
}

.pc.ob-list{
	display:none;
}
.sp.ob-list{
	display:block;
}

.global-wrapper h2{
	font-size:28px;

}
.global-wrapper h2 + p{
	margin-left:auto;
	margin-right:auto;
	width:80%;
}

#campusmap-main h2{
	font-size:28px;

}
.fes-detail h2 + p{
	width:65%;
}
.pdf-link{
	width:35%;
}
.table-history th{
	font-size:14px;
}
.table-history td:nth-child(2){
	padding-right:2%;
}
.table-history th,
.table-history td{
	display:block;
	line-height:140%;
	width:100%;
}
.table-history th:before{
	/*content:"● ";*/
}
.table-history td:nth-child(2){
	border-bottom:1px dotted #333;
	text-align:left;
}
.table-history td:nth-child(3){
	font-size:12px;
	line-height:220%;
	padding-bottom:2.5%;
	padding-left:0;
}
.result-data .graph-area{
	margin:0 auto;
	table-layout:auto;
	width:80%;
}
.result-data .graph-area li{
	float:left;
	margin-bottom:5%;
	width:45%;
}
#others-coordinate section .text-area {
    margin-top: 2%;
}
#others-coordinate .float-box .text-area {
    padding-top: 3%;
    width: 100%;
}
#others-coordinate .float-box.img-left img {
    float: none;
    width: 80%;
}
.historia-list {
    width: 80%;
}
.encyclopedia .content th h2 {
    font-size:32px;
}
.encyclopedia .content th h2 span {
    font-size:18px;
}
.graduate-message .float-box h2{
	font-size:34px;
}

} /*max-width: 1090pxpx*/

@media screen and (max-width: 959px) {
/*959以下*/

		.container{
			margin:0 auto 40px;
		}
		header{
			background:none;
			background-color:#741E29;
			height:112px;
		}
		#header-nav-wrap{
			display: block;
			width:100%;
		}
		#logo a{
			margin:0 auto;
		}
		/*#header-icon-nav{
			right:72px;
		}*/
		#header-icon-nav{
			background:#50141C;
			border-top:1px solid #9E626A;
			display:table;
			position:relative;
			margin:10px auto 0;
			right:0;
			width:100%;
		}
		#header-icon-nav li{
			border-right:none;
			border-left: 1px solid #fff;
			display:table-cell;
			float:none;
			font-size:10px;
			text-align:center;
			/*width:25%;*/
			width:33.3333333333333%;
		}
		#header-icon-nav li:first-child{
			border-left:none;
		}
			#header-icon-nav li a{
				color:#fff;
				display:block;
				height:46px;
				line-height:18px;
				padding-top:10px;
				width:100%;
			}
		#header-nav,#nav-wrap{
			display:none;
		}
		#main-slider-wrap {
			margin-top:0;
		}

		.pr_banner,
		.pr_banner_event,
		.pr_banner_mypage,
		.pr_banner_happyou,
		.pr_banner_kongo,
		.pr_banner_happyou_k,
		.pr_banner_kongo_k,
		.pr_banner_op,
		.pr_banner_yamagata,
		.pr_banner_youkou{
			display:none;
		}
		.pr_banner_sp.sp{
			display:block;
		}
		.pr_banner_sp a{
			border:2px solid #741E29;
			display:block;
			margin:5% auto 0;
			padding:4%;
			text-align:center;
			width:90%;
		}
			.pr_banner_sp + .pr_banner_sp a{
				margin:2% auto 0;
			}
		
		#sp-nav{
			display:block;	
		}
			.slider.main li h1{
				font-size:30px;
			}
		.news-line .category a{
			float:left;
			font-size:12px;
			margin-bottom:6px;
			width:100%;
		}
		.news-line .article-title a{
			line-height:150%;
		}
		.news-line h2{
			font-size:20px;
		}
		.news-line li{
			margin-top:25px;
			padding-bottom:25px;
			position:relative;
		}
		
		#press-wrap .year{
			margin-right:10px;
		}
		#press-wrap .month{
			font-size:25px;
			margin-right:20px;
			margin-top:-15px;
			padding:5px 0 0;
			position:relative;
			height: 35px;
			text-align: center;
			width:45px;
		}
		#press-wrap .article-title{
			overflow:hidden;
			width: 37%;
			white-space: nowrap;
			text-overflow: ellipsis;
			-webkit-text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
		}
		
		#special-content{
			padding-top:0;
			position:relative;
			width:100%;
		}
		#special-content-inner{
			background-color:#721E27;
			overflow:hidden;
			position:relative;
			right:0;
			top:0;
			width:100%;
			max-width:initial;
		}

		#special-content-inner .bx-wrapper{
			float:none;
			width:100%;
			max-width:initial;
		}
		#special-content-inner .sub{
			position:relative;
			width:100%;
			max-width:none;
		}
		#special-content-inner .sub li{
			float:left;
			width:50%;
		}
		#special-content-inner .sub li img,
		#special-content-inner .sub2 li img{
			width:100%;
		}
			#special-content .message .en{
				font-size:13px;
				margin-bottom:8%;
			}
			#special-content .message .title{
				font-size:18px;
				margin-bottom:8%;
			}
			#special-content .message .post{
				font-size:12px;
				margin-bottom:1.2%;
			}
			#special-content .message .name{
				font-size:18px;
			}
		
		.degital-pamphlet,
		.interview,
		.zadankai,
		.hogosha-zadankai,
		.shudo-movie{
			margin:0 auto 5%;
			width:95%;
		}
		
.shudo-movie .movie-btn {
    bottom: 4%;
    left: 3%;
}
.shudo-movie .movie-btn p {
	padding-top:17%;
    width: 49%;
}
.shudo-movie .movie-btn a {
	padding-top:34%;
}
		
		#kakugen {
			background:#F0EFEC;
			border:none;
			height:auto;
			padding:3% 0;
			width:100%;
		}
		#kakugen dt {
			font-size:28px;
			margin:0 0 10px 0;
			float:none;
			clear:left;
			text-align:center;
		}
		#kakugen dd {
			margin:0 0 0 0;
			float:none;
			text-align:center;
		}
		
		#footer-wrap{
			padding:0;
			width:100%;
		}
		#footer-wrap #sitemap{
			float:none;
			width:100%;
		}
		#footer-wrap #footer-address{
			float:none;
			margin:0 auto;
			width:85%;
		}
		
		#footer-wrap #sitemap .list{
			float:none;
			margin-right:0%;
		}
		#footer-wrap #sitemap .list p{
			background-position:95% 50%;
			border-bottom:1px solid #904B54;
			font-weight:normal;
			margin-bottom:0px;
			padding:14px 0 14px 28px;
		}
			#footer-wrap #sitemap .list p.pc{
				display:none;
			}
			#footer-wrap #sitemap .list p.sp{
				display:block;
			}
		#footer-wrap #sitemap .list p:hover{
			cursor:pointer;
		}
		#footer-wrap #sitemap .list ul + p{
			margin-top:0;
		}
		#footer-wrap #sitemap .list ul{
			display:none;
		}
			#footer-wrap #sitemap .list ul li{
				background:#982733;
				border-bottom:1px solid #741E29;
				text-indent:3.5em;
			}
			#footer-wrap #sitemap .list ul li a{
				display:block;
				padding:5px 0;
			}
				#footer-wrap #sitemap .list li.link-none{
					background-color:#681C23;
					background-position:94.8% 50%;
					color:#fff;
					text-indent:2.5em;
				}
				#footer-wrap #sitemap .list li.indent{
					text-indent:5em;
				}
		#footer-wrap .address{
			float: inherit;
			margin:27px auto 0;
			width:238px;
		}
		#footer-address .link-btn{
			width:100%;
		}
		.copyright{
			padding:20px 0;
		}

.page-main{
	margin-top:0;
	margin-bottom:5%;
}
	.candidate .page-main,
	.student-parent .page-main{
		margin-top:0;
		margin-bottom:0;
	}
.page-main h1{
	font-size:200%;
}
.page-main h1 span{
	font-size:80%;
}
	.page-main .subhead{
		font-size:18px;
	}
		.page-main h1+p,
		.page-main .subhead+p{
			font-size:15px;
			line-height:150%;
			margin-top:2%;
		}
#crumb, .crumb{ display:none; }
#club-intro h2{
	font-size:155%;
	font-weight:bold;
}

.line-red section, .line-white section, .line-navy section{
	width:68%;
}
#features-one h2,
#features-two h2,
#features-three h2,
#features-four h2,
#shinsei-examination h2,
.newplan h2,
.flp #world h2{
	border-bottom:5px solid #741E29;
	font-size:24px;
	margin-bottom:2.5%;
	padding-bottom:2.5%;
}
	#features-three h2{
		border-bottom:5px solid #fff;
	}
	.flp #world h2{
		border:0;
		margin:0;
		padding-top:5%;
	}
.global-wrapper section .sub-title{
	font-size:24px;
	margin-bottom:2.5%;
	padding-bottom:2.5%;
}
.global-wrapper section .sub-title span,
.global-wrapper section .sub-title2 span span {
    font-size: 15px;
}

.global-wrapper section .sub-title2{
	font-size:24px;
	margin-bottom:2.5%;
	padding-bottom:2.5%;
}

.global-wrapper .feature li h6 {
    font-size: 18px;
}
.global-wrapper .profile ul {
    width: 68%;
}
.global-wrapper .line-white h3 {
    border-bottom: 3px solid #741E29;
    font-size: 18px;
    margin: 5% 0 5%;
    padding-bottom: 3%;
}

/*.feature .global-wrapper section .subtitle {
    border-bottom: 3px solid #741E29;
}
.feature .global-wrapper .feature li h6 {
    border-bottom: 3px solid #741E29;
}*/
.flow-class-list li h3{
	font-size:15px;
}
.flow-class-list li img{
	margin-bottom:5%;
}
.flow-class-list li p{
	font-size:12px;
	line-height:180%;
	margin:0 auto 7%;
	width:80%;
}

.float-box.small.img-right img,
.float-box.img-right img,
.float-box.small.img-left img,
.float-box.img-left img,
.special-interview-wrapper .float-box.img-left img{
	float:none;
	width:100%;
}
.float-box.img-left .text-area{
	float:none;
}
.message .float-box.img-right img,
.message .float-box.img-left img,
.message .float-box .text-area{
     width:100%; 
}
.student-council .float-box.img-left img{
	margin-bottom:5%;
	/*width:49%;*/
	width:100%;
}
.student-council .float-box.img-left .text-area{
	float:none;
	padding-top:8%;
	width:100%;
}

.float-box.small h2,
.float-box h2{
	font-size:18px;
	font-weight:normal;
}
.float-box.small .text-area,
.float-box .text-area{
	width:100%;
}
.message-top .link-btn.movie,
.message-top .float-box .link-btn{
	margin-bottom:10%!important;
	width:100%;
}

.message-top #headmaster .float-box .link-btn{
	margin-bottom:3%!important;
}
.message-top .movie{
	margin:0 auto;
	width:100%;
}
.message-top .movie a{
	background-position:center 96%;
	margin-bottom:4px;
	padding: 8px 0 80px 0;
	text-align:center;
	width:100%;
}
.message-top .movie span.float-text{
	position:relative;
}

#chitoku-one .text-area, #chitoku-four .text-area {
    width:100%;
}
#chitoku-one h2, #chitoku-two h2 {
	border-bottom:5px solid #fff;
    font-size: 55px;
    margin: 0 0 5%;
    padding-bottom: 5%;
}
#chitoku-one img, #chitoku-four img {
    width: 100%;
}
#chitoku-two h2 {
    border: none;
    color: #221815;
    font-size: 100px;
    margin: 1.5% 0 1%;
    padding: 0;
    text-align: center;
}
#chitoku-two .subhead2 + p {
    width:90%;
	max-width:none;
}
#chitoku-one .line-red section, #chitoku-four .line-navy section {
    width: 90%;
}

#school-life h2{
	border-bottom:8px solid #741E29;
	font-size:24px;
	margin-bottom:3%;
	padding-bottom:2.5%;
}
		#school-life .float-box .person{
			width:22%;
		}
		#school-life .float-box .time img {
			width: 35%;
		}
		#school-life .float-box .time ul{
			width:35%;
		}
		#school-life .float-box .time li p {
			font-size: 13px;
		}
		#school-life .seifuku{
			padding-left:0px;
			margin:0% 0 0 0%;
			position:relative;
			width:100%;
		}
		#school-life .seifuku:before{
			content:"";
			border-top:none;
			border-right:none;
			border-bottom:none;
			border-left:none;
		}
		#school-life .seifuku:after{
			content:"";
			border-bottom:none;
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
		}
#course-content .course-content-list li h5{
	font-size:20px;
}
#course-content .course-content-list li div h6{
	font-size:13px;
}
.course-content-list li p{
	font-size:12px;
}
.talk-article dl {
    width: 75%;
}
.float-box.img-left .text-area img {
    width:100%;
}
	.float-box.img-left .text-area .flag img {
		width:30%;
	}
.qa ul li{
    display:list-item;
	margin:0 auto 5.5%;
	padding:0;
    width:90%;
}
.qa ul li:first-child{
	border-right:none;
}
.qa .question {
    font-size:16px;
}
#events-title{
	background:none;
}
.events .float-box .text-area{
	width:100%;
}
.events h3 +p{
	margin-bottom:5%;
}
.events .float-box .link-btn,
.float-box .link-btn-red {
	line-height:40px;
	margin-bottom:5%;
    width: 100%;
}
.events-detail{
	width:90%!important;
}
.events-detail h2{
	font-size:32px;
}
.events h2 span{
	font-size:24px;
}
#responsibility-content .float-box .text-area{
	margin-top:0;
}
#responsibility-content .img{
	margin:0 auto;
	width:70%;
}
#responsibility-content .img img{
	width:100%;
}
#responsibility-content .img img + span{
	float:none;
	width:100%;
}
#responsibility-content .img span img{
	width:100%;
}
#clothes-box .inner .center-box{
	position:relative;
	top:0;
	left:0;
	margin-left:0;
	margin-bottom:5%;
	width:100%;
}
#clothes-box .inner #model-left,
.clothes-grader2 #clothes-box .inner #model-left{
	margin-left:10%;
	width:30%;
}
#clothes-box .inner #model-right,
.clothes-grader2 #clothes-box .inner #model-right{
	margin-right:10%;
	width:30%;
}
#others-box .item{
    width:100%;
}
#others-box .item li{
	display:list-item;
	float:left;
	margin-bottom:2%;
	width:23.5%;
}
.annual-event h2 {
    font-size:28px;
}
.table-grader{
    display:none;	
}
.table-grader-sp{
    display:block;
	border-collapse:collapse;	
	margin-top:5%;
}
.table-grader-sp tbody th{
	font-size:24px;
}
.movie-list li img{
	height:120px;
}

.special-interview-wrapper p, .special-interview-wrapper dt, .special-interview-wrapper dd {
    font-size: 12px;
    line-height: 180%;
}
.special-interview-wrapper h2 {
    margin: 1.5% 0 2%;
}
.special-interview-wrapper h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 2% 0;
}
.special-interview-wrapper h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 1.5%;
}
.special-interview-wrapper .center-text {
    margin: 2% auto;
    width: 68%;
}
.special-interview-wrapper .float-box .text-area {
    padding-top: 2.5%;
}
.special-interview-wrapper .profile ul {
    width: 85%;
}
.special-interview-wrapper .talk-article .img {
    margin-bottom: 20px;
}
	
#club-list h3{
	font-size: 25px;
	margin-bottom: 30px;
}

} /*max-width: 959px*/


@media screen and (max-width: 860px) {
/*860以下*/
#features-one h2 + p,
.newplan .pbl-disc,
.newplan h2 + p{
	width:90%;
}
.course-content-list li div h3{
	font-size:15px;
}		
#features-two section .text-area{
	float:none;
	margin-bottom:5%;
	width:100%;
}
	#features-two section p.subhead2{
		font-size:16px;
	}
#features-two section img{
	float:none;
	width:100%;
}
	#features-two section + section img{
		float:none;
		width:100%;
	}
#features-two section .red-box div{
	float:none;
	padding:3% 0 3.6%;
	width:100%;
}
#features-four h2 + p{
	width:90%;
}
		.flow-class-list{
			display:list-item;
			margin:0 auto;
			table-layout:auto;
		}
		
		.flow-class-list li{
			border-left:none;
			border-top:1px solid #C3C3C3;
			display:list-item;
			margin-top:5%;
			padding-top:5%;
		}
		.flow-class-list li:first-child{
			border-top:none;
		}
		
		.flow-class-list li h3{
			font-size:15px;
			margin-bottom:3%;
		}
		.flow-class-list li img{
			margin-bottom:3%;
		}
		.flow-class-list li p{
			font-size:12px;
			line-height:180%;
			margin:0 auto 7%;
			width:80%;
		}
#club-intro h2 + p{
	line-height:150%;
}
#campusmap-detail h4{
	font-size:15px;
}
#campusmap-detail ol li p{
	font-size:12px;
	line-height:150%;
	margin:5% auto 0;
	width:90%;
}
.vr-btn{
	margin-left:auto;
	margin-right:auto;
	width:90%;
}

.map-list{
	width:90%;
}
.clothes-link-box{
	padding:130px 0 0;
	width:155px;
}
.clothes-link-box:after{
    margin-top: -65px;
}
.clothes-link-box .en{
	font-size:10px;
}
.clothes-link-box .title{
	font-size:25px;
}
.clothes-link-box .title + p{
	font-size:12px;
}
.clothes-link-box .link-btn{
	margin-left:15%;
	width:70%;
}
.mesage-list-wrapper.text-none .message-list h3 {
    font-size:16px;
}
.mesage-list-wrapper.text-none .message-list ul{
	display:block;
	table-layout:auto;
}
    .mesage-list-wrapper.text-none .message-list .col3{
		margin:0 auto;
		width:70%;
	}
    .mesage-list-wrapper.text-none .message-list .col4{
		margin:0 auto;
		width:70%;
	}
	.mesage-list-wrapper.text-none .message-list .col5{
		margin:0 auto;
		width:70%;
	}
	.mesage-list-wrapper.text-none .message-list .col6{
		margin:0 auto;
		width:70%;
	}
.mesage-list-wrapper.text-none .message-list ul li{
	display:inline-block;
	width:45%;
}
.mesage-list-wrapper.text-none .message-list ul li img{
	width:100%;
}
.mesage-list-wrapper.text-none .message-list figure {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width:100%;
}
.mesage-list-wrapper.text-none .message-list li:nth-child(odd){
	margin-right:5%;
}
.mesage-list-wrapper.text-none .message-list.last li:nth-child(1),
.mesage-list-wrapper.text-none .message-list.last li:nth-child(6){
	display:none;
}
.mesage-list-wrapper.text-none .message-list.last li:nth-child(2),
.mesage-list-wrapper.text-none .message-list.last li:nth-child(4){
	margin-right:5%;
}
.mesage-list-wrapper.text-none .message-list.last li:nth-child(odd){
	margin-right:0;
}
#policy-one h2{
	font-size:82px;
}
.table-history tr.num1 td:nth-child(3),
.table-history tr.num2 td:nth-child(3),
.table-history tr.num3 td:nth-child(3),
.table-history tr.num4 td:nth-child(3){
	background:none;
}
.guidance-wrapper .inner .content{
    padding: 3% 0;
    width: 100%;
}
.guidance-wrapper h2{
	font-size:38px;
}
.guidance-wrapper .concept{
	font-size:16px;
	padding:2% 0;
}
.guidance-wrapper h3{
	font-size:18px;
	width:90%;
}
.guidance-wrapper ul{
	margin:0 auto 5%;
	width:80%;
}
.guidance-wrapper ul h4{
	font-size:15px;
}
.guidance-wrapper ul h4 + p{
	font-size:12px;
    line-height:150%;
	margin-bottom:5%;
}
.guidance-wrapper ul li.one-column p{
	font-size:12px;
    line-height:150%;
}
.guidance .suport h4{
	font-size:24px;
}
.results-wrapper h2{
	font-size:32px;
}
.results-wrapper h3{
	font-size:18px;
}
.results-wrapper section{
    width: 92.7%;
}
.results-wrapper section .graph-area{
	float:none;
	width:100%;
}
.results-wrapper section .graph-area + img{
	display:none;
}
.table-results tbody td{
	padding-right:0%;
}
.result-data .graph-area{
	width:90%;
}
.result-data .graph-area li{
	width:47%;
}
.result-data h3{
	font-size:18px;
}

/*.actual-results .private{
	width:90%;
}*/
.time-schedule-wrapper section{
    width: 100%;
}
.table-schedule h2{
	font-size:32px;
}
.table-schedule th{
	display:list-item;
	padding:2% 5%;
	width:90%;
}
.table-schedule th.col{
	width:100%;
}
.table-schedule td{
	display:list-item;
	text-align:center;
	width:100%;
}
.admission-wrapper section .title{
	font-size:24px;
	margin-bottom:3%;
}
.admission-wrapper section .subtitle{
	font-size:18px;
}
.admission-wrapper section .head{
	font-size:15px;
}
.table-admission th,
.table-admission td{
	font-size:12px;
}
.pamphlet-list h2{
	font-size:32px;
}
.pamphlet-list li,
.pamphlet-list li p{
	font-size:12px;
}
#others-coordinate .float-box.img-left img {
    width: 100%;
}
.exam-box{
    width:90%;
}
.exam-box h2{
	font-size:18px;
}
.exam-box h5{
	font-size:18px;
}
.exam-box h6{
	font-size:16px;
}
.movie-list li img{
	height:90px;
}
.movie-list li p a {
    font-size: 12px;
}
.internet-application-desc{
    width:90%;
}
.internet-application-desc h2{
    font-size:28px;
}
.internet-application-desc h3{
    font-size:18px;
}
.internet-application-desc .link-btn-red{
	width:50%;
}
.graduate .exam-box ul.kanren-link li.link-btn-red{
	font-size:15px;
}
	
#donation-h2{
	font-size: 32px;
}
#donation-h2 + p{
	font-size:16px;
}
	
.message-back{
	padding-bottom: 5%;
}
#message-from .float-box{
	border-bottom: none;
	margin: 0 0 10%;
}
#message-from .title{
	margin: 0 auto;
	max-width: 450px;
	width: 90%;
}
#message-from h2{
	font-size: 20px;
}
#message-from .float-box .person{
	border-bottom: 1px dotted #666666;
	float: inherit;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}	
#message-from .float-box .person img{
	width: 45%;
	max-width: 200px;
}	
#message-from .float-box .desc{
	float: inherit;
	width: 100%;
}
#message-from .float-box .desc h4{
	font-size: 20px;
}
	#message-from .comment2 .desc{
		margin-left: 0;
	}

.newplan .desc,
.flp .desc{
	width: 90%;
}
.flp  .page-main h1+p img{
	width: 200px;
}
.flp h3{
	font-size: 23px;
}
	
#club-list .sports,
#club-list .culture{
	width: 100%;
}
#club-list section{
	margin: 0 3%;
}
	
} /*max-width:860px*/

@media screen and (max-width: 720px) {
#features-three section p.subhead2 {
    font-size: 16px;
}
		#school-life .float-box .person{
			width:35%;
		}
		#school-life .float-box .time img {
			width:60%;
		}
		#school-life .float-box .time ul{
			clear:both;
			float:none;
			padding-top:3%;
			margin:0 auto;
			width:90%;
		}

		#school-life.student-comment .float-box .person{
			width:33%;
		}
		#school-life.student-comment .float-box .time ul{
			clear:none;
			float:left;
			padding-top:0;
			width:60%;
		}
		#school-life.student-comment .float-box .time li p.text {
			font-size: 12px;
		}
		#school-life.student-comment .float-box .time .comment strong{
			font-size:13px;
		}

		#school-life .seifuku{
			margin:0 auto;
			width:90%;
		}
		#school-life .float-box .time li{
			margin-bottom:3%;
		}
		#school-life .seifuku .inner {
			height: auto;
			padding: 20px 20px 10px;
		}
		#school-life .seifuku .inner li {
			font-size: 13px;
		}
		#school-life .seifuku .inner li + li {
			font-size: 12px;
		}
.course-content-list{
	display:list-item;
	table-layout:auto;
	width:100%;
}
	.course-content-list + .course-content-list{
		margin-top:4%;
	}
.course-content-list li{
	display:list-item;
	margin-bottom:8%;
	text-align:center;
	vertical-align:middle;
}
	#world .course-content-list li{
		margin-bottom:0;
		padding-bottom:8%;
	}
.course-content-list li div,
.newplan #ict-box .course-content-list li div{
	margin:0 auto;
	position:relative;
	width:100%;
}
.newplan #ict-box .note{
	margin:1% auto 0;
}
.course-content-list li div img{
	width:100%;
}
	.flp .course-content-list div{
		margin: 0; 
		width: 100%;
	}
	.flp .course-content-list li:last-child div{
		margin: 0; 
	}
#course-content .course-content-list li h5{
	font-size:16px;
	width:100%;
}
.course-content-list li p{
	margin: 2% auto 0;
	width:100%;
}

.contents-list-tab li,
.contents-list-tab li.select{
	border-width:2px;
	font-size:15px;
	font-weight:normal;
	margin-bottom:2.5%;
	padding:7% 0 7% 12%;
}

.content-menu .menu-list{
	float:none;
	margin:0;
	width:100%;
}
#talk-pagetop h2{
	font-size:24px;
	line-height:90%;
	margin:2% 0;
}
#talk-pagetop h2 .sup{
	font-size:16px;
}
#talk-pagetop h2 .un{
	font-size:16px;
}
#talk-pagetop .desc {
    font-size: 13px;
	line-height:150%;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}
.talk-article section {
    padding: 15% 0 5%;
    width: 100%;
}
.talk-article h3,
.message-interview .talk-article h3 {
    font-size:15px;
    margin-bottom: 5%;
	margin-right:auto;
	margin-left:auto;
    padding-bottom: 4%;
    letter-spacing: 0px;
	width:95%;
}
	.message-interview .talk-article h3:before{
		font-size:20px;
	}
	.message-interview .talk-article .text{
		width: 90%;
	}
.message-interview .talk-article dl + h3 {
    margin-top:15%;
}
#talk-pagetop .name {
    font-size: 13px;
}
.talk-article dl {
    margin: 0 auto 5%;
	width: 90%;
}
.talk-article dt {
    font-size: 13px;
    float: left;
    width: 10%;
}
.talk-article dd {
    font-size: 12px;
    float: right;
    line-height: 150%;
    width: 88%;
}
.message-interview .talk-article dt {
    width: 22.666666%;
}
.message-interview .talk-article dd {
    width: 72%;
}
.global-wrapper h2{
	font-size:18px;
}
.global-wrapper section .subtitle {
    font-size: 18px;
}
#campusmap-main h2{
	font-size:18px;

}
#events-title h2{
	font-size:28px;
}
.events .events-detail h3{
	margin-bottom:3%;
}
.pdf-link{
	width:80%;
}
.access .map{
	display:none;
}
.map-detail img{
	float:none;
	margin-bottom:5%;
	width:100%;
}
.map-detail .text-area{
	float:none;
	width:100%;
}
.result-data .graph-area li h4{
	font-size:14px;
}
.result-data h4.fukidashi{
	font-size:14px;
}
.result-data .graph-area li{
	display:block;
	float:none;
	margin:0 auto 5%;
	width:70%;
}
.result-data .graph-area li img{
	width:100%;
}
.pamphlet-list.column1 ul,
.pamphlet-list.column2 ul{
	width:100%;
}
.pamphlet-list li{
	display:list-item;
	float:left;
	margin-bottom:5%;
	width:45%;
}
  .pamphlet-list.column1 li{
	  float:none;
	  margin: 0 auto 5%;
  }
  .pamphlet-list.column1 li p{
  }

.pamphlet-list li:nth-child(even){
	float:right;
}
.pamphlet-list ul.list2 li:nth-child(1),
.pamphlet-list ul.list2 li:nth-child(4){
	/*display:none;*/
}
.news section.school-blog{
    width:100%;
}
.news article section{
	background: #fff;
    margin: 0 auto;
    padding: 1% 5% 5%;
    width:90%;
}
.news .article h2{
	color:#51141D;
	font-size:18px;
	font-family:"A1明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:5%;
	text-align:center;
}
.news .article p{
	font-size:12px;
}
.student-parent .admission-wrapper section ul li{
	display:list-item;
	text-indent:-1.5em;
}
.student-parent .admission-wrapper .category-desc li:first-child {
    border-right:none;
}
.historia-list {
    width:90%;
}
#chitoku-one h2, #chitoku-two h2 {
    font-size: 32px;
    margin: 0 0 5%;
    padding-bottom: 5%;
}
#chitoku-two h2 {
    font-size:50px;
    margin: 1.5% 0 1%;
}
#chitoku-two .subhead, #chitoku-four .subhead {
    font-size: 14px;
    text-align:center;
}
#chitoku-four dt {
    font-size:28px;
    text-align:center;
	width:auto;
}
#chitoku-four dd {
    padding-left:0%;
    text-align:center;
    width:auto;
}
#chitoku-four dd:before {
    content: '';
    border-top:none;
}
.global-wrapper .feature li h6 {
    font-size: 15px;
}
	.flp .feature li h6 small {
		font-size: 15px;
	}
.global-wrapper .text-on h5,
.global-wrapper .image-center h5{
    font-size: 15px;
}
.global-wrapper .feature li {
    padding-left: 32px;
}

.special-interview-wrapper p,
.special-interview-wrapper dt,
.special-interview-wrapper dd{
	font-size:13px;
	line-height:180%;
}
.special-interview-wrapper .center-text{
    width: 95%;
}
.special-interview .page-main {
    background-image: url(../images/page-title/special-interview_title_back_sp.jpg);
}

} /*max-width: 720px*/

@media screen and (max-width: 690px) {
.float-box h2 {
    font-size:20px;
	margin:5% 0;
}
.float-box .text-area .name{
	font-size:28px;
}
	.grader1 .float-box .text-area .name,
	.grader2 .float-box .text-area .name,
	.grader3 .float-box .text-area .name,
	.shinsei .float-box .text-area .name{
		font-size:13px;
	}
.float-box .name span {
    font-size:20px;
}
.float-box .text-area p {
    line-height: 160%;
}
.profile{
	padding:7.5% 0;
}
.profile ul {
    margin: 0 auto;
    width: 80%;
}
.profile ul li:first-child {
    float: none;
	margin:0 auto;
	width:180px;
}
.profile ul li {
    float: none;
    width: 100%;
}
.profile .en {
    margin: 3% 0 2%;
}
.profile .name {
    font-size: 13px;
    margin-bottom: 2%;
}
.talk-wrapper .pager {
    width: 95%;
}
#campusmap-detail ol{
	display:block;
	table-layout:auto;
	width:100%;
}
#campusmap-detail ol li{
	display:list-item;
	padding:5% 0;
	position:relative;
	text-align:center;
}
	#campusmap-detail ol #cmap17,
	#campusmap-detail ol #cmap18{
		display:none;
	}
#campusmap-detail h4{
	margin-bottom:5%;
}
.global-wrapper .category-desc li,
.global-wrapper .float-image li {
    display: list-item;
	margin-bottom:5%;
    padding: 0 4%;
    text-align: center;
}
.events h3,
.events h3 span{
	font-size:24px;
}
.events-detail .main-column{
	float:none;
	width:100%;
}
.events-detail .sub-column{
	float:none;
	margin-top:0%;
	width:100%;
}
.fes-detail .subhead{
	font-size:15px;
}
.fes-detail h2{
	font-size:18px;
}
.fes-detail h2 + p{
	width:90%;
}
.school-tour .subhead,
.school-tour .subhead span{
	font-size:15px;
}
.school-tour h2{
	font-size:18px;
}
.school-tour h2 + p{
	width:90%;
}
.school-tour .sup{
	width:90%;
}
#clothes-box .inner .center-box .en{
	font-size:10px;
	margin-bottom:2%;
	padding-bottom:2%;
}#clothes-box .inner .center-box h2{
	font-size:20px;
	margin-bottom:5%;
}
#clothes-box .inner .center-box h2 span{
	font-size:15px;
}
#shinsei-examination .float-box.img-left img{
	margin-bottom:5%;
}
#shinsei-examination .float-box.img-left img,
#shinsei-examination .float-box.img-left img + p{
	float:none;
	width:100%;
}
.shinsei #school-life .float-box .person{
	margin-top:0;
}
.annual-event h2 {
    font-size:18px;
}
#policy-four .float-box.img-left img{
	float:none;
	margin-left:34%;
    width: 32%;
}
#policy-four .float-box.img-left p {
	float:none;
	line-height:160%;
	margin:0 auto;
	padding-top:5%;
    width:90%;
}
#policy-five h4{
	font-size:18px;
}
#policy-five .text-area{
	float:none;
}
.map-detail .text-area table{
	margin-bottom:5%;
}
.map-detail .text-area table caption{
	font-size:15px;
}
.map-detail .text-area table th,
.map-detail .text-area table td{
	display:block;
	font-size:12px;
}
.map-list ol{
    float: none;
    padding-bottom: 0;
}
.map-list ol + ol{
    float: none;
}
.map-list ol.last{
    padding-bottom: 5%;
}

.guidance-wrapper .tab li{
	font-size:13px;
	padding:1.5% 0;
	width:32%;
}
.table-results th,
.table-results td{
	font-size:12px;
}
.result-data .graph-area li{
	width:80%;
}
.actual-results .results-map h4{
	font-size:15px;
	width:90%;
}
.table-schedule th{
	padding:5% 5%;
}
.table-schedule h2{
	font-size:24px;
	margin-bottom:1%;
}
.table-schedule h2 span{
	font-size:15px;
}
.table-schedule .col{
	font-size:15px;
}
.encyclopedia .content th,
.encyclopedia .content td{
    display:list-item;
	width:96%;
}
.encyclopedia .content th h2 {
    font-size:28px;
}
.encyclopedia .content td{
   border-left:none;
   border-bottom:1px solid #741E29;
}
.encyclopedia .content td.en{
   border:none;
}
.movie-list li {
    float:none;
    margin-left:0%;
    width: 100%;
}
.movie-list li img {
    height: auto;
	width:100%;
}
.historia-list li{
	font-size:16px;
}
.historia-list li span{
	font-size:12px;
}
#others-coordinate section h3 {
    font-size:18px;
}
.countermeasure .exam-box h4 {
    font-size:18px;
}
.internet-application-desc ul li{
    font-size:13px;
}
.internet-application-desc h2{
    font-size:18px;
}
.internet-application-desc h3{
    font-size:14px;
}
.internet-application-desc h4{
    font-size:14px;
}
.internet-application-desc .box p{
	font-size:14px;
}
.table-admission.payment1,
.table-supplement.payment1{
	width:100%;
}
.table-admission.payment3 tbody td{
	width:16%;
}
.column div{
	margin:0 auto;
	width:90%;
}
.special-interview-wrapper .talk-article dl {
    line-height: 180%;
    width: 95%;
}
.special-interview-wrapper .talk-article dt {
    width: 18%;
}
.special-interview-wrapper .talk-article dd {
    width: 81%;
}
	.download-top .exam-box ul.kanren-link{
		width:100%;
	}
.admission-wrapper section.syllabus-list ul li {
    display:list-item;
}

.graduate-message .float-box h2{
	font-size:30px;
}

} /*max-width: 690px*/

@media screen and (max-width: 579px) {
/*579以下*/
		.pc{ display:none; }
		.sp{ display:block; }
		
		h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form,
		article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
			font-size:12px;
		}
		
		/*header{
			height:112px;
		}
		#logo a{
			margin:0 auto;
		}*/
		/*#header-icon-nav{
			border-top:1px solid #fff;
			position:relative;
			margin:18px auto 0;
			right:0;
			width:333px;
		}*/
		/*#header-icon-nav{
			background:#50141C;
			border-top:1px solid #9E626A;
			display:table;
			position:relative;
			margin:10px auto 0;
			right:0;
			width:100%;
		}
		#header-icon-nav li{
			border-right:none;
			border-left: 1px solid #fff;
			display:table-cell;
			float:none;
			font-size:10px;
			text-align:center;
			/*width:25%;*/
			/*width:33.3333333333333%;
		}
		#header-icon-nav li:first-child{
			border-left:none;
		}
			#header-icon-nav li a{
				color:#fff;
				display:block;
				height:46px;
				line-height:18px;
				padding-top:10px;
				width:100%;
			}959*/
			.slider.main li h1{
				font-size:20px;
				font-weight:bold;
				width:29%;
			}
			.slider.main li h1 span{
				display:none;
			}
		.news-press{
			float:none;
			margin-top:24px;
			width:100%;
		}
		.news-line{
			border:1px solid #e5e5e5;
			float:none;
			margin:25px auto 25px;
			padding:8%;
			width:80%;
		}
		.news-line .category a{
			float:none;
		}
		.news-line li {
			margin-top:25px;
			padding-bottom:25px;
		}
		#entrance-wrap {
			float:none;
			margin:0 auto 25px;
			width:95%;
		}
		#fb-wrap {
			float:none;
			margin:0 auto 25px;
			width:95%;
		}

		#fb-wrap .fb-cover{
			background:url(../images/top/facebook_back_sp.jpg) no-repeat 0 center;
			background-size:cover;
			float:none;
			height:170px;
			margin-bottom:5%;
			width:100%;
		}
		#fb-wrap .fb-cover .logo{
			background:#fff;
			border:1px solid #627383;
			display:block;
			padding:2.5% 0 2.5%;
			margin-top:0;
			text-align:center;
		}
		#fb-wrap .fb-cover .logo img{
			width:55%;
		}
		.fb-cover .link-list {
			margin: 45px 0 0;
		}
		#fb-wrap .fb-page{
			float:none;
			width:100%;
		}

		#entrance-wrap .btn img{
		}
		#press-wrap {
			float:none;
			margin:0 auto;
			width:95%;
		}
		#press-wrap h3{
			font-size:15px;
			margin-bottom:5%;
			padding-bottom:5%;
		}
		#press-wrap .article-title{
			overflow:hidden;
			width: 50%;
			white-space: nowrap;
			text-overflow: ellipsis;
			-webkit-text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
		}
		#press-wrap .link-list{
			margin:25px 0;
		}
		#press-wrap .link-list a{
			position:relative;
			/*left:50%;
			margin-left:-78px;*/
		}
		
		#special-title{
			font-size:15px;
			padding:3% 0;
			width:95%;
		}
		#special-content .message{
			padding:3% 0 5%;
		}
			#special-content .message .en{
				font-size:12px;
				margin-bottom:3%;
			}
			#special-content .message .title{
				font-size:15px;
				margin-bottom:5%;
			}
			#special-content .message .post{
				font-size:12px;
				margin-bottom:1.2%;
			}
			#special-content .message .name{
				font-size:14px;
			}
			#message ul{
				position:relative;
				width:100%;
			}
		#special-content-inner .bx-wrapper{
			float:none;
			width:100%;
		}
		.slider2 img {
			float:none;
			margin:0 auto 0;
			/*width:78%;*/
			width:100%;
		}
		.slider2 div{
			float:none;
			width:100%;
		}
		#special-content-inner .sub li,
		#special-content-inner .sub2 li{
			float:none;
			width:100%;
		}
		
		#top-blog h5{
			margin-bottom:3%;
		}
		#top-blog h5 + .en{
				font-size:14px;
				margin-bottom:5%;
		}
		#top-blog ul{
			margin:0 auto;
			width:85%;
		}
		#top-blog li{
			background:none;
			border:none;
			display:block;
			margin-bottom:15%;
			padding-top:0;
		}
		#top-blog li .category{
			font-size:14px;
			margin-bottom:3%;
			padding:0 0 3% 0;
		}
		#top-blog li .category:before{
			content:url("../images/icon/icon_blog.gif");
		}
		#top-blog li .date{
			margin-bottom:5%;
		}
		#top-blog li .blog-title{
			margin-bottom:5%;
		}
		
		#top-blog .link-list{
			margin-top:5%;
		}

		.page-main .subhead{
			font-size:15px;
			line-height:120%;
			padding:0 5%;
		}
			.page-main h1+p,
			.page-main .subhead+p{
				font-size:12px;
				line-height:140%;
				margin-top:3%;
				padding:0 5%;
			}
		
		#kakugen dt {
			font-size:20px;
		}

		.loopslider {
			height:210px;
		} 
		.loopslider ul {
			height:210px;
		}
		.loopslider ul li {
			width:350px;
			height:210px;
		}

		.club .loopslider {
			height: 187px;
		} 
		.club .loopslider ul {
			height: 187px;
		}
		.club .loopslider ul li {
			width:85px;
			height: 187px;
		}

		#cboxContent .inner > div img{
			display:none;
			float:none;
			/*margin-left:auto;
			margin-right:auto;
			width:100%;*/
		}
		#cboxContent .inner .text-area{
			float:none;
			width:100%;
		}
#club-intro h2 + p{
	font-size:116%;
	width:90%;
}
#club-intro p + p{
	width:90%;
}
.petbottle1, .petbottle2{display:none;}

.line-red section, .line-white section, .line-navy section{
	width:100%;
}
.float-box.small .text-area,
.float-box .text-area,
.message .float-box.small .text-area,
.message .float-box .text-area{
	margin:0 auto;
	width:90%;
}
		.flow-class-list li img{
			width:90%
		}
		.flow-class-list li p{
			width:90%;
		}

.line-red.class,
.line-white.class{
	padding:0 0 2.5%;
}
.class .text-area h4,
.line-beige.class .text-area h4,
.line-red.class .text-area h4{
	border-width:3px;
	font-size:19px;
}

.class .float-box > img{
    width: 90%;
    margin: 0 auto 0;
    display: block;
    padding: 5% 0 0;
}

.global-wrapper .profile ul {
    width: 90%;
}

.message-top .link-btn.movie a{
	background-image:none;
	padding-left:0;
	padding-right:0;
	line-height:60px;
}
.message-top .mesage-list-wrapper.teacher{
	padding-top:5%;
}
.message-top .mesage-list-wrapper{
	padding:0;
}
.message-top .message-list + .message-list{
	margin-top:0;
}
.message-top .message-list h3{
	font-size:24px;
	padding-bottom:2%;
}
.message-list h4{
	font-size:24px;
}
.message-list .col3 img,
.message-list .col5 img,
.message-list .col6 img{
	width:85%;
}
.message-list .col3 p,
.message-list .col4 p,
.message-list .col5 p,
.message-list .col6 p{
	width:90%;
}
.message-top .message-list .link-btn-red,
.message-top .message-list .link-btn{
	line-height:40px;
}

.shudo-movie .movie-btn {
    left: 16.5%;
    width: 70%;
}

#school-life .seifuku .inner ul{
	float:none;
	width:100%;
}
#school-life .seifuku .inner p.link-btn-red{
	float:none;
	width:100%;
}
.talk-wrapper .pager .link-btn-red {
    font-size: 13px;
    line-height: 45px;
}
#campusmap-main .map-area{
	width: 90%;
}
.map-area ul{
	display:none;
}
.map-list ol{
	padding-bottom:0;
}
.map-list ol.last{
	padding-bottom:5%;
}
.map-list h3{
	font-size:15px;
}
#campusmap-main .map-area .image-text{
    bottom: 7%;
}
.map-list ol li a{
	font-size:13px;
}
	.map-list h3 span{
		display:block;
		font-size:12px;
		position:relative;
		top:auto;
		margin-top:0;
    	left:auto;
   	 	width: auto;
	}

#campusmap-detail ol li{
	padding:10% 0;
}
.events .float-box .text-area{
	width:90%;
}
.events h3,
.events h3 span{
	font-size:18px;
}
#events-title h2{
	font-size:18px;
	padding:0 0 4%;	
}
#responsibility-content .img{
	width:100%;
}
.events-detail h2{
	font-size:18px;
}
.events h2 span{
	font-size:18px;
	margin-left:8px;
}
.clothes-link-box{
	padding:40px 0 0;
	width:120px;
}
.clothes-link-box:after{
    display:none;
}
.clothes-link-box .link-btn{
	margin-left:10%;
	width:80%;
}
#akira .inner h4{
	font-size:18px;
	margin-bottom:5%;
	padding-left:16px;
}
#akira .inner h4:before{
	content:" ";
	background:#fff;
	height:10px;
	position:absolute;
	top:6px;
	width:10px;
}
#akira .inner h4 span{
	display:block;
	font-size:13px;
	margin:2% 0 0 0;
}
#akira .profile p{
	font-size:12px;
	line-height:160%;
}
.mesage-list-wrapper.text-none .message-list figure p {
    font-size: 10px;
    bottom: 5px;
    left: 5px;
    line-height: 120%;
}
#policy-one h2{
	font-size:32px;
}
#policy-two dl{
	margin:0 auto 2%;
	width:auto;
}
#policy-two dt{
	font-size:32px;
    float:none;
	text-align:center;
	width:auto;
}
#policy-two dd{
	font-size:15px;
    float:none;
	margin-top:0;
	padding-left:0;
	text-align:center;
	width:auto;
}
#policy-three h3{
	font-size:32px;
}
.guidance-wrapper h2{
	font-size:24px;
}
.guidance-wrapper ul li.img-right img{
	margin-top:0;
}
.guidance-wrapper .concept{
	font-size:14px;
}
.guidance-wrapper h3{
	font-size:15px;
}
.guidance-wrapper ul li.float-box h4{
	float:none;
    width:95%;
}
.guidance .suport h4{
	font-size:18px;
}
.result-data .graph-area li{
	width:100%;
}
.list-style-desc{
	width:90%;
}
.admission-wrapper section .subtitle {
    margin: 0 auto 2%;
}
.admission-wrapper section .head {
    font-size:14px;
}
.admission-wrapper .category-desc li{
	display:list-item;
	padding:0 4%;
	text-align:center;
}
.admission-wrapper .category-desc li:first-child{
	margin-bottom:5%;
	border-right:none;
}
.pamphlet-list h2,
.pamphlet-list h2.small-txt{
	font-size:18px;
}
.pamphlet-list li .link-btn-red{
	line-height:30px;
	width:98%;
}
.encyclopedia .float-box.img-left .text-area img {
	margin-bottom:0;
    width: 100%;
}
.encyclopedia .content th h2 {
    font-size:18px;
}
.encyclopedia .content th h2 span {
    font-size:13px;
}
.encyclopedia .content td {
    font-size: 12px;
}
.encyclopedia .float-box.img-left img {
    float:none;
    width:100%;
}
.encyclopedia .float-box.img-left .text-area {
    float:none;
    width:100%;
}
.float-box .text-area p + img {
    margin-top:5%;
}
.content-menu .menu-list ul {
    text-indent:0em;
}
.exam-box h2{
	font-size:15px;
}
.exam-box h2 span{
	font-size:13px;
}
.exam-box h4 {
    padding-left:.5em;
}
.exam-box h5{
	font-size:16px;
}
.exam-box h6{
	font-size:13px;
}
.exam-box p {
    padding-left: 1em;
    line-height: 150%;
}
.exam-box .indent {
    padding-left:3px;
}
.graduate .exam-box ul.kanren-link li.link-btn-red{
	width:49.3%;
}
.graduate .exam-box ul.kanren-link {
    padding-left: 0;
}
.graduate .exam-box ul.kanren-link li.link-btn-red {
	margin-bottom:2%;
    width:100%;
}
.table-exam-results.long th,
.table-exam-results.long td{
    padding:3px 
}
.admission-wrapper section.syllabus-list ul li {
    display:list-item;
}
.admission-wrapper section.syllabus-list ul li h2,
.admission-wrapper section.syllabus-list ul li p{
	text-align:center;
}
	
.syllabus .admission-wrapper section.syllabus-list ul{
	margin-bottom: 0;
}
.syllabus .admission-wrapper section.syllabus-list ul li{
	margin-bottom: 2%;
}
.syllabus .admission-wrapper section.syllabus-list ul li p{
	text-align: left;
}

.table-admission.long.pc{ 
	display:none; 
}
.table-admission.long.sp{ 
	display:block; 
	width:100%;
}
.link-btn-messagetop {
    font-size: 13px;
    line-height: 45px;
}
.link-btn-messagetop a {
    line-height: 45px;
}

.special-interview-wrapper .image-center {
    width:100%;
}
.special-interview-wrapper h3 {
    font-size: 15px;
    margin: 2% 0;
}
.special-interview-wrapper .float-box .text-area {
    width:95%;
}
	
#donation-teacher{
	width: 266px;	
}
	
#donation-hayashi{
	margin-bottom: 3%;
}

#donation-tahara{
	width: 267px;
}

.donation .link-btn-red a{
	padding: 15px 1.2em 15px 2em;
}

} /*max-width: 579px*/



/* =======================================
    animation
======================================= */
.fadeInDown {
	 -webkit-animation-fill-mode:both;
	 -ms-animation-fill-mode:both;
	 animation-fill-mode:both;
	 -webkit-animation-duration:1.5s;
	 -ms-animation-duration:1.5s;
	 animation-duration:1.5s;
	 -webkit-animation-name: fadeInDown;
	 animation-name: fadeInDown;
	 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-25px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-25px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInUp {
	 -webkit-animation-fill-mode:both;
	 -moz-animation-fill-mode:both;
	 -ms-animation-fill-mode:both;
	 animation-fill-mode:both;
	 -webkit-animation-duration:1.5s;
	 -moz-animation-duration:1.5s;
	 -ms-animation-duration:1.5s;
	 animation-duration:1.5s;
	 -webkit-animation-name: fadeInUp;
	 -moz-animation-name: fadeInUp;
	 animation-name: fadeInUp;
	 visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(35px); }
 100% { opacity: 1; -webkit-transform: translateY(0px); }
}
@keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(35px); -moz-transform: translateY(35px); -ms-transform: translateY(30px); transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
}

/**********************************************

hamberger

**********************************************/
header {
	/* メニューを開いた時に
	オーバーレイの上に来るように絶対指定 */
	top:0;
	left:0;
	width:100%;
	text-align:center;
	z-index:9999; /* 最前面に来るように */
}
/**********************************
	メニュー
**********************************/
.menu {
	overflow-y:auto; /* 縦方向のみスクロール */
	position: absolute;
	top:0;
	left:0;
	width: 80%;
	/*max-width:330px;*/ /* 横に広がり過ぎないように */
	color: #999;
	font-size:110%;
	background: #fff;
	text-align:left;
	z-index:9999;
	/* アニメーション */
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}
.menu ul li a {
	background:url(../images/icon/icon_arrow_down_sp.png) no-repeat 90% 50%;
	border-bottom:1px solid #e5e5e5;
	display:block;
	padding: 14px;
	color:#555;
	font-weight:300;
	text-shadow:none;
	text-decoration:none;
}
/*.menu ul li a:hover {
	color:#fff;
	background:#741E29;
}*/
.menu ul li ul li{
	background:#f1f1f1;
	font-size:12px;
	text-indent:1.5em;
}
.menu ul li ul li a{
	background-image:none;
}

.menu .branch-btn{
	margin-top: 30px;
}
.menu .branch-btn a{
	background: none;
	border: 1px solid #e5e5e5;
	color: #555;
	margin: 0 40px 8px;
	padding: 13px 0;
	text-align: center;
	transition: 0.5s all;
}
.menu .branch-btn .image-btn a{
	background: none;
	border: none;
	margin: 0 40px 8px;
	padding: 0px 0;
}

.menu .branch-btn .back-white a{
	background: #50141C;
	color: #fff;
}

/* メニューON/OFF */
.menuOff {
	-webkit-transform:translate3d(-100%, 0, 0);
	-moz-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0);
	z-index:11111; /* 最前面に来るように */
}
.menuOn {
	box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.2);
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.ie .menuOff {
	left:-100%; /* IE向け */
} 
.menuOn {
	left: 0; /* IE向け */
} 
#sp-nav .menuOn.menu {
	display:block;
} 

/* ナビゲーション以外固定 */
.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}

/* オーバーレイ */
.overlay {
	position:fixed;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	z-index:9999;
}

/**********************************
	ナビゲーションアイコン
**********************************/
.navBtn {
	position:absolute;
	top:-0.6em;
	right:0em;
	z-index:999;
}
/* IE8以下はアイコン位置調整 */
#ie8 .navBtn,
#ie7 .navBtn,
#ie6 .navBtn {
	top:30px;
}
.navBtn button {
	display: block;
	border: none;
	background: none;
	outline: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	−moz−tap-highlight-color:rgba(0,0,0,0);
	tap-highlight-color:rgba(0,0,0,0);
}
.navIcon {
	padding: 2rem 1rem;
	cursor: pointer;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
}

/* アイコンレイヤー */
.iconLayer {
	position: relative;
	display: block;
	width: 35px;
	height: 6px;
	background:#fff;
	-webkit-animation-duration: 300ms;
	-moz-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
.iconLayer:before, .iconLayer:after {
	content: '';
	position: absolute;
	left: 0;
	display: block;
	width: inherit;
	height: 5px;
	background: inherit;
	-webkit-animation-duration: 300ms;
	-moz-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
.iconLayer:before {
	bottom: 200%;
}
.iconLayer:after {
	top: 200%;
}

/**********************************
	ナビアイコン：矢印
**********************************/
.arrow {
	-webkit-animation-name: navIconSlide;
	-moz-animation-name: navIconSlide;
	animation-name: navIconSlide;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes navIconSlide {
	0% {
	}
	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}
@-moz-keyframes navIconSlide {
	0% {
	}
	100% {
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}
@keyframes navIconSlide {
	0% {
	}
	100% {
		transform: rotate(180deg);
	}
}

/* ナビアイコン：矢印:before */
.arrow:before {
	-webkit-animation-name: navIconSlideBefore;
	-moz-animation-name: navIconSlideBefore;
	animation-name: navIconSlideBefore;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes navIconSlideBefore {
	0% {
	}
	100% {
		margin: 0% 31%;
		width: 75%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}
@-moz-keyframes navIconSlideBefore {
	0% {
	}
	100% {
		margin: 0% 31%;
		width: 75%;
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}
@keyframes navIconSlideBefore {
	0% {
	}
	100% {
		margin: 0% 31%;
		width: 75%;
		transform: rotate(45deg);
	}
}

/* ナビアイコン：矢印:after */
.arrow:after {
	-webkit-animation-name: navIconSlideAfter;
	-moz-animation-name: navIconSlideAfter;
	animation-name: navIconSlideAfter;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes navIconSlideAfter {
	0% {
	}
	100% {
		margin: 0% 31%;
		width: 75%;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}
@-moz-keyframes navIconSlideAfter {
	0% {
	}
	100% {
		margin: 0% 31%;
		width: 75%;
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}
@keyframes navIconSlideAfter {
	0% {
	}
	100% {
		margin: 0% 31%;
		width: 75%;
		transform: rotate(-45deg);
	}
}

/**********************************
	ナビアイコン：ハンバーガー
**********************************/
.hamburger {
	-webkit-animation-name: navIconSlideFrom;
	-moz-animation-name: navIconSlideFrom;
	animation-name: navIconSlideFrom;
}
@-webkit-keyframes navIconSlideFrom {
	0% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	100% {
	}
}
@-moz-keyframes navIconSlideFrom {
	0% {
		-moz-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	100% {
	}
}
@keyframes navIconSlideFrom {
	0% {
		transform: rotate(-180deg);
	}
	100% {
	}
}

/* ナビアイコン：ハンバーガー:before */
.hamburger:before {
	-webkit-animation-name: navIconSlideBeforeFrom;
	-moz-animation-name: navIconSlideBeforeFrom;
	animation-name: navIconSlideBeforeFrom;
}
@-webkit-keyframes navIconSlideBeforeFrom {
	0% {
		margin: 3% 37%;
		width: 50%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	100% {
	}
}
@-moz-keyframes navIconSlideBeforeFrom {
	0% {
		margin: 3% 37%;
		width: 50%;
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	100% {
	}
}
@keyframes navIconSlideBeforeFrom {
	0% {
		margin: 3% 37%;
		width: 75%;
		transform: rotate(45deg);
	}
	100% {
	}
}

/* ナビアイコン：ハンバーガー:after */
.hamburger:after {
	-webkit-animation-name: navIconSlideAfterFrom;
	-moz-animation-name: navIconSlideAfterFrom;
	animation-name: navIconSlideAfterFrom;
}
@-webkit-keyframes navIconSlideAfterFrom {
	0% {
		margin: 3% 37%;
		width: 75%;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	100% {
	}
}
@-moz-keyframes navIconSlideAfterFrom {
	0% {
		margin: 3% 37%;
		width: 75%;
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	100% {
	}
}
@keyframes navIconSlideAfterFrom {
	0% {
		margin: 3% 37%;
		width: 75%;
		transform: rotate(-45deg);
	}
	100% {
	}
}