/*
Theme Name: 学館船橋2017 ホームページ
Description: 東京学館船橋 ホームページ用の子テーマ。2017年制作。
Author: 有限会社パソヤ
Template: gakkan-f2017
*/

/* ------------------
中ページの共通スタイル
------------------ */
/* レイアウト（※記事内の細かいスタイルはeditor_style.cssへ） */
.post_body{
	margin:0 1rem 3rem 1rem;
	overflow:hidden;
}

@media print, screen and (min-width: 1020px){
.post_body{
	margin:0 auto 3rem auto;
	width:1020px;
}
}

/* カラムになる場合 */
#side{
	display:none;
}

@media print, screen and (min-width: 1020px){
.column_on .post_body{
	width:780px;
	float:left;
	margin:0 0 3rem 0;
}

#side{
	display:block;
	width:210px;
	float:right;
}
}

/* ページタイトル */
#page_title{
	background:#f6f3eb url(../gakkan-f2017/share/img/bg03.gif);
	text-align:center;
	line-height:1.2;
	padding:2rem 0;
	margin-bottom:2rem;
}

.page_title_img{
	background-size:cover!important;
	background-repeat:no-repeat;
	background-position:50% 50%;
}

#page_title h1{
	font-size:175%;
	margin-bottom:0.3rem;
}

#page_title .en{
	display:block;
	font-size:75%;
	color:#003792;
	font-weight:normal;
}

.page_title_img h1, .page_title_img .en{
	text-shadow:0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

@media print, screen and (min-width: 1020px){
#page_title{
	padding:5rem 0;
}

#page_title h1{
	font-size:312.5%;
}

#page_title .en{
	font-size:112.5%;
}
}

/* ------------------
サイトマップ
------------------ */
#sitemap_list01 :before{
	color:#003792;
}

#sitemap_list01 .icon-right-open, #sitemap_list01 .icon-down-open{
	font-size:75%;
	vertical-align:middle;
	margin:0 0.4rem 0 0;
}

#sitemap_list01 .icon-right-circle{
	font-size:75%;
	vertical-align:middle;
	margin:0 0.3rem 0.1rem 0;
}

#sitemap_list01 li{
	list-style:none;
	margin:0;
}

#sitemap_list01 a{
	display:block;
	transition:0.2s;
}

#sitemap_list01 > li{
	border-bottom:1px dashed #ccc;
	padding-bottom:2rem;
	margin-bottom:2rem;
}

.sitemap_h01{
	font-size:112.5%;
	padding:0.5rem;
}

a.sitemap_h01{
	background:#f6f8fc;
}

div.sitemap_h01{
	border-top:3px solid #003792;
	border-bottom:1px solid #dadada;
}

.sitemap_list02 > li > a{
	padding:0.5rem 0.5rem 0.5rem 1rem;
	background:#f6f8fc;
	margin:0.3rem 0;
}

.sitemap_list03{
	background:#fafcff;
}

.sitemap_list03 > li{
	border-bottom:1px dashed #ccd7e9;
}

.sitemap_list03 > li:last-child{
	border-bottom:none!important;
}

.sitemap_list03 > li > a{
	padding:0.5rem 0.5rem 0.5rem 2.5rem;
}

.sitemap_h02{
	padding:0.5rem 0.5rem 0.5rem 1rem;
}

#sitemap_ge{border:5px solid #ffeed8;}
#sitemap_ge a{background:#ffeed8;}
#sitemap_ge :before{color:#ffac3e;}
#sitemap_ge .sitemap_list03 > li{border-bottom:1px dashed #ffcd8b;}

#sitemap_ib{border:5px solid #e1f3ff;}
#sitemap_ib a{background:#e1f3ff;}
#sitemap_ib :before{color:#6ac4fe;}
#sitemap_ib .sitemap_list03 > li{border-bottom:1px dashed #a6dcfe;}

#sitemap_ca{border:5px solid #ffe7e7;}
#sitemap_ca a{background:#ffe7e7;}
#sitemap_ca :before{color:#f88;}
#sitemap_ca .sitemap_list03 > li{border-bottom:1px dashed #ffb8b8;}

#sitemap_fa{border:5px solid #f0f7dc;}
#sitemap_fa a{background:#f0f7dc;}
#sitemap_fa :before{color:#b6d94e;}
#sitemap_fa .sitemap_list03 > li{border-bottom:1px dashed #d3e895;}

@media print, screen and (min-width: 1020px){
#sitemap_list01 > li:not(:first-child){
	display:inline-block;
	width:48%;
	vertical-align:top;
}

#sitemap_list01 > li:nth-of-type(2), #sitemap_list01 > li:nth-of-type(4), #sitemap_list01 > li:nth-of-type(8){
	float:left;
}

#sitemap_list01 > li:nth-of-type(3), #sitemap_list01 > li:nth-of-type(5), #sitemap_list01 > li:nth-of-type(6), #sitemap_list01 > li:nth-of-type(7), #sitemap_list01 > li:nth-of-type(9){
	float:right;
}
}

/* ------------------
お問い合わせフォーム
------------------ */
/* 区分のラジオボタン */
#form_target_wrap{
	border:2px solid #ffcd8b;
	padding:1rem;
	margin-bottom:2.5rem;
	background:#ffeed8;
	position:relative;
}

#form_target_wrap:after{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 50px 0 50px;
	border-color: #ffcd8b transparent transparent transparent;
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-50px;
}

label, input[type=submit]{
	cursor:pointer;
}

label{
	display:block;
	margin-bottom:1rem;
}

.required{
	font-size:75%;
	color:#d22525;
	font-weight:bold;
}

/* フォーム */
.post_body .wpcf7 table{
	display:block;
	border:none;
	width:99%;
}

.post_body .wpcf7 table tr{
	display:block;
}

.post_body .wpcf7 table th{
	display:block;
	width:100%;
	padding:0.8rem 0;
	border-top:2px solid #dadada;
	border-bottom:none;
}

.post_body .wpcf7 th:before{
	content:"▼ ";
	color:#003792;
	font-size:87.5%;
	margin-left:0.8rem;
}

.post_body .wpcf7 td{
	display:block;
	width:100%;
	padding:1.2rem 0;
}

.textbox{
	width:85%;
	display:block;
	margin:0 auto;
}

.submit_area{
	text-align:center;
}

.wpcf7-not-valid-tip{
	padding:0.5rem 1rem;
}

.wpcf7-not-valid-tip:before{
	content:"※";
}

div.wpcf7-response-output{
	padding:1rem;
	border:none;
	text-align:center;
}

div.wpcf7-validation-errors{
	border:none;
	background:#fbe3e3;
	color:#d22525;
	font-weight:bold;
}

div.wpcf7-mail-sent-ok{
	border:none;
	background:#ddeedc;
	color:#109209;
}

@media print, screen and (min-width: 1020px){
.post_body .wpcf7 table{
	display:table;
	width:100%;
}

.post_body .wpcf7 table tr{
	display:table-row;
}

.post_body .wpcf7 table th{
	display:table-cell;
	width:35%;
	border:1px solid #dadada;
}

.post_body .wpcf7 th:before{
	content:"■";
}

.post_body .wpcf7 td{
	display:table-cell;
	width:auto;
	padding:1.2rem 0;
}

.wpcf7-not-valid-tip{
	padding:0.5rem 2rem;
}
}

/* ------------------
学科紹介
------------------ */
/* 学科ページbody */
.course_body{
	background-image:url(../gakkan-f2017/share/img/bg04.png);
	margin-bottom:5rem;
	padding-bottom:1rem;
}

.ge_body{background-color:#ffeed8;border-top:3px solid #ffac3e;}
.ib_body{background-color:#e1f3ff;border-top:3px solid #6ac4fe;}
.ca_body{background-color:#ffe7e7;border-top:3px solid #f88;}
.fa_body{background-color:#f0f7dc;border-top:3px solid #b6d94e;}

#course_wrap{
	background:#fff;
	margin:0 0.5rem;
}

@media print, screen and (min-width: 1020px){
#course_wrap{
	background:none;
	margin:0;
}

#course_wrap .post_body{
	background:#fff;
}

#course_body_adjust{
	padding:4rem 3rem 3rem 3rem;
}
}

/* ページ冒頭の学科名 */
#course_title{
	text-align:center;
	line-height:1.0;
	padding:2.5rem 0;
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.ge_body #course_title{background-image:url(/wp/wp-content/uploads/ge_bg01.png);background-size:contain;}
.ib_body #course_title{background-image:url(/wp/wp-content/uploads/ib_bg01.png);background-size:contain;}
.ca_body #course_title{background-image:url(/wp/wp-content/uploads/ca_bg01.png);background-size:contain;}
.fa_body #course_title{background-image:url(/wp/wp-content/uploads/fa_bg01.png);background-size:contain;}

#course_title h1{
	font-size:237.5%;
	margin-bottom:0.7rem;
}

.ge_body #course_title_en{color:#ffac3e;}
.ib_body #course_title_en{color:#6ac4fe;}
.ca_body #course_title_en{color:#f88;}
.fa_body #course_title_en{color:#b6d94e;}

@media print, screen and (min-width: 1020px){
#course_title{
	padding:4.5rem 0;
	width:1020px;
	margin:0 auto;
}

#course_title h1{
	font-size:375%;
}

#course_title_en{
	font-size:150%;
}
}

/* 学科ページタイトル */
#course_page_title{
	position:relative;
	text-align:center;
	margin-bottom:2rem;
}

#course_page_title span{
	font-weight:bold;
	font-size:125%;
	color:#fff;
	background:#333;
	display:inline-block;
	margin:-5rem 0 0 0;
	padding:1rem 2rem;
	line-height:1.0;
}

#course_page_title:after{
	content:"";
	display:inline-block;
	width:0;
	height:0;
	border-style:solid;
	border-width:15px 17px 0 36px;
	border-color:#333 transparent transparent transparent;
	-webkit-transform:rotate(158deg);
	transform:rotate(158deg);
	position:absolute;
	bottom:-9px;
	left:50%;
	margin:0 0 0 -36px;
}

@media print, screen and (min-width: 1020px){
#course_page_title{
	margin:0 0 -2rem 0;
}

#course_page_title span{
	padding:1.3rem 6rem;
}
}

/* 学科ページサブナビ */
.course_sub_nav{
	margin:0 0.5rem 3rem 0.5rem;
	background:#fff;
}

.course_sub_nav li{
	font-size:87.5%;
	display:inline-block;
	width:50%;
	vertical-align:top;
}

.course_sub_nav a{
	display:block;
	color:#333;
	text-decoration:none;
	text-align:center;
	padding:1rem 0;
	transition:0.2s;
}

.ge_body .course_sub_nav{border:1px solid #ffac3e;}
.ge_body .course_sub_nav a{border:1px solid #ffcd8b;}
.ge_body .course_sub_nav a:hover{background:#ffdeb2;}
.ge_body .course_sub_nav a:before{color:#ffac3e;}
.ge_body .course_sub_nav a.cur{background:#ffac3e;}

.ib_body .course_sub_nav{border:1px solid #6ac4fe;}
.ib_body .course_sub_nav a{border:1px solid #a6dcfe;}
.ib_body .course_sub_nav a:hover{background:#c3e7ff;}
.ib_body .course_sub_nav a:before{color:#6ac4fe;}
.ib_body .course_sub_nav a.cur{background:#6ac4fe;}

.ca_body .course_sub_nav{border:1px solid #f88;}
.ca_body .course_sub_nav a{border:1px solid #ffb8b8;}
.ca_body .course_sub_nav a:hover{background:#ffcfcf;}
.ca_body .course_sub_nav a:before{color:#f88;}
.ca_body .course_sub_nav a.cur{background:#f88;}

.fa_body .course_sub_nav{border:1px solid #b6d94e;}
.fa_body .course_sub_nav a{border:1px solid #d3e895;}
.fa_body .course_sub_nav a:hover{background:#e2f0b8;}
.fa_body .course_sub_nav a:before{color:#b6d94e;}
.fa_body .course_sub_nav a.cur{background:#b6d94e;}

.course_sub_nav a.cur, .course_sub_nav a.cur:before{color:#fff;}

#course_sub_nav_title{
	text-align:center;
	font-weight:bold;
}

.ge_body #course_sub_nav_title{color:#ffac3e;}
.ib_body #course_sub_nav_title{color:#6ac4fe;}
.ca_body #course_sub_nav_title{color:#f88;}
.fa_body #course_sub_nav_title{color:#b6d94e;}

@media print, screen and (min-width: 1020px){
.course_sub_nav{
	width:1020px;
	margin:0 auto 4rem auto;
}

.course_sub_nav ul{
	display:flex;
}

.course_sub_nav li{
	font-size:100%;
	width:auto;
	display:block;
	flex-grow:1;
}
}

/* フッター学科一覧 */
.course_footer_nav{
	text-align:center;
	padding:2rem 1rem;
	background:#f6f3eb;
	margin:0 1rem 5rem 1rem;
}

@media print, screen and (min-width: 1020px){
.course_footer_nav{
	width:1020px;
	margin:0 auto 5rem auto;
}
}

/* 見出し上書き */
.ge_body .post_body h1{border:1px solid #ffcd8b;border-left:6px solid #ffac3e;}
.ge_body .post_body h2:before{background:#ffac3e;}
.ge_body .post_body h3:before{border-left:5px double #ffac3e;}

.ib_body .post_body h1{border:1px solid #a6dcfe;border-left:6px solid #6ac4fe;}
.ib_body .post_body h2:before{background:#6ac4fe;}
.ib_body .post_body h3:before{border-left:5px double #6ac4fe;}

.ca_body .post_body h1{border:1px solid #ffb8b8;border-left:6px solid #f88;}
.ca_body .post_body h2:before{background:#f88;}
.ca_body .post_body h3:before{border-left:5px double #f88;}

.fa_body .post_body h1{border:1px solid #d3e895;border-left:6px solid #b6d94e;}
.fa_body .post_body h2:before{background:#b6d94e;}
.fa_body .post_body h3:before{border-left:5px double #b6d94e;}

/* その他コンテンツ調整 */
@media print, screen and (min-width: 1020px){
#course_wrap .img_pc_fr{
	max-width:25%;
}

#course_wrap .img_pc_fl{
	max-width:25%;
}
}

/* 概要の場合：スライド */
#course_slider{
	position:relative;
	margin:2rem 0.5rem 0 0.5rem;
}

#course_catch{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:100%;
}

#course_catch p{
	margin:-2.5rem auto 0 auto;
	color:#fff;
	font-weight:bold;
	line-height:1.2;
	padding:0.8rem 1rem;
	transform:skewX(-10deg);
	width:80%;
}

.ge_body #course_catch p{background:#ffac3e;}
.ib_body #course_catch p{background:#6ac4fe;}
.ca_body #course_catch p{background:#f88;}
.fa_body #course_catch p{background:#b6d94e;}

@media print, screen and (min-width: 1020px){
#course_slider{
	width:1020px;
	margin:1rem auto 0 auto;
}

#course_catch p{
	width:60%;
	padding:1rem;
	margin:-1.8rem auto 0 auto;
	font-size:137.5%;
	line-height:1.0;
}
}

/* 概要の場合：ここにも注目のリボン */
.course_attention{
	display:inline-block;
	background:#d22525;
	color:#fff;
	font-weight:bold;
	position:relative;
	height:2em;
	line-height:2em;
	padding:0 1rem;
	text-align:center;
	margin-bottom:0.5rem;
}

.course_attention:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	border-width:1em 8px 1em 0;
	border-style:solid;
}

.ge_body .course_attention:after{border-color:transparent #ffdeb2 transparent transparent;}
.ib_body .course_attention:after{border-color:transparent #c3e7ff transparent transparent;}
.ca_body .course_attention:after{border-color:transparent #ffcfcf transparent transparent;}
.fa_body .course_attention:after{border-color:transparent #e2f0b8 transparent transparent;}

@media print, screen and (min-width: 1020px){
.course_attention{
	float:left;
	margin:0 1rem 0 0;
}
}

/* 概要などの写真リスト */
.post_body .course_ph_list{
	text-align:center;
}

.post_body .course_ph_list li{
	list-style:none;
	margin:0 0 2rem 0;
}

@media print, screen and (min-width: 1020px){
.post_body .course_ph_list li{
	display:inline-block;
	width:45%;
	vertical-align:top;
	margin:0 1rem 2rem 1rem;
}
}

/* ------------------
 動画埋め込み
------------------ */
.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-container{
margin: 0px auto;
}


/*eof*/