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

img{
max-width: 100%;
height: auto;
width:auto;
}
#container{
width:100%;
}

a img:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.fixed {
    position: fixed;
    top: 0px;
    width: 100%;
	margin: 0px 0px 0px 0px;
    z-index: 10000;
}

.pc_hd{
display: none;
}


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


header {
overflow: hidden;
position: fixed;
width: 100%;
height: 50px;
z-index:100;
}

header .logo{
margin: 0px 5px;
background: url(../image/logo01.png) no-repeat;
background-size: 100%;
max-width: 70px;
width: 30%;
height: 100%;
overflow: hidden;
float:  left;
}
header .logo a{
display: block;
width: 70%;
height: 100%;
}

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

/*======================
contents
=====================*/
.header_sp{
display: none;
}
.drawer-hamburger{
display: none;
}
.drawer-nav{
display: none;
}
.drawer-menu{
}
.drawer-menu li{
font-size: 20px;
margin: 50px 0px;
text-align: left;
}
.drawer-menu li a{
text-decoration: none;
color: #000;
font-weight: bold;
font-family: "游教科書体","YuKyokasho","游ゴシック体", YuGothic, Meiryo, sans-seif;
}
.drawer-menu li a:hover{
color: #9C9C9C;
transition: .1s;
}

.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;
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: 200px;
}
footer .footer_logo img{
width: 100%;
}
footer p{
text-align: center;
font-size: 14px;
}

footer ul.sns_icon{
width: 90%;
margin: 20px auto;
padding: 0;
    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;
padding: 0;
}
footer ul.sns_icon li img{
width: 100%;
}
footer ul li.sns_icon a{
padding: 0;
}

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;
}
footer .foot_menu li{
font-weight: bold;
font-size: 13px;
padding: 0;
margin: 0px auto 5px auto;
}
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;
}