@charset "UTF-8";


/* スマホ用 */
@media screen and (max-width:1023px) {
/* ===================================================================

	Setting

=================================================================== */
html { color:#333; background:#FFF; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.5rem; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; overflow-x:hidden; }
img { max-width:100%; height:auto; }
.containar { width:100%; height:100%; margin:0 auto; position:relative; }
.containar:after { content:""; display:block; clear:both; }


.pc { display:none; }
.sp { display:block; }

　　/* link set
	------------------------------------------------------------------- */
	a { color:#5B463F; text-decoration:none; transition:0.3s ease-in-out; }
	a img { transition:0.3s ease-in-out; }
	a:hover { color:#47676F; }

	/* float対策：背景色表示用
	------------------------------------------------------------------- */
	.clearfix:after { display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: "."; }
	.clearfix {	display: block; /* for IE8 */ }
	.both { clear:both; }
	.hidden { display: none; }

	/* 	imgホバーアクション
	------------------------------------------------------------------- */
	.imgWrap { overflow: hidden; width: 100%;　height: auto; cursor: pointer; background-color: #ffffff; }
	.imgWrap img{ display: block; transition-duration: 0.3s; margin-top: -1px; }
	/*.imgWrap img:hover{ opacity: 0.6; transform: scale(1.1); transition-duration: 0.3s; }*/

	/* 	背景画像＆テキスト使用時スマホ用
	------------------------------------------------------------------- */
	.bg.spTxt { text-indent: 0; width: auto !important; height: auto !important; background-image: none !important; }



/* ===================================================================

	Header

=================================================================== */
body > header  { display:none; }


/* ===================================================================
	/
	/	smh_menu　トグルメニュー
	/
	=================================================================== */
	#smh_menu { display: block;
    position: fixed;
    z-index: 9999;
    background: #ffffff;
    border-bottom: 1px solid #e72014;
    margin: -25px auto 0;
    width: 100%;
	padding: 2% 3%;
	}
	.drawer-logo {  }
	.drawer-logo a img { width: 40px; }
	.drawer-nav ul li { margin-right: 0px; float: none; font-size: 1.1rem; display: block;	padding:.75rem;	text-decoration: none;	color: #222; }


/* ===================================================================
	/
	/	news
	/
	=================================================================== */
	.news {	padding: 30px 0; background: none;}
	.news .containar h2 { float: none; margin: 3px auto; }
	.topix dl { width: 48%;}

	.topix_list a {
		font-size: 1.2rem;
	}

/* ===================================================================
	/
	/	main image
	/
	=================================================================== */
	#main_img{
		background: url(../images/main_bg_sp.jpg) center;
		background-repeat: no-repeat;
		background-size:cover;
		position: relative;

	}
	.maintext{
		padding: 10% 4%;
		color: #fff;
		max-width: 0;
		min-width:320px;
		text-align: center;
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translateY(-50%) translateX(-50%);
	}
	.maintext h1{
		margin-bottom: 25px;
        font-size: 0.8em;
		font-weight:600;
		letter-spacing:0.3em;

	}
	.maintext p{
		line-height: 2;
        letter-spacing: 0.2em;
    	margin-bottom: 10px;
		font-size:1.2rem;

	}
	.maintext img{
		margin-bottom: 10px;
		width:65%;

	}
	.maintext .btn_link {
		min-width:220px;
		padding:15px 30px;
	}

	.top_text p { font-size:12px; text-align:left; padding:2px 10px; }
	.mainlogo {
		width: 60%;
	}



/* ===================================================================
	/
	/	ボタン
	/
	=================================================================== */
	.btn_link {
    color: #4e4c4c;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    padding: 15px 30px;
    margin: 0;
    min-width: 300px;
    position: relative;
    /*border: 2px solid #4e4c4c;*/
	border-radius: 7px;
	background: #fff;
    background-image: url(../images/link_arow.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
	}
	.btn_link:hover {
		color: #fff;
		background: #191919;
		background-image: url(../images/link_arow2.png);
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}

/* ===================================================================
	/
	/	共通
	/
	=================================================================== */
	.containar { width: 95%; max-width: 1350px; margin: 0px auto; }
	.containar h2{font-size: 1.5em; letter-spacing: 2px;}
	.containar h3{font-size: 1.5em; letter-spacing: 2px;}
	.containar p{line-height: 25px; letter-spacing: 1px;}
	.containar .f_box { display:block;}
	.containar .f_box .inbox { width:90%; margin:0 auto 40px; }
	.containar .f_box .inbox h3 { margin-bottom: 10px; text-align: left; color: #18223D; font-weight: 600;}
	.containar .f_box .inbox p { margin-bottom: 20px; text-align: left;}

	.containar .f_box .btn_link02 {
		font-size:13px;
	}

/* ===================================================================
	/
	/	s1
	/
	=================================================================== */
	.s1 { padding: 30px 0 40px; }
	.s1 .containar h2{margin-bottom:10px; font-size: 1.3em; letter-spacing: 1px; margin-top: 10px; }




/* ===================================================================
	/
	/	s2
	/
	=================================================================== */





/* ===================================================================
	/
	/	contact_area
	/
	=================================================================== */
	.contact_area { padding:30px 0; }
	.contact_area .containar { width:80%; }
	.contact_area .btn_link { min-width: 250px; }

	.contact_area p { color:#fff; }



/* ===================================================================
	/
	/	bailaor
	/
	=================================================================== */
	.bailaor { padding:30px 0px; }
	.bailaor .waku { display:block; padding:20px; width: 95%; margin: 0 auto; }
	.bailaor .waku div { margin:0 auto 10px; text-align:center;  }
	.bailaor .waku div img.emblem { width:100px; }


/* ===================================================================
	/
	/	footer
	/
	=================================================================== */
	footer { padding:38px 3% 10px; text-align:center; }
	footer .containar .footer_area { padding: 0 0 8%; display:block; }
	footer .containar .footer_area .area01 { width:100%; padding:0; }
	footer .containar .footer_area .area01 .area01_flex { display:block; }
	footer .containar .footer_area .area01 .f_img_area { margin:30px 0; height:auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	footer .containar .footer_area .area01 .f_img_area a img { width:100%; margin-bottom:15px; }
	footer .containar .footer_area .area01 .f_img_area_2 { display:block; height:auto; display:none; }
	footer .containar .footer_area .area01 .f_img_area_2 img { margin-bottom:10px; width:45%; }

	footer .containar .footer_area .area02 { display: none; /*width:100%; padding:0; margin-left:0; */}
	/*footer .containar .footer_area .area02 dl { height: 30px; }*/
	footer .containar .footer_area .area02 dl dt, footer .containar .footer_area .area02 dl dd { font-size:13px; text-align:left; }
	footer .containar .footer_area .area02 dl dt { width: 25%; padding-right:10px; }
	footer .containar .footer_area .area02 dl dd { width: 70%; padding-left:10px; }
	footer .containar .footer_area .area02 .tel_area { margin:20px 0;}
	footer .containar .footer_area .area02 .tel_area li { margin:0 auto 10px; }
	footer .containar .footer_area .area02 .f_img_area{display: block;}

	.copyright small { font-size:9px; }





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

	.page-tit {
		margin-top:50px;
	}
	.page-tit h1 {
		padding-top: 30px;
		padding-bottom: 30px;
	}


/* ================================================================
/
/	WP
/
=================================================================== */
.post .site-content {
    width: 90%;
    padding: 50px 0 70px;
}

.post main { display:block;}

#primary {
    width: 100%;
	margin:0;
}
#primary.site-content {
    padding: 0;
}
#secondary {
    width: 100%;
	margin:65px 0 0;
}
}
@media screen and (max-width:479px) {
	.post .site-content {
	    width: 90%;
	    padding: 30px 0 70px;
	}
	.page-tit {
		margin-top:35px;
	}
	.topix .event-txt {
		height: unset;
		min-height: 100px;
	}
	.slider .event-txt {
		height: 70px;
		min-height: unset !important;
	}
	.topix dt {
		height: 100px;
	}
	.topix dl dt img {
		max-width: -webkit-fill-available;
	}
}