@charset "UTF-8";

/*
	Theme Name: MR_design.000
	Description: Easy and Simple theme by <a href="http://webdesignrecipes.com/">Web Design Recipes</a>. WordPressを参考にしたテンプレート。
	Theme URI: http://webdesignrecipes.com/first-time-wordpress-origin-theme/
	Author: 株式会社MarketRiver
	Author URI: https://www.market-river.com/
	Version: 1.0
	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: white, right-sidebar, two-columns

*/

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

          General Setting

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


html {
 font-family: sans-serif;
  -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}

body {
 margin: 0;
 color: #252525;
 font-family: "M PLUS Rounded 1c",YuGothic,'Yu Gothic',sans-serif;
 line-height: 1.75;
 word-break: normal;
 overflow-wrap: break-word;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

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

          レイアウト

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

.header,
.main,
.global_nav,
.footer,
.bxslider
{
	width: 100%;
	display: block;
	overflow: hidden;
	box-sizing:border-box;
}








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

          Typography

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

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	position: relative;
}

h1 {
	margin-bottom: 10px;
	font-size: 240%;
}

p {  
	margin: 15px 0 ;
	padding: 0;
}

blockquote{
	margin: 15px 10px;
    padding:15px;
	border-left: 15px solid #ddd;
    background-color:#F5F5F5;
}

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

figure{margin: 0;}

/*画像・埋め込みコンテンツ*/
img {
 max-width: 100%;
 height: auto;
 border: 0;
 vertical-align: middle;
}
svg:not(:root) {
 overflow: hidden;
}
iframe {
 max-width: 100%;
}
figure {
 margin: 0;
}

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

          Link

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

a {
	border-bottom: 1px solid #81b8ff;
	color: #81b8ff;
	text-decoration: none;
	border:none;
        -webkit-transition: all 3.s;
        transition: all .3s;	
}

a:hover {
	color: #81b8ff;
}


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

          ヘッダー

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

.header_in{
	padding:0;
	background-color:#ecb12f;
	border-top:8px solid #003399;
}



.header_in .logo{
	margin:0;
	padding:20px 0;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}

.header_in .logo span{
	position:relative;
}

.header_in .logo span:before{
	position:absolute;
	left:-55px;
	top:-10px;
	content:'';
	background-image:url(/wp-content/uploads/2021/02/logo.png);
	background-size:45px;
	width:45px;
	height:45px;

}

.header_in .logo a{
	color:#8e4f46;
}




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

          ナビゲーション

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

.global_nav_in{
	display: none;
	position: fixed;
	background:#003399;
	top:0;
	width:100%;
	height:100%;
	z-index: 1000;
	padding-top:5em;
	overflow-y: scroll;
}

.global_nav_in a{color:#fff;}


#toggle {
		position:absolute;
		display: block;
		width: 26px;
		height: 26px;
		top:8px;
        right:0;
	padding:8px 10px;
	background-color:#003399;
		z-index: 10000;
}

.toggle_in{
		position: relative;
		z-index: 10000;
}

	#toggle span{
		display: block;
		height: 3px;
		background: #fff;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#toggle span:nth-child(1){top:0px;}
	#toggle span:nth-child(2){top:10px;}
	#toggle span:nth-child(3){top:20px;}


    .toggle_open{position: fixed;}
    .toggle_open #toggle span{background: #fff;}
	.toggle_open #toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.toggle_open #toggle span:nth-child(2) {width: 0;left: 50%;}
		.toggle_open #toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

.menu{
	text-align:center;
	margin:0 50px;
}

.menu li{
	width:70%;
	border-bottom:1px ridge #fff;
	padding:10px;
	margin:10px auto;
	letter-spacing:3px;
}



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

         パン屑

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


.breadcrumb{
	overflow: hidden;
        margin:10px 5px 0;
}

.breadcrumb a{
border:none;
color:#333;
}

.breadcrumb li{
	float: left;
	margin-right: 5px;
        font-size:12px;
}




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

          メインコンテンツ

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



.top_in,
.page_in,
.post_in,
.archive_in{padding:0 18px 1rem;background-color:#fff;overflow:hidden;}

.page_title,
.post_title,
.archive_title{
	font-size:20px;
	font-weight:bold;
	background-color:#003399;
	color:#fff;
	padding:10px 15px;
}

.post_meta{padding: 10px;background:#f5f5f5;font-size:12px;font-weight:bold;}
.post_meta a{color:#333}




/**************************
トップコンテンツ
**************************/


.btn01 {
  background-color: #003399;
  border: 2px solid #003399;
  color: #fff;
  line-height: 50px;
	border-radius:32px;
	letter-spacing:3px;
	font-weight:bold;
	width:100%;
	font-size:14px;
}
.btn01:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}


.notice_box{
	overflow-y:scroll;
	overflow-x:hidden;
	max-height:40vh;
	padding:10px;
	box-shadow: 2px 2px 4px gray;
}



.notice_box li{
	border-bottom:1px dashed #ddd;
	padding:8px 0 4px;
	margin:4px 10px;
	font-size:14px;
}

.notice_date{
	display:inline-block;
	font-size:8px;
	background-color:#f5f5f5;
	padding:3px 12px;
	border-radius:24px;
	margin-left:-10px;
}

.notice_box a{
display:block;
}



	.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
	left:0;
    width: 100%;

		z-index:10;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position:absolute;
    width: 100vw;
z-index:10;
}
.modal__content{
    background: #fff;
    padding: 40px;
    position: absolute;
	left:50%;	
    top: 50%;
    transform: translate(-50%,-50%);
	width: 30vw;
    box-sizing: border-box;	
z-index:10;
	height:auto;
overflow-y:auto;
	text-align:center;
}

.js-modal-close{display:block;text-align:center;color:#737373;}

	


/**************************
ポストコンテンツ
**************************/




/**************************
アーカイブ
**************************/
.archive_in .notice_box{
	overflow:visible;
	max-height:100%;
	padding:10px;
	box-shadow:none;
}




/**************************
ページコンテンツ
**************************/




.p-sticky-table{
  white-space: nowrap;
  line-height:1.6;
}
.p-sticky-table table{
  border:none;
  border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display:block;
  overflow:scroll;
  max-height: 70vh;
}
.p-sticky-table thead th:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}
.p-sticky-table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  text-align:center;
	font-weight:bold!important;
	background-color:#003399;
	color:#fff;
}
.p-sticky-table tbody th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  border:none;
  white-space: normal;
  min-width: 25vw;
}
.p-sticky-table th, .p-sticky-table td {
  min-width: 50px;
  text-align: left;
  font-size: 16px !important;
  position: relative;
  padding: 7px !important;
  color: #333;
  border: none !important;
  z-index: 0;
  vertical-align:middle !important;
  background:#fff;
}
.p-sticky-table th{
  background:#f5f5f5;
  letter-spacing: 1px;
  font-weight: 900 !important;
  color: #000;
}
.p-sticky-table tr{
  border-bottom:none !important;
}
.p-sticky-table img{
  margin: 10px auto;
  display: block;
  padding: 0;
  max-width: 80% !important;
}
.p-sticky-table table th::before, .p-sticky-table table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  z-index: -1;
}
/* スマホ */

   .p-sticky-table th, .p-sticky-table td {
        font-size: 12px !important;
	   padding: 8px 5px !important;
    }
	
	/* 中央寄せ */
.pst-center td {
  text-align: center;
}

.p-sticky-table a,
.p-sticky-table-ie a{
		text-decoration: underline;
	color:#003399;
}

.p-sticky-table-ie table{
	font-size:12px;
}
.p-sticky-table-ie tbody tr{
	text-align:center;
}
.p-sticky-table-ie th:first-child{
	width:25%;
}

.table01_t{
	display: none; 
	position: fixed; 
	top:0;
	margin:0;
}


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

          フッター

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

.footer {
    background-color:#003399;
	color: #fff;
}

.footer a{color:#fff;}

.footer_in ul{
	margin:2rem 0 0;
	font-size:12px;
	text-align:center;
}


.footer .copyright{
	padding: 7px 0;
	font-size: 12px;
	text-align: center;
}




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

共通

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


h2 {
  position: relative;
	padding: 1rem 10px;
	font-size:18px;
	font-weight:bold;
}

h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #003399, #003399 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #003399, #003399 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


h3{
	font-size:14px;
	margin:1rem 0 10px;
	background-color:#ecb12f;
	color:#fff;
	border-radius:36px;
	font-weight:bold;
	padding:5px 15px 7px;	
}




.school_banner{
	position:relative;  
	display:flex;
	justify-content:start;
	margin:10px 0;
}

.school_banner figure{
	width:30%;
	padding:0;
	margin:0;
}

.school_banner p{
	align-self: center;
	width:70%;
	box-sizing:border-box;
	padding:0 10px;
	margin:5px 0;
	font-size:14px;
	font-weight:bold;
}

.school_banner span{
	display:block;
	font-size:8px;
}

.school_banner_link,
.school_banner a{
  display: block;
  position: absolute;
  top:0;
  left:0;
  width:100%;
	height:100%;

}

.school_banner_btn_dsign {
  position: relative;
  z-index: 2;
  box-shadow: 2px 2px 4px gray;
	border:5px solid #fff;	

}
.school_banner_btn_dsign:hover {
  border: 5px solid #59b1eb;
  color: #59b1eb;
}

.opa0{opacity:0;}






/**************************
テーブル
**************************/

table{
	word-break: break-all;
	word-wrap: break-word;
	border-collapse: collapse;
	border-spacing: 0;
}

table{
	width: 100%;
	margin: 1em auto;
	padding: 0;
	border-top: 1px solid #ECEEF1;
	border-left: 1px solid #ECEEF1;
    table-layout:fixed;
}

th,
td{
	padding: 10px;
	border-right: 1px solid #ECEEF1;
	border-bottom: 1px solid #ECEEF1;
}

th,
thead,
.thead{background-color:#f5f5f5;font-weight:bold;}




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

          WordPress Misc

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

.aligncenter{display:block;margin-right:auto;margin-left:auto;}
.alignleft {float: left;}.alignright {float: right;}
.wp-caption {margin: 10px;padding-top: 4px;border: 1px solid #ddd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #f3f3f3;text-align: center;}
.wp-caption-text,.gallery-caption{font-size: 80%;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption-dd {margin: 0;padding: 0 4px 5px;font-size: 11px;line-height: 17px;}
img.alignright {display: inline-block;margin: 0 0 0.5em 1em;}
img.alignleft {display: inline-block;margin: 0 1em 0.5em 0;}






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ココからPCデザイン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

	/*
	# 記事一覧
	*/

@media (min-width : 768px){


	
	
.main{
		max-width: 870px;
		margin-right: auto;
		margin-left: auto;
	border-left:3px solid #003399;
	border-right:3px solid #003399;	
}
	
.top_in,
.page_in,
.post_in,
.archive_in{padding:0 100px 1rem;background-color:#fff;overflow:hidden;}	
	
.page_title,
.post_title,
.archive_title{
margin-top:3.5rem;
}
	
.header_in{
border:none;
}	
	
.header_in .logo{
	margin:0;
	padding:20px 0;
	text-align:center;
	font-weight:bold;
	font-size:32px;
}

.header_in .logo span{
	position:relative;
}

.header_in .logo span:before{
	position:absolute;
	left:-85px;
	top:-10px;
	content:'';
	background-image:url(/wp-content/uploads/2021/02/logo.png);
	background-size:75px;
	width:75px;
	height:75px;

}
	

	
#toggle {display: none;}

	
.global_nav_in{
	display: block;
	position: relative;
	padding:0 3px;
	overflow:hidden;
	box-sizing:border-box;
}

.global_nav_in .menu{
    display: table;
    table-layout: fixed;
    width: 100%;
	margin:0 auto;
}

.global_nav_in .menu li{
	position: relative;
    border-left: 1px solid #ccc;
	border-bottom:none;
    display: table-cell;
    padding:30px;
    font-size:14px;
    font-weight:bold;
		margin:0;
	width:auto;
}

.global_nav_in .menu li:first-child{border-left:none;}
		

.global_nav_in .menu a{
  color:#fff;	
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top:18px;
  -webkit-transition: all .7s;
  transition: all .7s;
	}
	
.global_nav_in .menu a:hover{
	background-color:#ecb12f;
  color: #fff;
}
	
	
	
	
	
	
	
.breadcrumb{
	overflow: hidden;
        margin:30px 5px;
}

.breadcrumb a{
border:none;
color:#333;
}

.breadcrumb li{
	float: left;
	margin-right: 5px;
    font-size:14px;
}	
	
	
	
.school_banner p{
	font-size:18px;
}

.school_banner span{
	display:block;
	font-size:8px;
}	
	
	

	h2 {font-size:1.6rem;}
	.p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {min-width: 10vw;text-align:center;}
	

	.map{
		position:relative;
		background-image:url(/img/map.png);
		background-size:680px;
		background-repeat:no-repeat;
		width:680px;
		height:460px;
	}

	.mark{display:block;position:absolute;width:10px;height:10px;border-radius:50%;background-color:#DC143C;cursor: pointer;-webkit-transition: all 3.s;
        transition: all .3s;font-size:10px;color:#DC143C;letter-spacing:3px;font-weight:bold;}
	.mark:hover{opacity:0.5;}
		
	
	.nagato{top:142px;left:152px;}.nagato:after{content:'長門';position:absolute;width:40px;left:13px;top:-3px;}
	.hagi{top:111px;left:261px;}.hagi:after{content:'萩';position:absolute;width:40px;left:13px;top:-3px;}

	.hayatomo{top:303px;left:59px;}.hayatomo:after{content:'早鞆';position:absolute;width:40px;left:-30px;top:-3px;}
	.simonoseki{top:332px;left:58px;}.simonoseki:after{content:'下関';position:absolute;width:40px;left:-30px;top:-3px;}
	.sanyou{top:326px;left:76px;}.sanyou:after{content:'山陽';position:absolute;width:40px;left:13px;top:-3px;}
	.airumo-ta-suku-ru{top:254px;left:98px;}.airumo-ta-suku-ru:after{content:'アイル';position:absolute;width:40px;left:13px;top:-3px;}
	.asa{top:286px;left:134px;}.asa:after{content:'厚狭';position:absolute;width:40px;left:13px;top:-3px;}
	
	.nisinihon{top:339px;left:165px;}.nisinihon:after{content:'西日本';position:absolute;width:40px;left:-40px;top:-3px;}
	.koujyou{top:323px;left:166px;}.koujyou:after{content:'鴻城';position:absolute;width:40px;left:-30px;top:-3px;}
	
	.ubetyuuou{top:342px;left:190px;}.ubetyuuou:after{content:'宇部中央';position:absolute;width:60px;left:0px;top:10px;}
	.ube{top:335px;left:210px;}.ube:after{content:'宇部';position:absolute;width:40px;left:13px;top:-3px;}
	
	.ogoori{top:280px;left:242px;}.ogoori:after{content:'小郡';position:absolute;width:40px;left:-30px;top:-3px;}
	
	.yuda{top:266px;left:266px;}.yuda:after{content:'湯田';position:absolute;width:40px;left:-25px;top:-5px;}
	.yamaguchikensougou{top:268px;left:283px;}.yamaguchikensougou:after{content:'そうごう';position:absolute;width:60px;left:13px;top:-3px;}
	
	.yamaguchikenkoutou{top:310px;left:315px;}.yamaguchikenkoutou:after{content:'高等';position:absolute;width:40px;left:13px;top:-3px;}
	
	
	.nanyou{top:290px;left:370px;}.nanyou:after{content:'南陽';position:absolute;width:40px;left:13px;top:-3px;}
	
	
	.syunan{top:318px;left:418px;}.syunan:after{content:'周南';position:absolute;width:40px;left:-30px;top:-3px;}
	
	
	
	.kudamatu{top:298px;left:443px;}.kudamatu:after{content:'下松';position:absolute;width:40px;left:13px;top:-10px;}
	
	
	.hikari{top:332px;left:468px;}.hikari:after{content:'光';position:absolute;width:20px;left:-10px;top:5px;}
	
	
	.kusei{top:286px;left:516px;}.kusei:after{content:'玖西';position:absolute;width:40px;left:13px;top:-3px;}
	
	.yanai{top:335px;left:536px;}.yanai:after{content:'柳井';position:absolute;width:40px;left:13px;top:-3px;}
	
	.iwakuni{top:272px;left:555px;}.iwakuni:after{content:'岩国';position:absolute;width:40px;left:13px;top:-3px;}
	
	
	.oosima{top:349px;left:592px;}.oosima:after{content:'大島';position:absolute;width:40px;left:13px;top:-3px;}
			
	
}
	
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ココからタブレットデザイン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


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

	.map,.mark{display:none;

	}