@charset "UTF-8";

@media screen and (max-width : 768px){
	
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }

/* sp */
.sp { display:block!important; }
.sp_off { display:none!important; }

/*img*/
img { max-width:100%; height:auto; }
#conts img.width_sp_ls { display:block; float:none; width:auto; margin-left:auto; margin-right:auto; }
#conts img.width_sp_ls.left_align_img, #conts img.width_sp_ls.right_align_img { margin-bottom:10px; }

/* structure
====================================================================================================================================== */
html, body { background-size:240px auto; }
#container { width:100%; }
#header { margin:0; width:100%; height:56px; }
ul#global_navi { margin-left:0; }
#wrapper { padding:10px; position:relative;/*メニューボタンのため*/ }
#conts_top { width:100%; float:none; padding-right:0; }
#conts { clear:both; display:block; width:100%; float:none; margin-right:0; margin-bottom:20px; background:#fff; border:solid 1px #dad8d4; overflow:hidden; }
#sidebar { /*width:220px;*/ float:none; margin:0 auto 20px; padding-left:0; }
#footer { width:100%; margin-left:0; }


/* header
====================================================================================================================================== */
/*▼サイトタイトル▼*/
#header h1#site_title { position:static; float:left; }
#header h1#site_title img { width:120px; height:auto; margin-bottom:0; }

/*▼ディスクリプション▼*/
#header p#description { display:none; }

/*▼電話番号▼*/
/*#header p#tell { float:right; position:static; display:block; width:120px; height:30px; background:url(../images/sp/he_tel.gif) no-repeat; background-size:100% auto; text-indent:100%; white-space:nowrap; overflow:hidden; }*/
#header p#tell { position:static; float:left; width:120px; height:30px; margin:20px 0 0 10px; background:url(../images/sp/he_tel.gif) no-repeat; background-size:100% auto; text-indent:100%; white-space:nowrap; overflow:hidden; display:none; }
#header p#tell img { width:100%; height:auto; }

/*▼検索▼*/
#header form#search { position:absolute; top:33px; right:0; width:223px; display:none; zoom:1; }
#header form#search p#text_bg input#text_area { width:150px; background:none; border:none; outline:none; font-size:12px; line-height:14px; margin:6px 0 0 5px; }
#header form#search p#text_bg { background:url(../images/he_search_bg.gif) no-repeat; width:160px; height:26px; float:left; display:inline; }
#header form#search p#btn { float:left; display:inline; width:26px; }


/* globalnavi
====================================================================================================================================== */
/*メニューボタン*/
#menu_btn_sp { position:absolute; right:0; top:10px; /*border-left:solid 1px #dad8d4;*/ z-index:4; }
#menu_btn_sp a { display:block; width:60px; height:66px; margin-top:-10px; margin-bottom:-10px; background:url(../images/sp/icon_menu.png) no-repeat center center; background-size:34px auto; text-indent:100%; white-space:nowrap; overflow:hidden; }
/*#menu_btn_sp a:hover { background-color:#dad8d4; }*/

#pulldown_sp { display:none; margin:0 -10px; }
#global_navi { border:solid 1px #dad8d4; border-right:0; border-bottom:0; }
ul#global_navi li { width:50%; border:solid 1px #dad8d4; border-left:0; border-top:0; }
#container ul#global_navi li a { width:100%; height:3em; line-height:3em; background:#fff url(../images/te_list_icon.gif) no-repeat 10px center; text-indent:0; margin:0; padding:0 10px 0 24px; }
#container ul#global_navi li a:hover { background-color:#f6f4f0; }
/*閉じる*/
#container ul#global_navi li.close { width:100%; clear:both; float:none; }
#container ul#global_navi li.close a { width:100%; background:#bbb; color:#fff; text-align:center; height:2.5em; line-height:2.5em; }
#container ul#global_navi li.close a:hover { background:#888; }

/* 2022-05-16 Add */
ul#global_navi.columns_count_4 { flex-wrap: wrap; }
ul#global_navi.columns_count_4 li { border-right-color: #dad8d4;}
ul#global_navi.columns_count_4 li:first-child { border-left: none; }
ul#global_navi li.sp_wide { width: 100%; }


/*検索*/
#pulldown_sp form#search { position:static; background:#fff; width:100%; border:solid 1px #dad8d4; border-bottom:0; padding:10px 0; overflow:hidden; text-align:center; font-size:0; }
#pulldown_sp form#search p#text_bg input#text_area {  }
#pulldown_sp form#search p#text_bg { float:none; display:inline-block; margin:0; vertical-align:top; font-size:14px; }
#pulldown_sp form#search p#btn { float:none; display:inline-block; width:auto; margin:0; vertical-align:top; }


/* main visual
====================================================================================================================================== */
#main_visual_sp { margin-bottom:10px; }
#main_visual_sp img { width:100%; height:auto; }
 
#flashcontent1 { display:none; }

#social_box { margin-bottom:20px; }
#conts_top #social_box { display:block; position:static; margin:0 0 7px; overflow:hidden; }
#conts_top #main_menu { clear:both; }
#conts_top { padding-top:0; }


/* conts
====================================================================================================================================== */
#conts .bg_top, #conts .bg_repeat, #conts .bg_bottom { background:none; }
#conts .bg_top { padding:10px; }


/*▼新着情報 + 大山コミュニティ▼*/
#conts_top #new_box .h_box { background:none; height:auto; margin-bottom:10px; }

#conts_top #new_box ul { background:#fff; border:solid 1px #dad8d4; padding:15px; }

/*▽背景画像▽*/
#conts_top #new_box .bg_top { background:none; }
#conts_top #new_box .bg_repeat { background:none; }

/*お問い合わせボックス*/
#wrapper .green_box .inner { padding:10px 10px 15px; }
#wrapper #conts .green_box .inner { padding-bottom:10px; }
/*薄グリーンボタン*/
#wrapper #conts .green_box .inner { text-align:center; padding-right:10px; }
/*足立さんイラスト*/
#conts #contact_box:after { display:none; }



/* footer
====================================================================================================================================== */
/*▼フッターナビ▼*/
#footer ul#footer_navi { text-align:center; padding-bottom:8px; }
#footer ul#footer_navi li { display:inline; float:none; line-height:2; font-size:0.8em; }

/*ページトップ*/
#footer ul#footer_navi li.last { border:none; float:right; background:url(../images/fo_icon_top.gif) no-repeat left center; padding-left:18px; }
/*page top*/
#footer ul#footer_navi li.last { position:fixed; right:10px; bottom:10px; background:none; width:auto; height:auto; float:none; margin:0; padding:0; z-index:10; }
#footer ul#footer_navi li.last a { display:block; width:48px; height:48px; background:url(../images/sp/page_top.png) no-repeat; background-size:100% auto; text-indent:100%; white-space:nowrap; overflow:hidden; }
#footer ul#footer_navi li.last a:hover { background-position:left bottom; }


/*▽住所・コピーライト▽*/
#footer p#address_box, #footer p#copyrigh { width:auto; float:none;}
#footer p#address_box { margin-bottom:6px; }
#footer p#copyrigh { font-size:11px; }

/*▽モバイルバナー▽*/
#footer p#mobile { display:none; }


/* デフォルトスタイル
====================================================================================================================================== */
/*▼hr▼*/
hr { width:100%; }

/*form*/
#conts form input[type="text"], #conts form textarea { margin-top:-15px; width:100%; }
#conts form input[type="text"] { margin-bottom:20px; height:2em; }

/*▼見出し▼*/
#conts h3{ background-size:100% auto; }


/* ページ専用
====================================================================================================================================== */
/*▼お品書き▼*/
#conts #menu_box .menu_box { background-size:100% auto; width:100%; }
#conts #menu_box .menu_box_in { }
#conts #menu_box .menu_box img { margin-left:0; margin-right:0; margin-top:10px; }
#conts .menu_box dt img { margin-left:0; }
#conts .menu_box dd{ background-size:100% auto; width:auto; padding-left:0;}

#conts .menu_box .tit { margin-left:-5px; }
#conts .menu_box dt { margin-left:-5px; }
#conts .menu_box dd { padding-left:0; }

#conts .menu_box p { float:none; width:auto; }

/*要予約メニュー*/
#conts .menu_list { }
#conts .menu_list .img_box { width:100%; padding:0; }
#conts #menu_box .menu_list .img_box img { max-width:100%; margin:0 auto 10px; }
#conts .reservation { font-size:1.2em;}
#conts .reservation .font_xs { }
#conts .menu_list dd { clear:both; }

/*アクセス*/
#conts iframe { width:100%; height:300px; }

/*フォトギャラリー*/
#conts ul.column02 li a { margin:0 3px; }
	
	
	
	/* 追加要素
====================================================================================================================================== */
/* button */
	#conts_top .btn { font-size:1.2em; }
.btn.btn_big .copy { display: block; }
.btn.btn_big:before { display: none; }
	
/* header */
.header_reserve { right: 55px; top:2px; }
.header_reserve .btn { font-size: 0.9em; padding: 0.8em 1em; }
#header .header_reserve p#description, #header .header_reserve p#tell { right: 160px; }
#header .header_reserve p#description { top: 8px; }

/* メインビジュアル */
#main_visual_slide { height: 48vw; margin-bottom: 0.5em; }
#main_visual_slide:before { background-image: url("../images/mainvisual/cover_sp.png"); }
#main_visual_slide ul li img { max-width: none; width: 116%; margin-left: -8%; }
	
#main_visual_slide .chara { width: 35%; z-index: 0; }
#main_visual_slide .fukidashi { background: url("../images/mainvisual/fukidashi_sp.png") no-repeat center top; background-size: 100% auto; width:35%; height: 17vw; left: 27vw; bottom: 0; }
#main_visual_slide .fukidashi img { display: none; }

/* footer */
.footer_reserve {
	float: none;
	text-align: center;
}
.footer_reserve .btn {
	margin: 0 auto 2em;
}

	
	


}


/*およそiPhone6*/
@media screen and (max-width : 478px){
/*▼見出し▼*/
#conts h3{ background-size:auto auto; }

/*img*/
#conts img.width_sp { float:none; width:auto; max-width:100%; display:block; margin-left:auto; margin-right:auto; }
#conts img.width_sp.left_align_img, #conts img.width_sp.right_align_img { margin-bottom:10px; }

/*▼フォトギャラリー▼*/
#conts .heading .tit { width:100%; float:none; margin-bottom:10px; }
#conts .heading .tit img { margin:0 auto; }
#conts .heading .comment { padding:0; }

/*2カラム*/
#conts_top .bnr_column02 li { clear:both; float:none; width:100%; margin-left:0; text-align:center; }
#conts_top .bnr_column02 li img { margin-left:auto; margin-right:auto; }
#conts_top .bnr_column02 li span { margin-left:auto; margin-right:auto; text-align:left; max-width:340px; }
#conts ul.column04 li { width:49.5%; margin-bottom:10px; }

/*フォトギャラリー*/
#conts ul.column02 { margin-left:-3px; margin-right:-3px; }
#conts ul.column02 li a { margin:0; }
#conts ul.column02 li a.colorbox:after { right:-4px; bottom:-4px; width:32px; height:32px; background-size:100% auto; }
#conts ul.column02 li img { border-width:3; }
#conts ul.column02 li .caption { font-size:0.9em; }

/*お問い合わせボックス*/
#wrapper #conts .green_box h3 { font-size:0.95em; text-align:center; }
#wrapper #conts .green_box .contact_time { display:block; margin:0 0 12px; }
#wrapper .green_box li { display:block; margin-bottom:6px; }
#wrapper .green_box li a { margin:0 auto; }
#wrapper .green_box li.reserve a { display:inline-block; min-width:200px; background:#d9e6d7 url(../images/2015/icon_green.png) no-repeat 10px center; padding:6px 10px 6px 24px; margin:0 auto 6px; text-decoration:none; border-radius:4px; }
#wrapper .green_box li.reserve a:hover { color:#225522; opacity:0.8; }



}


/*iPhone6以下の幅デバイス*/
@media screen and (max-width : 370px){

}