@charset "utf-8"; #home #wrapper { background:none;} #home #wrapper #container { width:1130px;} /* flash */ #home .slides { position: relative;} #home .flexslider{ clear: both; margin: 0 auto; background-color: #000;} #home .flexslider li { list-style-type: none;} #home .slides { margin: 0 auto; width: 1260px; position: relative;} #home .slides li{ width: 100%; text-align: center;} #home .slides li img{ width: 1100px; max-width: 100%;} #home .slides li img.slide_txt { position: absolute; left: 30px; bottom: 10px; width: auto;} #home .flex-control-nav { clear: both; z-index: 1000; bottom: 8px;} #home .flex-control-paging li a { background: rgba(0, 0, 0, 0.8);} #home .flex-control-paging li a.flex-active { background-color: rgba(120, 120, 120, 0.8);} #home .flex_fade { clear: both; margin: 0 auto; width: 100%; max-width: 100%; position: relative; border: none; border-radius: 0; overflow: hidden;} #slide_wrap { position: relative; width: 1260px; margin: 0 auto;} #home .flex_fade .slide_note { position: absolute; right: 40px; bottom: 20px; z-index: 1000; width: 350px; padding: 20px; color: #fff; background-color: rgba(145,24,41,0.5); box-sizing: border-box;} #home .flex_fade .slide_note dt { margin: 0 0 10px; padding: 0 0 10px; font-size: 16px; border-bottom: 1px solid #fff;} #home .flex_fade .slide_note dd { font-size: 14px;} #home .flex_fade .slide_note a { display: table; margin: 5px 0 0; text-decoration: underline; color: #fff;} #home .flex_fade .slide_note a:hover { text-decoration: none;} #home #bnr_pri {display:block; width: 230px; position: absolute; top: 535px; left: 18%; margin:-295px auto 0 auto;text-align:left; z-index:100; } #home #bnr_pri a{ display: block; width: 230px; margin-bottom: 10px;} #home #news { width: 1090px; margin: 0 auto 50px; padding: 5px; background: url(../../img/news_line.gif);} #home #news_inn { display: flex; background: #fff; padding: 35px 20px 20px;} #home #news_tit { margin: 0 38px 0 0;} #home #news_tit a { display: table; margin: 13px 0 0 auto;} #home #news #feed { font-size: 15px; font-family: YuMincho,'Yu Mincho',serif;} #home #news #feed li { display: flex; align-items: flex-start; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #e7cfcf;} #home #news #feed li span { display: table; margin: 0 30px 0 0; padding: 2px 5px; background-color: #f1edea; color: #754b32;} #home #point { margin: 0 0 35px;} #home #point:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;} #home #point p { font-size: 16px; color: #000; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; line-height: 1.8; padding: 10px 0 0 25px;} #home #point p a { display: table; margin: 30px 0 0 auto; position: relative; z-index: 10;} #home #point #point1 { position: relative; width: 530px; margin: -186px 0 0 auto; float: right; padding: 0 40px 0 0;} #home #point #point1 >img { margin: 20px 0 0;} #home #point #point2 { width: 500px; float: left;} #home #point #point3 { margin: 30px 0 0; float: right; width: 640px; position: relative;} #home #point #point3 > img:nth-of-type(1) { position: absolute; top: -240px; right: 0;} #home #point #point3 > img:nth-of-type(2) { position: absolute; left: -500px; top: -10px;} #home #point #point3 > img:nth-of-type(3) { float: right; margin: -25px 0 0;} #home #point #point4 { clear: both; width: 510px; float: left; margin: -150px 0 0;} #home #point #point4 >img { margin: -26px 0 0;} #home #point #point5 { width: 520px; float: right; margin: 0 25px 0 0;} #home #point #point5 >img { margin: 20px 0 0; position: relative; right: 103px;} #home #point #point6 { float: left; width: 515px; margin: 20px 0 0;} #home #point #point6 >img { margin: -30px 0 0;} #home #point #point7 { float: right; width: 470px; margin: 0 20px 0 0;} #home #point #point7 >img { margin: 10px 0 0; position: relative; right: 38px;} #home #point #point8 { float: left; width: 550px; margin: 25px 0 0;} #home #point #point8 >img { margin: -50px 0 0 25px;} #home #point >img { float: right; margin: -15px 40px 0 0;} /* banner_area */ #home #banner_area { background:#88333e; margin-bottom:11px;} #home #banner_area ul { width:1130px; margin:0 auto; padding:18px 0 18px; display: flex; justify-content: center; } #home #banner_area ul li { margin-right: calc(50px / 7); } #home #banner_area ul li:last-child { margin-right: 0; } #home #banner_area ul li a { display:block; background:#fff;} #home #banner_area .clearfix:after { display: none; } #home #banner_area2 ul li { margin: 0 auto; width: 262px;} /* side left */ #home #side_left { float:left; width:270px; /*padding:25px 13px 0 15px;*/padding:0px 13px 0 15px;} #home #side_left #search { width:270px;/* height:244px;*/ background:url(../../img/search_bg.gif) no-repeat; display:inline-block; margin:0 0 10px 0;} #home #side_left #search h2 { width:237px; margin:0 auto; padding:15px 0 10px 0;} #home #side_left #search p { width:243px; margin:0 auto; padding-bottom:10px;} #home #side_left #search ul { margin:0 0 15px 0; display:inline-block;} #home #side_left #search ul li { float:left; padding:0 0 5px 14px;} /* ↓↓↓489ban ver.4↓↓↓ */ #home #side_left #search div{ width:242px; margin:0 auto 10px; background-color:#fff; padding:5px 0; overflow: hidden;} #home #side_left #search form { padding: 0 5px;} #home #side_left #search .search_table_489ban #guest_adult_489ban { display: none;} /* ↑↑↑489ban ver.4↑↑↑ */ /* ↓↓↓489ban ver.5↓↓↓ */ #home #side_left #search #search_489ban_home{ width:242px; margin:0 auto 10px; background-color:#fff; padding:5px 0;} #home #side_left #search #search_489ban_home form { padding: 0 5px;} #home #side_left #search #search_489ban_home .inbox_489ban { width: auto; float: left; margin: 0; padding: 0;} #home #side_left #search #search_489ban_home dt{ display: none;} #home #side_left #search #search_489ban_home button{ float: left; margin: 0 0 0 5px;} /* ↑↑↑489ban ver.5↑↑↑ */ #home #side_left iframe { display:block; width:262px; height: 230px !important; margin:0 auto;} #home #side_left p#twitter { margin:15px 0 15px 5px;} #home #side_left p#music { margin:5px 0 0 5px;} #home #side_left #music_area { background:url(../../img/bg_music.jpg) no-repeat; margin:10px 0 0 5px; height:101px;} #home #side_left #music_area ul{ width:150px; padding:32px 0 0 90px; } /* #home #feed{} #home #feed ul{ margin: 15px 15px 25px;} #home #feed li{ margin: 0 0 5px; line-height: 1.6;} #home #feed a{ } */ /* ↓↓↓Recommend_489ban↓↓↓ */ #recommend_489ban { color: #fff; } #recommend_489ban .tabNav_489ban { display: flex; } #recommend_489ban .tabNav_489ban a { display: block; height: 205px; font-size: 0; } /* #recommend_489ban .tabNav_489ban > li:nth-of-type(1) a { background:url(../../img/plan_navi1_off.png) no-repeat; width:132px; } #recommend_489ban .tabNav_489ban > li:nth-of-type(1) a.active, #recommend_489ban .tabNav_489ban > li:nth-of-type(1) a:hover { background:url(../../img/plan_navi1_on.png) no-repeat; } #recommend_489ban .tabNav_489ban > li:nth-of-type(2) a.active, #recommend_489ban .tabNav_489ban > li:nth-of-type(2) a { background:url(../../img/plan_navi2_off.png) no-repeat; width: 133px; } #recommend_489ban .tabNav_489ban > li:nth-of-type(2) a.active, #recommend_489ban .tabNav_489ban > li:nth-of-type(2) a:hover { background:url(../../img/plan_navi2_on.png) no-repeat; } #recommend_489ban .tabNav_489ban > li:nth-of-type(4) a { background:url(../../img/plan_navi3_off.png) no-repeat; width:132px; } #recommend_489ban .tabNav_489ban > li:nth-of-type(4) a.active, #recommend_489ban .tabNav_489ban > li:nth-of-type(4) a:hover { background:url(../../img/plan_navi3_on.png) no-repeat; } #recommend_489ban .tabNav_489ban > li:nth-of-type(6) a { background:url(../../img/plan_navi4_off.png) no-repeat; width:133px; } #recommend_489ban .tabNav_489ban > li:nth-of-type(6) a.active, #recommend_489ban .tabNav_489ban > li:nth-of-type(6) a:hover { background:url(../../img/plan_navi4_on.png) no-repeat; } #recommend_489ban .tabNav_489ban > li:nth-of-type(5) { display: none;} #recommend_489ban div[id^="navi_5"], #recommend_489ban div[id^="navi_11"] { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 0 40px; background: url(../../img/plan_bg.gif) no-repeat #a6515b; } #recommend_489ban div[id^="navi_5"] h3, #recommend_489ban div[id^="navi_11"] h3 { width: 100%; font-size: 0px; } #recommend_489ban #navi_11796_489ban h3 { height: 82px; background: url(../../img/plan_title1.png)no-repeat top left 10px; } #recommend_489ban #navi_5926_489ban h3 { height: 82px; background: url(../../img/plan_title2.png)no-repeat top left 10px; } #recommend_489ban #navi_5933_489ban h3 { height: 82px; background: url(../../img/plan_title3.png)no-repeat top left 10px; } #recommend_489ban #navi_5934_489ban h3 { height: 82px; background: url(../../img/plan_title4.png)no-repeat top left 10px; } */ #recommend_489ban #navi_11796_id a { background:url(../../img/plan_navi1_off.jpg) no-repeat; width:109px; } #recommend_489ban #navi_11796_id a.active, #recommend_489ban #navi_11796_id a:hover { background:url(../../img/plan_navi1_on.jpg) no-repeat; } #recommend_489ban #navi_5926_id a.active, #recommend_489ban #navi_5926_id a { background:url(../../img/plan_navi2_off.jpg) no-repeat; width:102px; } #recommend_489ban #navi_5926_id a.active, #recommend_489ban #navi_5926_id a:hover { background:url(../../img/plan_navi2_on.jpg) no-repeat; } #recommend_489ban #navi_5933_id a { background:url(../../img/plan_navi3_off.jpg) no-repeat; width:102px; } #recommend_489ban #navi_5933_id a.active, #recommend_489ban #navi_5933_id a:hover { background:url(../../img/plan_navi3_on.jpg) no-repeat; } #recommend_489ban #navi_5934_id a { background:url(../../img/plan_navi4_off.jpg) no-repeat; width:106px; } #recommend_489ban #navi_5934_id a.active, #recommend_489ban #navi_5934_id a:hover { background:url(../../img/plan_navi4_on.jpg) no-repeat; } #recommend_489ban #navi_5932_id a { background:url(../../img/plan_navi5_off.jpg) no-repeat; width:111px; } #recommend_489ban #navi_5932_id a.active, #recommend_489ban #navi_5932_id a:hover { background:url(../../img/plan_navi5_on.jpg) no-repeat; } #recommend_489ban div[id^="navi_5"], #recommend_489ban div[id^="navi_11"] { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 0 40px; background: url(../../img/plan_bg.gif) no-repeat #a6515b; } #recommend_489ban div[id^="navi_5"] h3, #recommend_489ban div[id^="navi_11"] h3 { width: 100%; font-size: 0px; } #recommend_489ban #navi_11796_489ban h3 { height: 82px; background: url(../../img/plan_title1.png)no-repeat top left 10px; } #recommend_489ban #navi_5926_489ban h3 { height: 82px; background: url(../../img/plan_title2.png)no-repeat top left 10px; } #recommend_489ban #navi_5933_489ban h3 { height: 82px; background: url(../../img/plan_title6.png)no-repeat top left 10px; } #recommend_489ban #navi_5934_489ban h3 { height: 82px; background: url(../../img/plan_title4.png)no-repeat top left 10px; } #recommend_489ban #navi_5932_489ban h3 { height: 82px; background: url(../../img/plan_title5.png)no-repeat top left 10px; } #recommend_489ban .PlanView { width: 265px; box-sizing: border-box; padding: 0 5% 10px; } #recommend_489ban .PlanView:nth-of-type(odd) { border-right: 1px dashed #c08081; } #recommend_489ban .PlanView img { width: 100%; height: 72px; margin: 0 0 10px; object-fit: cover; object-position: center;} #recommend_489ban .PlanView .picture a:hover { opacity: 0.75; } #recommend_489ban .PlanView .plan a { color:#fff; } #recommend_489ban .PlanView .comment { max-height: 62px; line-height: 1.3em; } #recommend_489ban .PlanView .comment p:not(:nth-of-type(1)) { display: none; } #recommend_489ban .PlanView .planlist a { display: inline-block; background: url(../../img/plan_mark.gif) no-repeat 0 50%; color: #fee2dd; text-decoration: underline; padding-left: 15px; } #recommend_489ban .PlanView .planlist a:hover { color: #fff; } /* ↑↑↑Recommend_489ban↑↑↑ */ #home #center { float:left; width:530px; } #home #center #plan_area ul li { float:left;} #home .present a { display:block; text-indent:-9999px; height:205px;} #home .present a#navi1 { background:url(../../img/plan_navi1_on.jpg) no-repeat; width:109px;} #home .present a#navi2 { background:url(../../img/plan_navi2_on.jpg) no-repeat; width:102px;} #home .present a#navi3 { background:url(../../img/plan_navi3_on.jpg) no-repeat; width:102px;} #home .present a#navi4 { background:url(../../img/plan_navi4_on.jpg) no-repeat; width:106px;} #home .present a#navi5 { background:url(../../img/plan_navi5_on.jpg) no-repeat; width:111px;} #home #center #plan_area { background:#a6515b; padding:0 0 45px 0;} #home #center #plan_area div.box h3 { float:left; width:263px; height:66px; /*padding:14px 0 0 7px;*/ padding:23px 0 0 7px;} #home #center #plan_area div.box p { float:right; width:81px; padding:40px 22px 0 0;} #home #center #plan_area div.box { background:url(../../img/plan_bg.gif) no-repeat #a6515b; color:#fff;} #home #center #plan_area div.box dl { float:left; width:207px; padding:0 28px 26px 28px;} #home #center #plan_area div.box dl.border { border-right:1px dashed #c08081;} #home #center #plan_area div.box dl dt { padding-bottom:10px;} #home #center #plan_area div.box dl dd { line-height:1.3em;} #home #center #plan_area div.box dl dd a { display:inline-block; background:url(../../img/plan_mark.gif) no-repeat 0 50%; color:#fee2dd; text-decoration:underline; padding-left:15px;} #home #center #plan_area div.box dl dd a:hover { color:#fff;} #home #center #sns_area { margin-left: -15px; display: flex; justify-content: space-between;} #home #center #sns_area .facebook > p + div { margin-left:15px;} #home #center #sns_area .right_sns { width: 260px; } #home #center #sns_area .right_sns > iframe, #home #center #sns_area .right_sns > a { display: block; padding-top: 5px; } #home #center #music_area { background:url(../../img/bg_music.jpg) no-repeat; margin:15px 0 0 0; height:151px; } #home #center #music_area ul{ width:300px; padding:85px 0 0 180px; } #home #center #music_area ul li{ padding:0 10px 0 0; float:left; width:130px; } /* side right */ #home #side_right { float:right; width:271px; padding-right:15px;} #home #side_right p { text-align:center; padding-top:4px;} /* --------------------------------------------------- 更新履歴 ------------------------------------------------------ 180228_tsukamoto_#bnr_priのposition等変更 180627_mori #home #banner_area2 ul li追加 ------------------------------------------------------ */