@charset "shift_jis";

/* summary */

.swiper-wrapper, .swiper-container, .newsbox , .con_box {
	max-width: 1024px;
	margin:0 auto;
	height:auto;
	padding:0;
}

.con_box {
	display:flex;
	flex-wrap: wrap-reverse;
	justify-content:space-between;
	}




#left_block {
	width:23%;
	max-width:23%;
	order: 1;
	padding-top: 2.5em;
}

#right_block {
	width:72%;
	max-width:72%;
	order: 2;
}

.schbox {
	margin-bottom:3em;
}


.s_menu ul li, .log,
.s_menu_japanopen ul li, .log,
.s_menu_gifu ul li, .log,
.s_menu_ogakiopen ul li, .log {
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
}

.s_menu ul li,.log div,
.s_menu_japanopen ul li,.log div,
.s_menu_gifu ul li,.log div,
.s_menu_ogakiopen ul li,.log div {
	transition: all 0.3s;
}

.s_menu ul li,.log p, .com h4,
.s_menu_japanopen ul li,.log p, .com h4,
.s_menu_gifu ul li,.log p, .com h4,
.s_menu_ogakiopen ul li,.log p, .com h4 {
	font-family: 'Kosugi Maru', sans-serif;
	transform: rotate(0.001deg);
}


/* summary */




/* swiper */

#swiper-set {
	position:relative;
	z-index:0;
	
}

.swiper-container {
	height:300px;
}

.swiper-button-next {
	right:20%;
}

.swiper-button-prev {
	left:20%;
}

.swiper-slide {
	max-width:1024px;
}

.swiper-slide video {
	margin-top:-110px;
	max-width:100%;
	position:relative;
	z-index:-1;
}
/* swiper */

/* contentarea */
#contents_area {
	margin-bottom:4em;
}

/* contentarea */



/* left_block */

#left_block h2 span {
	padding:0 8px;
	font-size:1.08em;
	margin: 0 auto 0.25em;
	}
#left_block h2 span .fontmin {
	padding:0 8px;
	font-size:0.9em;
	margin: 0 auto 0.25em;
	}

#left_block h2 span.font10px {
	font-size:0.85em;
	margin-bottom:0.75em;
	}

#left_block h2 span::before, #left_block h2 span::after {
	width:15px;
}



/* newsblock */

.newsbox {
	width:100%;
	margin-top:2.5em;
	}

.newsblock {
}

.new h3 {
	margin-bottom:1.5em;
	padding: 0.25em 0 0.3em 1em;
}

.new h3 span {
	display:inline-block;
}

.new h3 span:first-child {
	float: left;
}
.new h3 span:nth-child(2) {
	float: right;
	font-size:0.82em;
	font-weight: normal;
}


.n_con dl {
	overflow: hidden;
	zoom: 1;
}

.n_con dt {
	float: left;
	clear: both;
	padding-left:1.5em;
}

.n_con dd {
	padding: 0 0 1.5em 8.5em;
}

.n_con dl dd:last-child {
	padding-bottom:0;
}


.log {
	background:url("../img/log_bg.jpg");
	border:3px solid #88abda;
	margin:0;
	text-align:center;
}

.log a {
	text-decoration:none;
	color:#333;
}

.log div {
	height:100%;
	background:rgba(255,255,255,0);
	padding:0.75em 0.75em 0.8em;
}

.log:hover div {
	background:rgba(65,105,225,.2);
}

.log p {
/*	max-width:230px;*/
	font-size:1.18em;
	margin-top:0.5em;
    margin-left: auto;
    margin-right: auto;
	padding-left:2.5em;
	background:url("../img/arrow.png") no-repeat;
	background-position: left center;
	text-align:left;
}

/* newsblock */





/* s_menu */

.s_menu ul, .s_menu_japanopen .s_menu_gifu .s_menu_ogakiopen ul {
	margin-bottom:3em;
/*	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
*/
}

.s_menu ul::before, .s_menu ul::after,
.s_menu_japanopen ul::before, .s_menu_japanopen ul::after,
.s_menu_gifu ul::before, .s_menu_gifu ul::after,
.s_menu_ogakiopen ul::before, .s_menu_ogakiopen ul::after {
	content:"";
	display: block;
	width:calc(100% / 4.1);
}


.s_menu ul::before,
.s_menu_japanopen ul::before,
.s_menu_gifu ul::before,
.s_menu_ogakiopen ul::before {
	order:1;
}


.s_menu ul li {
	background:#9fd6f5;
	padding:0.75em 0.75em ;
	margin-bottom:10px;
	vertical-align: middle;
	text-align:center;
	border-left:#fff 1px solid;
	position:relative;
}

.s_menu_japanopen ul li {
	background:#d9f5ad;
	padding:0.75em 0.75em ;
	margin-bottom:10px;
	vertical-align: middle;
	text-align:center;
	border-left:#fff 1px solid;
	position:relative;
}

.s_menu_gifu ul li {
	background:#FEDFEF;
	padding:0.75em 0.75em ;
	margin-bottom:10px;
	vertical-align: middle;
	text-align:center;
	border-left:#fff 1px solid;
	position:relative;
}

.s_menu_ogakiopen ul li {
	background:#fff4aa;
	padding:0.75em 0.75em ;
	margin-bottom:10px;
	vertical-align: middle;
	text-align:center;
	border-left:#fff 1px solid;
	position:relative;
}

.s_menu_ogakiopen ul li.entry {
	background:#ffabab;
}
.s_menu_ogakiopen ul li.entry.gray {
	background: #ccc;
}
.s_menu_ogakiopen ul li.entry.gray:hover {
	background: #ffabab;
}
.s_menu_ogakiopen ul li.entry.red00 {
	background: #f73131;
}
.s_menu_ogakiopen ul li.entry.red00 a {
	color: #fff;
}
.s_menu ul li.entry.red {
	background: #f73131;
}
.s_menu ul li.entry.red a {
	color: #fff;
}
.s_menu ul li.orange {
	background: #f9c895;
}
.s_menu ul li.orange:hover {
	background: #f7a959;
}


/*
.s_menu ul:nth-child(2) li {
	width:calc(100% / 4.1);
	display:inline-block;
	margin:0  0.1em;
}


.s_menu ul:nth-child(2) li:first-child {
	margin-left:0;
}


.s_menu ul:nth-child(2) li:last-child {
	margin-right:0;
}

*/



.s_menu ul li a::before,.s_menu ul li a::after,
.s_menu_japanopen ul li a::before,.s_menu_japanopen ul li a::after,
.s_menu_gifu ul li a::before,.s_menu_gifu ul li a::after,
.s_menu_ogakiopen ul li a::before,.s_menu_ogakiopen ul li a::after,
.exchange a::before,.exchange a::after {
	content:"";
	position:absolute;
	width:16px;
	height:100%;
	transition: .5s ;
	transform: transition 0.25s ease-out;
	top:0;
}

.s_menu ul li a::before,
.s_menu_japanopen ul li a::before,
.s_menu_gifu ul li a::before,
.s_menu_ogakiopen ul li a::before,
.exchange a::before {
	background:url(../img/sm_bg.png) no-repeat;
	background-size:contain;
	background-position:left center;
	left:8px;
}

.s_menu ul li a::after,
.s_menu_japanopen ul li a::after,
.s_menu_gifu ul li a::after,
.s_menu_ogakiopen ul li a::after,
.exchange a::after {
	background:url(../img/sm_bg.png) no-repeat;
	background-size:contain;
	background-position:right center;
	right:8px;
}


.s_menu ul li a:hover::before,.s_menu ul li a:hover::after,
.s_menu_japanopen ul li a:hover::before,.s_menu_japanopen ul li a:hover::after,
.s_menu_gifu ul li a:hover::before,.s_menu_gifu ul li a:hover::after,
.s_menu_ogakiopen ul li a:hover::before,.s_menu_ogakiopen ul li a:hover::after,
.exchange a:hover::before,.exchange a:hover::after {
	
	transform: rotate(180deg);
}



.s_menu ul li:first-child, .s_menu ul li:nth-child(5),
.s_menu_japanopen ul li:first-child, .s_menu_japanopen ul li:nth-child(5),
.s_menu_gifu ul li:first-child, .s_menu_gifu ul li:nth-child(5),
.s_menu_ogakiopen ul li:first-child, .s_menu_ogakiopen ul li:nth-child(5) {
	border-left:none;
}

.s_menu ul li:nth-child(4), .s_menu ul li:last-child,
.s_menu_japanopen ul li:nth-child(4), .s_menu_japanopen ul li:last-child,
.s_menu_gifu ul li:nth-child(4), .s_menu_gifu ul li:last-child,
.s_menu_ogakiopen ul li:nth-child(4), .s_menu_ogakiopen ul li:last-child {
	border-right:none;
}

.s_menu ul li:nth-child(n + 5):not(:nth-child(n + 9)),
.s_menu_japanopen ul li:nth-child(n + 5):not(:nth-child(n + 9)),
.s_menu_gifu ul li:nth-child(n + 5):not(:nth-child(n + 9)),
.s_menu_ogakiopen ul li:nth-child(n + 5):not(:nth-child(n + 9)) {
	border-bottom:none;
}

.s_menu ul li:hover {
	background:#4fc0fa;
}
.s_menu ul li.hov-none:hover {
	background:#9fd6f5;
}

.s_menu_japanopen ul li:hover {
	background:#87d236;
}
.s_menu_gifu ul li:hover {
	background:#FF69B4;
}
.s_menu_ogakiopen ul li:hover {
	background:#f8d905;
}

.s_menu_ogakiopen ul li.entry:hover {
	background:#fb7878;
}

.s_menu ul li a,
.s_menu_japanopen ul li a,
.s_menu_gifu ul li a,
.s_menu_ogakiopen ul li a {
	color:#333;
	display:block;
}

.s_menu ul li a:hover,
.s_menu_japanopen ul li a:hover,
.s_menu_gifu ul li a:hover,
.s_menu_ogakiopen ul li a:hover {
	text-decoration:none;
}
.exchange a {
	position: relative;
	padding: 0.75em;
	font-family: 'Kosugi Maru', sans-serif;
	color: #333;
	background: #ffabab;
	display: block;
	text-align: center;
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
}
.exchange a span {
	display: block;
}
.exchange a:hover {
	text-decoration: none;
	background: #ff9494;
}
/* s_menu */


/* right_block */

#right_block h2 span {
	margin:0.5em auto;
	}


.catbox h2 {
	margin-top:0;
}

.schedu {
	margin:0 auto;
	text-align:center;
	}

.pro_start {
	margin: 60px auto;
}
.pro_start .inr-box {
	padding: 10px 0 15px;
}
.pro_start a {
	border: 1px solid #0000ee;
	display: inline-block;
	padding: 2px 1em 1px;
	margin-right: 0.5em;
	font-size: 0.9em;
}
.pro_start a:hover {
	color: #3399ff;
	border: 1px solid #3399ff;
}
h3 {
	font-size: 1.3em;
	padding: 0.25em 1em 0.3em;
	font-weight: bold;
}
.pro_start h4 {
	border-radius: 5px;
	background: #e8f9ff;
	padding: 0.5em 1em;
	font-weight: bold;
}
.pro_start h5 {
	border-bottom: 2px dotted #22baee;
	padding: 0.3em 0.5em;
	margin: 0 0.5em;
	font-weight: bold;
	margin-bottom: 1em;
}
.pro_start p {
	padding: 0.5em 1em;
}
.pro_start ul {
	margin: 15px auto 30px;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px dotted #ccc;
}
.pro_start ul li {
	border-top: 1px dotted #ccc;
	padding: 15px;
}
.pro_start ul li:nth-child(odd) {
	width: 120px;
}
.pro_start ul li:nth-child(even) {
	width: calc(100% - 120px);
}
.resp-box {
	padding: 1em;
	background: #fff;
	border: 2px solid #54a2de;
}



/* catcontent */

.catcontent {
	display:flex;
	justify-content: space-between;
	margin-bottom:4em;
}

.com {
	width:calc(100% / 3.15);
	padding:1.0em;
	border:2px solid #626262;
	background:#fff;
}


.com h4 {
	position: relative;
	display: inline-block;
	padding: 0 0 0 1.0em;
	vertical-align: middle;
	text-decoration: none;
	margin-bottom:0.25em;
	font-size:1.0em;
}

.com h4::before {
position: absolute;
top: 0.5em;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
width: 4px;
height: 4px;
border-top: 3px solid #66bcff;
border-right: 3px solid #66bcff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
	
	
.com img {
	max-width:100%;
	margin-bottom:1em;
}

.com p {
	font-size:0.87em;
}

/* catcontent */



/* レスポンシブ */
@media screen and (max-width:900px) {
/*スマホ用のcssを記述*/

#swiper-set {
	height: 220px;
	overflow: hidden;
}
}



@media screen and (max-width:750px) {
/*スマホ用のcssを記述*/

.swiper-slide video {
	margin-top: -100px;
	width:100%;
}
.swiper-container {
	height:100%;;
	}

#swiper-set {
	height: 140px;
	overflow: hidden;
}


	#contents_area {
		padding-left:1em;
		padding-right:1em;
	}
	
	
	#left_block ,#right_block {
	width:100%;
	max-width:100%;
}
	
	#left_block h2 span {
	padding:0 55px;
	font-size:1.18em;
	margin:0.25em auto;
	}
	
	#left_block h2 span span {
	padding:0px;
	}

#left_block h2 span::before, #left_block h2 span::after {
	width:45px;
}
	
	
	.new {
	width:100%;
	max-width:100%;
}
	.new dl {
		padding-left:1em;
}
	
	.catcontent{
		flex-wrap: wrap;
	}
	.log,.com {
		flex-basis: 100%;
	}
	
	
	.s_menu ul li,
	.s_menu_japanopen ul li,
	.s_menu_gifu ul li {
		box-shadow: inherit;
		padding:0.5em;
	}
	.s_menu ul li:nth-child(2n),
	.s_menu_japanopen ul li:nth-child(2n),
	.s_menu_gifu ul li:nth-child(2n) {
		border-top:none;
		border-bottom:none;
	}

	.n_con dt,.n_con dd {
		width:100%;
		padding:0;
	}

	.n_con dt {
		float:none;
		margin-bottom:0.25em;
	}

	.n_con dd {
		margin-bottom:1.5em;
		padding-bottom:0.75em !important;
		border-bottom:1px dashed #999;
	}
	
	.log {
		margin:0 auto 4em;
		width:100%;
		text-align:center;

		}
	
	.log div {
		text-align:center;
		width:100%;
		margin: 0 auto;
		display:inline-block;
	}
	
	.log p {
		text-align:center;
		padding:5px 0 5px 40px;
		display:inline-block;
	}
	
	.log p br,h4 br {
		display:none;
	}
	

	
	#right_block .catbox h2 not:(span:first-child) {
		margin-bottom:0;
		}
	
	
	.com {
		width:auto;
		max-width:inherit;
		margin:0.5em auto;
		padding:1.0em;
		text-align:center;
	}

	.com:first-child {
		margin-top:0;
		}

	.com p {
		text-align:left;
	}
	.pro_start .inr-box {
		padding: 15px 0;
	}
	
	
	

}