@charset "UTF-8";

/* Reset
------------------------------------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,em { font-style: normal; }
th { font-weight: normal; }
table {
border-collapse: collapse;
border-spacing: 0;
}
th { text-align: left; }
hr,legend { display: none;	}
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
img,fieldset { border: 0; }
li { list-style-type: none; }

/* Fonts
------------------------------------------------------------*/
body {
font-size: 75%; /* IE */
font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','Noto Serif JP','ＭＳ Ｐ明朝','MS PMincho',serif;
-webkit-font-smoothing: antialiased;
}
html>/**/body { font-size: 12px; } /* Except IE */
*{letter-spacing: 1.2px;}
a{text-decoration: none;color: #000;transition: .7s;}
a:hover{color: #1E445B;!important;}

/* header
------------------------------------------------------------*/
header{width: 100%;}
.utility{float: right;font-size: 1.2em}
.utility li{float: left;}
.feature a:hover,.reserve a:hover{color: #333;}
.feature{padding: 20px;}
.feature i{margin-right: 7px;}
.reserve{padding: 20px;}
.reserve i{margin-right: 7px;}
.tel{background: #000;padding: 20px 0;margin-left: 20px;}
.tel a{color: #fff;padding: 20px 1.5rem;}
.tel a:hover{background: #333;}

.header-logo{width: 100%;clear: both;text-align: center;padding-top: 40px;}
.header-logo img{width: 180px;}

/* footer
-----------------------------------------------------------*/
footer{width: 100%;}
.footer-inn{float: left;border-bottom: 1px solid #ccc;width: 100%;padding: 10px 0;}
.footer-utility{width: 100%;max-width: 980px; margin: 0 auto;}
.footer-utility-left{float: left;font-size: 1.2em;}
.footer-utility-right{float: right;}
.footer-utility-left li,.footer-utility-right li{display: inline-block;}
.footer-utility-left li{margin: 18px 30px 16px 0;}
.footer-utility-right li{margin-left: 15px;}
.footer-utility-left a{margin: 20px 0;}
.footer-tel i,.totop i{background: #000;padding: 20px;color: #fff}
.footer-logo{width: 100%;text-align: center;clear: both;padding: 100px 0 0}
.footer-logo img{width: 180px;}
address{padding: 30px 0 100px 0;text-align: center;font-size: 0.8em}

/* mobile
-----------------------------------------------------------*/
@media (max-width: 519px) {
	.feature,.feature{padding: 20px 10px 20px 20px;}
	.tel{margin-left: 10px;}
	.footer-utility-left{width:100%;}
	.footer-utility-left li,.footer-utility-right li{width: 100%;margin: 0}
	.footer-utility-left li{border-bottom: 1px solid #ccc;}
	.footer-utility-left a{width: 100%;padding: 20px;float: left;margin: 0;}
	.footer-utility-left li:first-child{border-top: 1px solid #ccc;}
	.footer-utility-right{float: left;width: 100%;padding-top: 18px}
	.footer-utility-right li a i{width: 90%;text-align: center;margin: 0 5% 10px 5%;}
	
	
	
}

@media screen and (min-width:641px){.footer_area{display: none;}	}
@media screen and (max-width:640px){
	.footer_area {position: fixed;bottom: 0;left: 0;width: 100%;background-color: rgba( 0, 0, 0, 0.6 );z-index: 10000;font-family: Avenir,"Helvetica neue",Helvetica,YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;-webkit-font-smoothing: antialiased;}
	.footer_area .footer_area_inner {position: relative;width: 90%;margin: 0 5%;padding: 15px 0;}
	.footer_area .footer_area_inner .footer_area_inner_btn {width: 85%;padding: 15px 0;font-size: 12px;font-weight: bold;margin-left: 15px; }
	.inquiry_btn {background-color: #1E445B;-webkit-border-radius: 3px;display: inline-block;text-align: center;text-decoration: none;width: 49%;padding: 5px 0;font-size: 12px;font-weight: bold;vertical-align: middle;}
	.text_icon {padding: 1% 4%;font-size: 70%;background-color: #FFFFFF;margin: 0 0 0 7px;color: #1E445B;-webkit-border-radius: 3px;}
	.inquiry_btn:link, .inquiry_btn:visited {color: #FFFFFF !important;}
	#siteBottom{margin-bottom: 85px;}
	#icon{padding: 5px 0;font-size: 20px;vertical-align: middle;}
}