@charset "utf-8";

/* トップページ width, float 初期化 */
#container,
#header,
#main,
#footer,
#footer2,
#copy,
#footer_navi,
#footer_navi2{
	width:auto;
}
#container{
	min-width:320px;
}
#footerBottomImg,
.spImg{
	width:100%;
}
#header{
	background-image:none;
}
#title{
	position:relative;
	top:auto;
	left:auto;
}
#banner_top,
#top_navi{
	display:none;
}
#footer img{
	width:100%;
}
#img_area{
	height:auto;
  padding-bottom: 40%;
  height: 0;
}
#main_left,
#main_right,
#news,
#wahts_new,
#left_1,
#left_2,
#left_3{
	width:auto;
}
#news{
	overflow:hidden;
}
#main_left,
#main_right{
	float:none;
}
.pan_list_top,
.pan_list,
#memoryticker{
	width:auto;
	float:none;
}
#menu001,#menu002,
#menu003,#menu004,
#menu005,#menu006,
#menu007{
	display:none;
}
#top_navi{
	position:relative;
	width:auto;
	top:auto;
	left:auto;
}
#survey_navi,
#faq_navi,
#footerBottomImg{
	display:none;
}
#left_1 h2,
#left_2 h2,
#left_3 h2,
#right_3,
#web_yoyaku{
	width:auto;
}
#right_3,
#web_yoyaku{
	text-align:center;
}
.web_yoyaku_navi{
	display:inline-block;
}
#left_3 img{
	max-width:100%;
}

/* トップページ */
#container{
	background-image:none;
}
#header{
	margin-bottom:0px;
	height:auto;
}
#title{
	background-image: url(../img_fumibito/title_sp_bg.png);
	text-align:left;
}
#titleImg{
	display:none;
}
#title a{
	width:151px;
	display:block;
}
#titleMenu{
	width:40px;
	position:absolute;
	right:10px;
	bottom:10px;
}
#titleMenuText{
	position:absolute;
	right:5px;
	top:8px;
	color:#583408;
	font-size:12px;
	display:inline;
}
#titleMenu:hover{
	cursor:pointer;
	opacity:0.8;
}
#titleImgSp,
#titleMenu,
#banner_area{
	display:block;
}
#left_1 p,
#left_2 p,
#left_3 p,
#left_4 p{
	margin-right:10px;
}
#left_3 p.img_right{
	display:none;
}
#info div#info_inner {
	text-align:left;
	height:300px;
}
#feed{
	padding-right:5px;
}


/* スマホ用メニュー */
#gMenuSp{
	width:200px;
	position:absolute;
	right:5px;
	top:85px;
	z-index:10;
}
#gMenuSp ul{
	list-style-type: none;
}
#gMenuSp ul li a{
	background:#583408;
	color:#fff;
	border-bottom:1px solid #fff;
	display:block;
	padding:12px 0 10px 0;
	text-decoration:none;
}
#gMenuSp ul li a:hover{
	background:#ab5200;
}


/* スマホ用フローメニュー */
#gMenuSpFlow{
	position:fixed;
	top:0;
	z-index:10;
	width:100%;
}
#gMenuSpFlow ul{
	background:rgba(88,52,8,0.9);
	list-style-type: none;
	width:100%;
	min-width:320px;
	height:45px;
	padding:0;
}
#gMenuSpFlow ul li{
	float:left;
	width:16.3%;
	display:block;
	border-right:1px dashed #9b856b;
	height:100%;
}
#gMenuSpFlow ul li a{
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:5px 2px 5px 2px;
	height:35px;
	width:16.3%;
	text-decoration:none;
	font-size:11px;
}
#gMenuSpFlow ul li:last-child{
	border-right:none;
}
#gMenuSpFlow ul li a:hover{
	background:rgba(88,52,8,1);
}


/* スマホ用バナー */
#banner_area{
	margin-top:5px;
}
#banner_area img{
	width:49%;
	max-width:230px;
}
#banner_navi ul{margin:10px 0 0 0;padding:0;}
#banner_navi li{display:inline;list-style-type:none;margin:0;padding:0px;}
#banner_navi ul a{padding-right:5px;padding-left:20px;color:#663300;background:url(../img_fumibito/top_list.gif) no-repeat left center;}
#banner_navi ul a:hover,#top_navi ul a:active{color:#996633;text-decoration:none;}


/* 文通村とは */
#left_4,
#left_4 h2 {
	width:auto;
	float:none;
}
#left_5{
	width:auto;
}
#left_5 h2{
	width:auto;
}
#left_5 p{
	margin-right:10px;
}


/* ご利用料金 */
#left_1 table {
	width: auto;
}
#application_bt1 {
	width:auto;
	display:block;
}
.application_bt_navi a {
	display:inline-block;
}
#left_1 td.left1 {
	width:90px;
}
#left_1 td.left3 {
	width:100px;
}

/* 登録までの流れ、文通までの流れ */
#system01,#system02,
#system03,#system04,
#system05,#system06,
#system07,#system08,
#system09,#system10,
#system11,#system12,
#system13,#system14,
#system15,#system16,
#system17{
	width:auto;
	height:auto;
	padding-right:0px;
}


/* ご入会お申込み */
#left_1 td.left {
	width:auto;
}
#left_1 td.left2 {
	width:auto;
}
.kiyaku{
	width:auto;
}


/* ギャラリー */
div.galleryArea2{
	width:auto;
	max-width:356px;
}
div.galleryArea2 img{
	width:100%;
	max-width:355px;
}


/* お問合せ・資料請求 */
div#guide_1{
	width:auto;
	padding: 10px;
}
#guide_1 h2 {
	width:auto;
	background-size:contain;
	margin:0 -10px;
}
.unit,
.box_l,
.box_r{
	width:auto;
	height:auto;
}
.box_l,
.box_r{
	float:none;
	height:auto;
	margin-left:0px;
	margin-top:20px;
	padding:0px;
}
.naka{
	margin:10px;
}

/* アンケート結果 */
#survey_navi2{
	display:none;
}
#koeArea{
	text-align:center;
}
#koeArea img{
	max-width:100%;
}
ul.koe{
	margin-right:5px;
}


/* よくある質問 */
.info{
	width:auto;
	margin:10px 5px;
}


/* メディア掲載 */



/* 会員ページ */
#gMenu{
	display:none;
}
#subtitle{
	top:40px;
	left:155px;
font-size:12px;
}
table th.pcth{
	width:auto;
}
iframe#paypalFrame{
	width:100%;
}


.yellow_marker {
background: linear-gradient(transparent 40%, #ffffbf 40%);
font-weight:bold;
}

.blue_marker {
background: linear-gradient(transparent 40%, #9de6fb 40%);
font-weight:bold;
}