@charset "utf-8";
/* ===================================================
	Home CSS
====================================================== */
/* Slide Area
------------------------------------------------------ */
#home #slider_area {
	width: 100%; overflow: hidden; position: relative;
	background: url(../../400th_img/slide_bg.png) repeat-x center top;
}
#home #slider_area .slides {
	left: 50%; position: absolute;
	margin: 0 0 0 -50%; width: 100%; z-index: 0;
}

/*171218_tsukamoto*/
#home #slider_area .slides {text-align: center;}
#home #slider_area .slides li img {padding: 175px 0 0 0;}
/*171218_ここまで*/

/*▼秋用*/
/* #home .slide01 { background: url(../../400th_img/slide01_autumn.png) no-repeat center top;}
#home .slide02 { background: url(../../400th_img/slide02_autumn.png) no-repeat center top;}
#home .slide03 { background: url(../../400th_img/slide03_autumn.png) no-repeat center top;}
#home .slide04 { background: url(../../400th_img/slide04_autumn.png) no-repeat center top;}
#home .slide05 { background: url(../../400th_img/slide05_autumn.png) no-repeat center top;}
#home .slide06 { background: url(../../400th_img/slide06_autumn.png) no-repeat center top;}
#home .slide07 { background: url(../../400th_img/slide07_autumn.png) no-repeat center top;} */

/*▼夏用*/
#home .slide01 { background: url(../../400th_img/slide_win_04.png) no-repeat center top;}
#home .slide02 { background: url(../../400th_img/slide_win_05.png) no-repeat center top;}
#home .slide03 { background: url(../../400th_img/slide_win_06.png) no-repeat center top;}
#home .slide04 { background: url(../../400th_img/slide_win_07.png) no-repeat center top;}
#home .slide05 { background: url(../../400th_img/slide08.png) no-repeat center top;}
#home .slide06 { background: url(../../400th_img/slide09.png) no-repeat center top;}
#home .slide07 { background: url(../../400th_img/slide10.png) no-repeat center top;}

/*▼冬用*/
/*#home .slide01 { background: url(../../400th_img/slide07_win.png) no-repeat center top;}
#home .slide02 { background: url(../../400th_img/slide_win_01.png) no-repeat center top;}
#home .slide03 { background: url(../../400th_img/slide_win_02.png) no-repeat center top;}
#home .slide04 { background: url(../../400th_img/slide_win_03.png) no-repeat center top;}
#home .slide05 { background: url(../../400th_img/slide04.png) no-repeat center top;}
#home .slide06 { background: url(../../400th_img/slide02_win.png) no-repeat center top;}
#home .slide07 { background: url(../../400th_img/slide10_win.png) no-repeat center top;}*/

/*▼春用*/
/* #home .slide01 { background: url(../../400th_img/slide20_spr_1.png) no-repeat center top;}
#home .slide02 { background: url(../../400th_img/slide20_spr_2.png) no-repeat center top;}
#home .slide03 { background: url(../../400th_img/slide20_spr_3.png) no-repeat center top;}
#home .slide04 { background: url(../../400th_img/slide20_spr_4.png) no-repeat center top;}
#home .slide05 { background: url(../../400th_img/slide20_spr_5.png) no-repeat center top;}
#home .slide06 { background: url(../../400th_img/slide20_spr_6.png) no-repeat center top;}
#home .slide07 { background: url(../../400th_img/slide20_spr_7.png) no-repeat center top;} */

#home .flex-control-nav{ bottom: auto !important; z-index: 999;}


/* 400th logo
------------------------------------------------------ */
#home #logo{ clear: both; text-align: center;}
#home #logo img{ display: block; margin: 0 auto;}

/*171218_tsukamoto*/
#home #logo{padding-top: 425px;}
#home #logo img:first-child { margin-top: 0;}
#home #logo img:last-child { margin-top: 0;}
/*171218_ここまで*/

/* lead
------------------------------------------------------ */
#home #lead{
	left: 0; bottom: 0; position: absolute;
	padding: 55px 0 45px; width: 100%; text-align: center;
	background-color: rgba(255,255,255,0.5);
}
#home #lead h2{ margin: 0 auto 20px;}
#home #lead p span{ display: none;}
#home #lead p {   margin: 0 auto;  line-height: 2em; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 15px; font-weight: bold; color: #292109; text-shadow: 0px 0px 4px #eae3d6, 0px 0px 13px #eae3d6;}

/* contents_wrap,bnr_menber
------------------------------------------------------ */
#home #contents_wrap{ padding: 40px 0 60px;}
#home #bnr_menber{ margin: 0 0 30px 0;}

/* sec1
------------------------------------------------------ */
#home #sec1{ margin: 0 0 30px;}
#home #sec1 h2{
	margin: 0 auto 70px; text-align: center;
	background: url(../../400th_img/sec1_tit_bg.png) no-repeat center center;
}
#home #sec1 ul{ margin: 0 auto; width: 1030px;}
#home #sec1 li{ float: left; text-align: center;}
#home #sec1 li:last-child{ margin-left: -41px;}

/* バナー2つの場合 */
/* #home #sec1 ul.bnr_space{width: 710px; margin: 20px auto;}
#home #sec1 ul.bnr_space li{ width: 340px; margin: 5px; }
#home #sec1 ul.bnr_space li:last-child { float: right; margin-left: 0;}
#home #sec1 div.bnr_space2 { margin: auto; max-width: 500px; } */

/* バナー1つの場合 */
/* #home #sec1 ul.bnr_space{width: 350px; margin: 20px auto;}
#home #sec1 ul.bnr_space li{ width: 340px; margin: 5px; }
#home #sec1 ul.bnr_space li:last-child { float: right; margin-left: 0;}
#home #sec1 div.bnr_space2 { margin: auto; max-width: 500px; } */

/* バナー1つの場合（特殊） */
#home #sec1 ul.bnr_space,
#home #sec1 ul.bnr_space li { width: 491px;}
#home #sec1 ul.bnr_space{ margin: 20px auto;}
#home #sec1 ul.bnr_space li{ margin: 5px; }
#home #sec1 ul.bnr_space li:last-child { margin: 0 auto;}
#home #sec1 div.bnr_space2 { margin: auto; max-width: 500px; }

/* バナー3つ（ピラミッド形） */
#home #sec1 ul.bnr_space2 { width: 570px;}
#home #sec1 ul.bnr_space2 li {width: 48.5%;}
#home #sec1 ul.bnr_space2 li:nth-of-type(1) { float: left;}
#home #sec1 ul.bnr_space2 li:nth-of-type(2) { float: right;}
#home #sec1 ul.bnr_space2:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; }

/* バナー4つ（ピラミッド形） */
#home #sec1 ul{ margin: 0 auto; width: 1030px;}
#home #sec1 ul.bnr_space2 { width: 96%;  max-width: 700px;}
#home #sec1 ul.bnr_space2 li { margin-top: 20px; width: 49%;}

/*横長バナーの場合*/
#home #sec1 ul.bnr_space{width: 1050px;}
#home #sec1 ul.bnr_space li{margin: 0 0 15px; width: 100%; max-width: inherit;}


/* sec2
------------------------------------------------------ */
#home #sec2{
	margin: 0 auto 40px; padding: 25px 0 20px; width: 1044px;
	min-height: 327px; overflow: hidden; box-sizing: border-box;
	background: url(../../400th_img/sec2_bg_pc.png) no-repeat center top;
}
#home #sec2 h2{
	padding: 0 0 40px; width: 150px; float: right; text-align: left;
	background: url(../../400th_img/sec2_icon.png) no-repeat center bottom;
	background-size: 78% auto;
}

#home #sec2 ul{ margin-left: 22px;}
#home #sec2 li{ margin-right: 10px; float: left;}


/* sec3
------------------------------------------------------ */
#home #sec3{ margin: 0 auto 35px; font-size: 0;}
#home #sec3 li{ display: inline-block; width: 50%; box-sizing: border-box;}
#home #sec3 li:first-child{ padding-right: 1%;}
#home #sec3 li:last-child { padding-left: 1%;}


/* sec4
------------------------------------------------------ */
#home #sec4{
	margin: 0 auto 50px; padding: 35px 0;
	background:
		url(../../400th_img/sec4_bg2.png) no-repeat 95% 40px,
		url(../../400th_img/sec4_bg1.gif);
}
#home #sec4 h2{
	margin: 0 35px 25px; padding: 23px 0 10px 64px;
	background: url(../../400th_img/sec4_tit_bg.png) no-repeat left bottom;
}

#home #sec4 div{ margin: 0 50px;}
#home #sec4 dl{ margin: 0 43px 40px 0; width: 205px; float: left;}
#home #sec4 dl:nth-of-type(4n+0){ margin: 0; float: right;}
#home #sec4 dl:nth-of-type(4n+1){ clear: both;}

#home #sec4 dt{ }
#home #sec4 dt img:first-child{ margin: 0 5px 10px;}
#home #sec4 dt img:last-child{ margin: 0 0 20px;}
#home #sec4 dd{ line-height: 1.6;}

#home #sec4 strong{ display: block; margin: 0 0 10px; font-weight: bold;}
#home #sec4 p,
#home #sec4 ul{ margin: 10px 0;}
#home #sec4 ol{ margin: 5px 0 10px 20px;}
#home #sec4 a{ display: inline-block;}

#home #sec4 .acc_tit{
	margin: 40px 50px; padding: 15px 0; text-align: center;
	background: url(../../400th_img/sec4_btn_bg.jpg); border: 1px solid #362e2b;
}
#home #sec4 .acc_contents{
	background: url(../../400th_img/sec4_bg3.png) no-repeat 90% 90%;
}


/* sec5
------------------------------------------------------ */
#home #sec5{
	margin: 0 auto 50px; padding: 50px 40px 50px 115px; position: relative;
	background: #beb9a0 url(../../400th_img/sec5_bg_pc.jpg) repeat-y left top;
}
#home #sec5 h2{ top: 20px; left: 15px; position: absolute;}

#home #sec5 div{}
#home #sec5 .PlanView{ margin: 0 24px 40px 0; width: 282px; float: left;}
#home #sec5 .PlanView:nth-of-type(3n+0){ margin: 0; float: right;}
#home #sec5 .PlanView:nth-of-type(3n+1){ clear: both;}

#home #sec5 .picture{ margin: 0 0 20px;}
#home #sec5 .plan{ margin: 0 0 20px; color: #123b00; font-weight: bold; line-height: 1.6;}
#home #sec5 .plan a { color: #123b00;}
#home #sec5 .comment,
#home #sec5 .room_list_header{ display: none;}
#home #sec5 ul{}
#home #sec5 li{
	margin: 0 0 10px; padding-left: 20px; line-height: 1.5;
	background: url(../../400th_img/sec5_plan_icon.gif) no-repeat 0 5px;
}
#home #sec5 a{ color: #625715; text-decoration: underline;}
#home #sec5 a:hover{ text-decoration: none;}


/* sec6
------------------------------------------------------ */
.youtube{ position:relative; width:100%; padding-top:56.25%;}
.youtube iframe{ position:absolute; top:0; right:0; width:100%; height:100%;}
#home #sec6 { position: relative; width: 100%; margin: 0 auto 40px; }
#home #sec6 h2 { margin: 0 auto 20px;text-align: center;}
#home #sec6:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; }
#home #sec6 h3{text-align: center;}
#home #sec6 > div:nth-of-type(1){float: left; width: 49%;}
#home #sec6 > div:nth-of-type(2){float: right; width: 49%;}

/* info_area
------------------------------------------------------ */
#home #info_area{ margin: 0 auto 40px;}

#home #fb_block{ margin-right: 40px; width: 360px; float: left;}

#home #feed_block{ width: 365px; float: left;}
#home #feed_block h2{
	margin: 0 0 20px; padding: 12px; border-radius: 5px;
	background: url(../../400th_img/blog_tit_bg.jpg) right center;
}
#home #feed_block h2 img{}
#home #feed_block h2 a{ display: block; padding: 5px 0; width: 85px; float: right;}

#home #feed{}
#home #feed ul{ margin: 0 5px;}
#home #feed li{ margin: 0 0 3px; padding: 3px 0; line-height: 1.4; border-bottom: 1px dotted #000;}
#home #feed li span{ display: inline; margin-right: 10px;}

#home #info_area>ul{ width: 250px; float: right;}
#home #info_area>ul li{ margin: 0 0 5px;}


#home #sns { margin-top: 30px;}
#home #sns li { float: left; margin-right: 10px;}
#home #info_area:after, #home #sns ul:after { clear: both; content: "."; display: block; height: 0; font-size: 0; visibility: hidden;}


/* 新型コロナウイルス感染予防についてのご案内 .box_covid19
------------------------------------------------------ */
#box_covid19 { width: 100%; min-width: 1050px; margin: 0 auto; padding: 30px 0; position: relative; z-index: 10; text-align: center; box-sizing: border-box; background: rgba(12,21,63,1.00); color: #fff;}
#box_covid19 dt { font-size: 28px; text-decoration: underline; padding: 15px 0 20px;}
#box_covid19 dd { max-height: calc( 1.6em * 20 ); position: relative; font-size: 18px; line-height: 1.6; overflow: hidden; text-align: center; -webkit-transition: max-height 0.7s; -o-transition: max-height 0.7s; transition: max-height 0.7s;}
#box_covid19 dd:after { content: ''; width: 100%; height: calc( (16px * 1.6) * 3 ); position: absolute; bottom: 0; left: 0; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.7s; -o-transition: opacity 0.7s; transition: opacity 0.7s; background: -moz-linear-gradient(top, rgba(12,21,63,0) 0%, rgba(12,21,63,1) 100%); background: -webkit-linear-gradient(top, rgba(12,21,63,0) 0%,rgba(12,21,63,1) 100%); background: linear-gradient(to bottom, rgba(12,21,63,0) 0%,rgba(12,21,63,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c2600', endColorstr='#1c2600',GradientType=0 );}
#box_covid19 dd.inactive { max-height: calc( 1.6em * 3 );}
#box_covid19 dd.inactive:after { opacity: 1;}
#box_covid19 dd .br_pc{ display: block;}
#box_covid19 ul{ margin: 15px 0 0; display: inline-block; font-size: 18px;}
#box_covid19 li { padding: 0 0 0 1em; text-indent: -1em; text-align: left;}
#box_covid19 li:before { content: '・';}
#box_covid19 dd a { color: #fff;}
#box_covid19 dd a:hover { text-decoration: none;}
#box_covid19 .more_btn { display: inline-block; width: 200px; padding: 8px 20px; margin: 20px 0 0; background: #111700; color: #fff; font-size: 14px; text-decoration: none;}
#box_covid19 .more_btn:hover { background: #0b0f00;}
#box_covid19 .more_btn .open { display: block;}
#box_covid19 .more_btn.active .open { display: none;}
#box_covid19 .more_btn .close { display: none;}
#box_covid19 .more_btn.active .close { display: block;}

#h_nav_wrap { position: absolute !important;}

/*
------------------------------------------------------ */
#home #slider_area ul:after,
#home #sec1 ul:after,
#home #sec2 ul:after,
#home #sec3:after,
#home #sec4 div:after,
#home #sec5 div:after,
#home #feed_block h2:after {
	clear: both; content: "."; display: block;
	height: 0; font-size: 0; visibility: hidden;
}

/* 重要なお知らせバナー
------------------------------------------------------ */
.bnr_notice{ position: absolute; top: 145px; left: 50%; margin: 0 0 0 -525px; z-index:10000;}
.bnr_notice li { padding: 0 0 8px;}

/* ---------------------------------------------------
	更新履歴
------------------------------------------------------

180322_tsukamoto #sec6 動画2つに調整
180322_tsukamoto バナー2つ掲載に調整
180425_mori 夏スライド公開、#home .slide更新
180612_eriko スイラド変更
182724_daimon 秋スライド公開・スライダーにページャー追加
180920_mori バナーを1つに調整 #sec1 ul.bnr_space更新
180921_mori スライドコントロール修正 .flex-control-nav更新
190404_eriko スライド変更、#home #lead p追加、#home #sns新規追加
190705_mori #home #sec1 ul.bnr_space 更新
191015_furusawa #home .slide00へ秋用画像を追加
200304_NW スライダー春用を追加　新型コロナウィルス感染予防について追加
210830_haiguchi .bnr_notice、.bnr_space　調節

------------------------------------------------------ */