/*///----- event -----///*/
#eventBox h2{position:relative;
	background-image:url(../img/event/title.png) ;background-repeat:no-repeat;}
#eventBox h2 small{position: absolute;bottom: 0px; right: 5px;font-size:120%;line-height:100%;font-weight:bold;color:#004561;transform: rotate(.03deg);}
	#eventBox .innerbox{border-bottom:dashed 1px #004561;}
	#eventBox .area_end{border-bottom:solid 1px #004561;}
	#eventBox h3{color: #004561;}
	#eventBox h4{color: #004561;background-color:#fffdf8;border-left:solid 10px #004561;}

/*/ dl /*/
#eventBox dt,
#eventBox dd{box-sizing:border-box;}
#eventBox dt{background:#85a4c5;color:#fffdf8;font-weight:bold;border-bottom:solid 1px #004561;}
#eventBox dd{background:#fffdf8;border-bottom:solid 1px #004561;}

#eventBox .caption{display:block;font-size:80%;text-align:center;}

.indent-1 {padding-left:0.5em; text-indent:-0.5em; display: block;}

/*/ course_table /*/
.course_tit{ margin-bottom: 0.5em;}
.course_table th,td{text-align: left; vertical-align:top;}
.course_table th{ font-weight: 400;}
.course_table td{ padding-left: 1em;}

@media all and (min-width: 768px) {
#eventBox {width: 590px;padding:30px 0;}
#eventBox h2{width:580px;height:35px;margin-bottom:30px;background-position:10px 0;border-left:solid 10px #004561;}
	#eventBox .innerbox{padding:0px 0 20px; margin-bottom: 20px;}
	#eventBox h3{font-size:130%;}
	#eventBox h3 span{font-size: 75%;}
	#eventBox h4{margin:10px 0;padding:5px;border-left:solid 10px #85a4c5;line-height:1.5;}
	#eventBox .txt{margin-top:10px;font-size:100%;}

/*/ dl /*/
#eventBox .innerbox dl
{margin:20px 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#eventBox .innerbox dt,
#eventBox .innerbox dd{padding:10px;font-size:90%;}
#eventBox .innerbox dt{width:110px;display: flex;  justify-content: center;align-items: center; }
#eventBox .innerbox dd{width:480px;}

/*/ ul /*/
#eventBox .innerbox li{font-size:90%;}
#eventBox .innerbox li {text-indent: -1em;margin-left: 1em;}
#eventBox .innerbox li:before {content: '※';
	font-size:120%;margin-right:.3em;}

#eventBox .caption{margin-bottom:10px;}
/*/ course_table /*/
.course_table th{ width: 7em;}
}

@media all and (max-width: 767px) {
#eventBox{width:90%;margin:0 auto;padding:2em 0 1em;}
#eventBox h2{width:100%;height:25px;margin-bottom:1em;background-position:5px 0;background-size:contain;border-left:solid 5px #004561;}

	#eventBox .innerbox{padding:0 0 2em; margin: 0 0 2em;}
	#eventBox h3{font-size:110%;}
	#eventBox h4{margin:.5em 0;padding:.2em .5em;border-left:solid 5px #85a4c5;line-height:1.5;}
	#eventBox .txt{margin-top:1em;}

/*/ dl /*/
#eventBox .innerbox dl{margin:1em 0;}
#eventBox .innerbox dt{padding:0 5px;font-size:85%;}
#eventBox .innerbox dd{padding:5px;font-size:85%;}
/*/ ul /*/
#eventBox .innerbox li{font-size:85%;}
#eventBox .innerbox li {text-indent: -1em;margin-left: 1em;}
#eventBox .innerbox li:before {content: '※';
	font-size:120%;margin-right:.2em;}
#eventBox .caption{margin-bottom:1em;}

/*/ course_table /*/
.course_table th{ width: 8em;}
}

/*///////////////// photo ////////////////*/
.event .photo_tate,
.event .photo_yoko,
.event .photo_square,
.event .photo_goods,
.event .photo_goods2{display:block;background-color:#f4f1e4;}

@media all and (min-width: 768px) {
.event .photo_tate .lazy{display:block;width:400px;height:500px;}
.event .photo_yoko .lazy{display:block;width:400px;height:300px;}
.event .photo_square .lazy{display:block;width:400px;height:400px;}
.event .photo_logo .lazy{display:block;width:110px;height:73px;}
.event .photo_hoppe .lazy{display:block;width:200px;height:133px;}
.event .photo_goods .lazy{display:block;width:500px;height:707px;}
.event .photo_goods2 .lazy{display:block;width:500px;height:327px;}

.event .photo_tate{display:block;width:400px;height:500px;margin:20px auto 20px;}
.event .photo_yoko{display:block;width:400px;height:300px;margin:10px auto;}
.event .photo_square{display:block;width:400px;height:400px;margin:10px auto;}
.event .photo_logo{display:block;width:110px;height:73px;margin:0px auto; background-size: 110px 73px; float: right; padding-left: 10px;}
.event .photo_hoppe{display:block;width:200px;height:133px;margin:0px auto; background-size: 200px 133px; float: right; padding:2em 0 0 10px;}
.event .photo_goods{display:block;width:500px;height:707px;margin:20px auto;}
.event .photo_goods2{display:block;width:500px;height:327px;margin:20px auto;}
}

@media all and (max-width: 767px) {
.event .photo_tate{width:70%;margin:1em auto;}
.event .photo_square{width:80%;margin:1em auto;}
.event .photo_tate .lazy{display:block;width:100%;height:0;padding-top:125%;}
.event .photo_yoko .lazy{display:block;width:100%;height:0;padding-top:75%;margin:1em auto;}
.event .photo_square .lazy{display:block;width:100%;height:0;padding-top:100%;margin:1em auto;}
.event .photo_logo .lazy{display:block;width:150px;height:100px;background-size: 150px 100px;margin:1em auto;}
.event .photo_hoppe .lazy{display:block;width:200px;height:133px;background-size: 200px 133px;margin:1em auto;}
.event .photo_goods .lazy{display:block;width:100%;height:0;padding-top:141.4%;margin:1em auto;}
.event .photo_goods2 .lazy{display:block;width:100%;height:0;padding-top:65.4%;margin:1em auto;}
 }

 /*///////////////// page link ////////////////*/
 .p_link {
	 display: flex;
	 flex-wrap: wrap;
 }
 .p_link li a{
	background-color: #85a4c6;
	color: #fff;
	font-size: 95%;
	display: block;
	font-weight: 800;
	position: relative;
	vertical-align: middle;
	text-decoration: none;
	box-shadow: 3px 3px 0px rgba(133,164,198,0.3);
	transition: all 200ms ease-out;
 }
 .p_link li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	width: 0;
	height: 0;
	vertical-align: middle;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #004561;
 }
@media all and (min-width: 768px) {
.p_link{
	margin-bottom: 8px;
}
.p_link li a{
	padding: 10px 35px 10px 28px;
	margin: 0 15px 12px 0;
}
.p_link li a:hover{
	transform: translate(2px,2px);
	box-shadow: 1px 1px 0px rgba(133,164,198,0.3);
}
}
@media all and (max-width: 767px) {
.p_link{
	margin: 20px 0 10px;
}
.p_link li{
	width: 49%;
	margin: 0 2% 12px 0;
}
.p_link li:nth-child(2n){
	margin: 0 0 12px 0;
}
.p_link li a{
	padding: 10px 15px 10px 15px;
	display: block;
}
}

 /*///////////////// mini_tit ////////////////*/
.mini_tit{
	background-color: #004561;
	color: #fff;
	font-size: 120%;
	font-weight: 800;
	padding: 2px 20px 0;
	line-height: 2.3;
	margin: 0 0 20px;
	font-family: Garamond,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
}
.group_box{
	padding-top: 15px;
	margin-top: -15px;
}