@charset "UTF-8";

/*-------------------------
__base_style
-------------------------*/
body{color:#322a29;font-family:"Zen Kaku Gothic New", sans-serif;}
#content{/*padding:0 0 75px;*/overflow:hidden;}
.en{font-family:"Oswald", sans-serif;letter-spacing: 3px;}
.pc_none{display:none;}
.sph_on{display:none;}
@media screen and (max-width: 960px) {
  .tab_none{display:none;}
  .tab_on{display:block;}
}
@media screen and (max-width: 767px) {
  .pc_none{display:inherit;}
  .sp_none{display:none;}
  .sph_none{display:none;}
  .sph_on{display:block;}
}

/*-------------------------
__header 
-------------------------*/
header .header_logo{margin:30px auto;text-align:center;max-width: 320px;}
header .header_logo .title_eng {margin: 0 auto;}
header .header_logo .title_eng img{width: 100%;height: auto;}
header .header_logo a{display:block;width:auto;text-decoration:none;color:#322a29;}
header .header_logo a .title_jap{font-size:1.6em;font-weight:600;letter-spacing:0.2em;padding:10px 0 0;}

@media screen and (max-width: 767px) {
  header .header_logo{margin:20px auto;}
  header .header_logo .title_eng{width:150px;margin:auto;}
  header .header_logo .title_eng img{width:100%;height:auto;}
}

/*-------------------------
__#footer
-------------------------*/
#footer{width:100%;background:#D5D5D5;border-top:1px solid #000;position:fixed;bottom:0;z-index:9999;}
#footer .footer_inner{width:100%;max-width:980px;margin:0 auto;padding:25px 0;box-sizing:border-box;position:relative;}
#footer .footer_inner .footer_illust{position:absolute;left:0;top:-78px;height:80px;}
#footer .footer_inner .footer_illust img{height:100%;width:auto;}
#footer .footer_inner .footer_logo{height:25px;float:left;margin-top:5px;margin-right:35px;}
#footer .footer_inner .footer_logo img{height:100%;width:auto;}
#footer .footer_inner ul{display:inline-block;float:left;text-align:left;margin:12px 0 0 0;}
#footer .footer_inner ul li{display:inline-block;margin:0 15px 0 0;}
#footer .footer_inner ul li a{font-size:1.4em;text-decoration:none;color:#000;font-weight:700;}
#footer .footer_inner ul li a:hover{color:#108fa6;}
#footer .footer_inner .copylight{float:right;color:#000;margin:12px 0 0 0;}

@media screen and (max-width: 960px) {
#footer .footer_inner{padding:20px 0 10px;}
#footer .footer_inner .footer_illust{position:absolute;left:20px;top:-78px;height:80px;}
#footer .footer_inner ul{margin:0;}
#footer .footer_inner .footer_logo{float:none;margin:0 0 20px 0;}
#footer .footer_inner ul{float:none;text-align:center;margin:0 0 10px 0;}
#footer .footer_inner .copylight{float:none;margin:12px 0 0 0;}
}
@media screen and (max-width: 767px) {
#footer{ position:fixed; bottom:0; left:0; right:0;}
#footer .footer_inner{padding: 15px 0 5px;}
#footer .footer_inner .footer_illust{top: -52px;left:10px;height:55px;}
#footer .footer_inner .footer_logo{margin: 0 0 15px 0;}
#footer .footer_inner ul{display:block;margin:0;}
#footer .footer_inner ul li{margin: 0 10px 10px 0;}
#footer .footer_inner ul li a{font-size:1.1em;}
#footer .footer_inner .copylight{margin: 4px 0 0 0;}
}
.footer_menu { text-align: center;}
.footer_menu nav{ display: inline-block; vertical-align: top;}
.footer_menu .tel{ display: inline-block; vertical-align: top; width: 40px; height: 40px; margin-left: 10px;}
.footer_menu .tel a img{ width:100%; height:auto;}

@media screen and (min-width: 768px) {
.footer_menu .tel{ display: none;}
}

/*-------------------------
__特設ページ共通フッター（他の設定は/css/base_property.css内）
-------------------------*/
#spe_footer{background-color:#dbd7d5;}
#spe_footer .copylight{color:#fff;}
#spe_footer ul li a{color:#000;}
#spe_footer ul li a:hover{opacity:0.7;color:#555;}
@media screen and (max-width: 767px) {
#wrap{padding-top:36px;}	
}