@charset "utf-8";
/* CSS Document */


/* header 固定*/
body{
padding-top:60px;
}

#header{
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
	
#header .wrap{
margin: 0 0 0 12px;
}
	
#header #logo {
float:left;
width:176px;
padding:10px 0;
}


#header-nav-btn {
	width:60px;
    margin: 0;
    float: right; 
	    border-left: 1px solid #DCDDDD;
}

#header-nav-btn a{
padding:15px;
color: #3B4552 !important;
    background: #fff;
}

#header-nav-btn a i{
	font-size: 30px;
}

/* フッター */
#sp-footer{
position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}

#sp-footer a{
	display:block;
	font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
background:#52B788;
padding:10px 12px;
box-shadow:0 -2px 2px 0 rgba(0,0,0,0.1);
text-align:center;
}

#sp-footer dl{
	display:table;
	margin:0 auto;
}

#sp-footer dt, #sp-footer dd{
	display:table-cell;
	vertical-align:middle;
}

#sp-footer dt{
font-family: 'Roboto Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    color: #fff;
    font-size: 31px;
    padding-right: 10px;
    line-height: 1;
}
#sp-footer dd{
    background: #fff;
    color: #52B788;
    padding: 0 0.5em;
    border-radius: 3px;
    font-weight: bold;
    line-height: 1.2;
    font-size: 0.8em;
}

#sp-footer dd.blank{
background:transparent;
padding:0 1px;
}

#sp-footer .txt{
color:#FFED00;
font-weight:bold;
margin-bottom:3px;
}


.pagetop{
right:10px;
bottom:80px;
}

.pagetop span{
width:30px;
height:30px;
line-height:27px;
font-size:25px;
}

/*** その他 ***/
body.color01 .post-content table{
width:100%;
}









@media screen and (min-width:700px){
#footerbak, #footerabso{
display:none;
}

}

@media screen and (min-width:768px){
	body{
	padding-top:80px;
	}
	
#header #logo{
width: calc(331px * 60 /75);
}

#header-right {
    height: 80px;
}

#header-nav-btn{
line-height:1.0;
width:80px;
}

#header-nav-btn a{
padding:20px;
}

#header-nav-btn a i{
font-size:40px;
}

#header-fnav-area #header-fnav-btn a{
line-height: 80px;
    padding-top: 0;
    padding-bottom: 0;
}



}

@media screen and (min-width: 992px){
	#footerbak{
	display:block;
	}
	
	#footerabso{
	display:block;
	}
	
	#gnav ul li a{
	line-height:80px;
	padding-top:0;
	padding-bottom:0;
		font-size:0.9em;
	}
	#header .wrap{
    width: 1300px;
    margin: 0 auto;
	}
	
	#sp-footer{
display:none;
}
	
	/*
#header-right, #gnav {
    display: none;
}
#header-nav-btn, #gnav-sp {
    display: block;
}
#header-nav-btn a{
display: block;
}*/
}

@media screen and (min-width: 1192px){
	/*
#header-fnav-area, #gnav {
    display: block;
}*/
}