@charset "utf-8";

html,body {
	text-align: center;
	margin:0px;
	padding:0px;
	font-family: "游教科書体","YuKyokasho",'Zen Maru Gothic','Klee One',"游ゴシック体", YuGothic, Meiryo, sans-seif;
}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

a img:hover  {
opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=70); /* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
-khtml-opacity: .70; /* Safari 1.x */
-moz-opacity: .70; /* FF lt 1.5, Netscape */
 }

.sp_hd{display: none;}

/*======================
header
=====================*/

.header_sp{
display: none;
}
.drawer-hamburger{
display: none;
}
.drawer-nav{
display: none;
}

.logo_catch {
font-size: 0.5em;
color: #333;
	margin: 0px;
	padding: 0px;
	top:0px;
	position: relative;
	text-align: center;
}

/*======================
contents
=====================*/

.foot_bd{
height: 2%;
width: 100%;
background: #3F210F;
overflow: hidden;
margin: 0px;
padding: 0px;
clear:  both;
z-index: 10;
}

/*メニュー*/
.menu {
display: none;
}


/*パンくず*/
.breadCrumb{
width: 100%;
	text-align: left;
	font-size: 0.8em;
}
.breadCrumb ol{
width: 100%;
text-align: left;
padding: 0;
margin: 0;
}
.breadCrumb li{
float: left;
}

.block01{
width: 100%;
margin: 0px auto;
padding: 0;
}
.block01 .head_logo{
width: 30%;
max-width: 250px;
margin: 50px auto 30px auto;
padding: 0;
}
.block01 .head_logo img{
width: 100%;
}
.block01 .menu{
margin: 0px auto 10px auto;
padding: 0;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
}
.block01 .menu li{
margin: 0px auto 0px auto;
padding: 0;
font-size: 15px;
letter-spacing: 2px;
color: #aaa;
}
.block01 .menu li a{
color: #0071BC;
}
.block01 .menu li a:hover{
color: #000;
}

.block01 .main_image{
width: 100%;
margin: 0px auto 80px auto;
padding: 0;
height: auto;
position: relative;
}
.block01 .main_image img{
width: 100%;
}

/*モーダル*/

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}

/*
==========================================================
footer
==========================================================
*/
footer {
	width:100%;
	height:auto;
	padding:0px;
	overflow:hidden;
	clear:both;
	background: #F2F2F2;
	position: relative;
	bottom: 0;
    color: #000000;
font-weight: bold;
}

footer .footer_logo{
	text-align: center;
	margin: 30px auto 10px auto;
    width: 40%;
    max-width: 200px;
}
footer .footer_logo img{
width: 100%;
}
footer p{
text-align: center;
font-size: 14px;
}

footer ul.sns_icon{
width: 90%;
margin: 20px auto;
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-align: center;
     -ms-flex-align: center;
align-items: center;
justify-content: center;
}
footer ul.sns_icon li{
width: 30px;
margin: 0px 5px 5px 5px;
}
footer ul.sns_icon li img{
width: 100%;
}
footer ul li.sns_icon a{
}

footer .foot_menu{
width: 90%;
margin: 20px auto;
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-align: center;
     -ms-flex-align: center;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
footer .foot_menu li{
font-weight: bold;
font-size: 13px;
margin: 0px 10px 5px 10px;
}
footer .foot_menu li a{
color: #333;
font-family: "游教科書体","YuKyokasho",YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
footer .foot_menu li a:hover{
color: #1795F5;
}

footer .copyright{
	text-align: center;
	font-size: 12px;
	color: #333;
font-weight: bold;
}