@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: 3.0rem;
}
#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%;
	font-family: 'Mykokoro', serif;
	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: 80%;
    }
}
/*==============================================================
　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;
    font-family: "Mykokoro", serif;
    background: #e2c47f;
    line-height: 1;
	margin-bottom: 10px;
    padding: 10px 0 ;
}
body.entryPost #main h3 {
    font-size: 340px;
    font-size: 3.0rem;
    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;
	font-size: 1.3rem;
}
body#roomIndex #main #pageLink li a.link05 p {
	line-height: 1.0;
}
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: 2.0rem;
	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: 3.0rem;
	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;
}
body#guestcase02Index #main #read p.wid {
	width:100%;
	clear: both;
}
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: 5.0rem;
	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 #read .floatR {
	width: 607px;
	margin-top: 54px;
}

body.guest #main .list01 li:first-child {
	margin-right: 10px;
}
body.guest #main #read {
	margin-bottom: 50px;
	overflow: hidden;
}
body.guest #main #read .floatR p {
	margin-left: 35px;
	margin-bottom: 23px;
	/*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 {
	margin: 30px 0 0;
	padding:20px 30px;
	border: dashed 1px #be1006;
}

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 #read .floatR {
	width: 607px;
	margin-top: 96px;
}
#guestcase03Index #main #sec02 .floatL {
	width: auto;
}
#guestcase03Index #main section h2 {
	padding-left: 0 !important;
	background: none !important;
	height: auto;
	line-height: 1.2;
	font-feature-settings : "palt";
}
#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;
}
#guestcase03Index #main section .pho_voice {
	margin-bottom: 0;
}
body.guest #main .comment .txt {
	margin-bottom: 0;
}



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:165px;
	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{
	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{
	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 .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 .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#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;
}
body#ecotoursIndex #main section .floatR .title {
    text-align: left;
    font-size: 30px;
    font-size: 3.0rem;
    margin-bottom: 10px;
}


/*==============================================================
　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: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap; /* Safari */
    flex-wrap: nowrap;
}

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:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    content: '';
    width: 90%;
    height: 1px;
    background: #dddbd8;
}
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;
    width: 0px;
    padding: 0;
}
body.location #main .routeBox li.traffic {
    position: relative;
    font-family: 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic',
        sans-serif;
    font-size: 90%;
    padding: 4px 0 25px;
    border: none;
    background: none;
    color: #9e9a95;
}
body.location #main .routeBox li.traffic.timeInfo {
    padding-bottom: 4px;
}
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;
    width: 100%;
    font-weight: normal;
    padding: 0px 0px;
}
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 .routeStep {
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
}
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#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 {
        width: 100%;
        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: 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 {
        width: 100%;
        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-----------------------------------------------------------------------*/