@charset "UTF-8";


@media screen and (max-width : 760px){

/*frameで幅がはみ出る対策*/
img { max-width:100%; width:auto; height:auto; }

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

/*旧サイト対策 - sp時に背景100%（idは百歳食対策）*/
#all #contents .bg_width_100 { background-size:100% auto; }
#all #contents .sp_width_100 { width:100%; height:auto; }
#all #contents .sp_width_100 .sp_width_100 { width:auto; }/*百歳食table入れ子になってる所対策*/
#all #contents .sp_width_100 .bottom { width:100%; background-size:100% auto; height:14px; }/*百歳食bottom対策*/
#all #contents .sp_width_100 .line { width:100%; background-size:100% auto; height:14px; }/*百歳食line対策*/
#all #contents .sp_width_100 .intro { padding-top:7%; }/*百歳食line対策*/

/* structure
====================================================================================================================================== */
.wrapper { margin:0; width:100%; }
#container { font-size:1.3em; }

#all { background-size:133px auto; min-width:100%; }
#main_visual { max-width:none; width:100%; height:auto; overflow:hidden; margin-bottom:10px; text-align:center; }
#main { width:100%; margin:20px 0; }
#contents, #main.top #contents, #main.wide #contents { width:auto; float:none; margin:0; padding:0 10px; }
#contents .wrapper { margin:0; padding:10px 0; }
#sidebar { width:100%; float:none; margin:0; padding:30px 0 0; }


/* common
====================================================================================================================================== */

/*heading*/
.heading h2 { margin-left:10px; }
.heading h3 { font-size:1.4em; }
.heading .more_btn { margin-right:10px;}

/*list*/
#all #main .list_box .icon_img img { width:75px; }

/*form*/
#contents input[type="text"], #contents textarea { width:100%; padding:3px 0; }

/*旧サイトでtable＋imgレイアウトの箇所調整用*/
#contents .font_0 td { height:auto; }

/* header
====================================================================================================================================== */
#header_top { height:36px; padding-right:6px; }

#main_visual .header_nav { float:none; margin:20px auto; }

/*背景*/
.main_img_box { /*position:static;*/ height:auto; }
.main_img_box .img { position:static; min-width:0; overflow:hidden; }
.main_img_box .img img { margin:0; min-width:0; min-height:0; }

/*中ページイメージ*/
#header .header_img { display:none; }

/*site title*/
#main_visual #site_title { left:0; top:0; margin:10px 0 0 10px; width:33%; height:21%; }
#main_visual #site_title h1 { height:100%; }
#main_visual #site_title h1 a { background-size:100% auto; width:100%; height:100%; }

/*中site title*/
#site_title { margin:15px 0 15px 10px; padding:0; }
#site_title h1 a { background-size:100% auto; width:210px; height:30px; }

/*copy*/
#main_visual .main_copy { top:13%; left:0; width:100%; }
#main_visual .main_copy img { margin:0 auto; width:25%; }

/*photo gallery biutton*/
#main_visual .btn_photo { right:0px; bottom:13.5em; width:100px; height:100px; }
#main_visual .btn_photo a { display:block; width:100px; height:100px; background:url(../images/btn_photo.png) no-repeat; background-size:100% auto; text-indent:100%; white-space:nowrap; overflow:hidden; }
#main_visual .btn_photo a:hover { opacity:0.8; }
#main_visual .btn_photo a span { display:none; }


/* news
====================================================================================================================================== */
#news { clear:both; position:static; width:100%; overflow:hidden; }
#news .wrapper { margin:0; }
#news .wrapper_in { height:120px; margin:0; height:13em; }
#news h3 { display:block; width:25px; height:100px; background:url(../images/tit_news_sp.png) no-repeat; background-size:100% auto; margin-left:12px; text-indent:100%; white-space:nowrap; overflow:hidden; }
#news .news_list { height:115px; margin:10px 10px 0px -60px; }
#news ul { float:none; width:auto; margin:0 0 0 60px; }
#news li { height:auto; line-height:1.5; padding-bottom:5px; overflow:hidden; }
#news li .news_date { float:none; width:auto; font-size:0.8em; }
#news li .news_title { float:none; width:auto; display:block; }
#news li .news_title a { width:100%; overflow:hidden; text-overflow: ellipsis; white-space:normal; word-break:break-all; }


/* contents
====================================================================================================================================== */
#contents .center_box h3 { font-size:1em; }

#contents .sns_box, #contents .center_box, #contents .side_box { margin-bottom:20px; }

#contents .box_btn_list { margin:0 0 0 -3.3333%; font-size:0; letter-spacing: -1px; word-spacing: -1px; }
#contents .box_btn_list li { margin:0 0 0 3.3333%; width:30%; letter-spacing:normal; word-spacing:normal; }

/*サブメニュー*/
#daisen_menu li a, #daisen_menu_side li a { width:100%; height:auto; padding:8px 5px 8px 38px; background:#dddad6 url(../images/icon_daisen_menu.png) no-repeat 6px 10px; background-size:28px auto; text-indent:0; white-space:normal; color:#222; text-align:left; font-size:15px; font-weight:bold; }
#daisen_menu li.item02 a, #daisen_menu_side li.item02 a { background-image:url(../images/icon_daisen_faq.png); background-position:6px 10px; line-height:1.3; }
#daisen_menu li.item03 a, #daisen_menu_side li.item03 a { background-position:6px -70px; }
#daisen_menu_side li.item04 a { background-position:6px -105px; }
#daisen_menu li a:hover, #daisen_menu_side li a:hover { background-color:#00a381; background-image:url(../images/icon_daisen_menu_over.png); background-position:6px 10px; color:#fff; }
#daisen_menu li.item02 a:hover, #daisen_menu_side li.item02 a:hover { background-image:url(../images/icon_daisen_faq_over.png); background-position:6px 10px; }
#daisen_menu li.item03 a:hover, #daisen_menu_side li.item03 a:hover { background-position:6px -70px; }
#daisen_menu_side li.item04 a:hover { background-position:6px -105px; }
#daisen_menu li a span, #daisen_menu_side li a span { display:block; font-size:12px; font-weight:normal; }

#contents #daisen_menu ul, #main #daisen_menu_side ul { margin-left:0; }
#contents #daisen_menu li { width:100%; margin:0 0 1px; }
#daisen_menu li a span, #daisen_menu_side li a span { display:inline; padding-right:6px; }

/*メインメニュー*/
#contents #main_menu { margin-bottom:0; }
#contents #main_menu li { margin-bottom:12px; background-size:100% auto; padding-bottom:5px; }
#main_menu li a { width:100%; height:auto; }
#main_menu li a span { font-size:26px; }
#main_menu li.btn_gourmet a span { font-size:22px; }
#main_menu li.btn_meisyo a span { font-size:23px; }
#main_menu li.btn_course a span, #main_menu li.btn_onsen a span { font-size:24px; }
/* a */
#main_menu li a { display:block; width:100%; height:auto; }
#main_menu li a .img { display:block; -webkit-transition:none; -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none; }
#main_menu li a:hover { background:#00a381; }
#main_menu li a:hover .img { margin:0; overflow:hidden; opacity:0.7; -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none; }

/*特集*/
#special .heading { width:100%; }
#special .heading h3 { margin-left:10px; }
#special .heading a { margin-right:10px; margin-top:5px; }

/*動画*/
#movie .heading { margin:0 10px; }
#movie .movie_box { margin:0 10px; }
#movie .movie_box iframe { float:none; width:100%; height:280px; }
#movie .movie_box .text_box { display:block; width:auto; float:none; padding:10px; }


/* sidebar
====================================================================================================================================== */
#sidebar .heading { background:#222; color:#fff; margin-bottom:0; }

#main.wide #sidebar { display:block; }

/*プルダウン関係ボタン*/
#menu_btn_sp { position:absolute; right:0; top:36px; }
#menu_btn_sp a { display:block; background:#f2f0ed url(../images/icon_menu.png) no-repeat center 8px; width:60px; height:60px; margin:0; padding:40px 6px 6px; font-size:10px; text-align:center; text-decoration:none; }
#menu_btn_sp a:hover, #menu_btn_sp.open a { background-color:#222; color:#fff; }
/*閉じる*/
#pulldown_menu a.close { display:block; width:auto; background:#222; color:#fff; padding:8px 0; margin:0 30px; text-align:center; border:none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; text-decoration:none; }

/*メインメニュー*/
#pulldown_menu { position:absolute; left:0; top:96px; z-index:10; display:none; }
#globalnavi { margin:0; padding-bottom:10px; background:#222; }
#pulldown_menu #globalnavi li { float:left; width:30%; margin:12px 0 0 2.5%; font-size:13px; }
#globalnavi li a { display:block; width:auto; height:40px; background:#444; padding:0; margin-bottom:1px; margin-right:1px; font-size:14px; text-shadow:none; }
#globalnavi li:nth-child(3n) a { margin-right:none; }
#globalnavi li a:hover, #globalnavi li a.on, #pulldown_menu a.close:hover { background:#1baa8b; }
#globalnavi li a span { line-height:40px; }

/*サブメニュー*/
#pulldown_menu #daisen_menu_side { background:#222; padding:0 10px 15px; }
#pulldown_menu #daisen_menu_side li { width:100%; margin:0; padding:0; border-bottom:solid 1px #666; }
#daisen_menu_side li a { width:100%; margin:0; border:none; background-color:#222; color:#fff; }
#daisen_menu_side { margin:0; }

/*バナーリスト*/
#sidebar .bnr_list { width:460px; margin:0 auto; }
#sidebar .bnr_list li { float:left; width:230px; margin:0 0 10px; vertical-align:top; }
#sidebar .bnr_list li a { margin:0 5px; vertical-align:top; }
#sidebar .bnr_list li img { width:100%; margin:0 auto; vertical-align:top; }


/* footer
====================================================================================================================================== */
#footer { padding:10px 0 0; }

/*連絡情報*/
#middle_footer { padding:0; }
#middle_footer .text_nav { margin-bottom:0; padding-bottom:0; }

#middle_footer ul { margin:0 10px; }
#all #middle_footer li { width:58%; height:auto; margin:15px 0; padding:0; border:none; }
#all #middle_footer li.tel02 { width:42%; border-left:solid 1px #b3e4d9; padding-left:15px; }
#all #middle_footer li.contact { clear:both; float:none; display:block; width:100%; margin:0; padding:15px 0; border-top:solid 1px #b3e4d9; }

#middle_footer li.contact a { width:240px; height:auto; margin:0 auto; background-position:14px 12px; background-size:20px auto; padding:10px 10px 10px 24px; }
#middle_footer p { margin:0; }
#middle_footer li strong { font-size:2em; text-align:center; }
#middle_footer li.tel02 strong { font-size:1em; }
#middle_footer .right { margin-top:0; font-size:0.95em; }


/*フッター情報*/
#footer .site_info { float:none; padding:0 10px 10px; width:100%; }
#footer .site_info img { width:53px; height:auto; }
#footer .site_info h3 { font-size:13px; }

#footer .footer_nav { float:none; margin:0.5em 0 1em; text-align:center; font-size:12px; }
#footer .footer_nav li { margin-left:10px; }
#footer .footer_nav li:first-child { margin-left:0; }

/*下部黒いバーの箇所*/
#bottom_footer { padding:10px 0; }


/* side_fixed_box
====================================================================================================================================== */
#side_fixed_menu a, #side_fixed_top a, #side_fixed_menu .on { display:block; text-indent:100%; white-space:nowrap; overflow:hidden; }

/*大山町リンク*/
#all #side_fixed_menu { position:static; }

#side_fixed_menu { background:#222; float:none; margin:0 2%; padding:0 10px; font-size:0; }
#side_fixed_menu ul { padding-bottom:5px; margin-bottom:10px; }
#all #side_fixed_menu a { width:240px; height:auto; margin:0; background:none; color:#225389; padding:5px; background:#fff; }
#side_fixed_menu li { float:none; width:240px; text-align:center; margin:0 auto; display:none; }
#all #side_fixed_menu li.item06 { display:block; }
#all #side_fixed_menu li.item06 a { height:42px; border:solid 2px #f66; margin:0; padding:0; background:#fff; background:#ee0000 url(../images/bnr_mukipanda.gif) no-repeat center center; color:#fff; }
#all #side_fixed_menu a:hover { background:#ccc; }

#all #side_fixed_menu a.facebook { background:#3b5998; padding:6px 0; margin:0 auto 20px; background-size:24px auto; border:solid 2px #748bb8; color:#fff; border-radius:0; font-size:13px; text-indent:0; font-weight:bold; }

/*page top*/
#side_fixed_top { right:10px; bottom:10px; }
#side_fixed_top .top_page { right:10px; bottom:10px; width:48px; height:48px; background-size:100% auto; }

}
@media screen and (max-width : 620px){
/*フッター*/
#middle_footer .wrapper { text-align:center; }
#all #middle_footer li { width:100%; margin-bottom:0; }
#all #middle_footer li.tel02 { width:100%; padding-top:10px; margin:10px 0; border-left:none; border-top:solid 1px #b3e4d9; }

#middle_footer .left, #middle_footer .right { width:100%; margin:0; text-align:center; }
#middle_footer .right { margin:0; }
#middle_footer .right br { display:none; }
#middle_footer .right b { margin-left:10px; font-size:1.2em; }
#middle_footer .left .furigana { padding-left:7em; }
#footer .site_info address { font-size:0.9em; }

}

@media screen and (max-width : 478px){
/*動画*/
#movie .movie_box iframe { height:200px; }

/*center button list*/
#all .btn_center_box ul { left:0; float:none; }
#all .btn_center_box li { position:static; float:none; margin-left:auto; margin-right:auto; }
#all .btn_center_box li a { margin:0 0 10px; }

/*メインメニュー*/
#main_menu li a span { font-size:20px; }
#main_menu li.btn_gourmet a span { font-size:15px; }
#main_menu li.btn_meisyo a span { font-size:16px; }
#main_menu li.btn_course a span, #main_menu li.btn_onsen a span { font-size:18px; }

#pulldown_menu #globalnavi li { margin-top:8px; }
/*サブメニュー*/
#contents #daisen_menu ul { margin-left:0; }
#daisen_menu li a span { display:inline; padding-right:6px; }
/*バナーリスト*/
#sidebar .bnr_list { width:300px; }
#sidebar .bnr_list li { float:none; width:300px; text-align:center; }
#sidebar .bnr_list li a { margin:0 auto; }
#sidebar .bnr_list li img { width:auto; }
/*百歳食対策*/
#all #contents .sp_width_100 .comm, #all #contents .sp_width_100 .comm2 { padding:0 0 1em; }
}