@charset "UTF-8";



/* #globalWrap
----------------------------------------------- */
#globalWrap{ border-top:solid 1px #ddd;padding-top:20px; }

#globalWrap .directory{ height:20px; padding-top:10px; margin-bottom:20px; font-size:0.8rem;  display:none;}

#globalWrap .directory a:after{
	content:">";
		display:inline-block;
		padding:0 10px;
		color:#ccc;
}


#globalWrap h2.contentsTitle{font-size:3.0rem; line-height:1.2em; font-weight:100; padding:20px 0 20px 0; margin-bottom:20px; border-bottom:dotted 0px #222222; color:#222222;}

body.titleHidden #globalWrap h2.contentsTitle{display:none;}


#globalWrap h3.pageyTitle{ display:none;}


main nav { width:200px;}



/* section
----------------------------------------------- */


section{ width:100%; padding:0px 0; margin-bottom:40px;  position:relative;}

section:after{
	content:'';
	display:block;
	clear:both;
}

section article{ box-sizing:border-box; position:relative;}

section article h2{border-bottom:dotted 1px #d9d9d9; margin-bottom:10px; line-height:1; min-height:35px; position:relative;}
section article .more{ position:absolute;top:0px; right:0; white-space:nowrap;}

section h2.icon{ border:0; margin-bottom:0px; padding-top:50px; text-align:center; font-size:2rem;}

section h2.icon:before{
		content:"";
		display:inline-block;
		opacity:1;
		width:50px;
		height:50px;
		background-color:#222222;
		position:absolute;
		top:0px;
		left:50%;
		margin-left:-25px;
	
}

section > p.read{ text-align:center; margin-bottom:10px;}




/* section 下層
----------------------------------------------- */


/*section.nav{ padding-right:240px; width:auto; }*/

section.contents{ }
section.contents article{ margin-bottom:30px; min-height:100px; padding:0px 0 30px 0; }
section.contents article h3{ font-size:1.7rem; padding-bottom:10px; margin-bottom:10px; color:#222222;border-bottom:dotted 1px #ccc;}

section.contents article h4{ font-size:1.5rem; margin-bottom:1em; }
section.contents article h5{ font-size:1.2rem; margin-bottom:1em; }



section.contents article .read{ margin-bottom:20px; font-size:1.15rem; }






/* #entryList article
----------------------------------------------- */

section#entryList{}

section#entryList article{  width:auto; height:auto; margin:0 0 20px 0; float:none; padding:20px;}



/* #entryList article.box 3column
----------------------------------------------- */

section#entryList article.box{ background-color:#fff;  min-height:150px; float:none; padding:10px 10px 35px 10px; box-sizing:border-box;

	box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
border-bottom:dotted 1px #222222;

}

section#entryList article.box:nth-child(3n){ margin-right:0;}
	
	
section#entryList article.box .mainImage{ position:relative; width:100%; padding-top:56%; background-color:#f2f2f2 !important; margin-bottom:10px;}
section#entryList article.box .mainImage a{ display:block; position:absolute; top:0; left:0; width:100%; padding-top:56%;}

section#entryList article.box header{ height:auto; margin:0; }
section#entryList article.box .tagList{ overflow:hidden; margin-bottom:5px; line-height:1; font-size:0.8rem;}
section#entryList article.box .tagList ul li{display:inline-block; margin:0 5px 3px 0;}
section#entryList article.box .tagList ul li a{ background-color:#222222; color:#fff; display:inline-block; padding:3px 10px; text-decoration:none !important;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
white-space:nowrap;
}



section#entryList article.box .entryTitle{ border:0; padding:0; margin-bottom:10px; font-size:1.1rem; font-family:'Hiragino UD Sans W5 JIS2004'; line-height:1.4;



}
section#entryList article.box .entry-content{ display:none; }
section#entryList article.box .date{ font-size:0.8rem; color:#ccc; position:absolute; bottom:10px; right:10px; letter-spacing:0;}





/* #postDetail article
----------------------------------------------- */


section#postDetail article { border-bottom:solid 2px #333;}

section#postDetail article .entry-main-image{ margin-bottom:20px; text-align:center;}
section#postDetail article .entry-main-image img.mainImg{ width:100%; height:auto;}
section#postDetail article .entry-main-image.tate img.mainImg{ width:50% !important; height:auto;}

section#postDetail article header{ margin-bottom:30px; height:auto; }

section#postDetail article .entryTitle{ border:0; font-size:2.5rem; line-height:1.5; padding:0 0 0px 0; margin-bottom:5px;}
section#postDetail article .entry-content{ line-height:2; font-size:1rem; margin-bottom:40px;}
section#postDetail article .entry-content img{ width:100%; height: auto;}

section#postDetail article .entry-content iframe{ display:block; margin:auto;}
section#postDetail article .entry-photo2{ font-size:0; letter-spacing:0; margin-bottom:40px;}
section#postDetail article .entry-photo2 ul{ width:100%; position:relative; }
section#postDetail article .entry-photo2 ul li{ width:31.333%; padding-top:18%; margin:1%; display:inline-block;}

section#postDetail article .entry-photo{ font-size:0; letter-spacing:0; margin-bottom:40px;}
section#postDetail article .entry-photo ul{ width:100%; position:relative; display: grid; grid-gap: 10px; grid-template-columns: 1fr 1fr 1fr; }
section#postDetail article .entry-photo ul li{ }
section#postDetail article .entry-photo ul li:before{ content: ''; display: block; width: 100%; height: 0; padding-top: 57.52%;}
section#postDetail article .entry-photo.column_2 ul{ grid-template-columns: 1fr 1fr;}

section#postDetail article .entry-content .photo-line{}
section#postDetail article .entry-content .photo-line  ul { list-style: none;}
section#postDetail article .entry-content .photo-line  ul li:before{ display: none;}

section#postDetail article .entry-content figure{ width: 100% !important; height: auto !important;}
section#postDetail article .entry-data{}

section#postDetail article .date{ font-size:0.8rem; color:#ccc; text-align:right;}
section#postDetail article .sns{ padding-top:20px; display: none;}



section#postDetail article .entry-content{}
section#postDetail article .entry-content .wp-video{ width:100% !important;}
section#postDetail article .entry-content video.wp-video-shortcode{ width:100% !important; height:auto !important; margin-bottom:1em;}

section#postDetail article .entry-content ul{ margin-bottom: 2em; }
section#postDetail article .entry-content ul li{padding-left: 1.5em; position: relative;}
section#postDetail article .entry-content ul li:not(:last-child){margin-bottom: 1em;  }
section#postDetail article .entry-content ul li:before{ content: '・'; font-size: 2em; line-height: 0; display: inline-block; position: absolute; top: 0.5em; left: 0;}
section#postDetail article .entry-content ol{ margin-bottom: 2em; }
section#postDetail article .entry-content ol li{}
section#postDetail article .entry-content ol li:not(:last-child){margin-bottom: 1em;  }
section#postDetail article .entry-content dl{ margin-bottom: 2em; }
section#postDetail article .entry-content dl dt{ font-size: 1.2em; }
section#postDetail article .entry-content dl dd{}
section#postDetail article .entry-content dl dd:not(:last-child){margin-bottom: 1em;  }


.videoMov{ width:100% !important; height:auto !important; margin-bottom:1em;}


section#postDetail article div.zoom2{ display:inline; overflow:hidden;}
section#postDetail article div.zoom2 br{ display:none;}
section#postDetail article div.zoom2 a{ display:inline-block; float:left; margin:0 10px 20px 10px;}
section#postDetail article div.zoom2 img{vertical-align:bottom;}


/* navigation
----------------------------------------------- */

/*#globalWrap nav{ width:200px; position:absolute; top:0px; right:0; z-index:10;}
*/
#globalWrap nav h3{ font-size:1.2;}
#globalWrap nav ul.sub{}
#globalWrap nav ul.sub li{ margin-bottom:5px; position:relative;}
#globalWrap nav ul.sub li a{ display:block; padding:5px; text-align:center;font-weight:400; border:solid 1px #666; background-color:#fff;}
#globalWrap nav ul.sub li a:hover{ background-color:#f6f6f6;}

#globalWrap nav ul.sub li.deactive{ opacity:.2;}
#globalWrap nav ul.sub li.deactive a{pointer-events: none;}

#globalWrap nav ul.tag{}
#globalWrap nav ul.tag li{ margin-bottom:5px; position:relative;}
#globalWrap nav ul.tag li a{ display:block; padding:5px; text-align:center;font-weight:400; background-color:#222222; color:#fff;}






ul#contentsMenu{ margin-bottom:40px;}
ul#relatedMenu{}
ul#relatedMenu{}
ul#relatedMenu li{ margin-bottom:5px;}
ul#relatedMenu li a{ display:block; padding:5px; text-align:center; border:solid 1px #666 !important; color:#666;font-weight:200 !important;}






	
	
	
/* pagination
----------------------------------------------- */

.pagination{
	position:relative;

    text-align: center;
	margin-bottom:15px;
	overflow:hidden;
	font-size:0.8rem;
	line-height:2;

}

.pagination .page-numbers{
	display:inline-block;
	
        
    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
}



.pagination a.prev,
.pagination a.next{ background: #000;
	color:#fff;
	display:inline-block;
   
    padding:5px 20px !important;
    margin:0px;
    text-decoration: none;
	
	-moz-transition: -moz-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: -o-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: -ms-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
	
}

.pagination a.prev:hover,
.pagination a.next:hover{
	background: #c03530;
	}


.pagination a.prev{ position:absolute; top:0; left:0;}

.pagination a.next{ position:absolute; top:0; right:0;}

	
	
.entryPager{ 
    text-align: center;
	margin-bottom:15px;
	overflow:hidden;
	font-size:0.8rem;
	line-height:2;
}
.entryPager a{
	background: #000;
	color:#fff !important;
	display:inline-block;
   
    padding:5px 20px !important;
    margin:0px;
    text-decoration: none;
	
	-moz-transition: -moz-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: -o-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: -ms-all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
	
	
	}
	
	.entryPager a:hover{
	background: #333;
	}

.entryPager .prev{ float:left;}

.entryPager .next{ float:right;}

	
	

/* form
----------------------------------------------- */




#input_type_fix{ width:0px; height: 0px; margin: 0; padding: 0; opacity: 0; display: inline;float: left;}

ul.formStyle1{ background-color:#fff; padding:10px 10px;border:solid 1px #ccc; margin:0px;}


	ul.formStyle1 #gpid_154,
	ul.formStyle1 #gpid_158{ display: none;}

ul.formStyle1 li{ margin:0 0 2px 0px;  padding:10px 5px 10px 5px;border-bottom:dotted 1px #ccc;}

ul.formStyle1 li{
	height:inherit;
	display:block;
	overflow:hidden;  
}



.page-template-page_contactguide_form_send h2{ display:none;}

ul.formStyle1 li.last{ border:0;}

ul.formStyle1 dt{ border-left:solid 5px #666;text-align:left;padding:0px 10px 0px 10px; margin-bottom:0px; background:none; font-size:small; font-weight:bold;float:left; width:160px; clear:both;}

ul.formStyle1 dt span{ color:#f30;}

ul.formStyle1 dd{ margin:0 0 0 0; float:left; width:calc(100% - 160px); }

ul.formStyle1 dd input,
ul.formStyle1 dd select,
ul.formStyle1 dd textarea{ margin:3px 0 3px 0; padding:4px; border: solid 1px #aaa;}

ul.formStyle1 label.error{ display:inline-block; padding-left: 10px; color: #c00;}

span.hosoku{ color:#666; font-size:10px;}

div.submitBtn{ padding:30px 0 20px 0;text-align:center;}

div.submitBtn button{background-color:#c00; color:#fff;  display:inline-block; padding:20px 40px; margin:auto 20px; cursor:pointer; font-size: 1.5em; transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);}
div.submitBtn button:hover{ background-color: #e42e2e;}

div.submitBtn button.deactive{ background-color:#eee;color:#ccc;  pointer-events: none;}

div.back.button{background-color:#eee; color:#000;  display:inline-block; padding:10px 20px; margin:auto 20px; cursor:pointer;}


.bgLink{  padding-top: 20px; margin-bottom: 20px; font-size: 1.2rem}

.bgLink.col_2{
	display: flex;
}

.bgLink.col_2 a{
	margin: 0;
}

.bgLink a{ display: inline-block; margin: 0; padding: 0 2em; line-height: 3em; background: #000; color: #fff !important; text-decoration: none;}
.bgLink a:hover{ background: #666;}


.bgLink_sky{  padding-top: 20px; margin-bottom: 20px; font-size: 1.2rem}
.bgLink_sky a{ display: inline-block; margin: 0; padding: 1em 2em; line-height: 1.5em; background: #2e8ac9; color: #fff !important; text-decoration: none;}
.bgLink_sky a:hover{ background: #4396cf;}

.grid .bgLink_sky a{ display: block;}


#exFormInput textarea{ width: 80%; height: 100px;}




div#sslSecom{ margin: auto; width: 45%; min-height: 180px; position: relative;  display: -webkit-flex;
  display: flex; border: solid 1px #ccc; background-color:#fff; padding: 20px 20px 20px 20px;}

div#sslSecom .text{-webkit-flex: 1;
  flex: 1; padding-right:20px;  }

div#sslSecom .seal{ width: 80px;}


article.guest{border-bottom: solid 2px #333; margin-bottom: 30px;}
div.photo_3{ overflow: hidden;}
div.photo_3 img{ float:left; width: auto; height: 150px; margin-right: 10px;}



ul.page_navilist{ text-align: center;}
ul.page_navilist li{ display: inline-block; width: 60px; height: 60px; margin: 0 30px;}
ul.page_navilist li a{ display: block; line-height: 60px; background: #484848; color: #fff !important; text-decoration:none; font-size: 1.5em;}


.now_1 ul.page_navilist li:nth-of-type(1),
.now_2 ul.page_navilist li:nth-of-type(2),
.now_3 ul.page_navilist li:nth-of-type(3),
.now_4 ul.page_navilist li:nth-of-type(4),
.now_5 ul.page_navilist li:nth-of-type(5){ pointer-events: none; opacity: .5;}


section#info dl.list dd{padding-left:1.2em !important;}
	section#info dl.list dd:before {
		content: ' ';
		height: 0;
		position: absolute;
		width: 0;
		border: 6px solid transparent;
		border-left-color: #a4d6c3;
		left: 0.2em;
		top: 0.2em;
	}








.daySelectArea{ }

.daySelectArea {}
.daySelectArea dt{ width: 75px !important; padding-top: 5px !important; border: 0 !important;}
.daySelectArea dd{}

.daySelectArea select{    
    margin: 3px 0 3px 0;
    padding: 10px;
    border: solid 1px #aaa;}
.daySelectArea select option{padding: 4px;}






div.careerWrap{
	padding: 20px 0;
}
div.careerWrap dl{
	display: grid;
	grid-gap: 10px 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
}



div.careerWrap dl dt{ font-size: 1.3em; border-bottom: solid 1px #666; border-left:solid 4px #666; padding: 2px 10px; }
div.careerWrap dl dd{ font-size: 0.9em; padding-bottom: 10px;}

div.careerWrap dl dd a{ 
	display: block;
    padding: 1em 20px;
    line-height: 1;
    text-align: center;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    background-color: #484848;
    color: #fff !important;  
}
div.careerWrap dl dd a:hover{background-color:#666;}

div.careerWrap dl dd a span{}
















	
.flowArea{ padding: 2em 0;}	
.arrow_box_b_c{
    position:relative;
    width:100%;
    height:auto;
    background:#FFFFFF;
    padding:0.5em 2em;
    text-align:center;
    border:2px solid #B2E0F8;
    font-size:1em;
    border-radius:2em;
    margin-bottom: 1.5em;
}
.arrow_box_b_c:after,.arrow_box_b_c:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.arrow_box_b_c:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:13px;
    border-right-width:13px;
    margin-left: -13px;
    border-top-color:#FFFFFF;
}
.arrow_box_b_c:before{
    border-color: rgba(0, 0, 0, 0);
    border-top-width:13px;
    border-bottom-width:13px;
    border-left-width:15px;
    border-right-width:15px;
    margin-left: -15px;
    margin-top: 2px;
    border-top-color:#B2E0F8;
}

.noArrow:after, .noArrow:before{ display: none !important;}
.bgSky{ background: #B2E0F8; color: #fff;}



.readBox{ padding-top: 2em; margin-bottom: 2em;}
.readBox h2{ position: relative; z-index: 1;}
.readBox p{position: relative; z-index: 2;}

.txtCenter{ text-align: center;}
.txtWhite{ color: #fff;}

.bgWhite{ background-color: #fff;}
.boxRadius{ border-radius: 1em;}

article.area{ padding: 2em;}
	.pcDevice article.area{ padding: 50px;}

article div.movie{ width: 100%; position: relative;}
article div.movie:before{content: ''; display: block; width: 100%; padding-top: 56.3%;}
article div.movie iframe{ position: absolute; top: 0; width: 100%; height: 100%;}


.scheduleWrap{
	display: flex;
    justify-content: space-between;
    margin-bottom: 2em;
}
.scheduleWrap dl {width: 22%; margin: 0%;  text-align: center; font-weight: bold;}
.scheduleWrap dl:first-child{ }
.scheduleWrap dl dt	{font-size: 1.5em; }
.scheduleWrap dl dd	{ font-size: 1.3em; 
	margin-bottom: 10%;
	
}
.scheduleWrap dl dd a{ display: block; background-color: #8fc31f; color: #fff !important; padding: 0.2em;box-shadow: 5px 5px 0px 0px rgba(0,0,0,1);
	 transition: all 300ms ease;
}
.scheduleWrap dl dd a:hover{  filter: brightness(110%);}


.cButton{ text-align: center; margin-bottom: 2em;}
.cButton a{
	    display: inline-block;
    margin: auto;
    padding: 1em 2em;
    line-height: 1.5em;
    background: #999;
    color: #fff !important;
    text-decoration: none;
    border-radius: 1em;
    box-shadow: 5px 6px 2px 0px rgba(0, 0, 0, 0.8);
}

.cButton a:after{
	
}


.cButton.sky a{
	background: #2e8ac9;
    color: #fff !important;
}
.cButton.pink a{
	background: #eb70a7;
    color: #fff !important;
     transition: all 300ms ease;
}

.cButton.pink a:hover{
	 filter: brightness(110%);
}




.soudanGrid{grid-gap: 2rem; text-align:center;  }
.soudanGrid h5{ text-align:center; font-weight:bold; color:#369;}
.soudanGrid .flowArea small{ display:block; line-height:1.2;}
.soudanGrid .red{ color:#c00;}


.soudanType { grid-gap: 2rem;}
.soudanType .gridItem{ background-color:#f2f2f2; padding:1rem;}
.soudanType h5{ margin-bottom:0.2rem !important;}
.soudanType small{ display:block; line-height:1.2;}

.footEx{}


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

	.soudanType { }

}

/* wrap
----------------------------------------------- */
 


#lpFooter{ width: 100%; box-sizing: border-box; padding: 2em; text-align: center; background-color: #000; color: #fff;}
#lpFooter .link{}
#lpFooter .logo{ width: 50%; max-width: 200px;}



.pcDevice #lpFooter{ padding: 50px;}

.flowArea{ clear: both;}








#lpPage .readBox p { padding-left: 22%;}
#lpPage .readBox p img{ position: absolute; bottom: 8%; left: 0%; width: 33%; z-index: -1;}
#lpPage .readBox p small{ display: block; padding-top: 1em;}

#lpPage #setsumeiOnline{}
#lpPage #setsumeiOnline h3{ margin-bottom:0.5em;}
#lpPage #setsumeiOnline h5{ display: block;  background-color: #8fc31f; text-align: center; padding: 0.5em; font-size: 0.8em; margin:0 auto 1.5em auto; padding: 0.5em; 1em; color: #fff; border-radius: 1em; }
#lpPage #setsumeiOnline .subareaWrap{ }
#lpPage #setsumeiOnline .subareaWrap img{ float: right; width: 35%; margin: 0 0 2% 2%;}
#lpPage #setsumeiOnline .subareaWrap p:nth-of-type(2) ,
#lpPage #setsumeiOnline .subareaWrap p:last-child { margin-bottom: 0;}

#lpPage #soudanOnline{}
#lpPage #soudanOnline h3{ margin-bottom:0.5em;}
#lpPage #soudanOnline h5{ display: block;  background-color: #eb70a7; text-align: center; padding: 0.5em; font-size: 0.8em; margin:0 auto 1.5em auto; padding: 0.5em;  color: #fff; border-radius: 1em; }

#lpPage #soudanOnline .subareaWrap{ }
#lpPage #soudanOnline .subareaWrap img{ float: left; width: 25%; margin: 0 4% 2% 0;}
#lpPage #soudanOnline .subareaWrap p:last-child { margin-bottom: 0;}

#lpPage .toOc{ width: 80%; margin: auto;}

#lpPage article div.movie{ }

.subareaWrap p{ }
.pcDevice #lpPage{ min-width: 700px;font-size: 1.15em;}
.pcDevice #lpPage .readBox{ margin-bottom: 100px;}
.pcDevice #lpPage .readBox p{    padding-left: 15%;}
.pcDevice #lpPage .readBox p img{ 	bottom: -60%;    left: 0%;    width: 21%;}

.pcDevice #lpPage #setsumeiOnline h3{ margin-bottom:30px;}
.pcDevice #lpPage #setsumeiOnline h3 img{ max-width: 500px}
.pcDevice #lpPage #setsumeiOnline .subareaWrap img{ width: 30%;}

.pcDevice #lpPage #soudanOnline h3{ margin-bottom:30px;}
.pcDevice #lpPage #soudanOnline h3 img{ max-width: 500px}
.pcDevice #lpPage #soudanOnline .subareaWrap img{ width: 15%;}

.pcDevice #lpPage h5 {
	font-size: 1.2em !important;
    margin: 0 auto 30px auto !important;
    padding: 0.5em !important;
    border-radius: 2em !important;
}



.pcDevice .cButton a{ 
	font-size: 1.2em;
	padding: 1em 4em;
    line-height: 1.5em;
    border-radius: 2em;
    box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.5);
 }


.pcDevice article div.movie{ width:80%; max-width: 700px; margin: auto;}

.pcDevice #lpPage .toOc{ width: 350px; margin: auto;}
.pcDevice #lpPage .toOc a{     transition: all 300ms ease;}
.pcDevice #lpPage .toOc a:hover{ filter: brightness(110%);}







@media screen and (max-width: 1000px) {
	div.careerWrap dl{
	display: grid;
	grid-gap: 10px 20px;
    grid-template-rows: auto ;
    grid-template-columns: 1fr;
    grid-auto-flow:inherit;
}

div.careerWrap dl dt{ border-left:solid 6px #666; padding: 2px 20px; }
div.careerWrap dl dd.link{ margin-bottom: 40px;}



.soudanGrid{    grid-template-columns: 1fr !important;}



}