@charset "UTF-8";


/*▼フォントカラー▼*/
body      { color:#312a26; }
a         { color:#225522; outline-style:none; text-decoration:underline; }
a:link    { color:#225522; }
a:visited { color:#225522; }
a:hover   { color:#bb6600; text-decoration:none; }

/*▼汎用スタイル▼*/
.none { display:none !important; }
.mb0  { margin-bottom:0 !important; }
.mb5  { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }

.ma0  { margin:0 !important; }
.ma10 { margin:10px !important; }

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

/* structure
====================================================================================================================================== */
html, body { background:url(../images/all_bg.jpg); }
html { overflow-y:scroll; height:100%; }
body { text-align:center; height:100%; }
#container { font-size:1.4em; line-height:1.5; margin:0 auto; text-align:left; width:980px;  }
#header { position:relative; zoom:1; margin-bottom:10px; margin-left:20px; width:940px; }
#main_visual { }
ul#global_navi { margin-bottom:5px; margin-left:20px; zoom:1; }
#wrapper { padding:20px 0; }
#conts_top { width:700px; float:right; padding-right:20px; margin-bottom:10px; }
* html #conts { overflow:hidden; }/*▽IE6でボックスが拡張する問題を解決▽*/
#sidebar { width:220px; float:left; margin-bottom:20px; padding-left:20px; }
#footer { clear:both; width:940px; margin-left:20px; }

#header img,
#main_visual img,
#global_navi img,
#conts_top img,
#sidebar img,
#footer img { vertical-align:bottom; }


/* header
====================================================================================================================================== */
/*▼サイトタイトル▼*/
#header h1#site_title { }

/*▼ディスクリプション▼*/
#header p#description { position:absolute; top:0; right:0; width:750px; font-size:0.9em; text-align:right; margin-bottom:10px; }

/*▼電話番号▼*/
#header p#tell { position:absolute; top:35px; right:245px;}

/*▼検索▼*/
form#search { position:absolute; top:33px; right:0; width:223px; zoom:1; }
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; }
form#search p#text_bg { background:url(../images/he_search_bg.gif) no-repeat; width:160px; height:26px; float:left; display:inline; }
form#search p#btn { float:left; display:inline; width:26px; }


/* globalnavi
====================================================================================================================================== */
ul#global_navi li { float:left; }
ul#global_navi li a { display:block; width:117px; height:32px; background:url(../images/2015/gl_btn_01.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; zoom:1; }
ul#global_navi li a:hover { background-position:left bottom; }
ul#global_navi li.item02 a { width:149px; background-image:url(../images/2015/gl_btn_02.png); }
ul#global_navi li.item03 a { width:186px; background-image:url(../images/2015/gl_btn_03.png); }
ul#global_navi li.item04 a { width:152px; background-image:url(../images/2015/gl_btn_04.png); }
ul#global_navi li.item05 a { width:148px; background-image:url(../images/2015/gl_btn_05.png); }
ul#global_navi li.item06 a { width:188px; background-image:url(../images/2015/gl_btn_06.png); }

/* 2022-05-16 Add */
ul#global_navi.columns_count_4 { display: flex; }
ul#global_navi.columns_count_4 li { float: none; width: 187px; border-right: 1px solid #bbb;}
ul#global_navi.columns_count_4 li:first-child { border-left: 1px solid #bbb; }
ul#global_navi.columns_count_4 li.item01 a,
ul#global_navi.columns_count_4 li.item02 a,
ul#global_navi.columns_count_4 li.item03 a,
ul#global_navi.columns_count_4 li.item04 a,
ul#global_navi.columns_count_4 li.item05 a { width: 187px; background-position: center top; box-sizing: border-box; }
ul#global_navi.columns_count_4 li.item01 a { background-image:url(../images/2022/gl_btn_01.png); }
ul#global_navi.columns_count_4 li.item02 a { background-image:url(../images/2022/gl_btn_02.png); }
ul#global_navi.columns_count_4 li.item03 a { background-image:url(../images/2022/gl_btn_03.png); }
ul#global_navi.columns_count_4 li.item04 a { background-image:url(../images/2022/gl_btn_04.png); }
ul#global_navi.columns_count_4 li.item05 a { background-image:url(../images/2022/gl_btn_05.png); }
ul#global_navi.columns_count_4 li a:hover { background-position:left bottom; }


/* main
====================================================================================================================================== */
#main { }


/* conts
====================================================================================================================================== */
#conts img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*▼新着情報 + 大山コミュニティ▼*/
#conts_top #new_box { margin-bottom:19px; }
#conts_top #new_box .h_box { position:relative; zoom:1; background:url(../images/co_new_h_border.gif) no-repeat bottom; height:32px; } 
#conts_top #new_box .h_box h2 { padding-top:2px; }
#conts_top #new_box .h_box p.navi_btn { position:absolute; right:0; top:0; zoom:1; }
#conts_top #new_box .h_box p.navi_btn_02 { position:absolute; right:90px; top:0; zoom:1; }
#conts_top #new_box .h_box p.rss_btn { position:absolute; right:95px; top:6px; zoom:1; line-height:1; font-size:12px;  }
#conts_top #new_box .h_box p.rss_btn img { vertical-align:middle; padding-bottom:3px; }
#conts_top #new_box .h_box #social_box { position:absolute; left:230px; top:4px; zoom:1; width:320px; }

#conts_top #new_box ul { background:url(../images/co_bg_bottom.gif) no-repeat bottom; padding:20px; padding-bottom:15px; zoom:1;}
#conts_top #new_box ul li p.image{ float:left; display:inline; margin-right:10px; border:1px #666666 solid; background-color:#ffffff; }
#conts_top #new_box ul li p.image img{ padding:3px; }
#conts_top #new_box ul li dl.text_box { overflow:hidden; zoom:1; }
#conts_top #new_box ul li dl dt.day { margin-bottom:3px; }
#conts_top #new_box ul li dl dt.day span.new img{ margin-left:5px; vertical-align:middle; }
#conts_top #new_box ul li dl dd.comment { line-height:1.2; }
#conts_top #new_box ul li dl dd.comment a{}
#conts_top #new_box ul li dl dd.comment a:hover{}

#conts_top #new_box ul li.section_b { margin-bottom:15px; padding-bottom:22px; background:url(../images/te_border_01.gif) no-repeat bottom; }
#conts_top #new_box ul li.section_c { margin-bottom:15px; padding-top:22px; background:url(../images/te_border_01.gif) no-repeat top; }

#conts_top #new_box ul#com { padding:0; background:none; }
#conts_top #new_box ul#com02 { padding-bottom:5px; } 
#conts_top #new_box ul li#info { padding:0; background:none; }

/*各メインメニューボタンリスト*/
#conts_top #menu_list { background:url(../images/te_border_01.gif) repeat-x left bottom; margin-bottom:10px; padding-bottom:10px; overflow:visible; }
#conts_top #menu_list:after { content: "."; display:block; clear:both; height:0.1px; font-size:0.1em; visibility:hidden; line-height:0; }
/*sns*/
#conts_top { }
#conts_top #social_box { position:relative; float:right; margin-top:-30px; z-index:100; }
#conts_top #social_box:after { content: "."; display:block; clear:both; height:0.1px; font-size:0.1em; visibility:hidden; line-height:0; }
#conts_top { padding-top:20px; }

/*2カラム*/
#conts_top .column02 { font-size:0; margin:0; padding:0; }
#conts_top .column02 dl, #conts_top .column02 li { display:inline-block; width:48.5%; font-size:14px; list-style:none; margin:0 0 20px; padding:0; }
#conts_top .column02 .left { margin-right:3%; }
#conts_top .column02 dt { text-align:center; }
#conts_top .column02 dt img { margin:0 auto 10px; }
#conts_top .column02 dd strong { color:#418038; }

#conts_top .column02 { font-size:0; margin:0; padding:0; }
#conts_top .column02 h2.tit { background:none; border:none; margin:0 0 10px; padding:0; line-height:1; }

/*お問い合わせボックス*/
#wrapper .green_box { background:#fff; border:solid 1px #418038; margin:0 0 15px; border-radius:6px; }
#wrapper #conts .green_box { border-width:3px; margin-bottom:0; margin-top:20px; }
#wrapper .green_box h3 { background:#418038; padding:2px 10px; margin:0; color:#fff; border-top-left-radius:4px; border-top-right-radius:4px; }
#wrapper #conts .green_box h3 { border-top-left-radius:1px; border-top-right-radius:1px; }
#wrapper #sidebar .green_box h3 { text-align:center; }
#wrapper #sidebar .green_box h3 img { margin:0 auto; }
#wrapper .green_box .inner { padding:10px 10px 15px; }
#wrapper #conts .green_box .inner { padding-bottom:10px; }
#wrapper #sidebar .green_box .inner { text-align:center; }
/*TEL*/
#wrapper .green_box .tel { display:inline-block; background:url(../images/2015/icon_tel.png) no-repeat left center; padding:0 0 0 28px; margin:0; color:#418038; font-size:1.5em; font-weight:bold; }
#wrapper #conts .green_box .tel { font-size:1.65em; margin-bottom:3px; }
#wrapper #conts .green_box .contact_time { display:inline-block; margin:7px 0 0 10px; vertical-align:top; }
#wrapper .green_box p { margin-bottom:10px; }
#wrapper #conts .green_box p { margin-bottom:3px; }
/*薄グリーンボタン*/
#wrapper .green_box .btn { display:inline-block; background:#d9e6d7 url(../images/2015/icon_green.png) no-repeat 10px center; padding:6px 10px 6px 24px; margin:0 auto; text-decoration:none; border-radius:4px; }
#wrapper .green_box .btn:hover { color:#225522; opacity:0.8; }
#wrapper #conts .green_box .inner { padding-right:180px; }
#wrapper .green_box ul { padding-left:0; margin:0; }
#wrapper .green_box li { display:inline; list-style:none; margin-bottom:0; }
#wrapper .green_box li a { background:url(../images/2015/icon_green.png) no-repeat left center; padding:0 0 0 12px; margin-right:30px; }
/*足立さんイラスト*/
#conts #contact_box { position:relative; overflow:visible; }
#conts #contact_box:after { content:""; display:block; position:absolute; right:0; bottom:0; width:210px; height:160px; background:url(../images/2015/chara_adachi01.png) no-repeat; }


/*▽背景画像▽*/
#conts_top #new_box .bg_top { background:url(../images/co_bg_top.gif) no-repeat top; zoom:1;}
#conts_top #new_box .bg_repeat { background:url(../images/co_bg_repeat.gif); zoom:1;}

/*▽テーブル部分▽*/
#conts_top #new_box table { width:100%; }
#conts_top #new_box table tr { line-height:1.2; width:100%; }
#conts_top #new_box table th.day { padding:5px 10px 5px 0; white-space:nowrap; font-weight:normal; }
#conts_top #new_box table th.day span.icon { }
#conts_top #new_box table td.comment {line-height:1.3; width:100%; padding:5px 10px 5px 0; }
#conts_top #new_box table td.comment a{ }
#conts_top #new_box table td.comment span.new { }
#conts_top #new_box table td.comment span.new img { vertical-align:middle; margin-right:5px; padding-bottom:3px; }

/*メインメニューボタン*/
#main_menu { }
#sub_menu .bnr_column02 { background:url(../images/te_border_01.gif) repeat-x left top; padding-top: 30px; }

.kerning { letter-spacing:-0.2em; }

#conts_top .bnr_column02 { width:100%; overflow:hidden; }

#conts_top .bnr_column02 li { float:left; width:48%; margin-left:4%; padding:0 0 20px; overflow:hidden; }
#conts_top .bnr_column02 li.left { clear:both; margin-left:0; }
#conts_top .bnr_column02 li a { text-decoration:none; color:#312a26; }
#conts_top .bnr_column02 li a:hover { opacity:0.8; }
#conts_top .bnr_column02 li a strong { color:#418038; }
#conts_top .bnr_column02 li span { display:block; }
#conts_top .bnr_column02 li span span { display:inline; }
#conts_top .bnr_column02 li img { max-width:100%; height:auto; margin-bottom:7px; }


/* sidebar
====================================================================================================================================== */
/*▽ご主人の挨拶▽*/
#sidebar p#aisatu { margin-bottom:15px; }

/*▽バナー▽*/
#sidebar ul.bnr_box { margin-bottom:15px; }
#sidebar ul.bnr_box li { margin-bottom:10px; }
#sidebar ul.bnr_box li a:hover { opacity:0.8; }


/* footer
====================================================================================================================================== */
/*▼フッターナビ▼*/
#footer ul#footer_navi { background:url(../images/fo_border.gif) no-repeat bottom; margin-bottom:15px; padding:0 0 10px 0; }
#footer ul#footer_navi li { float:left; display:inline; line-height: 1.3; white-space: nowrap; margin-left:10px; padding-left:10px; border-left:1px #8d8888 solid; color:#2b0e04; }
#footer ul#footer_navi li.first { margin-left:0; padding-left:0; border-left: none; }
#footer ul#footer_navi li.last { border:none; float:right; background:url(../images/fo_icon_top.gif) no-repeat left center; padding-left:18px; }
#footer ul#footer_navi li a { text-decoration:none; color:#312a26;}
#footer ul#footer_navi li a:hover { text-decoration:underline; color:#bb6600; }

/*▽サイトタイトル▽*/
#footer p#fo_site_title  { font-size:1.1em; line-height:1.2; font-weight:bold; margin-bottom:6px;}

/*▽住所▽*/
#footer p#address_box { width:720px; float:left;}

/*▽コピーライト▽*/
#footer p#copyrigh { font-size:0.9em; width:720px; float:left;}

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



/* 追加要素
====================================================================================================================================== */
/* ボタン */
a { cursor: pointer; }
.font_la { font-size:1.25em; }
.btn, a.btn, .btn_tel { position: relative; display: inline-block; background: #418038; border: solid 1px #185f0e; padding: 1em 2em; margin: 0 auto 1em; color: #fff; font-weight: bold; text-decoration: none; letter-spacing: 0.08em; border-radius: 6px; box-sizing: border-box; }
.btn:before { content: ""; display: inline-block; width: 8px; height: 11px; margin-right: 10px; background: url("../images/icon_w.png") no-repeat center top; background-size: 100% auto; }
.btn_tel { background: #fff; color:inherit; font-size: 0.8em; font-weight: normal; letter-spacing: 0; }
.btn_tel strong { display: block; color:#418038; font-size: 1.2em; font-weight: bold; }
#conts_top .btn, #sidebar .btn, #sidebar .btn_tel { width: 100%; }

/* 2022-05-16 */
.btn_tel .tel_title { font-size: 1.3em; font-weight: bold; }


#sidebar .btn { margin-bottom: 0.5em; }
#conts_top .btn { text-align: center; font-size: 1.4em; }
.btn .copy { display: block; font-size: 0.8em; font-weight: normal; line-height: 1.3; letter-spacing: 0; }
.btn.btn_big .copy { display: inline-block; padding-right: 1em; }
.btn.btn_2column { padding: 10px 1em 6px 34px !important; }
.btn.btn_2column:before { position: absolute; left: 1.1em; top: 50%; margin-top: -7px; }

#container .btn_fb, #container .btn_twi { background: #fff; color: #1877f2; border: solid 1px #1877f2; padding: 0.6em; text-align: left; line-height: 1.3; letter-spacing: 0; }
#container .btn_fb:before, #container .btn_twi:before { display: none; }
#container .btn img { width: 36px; float: left; margin:0.2em 0.75em 0.2em 0.2em; }
.sns_feed { border: solid 1px #ccc; margin: 0.5em 0; overflow: hidden; }
.sns_feed iframe { width: 100%; }

/* 2022-05-16 */
.btn.btn_contact {
  padding-top: 0.8em !important;
  padding-bottom: 0.8em !important;
}

/* header */
.header_reserve { position: absolute; right: 0; top:0; }
.header_reserve .btn { font-size: 1.2em; padding: 0.8em 1.5em; }
#header .header_reserve p#description, #header .header_reserve p#tell { right: 155px; }
#header .header_reserve p#description { top: 8px; }

/* メインビジュアル */
#main_visual_slide { position:relative; max-width: 940px; height: 420px; margin: 0 auto; overflow: hidden; box-sizing: border-box; }
#main_visual_slide:before { content: ""; display: block; width: 100%; height: 100%; position:absolute; left: 0; top: 0; background: url("../images/mainvisual/cover.png") no-repeat center top; background-size: 100% auto; z-index: 100; }
#main_visual_slide ul li { position: absolute; left: 0; top:0; overflow: hidden;}
#main_visual_slide ul li img { max-width: 100%; height: auto; vertical-align: top; }
#main_visual_slide .chara, #main_visual_slide .fukidashi { position: absolute; left: 0; bottom: 0; z-index: 200; }
#main_visual_slide .fukidashi { left: 17%; bottom: 10%; }

@keyframes fadein {
  0% {
	  opacity: 0;
	  transform: translate(0, 0);
  }
  2%, 16% {
	  opacity: 1;
  }
  18%, 100% {
	  opacity: 0;
	  transform: translate(0, -12%);
  }
}

@keyframes chara {
  from {
	  opacity: 0;
	  transform: translate(0, 2em);
  }
  to {
	  opacity: 1;
	  transform: translate(0, 0);
  }
}

/* 初期値 */
#main_visual_slide ul li img, #main_visual_slide .chara, #main_visual_slide .fukidashi {
	opacity: 0;
}
/* アニメーション指定 */
#main_visual_slide.main_anime ul li img {
  animation: 30s linear 0s backwards;
  animation-iteration-count:infinite;
  animation-name: fadein;
}
#main_visual_slide.main_anime ul li:nth-child(2) img { animation-delay: 5s; }
#main_visual_slide.main_anime ul li:nth-child(3) img { animation-delay: 10s; }
#main_visual_slide.main_anime ul li:nth-child(4) img { animation-delay: 15s; }
#main_visual_slide.main_anime ul li:nth-child(5) img { animation-delay: 20s; }
#main_visual_slide.main_anime ul li:nth-child(6) img { animation-delay: 25s; }

#main_visual_slide.main_anime .chara, #main_visual_slide.main_anime .fukidashi {
  animation: 0.4s linear 0s forwards;
	animation-delay: 0.2s;
  animation-name: chara;
}
#main_visual_slide.main_anime .fukidashi {
	animation-delay: 0.5s;
}

/* footer */
.footer_reserve {
    float: right;
}