@charset "UTF-8";

/*common.cssにはサイト内の共通定義、フッター・グローバルナビ・フッターなど共通パーツに関するスタイルを記述してあります*/


/*---ページの表示幅によって切り替える部分あり---
※ @media screen and ..　という書き方（メディアクエリ）は、CSS3〜適用されます　CSS2までのブラウザは非対応なので注意
*/

body{
	color:#231815;
}

/*---幅600pxまで（PC＆iPad用）---*/
@media screen and (min-width: 600px) {
body,input,textarea{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:16px;
}
#wrapper{
	width:1024px;
	overflow:hidden;
	margin:0 auto;
	background-image:url(../img/bk_01.jpg);
}
}


/*---幅600pxまで（スマホ用）---*/
@media screen and (max-width: 600px) {
body,input,textarea{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:24px;
}
#wrapper{
	background-image:url(../img/bk_01.jpg);
	overflow:hidden;
}
}


/*---以下共通（PC＆iPad＆スマホ全て）＊ナビゲーションなど一部切替あり---*/

#futabaya_header{
	border-bottom:1px solid #4C0012;
}
@media screen and (min-width: 600px) {
#futabaya_header{
	padding-left:62px;
	padding-right:62px;
	padding-top:20px;
	padding-bottom:20px;
}
}
@media screen and (max-width: 600px) {
#futabaya_header{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
}
}

#header_logo{
	width:205px;
	float:left;
}

@media screen and (min-width: 600px) {
#header_gnavi{
	width:638px;
	padding-top:21px;
	float:right;
}
#header_gnavi li{
	float:left;
}
#header_smp_gnavi{
	display:none;
}
}
@media screen and (max-width: 600px) {
#header_gnavi{
	display:none;
}
#header_smp_gnavi{
	width:440px;
	padding-top:10px;
}
#header_smp_gnavi li{
	float:left;
}
}




#futabaya_cont{
	padding-top:50px;
}
@media screen and (min-width: 600px) {
#futabaya_cont{
}
}
@media screen and (max-width: 600px) {
#futabaya_cont{
}
}

#futabaya_footer{
	background-color:#4C0012;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
}
#footer_navi div.box01 h6, 
#footer_navi div.box02 h6{
	border-bottom:1px solid #fff;
	margin-bottom:5px;
}
#footer_navi div.box01 a,
#footer_navi div.box02 a{
	color:#FFF;
	text-decoration:none;
}
@media screen and (min-width: 600px) {
#futabaya_footer{
	padding-left:62px;
	padding-right:62px;
	font-size:12px;
}
#footer_navi{
	padding-left:15px;
}
#footer_navi div.box01{
	width:150px;
	float:left;
	margin-right:30px;
}
#footer_navi div.box02{/*右端のdiv用*/
	width:150px;
	float:left;
	margin-right:0px;
}
}
@media screen and (max-width: 600px) {
#futabaya_footer{
	font-size:16px;
}
#footer_navi{
	padding-left:25px;
}
#footer_navi div.box01{
	width:205px;
	padding-bottom:20px;
	float:left;
	margin-right:20px;
}
#footer_navi div.box01 h6, 
#footer_navi div.box02 h6{
	width:205px;
}
}





#footer_copyright{
	text-align:center;
}
@media screen and (min-width: 600px) {
#footer_copyright{
	font-size:12px;
	padding-top:50px;
}
}
@media screen and (max-width: 600px) {
#footer_copyright{
	font-size:16px;
	padding-top:20px;
}
}


@media screen and (min-width: 600px) {
#page-top {
	display:none;
}
}
@media screen and (max-width: 600px) {
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 0 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	/*background-color:#FFFFFF;*/
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
}