@charset "utf-8";

/*----------------------------------------------------*/ 
/* strong
------------------------------------------------------*/

.bld { font-weight:bold !important;}
.nol { font-weight:normal !important;}
.red {	color:#CC0000;}
.redBold {	color:#CC0000; font-weight:bold !important;}


/*----------------------------------------------------*/ 
/* margin
------------------------------------------------------*/ 

.bm0 {	margin-bottom:0 !important;}
.bm5 {	margin-bottom:5px !important;}
.bm10 {	margin-bottom:10px !important;}
.bm15 {	margin-bottom:15px !important;}
.bm20 {	margin-bottom:20px !important;}
.bm25 {	margin-bottom:25px !important;}
.bm30 {	margin-bottom:30px !important;}
.bm35 {	margin-bottom:35px !important;}
.bm40 {	margin-bottom:40px !important;}
.bm45 {	margin-bottom:45px !important;}
.bm50 {	margin-bottom:50px !important;}

.tm0 {	margin-top:0 !important;}
.tm5 {	margin-top:5px !important;}
.tm10 {	margin-top:10px !important;}
.tm15 {	margin-top:15px !important;}
.tm20 {	margin-top:20px !important;}
.tm25 {	margin-top:25px !important;}
.tm30 {	margin-top:30px !important;}
.tm35 {	margin-top:35px !important;}
.tm40 {	margin-top:40px !important;}
.tm45 {	margin-top:45px !important;}
.tm50 {	margin-top:50px !important;}

.lm0 {	margin-left:0 !important;}
.lm5 {	margin-left:5px !important;}
.lm10 {	margin-left:10px !important;}
.lm15 {	margin-left:15px !important;}
.lm20 {	margin-left:20px !important;}
.lm25 {	margin-left:25px !important;}
.lm30 {	margin-left:30px !important;}
.lm35 {	margin-left:35px !important;}
.lm40 {	margin-left:40px !important;}
.lm45 {	margin-left:45px !important;}
.lm50 {	margin-left:50px !important;}

.rm0 {	margin-right:0 !important;}
.rm5 {	margin-right:5px !important;}
.rm10 {	margin-right:10px !important;}
.rm15 {	margin-right:15px !important;}
.rm20 {	margin-right:20px !important;}
.rm25 {	margin-right:25px !important;}
.rm30 {	margin-right:30px !important;}
.rm35 {	margin-right:35px !important;}
.rm40 {	margin-right:40px !important;}
.rm45 {	margin-right:45px !important;}
.rm50 {	margin-right:50px !important;}

/*----------------------------------------------------*/ 
/* position
------------------------------------------------------*/ 

.posC {	text-align:center;}
.posR {	text-align:right;}
.floR { float:right;}
.floL { float:left;}
.floRp { float:right; padding:0 0 10px 10px;}
.floLp { float:left; padding:0 10px 10px 0;}


/*----------------------------------------------------*/ 
/* clearfix
------------------------------------------------------*/ 

.clearfix { /zoom:1;}
.clearfix:after {	content:"."; display:block;	clear:both;	height:0;	visibility:hidden;} 

.clrfl { clear:both; }

/*----------------------------------------------------*/ 
/* heading
------------------------------------------------------*/ 

.titlebnr {
	margin-bottom:40px;
}

.pageHeader {
	padding: 1em 1em;
	background: rgba(255,255,255,1);
	margin-bottom: 40px;
	border-radius: 0 2em 2em 0;
	border-left:5px solid #80c7cc;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 3.0rem;
}

.pageHeader span {
	font-size: 1.4rem;
	display: inline-block;
	margin-left: 1em;
	font-family: 'Noto Sans Japanese', serif;
	font-weight: normal;
}

.htype01 {
	border-bottom:solid 1px #9A9995;
	padding:0 0 3px 25px;
	margin-bottom:25px;
	background:url(/lib/img/cmn/icon_square_02.gif) no-repeat left 3px;
	font-size:131%;
}


.htype02 {
	border:solid 1px #A4D6C8;
	border-radius:5px;
	padding:10px 0 12px 20px;
	margin-bottom:25px;
	font-size:2.0rem;
	font-weight:normal;
	color: #008684;
	background-color:#FFF;
}

.htype03 {
	border-bottom:solid 1px #A4D6C8;
	padding:8px 0 8px 20px;
	margin-bottom:20px;
	background:url(/lib/img/cmn/icon_round_01.gif) no-repeat center left;
	color:#008684;
	font-size:116%;
}

#mv {
	aspect-ratio:16 / 5;
	position:relative;
	background-size: contain !important;
}
#mv:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	height: 30vh;
	background: #FFF;
	display: block;
}


#mv h1,
#mv .categoryTitle {
	background-color:rgba(255,255,255,0.6);
	bottom:0;
	display:block;
	left:0;
	line-height:1;
	padding:20px 0;
	position:absolute;
	text-align:center;
	width:100%;
}

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

.titlebnr {
	margin: 0 -15px 20px;
	padding-left: 15px;
	background: #FAF7F2;
}
	
.htype01 {
	font-size: 1.7rem;
	line-height: 1.5;
}

#mv {
	height:auto;
	aspect-ratio:2 / 1;
}

#mv h1 span {
	font-size:1.8rem;
	font-weight:normal;
	text-shadow:white 2px 2px 5px, white -2px 2px 5px, white -2px -2px 5px, white 2px -2px 5px;
}

}

/*----------------------------------------------------*/ 
/* link
------------------------------------------------------*/ 

.link01 a {
	background:url(/lib/img/cmn/icon_link_01.png) no-repeat left center;
	padding-left:10px;
}

.dotlist {
	margin-bottom: 1em;
}

.dotlist li {
	display: block;
	margin-bottom: .2em;
	padding-left: 1.2em;
	position: relative;
}

.dotlist li:before {
	content: "・";
	height: 1em;
	left: 0;
	position: absolute;
	top: 0;
	width: 1em;
}

.list_type01 li {
	display: block;
	padding-left: 16px;
	position: relative;
}

.list_type01 li:before {
	background: url("/lib/img/cmn/icon_link_01.png") no-repeat;
	content: "";
	height: 12px;
	left: 3px;
	position: absolute;
	top: .4em;
	width: 5px;
}

/*----------------------------------------------------*/ 
/* トップ修正 2019.05.15
------------------------------------------------------*/ 

.bnr {
	text-align: center;
	margin: 30px 0;
}

.bnr a,
.bnr_kids a {
	text-align: center;
}

.bnr_kids {
	margin: 30px 0 0;
	text-align: center;
}

.bnr .pc {	display: inline-block;}
.bnr .sp {	display: none;}

.bnr.shourei {
	position: relative;
	max-width: 950px;
	margin: 30px auto;
}

.bnr.shourei a {
	position: absolute;
	display: block;
}

.bnr.shourei.pc a.mse {
	width: 34.7%;
	height: 22%;
	left: 18.1%;
	top: 73%;
}

.bnr.shourei.pc a.child {
	width: 29.5%;
	height: 22%;
	left: 54.3%;
	top: 73%;
}


.bnr.shourei.sp a.mse {
	width: 47.5%;
	height: 27%;
	left: 1.1%;
	top: 69.5%;
}

.bnr.shourei.sp a.child {
	width: 47.5%;
	height: 27%;
	left: 50.6%;
	top: 69.5%;
}


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

.bnr .pc {	display: none;}
.bnr .sp {	display: block;}
	
	.bnr_kids {
		padding: 0 10px;
	}

}