@charset "UTF-8";

/*------------------------------------------------------------------------------
	Client Name - Local CSS
	URL: http://foo.co.jp/
	Date: 2015-00-00
	Copyright (C) Client Name All Rights Reserved.
------------------------------------------------------------------------------*/

.back {
    height: 100%;
}
#sub {
    display: none;
}
#main {
    width: 960px;
    margin: 0 auto;
}
#headline h1 {
    margin-bottom: 10px;
}
#main h2 {
    text-align: center;
    font-size: 45px;
    font-size: 4.5rem;
    margin-bottom: 35px;
}
#main h2 span {
    font-size: 30px;
    font-size: 3rem;
}
#main h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
}
.shadow {
    padding-bottom: 25px;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 12px 22px -18px #777;
    -moz-box-shadow: 0 12px 22px -18px #777;
    box-shadow: 0 12px 22px -18px #777;
}

/*==============================================================
　body#optionIndex : option
===============================================================*/

body#optionIndex #main {
    margin-bottom: 80px;
}
body#optionIndex #main h2 {
    width: 100%;
}
body#optionIndex #main .optionBox {
    padding: 4% 0;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
body#optionIndex #main .optionBox .textBox,
body#optionIndex #main .optionBox figure {
    width: 50%;
}
body#optionIndex #main .optionBox .textBox {
    padding: 0 0 0 4.8%;
    box-sizing: border-box;
}
body#optionIndex #main .optionBox figure {
    margin: 0;
}
body#optionIndex #main .optionBox figure img {
    width: 100%;
    height: auto;
}

/*==============================================================
　body#anniversaryroomIndex : アニバーサリールーム
===============================================================*/
body#anniversaryroomIndex .lead {
    text-align: center;
    font-size: 150%;
    margin: 6.4% 0;
    padding-top: 44px;
    background: url(../img/ico/ico_fuji_lrg_brush.png) no-repeat center top;
}
body#anniversaryroomIndex .tbl001 th,
body#anniversaryroomIndex .tbl001 td {
    padding: 15px;
}
body#anniversaryroomIndex ._block {
    display: grid;
    grid-template-columns: 45% 1fr;
    gap: 2em;
}
body#anniversaryroomIndex ._photo img {
    width: 100%;
    height: auto;
    display: block;
}
body#anniversaryroomIndex ._block h2 {
    background-image: none;
    padding: 0;
    font-size: 140%;
    text-align: left;
}
body#anniversaryroomIndex ._case {
    margin-top: 20px;
}
body#anniversaryroomIndex ._case ._list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}
body#anniversaryroomIndex ._case ._list li {
    display: inline-block;
    padding: 0.2em 0.6em;
    border: 1px solid #c4ae8c;
    border-radius: 4px;
}
body#anniversaryroomIndex ._block .tbl001 {
    margin-top: 20px;
}
body#anniversaryroomIndex .concert_box {
    border: 1px solid #c4ae8c;
    padding: 20px;
    margin: 50px 0;
    display: grid;
    grid-template-columns: 33% 1fr;
    gap: 2em;
}
body#anniversaryroomIndex .concert_box .main_ttl {
    margin-bottom: 1.2em;
    font-size: 120%;
}
body#anniversaryroomIndex .concert_box .sub_box {
    background-color: rgba(0, 0, 0, 0.05);
    margin: 20px 0;
    padding: 16px;
    position: relative;
}
body#anniversaryroomIndex .concert_box .sub_box::before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    inset: 0;
    margin: auto;
    border: 1px solid #c4ae8c;
}
body#anniversaryroomIndex .concert_box ._ttl {
    font-size: 110%;
    margin-bottom: 5px;
}
body#anniversaryroomIndex .concert_box .tbl001 {
    margin: 10px 0;
}
body#anniversaryroomIndex .concert_box .kome {
    font-size: 80%;
}
body#anniversaryroomIndex .list001 {
    margin: 10px 0;
}
body#anniversaryroomIndex .list001 li {
    padding-left: 23px;
    background: url(../img/ico/ico_arrow_blk_rgt-thn.png) no-repeat left 0.5em;
}
@media screen and (max-width: 992px) {
    body#anniversaryroomIndex ._block {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 768px) {
    body#anniversaryroomIndex .concert_box {
        grid-template-columns: 1fr;
    }
}
/*==============================================================
　body#kimonoIndex : option
===============================================================*/

body#kimonoIndex #main {
    margin-bottom: 80px;
}
body#kimonoIndex .lead {
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 50px;
}
body#kimonoIndex .flexbox {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3%;
}
body#kimonoIndex .flexbox .image {
    width: 31%;
}
body#kimonoIndex .flexbox .image img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

@media screen and (max-width: 590px) {
    body#kimonoIndex #main table th,
    body#kimonoIndex #main table td {
        font-size: 75%;
        padding: 8px;
    }
}
/*==============================================================
　body#ecotoursIndex: エコツアーガイド
===============================================================*/

body#ecotoursIndex #main section .floatR {
    width: 556px;
}
body#ecotoursIndex #main section {
    overflow: hidden;
    margin-bottom: 25px;
}
body#ecotoursIndex #main section:last-of-type {
    margin-bottom: 100px;
}
body#ecotoursIndex #main section .right_box01 {
    float: right;
    width: 555px;
    word-wrap: break-word;
}
body#ecotoursIndex #main section .floatR .title {
    text-align: left;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 10px;
}
body#ecotoursIndex #main section .floatR p.txt {
    padding: 0;
    line-height: 1.8;
}
body#ecotoursIndex #main section .floatL {
    width: 364px;
    text-align: right;
}

/*==============================================================
　body#.entryPost: エコツアー詳細
===============================================================*/

body.entryPost section h2 span {
    display: block;
}
body.entryPost #introArea {
    margin-bottom: 80px;
}
body.entryPost #introArea p {
    text-align: center;
}
body.entryPost .visual {
    height: 450px;
    overflow: hidden;
    position: relative;
}
body.entryPost .visual img.mainImage {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
body.entryPost .flowBox {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 6%;
}
body.entryPost .flowBox .infoBox {
    margin-top: 20px;
    padding: 0 2.6%;
}
body.entryPost .flowBox .infoBox .num {
    font-size: 26px;
    font-size: 2.6rem;
    text-align: center;
    background: #e2c47f;
    line-height: 1;
    margin-bottom: 10px;
    padding: 10px 0;
}
body.entryPost #main h3 {
    font-size: 340px;
    font-size: 3rem;
    font-weight: normal;
    margin: 3% 0;
}
body.entryPost .flowBox .photo,
body.entryPost .flowBox .infoBox {
    width: 50%;
}
body.entryPost .flowBox .photo {
    margin: 0;
}
body.entryPost .flowBox .photo .caption {
    margin-top: 10px;
    display: block;
}
body.entryPost #flowArea {
    margin-bottom: 100px;
}
body.entryPost .option {
    background: #fbf3e0;
    padding: 4%;
    margin-bottom: 8%;
}
body.entryPost #main .option p {
    margin-bottom: 0;
}
body.entryPost #feeBox {
    margin-bottom: 100px;
}
body.entryPost #feeBox td {
    line-height: 1.6;
}
body.entryPost #reservationBox {
    margin-bottom: 100px;
	text-align:center;
    background: #fbf3e0;
    padding: 3%;
}


/*==============================================================
　body#room : Rooms
===============================================================*/

body#roomIndex #headline h1 a:before {
    border-top: 170px solid #384b1e;
    border-left: 0px solid #384b1e;
}
body#roomIndex #main section {
    overflow: hidden;
}
body#roomIndex #main section h2 {
    padding-top: 25px;
}
body#roomIndex #main p.txt02 {
    text-align: center;
}
body#roomIndex #main #pageLink {
    font-size: 0;
    background-color: rgba(255, 255, 255, 0.5);
    margin-bottom: 50px;
}
body#roomIndex #main #pageLink li {
    width: 192px;
    display: inline-block;
    overflow: hidden;
    background: url(../../rooms/img/ico_arrow01.png) no-repeat 72% bottom;
}
body#roomIndex #main #pageLink li img {
    float: left;
}
body#roomIndex #main #pageLink li p {
    text-align: center;
    line-height: 1.2;
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem;
}
body#roomIndex #main #pageLink li a {
    display: block;
    padding: 10px;
    overflow: hidden;
    color: #896322;
    text-decoration: none;
    border: solid 1px #d4cec2;
    border-left: none;
    border-bottom: none;
    border-collapse: collapse;
}
body#roomIndex #main #pageLink li a .txt {
    vertical-align: middle;
    text-align: center;
    width: 105px;
    height: 65px;
    display: table-cell;
    padding-left: 10px;
}
body#roomIndex #main #pageLink li a.link05 p {
    line-height: 1;
}
body#roomIndex #main #pageLink li a.link01,
body#roomIndex #main #pageLink li a.link08 {
    border-left: solid 1px #d4cec2;
}
body#roomIndex #main #pageLink li a.link08,
body#roomIndex #main #pageLink li a.link09,
body#roomIndex #main #pageLink li a.link10,
body#roomIndex #main #pageLink li a.link11,
body#roomIndex #main #pageLink li a.link12 {
    border-bottom: solid 1px #d4cec2;
}
body#roomIndex #main .list01 {
    overflow: hidden;
}
body#roomIndex #main .list01 li {
    width: 470px;
    float: left;
    margin-right: 20px;
    background: #fff;
    margin-bottom: 20px;
}
body#roomIndex #main .list01 li.even {
    margin-right: 0;
}
body#roomIndex #main .list01 li img {
    margin-bottom: 20px;
}
body#roomIndex #main .title {
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 20px;
}
body#roomIndex #main p.txt {
    padding: 0 20px;
}
body#roomIndex #main section .pho_main {
    margin-bottom: 40px;
}
body#roomIndex #main section .floatR {
    width: 690px;
}
body#roomIndex #main section .floatR .title {
    text-align: left;
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 10px;
}
body#roomIndex #main section .floatR p.txt {
    padding: 0;
    line-height: 1.8;
}
body#roomIndex #main section .floatL {
    width: 230px;
    text-align: right;
    font-size: 15px;
    font-size: 1.5rem;
}
body#roomIndex #main section .floatL img {
    margin-bottom: 5px;
}
body#roomIndex #main #yurakuYamabiko li {
    position: relative;
}
body#roomIndex #main #yurakuYamabiko li span {
    display: block;
    background: rgba(184, 142, 44, 0.8);
    color: #fff;
    padding: 8px 20px;
    position: absolute;
    top: 0;
    left: 0;
}
/*body#roomIndex #main #seseragiJapaneseModern .floatR,*/
body#roomIndex #main #seseragiModern .floatR,
body#roomIndex #main #seseragiModernstyle .floatR,
body#roomIndex #main #seseragitwin .floatR {
    width: 100%;
}
body#roomIndex #main #besshoSasa {
    background: #1f150c;
    margin: 70px 0;
}
body#roomIndex #main #besshoSasa h2 {
    padding: 30px 0 25px;
    margin-bottom: 0;
    color: #b88e2c;
}
body#roomIndex #main #besshoSasa h3 {
    color: #cbb488;
    font-size: 33px;
    font-size: 3.3rem;
    letter-spacing: 2px;
    font-weight: normal;
    margin: 35px 0 24px;
}
body#roomIndex #main #besshoSasa p {
    color: #fff;
}
body#roomIndex #main #besshoSasa .btn {
    margin-bottom: 40px;
}
body#roomIndex #main #besshoSasa .btn a {
    background: url(../img/ico_link.png) no-repeat 92% center #745e2c;
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 28%;
    margin: 0 auto;
    padding: 8px 0;
    font-size: 17px;
    font-size: 1.7rem;
    border-top: solid 1px #ad8c45;
}
body#roomIndex #main table.roomtbl {
    width: 100%;
    margin-bottom: 70px;
}
body#roomIndex #main table.roomtbl th,
body#roomIndex #main table.roomtbl td {
    border-color: #d1ccad;
    padding: 20px;
}
body#roomIndex #main table.roomtbl th {
    background: #e5e4cf;
    width: 27%;
}
body#roomIndex #main table.roomtbl td {
    background: #fff;
}
body#roomIndex #main section .ico {
    padding: 12px 20px 7px 50px;
    font-size: 20px;
    font-size: 2.2rem;
}
body#roomIndex #main section .ico_family span {
    border: dashed 1px #457039;
    color: #457039;
    background: url(../img/icon/ico_category01.png) no-repeat 6% center;
}
body#roomIndex #main section .ico_Spacious span {
    border: dashed 1px #4e6495;
    padding-left: 65px;
    color: #4e6495;
    background: url(../img/icon/ico_category02.png) no-repeat 6% center;
}
body#roomIndex #main section .ico_Standard span {
    border: dashed 1px #376d77;
    padding-left: 40px;
    color: #376d77;
    background: url(../img/icon/ico_category03.png) no-repeat 6% center;
}
body#roomIndex #main section .ico_Faced span {
    border: dashed 1px #487d53;
    color: #487d53;
    background: url(../img/icon/ico_category04.png) no-repeat 6% center;
}
body#roomIndex #main section .ico_Japanese span {
    border: dashed 1px #33262d;
    padding-left: 75px;
    color: #33262d;
    background: url(../img/icon/ico_category05.png) no-repeat 6% center;
}
body#roomIndex #main section .ico_Modern span {
    border: dashed 1px #634430;
    padding-left: 40px;
    color: #634430;
    background: url(../img/icon/ico_category06.png) no-repeat 6% center;
}
body#roomIndex #main section .ico_Renovated span {
    border: dashed 1px #9a3442;
    color: #9a3442;
    background: url(../img/icon/ico_category07.png) no-repeat 6% center;
}
body#roomIndex #main h3.info {
    font-size: 28px;
    font-size: 2.8rem;
    padding-bottom: 5px;
    padding-left: 30px;
    border-bottom: double 3px #9e9278;
    background: url(../img/icon/ico_info.png) no-repeat left 10%;
}
body#roomIndex #main .pho_main {
    position: relative;
}

body#roomIndex #main .pho_main:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    bottom: 0;
    left: 15px;
    right: 15px;
    /*影を入れる*/
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);

    /*角丸にする*/
    -moz-border-radius: 100px / 40px;
    -o-border-radius: 100px / 40px;
    border-radius: 100px / 40px;
}

/*==============================================================
　body#guestIndex : guest
===============================================================*/

body#guestIndex #main #bunki {
    overflow: hidden;
    margin-bottom: 200px;
}
body#guestIndex #main #bunki li {
    float: left;
    width: 290px;
    overflow: hidden;
    margin-right: 30px;
}
body#guestIndex #main #bunki li p.thumes {
    width: 290px;
    height: 200px;
    margin-bottom: 10px;
    overflow: hidden;
}
body#guestIndex #main #bunki li:nth-child(3n) {
    margin-right: 0;
}
body#guestcase02Index #main #read .floatR p {
    width: 520px;
    font-size: 18px;
    margin-bottom: 23px;
}
body#guestcase02Index #main #read p.wid {
    width: 100%;
    clear: both;
    padding-top: 25px;
}
body.guest #headline h1 {
    background-color: #0d414c;
}
body.guest #headline h1:before {
    border-top: 170px solid #0d414c;
    border-left: 0px solid #0d414c;
    border-bottom: none;
}
body.guest #main h2 {
    text-align: left;
    font-size: 50px;
    font-size: 5rem;
    margin-bottom: 20px;
}
body.guest #main .slider {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
body.guest #main .slick-prev {
    position: absolute;
    bottom: 0;
    left: 33%;
    background: url(../../attractions/img/main/ico_arrow_topLeft.png) no-repeat
        center;
}
body.guest #main .slick-next {
    position: absolute;
    bottom: 0;
    right: 33%;
    background: url(../../attractions/img/main/ico_arrow_topRight.png) no-repeat
        center;
}
body.guest #main .slick-prev,
body.guest #main .slick-next {
    border: none;
    text-indent: -9999px;
    width: 17px;
    height: 33px;
    cursor: pointer;
}
body.guest #main .slick-dots {
    text-align: center;
    margin: 20px 0 25px;
    height: 33px;
}
body.guest #main .slick-dots li {
    display: inline-block;
    margin: 0 7px;
}
body.guest #main .slick-dots button {
    border: none;
    cursor: pointer;
    text-indent: -9999px;
    background: url(../../attractions/img/main/ico_dots.png) no-repeat center;
    /*border-radius: 35px;
	width: 5px;
	height: 13px;
	background: #454545;*/
}
body.guest #main .slick-active button {
    background: url(../../attractions/img/main/ico_dots_active.png) no-repeat
        center;
    /*width: 16px;
	height: 16px;
	background: #0d414c;*/
}
body.guest #main #mainvisual {
    margin-bottom: 70px;
}
body.guest #main .list01 li {
    float: left;
}
body.guest #main .list01 li:first-child {
    margin-right: 10px;
}
body.guest #main #read {
    margin-bottom: 50px;
    overflow: hidden;
}
body.guest #main #read .floatL {
    margin-bottom: 0;
}
body.guest #main #read .floatR p {
    margin-left: 35px;
    margin-bottom: 29px;
    /*margin-top: 22px;*/
}
body.guest #main section {
    clear: both;
}
body.guest #main section.subSlider {
    position: relative;
    overflow: hidden;
    margin-bottom: 70px;
}
body.guest #main section.subSlider .slider {
    width: 474px;
    float: left;
}
body.guest #main section.subSlider .slick-dots {
    width: 100%;
    display: none !important;
}
body.guest #main section.subSlider .slick-next,
body.guest #main section.subSlider .slick-prev {
    bottom: 6%;
    display: none !important;
}
body.guest #main section.subSlider .slick-prev {
    left: 3%;
}
body.guest #main section.subSlider .slick-next {
    right: 3%;
}
body.guest #main #sec02 h2,
body.guest #main section.subSlider h2 {
    height: 75px;
    line-height: 75px;
    background: url(../../guest/img/bg_title.png) no-repeat left center;
    padding-left: 20px;
}
body.guest #main #sec02 h2 span.date,
body.guest #main section.subSlider h2 span.date {
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    vertical-align: bottom;
    margin-right: 40px;
}
body.guest #main .comment {
    clear: both;
    overflow: hidden;
    padding-top: 50px;
}
body.guest #main .comment .txt {
    width: 750px;
    background: #fff;
    padding: 20px 30px;
    border-radius: 20px;
    position: relative;
    font-size: 18px;
    /*font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;*/
}
body.guest #main .comment .txt:before {
    position: absolute;
    content: '';
    top: 20px;
    height: 0;
    width: 0;
}
body.guest #main #commentL .txt {
    float: right;
}
body.guest #main #commentL .txt:before {
    left: -35px;
    border: 35px solid transparent;
    border-top: 30px solid #fff;
    z-index: -9;
}
body.guest #main #commentR .txt {
    float: left;
}
body.guest #main #commentR .txt:before {
    right: -35px;
    border: 35px solid transparent;
    border-top: 30px solid #fff;
    z-index: -9;
}
body.guest #main .map {
    width: 470px;
    height: 314px;
    overflow: hidden;
    border: solid 5px #b88e2c;
    box-sizing: border-box;
}
body.guest #main #sec02 .floatL {
    width: 607px;
}
body.guest #main #sec02 .floatL h2 {
    margin: 100px 0 64px;
}
body.guest #main .subSlider h2 + p.floatL {
    margin-right: 12px;
}
body.guest #main .tyukiTxt {
    padding: 20px 30px;
    border: dashed 1px #be1006;
}

body.guest #main #read .floatR {
    /*	width: 607px;*/
}

body.guest #main section .in_box {
    overflow: hidden;
    margin-bottom: 50px;
}
body.guest #main section .in_box:last-of-type {
    margin-bottom: 0;
}
body.guest #main .pho_left {
    float: left;
    width: 474px;
}
body.guest #main .txt_right {
    float: right;
    width: 470px;
}
body.guest #main .txt_left .comment,
body.guest #main .txt_right .comment {
    padding-top: 0;
}
body.guest #main .txt_left .comment .txt,
body.guest #main .txt_right .comment .txt {
    width: 100%;
    box-sizing: border-box;
}
body.guest #main .txt_left .comment .txt img,
body.guest #main .txt_right .comment .txt img {
    float: left;
    margin-right: 20px;
}
body.guest #main .pho_right {
    float: right;
    width: 474px;
}
body.guest #main .txt_left {
    float: left;
    width: 470px;
}
body.guest #main .mr12 {
    margin-right: 12px;
}

#guestcase03Index #main .pho_main {
    margin-bottom: 50px;
}
#guestcase03Index #main .comment {
    margin-bottom: 50px;
    padding: 0;
}
#guestcase03Index #main .comment .txt,
#guestcase03Index #main .comment .pho_voice {
    margin-bottom: 0;
}
#guestcase03Index #main #read .floatR {
    width: 607px;
}
#guestcase03Index #main #sec02 .floatL {
    width: auto;
}
#guestcase03Index #main section h2 {
    padding-left: 0 !important;
    background: none !important;
}
#guestcase03Index #main .add_box h3 {
    font-size: 24px;
    font-size: 2.4rem;
}
#guestcase03Index #main .add_box dl,
#guestcase03Index #main .add_box p {
    margin-bottom: 15px;
}

body#locationIndex #main #map-canvas-location {
    width: 100%;
    height: 500px;
    border: solid 5px #b88e2c;
    box-sizing: border-box;
    margin-bottom: 70px;
    clear: both;
    iframe{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
body#locationIndex #main .floatR {
    margin-left: 40px;
}
body#locationIndex #main p.txt {
    margin-bottom: 70px;
    width: 100%;
}
body#locationIndex #main .accessMap {
    background: #fff;
    text-align: center;
    padding: 40px 0;
    border: solid 5px #b88e2c;
    box-sizing: border-box;
}
body#locationIndex #main .copy {
    font-size: 1.6rem;
}
body#locationIndex #main h3 {
    font-size: 2.8rem;
    border-left: solid 5px #000;
    padding: 7px 0 7px 20px;
    color: #fff;
    background: #745e2c;
}
body#locationIndex #main ul.review li {
    overflow: hidden;
    margin-bottom: 40px;
}
body#locationIndex #main ul.review li .floatR {
    width: 445px;
}
body#locationIndex #main ul.review li .floatR h2 {
    text-align: left;
    line-height: 1.2;
}
body#locationIndex #main ul.accessStep {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
body#locationIndex #main ul.accessStep li {
    width: 24%;
}
body#locationIndex #main ul.accessStep img {
    width: 100%;
    margin-bottom: 10px;
}
body#locationIndex #main .map {
    text-align: center;
}
body#locationIndex #main .map + p {
    text-align: center;
    font-size: 25px;
    font-size: 2.5rem;
    margin-bottom: 5px;
}
body#locationIndex #main .accessAdd {
    background: #f5f5f5;
    padding: 20px;
    text-align: center;
    margin-bottom: 10px;
}
body#locationIndex #main .accessAdd .sp {
    display: none;
}
body#locationIndex #main .accessText li {
    font-size: 16px;
    font-size: 1.6rem;
}
body#locationIndex #main .accessAdd p {
    margin-bottom: 0;
    font-size: 25px;
    font-size: 2.5rem;
}
body#locationIndex #main .accessAdd p.tel {
    font-size: 37px;
    font-size: 3.7rem;
}
body#locationIndex #main .accessGuide {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
body#locationIndex #main .accessGuide p {
    margin-bottom: 10px;
}
body#locationIndex #main .accessGuide .guideImg {
    width: 60%;
    margin-right: 20px;
}
body#locationIndex #main .accessGuide .guideIn {
    width: 35%;
}
body#locationIndex #main .accessGuide .guideIn > p {
    text-align: center;
}

body#locationIndex #main .accessGuide .guideIn img {
    width: 70%;
}
body#locationIndex #main .accessGuide img {
    width: 100%;
    height: auto;
}
body#locationIndex #main #timeArea{
    margin-bottom: 60px;
}
/*==============================================================
　body#staffblogIndex : Staffblog
===============================================================*/
body.staffblog #mainVisual {
    margin: 0 auto;
    width: 1053px;
}
body.staffblog .inner {
    padding: 0 40px;
    overflow: hidden;
    width: 1053px;
    margin: 0 auto;
    box-sizing: border-box;
}
body.staffblog #main {
    width: 650px;
    float: left;
}
body.staffblog #main .archiveTitle {
    margin-top: 30px;
}
body.staffblog #sub {
    width: 270px;
    float: right;
    display: block;
    margin: 40px 0 0;
}
body.staffblog #sub .navigation {
    margin-bottom: 30px;
}
body.staffblog #sub caption,
body.staffblog #sub h2 {
    background: #9d2624 url(../../staffblog/img/bg_title_localnavi.png)
        no-repeat right top;
    border-radius: 5px;
    color: #fff;
    padding: 15px;
    margin-bottom: 20px;
}
body.staffblog #sub table {
    width: 100%;
}
body.staffblog #sub table th,
body.staffblog #sub table td {
    padding: 6px 0;
    text-align: center;
    border: none;
}
body.staffblog #sub table th {
    background: #e5c285;
    border-right: 1px solid #feecca;
    font-size: 60%;
}
body.staffblog #sub table th:last-child {
    border: none;
}
body.staffblog #sub table td {
    border-bottom: 1px solid #e5c285;
}
body.staffblog #sub caption {
    text-align: center;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 4px;
    font-size: 90%;
}
body.staffblog #sub caption a {
    color: #fff;
    text-decoration: none;
}
body.staffblog #sub li {
    margin-bottom: 20px;
}
body.staffblog #sub li a {
    color: #000;
    display: block;
    padding-left: 30px;
    background: url(../../staffblog/img/ico_sub_arrow.png) no-repeat left center;
}
body.staffblog #sub li a .dete {
    display: block;
    text-decoration: none;
    font-size: 70%;
}
body.staffblog #main #postArea {
    overflow: hidden;
    margin: 40px 0;
}
body.staffblog #main .postBox {
    overflow: hidden;
    margin-bottom: 20px;
}
body.staffblog #main .postBox h2 {
    color: #fff;
    background: #896322 url(../../staffblog/img/bg_title.png) no-repeat center
        center;
    text-align: left;
    padding: 20px;
    border-radius: 4px;
    font-size: 120%;
}
body.staffblog #main .postBox h2 a {
    color: #fff;
}
body.staffblog #main .postBox .date {
    font-size: 65%;
    float: right;
}
body.staffblog #main .postBox .photo {
    width: 230px;
    height: 160px;
    background: url(../../staffblog/img/bg_title_flower.png) no-repeat center
        center;
    /*	background:#fcf6e9 url(../../staffblog/img/bg_title_flower.png) no-repeat center center;*/
    overflow: hidden;
    float: left;
    text-align: center;
}
body.staffblog #main .postBox .photo img {
    /*	width: 100%;*/
    height: auto;
    /*
	height:165px;
	width:auto !important;
*/
}
body.staffblog #main .postBox .boxR {
    float: right;
    width: 400px;
}
body.staffblog #main .postBox .btn-ylw {
    padding: 13px;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    width: 50%;
    display: block;
    text-align: center;
    background: #a87d18 url(../../staffblog/img/bg_arrow_rt.png) no-repeat 12%
        center;
    border: 1px solid #b88e2c;
    float: right;
    box-shadow: 0px 0px 4px 4px #cdab4d inset;
}
body.staffblog #wrapper #main #pagenation a:hover,
body.staffblog #main .postBox .btn-ylw:hover {
    background-color: #c09938;
}
body.staffblog #main #entryBox img {
    max-width: 100% !important;
    height: auto;
}
body.staffblog #main ul#postInfo {
    display: inline-block;
    margin-right: 30px;
}
body.staffblog #main ul#postInfo li {
    display: inline-block;
    line-height: 1;
}
body.staffblog #main ul#postInfo li.name {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #e5c285;
}
body.staffblog #main #snsBox {
    display: inline-block;
}
body.staffblog #main #pagenation a {
    font-size: 90%;
}
body.staffblog #main #pagenation {
    clear: both;
    overflow: hidden;
    position: relative;
    text-align: center;
}
body.staffblog #main #pagenation a,
body.staffblog #main #pagenation span {
    padding: 9px 20px;
    border-radius: 12px;
    text-decoration: none;
    display: block;
    color: #fff;
    text-align: center;
    background: #a87d18
        /*url(../../staffblog/img/bg_arrow_rt.png) no-repeat 90% center*/;
    border: 1px solid #b88e2c;
    box-shadow: 0px 0px 4px 4px #cdab4d inset;
}

body.staffblog #main .pagenation #pagenation a {
    padding: 9px 20px !important;
}
body.staffblog #main .pagenation #pagenation span {
    padding: 7px 20px !important;
}
body.staffblog #main #pagenation a.link_before {
    background: #a87d18 url(../../staffblog/img/bg_arrow_lt.png) no-repeat 10%
        center;
    left: 0;
}
body.staffblog #main #pagenation a.link_next {
    right: 0;
    background: #a87d18 url(../../staffblog/img/bg_arrow_rt.png) no-repeat 90%
        center;
}
body.staffblog #main #pagenation ol {
    margin: 0;
}
body.staffblog #main #pagenation ol span,
body.staffblog #main #pagenation ol a {
    border: 1px solid #896322;
    color: #fff;
    background: #896322;
    box-shadow: none;
    padding: 10px 15px;
    display: block;
}
body.staffblog #main #pagenation ol span {
    background: #fff;
    color: #896322;
}
body.staffblog #main #pagenation ol li {
    display: inline-block;
}
body.staffblog #main #entryBox {
    margin-bottom: 40px;
}
body.staffblog #main .socialBtns li {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}
body.staffblog #main .socialBtns .fb-like span {
    height: 28px !important;
}
#staffblogCategory h2.archiveTitle,
#staffblogMonthly h2.archiveTitle {
    background: rgba(252, 246, 233, 0.7);
    border-top: 1px solid #b88e2c;
    border-bottom: 1px solid #b88e2c;
    padding: 25px 0;
    margin-top: 30px;
}
body.staffblog .pagenation li {
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}
body.staffblog #main #pagenation {
    overflow: hidden;
}
body.staffblog #main #pagenation li {
    float: left;
    margin-right: 2%;
}
body.staffblog #main .navigation #pagenation li {
    width: 32%;
}
body.staffblog #main #pagenation li {
}
body.staffblog #main #pagenation li:last-child {
    margin-right: 0;
}
body.staffblog #main #pagenation #backIndex a {
    width: 100%;
    background-image: none;
    box-sizing: border-box;
}

body#staffblogIndividual .widget-calendar:nth-child(n + 2) {
    display: none;
}

/*==============================================================
　body#faqIndex : Faq
===============================================================*/

body#faqIndex #main #tabs {
    margin-bottom: 100px;
}
body#faqIndex #main .tabControl {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: solid 1px #913130;
    border-bottom-width: 5px;
    margin-bottom: 80px;
}
body#faqIndex #main .tabControl li {
    width: 16.66%;
    background: rgba(255, 255, 255, 0.6);
}
body#faqIndex #main .tabControl li a {
    display: block;
    text-align: center;
    color: #333;
    text-decoration: none;
    padding: 20px 0;
    border-left: solid 1px #913130;
    box-sizing: border-box;
}
body#faqIndex #main .tabControl li:first-child a {
    border-left: none;
}
body#faqIndex #main .tabControl .selected {
    background: #913130;
}
body#faqIndex #main .tabControl .selected a {
    color: #fff;
}
body#faqIndex #main .entry h3 {
    position: relative;
    transition: all 0.4s;
    font-size: 24px;
    font-size: 2.2rem;
    margin-bottom: 0;
    padding: 25px 20px;
    padding-right: 64px;
    cursor: pointer;
    border-radius: 6px;
}
body#faqIndex #main .entry h3.question:hover {
    color: #913130;
    background: #fbf3e0;
}
body#faqIndex #main .entry h3::before {
    content: '';
    transition: all 0.4s;
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: auto;
}
/*
body#faqIndex #main .entry h3.question:hover::before {
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
*/
body#faqIndex #main .entry h3.question .num {
    display: inline-block;
    margin-right: 24px;
    vertical-align: top;
}
body#faqIndex #main .entry .answer {
    -webkit-box-shadow: 0 12px 22px -18px #777;
    -moz-box-shadow: 0 12px 22px -18px #777;
    box-shadow: 0 12px 22px -18px #777;
    padding: 20px 20px 30px 20px;
    margin-bottom: 1em;
}
body#faqIndex #main .entry .answer p:last-of-type {
    margin-bottom: 0;
}

/*==============================================================
　body#locationMishima : 送迎バスのご案内 (三島駅)
===============================================================*/
body#locationMishima #main * {
    box-sizing: border-box;
}
body#locationMishima #main .lead_photo {
    margin-bottom: 3%;
}
body#locationMishima #main .riyo_ttl {
    font-size: clamp(20px, 5vw, 40px);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 10px;
}
body#locationMishima #main .mishima_txt_route img {
    width: 100%;
    height: auto;
}
body#locationMishima #main .riyo_ttl img {
    border-radius: 50%;
    display: block;
}
body#locationMishima #main .lead_photo img {
    width: 100%;
    height: auto;
}
body#locationMishima #main figure {
    text-align: center;
    margin: 0;
}
body#locationMishima #main .dialBox {
    width: 75%;
    margin: 0 auto 10px;
    text-align: center;
}
body#locationMishima #main .flowBox ul {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
body#locationMishima #main .flowBox ul li {
    width: calc(100% / 5 - 10px);
    margin: 0 0.5%;
}
body#locationMishima #main .flowBox ul li p {
    text-align: left;
    font-size: 90%;
}
body#locationMishima #main .flowBox ul li img {
    width: 100%;
    height: auto;
}
body#locationMishima #main .flowBox ul li.wd2 {
    -webkit-flex-grow: 2; /* Safari */
    flex-grow: 2;
}

body#locationMishima .flowBox {
    width: 100%;
    margin: 8% auto;
}
body#locationMishima #main .flowBox h3 {
    margin-bottom: 2%;
}
body#locationMishima #main .contentsBox {
    margin-bottom: 8%;
}
body#locationMishima #main .contentsBox h2 .kome {
    font-family: 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic',
        sans-serif;
    font-size: 60%;
}
body#locationMishima #main .spotBox {
    overflow: hidden;
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 6%;
    margin-bottom: 3%;
}
body#locationMishima #main .textBox {
    flex-grow: 1;
}
body#locationMishima #main .photoBox {
    width: 30%;
    flex-shrink: 0;
}
body#locationMishima #main .photoBox .photo {
    margin-bottom: 0;
}
body#locationMishima #main .photoBox img {
    width: 100%;
    height: auto;
}
body#locationMishima .layoutP-T .photoBox,
body#locationMishima .layoutT-P .textBox {
    order: 1;
}
body#locationMishima .layoutP-T .textBox,
body#locationMishima .layoutT-P .photoBox {
    order: 2;
}
body#locationMishima #main .spotBox h3 {
    padding: 2px;
    margin-bottom: 0.5em;
    font-size: 130%;
    line-height: 1.1;
}
body#locationMishima #main .spotBox h3 strong {
    position: relative;
    margin-bottom: 9px;
    font-size: 130%;
    font-weight: normal;
    display: block;
}
body#locationMishima #main .spotBox h3 strong span {
    font-size: 70%;
}
body#locationMishima #main .spotBox .cuisinName {
    font-size: 120%;
    margin-bottom: 25px;
}
body.location #main .routeBox {
    padding: 0 3%;
    margin: 0 auto;
    width: 90%;
    overflow: hidden;
}
body.location #main .routeBox ul {
    display: flex;
    align-items: center;
    justify-content:flex-start;
    flex-wrap: wrap;
}
body.location #main .routeBox .traffic{
    position: relative;
}
body.location #main .routeBox li {
    display: inline-block;
    font-size: 100%;
    padding: 15px 4px;
    white-space: nowrap;
    text-align: center;
    position: relative;
    z-index: 9;
}
body.location #main .routeBox .routeStep {
    margin-bottom: 4%;
    position: relative;
}

body.location #main .routeBox .routeStep:last-of-type {
    margin-bottom: 0;
}
body.location #main .routeBox li.point {
    padding-left: 22px;
    background: #fff;
}
body.location #main .routeBox li.point:after {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #c9c9c9;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
body.location #main .routeBox li.start {
    padding-left: 27px;
    background: #fff;
}
body.location #main .routeBox li.start:after {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    border: 5px solid #484845;
    content: '';
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
body.location #main .routeBox .routeStep.firstHf {
    margin-bottom: 0;
    width: 80%;
}
body.location #main .routeBox .routeStep.firstHf .point {
    margin-right: 6%;
}
body.location #main .routeBox .routeStep .mid {
    width: 70px;
    height: 1px;
    border-bottom: 1px dashed #fff;
}
body.location #main .routeBox .routeStep.latterHf {
    margin-bottom: 0;
    width: 80%;
    float: right;
}
body.location #main .routeBox .routeStep.latterHf:after {
    right: auto;
}
body.location #main .routeBox .routeStep.latterHf .point {
    margin-left: 6%;
}

body.location #main .routeBox li.bar {
    position: relative;
    padding: 0;
}
body.location #main .routeBox li.traffic {
    position: relative;
    font-family: 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic',
        sans-serif;
    padding: 4px 0 25px;
    border: none;
    background: none;
    color: #9e9a95;
}
body.location #main .routeBox li.traffic.timeInfo {
    padding: 0 6px;
}
body.location #main .routeBox li.traffic:after {
    display: none;
}
body.location #main .routeBox li.traffic:before,
body.location #main .routeBox li.bar:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: none;
    content: '';
    width: 100%;
    height: 1px;
    background: #dddbd8;
}
body.location #main .routeBox li.point strong {
    display: block;
    font-weight: normal;
    border-top: 1px dashed #ddd;
    padding: 0 16px;
}
body.location #main .routeBox li.point .roadName {
    display: block;
    line-height: 1;
    position: relative;
    background: #fff;
    color: #544f49;
}
body.location #main .routeBox li.destination {
    line-height: 1.3;
}
body.location #main .routeBox li.destination:after {
    width: 17px;
    height: 17px;
    background: #484845;
    border: none;

}
@media screen and (max-width: 900px) {
    body.location #main .routeBox {
        justify-content: center;
    }
    body.location #main .routeBox li.point {
        text-align: center;
        -webkit-text-orientation: upright;
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-lr;
        writing-mode: vertical-lr;
    }
}
/* body#locationMishima #main h3{
    font-weight: normal;
    font-size: 140%;
    font-family: "Mykokoro" , serif;
    margin-bottom: 4%;
	text-align:center;
}
body#locationMishima #main h3 .kome{
	font-size:80%;
	margin-left:1%;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} */
body#locationMishima #main .innerBox {
    width: 85%;
    margin: 0 auto;
}
body.location #main #timeArea {
    background-color: #fff;
    margin-top: 40px;
    padding: 3%;
}
body.location #main #timeArea h2 {
    padding-top: 0;
    background: none;
    font-size: 160%;
}
body#locationMishima #main #timeArea .kome {
    text-align: center;
}
body#locationMishima #main #fareArea .lead {
    font-size: 120%;
    margin-bottom: 4%;
    text-align: center;
}
body#locationMishima #main .attentionBox {
    background: url(../../img/bg_01.png);
}
body#locationMishima #main .attentionBox h2 {
    font-size: 130%;
    background: none;
    padding-top: 0;
}
body#locationMishima #main .attentionBox {
    border: 1px solid #cbb9a2;
    padding: 4% 4em;
    margin-bottom: 3%;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
}
body#locationMishima #main .attentionBox li {
    font-size: 95%;
    margin-bottom: 10px;
    line-height: 1.4;
}

body.location #main .routeBox h3 {
    margin-bottom: 0;
}
body.location #main .routeBox li {
    display: inline-block;
    font-size: 1.6rem;
    padding: 15px 4px;
    white-space: nowrap;
    text-align: center;
    position: relative;
    z-index: 9;
}
body#locationMishima #main #access h2 {
    font-size: 160%;
    background: none;
    padding-top: 0;
}
body#locationMishima #main #access .point_list {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
body#locationMishima #main #access .point_list .txt_fig {
    margin-bottom: 30px;
    max-width: 200px;
    margin: 0 auto 30px auto;
}
body#locationMishima #main #access .point_list .box {
    max-width: 280px;
    margin: 0 auto;
}
body#locationMishima #main #access .point_list .box p {
    line-height: 1.6;
}
body#locationMishima #main #access .point_list .box img {
    margin: auto;
    display: block;
    border-radius: 50%;
}
body#locationMishima #main #access .photo_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 5px;
}
body#locationMishima #main #access .photo_list .photo img {
    width: 100%;
    height: auto;
}
body#locationMishima #howto .howto {
    background-color: #fff;
}
body#locationMishima .howto .map {
    margin-bottom: 30px;
}
body#locationMishima .howto .map img {
    max-width: 100%;
    display: block;
    height: auto;
    margin: auto;
}
body#locationMishima .howto h3 br,
body#locationMishima .howto h2 br {
    display: none;
}
body#locationMishima .howto h2 {
    background: none;
    padding-top: 0;
    font-size: 160%;
}
body#locationMishima .howto h3 {
    font-size: 120%;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0.5em;
}
body#locationMishima .howto {
    border: 1px solid #ded7ce;
    padding: 3%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3%;
}
body#locationMishima .howto .flow_list .box p {
    font-size: 1.6rem;
}
body#locationMishima .howto .flow_list .photo img {
    width: 100%;
    height: auto;
}
body#locationMishima .howto .flow_list .photo {
    position: relative;
}
body#locationMishima .howto .flow_list .photo:after {
    content: '';
    background-color: currentColor;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    width: 12px;
    aspect-ratio: 1;
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: -19px;
}
body#locationMishima .howto .flow_list .box:last-child .photo:after {
    display: none;
}
body#locationMishima .howto .flow_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 40px;
    gap: 40px;
}

body#locationMishima .howto table th,
body#locationMishima .howto table td {
    border: 1px solid #595858;
}
body#locationMishima #intro h2 {
    background: none;
    padding-top: 0;
    font-size: 160%;
}
/*  .contactArea
----------------------------------------------------*/
.contactArea {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 5%;
    margin-bottom: 0;
    width: 100%;
    padding: 3% 0;
}
.contactArea .boxR {
    text-align: center;
}
#wrapper .contactArea .boxR .dial {
    position: relative;
    font-size: 110%;
    margin-bottom: 10px;
}

.contactArea .boxR .dial span {
    display: inline-block;
    z-index: 1;
    position: relative;
}
.contactArea .boxR .telBox .telNumber {
    font-size: 140%;
    line-height: 1.2;
}
@media screen and (max-width: 1345px) {
    .contactArea .boxR .telBox .telNumber {
        display: block;
    }
}

.contactArea .formBtn {
    position: relative;
}
.contactArea .color-btn {
    display: block;
    text-align: center;
    text-decoration: none;
    color: currentColor;
    padding: 0.8em 0;
    width: 300px;
    border: 1px solid currentColor;
}
body.location .car_info{
    margin-top: 60px;
}
body.location .car_info #carArea{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
}
body.location .car_info .flexbox{
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 10px;
}
@media (width < 768px) {
    body.location .car_info .flexbox,
    body.location .car_info #carArea{
        grid-template-columns: 1fr;
    }
}
body.location .car_info .flexbox img{
    width: 100%;
    height: auto;
}
body.location #wrapper #main .car_info .flexbox h3{
    background: none;
    border-left: none;
    margin-bottom: 0.3em;
    color: inherit;
    padding: 0;
    font-size: 2.4rem;
}
body.location .car_info figure{
    margin: 0;
}
/* スマホ */
@media screen and (max-width: 736px) {
    body#locationMishima #main #timeArea h2 {
        margin-bottom: 0;
    }
    body#locationMishima #main .contentsBox {
        margin-bottom: 10%;
    }
    body#locationMishima #main .dialBox {
        width: 100%;
    }
    body#locationMishima #main .riyo_ttl {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 1em 0;
    }
    body#locationMishima .flowBox {
        width: 100%;
        margin: 5% 0;
    }
    body#locationMishima #main .flowBox ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    body#locationMishima #main .flowBox ul li {
        width: 48.5%;
        margin: 0;
        margin-bottom: 3%;
    }
    body#locationMishima .innerWidth .innerWidth {
        padding: 0;
    }
    body#locationMishima #main .spotBox h3 {
        margin-bottom: 3%;
    }
    body#locationMishima #main .spotBox h3 strong {
        margin-bottom: 0;
    }
    body#locationMishima #main .spotBox {
        flex-wrap: wrap;
        margin-bottom: 5%;
    }
    body#locationMishima #main .textBox {
        width: 100%;
        padding: 0;
        order: 2 !important;
    }
    body#locationMishima #main .photoBox {
        width: 100%;
        order: 1 !important;
    }
    body#locationMishima #main .innerBox {
        width: 100%;
    }

    body.location #main .routeBox {
        width: 100%;
        padding: 0;
    }
    body.location #main .routeBox .routeStep {
        position: relative;
        display: block;
    }
    body.location #main .routeBox .routeStep:before {
        content: '';
        position: absolute;
        top: 3%;
        left: 11px;
        width: 1px;
        height: 91.5%;
        background: #dddbd8;
    }

    body.location #main .routeBox h3 {
        margin-top: 30px;
        margin-bottom: 10px;
    }
    body.location #main .routeBox .routeStep:after {
        background: none !important;
    }
    body.location #main .routeBox li.point {
        padding: 2% 3.2% 2% 10% !important;
        text-align: left;
        padding-left: 10%;
        writing-mode: inherit !important;
        background: none;
    }
    body.location #main .routeBox li.point:after {
        left: 0.5%;
    }
    body.location #main .routeBox li.point .roadName,
    body.location #main .routeBox li.point strong {
        width: auto;
        display: inline-block;
        margin-left: 3%;
        padding: 0;
    }
    body.location #main .routeBox li.point strong {
        border-top: none;
    }
    body.location #main .routeBox li.bar {
        display: none;
    }
    body.location #main .routeBox .routeStep.firstHf .point:first-child,
    body.location #main .routeBox li.point.start {
        padding-top: 0 !important;
    }
    body#locationMishima
        main
        .routeBox
        .routeStep.firstHf
        .point:first-child:after,
    body.location #main .routeBox li.start:after {
        top: -10px;
        left: 0 !important;
        border: 5px solid #484845;
    }
    body#locationMishima #main h3 {
        text-align: left;
    }

    body#locationMishima #intro .textBox p br {
        display: none;
    }
    body#locationMishima .howto h2 {
        font-size: clamp(2rem, 6vw, 3rem) !important;
        line-height: 1.5;
    }
    body#locationMishima .howto h3 br,
    body#locationMishima .howto h2 br {
        display: block;
    }
    body#locationMishima .howto h3 {
        font-size: 5vw;
    }
    body#locationMishima #main #access h2 {
        font-size: 5.5vw;
    }
    body#locationMishima #main #access .point_list {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    body#locationMishima #main #access .point_list .box {
        max-width: inherit;
    }
    body#locationMishima #main #access .photo_list {
        grid-template-columns: 1fr 1fr;
    }
    body#locationMishima .howto .flow_list {
        grid-template-columns: 1fr 1fr;
        gap: 20px 40px;
    }
    body#locationMishima .howto .flow_list .box:nth-child(2) .photo:after {
        display: none;
    }
    body#locationMishima #main .spotBox h3 {
        font-size: 120%;
    }

    /* スマホ */

    body#locationMishima #main .contentsBox {
        margin-bottom: 10%;
    }
    body#locationMishima #main .dialBox {
        width: 100%;
    }
    body#locationMishima .flowBox {
        width: 100%;
        margin: 5% 0;
    }
    body#locationMishima #main .flowBox ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    body#locationMishima #main .flowBox ul li {
        width: 48.5%;
        margin: 0;
        margin-bottom: 3%;
    }
    body#locationMishima .innerWidth .innerWidth {
        padding: 0;
    }
    body#locationMishima #main .spotBox h3 {
        margin-bottom: 3%;
    }
    body#locationMishima #main .spotBox h3 strong {
        margin-bottom: 0;
    }
    body#locationMishima #main .spotBox {
        flex-wrap: wrap;
        margin-bottom: 5%;
    }
    body#locationMishima #main .textBox {
        width: 100%;
        padding: 0;
        order: 2 !important;
        margin-top: 1em;
    }
    body#locationMishima #main .photoBox {
        width: 100%;
        order: 1 !important;
    }
    body#locationMishima #main .innerBox {
        width: 100%;
    }

    body.location #main .routeBox {
        width: 100%;
        padding: 0;
    }
    body.location #main .routeBox .routeStep {
        position: relative;
        display: block;
    }
    body.location #main .routeBox .routeStep:before {
        content: '';
        position: absolute;
        top: 3%;
        left: 11px;
        width: 1px;
        height: 91.5%;
        background: #dddbd8;
    }
    body.location #main .routeBox .routeStep:after {
        background: none !important;
    }
    body.location #main .routeBox li.point {
        box-sizing: border-box;
        width: 100%;
        white-space:unset;
        padding: 2% 3.2% 2% 10% !important;
        text-align: left;
        padding-left: 10%;
        -webkit-text-orientation: inherit !important;
        -ms-writing-mode: inherit !important;
        -webkit-writing-mode: inherit !important;
        writing-mode: inherit !important;
        background: none;
    }
    body.location #main .routeBox li.point:after {
        left: 0.5%;
    }
    body.location #main .routeBox li.point .roadName,
    body.location #main .routeBox li.point strong {
        width: auto;
        display: inline-block;
        margin-left: 3%;
        padding: 0;
    }
    body.location #main .routeBox li.bar {
        display: none;
    }
    body.location #main .routeBox .routeStep.firstHf .point:first-child,
    body.location #main .routeBox li.point.start {
        padding-top: 0 !important;
    }
    body#locationMishima
        main
        .routeBox
        .routeStep.firstHf
        .point:first-child:after,
    body.location #main .routeBox li.start:after {
        top: -10px;
        left: 0 !important;
        border: 5px solid #484845;
    }
    body#locationMishima #main h3 {
        text-align: left;
    }

    body#locationMishima #intro .textBox p br {
        display: none;
    }
    body#locationMishima .howto h2 {
        font-size: 7vw;
        line-height: 1.5;
    }
    body#locationMishima .howto h3 br,
    body#locationMishima .howto h2 br {
        display: block;
    }
    body#locationMishima .howto h3 {
        font-size: 5vw;
    }
    body#locationMishima #main #access h2 {
        font-size: 5.5vw;
    }
    body#locationMishima #main #access .point_list {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    body#locationMishima #main #access .point_list .box {
        max-width: inherit;
    }
    body#locationMishima #main #access .photo_list {
        grid-template-columns: 1fr 1fr;
    }
    body#locationMishima .howto .flow_list {
        grid-template-columns: 1fr 1fr;
        gap: 20px 40px;
    }
    body#locationMishima .howto .flow_list .box:nth-child(2) .photo:after {
        display: none;
    }
    body#locationMishima #main .spotBox h3 {
        font-size: 120%;
    }
    body#locationMishima #main .attentionBox {
        padding: 2em 5% 1em;
    }
    body#locationMishima #main .contactArea {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 80px;
    }
}

/*--EOF-----------------------------------------------------------------------*/