@charset "UTF-8"; /* --------------------------------------------------------------------- location * --------------------------------------------------------------------- */ /*ヘッダー固定表示時に、アンカーポイントやページ内リンクの位置 */ a.anker{ display: block; margin-top:-130px; padding-top:130px; } .pages_main_image{height:auto;position: relative;} .pages_main_image .images{width: 100%;height: auto;min-width: 1200px;height: 700px!important;object-fit: cover} .pages_main_image picture figcaption{width: 1200px;left: 0;right: 0;margin: auto;} .pages_main_image .inner{position: absolute;width: 1200px;left: 0;right: 0;top: 0px; margin: auto} .pages_main_image h2{width: 100%; color: #fff;font-size: 36px;letter-spacing: 0.2em;position: absolute;top: 35%;left: 50%;transform: translateY(0%) translateX(-50%);-webkit-transform: translateY(0%) translateX(-50%);z-index: 2;font-weight: normal;} @media screen and (max-width: 767px) {/*スマホ設定*/ .pages_main_image .images{min-width: 100%;height: 240px!important;object-fit: cover} .pages_main_image .inner{display: none} .pages_main_image h2{font-size: 22px;} .pages_main_image picture figcaption{width: 96%;bottom: 10px} } figcaption{text-shadow: 0 0 5px rgba(0,0,0,1);} #body_location{padding-bottom: 60px} #body_location img{width: 100%;height: auto} .tab{width: 1200px;margin: auto;padding: 80px 0} @media screen and (max-width: 767px) {/*スマホ設定*/ #body_location{padding-bottom: 0px} .tab{width: 96%;padding: 40px 0} .tab li{margin-bottom: 20px} .tab img{width: 100%;height: 70px!important;object-fit: cover} } #body_location .page_title{position: relative} #body_location .page_title h2{font-size: 36px;letter-spacing: 0.2em; font-weight: normal;position: absolute;top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #fff} #body_location .page_title figcaption{width: 1200px;position: absolute; left: 0;right: 0; margin: auto; text-align: right;} #body_location .page_title li figcaption{width: 96%;position: absolute; left: 0;right: 0; margin: auto; text-align: right;} @media screen and (max-width: 767px) {/*スマホ設定*/ #body_location .page_title figcaption{width: 96%;} #body_location .page_title picture img{width: 100%;height: 240px!important;object-fit: cover;} #body_location .page_title h2{font-size: 22px;} #body_location .txt12{font-size: 9px} } figcaption.bk{color: #000} #body_location .sec dl{padding-top:100px;} #body_location .sec dt{display: inline-block;font-size: 38px;letter-spacing: 0.1em;line-height: 1.8;border-bottom: 1px solid #b48b66;padding-bottom: 30px;margin-bottom:30px} #body_location .sec dd .copy2{letter-spacing: 0.1em;line-height: 2;font-size: 18px;} #body_location .sec dd .copy3{font-size: 14px;text-align: left;margin-top: 12px} #body_location .sec dd .photo1{margin-top: 80px;} #body_location .sec dd .photo2, #body_location .sec dd .photo3{margin-top: 40px;} #body_location .sec p.txt12{font-size: 18px;margin-top: 10px} #body_location .sec p.txt12 span{font-size: 13px} #body_location .sec dd h3{font-size: 34px;letter-spacing: 0.1em;line-height: 1.8;font-weight: normal;} #body_location .sec .bg1{background: #e3ddcb;margin-top: 100px;padding-bottom: 50px} #body_location .sec .bg2{background: #f0ede5;padding-bottom: 50px} #body_location .sec .bg3{background: #e3ddcb;padding-bottom: 50px} #body_location .bg4{background: #3e3a39;padding: 100px 0} #body_location .sec .photo_group{margin-top: 40px;} #body_location .sec .photo_group li{margin-bottom: 50px} #body_location .col60{width: 59%} #body_location .col40{width: 37%} #body_location .col50{width: 50%} #body_location .col3{width: 32.5%} #body_location .sec dd .photo3 .col2{width: 49.5%} #body_location .sec dd .photo4{width: 40%;margin: 20px auto 60px} #body_location .coution{font-size: 9px;text-align: left} #body_location .map{margin-top: 40px;margin-bottom: 80px} @media screen and (max-width: 767px) {/*スマホ設定*/ #body_location .sec dl{padding-top:60px;} #body_location .sec dt{font-size: 18px;} #body_location .sec dd .copy2{font-size: 13px;padding: 0 10%} #body_location .sec dd .copy3{font-size: 13px;} #body_location .sec p.txt12{font-size: 14px;} #body_location .sec p.txt12 span{font-size: 11px} #body_location .sec dd h3{font-size: 18px;letter-spacing: 0.1em;line-height: 1.8;font-weight: normal;} #body_location .sec dd .photo1{margin-top: 50px;} #body_location .sec .bg1{margin-top: 50px;padding-bottom: 30px} #body_location .sec .bg2{padding-bottom: 30px} #body_location .sec .bg3{padding-bottom: 30px} #body_location .col2, #body_location .col60, #body_location .col40{width: 100%} #body_location .mt40{margin-top: 40px!important} #body_location .bg4{padding: 50px 0} #body_location .bg4 h4 img{height: 12px!important;object-fit: cover} #body_location .map{margin-top: 30px;margin-bottom:60px} #body_location .sec dd .photo4{width: 70%;margin: 20px auto 40px} #body_location .bg3 .photo_group li:nth-child(2){-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;} #body_location .bg3 .photo_group li:nth-child(1){-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;} } #location_list_menu{ float: left;width:300px;text-align: center} #location_list_menu li {cursor: pointer;background: url(../images/location/pc/location_menu_off.svg) no-repeat left top;width:290px;line-height: 54px;height: 54px; color: #000;margin: 0;letter-spacing: 2px; margin-bottom:1px;text-align: center!important;} #location_list_menu li:hover, #location_list_menu li.select { color:#fff;background: url(../images/location/pc/location_menu_on.svg) no-repeat left top;} #location_list{ float: right;border: 1px solid #9d1d22;width: 850px;padding: 10px 23px 13px 23px; font-size: 13px; text-align: left;background: #fff} #location_list dt,#location_list dd{color: #000; display: inline-block; vertical-align: top; border-top: 1px solid #ccc; padding: 10px 0; line-height: 1.8em;} #location_list dt:nth-child(1),#location_list dd:nth-child(2){ border-top:none} #location_list dt{ clear: both;} #location_list dt{width: 70%;} #location_list dd{width: 30%;} #location_list .location_cate{ display: none;} .location_list_box dl{display: none} .location_list_box.select dl{display: block} @media screen and (max-width: 767px) {/*スマホ設定*/ #body_location .info{padding-top:60px} #body_location .info h3{margin-bottom: 40px;font-size: 20px;letter-spacing: 0.2em;font-weight: normal;} #location_list dt{width: 100%; display: block;font-weight: bold} #location_list dd{width: 100%; display: block;text-align: right;border-top: none} #location_list dd.line2{ padding: 13px 0 12px;} #location_list_menu{background: #9d1d22; float: none; width: 100%;} #location_list_menu li {cursor: pointer;background: #fff;width:33.333%;float: left;color: #000;text-align: center;margin: 0;letter-spacing: 2px;border: 1px solid #9d1d22;box-sizing: border-box;font-size: 11px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;font-size: 11px;line-height: 1.2em;height: auto;padding: 22px 0} #location_list_menu li:nth-child(n+7){width: 50%} #location_list_menu li:last-child{width: 100%} #location_list_menu li:hover, #location_list_menu li.select {color: #fff; border: 1px solid #9d1d22; background: #9d1d22} #location_list{width: 100%;margin: auto; padding: 0; border-left: 1px solid #9d1d22;border-right: 1px solid #9d1d22;border-bottom: 1px solid #9d1d22;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;padding-top: 8px} #location_list dt,#location_list dd{ padding: 5px 10px; line-height: 1.5em;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} } /*=============================================================================== ===============================================================================*/ @media screen and (min-width: 768px) { /*PC設定*/ } /*=============================================================================== ===============================================================================*/ @media screen and (max-width: 767px) {/*スマホ設定*/ a.anker{ display: block; margin-top:-70px; padding-top:70px; } }