@charset "utf-8";

/* ボディ
---------------------------------------------------- */
.responsive{
	width:100%;
	max-width:560px;
	margin:0 auto;
}

.responsive_l{
	display:none;
}

.responsive_l_in{
	display:none;
}

.responsive_m{
	display:none;
}

.responsive_m_in{
	display:none;
}

.responsive_lm{
	display:none;
}

.responsive_lm_in{
	display:none;
}

.responsive_lm_td{
	display:none;
}

.responsive_s{
	display:block;
}

.responsive_s_in{
	display:inline;
}

.responsive_ms{
	display:block;
}

.responsive_ms_in{
	display:inline;
}

/* ヘッダー 
---------------------------------------------------- */
#header{
	height:auto;
}

#logo{
	width:68%;
	height:auto;
	padding:0 10% 0 15px;
}

/* メインビジュアル（BtoC）
---------------------------------------------------- */
#main_top_img_bg{
	display:none;
}

.main_top_img{
	width:auto;
	height:auto;
	margin:0 auto 0 auto;
}

/* バナーエリア（BtoC）
---------------------------------------------------- */
#banner_area_l{
	width:auto;
	padding:0 15px 0 15px;
	float:none;
}

#banner_area_r{
	max-width:360px;
	width:auto;
	margin:0 auto;
	padding:0 15px 0 15px;
	float:none;
}

.banner_area_r01a{
	width:100%;
	margin:0 0 10px 0;
	text-align:center;
}

.banner_area_r01b{
	width:100%;
	text-align:center;
}

.banner_area_r02a{
	width:100%;
	padding:0 0 10px 0;
	text-align:center;
	float:none;
}

.banner_area_r02b{
	width:100%;
	padding:0 0 10px 0;
	text-align:center;
	float:none;
}

.banner_area_r02c{
	width:100%;
	padding:0;
	text-align:center;
	float:none;
}

.banner_area_r03_l{
	width:100%;
	padding:0 0 10px 0;
	text-align:center;
}

.banner_area_r03{
	width:100%;
	max-width:360px;
	margin:0 auto;
	height:auto;
	padding:10px 0 10px 0;
	background:url(../img/top/top_banner_bg.jpg) repeat;
}

.banner_area_r03 h3{
	width:100%;
	text-align:center;
}

.banner_area_r03a{
	width:84%;
	padding:0 8% 0 8%;
}

.banner_area_r03a p{
	width:95px;
	padding:2px 5px 0 5px;
	background:#FFFFFF;
	text-align:center;
}

.banner_area_r03b{
	width:84%;
	padding:15px 8% 0 8%;
}

.news_dot{
	width:auto;
}

.news_dot .text11{
	width:auto;
	float:none;
}

.news_dot .text12{
	width:auto;
	float:none;
}

/* Tiny Scrollbar */
#scrollbar_s{
	width:100%;
	padding:0;
}

.banner_area_top_b{
	width:100%;
	max-width:360px;
	margin:0 auto;
}

.banner_area_top_b01{
	width:48%;
	padding:0 4% 10px 0;
	float:left;
}

.banner_area_top_b02{
	width:48%;
	padding:0 0 10px 0;
	float:left;
}

.banner_area_top_b03{
	width:48%;
	padding:0 4% 10px 0;
	float:left;
}

.banner_area_top_b04{
	width:48%;
	padding:0 0 10px 0;
	float:left;
}

.banner_area_top_b05{
	width:48%;
	padding:0 4% 10px 0;
	float:left;
}

.banner_area_top_b06{
	width:48%;
	padding:0 0 10px 0;
	float:left;
}

.banner_area_top_b07{
	width:48%;
	padding:0 0 10px 0;
	float:left;
}


/* バナーエリア（BtoB）
---------------------------------------------------- */
#banner_area_bg{
	padding:45px 10px 20px 10px;
}

.banner_area_t{
	max-width:486px;
	width:100%;
	margin:0 auto 45px auto;
}

.banner_area_t01{
	width:48%;
	padding:0 4% 15px 0;
}

.banner_area_t02{
	width:48%;
	padding:0 0 15px 0;
}

.banner_area_t03{
	width:48%;
	padding:0 4% 15px 0;
}

.banner_area_t04{
	width:48%;
	padding:0 0 15px 0;
}

.banner_area_b{
	width:100%;
	max-width:486px;
	margin:0 auto 45px auto;
	padding:0 0 45px 0;
}

.banner_area_b01{
	width:48%;
	padding:0 4% 15px 0;
}

.banner_area_b02{
	width:48%;
	padding:0 0 15px 0;
}

.banner_area_b03{
	width:48%;
	padding:0 4% 15px 0;
}

.banner_title{
	padding:0;
}

/* パンくずナビ
---------------------------------------------------- */
#p_navi{
	max-width:560px;
	margin:0 auto;
	padding:0 0 10px 0;
	background:url(../img/common/dot01.png) repeat-x bottom #fffbf1;
}

#p_navi .responsive{
	width:96%;
	padding:10px 2% 0 2%;
	background:url(../img/common/dot01.png) repeat-x top #fffbf1;
}

#p_navi_top{
	max-width:560px;
	margin:0 auto;
	padding:0 0 10px 0;
}

#p_navi_top .responsive{
	width:96%;
	padding:10px 2% 0 2%;
}

/* コンテンツエリア
---------------------------------------------------- */
#contents_area{
	padding:50px 15px 20px 15px;
}

#contents_area_top{
	padding:0 15px 50px 15px;
}

.contents_area_s{
	padding:0 15px 0 15px;
	background:#fffbf1;
	text-align:center;
}

/* サブナビゲーション */
#s_navi{
	width:100%;
	float:none;
}

#s_navi h2{
	padding:5px 0 5px 0;
	font-size:108%;
}

#s_navi ul li{
	background:url(../img/common/dot02.png) repeat-x bottom;
}

#s_navi ul li .s_navi_on{
	background:url(../img/common/dot02.png) repeat-x bottom #f0afa8;
}

/* コンテンツ */
.contents_box{
	width:100%;
	padding:18px 0 0 0;
	float:none;
}

.contents_box_top{
	width:100%;
	float:none;
}

.form_button_ss a{
	width:100%;
}

.contents_box_l{
	padding:18px 10px 0 10px;
}

.contents_box_s{
	padding:18px 10px 0 10px;
}

.contents_box_form{
	padding:0 10px 0 10px;
}

.restaurant_navi li p{
	width:100%;
	padding:0 0 0 0;
}

.restaurant_navi li h4{
	width:100%;
}

.restaurant_icon{
	height:auto;
}

.restaurant_lmm30{
 	margin-left:0px;
}


.restaurant_icon01{
	width:100%;
	height:auto;
}

.restaurant_icon02{
	width:100%;
	height:auto;
	padding:0 0 20px 0;
	border:none;
}

.restaurant_icon03{
	width:100%;
	height:auto;
	padding:0;
}

.restaurant_icon04{
	width:100%;
	height:auto;
	padding:0 0 20px 0;
	border:none;
}

.restaurant_icon05{
	width:100%;
	height:auto;
	padding:0;
}

.restaurant_icon06{
	width:100%;
	height:auto;
	padding:0 0 20px 0;
	border:none;
}

.restaurant_icon07{
	width:100%;
	height:auto;
	padding:0;
}

.restaurant_icon08{
	width:100%;
	height:auto;
}


.menu_box{
	padding:20px 0 42px 0;
}

.menu_box_l{
	width:100%;
	max-width:280px;
	margin:0 auto;
}

.recipe_box{
	padding:15px 0 15px 0;
}

.recipe_text{
	padding:0 0 15px 0;
}

.recipe_box_img{
	width:auto;
	max-width:440px;
	min-height:inherit;
	padding:10px 10px 10px 10px;
	margin:0 0 30px 0;
	background:url(../img/recipe/recipe_bg01.png) repeat;
}

.recipe_box_l{
	width:auto;
	max-width:440px;
	padding:5px 5px 5px 5px;
	margin:0 auto 20px auto;
}

.recipe_title_s{
	margin:0;
	padding:15px 8px 5px 8px;
}

.recipe_box01 ul li{
	width:auto;
	margin:0;
	padding:8px 8px 8px 8px;
	float:none;
}

.recipe_box01 ul li div{
	padding:0;
}

.recipe_box02{
	padding:0;
}

.recipe_box02 div{
	width:auto;
	padding:0 4px 8px 4px;
}

.recipe_box03 ul li{
	margin:0;
}

.selling_box{
	width:70%;
	padding:0 15% 0 15%;
}

.selling_box img{
	float:none;
}

/* 動画 */
.movie_list li{
	width:92%;
	padding:15px 4% 15px 4%;
}

.movie_list_l{
	width:40%;
}

.movie_list_r{
	width:54%;
}

.movie_b{
	padding:10px 0 0 0;
	clear:both;
}

.info_navi li p{
	width:100%;
	padding:0 0 0 0;
}

.info_navi li h4{
	width:100%;
}

.sitemap_navi h3{
	width:100%;
}

.sitemap_navi div{
	width:100%;
}

.sitemap_navi p{
	width:100%;
}

.sitemap_navi .sitemap_list_l{
	width:100%;
}

.privacy_box{
	padding:40px 0 0 0;
}

#google_map{
	height:200px;
}

#google_map_b{
	height:200px;
}

.img_border_blue{
	border:1px solid #6093be;
}

/* 幅 */
.w64p{
	width:100%;
}

.w32p{
	width:100%;
}

.w33p{
	width:100%;
	padding:0 0 10px 0;
}

.w61p{
	width:100%;
	padding:0 0 10px 0;
}

.w16p{
	width:100%;
	padding:0;
}

.w82p{
	width:100%;
}

.w21p{
	width:100%;
	padding:0;
}

.w78p{
	width:100%;
}

.w45p{
	width:100%;
}

.w59p{
	width:100%;
	padding:0 0 20px 0;
}

.w37p{
	max-width:none;
	width:100%;
}

.w24p{
	width:100%;
	padding:20px 0 0 0;
}

.w71p{
	width:100%;
	padding:0;
}

.w80p{
	width:80%;
}

.w19p{
	width:19%;
	text-align:right;
}

.w10p{
	width:8%;
}

.w88p{
	width:90%;
}

.w230{
	width:100%;
}

.w450{
	width:100%;
}

.w755{
	width:100%;
}

.w370{
	width:100%;
}

.w560{
	width:100%;
}

.w150{
	width:100px;
}

.w165{
	width:100px;
}

.w210{
	width:80px;
}

.w350{
	width:100%;
}

.w475{
	width:100%;
}

.w400{
	width:100%;
	margin:40px 0 0 0;
}

.w405{
	width:100%;
	margin:40px 0 0 0;
	text-align:center;
}

.w330{
	width:100%;
	margin:40px 0 0 0;
}

.w280{
	width:100%;
	margin:20px 0 0 0;
	text-align:center;
}

.w326{
	width:100%;
	margin:20px 0 0 0;
	text-align:center;
}

.w290{
	width:100%;
	margin:20px 0 0 0;
	text-align:center;
}

.w295{
	width:100%;
	margin:30px 0 0 0;
}

.w428{
	width:100%;
	margin:20px 0 0 0;
	text-align:center;
}

.w_text30{
	width:100%;
}

.w_text15{
	width:49%;
}

.w_img_3c_l{
	padding:0 17px 15px 0;
}

/* フロート */
.float_l_pc{
	float:none;
}

.float_r_pc{
	float:none;
}

.copyright{
	width:100%;
	padding:20px 0 0 0;
	text-align:center;
}

/* フッター（BtoC）
---------------------------------------------------- */
#footer_top{
	padding:30px 10px 27px 10px;
}

/* フッター（BtoB）
---------------------------------------------------- */
#footer{
	padding:30px 10px 27px 10px;
}

/* Easy Select Box
---------------------------------------------------- */
.form_l .easy-select-box{
	width:240px;
}

.form_l .easy-select-box ul{
	width:230px;
	height:200px;
}

.form_l .easy-select-box .easy-select-box-disp,
.form_l .easy-select-box .easy-select-box-disp:visited{
	background: url(../img/common/bg-select_m.png) no-repeat 0 0;
}