@charset "utf-8";

/* ▼slick.js関係▼ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	image-orientation: from-image; /* 画像の EXIF データを使用  (画像の反転対応）*/
}

.slider {
	margin: 0 0 50px;
}

.slider img {
	width: 100%;
	height: auto;
}

.sliderspace {
	width: 100%;
	max-width: 840px;
	margin: 0 auto;
}

.sliderspace img {
	width: 100%;
	height: auto;
}

.slick-prev::before, .slick-next::before {
	font-size: 24px;
}

.center-item .slick-next {
	right: 20px;
	z-index: 99;
}

.center-item .slick-prev {
	left: 15px;
	z-index: 100;
}
/* ▲slick.js関係▲ */



body{font-family: Meiryo, メイリオ, Osaka, sans-serif;}

a{color: #20936e;}
a:visited{color: #2dad85;}
a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}

img{
	image-orientation: from-image; /* 画像の EXIF データを使用  (画像の反転対応）*/
}

.temp02cont{
	display: block;
	width: 100%;
	height: auto;
}

.inner{
	display: block;
	margin: 0 auto;
	padding: 50px 30px;
	word-break: break-all;
}

.inner2{
	display: block;
	margin: 0 auto;
	padding: 50px 0;
}

.grd_gb{
	background: linear-gradient(to right, #43cea2, #185a9d);
	color: #fff;
}

.grd_gb a, .grd_gb a:visited{color: #fff;}

.bgline{
	/*background: url("../images/bg_blueline.png") repeat-x;*/
	background: url("../images/bg_grayline.png") repeat-x;
}

.conttitle{
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
}

.conttitle p{
	display:inline-block;
	font-size: 1.35em;
	font-weight: bold;
	padding: 10px 18px;
	margin: 0 0 25px 0;
	border: 4px solid #000;
}




/* ▼ヘッダー▼ */
header.temp02cont{
	/*position: absolute;
	top:0;
	left: 0;
	z-index: 2;
	background: rgba(255,255,255,0.3);*/
}

header.temp02cont .inner{
	display: block;
	margin: 0 auto;
	padding: 20px;
}

header .front .logo{
	display: inline-block;
	width: 50%;
	height: auto;
	vertical-align: middle;
}

header .front .maincap{
	display: inline-block;
	width: 50%;
	height: auto;
	text-align: right;
	vertical-align: middle;
	font-size: 85%;
	word-break: break-all;
}

header.temp02cont .logo img{
	/*height: 30px;*/
	vertical-align: top;
    /*width: 100%;*/
    width: auto;
    max-width: 100%;
    max-height: 40px;
}

@media (min-width:540px){
	header.temp02cont .inner{
		display: block;
		margin: 0 auto;
		padding: 20px 30px;
	}

	header.temp02cont .logo img{
		/*height: 45px;*/
		max-height: 45px;
		vertical-align: top;
	    max-width: 180px;
	    max-height: auto;
	}

	header .front .maincap{
		font-size: 100%;
	}
}
/* ▲ヘッダー▲ */

.sitehonbun img {
	max-width: 100%;
	height: auto;
}


/* ▼検索窓▼ */
.searchpanel table.search{
	width: 100%;
}

.searchpanel .conttitle p{
	border: 4px solid #fff;
}

.searchpanel .cattitle{
	background: rgba(0,0,0,0.1);
	vertical-align: middle;
	text-align: left;
	padding: 6px;
	width: 20%;
}

.searchpanel .catcontents{
	vertical-align: middle;
	padding: 0 1em 0 6px;
}

.searchpanel .catcontents input[type="text"]{
	border: 0;
	padding: 10px;
	border: 2px solid #fff;
	background: rgba(255,255,255,0);
	color: #fff;
	width: 85%;
}

.searchpanel .catcontents input[type="text"]:focus{
	border: 2px solid #ffff00;
}

.searchpanel .catcontents #acMenu{
	max-width: 100%;
	word-break: break-all;
}

.searchpanel .catcontents label {
    display: inline-block;
    margin: 0 25px 0 0;
}

#acMenu dt{
	display:block;
	width:99%;
	cursor:pointer;
	background:url(../images/plus2.png) right center no-repeat rgba(255,255,255,0.1);
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	font-size: 1.35em;
	font-weight: bold;
	border: 2px solid #fff;
}

#acMenu dt.active{
	background:url(../images/minus2.png) right center no-repeat rgba(255,255,255,0.1);
	border: 0;
	border-bottom: 2px solid #fff;
	padding: 2px 2px 0px 2px;
}

#acMenu dt span{
	display: block;
	margin: 3px 6px 0px 6px;
	padding-right: 1.25em;
}

#acMenu dd{
	width:99%;
	display:none;
	margin: 0 0 14px 0 ;
	padding: 0;
}

#acMenu dd:last-child{
	margin: 0;
}

#acMenu dd label{
	display: inline-block;
	margin: 0 16px 8px 3px;
}

.searchpanel .searchbtn{
	display: block;
	width: 100%;
	text-align: center;
	margin: 10px 0 0 0;
}

.searchbtn button/* a,
.searchpanel .btn a:visited*/{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.35em;
	display: inline-block;
	margin: 0;
	background: #fff;
	border: 0;
	padding: 15px 30px;
	border-radius: 500px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	cursor: pointer;
}
.searchbtn button:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
/* ▲検索窓▲ */



/* ▼画像キャプション枠▼ */
.imgcaption .cont_ic_box{
	display: inline-block;
	width: 47.5%;
	height: auto;
	margin: 0 5% 17px 0;
	box-shadow:0px 0px 6px #000;
	-webkit-box-shadow:0px 0px 6px #000;
	-moz-box-shadow:0px 0px 6px #000;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

.imgcaption .cont_ic_box:nth-child(odd){
	margin: 0 0 17px 0;
}

@media (min-width:540px){
	.imgcaption .cont_ic_box{
		display: inline-block;
		width: 31%;
		margin: 0 3.5% 20px 0;
	}
	.imgcaption .cont_ic_box:nth-child(odd){
		margin: 0 3.5% 20px 0;
	}
	.imgcaption .cont_ic_box:nth-child(3n+1){
		display: inline-block;
		margin: 0 0 20px 0;
	}
}

.imgcaption .cont_ic_box span{
	display: block;
	margin: 3px 8px;
}

.imgcaption .cont_ic_box img{
	width: 100%;
	vertical-align: top;
	border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
}
/* ▲画像キャプション枠▲ */



/* ▼コンテンツ配置タイプA▼ */
.cont_a{
	display: block;
	width: 100%;
	height: auto;
}

.cont_a .contimg{
	width: 100%;
	margin: 0 0 16px 0;
}

.cont_a .cap{
	display: block;
	font-size: 1.35em;
	line-height: 1.35em;
	font-weight: bold;
	color: #43cea2;
	margin: 8px 0;
}

.cont_a .txt{
	display: block;
	margin: 0 0 16px 0;
}

.cont_a .center{
	display: block;
	width: 100%;
	text-align: center;
}

.cont_a .side_layout img{
	margin: 0;
}

.cont_a .vert_layout img{
	margin: 0;
}

.botton,
.botton:visited{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.2em;
	display: inline-block;
	margin: 0 0 0 0;
	background: #000;
	padding: 15px 30px;
	border-radius: 500px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
}
/* ▲コンテンツ配置タイプA▲ */



/* ▼コンテンツ配置タイプB▼ */
.cont_b{
	display: block;
	width: 100%;
	height: auto;
}

.cont_b .side_layout,
.cont_b .vert_layout{
	display: block;
	margin: 0 0 40px 0;
}

.cont_b .side_layout:last-child,
.cont_b .vert_layout:last-child{
	display: block;
	margin: 0 0 0 0;
}

.cont_b .contimg{
	width: 100%;
}

.cont_b .cont_b_box .cap{
	display: block;
	font-size: 1.35em;
	line-height: 1.35em;
	font-weight: bold;
	color: #43cea2;
	margin: 8px 0;
}

.cont_b .cont_b_box .txt{
	display: block;
	margin: 0 0 16px 0;
}

.cont_b .cont_b_box .center{
	display: block;
	width: 100%;
	text-align: center;
}
/* ▲コンテンツ配置タイプB▲ */



/* ▼コンテンツ配置タイプC▼ */
.cont_c{
	display: block;
	width: 100%;
	height: auto;
}

.cont_c .column_layout,
.cont_c .vert_layout{
	margin: 0 0 40px 0;
}

.cont_c .column_layout:last-child,
.cont_c .vert_layout:last-child{
	margin: 0;
}

.cont_c .center{
	text-align: center;
}

.cont_c .contimg{
	/*width: 100%;*/
	/*border-radius: 50%;*/
	border-radius: 125px;
	/*max-width: 250px;*/
	max-width: 100%;
	max-height: 250px;
}

.cont_c .cont_c_box .cap{
	display: block;
	font-size: 1.35em;
	line-height: 1.35em;
	font-weight: bold;
	color: #43cea2;
	margin: 8px 0;
}

.cont_c .cont_c_box .txt{
	display: block;
	margin: 0 0 16px 0;
}

.cont_c .cont_c_box .center{
	display: block;
	width: 100%;
	text-align: center;
}
/* ▲コンテンツ配置タイプC▲ */



/* ▼フッター▼ */
footer .inner {
	text-align: center;
}

footer .inner .l, footer .inner .r{
	margin: 5px 0;
	word-break: break-all;
}
/* ▲フッター▲ */



/* 地図検索のやーつ */
.mapsearch .con{display: none;}
.mapsearch .mob{display: block;}

.mapsearch{
	display: block;
	width: 100%;
	height: auto;
	margin: 20px auto;
}

.mapsearch iframe{/*0119追加*/
	margin: 15px 0 0 0;
	/*display: none;*/
}
.mapsearch .mob{/*0119追加*/
	display: block;
	margin: 10px 10px;
}
.mapsearch .mob #acMenu{/*0119追加*/
	width: 100%;
}
.mapsearch .mob ul{/*0119追加*/
	list-style: none;
	margin: 0;
	padding: 0;
}
.mapsearch .mob li a{/*0119追加*/
	color: white;
	display: block;
	width: 92%;
	height: auto;
	padding: 10px 4%;
	background: #888;
}
.mapsearch .mmtit, .mapsearch .mmtit2{/*0119追加*/
	cursor: pointer;
	border: 1px solid #888;
	border-bottom: 0px;
	padding: 10px;
	font-weight: bold;
	background: url("../images/mapt_open.png") no-repeat right, linear-gradient(to bottom, rgba(255,255,255,0),rgba(200,200,200,0.8));
	background: url("../images/mapt_open.png") no-repeat right, -moz-linear-gradient( top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(200,200,200,0.8));
	background: url("../images/mapt_open.png") no-repeat right, -webkit-gradient( linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(0.5, rgba(255,255,255,0)), to(rgba(200,200,200,0.8)));
}
.mapsearch .active{/*0119追加*/
	background: url("../images/mapt_close.png") no-repeat right, linear-gradient(to bottom, rgba(255,255,255,0), rgba(200,200,200,0.8));
	background: url("../images/mapt_close.png") no-repeat right, -moz-linear-gradient( top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(200,200,200,0.8));
	background: url("../images/mapt_close.png") no-repeat right, -webkit-gradient( linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(0.5, rgba(255,255,255,0)), to(rgba(200,200,200,0.8)));
}
.mapsearch .mob #acMenu div:last-of-type{/*0119追加*/
	border: 1px solid #888;
}
.mapsearch .mmtit2{/*0119追加*/
	border: 1px solid #888;
}
.mapsearch .mob ul{/*0119追加*/
	display: none;
}
.mapsearch .mob .none{/*0119追加*/
	display: none;
}
/*戻るボタン*/
#japan-map-back-btn{
	background-color: #ccc;
	border: none;
	cursor: pointer;
	outline: none;
}

/* 地図検索のやーつ */

/*URLコピーボタン テンプレ1から流用*/

.urlcopy{/*0119追加*/
	opacity: 0.5;
}

.urlcopy a{/*0119追加*/
	position: fixed;
	bottom: 10px;
	left: 10px;
	padding: 0;
	background: #505050;
	font-size: 0.6em;
	line-height: 1.2em;
	color: white;
	text-decoration: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-shadow: 0px 0px 8px 0px #000;
	-moz-box-shadow: 0px 0px 8px 0px #000;
	-webkit-box-shadow: 0px 0px 8px 0px #000;
	width: 60px;
	height: 60px;
}
.urlcopy a:hover{bottom: 12px;}/*0119追加*/
.urlcopy a img{width: 60%; margin: 20% 20%;}/*0119追加*/

.urlcopy input { position: absolute; top: -9000px; }

.alert {
   display: none;
   background: #fff;
   width: 260px;
   height: 48px;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   padding: 20px;
   text-align: center;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   box-shadow:0px 0px 10px 0px #a3a3a3;
   -moz-box-shadow:0px 0px 10px 0px #a3a3a3;
   -webkit-box-shadow:0px 0px 10px 0px #a3a3a3;
}

.powerd{
	text-align: center;
	font-size: 0.75em;
	margin: 20px 0 0 0;
}

/******　以下PC用の設定　******/
@media (min-width:840px){

	.temp02cont .inner{
		max-width: 800px;
		padding: 50px 0;
	}

	.temp02cont .inner2{
		max-width: 800px;
		padding: 50px 0;
	}

	.cont_a .side_layout .imgleft .contimg,
	.cont_a .side_layout .imgleft .conttxt,
	.cont_a .side_layout .imgright .contimg,
	.cont_a .side_layout .imgright .conttxt{
		width: 385px;
		height: auto;
		vertical-align: top;
	}

	.cont_a .side_layout .imgleft .contimg{float: left;}
	.cont_a .side_layout .imgleft .conttxt{float: right;}
	.cont_a .side_layout .imgright .contimg{float: right;}
	.cont_a .side_layout .imgright .conttxt{float: left;}

	.cont_a .side_layout .imgleft:before,
	.cont_a .side_layout .imgleft:after,
	.cont_a .side_layout .imgright:before,
	.cont_a .side_layout .imgright:after{
		content: " ";
		display: table;
	}
	.cont_a .side_layout .imgleft:after,
	.cont_a .side_layout .imgright:after{clear: both;}
	.cont_a .side_layout .imgleft,
	.cont_a .side_layout .imgright{*zoom: 1;}

	.cont_b .side_layout .imgleft .contimg,
	.cont_b .side_layout .imgleft .conttxt,
	.cont_b .side_layout .imgright .contimg,
	.cont_b .side_layout .imgright .conttxt{
		width: 385px;
		height: auto;
		vertical-align: top;
	}

	.cont_b .side_layout .imgleft .contimg{float: left;}
	.cont_b .side_layout .imgleft .conttxt{float: right;}
	.cont_b .side_layout .imgright .contimg{float: right;}
	.cont_b .side_layout .imgright .conttxt{float: left;}

	.cont_b .side_layout .imgleft:before,
	.cont_b .side_layout .imgleft:after,
	.cont_b .side_layout .imgright:before,
	.cont_b .side_layout .imgright:after{
		content: " ";
		display: table;
	}
	.cont_b .side_layout .imgleft:after,
	.cont_b .side_layout .imgright:after{clear: both;}
	.cont_b .side_layout .imgleft,
	.cont_b .side_layout .imgright{*zoom: 1;}

	.cont_c .column_layout,
	.cont_c .vert_layout{
		display: inline-block;
		width: 385px;
		margin: 0 8px 40px 7px;
		vertical-align: top;
	}

	.cont_c .column_layout:last-child,
	.cont_c .vert_layout:last-child{
		margin: 0 8px 40px 7px;
	}
	
	.cont_c .column_layout .contimg/*,
	.cont_c .vert_layout .contimg*/{
		float: left;
		width: 170px;
		margin: 0 15px 5px 0;
	}
	.cont_c .column_layout .cap,
	.cont_c .column_layout .txt,
	.cont_c .vert_layout .cap,
	.cont_c .vert_layout .txt{
		/*display: inline;*/
	}
	.cont_c .column_layout .botton,
	.cont_c .vert_layout .botton{
		margin-top:12px; 
	}


	footer .inner{
		max-width: 800px;
		padding: 50px 0;
	}

	footer .inner .l{
		/*display: inline-block;*/
		/*width: 385px;*/
		margin: 0 30px 0 0;/*24 or 30*/
		word-break: break-all;
	}

	footer .inner .r{
		/*display: inline-block;*/
		/*width: 385px;*/
		margin: 0 0 0 0;
		word-break: break-all;
		/*text-align: right;*/
	}

	.mapsearch .con{display: block;}
	.mapsearch .mob{display: none;}

}