/*-------------------------------------------------
　共通要素
-------------------------------------------------*/
html { font-size:62.5%; }
body {font-size:13px; font-size:1.3rem; color:#2f2f2f;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust:100%;}
a {text-decoration:none; color:inherit; -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -ms-transition:.25s ease-in-out; transition:.25s ease-in-out;}
a:hover {text-decoration:none; color:#a27421; opacity:0.7;}
.left {float:left;}
.right {float:right;}
.caption {display:none;}
.clearfix:before,
.clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
#site-container {width:100%;}
#to-top {position:fixed; bottom:70px; right:20px; text-align:center; z-index:2;}
#to-top a {display:block; background-color:#aaa; width:30px; height:30px; border-radius:22px; color:#fff;
	box-shadow:1px 1px 3px 1px rgba(0,0,0,0.3); opacity:0.5; font-size:1rem; line-height:3.2rem;}
#to-top a:hover {text-decoration:none; color:#fff; box-shadow:1px 1px 2px 1px rgba(90,90,90,1) inset;}
.if_sp {display:none;}
img {max-width:100%;}

/*--Gフォント--*/
.f-lato {font-family:'Lato', sans-serif;}
/*--アイコンフォント--*/
@font-face {
    font-family: 'bamboo';
    src:url('../fonts/bamboo.eot?tsry44');
    src:url('../fonts/bamboo.eot?tsry44#iefix') format('embedded-opentype'),
        url('../fonts/bamboo.ttf?tsry44') format('truetype'),
        url('../fonts/bamboo.woff?tsry44') format('woff'),
        url('../fonts/bamboo.svg?tsry44#bamboo') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="ic-"], [class*=" ic-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'bamboo' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ic-fb:before {content: "\e900";}
.ic-house:before {content: "\e901";}
.ic-insta:before {content: "\e902";}
.ic-modals:before {content: "\e903";}
.ic-phone:before {content: "\e904";}
.ic-tw:before {content: "\e905";}
.ic-mail:before {content: "\e906";}

/*---ヘッダー-----------------------------------------------*/
.header-wrapper {padding:18px 0 5px;}
header {max-width:960px; margin:0 auto; line-height:2.4rem;}
#head {padding:0 20px;}

#head-top {}
#head-top {font-size:2.3rem; display:-webkit-flex; display:flex; align-items:center;}
#head-top li {margin:0 5px;}
#head-top li:first-child {width:210px; margin:0 auto 0 0;}
#head-top li:last-child {margin:0 0 0 5px;}
#head-top li span {color:#999;}
nav {
	width: 100%;
	background:#fff;
	z-index:100;
}
nav.fixed {
	position: fixed;
	left: 0;
	top: 0;
}
ul#menu {display:-webkit-flex; display:flex; justify-content:space-between; width:70%; margin:7px auto; font-family:'Lato', sans-serif;}
ul#menu li {}
.toggle-mnu {display:none;}

@media screen and (max-width:500px) {
	.header-wrapper {padding:10px 0 10px;}
	#head {padding:0 10px;}
	#head-top {font-size:2.1rem;}
	#head-top li {margin:0 3px;}
	#head-top li:first-child {width:200px;}
	#head-top li:last-child {margin:0 0 0 3px;}
}

/*---ボディ-----------------------------------------------*/
#body {padding:0 2rem; line-height:2.4rem;}
.wrapper {max-width:960px; margin:0 auto;}
main {display:block;}

/*---フッター----------------------------------------------*/
footer {width:100%; line-height:2.4rem; background:#eee; color:#2f2f2f; padding-bottom:55px;}
.foot-copyright {text-align:right; padding:3rem 2rem 14.5rem;}
small {color:#626262; font-size:1.1rem; font-family: "MS Pゴシック","MS PGothic",Arial, Helvetica,sans-serif; line-height:1.5rem;}
@media screen and (max-width:768px) {
	.foot-copyright {text-align:left; padding:2rem; line-height:1.3rem;}
}

#footerFloatingMenu {
    display: block;
    width: 100%;
    height:52px;
    background-color: #222;
    opacity: 0.85;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding-bottom:20px;
}
#footerFloatingMenu img {
    max-width: 99%;
    width:42px;
    height:42px;
    padding:15px;
}

@media (min-width: 768px) {
#footerFloatingMenu {
        display: none;
height:0; overflow:hidden;
    }
    }
/*-------------------------------------------------
　SP-500
-------------------------------------------------*/
@media screen and (max-width:500px) {
	.if_pc {display:none;}
	.if_sp {display:block;}
	/*-----ボディ-----*/
	#body { line-height:1.6rem; color:#333; margin:0 0;}
	nav{display:none;}
	.br-sp { display:none; }
	.mainv-pc { display:none; }
}