@charset "UTF-8";

/*------------------------------------------------------------------------------
	Chuo Kanko Corporation. - SP CSS
	URL: http://kaneyamaen.sbs/
	Date: 2016-10-11222
	Copyright (C) Chuo Kanko Corporation. All Rights Reserved.
------------------------------------------------------------------------------*/
@keyframes header_fix {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}
.sp_block_el {
	display: none;
}
.sp_inline_el {
	display: none;
}
.pc_block_el {
	display: block;
}
.pc_inline_el {
	display: inline-block;
}
@media screen and (max-width: 736px) {
	/*==============================================================
	共有
===============================================================*/
	* {
		box-sizing: border-box;
	}
	a:link,
	a:visited,
	a:hover,
	a:active {
		text-decoration: none;
	}
	html.mobile {
		font-size: 62.5%;
	}
	@media screen and (-webkit-min-device-pixel-ratio: 0) {
		html.mobile.android {
			font-size: 10px;
		}
	}
	html.mobile body {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		text-size-adjust: none;
		font-size: 1.37rem;
	}

	img {
		max-width: 100%;
		height: auto;
	}
	a:link {
		text-decoration: none;
		color: #544f49;
	}
	a:visited {
		color: #544f49;
	}
	a:hover {
	}
	a:active {
	}

	.sp_block_el {
		display: block;
	}
	.sp_inline_el {
		display: inline-block;
	}
	.pc_block_el {
		display: none;
	}
	.pc_inline_el {
		display: none;
	}
	.innerWidth {
		width: 100%;
		padding: 0 3.2%;
	}
	.culum3 {
		display: block;
	}
	.culum3 li:nth-of-type(3n-1) {
		margin: 0;
	}
	body:not(#home) .culum3 li {
		width: 100%;
		margin-bottom: 5%;
	}
	body:not(#home) .culum3 li:last-child {
		margin-bottom: 0;
	}
	.postList li {
		line-height: 1.3;
	}
	.postList li .begining,
	.postList li a > strong {
		display: block;
		margin-bottom: 1.5%;
	}
	.postList li .photo {
		height: 25vw;
	}
	body:not(#home) .postList li .photo {
		height: 37vw;
	}
	.eng {
		font-weight: 100;
	}
	h2 {
		line-height: 1.2;
		margin-bottom: 6%;
	}
	.color-btn {
		width: 100%;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.color-btn.blk-btn {
		padding: 4% 0 4%;
	}
	.color-btn.nb-btn .arr,
	.color-btn.blk-btn .arr {
		background-position: right center;
	}
	.color-btn.prevBtn .arr {
		background-position: left center;
	}
	.acc-btn {
		margin: 0 auto 6%;
	}
	#entryBody h2 strong,
	.postList li strong {
		margin: 0;
	}
	.postList li .price strong {
		font-size: 20px;
		font-size: 2rem;
	}
	/*ボーダーアニメーション*/
	.bdr-anime:active:before {
		left: 10px;
	}
	.bdr-anime:active:after {
		right: 10px;
	}
	.bdr-anime:active a:before {
		top: 10px;
	}
	.bdr-anime:active a:after {
		bottom: 10px;
	}
	.searchBox .searchBtn {
		width: 55%;
		margin-bottom: 0;
		padding: 5% 15%;
	}
	#wrapper .searchBox select,
	#wrapper .fixReserve-innerBox select {
		font-size: 16px;
	}
	/*Slider*/
	.slick-slider .slick-slide {
		margin: auto;
	}

	/*fixReserve*/
	#fixReserve {
		padding: 0;
		position: relative;
		height: auto;
		width: auto;
		overflow: visible;
		z-index: 99;
		display: none;
	}
	#fixReserve h2 {
		top: 0;
		display: block;
		height: auto;
		position: relative;
		text-align: center;
		background: url(../img/bg_black_paper.png) no-repeat right top;
	}
	#fixReserve h2.open:after {
		content: '';
		position: absolute;
		right: 3.2%;
		top: 0;
		bottom: 0;
		margin: auto 0;
		display: block;
		width: 25px;
		height: 25px;
		background: url(../img/ico/ico_close_blu.png) no-repeat;
		background-size: 100% 100%;
	}
	#fixReserve h2 img {
		position: relative;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		right: auto;
	}
	#fixReserve .innerBox {
		position: relative;
		opacity: 1;
		left: 0;
		z-index: 999;
		width: 100%;
		display: block;
		padding: 0;
	}
	#fixReserve .closeBtn {
		display: none;
	}
	.mobile #wrapper .fixReserve-wrapper {
		display: block;
		position: relative;
	}
	.mobile #wrapper .fixReserve-innerBox {
		border: none;
		padding: 6% 4%;
		margin-top: 0;
	}
	#wrapper .fixReserve-innerBox {
		opacity: 1;
		padding: 0 3%;
		margin-top: 4%;
		display: block;
		position: relative;
		height: auto;
		width: auto;
		font-size: 1.6rem;
	}
	#wrapper .fixReserve-innerBox .closeBtn {
		display: none;
	}
	#wrapper .fixReserve-innerBox .searchBtn {
		height: 40px;
		width: auto;
	}
	#wrapper .fixReserve-innerBox .cancel a {
		display: inline-block;
		width: auto;
		padding-right: 30px;
	}
	/*HEADER*/
    header{
        /* height: 75px; */
    }
	header .boxL .telNumber,
	header .boxR {
		display: none;
	}
	header .dialBox .telNumber {
		display: block;
		font-size: 150%;
		font-weight: normal;
		padding: 4px 0;
		margin-right: 0;
	}
	header .boxL {
		width: 100%;
	}
	h1#pageTitle .engTitle {
		padding-top: 7%;
	}
	header h1#siteTitle,
	header p#siteTitle {
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		width: 98px;
	}

	header #spTel .timeZoon {
		display: none;
	}
	header #siteTitle svg {
		display: block;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		position: absolute;
		height: 49px;
	}
	header .hamburger,
	header #spBtns{
		display: block;
	}
	header .hamburger {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		margin-left: 20px;
		padding: 0;
	}
	header nav {
		display: none;
	}
	body#home #wrapper header #overlayArea,
	#wrapper header #overlayArea {
		z-index: 99;
		padding: 12px 3.2%;
		position: relative;
		background: rgba(255, 255, 255, 0.95);
	}
	header #spBtns {
		width: 34%;
		position: absolute;
		right: 10px;
		top: 10%;
	}
	header .sp_circle_btn {
		display: inline-block;
		float: right;
		margin: 0 0 0 4%;
        &#spTel{
            position: absolute;
            top: 10%;
            left: 58px;
            display: block;
        }
	}
	header .sp_circle_btn img {
		width: auto!important;
		height: 56%;
		display: block;
		margin: 0 auto 8%;
	}
	header .sp_circle_btn a {
		display: block;
		text-align: center;
		font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
		color: #555049;
		font-size: 10px;
		width: 52px;
		height: 52px;
		border-radius: 50%;
		padding: 7px;
		white-space: nowrap;
		background: #f6f5f5;
	}
	.mobile header .hdInner {
		position: relative;
		width: 100%;
		z-index: 9999;
	}
	.mobile header.fixed_menu .hdInner {
		position: fixed;
		top: 0;
		left: 0;
		animation: header_fix 0.3s ease 0s 1 forwards;
	}
	header.is-active .hdInner {
		overflow-y: auto;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		height: auto;
		background: rgba(255, 255, 255, 0.97);
	}
	header #fixReserve,
	#spMenu {
		display: none;
	}

	#spMenu ._inner {
        height: calc(100vh - 75px);
        height: calc(100dvh - 75px);
        background-color: #f5f5f5;
        overflow-y: auto;
    }
    #spMenu .sp_sitemap a{
        display: block;
        padding: 12px 10px;
		border-bottom: 1px solid #ded7ce;
    }
    #spMenu .naviBox{
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
		font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
    }
    #spMenu .naviBox > *{
        width: 100%;
    }
    #spMenu .naviBox a.externalLink{
        background-position: right 10px center;
    }
    #spMenu .naviBox .acc-navi-link{
        font-size: 110%;
        position: relative;
    }
    #spMenu .naviBox .acc-navi-icon{
        width: 45px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 10px;
        z-index: 1;
    }
    #spMenu .naviBox .acc-content{
        background-color: rgba(0, 0, 0, 0.1);
        font-family: 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        font-weight: normal;
        font-size: 95%;
    }
    #spMenu .naviBox .acc-content .list001{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    #spMenu .naviBox .acc-content li{
        width: 100%;
        display: block;
    }
    #spMenu .naviBox .acc-content li a{
        padding: 15px 8px;
        border-bottom:1px solid rgba(0, 0, 0, 0.1);
    }
    #spMenu .naviBox .acc-content li.thirdClass{
        width: 100%;
    }
    #spMenu .naviBox .acc-content ._wd100{
        width: 100%;
    }
	#spMenu li a.externalLink {
		background-position: 19% center;
	}
	#spMenu .engSite {
		padding: 4% 4% 0 4%;
		text-align: center;
	}
	#spMenu .engSite:last-of-type {
		padding-bottom: 4%;
	}
	#spMenu .engSite a {
		padding: 1.4% 0 2%;
	}
	#spMenu .reserveBtn {
		text-align: center;
		padding: 3.2%;
	}

	#spMenu .reserveBtn a {
		border-radius: 3px;
	}
	/*ヘッダー空室検索*/
	header #fixReserve {
		padding: 5% 3.2%;
	}
	header #fixReserve h2 {
		width: 100%;
		color: #544f49;
		margin-bottom: 3%;
		padding: 44px 0 0;
		background: url(../img/ico/ico_fuji_lrg_brush.png) no-repeat top center;
	}
	header #fixReserve h3 {
		margin-bottom: 3%;
	}
	header #fixReserve .title {
		margin-bottom: 3%;
	}
	header .searchBox .regularBtn a {
		padding: 4% 0;
		background-position: 87% center;
	}
	header .searchBox .cancel {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 4% 0;
	}
	header .searchBox .cancel a {
		font-size: 85%;
		width: 48.5%;
		display: block;
		margin: 0 !important;
		padding: 0;
	}

	/*HEADLINE*/
	#headline {
		margin: 0 0 4%;
	}
	#fullTitle {
		padding-top: 2%;
	}
	#sideTitle {
		display: block;
		margin: 1% 0 1.4%;
	}
	#sideTitle .boxL {
		width: 100%;
	}
	#sideTitle .visualBox {
		width: 100%;
		height: auto;
	}
	#sideTitle .visualBox img {
		position: relative;
		margin: 0;
		top: 0;
		left: 0;
		display: block;
		-webkit-transform: none;
		transform: none;
	}
	#sideTitle #pageTitle {
		font-size: 20px;
		font-size: 2rem;
		line-height: 1;
		text-align: center;
		padding: 7% 0;
	}
	#headline p.pan {
		left: 0;
	}
	#wrapper #sideTitle .engTitle {
		padding-top: 7%;
		margin-bottom: 2px;
		font-size: 50%;
	}
	h1#pageTitle .engTitle:before {
		width: 11%;
		background-size: 100% auto;
	}
	#fullTitle + .innerWidth .pan,
	#sideTitle + .innerWidth .pan {
		position: relative;
		top: auto;
		left: auto;
		z-index: 1;
	}
	#fullTitle .bg-brw {
		width: 32%;
	}
	#wrapper #fullTitle .symbolMark {
		top: 15px;
		right: 15px;
		width: 59px;
	}
	#fullTitle .visual img {
		max-width: none;
		height: auto;
		width: 100%;
	}
	/*FOOTER*/
	footer {
		background: url(../../staffonly/image/footer_sp.png) no-repeat left
			bottom;
	}
	.mobile footer {
		background-size: auto 100% !important;
	}
	footer #ftInner {
		width: 100%;
	}
	footer #ftInner .copy {
		width: 50%;
		margin: 8% auto;
	}
	footer #ftLogo img {
		width: 40%;
	}
	footer .ftSubnavi_wrap {
		padding: 5% 0 2%;
	}
	footer #ftBnr{
        grid-template-columns: 1fr;
    }
	footer #ftBnr li a {
		padding: 2% 4%;
	}
	footer .ftSubnavi_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	footer .ftSubnavi{
        display: contents;
    }
	footer .ftSubnavi li {
		width: 50%;
	}
	footer .ftSubnavi li a {
		border: none;
		padding: 10px 0;
	}
	footer #ftBnr li img {
		height: 38px;
	}
	footer p#copyright {
		padding: 1% 0;
	}
	footer #ft_info #owner span {
		display: block;
	}
	footer #ft_info .contactTxt span {
		display: block;
	}
	#pageTop a {
		background-size: 200px auto !important;
	}
	.toTop a {
		width: 60px;
		height: 60px;
	}
	#wrapper .slick-prev {
		left: -3.6%;
	}
	#wrapper .slick-next {
		right: -3.6%;
	}
	br.pc {
		display: none;
	}
	br.sp {
		display: block;
	}
	#pageNavi {
		display: none;
	}
	#pageTop a {
		width: 55px;
		height: 55px;
	}
	#pageTop a img {
		width: 75%;
	}

	#categoryNav {
        display: grid;
        grid-template-columns: repeat(1,1fr);
	}

	#wrapper .pagenation li {
		margin: 0 1.5% 2%;
	}
	#wrapper .pagenation li a {
		padding: 12px;
	}
	/*CONTACT*/
	.contactArea {
		display: block;
		padding: 12% 0 4%;
	}
	.contactArea .boxR {
		width: 100% !important;
		margin-bottom: 3.2%;
	}
	.contactArea .boxR .dial {
		margin-bottom: 1.6%;
	}
	.contactArea .boxR .telBox .telNumber {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 1;
	}
	.contactArea .formBtn .color-btn {
		width: 93.6%;
		padding: 4% 0;
	}
	.contactArea .formBtn .color-btn .arr {
		line-height: 1;
		background-position: right center;
	}
	/*サムネイル比率*/
	body#home #newsArea .postList li .photo {
		padding-top: 26%;
	}
	/*MT　次の記事　前の記事*/
	main .prevnext_post {
		display: block;
	}
	main .prevnext_post li {
		margin: 3% 0;
		display: block;
	}

	/*==============================================================
	body#home トップページ
===============================================================*/

	body#home main .contentsBox {
		margin-bottom: 12%;
	}
	html.mobile body#home #mainVisual {
		position: relative;
		overflow: hidden;
        height: auto;
	}
	html.mobile body#home #mainVisual video{
        display: block;
        width: 100%;
        height: auto;
    }
	body#home #mainVisual img {
		display: block;
	}
	body#home #mainVisual .copy {
		position: absolute;
		z-index: 9;
		top: 16%;
		right: 0;
		left: 0;
		margin: 0 auto;
		height: 163px;
	}
	body#home #reihouArea {
		display: none;
	}
	body#home #informationArea {
		padding-top: 5%;
	}
	body#home #informationArea h2 {
		font-size: 1.7rem;
		display: block;
		float: none;
		text-align: center;
		padding: 44px 0 0;
		margin-bottom: 0;
		background-size: auto auto !important;
	}
	body#home #informationArea .innerWidth {
		padding: 0;
		display: block;
	}
	body#home #informationArea .infoTxt {
		float: none;
		width: 100%;
		padding: 6%;
	}
	body#home #newsArea .postList li {
		overflow: hidden;
		margin-bottom: 4%;
		width: 100%;
	}
	body#home #newsArea .postList li .photo {
		width: 41%;
		margin-right: 4%;
		float: left;
	}
	body#home .postList {
		margin: 0 0 6%;
	}
	body#home #planArea .postList {
		display: -webkit-flex;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	body#home main #movieBnr strong {
		width: 100%;
		background-position: 85% center;
	}
	body#home main #movieBnr {
		overflow: hidden;
	}
	body#home main #movieBnr .bgGifanime {
		width: 100%;
		height: auto;
		position: relative;
		opacity: 1;
	}
	body#home main #movieBnr .bgFuji {
		width: 100%;
		max-width: none;
		-webkit-transition: none;
		transition: none;
		bottom: 0;
	}
	body#home main #attractionArea {
		padding: 6% 0 0;
	}
	body#home main #attractionArea .btn {
		width: 100%;
		float: none;
	}
	body#home main #attractionArea .innerWidth {
		padding: 0;
	}
	body#home main #attractionArea .image {
		max-width: none;
        width: 100%;
        height: 100%;
        object-fit: cover;
	}
	body#home main #attractionArea a:active .image {
		opacity: 0.8;
	}
	body#home main #recommendArea .culum4 li {
		flex: 1 0 48.5%;
		margin: 0 2.6% 3% 0;
	}
	body#home main #recommendArea .culum4 li:nth-of-type(2n) {
		margin-right: 0;
	}
	body#home #instagramBox {
	}
	body#home main #attractionArea .title {
		background-position: center 18%;
	}
	body#home main #attractionArea .title .dscTxt {
		height: auto;
		opacity: 1;
		display: block;
		width: 80%;
		margin: 0 auto;
	}
    body#home #recommendArea ul {
        grid-template-columns: repeat(2,1fr);
    }
	body#home #recommendArea ul li {
		/* width: 200px;
		padding: 5px; */
	}
	body#home #instagramBox {
		margin-bottom: 14%;
	}
	body#home #instagramBox .innerWidth #instafeed .instagram-photo {
		width: -webkit-calc(100% / 3 - 1%);
		width: calc(100% / 3 - 1%);
		height: 250px;
		overflow: hidden;
		position: relative;
		margin: 0.5%;
	}
	body#home #instagramBox .innerWidth #instafeed .instagram-photo img.wide {
		max-width: none;
	}
	body#home #recommendArea {
		position: relative;
	}
	body#home #recommendArea .btns {
		height: 60px;
		bottom: 110px;
		top: auto;
		opacity: 0.8;
	}
	body#home #recommendArea .btn#loopleft {
		left: 10px;
		top: 0;
	}
	body#home #recommendArea .btn#loopright {
		right: 10px;
		top: 0;
	}

	/*==============================================================
	body#planIndex プランページ
===============================================================*/
	body.plan main .searchBox select {
	}
	body.plan main .searchBox {
		flex-wrap: wrap;
	}
	body.plan main .searchBox h2 {
		padding: 0 0 4% 0;
		margin: 0 0 0 0;
		border-right: none;
	}
	body.plan main .searchBox .innerBox {
		width: 100%;
	}
	body.plan main .searchBox form {
		display: block;
	}
	body.plan main .searchBox h3 {
		margin-right: 0;
	}
	body.plan main .searchBox #dateBox {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 3%;
	}
	body.plan main .searchBox .innerBox .searchBtn {
		padding: 10px 33px;
	}
	body.plan main .searchBox .title {
		display: block;
		margin-right: 0;
		margin-bottom: 0;
		text-align: center;
	}
	body.plan main .searchBox #search_calendar .calendarBox {
		width: 94%;
		height: 50%;
	}
	body.plan main .searchBox #search_calendar .calendarBox table td {
		padding: 7px 0;
	}
	body.plan main .searchBox #search_calendar .calendarBox table td a {
		padding: 4px 10px;
		width: 90%;
	}
	body.plan main .searchBox #search_calendar .calendarBox table th a {
		background-size: 13% auto !important;
	}
	body.plan main .searchBox #dateBox span {
		margin: 0;
	}

	body.plan
		main
		.searchBox
		#search_calendar
		.calendarBox
		table
		.cl_week
		span {
		width: 34px;
		height: 34px;
		line-height: 34px;
		padding-top: 0;
	}
	body.plan main .searchBox #search_calendar .calendarBox .cl_close {
		right: 0;
	}
	body#planIndex main #leadArea {
		margin-bottom: 0;
	}
	body#planIndex main .postList {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}
	body#planIndex main .postList li {
		margin: 0 0 3%;
		width: 49%;
	}
	body#planIndex main .postList li .photo {
		height: 30vw;
	}
	/*==============================================================
	body#planIndividual プラン詳細
===============================================================*/

	body#planIndividual #contentArea .innerWidth {
		display: block;
	}
	body#planIndividual #contentArea #photoArea {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 3%;
	}
	body#planIndividual #contentArea #photoArea .slick-list,
	body#planIndividual #contentArea #photoArea .slick-track {
        margin-bottom: 0;
    }
    body#planIndividual .photoArea-bottom .image,
    body#planIndividual #contentArea #photoArea .image {
        width: 100%;
        aspect-ratio: 340/255;
	}
    body#planIndividual .photoArea-bottom .image img,
	body#planIndividual #contentArea #photoArea .image img{
        display: block;
		width: 100%;
        height: 100%;
        object-fit: contain;
	}
	body#planIndividual #contentArea {
		padding: 0;
	}
	body#planIndividual #reservationArea {
		display: block;
	}
    body#planIndividual #reservationArea .photoArea-bottom{
        width: 100%;
    }
	body#planIndividual #reservationArea .planslider {
		margin-bottom: 5%;
	}
	body#planIndividual #reservationArea .planslider {
		width: 100%;
	}
	body#planIndividual #reservationArea .slick-arrow {
		display: none;
	}
	body#planIndividual #contentArea #textArea,
	body#planIndividual #reservationArea .boxR {
		width: 100%;
	}
	body#planIndividual #reservationArea .outlineTable th {
		width: 20%;
	}
	body#planIndividual #reservationArea .color-btn {
		padding: 4% 0;
	}
	body#planIndividual #contentArea iframe {
		width: 100%;
		height: 53vw;
	}
    body#planIndividual #contentArea #photoArea div{
        margin-bottom: 0;
    }
    body#planIndividual .slick-arrow{
        background-color: #fff;
        border-radius: 50%;
        translate: 0 -50%;
        &.slick-prev{
            left: 5px;
        }
        &.slick-next{
            right: 5px;
        }
    }
    body#planIndividual .slick-dots{
        position: relative;
        inset: unset;
        margin-bottom: 30px;
         li {
            width: fit-content;
            margin-inline: 10px;
            &.slick-active button{
                background: url(../../room/img/kihin/bg_d-brown_paper.png);
            }
            button{
            display: block;
            aspect-ratio: 1;
            width: 10px;
            height: auto;
            border-radius: 50%;
         }
         }
    }
	/*==============================================================
	body#cuisineIndex お料理ページ
===============================================================*/

    body#cuisineIndex .cuisineBox .dscBox{
        width: 100%;
    }
	body#cuisineIndex .cuisineBox .bdrBox {
		width: 100%;
		padding: 5%;
		display: block;
	}
	body#cuisineIndex .cuisineBox .bdrBox .boxR,
	body#cuisineIndex .cuisineBox .bdrBox .floatL {
		float: none;
		width: 100%;
	}
	body#cuisineIndex .cuisineBox .bdrBox .boxR {
		padding: 0;
	}
	body#cuisineIndex .cuisineBox .bdrBox h3 {
		margin: 5% 0;
	}
    body#cuisineIndex .cuisineBox .sub_image{
        margin-bottom: 30px;
    }
    body#cuisineIndex .cuisineBox .sub_image img{
        width: 100%;
        margin: 12px 0;
    }
	body#cuisineIndex .cuisineBox .recommend_area {
		width: 100%;
		padding: 5%;
		display: block;
	}
    body#cuisineIndex .cuisineBox .recommend_item .color-btn .mt_blog{
        font-size: 4vw;
        display: block;
    }
	body#cuisineIndex .cuisineBox .recommend_item{
		display: block;
    }
	body#cuisineIndex .cuisineBox .recommend_item .boxR,
	body#cuisineIndex .cuisineBox .recommend_item .floatL {
		float: none;
		width: 100%;
	}
	body#cuisineIndex .cuisineBox .recommend_item .boxR {
		padding: 0;
	}
	body#cuisineIndex .cuisineBox .recommend_area .lead {
		margin: 5% 0;
	}
	body.cuisine #allergyArea .allergyBox {
		padding: 6%;
	}
	body.cuisine #allergyArea h3 {
		margin-bottom: 4%;
	}
	body.cuisine #allergyArea .allergyBox p {
		margin-bottom: 6%;
	}
	body#cuisineIndex .cuisineBox .bdrBox .color-btn {
		padding: 4% 0;
	}
	/*==============================================================
	body.cuisine お料理ページ
===============================================================*/
	body.cuisineIndiv main .gensenBox {
		-webkit-flex-direction: column-reverse; /* Safari */
		flex-direction: column-reverse;
	}
	body.cuisineIndiv .layoutP-T .textBox,
	body.cuisineIndiv .layoutT-P .photoBox {
		order: 0;
	}
	body.cuisineIndiv .layoutP-T .photoBox,
	body.cuisineIndiv .layoutT-P .textBox {
		order: 0;
	}
	body.cuisineIndiv main .gensenBox h3 {
		margin-bottom: 6%;
	}
	body.cuisineIndiv main .textBox,
	body.cuisineIndiv main .photoBox {
		width: 100%;
	}
	body.cuisineIndiv main .photoBox {
		margin-bottom: 4%;
	}
	body.cuisineIndiv main .textBox {
		margin-bottom: 6%;
		padding: 0;
	}
	body.cuisineIndiv main .photoBox img {
		display: block;
	}
	body.cuisineIndiv #menuArea .bgBox {
		padding: 7% 0;
	}
	.cssanimations body.cuisine .ticker-slider {
		animation-duration: 300s !important;
	}
	body.cuisineIndiv main #archiveArea li {
		width: 180px;
		padding: 0 7px;
	}
	body.cuisineIndiv main #archiveArea .title {
		line-height: 1.5;
	}
	body.cuisineIndiv .kome {
		padding: 3.2%;
		font-feature-settings: 'palt';
		text-align: left;
	}
	body.cuisineIndiv #childArea {
		width: 100%;
		padding: 0 3.2%;
	}
	body.cuisineIndiv #childArea .visualBox {
		display: block;
	}
	body.cuisineIndiv #childArea .visualBox figure {
		width: 100%;
	}
	body.cuisineIndiv #childArea .visualBox figure:first-of-type {
		margin-bottom: 3.2%;
	}
	body.cuisineIndiv #childArea .kome {
		padding: 3.2% 0;
		text-align: left;
	}

	/*==============================================================
	body#roomIndex お部屋一覧
===============================================================*/

	body#roomIndex #branchArea .culum3,
	body#roomIndex #branchArea .culum2 {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	body#roomIndex #branchArea .culum3 div,
	body#roomIndex #branchArea .culum2 div {
		width: 100%;
		margin: 0 0 16%;
	}
	body#roomIndex #branchArea a {
		padding: 0;
	}
	body#roomIndex #branchArea .text {
		line-height: 1.5;
	}
	body#roomIndex #branchArea .culum3 div#sasa a {
		padding: 3.1%;
		display: inline-block;
	}

	/*==============================================================
	body.room お部屋共通
===============================================================*/

	body.room main #planArea h2,
	body.room main #branchArea h2 {
		margin-bottom: 6%;
	}
	body.room main #planArea {
		margin-bottom: 3.2%;
	}
	body.room main #mapArea {
		margin-bottom: 10%;
	}
	body.room .introArea .boxR {
		width: 100%;
		padding-right: 0;
	}
	body.room .introArea .boxR .lead {
		margin: 5% 0 7%;
		line-height: 1.8;
	}
	body.room .introArea figure {
		width: 70% !important;
		padding: 0;
	}
	body.room main #branchArea .flexbox {
		margin-bottom: 0;
	}
	body.room main #branchArea .flexbox a {
		padding: 2%;
	}
	body.room main #branchArea .flexbox .wide-btn {
		width: 100%;
	}
	body.room main #branchArea .flexbox .roomLink {
		width: 100%;
	}
	body.room main #branchArea .flexbox .roomLink p {
		margin: 0 3.2%;
	}
	body.room main #branchArea .flexbox .roomLink {
		margin-bottom: 3.2%;
		padding: 0;
	}
	body.room main .roomBox .flex-box {
		display: block;
	}
	body.room main .roomBox .roomplanBox {
		margin-right: 0;
		margin-bottom: 3.2%;
	}
	body.room main .roomBox .floorPlan img {
		margin: auto;
	}
	body.room main .roomBox .flex-box .specBox {
		float: none;
		width: 100%;
	}
	body.room #visualArea .carousel {
		width: 100%;
		margin: 4% auto 6%;
	}
	body.room #visualArea .carousel .slick-slide {
	}
	body.room #visualArea .slick-prev,
	body.room #visualArea .slick-next {
		margin-top: -5%;
	}
	body.room #visualArea .slick-prev {
		left: -3.2%;
		background-position: 30% center;
	}
	body.room #visualArea .slick-next {
		right: -3.2%;
		background-position: 70% center;
	}

	body#roomSeseragiYo main #planArea,
	body#roomSeseragiWayo main #planArea,
	body#roomKatsura main #planArea,
	body#roomSeseragiWatwin main #planArea,
	body#roomSeseragiModernwa main #planArea,
	body#roomMiyama main #planArea,
	body#roomSeseragi3 main #planArea,
	body#roomSeseragi4 main #planArea {
		margin-bottom: 8%;
	}

	/*==============================================================
	body#roomKihin 貴賓室
===============================================================*/

	body#roomKihin #branchArea,
	body#roomKihin .bg-dbr {
		padding: 7% 0;
	}
	body#roomKihin #branchArea {
		padding-bottom: 0;
	}

	/*==============================================================
	body#roomMiyama 深山亭
===============================================================*/

	body#roomMiyama .introArea .boxR .lead {
		white-space: normal;
	}
	/*==============================================================
	body#roomSeseragiModernwa 細流亭モダン和室
===============================================================*/
	body.room .introArea .boxR .lead {
		font-size: 170%;
	}
	/*==============================================================
	body#onsenIndex 温泉トップ
===============================================================*/
	body#onsenIndex main .onsenBox .timeZoon p {
		font-size: 90%;
	}
	body#onsenIndex .onsenBox .subTitle {
		margin: 6% 0;
	}
	body#onsenIndex #infoArea h2 .eng {
		margin-bottom: 1.4%;
	}
	body#onsenIndex main .onsenBox .textBox .inner > h3 {
		margin-bottom: 6%;
	}
	body#onsenIndex #fujisanArea .timeZoon,
	body#onsenIndex #fujisanArea #onsenTable {
		width: 100%;
		padding: 0;
	}
	body#onsenIndex #fujisanArea .text {
		margin: 5% auto;
		text-align: left;
	}
	body#onsenIndex main .timeZoon {
		/* margin-bottom: 3.2% !important; */
		padding: 0;
	}
	body#onsenIndex main .timeZoon h3 {
		text-align: left;
	}
	body#onsenFuji main #equipmentArea #timeArea th,
	body#onsenIndex #fujisanArea #onsenTable th {
		padding: 2%;
	}
	body#onsenFuji main #equipmentArea #timeArea td span,
	body#onsenIndex #fujisanArea #onsenTable td span {
		width: 22px;
		height: 22px;
	}
	body#onsenFuji main #equipmentArea #timeArea td,
	body#onsenIndex #fujisanArea #onsenTable td {
		padding: 0;
	}
	body#onsenFuji main #equipmentArea #timeArea td:first-of-type,
	body#onsenIndex #fujisanArea #onsenTable td:first-of-type {
		padding: 1% 2%;
	}
	body#onsenIndex main .onsenBox .textBox {
		display: block;
		margin-bottom: 3.2%;
		padding: 0;
	}
	body#onsenIndex .flexbox .boxL,
	body#onsenIndex .flexbox .boxR {
		width: 100%;
	}
	body#onsenIndex main .onsenBox .textBox .optionList li {
		width: 25%;
	}
	body#onsenIndex #rotenArea,
	body#onsenIndex #uchiyuArea {
		margin-bottom: 6% !important;
	}
	body#onsenIndex main .onsenBox .timeZoon {
		margin: 0;
		/* padding: 0 3.2%; */
	}
	body#onsenIndex main .onsenBox .subPhoto {
		width: 100%;
	}
	body#onsenIndex main .onsenBox figcaption {
		text-align: center;
	}
	body#onsenIndex main .onsenBox .textBox .inner.wide {
		padding: 0;
	}
	body#onsenIndex main .onsenBox .textBox .inner.wide .timeZoon,
	body#onsenIndex .flexbox .boxL.mainPhoto {
		padding: 0;
	}
	body#onsenIndex #infoArea .innerWidth {
		padding: 0 3.2%;
	}
	body#onsenIndex main #footArea .textBox p {
		margin-bottom: 6%;
	}
	body#onsenIndex main .onsenBox .textBox .inner.wide .timeZoon p {
		margin-bottom: 0 !important;
	}
	body#onsenFuji main #equipmentArea #timeArea table#onsenTable {
		text-align: center;
	}

	/*==============================================================
	body#onsenIndex 温泉トップ
===============================================================*/
	body#onsenFuji .contentsBox {
		margin-bottom: 14%;
	}
	body#onsenFuji #introArea .innerWidth {
		padding: 0 3.2%;
	}
	body#onsenFuji #introArea .textBox {
		margin: 0;
	}
	body#onsenFuji #introArea p.text,
	body#onsenFuji #introArea p.lead {
		margin-bottom: 6%;
	}
	body#onsenFuji #introArea .textBox p {
		width: 100%;
		margin-bottom: 3.2%;
		padding-right: 0;
	}
	body#onsenFuji #introArea .textBox .subVisual {
		width: 70%;
		margin: 0 auto;
	}
	body#onsenFuji #introArea .textBox .subVisual img {
		display: block;
	}
	body#onsenFuji #introArea #youtubeBox iframe {
		width: 100%;
		height: 200px;
	}
	body#onsenFuji #introArea #youtubeBox {
		padding: 6% 0 3%;
	}
	body#onsenFuji main #equipmentArea {
		padding: 0 3.2%;
	}
	body#onsenFuji main #equipmentArea .flexbox {
		width: 100%;
		display: block;
	}
	body#onsenFuji main #equipmentArea .equipmentBox {
		width: 85%;
		margin: 0 auto;
	}
	body#onsenFuji main #equipmentArea .equipmentBox:not(:last-of-type) {
		margin-bottom: 12%;
	}
	body#onsenFuji main #equipmentArea #timeArea .boxL,
	body#onsenFuji main #equipmentArea #timeArea .boxR {
		width: 100%;
	}
	body#onsenFuji main #equipmentArea #timeArea .timeZoon {
		padding: 0;
	}
	body#onsenFuji main #equipmentArea #timeArea .timeZoon .bdr-RL:after,
	body#onsenFuji main #equipmentArea #timeArea .timeZoon .bdr-RL:before {
		display: none;
	}
	body#onsenFuji main #equipmentArea #timeArea .timeZoon h3 {
		margin-bottom: 3.2%;
	}
	body#onsenFuji main #equipmentArea #timeArea .timeZoon .kome {
		text-align: left;
	}
    /* body#onsenIndex .yuagarichayaArea_wrap{
        padding-top: 6%;
    } */
    body#onsenIndex #yuagarichayaArea{
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    body#onsenIndex .yuagarichayaArea_wrap h3{
        margin: 6% 0;
    }
    body#onsenIndex #yuagarichayaArea ._photo{
        max-width: inherit;
    }
    body#onsenIndex #yuagarichayaArea .textBox{
        width: 100%;
        padding-top: 3%;
    }
    body#onsenIndex #yuagarichayaArea .boxL{
        width: 100%;
    }


	/*==============================================================
	body.onsen 温泉共通
===============================================================*/

	body.onsen main .flexbox {
		display: block;
		margin-bottom: 6%;
	}
	body.onsen main table th,
	body.onsen main table td {
		padding: 3%;
	}

	/*==============================================================
	body#conceptIndex 感動の宿
===============================================================*/
	body#conceptIndex #headline {
		margin-top: 0;
	}
	body#conceptIndex main #mainVisual .copy {
		width: 76vw;
	}
	body#conceptIndex main #infectionArea .column_box p,
	body#conceptIndex main #infectionArea .main_box p,
	body#conceptIndex main #infectionArea .sub_box p {
		font-size: 1.6rem;
	}
	body#conceptIndex main .infection_box + .infection_box {
		margin-top: 40px;
	}
	body#conceptIndex main #infectionArea #intro_box {
		margin: 40px 0;
	}
	body#conceptIndex main #infectionArea #green_zone {
		margin: 40px 0;
	}
	body#conceptIndex main #infectionArea #intro_box p br {
		display: none;
	}
	body#conceptIndex main #infectionArea [class^='container'] {
		display: block;
	}
	body#conceptIndex main #infectionArea [class^='container'] .sub_box {
		width: 100%;
		padding: 4% 0;
	}
	body#conceptIndex main #infectionArea [class^='container'] .main_box {
		width: 100%;
	}
	body#conceptIndex main #infectionArea .container_3column .column_box {
		width: 95%;
		margin: 0 auto 40px;
	}
	body#conceptIndex main #infectionArea #arrival_area .elevator {
		margin-top: 40px;
	}
	body#conceptIndex main h3 {
		margin-bottom: 20px;
	}
	body#conceptIndex main #infectionArea .container_2column_center {
		padding: 0;
		display: flex;
	}
	body#conceptIndex main #infectionArea .main_box .container {
		display: block;
	}
	body#conceptIndex main #infectionArea .main_box .container .photo {
		width: 100%;
	}
	body#conceptIndex
		main
		#infectionArea
		#clublounge_are
		.container_68
		.main_box {
		width: 100%;
	}
	body#conceptIndex
		main
		#infectionArea
		#clublounge_are
		.container_68
		.sub_box {
		width: 100%;
		padding: 0;
		margin-top: 30px;
	}
	body#conceptIndex
		main
		#infectionArea
		#clublounge_are
		.container_68
		.sub_box
		.photo {
		width: 50%;
		margin: 0 auto 20px;
	}
	body#conceptIndex
		main
		#infectionArea
		#staff_area
		.container_3column.tight
		.column_box,
	body#conceptIndex
		main
		#infectionArea
		#cleaning_area
		.container_3column.tight
		.column_box	 {
		width: 100%;
	}
	body#conceptIndex main #infectionArea #hours_area .inner_box {
		width: 100%;
	}
	body#conceptIndex main #infectionArea #hours_area table th {
		width: 30%;
	}
	body#conceptIndex main #infectionArea #clublounge_are h2 {
		font-size: 1.8rem;
	}
	body#conceptIndex main #infectionArea #staff_area h2 span {
		text-align: left;
		line-height: 1.4;
	}
	body#conceptIndex main #infectionArea #hours_area .infection_box .totabijikan {
		top: 30px;
		opacity: 1;
	}

	/**/
	body#conceptIndex #copyBox {
		height: 89vw;
	}
	body#conceptIndex #copyBox .copy img.copy002 {
		margin-top: 0;
		transform: translateY(4%);
	}
	body#conceptIndex #copyBox .copy {
		width: 28%;
	}
	body#conceptIndex #copyBox .copy img.copy001,
	body#conceptIndex #copyBox .copy img.copy003 {
		width: 30%;
	}
	body#conceptIndex .pan {
		font-size: 75%;
		padding: 2% 3.2%;
	}
	body#conceptIndex #copyBox .copy {
		width: 20%;
		top: 50%;
		left: 51%;
	}
	body#conceptIndex .staff_visual {
		top: 0;
		opacity: 1;
	}
	body#conceptIndex #kandoArea {
		padding-top: 0;
	}
	/*==============================================================
	body#spendIndex 鐘山苑の過ごし方
===============================================================*/

	body#spendIndex .recommendBox .innerWidth {
		display: block;
	}
	body#spendIndex .recommendBox .sliderBox,
	body#spendIndex .recommendBox .txtBox,
	body#spendIndex .recommendBox .fullPhoto {
		width: 100%;
		padding: 0;
	}
	body#spendIndex .recommendBox .fullPhoto {
		position: relative;
		height: 73vw;
	}
	body#spendIndex .recommendBox .subPhoto {
		width: 70%;
	}
	body#spendIndex .recommendBox .fullPhoto img {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	body#spendIndex .recommendBox {
		margin-bottom: 18%;
	}
	body#spendIndex .recommendBox h2 {
		padding: 6% 0;
	}
	body#spendIndex main .photo {
		margin-bottom: 2%;
	}
	body#spendIndex .sightseeingList li {
		width: 48.4%;
		text-align: left;
		line-height: 1.5;
	}
	body#spendIndex .branchList li strong {
		margin-bottom: 0;
	}
	body#spendIndex .sightseeingList {
		margin-bottom: 6%;
	}
	body#spendIndex main .otherContents li {
		width: 100%;
	}

	@media screen and (max-width: 320px) {
		body#spendIndex .sightseeingList li {
			width: 100%;
		}
		body#spendIndex .branchList li strong {
			margin-bottom: 2%;
		}
	}

	/*==============================================================
	body#spendOptionIndex 各オプションのご案内
===============================================================*/

	body#spendOptionIndex main .optionBox {
		display: block;
	}
	body#spendOptionIndex main .optionBox .textBox,
	body#spendOptionIndex main .optionBox figure {
		width: 100%;
	}
	body#spendOptionIndex main .optionBox .textBox {
		padding: 0;
	}
	body#spendOptionIndex main .color-btn.blk-btn {
		text-align: center;
	}
	body#spendOptionIndex main .optionBox figure img {
		display: block;
		margin-bottom: 5%;
	}
	body#spendOptionIndex main .table001 tbody th {
	}
	body#spendOptionIndex main .optionBox {
		padding: 0 0 5%;
	}

	/*==============================================================
	body#spendKimono 着物レンタル
===============================================================*/

	body#spendKimono .flexbox {
		display: block;
	}
	body#spendKimono .flexbox .image {
		width: 100%;
		margin-bottom: 3.2%;
	}
	body#spendKimono .flexbox p {
		text-align: left;
	}
	body#spendKimono .priceBox2 .boxL,
	body#spendKimono .priceBox2 .boxR,
	body#spendKimono .priceBox table,
	body#spendKimono .priceBox .boxR {
		width: 100%;
		padding: 0;
	}
	body#spendKimono .table001 th {
		width: 12%;
	}

	/*==============================================================
	body#spendAttraction 宴会アトラクション
===============================================================*/

	body#spendAttraction .flexbox {
		display: block;
	}
	body#spendAttraction .flexbox .image {
		width: 100%;
		text-align: left;
		margin-bottom: 3.2%;
	}
	body#spendAttraction #priceBox table,
	body#spendAttraction #priceBox .boxR {
		width: 100%;
	}
	body#spendAttraction #priceBox .boxR li {
		margin-bottom: 3.2%;
	}
	body#spendAttraction #priceBox .boxR li strong {
		margin-bottom: 2%;
		padding: 2% 4%;
	}
	body#spendAttraction #cancelBox table {
		width: 100%;
	}

	/*==============================================================
	body#spendOchaIndex 茶室清流庵
===============================================================*/

	body#spendOchaIndex #fullTitle .bg-brw {
		width: 20%;
		top: 22%;
		right: 22%;
	}
	body#spendOchaIndex main .dipBox {
		flex-wrap: wrap;
		margin-bottom: 6%;
	}
	body#spendOchaIndex main .dipBox figure,
	body#spendOchaIndex main .dipBox p {
		width: 100%;
	}
	body#spendOchaIndex main .dipBox p {
		padding: 0;
		order: 2;
	}
	body#spendOchaIndex main .dipBox figure {
		order: 1;
	}
	body#spendOchaIndex main .visualBox {
		flex-wrap: wrap;
	}
	body#spendOchaIndex main .visualBox div {
		width: 48.4%;
		margin-bottom: 3.2%;
	}
	body#spendOchaIndex .infoBox {
		width: 100%;
		margin: 0;
		line-height: 1.8;
	}
	body#spendOchaIndex main .contentsBox {
		margin-bottom: 7%;
	}

	/*==============================================================
	body#spendShowIndex 霊峰太鼓ショー
===============================================================*/

	body#spendShowIndex #fullTitle .bg-brw {
		width: 22%;
		top: 15%;
		right: 10%;
	}
	body#spendShowIndex main .dipBox {
		flex-wrap: wrap;
		margin-bottom: 6%;
	}
	body#spendShowIndex main .dipBox figure,
	body#spendShowIndex main .dipBox p {
		width: 100%;
	}
	body#spendShowIndex main .dipBox p {
		padding: 0;
		order: 2;
	}
	body#spendShowIndex main .dipBox figure {
		order: 1;
	}
	body#spendShowIndex main .visualBox {
		flex-wrap: wrap;
	}
	body#spendShowIndex main .visualBox div {
		width: 48.4%;
		margin-bottom: 3.2%;
	}
	body#spendShowIndex .infoBox {
		width: 100%;
		margin: 0;
		line-height: 1.8;
	}
	body#spendShowIndex main .contentsBox {
		margin-bottom: 7%;
	}

	/*==============================================================
	body#spendEsthetic エステ・癒し
===============================================================*/

	body#spendEsthetic #estheticArea #introArea {
		margin-bottom: 7%;
	}
	body#spendEsthetic #estheticArea #introArea .flexbox {
		display: block;
	}
	body#spendEsthetic #estheticArea #introArea .slider {
		width: 100%;
		padding: 0;
		margin-bottom: 3%;
	}
	body#spendEsthetic #estheticArea #introArea .boxR {
		width: 100%;
	}
	body#spendEsthetic main .menuBox {
		width: 100%;
		margin-bottom: 7%;
	}
	body#spendEsthetic .menuArea .menuBox img {
		width: 100%;
		height: auto;
		margin-bottom: 3%;
	}
	body#spendEsthetic .menuArea .menuBox .boxR {
		width: 100%;
		padding-left: 0;
	}

	/*==============================================================
	body#spendIkebanaIndex 生け花でおもてなし
===============================================================*/

	body#spendIkebanaIndex #fullTitle .bg-brw {
		width: 22%;
		top: 21%;
		right: 18%;
	}
	body#spendIkebanaIndex main .dipBox {
		flex-wrap: wrap;
		margin-bottom: 6%;
	}
	body#spendIkebanaIndex main .dipBox figure,
	body#spendIkebanaIndex main .dipBox p {
		width: 100%;
	}
	body#spendIkebanaIndex main .dipBox p {
		padding: 0;
		order: 2;
	}
	body#spendIkebanaIndex main .dipBox figure {
		order: 1;
	}
	body#spendIkebanaIndex main .visualBox {
		flex-wrap: wrap;
	}
	body#spendIkebanaIndex main .visualBox div {
		width: 48.4%;
		margin-bottom: 3.2%;
	}
	body#spendIkebanaIndex main .contentsBox {
		margin-bottom: 10%;
	}

	/*==============================================================
	body#spendSightseeing 周辺観光案内
===============================================================*/

	body#spendSightseeing main .postList li {
		width: 100%;
		margin-left: 0 !important;
		padding-bottom: 0;
	}
	body#spendSightseeing main .postList li .photo {
		height: 50vw;
	}
	body#spendSightseeing main .postList li .btns,
	body#spendSightseeing main .postList li .btns_mtfuji {
		position: static;
	}
	body#spendSightseeing main .postList li .btns a,
	body#spendSightseeing main .postList li .btns_mtfuji a {
		padding: 3% 0;
	}

	/*==============================================================
	body#spendPhotoIndex 写真コンテスト
===============================================================*/
	body#spendPhotoIndividual main {
		padding-top: 10%;
	}
	body#spendPhotoIndividual main #goldArea .text {
		width: 100%;
	}
	body#spendPhotoIndividual main #silverArea .flex-box,
	body#spendPhotoIndividual main #goldArea .flex-box {
		display: block;
	}
	body#spendPhotoIndividual main #bronzeArea .bronzeBox,
	body#spendPhotoIndividual main .silverBox {
		margin-bottom: 50px;
	}
	body#spendPhotoIndividual .photoTitle {
		font-size: 1.7rem;
	}
	body#spendPhotoIndividual .winnerName {
		font-size: 1.4rem;
	}
	/*==============================================================
	body#spendHaikuSenryuIndex 俳句・川柳
===============================================================*/
	body#spendHaikuSenryuIndex #spendArea .text_ku {
		font-size: 1.8rem;
	}
	body#spendHaikuSenryuIndex .branchList li {
		width: 100%;
	}
	body#spendHaikuSenryuIndividual .kuBox .text_ku {
		font-size: 2.2rem;
	}
	body#spendHaikuSenryuIndividual .goldBox,
	body#spendHaikuSenryuIndividual .silverBox,
	body#spendHaikuSenryuIndividual .bronzeBox,
	body#spendHaikuSenryuIndividual .prizeBox,
	body#spendHaikuSenryuIndividual h3.prizeName {
		width: 100%;
	}

	body#spendHaikuSenryuIndividual .kuBox {
		height: inherit;
	}
	body#spendHaikuSenryuIndividual .innerBox {
		align-items: stretch;
	}
	/*==============================================================
	body.eco エコツアー
===============================================================*/

	body#spendEcoIndex #fullTitle .bg-brw {
		padding: 4%;
	}
	body.eco main .postList .desc {
		height: auto;
		font-size: 100%;
		line-height: 1.8;
	}
	body.eco main .postList h3 {
		font-size: 140%;
	}
	body.eco main .postList .fee {
		margin: 3% 0;
	}
	body.eco #postArea .postList li {
		margin: 0 0 8%;
	}
	body.eco #postArea .postList li .more {
		padding: 3% 0;
	}
	body#spendEcoIndividual #feeBox .boxL .people {
		width: 45%;
		font: 100%;
	}

	/*==============================================================
	body#spendEcoIndividual エコツアー詳細
===============================================================*/

	body#spendEcoIndividual #fullTitle .innerWidth {
		padding: 0;
	}
	body#spendEcoIndividual #fullTitle .visual {
		height: 300px;
	}

	body#spendEcoIndividual .contentsBox .end {
		text-align: center;
	}
	body#spendEcoIndividual #aboutArea table tr {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	body#spendEcoIndividual #aboutArea tbody {
		width: 100%;
		display: block;
	}
	body#spendEcoIndividual #aboutArea table td,
	body#spendEcoIndividual #aboutArea table th {
		display: block;
	}
	body#spendEcoIndividual #aboutArea table td {
		width: 65%;
	}
	body#spendEcoIndividual #aboutArea table th {
		width: 35%;
	}
	body#spendEcoIndividual #aboutArea table th.distance {
		width: 100%;
	}
	body#spendEcoIndividual #introArea {
		width: 100%;
	}
	body#spendEcoIndividual .flowBox {
		flex-wrap: wrap;
		margin-bottom: 5%;
	}
	body#spendEcoIndividual .flowBox .photo,
	body#spendEcoIndividual .flowBox .infoBox {
		width: 100%;
	}
	body#spendEcoIndividual .flowBox .photo {
		margin-bottom: 5%;
	}
	body#spendEcoIndividual .flowBox .photo img {
		display: block;
	}
	body#spendEcoIndividual .flowBox .infoBox {
		padding: 0;
	}
	body#spendEcoIndividual .flowBox .infoBox .num {
		padding: 2% 0;
	}
	body#spendEcoIndividual #aboutArea {
		width: 100%;
	}
	body#spendEcoIndividual main #pagenation div.post {
		width: 100%;
		margin-bottom: 3%;
		padding: 0;
	}
	body#spendEcoIndividual main #pagenation a {
		padding: 2%;
	}
	body#spendEcoIndividual main #infoArea > p {
		margin-bottom: 3%;
	}
	body#spendEcoIndividual main #infoArea dt {
		margin-bottom: 3%;
		padding-left: 4%;
	}
	body#spendEcoIndividual #feeBox .flex-box {
		display: block;
	}
	body#spendEcoIndividual #aboutArea #txtFee {
		border-top: none;
		padding: 10px;
	}
	body#spendEcoIndividual #aboutArea #txtFee,
	body#spendEcoIndividual #feeBox .boxL {
		width: 100%;
	}
	/*==============================================================
	body#spendMtfujiIndex 鐘山苑周辺の構成資産
===============================================================*/

	body#spendMtfujiIndex main #assetsArea {
		display: block;
	}
	body#spendMtfujiIndex main #assetsArea .box {
		width: 100%;
	}

	/*==============================================================
	body#informationMap 館内マップ
===============================================================*/

	body.information main .bgBox {
		width: 100%;
	}
	body#informationMap .siteBox {
		flex-wrap: wrap;
		width: 100%;
		padding: 3% 0;
	}
	body#informationMap .siteBox h3 {
		width: 100%;
		text-align: center;
	}
	body#informationMap .siteBox .linkBox {
		width: 100%;
		padding: 3% 0;
	}
	body#informationMap .siteBox .linkBox a {
		padding-top: 1%;
		padding-bottom: 1%;
	}
	body#informationMap #katsuraSite .linkBox li a {
		margin-left: 0;
	}
	body#informationMap #sasadSite .linkBox {
		text-align: center;
		padding-bottom: 0;
	}

	/*==============================================================
	body#informationPublicIndex 施設のご案内
===============================================================*/
	body.public #wrapper #infoArea {
		width: 100%;
	}
	body.public #menuArea,
	body.public .menuArea {
		overflow: hidden;
	}
	body.public #wrapper #menuArea .visualList,
	body.public .menuArea .visualList {
		flex-wrap: wrap;
	}
	body.public #wrapper #menuArea .visualList li,
	body.public .menuArea .visualList li {
		padding: 0 5px;
		width: 140px;
	}
	body#informationPublicIndex #introArea .culum3 div {
		width: 100%;
		margin-bottom: 5%;
	}
	body#informationPublicIndex #karaokeArea .culum3 {
		margin-top: 6%;
	}
	body#informationPublicIndex #wrapper main .facilityBox {
		width: 100%;
		margin-left: 0 !important;
		margin-bottom: 12% !important;
	}
	body#informationPublicIndex main .facilityBox h3 {
		margin: 2.2% 0;
	}
	body#informationPublicIndex .infoTxt .spec {
		display: inline-block;
		margin-bottom: 2%;
	}
	body#informationPublicIndex #conventionArea .culum3 .facilityBox {
		width: 100%;
		overflow: hidden;
	}
	body#informationPublicIndex #conventionArea .culum3 .facilityBox .photo {
		width: 100%;
		margin: 0 auto;
	}
	body#informationPublicIndex #conventionArea .culum3 .facilityBox h3,
	body#informationPublicIndex #conventionArea .culum3 .facilityBox .infoTxt {
		width: 100%;
	}
	body#informationPublicIndex #conventionArea .culum3 .facilityBox h3 {
		margin: 0 0 3.2%;
	}
	body#informationPublicIndex #conventionArea .culum3 .facilityBox .acc-btn {
		margin-bottom: 3.2%;
	}
	body#informationPublicIndex
		#conventionArea
		.culum3
		.facilityBox
		.acc-content {
		width: 55%;
		margin: 0 auto 5%;
		padding: 0;
	}
	body#informationPublicIndex
		#conventionArea
		.culum3
		.facilityBox
		.acc-content
		img {
		width: 100%;
		height: auto;
	}

	/*==============================================================
	body#informationPublicShop お土産処
===============================================================*/

	body#informationPublicShop .flex-box {
		display: block;
	}
	body#informationPublicShop .flex-box figure {
		width: 100%;
	}
	body#informationPublicShop .flex-box .boxR {
		width: 100%;
		padding: 0;
	}
	body#informationPublicShop main .lead {
		font-size: 155%;
	}
	body#informationPublicShop #infoArea {
		width: 100%;
		margin: 6% auto 10%;
	}
	body#informationPublicShop #infoArea table {
		margin-bottom: 3%;
	}
	body#informationPublicShop main #menuArea table {
		width: 100%;
	}
	body#informationPublicShop main #menuArea .visualList {
		display: none;
	}

	/*==============================================================
	body#informationPublicLounge 季節を見渡すラウンジ
===============================================================*/

	body#informationPublicLounge .contentsBox:last-of-type,
	body#informationPublicLounge .contentsBox .flex-box {
		display: block;
	}
	body#informationPublicLounge .contentsBox figure {
		width: 100%;
	}
	body#informationPublicLounge .contentsBox .boxR {
		width: 100%;
		padding-left: 0;
	}
	body#informationPublicLounge main .menuArea .visualList {
		justify-content: center;
	}
	body#informationPublicLounge main .menuArea .visualList li {
		width: 48%;
	}
	body#informationPublicLounge main .menuArea .visualList li img {
		display: block;
	}
	body#informationPublicLounge .menuArea .innerBox {
		width: 100%;
	}
	body#informationPublicLounge main .menuArea .table001 th {
		width: 65%;
	}
	body#informationPublicLounge main .menuArea .table001 td {
		width: 45%;
	}
	body#informationPublicLounge main .menuArea + p.alignC {
		width: 93.6%;
		margin: auto;
	}
	@media screen and (max-width: 320px) {
		body#informationPublicLounge main .menuArea + p.alignC a {
			font-size: 90%;
		}
	}

	/*==============================================================
	body#informationPublicNightBar ナイトバーラウンジ
===============================================================*/

	body#informationPublicNightBar .innerWidth + .alignC {
		width: 93.6%;
		margin: auto;
	}
	@media screen and (max-width: 320px) {
		body#informationPublicNightBar .innerWidth + .alignC a {
			font-size: 90%;
		}
	}
	body#informationPublicNightBar .innerWidth .flex-box {
		display: block;
		margin-bottom: 10%;
	}
	body#informationPublicNightBar .innerWidth .flex-box figure {
		width: 100%;
	}
	body#informationPublicNightBar main .innerWidth .boxR {
		width: 100%;
		padding: 0;
	}
	body#informationPublicNightBar main .innerWidth .lead {
		margin: 6% 0;
		font-size: 160%;
	}
	body#informationPublicNightBar main #menuArea .visualList {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	body#informationPublicNightBar main #menuArea .visualList li {
		width: 48.5%;
		margin: 0 0 3%;
	}
	body#informationPublicNightBar main #menuArea .visualList li img {
		display: block;
	}
	body#informationPublicNightBar main .innerWidth .menuBox {
		width: 100%;
	}

	/*==============================================================
	body#informationPublicSuisui お夜食処　粋酔
===============================================================*/

	body#informationPublicSuisui .flex-box {
		display: block;
		margin-top: 6%;
	}
	body#informationPublicSuisui main .lead {
		margin: 6% 0;
		white-space: normal;
	}
	body#informationPublicSuisui main .lead + p {
		margin-bottom: 3.2%;
	}
	body#informationPublicSuisui .flex-box figure {
		width: 100%;
	}
	body#informationPublicSuisui .flex-box figure img {
		display: block;
	}
	body#informationPublicSuisui .flex-box .boxR {
		width: 100%;
		padding: 0;
	}
	body#informationPublicSuisui main #menuArea .visualList {
		flex-wrap: wrap;
	}
	body#informationPublicSuisui main #menuArea .visualList li {
		width: 48.4%;
		margin-bottom: 3.2%;
	}
	body#informationPublicSuisui main #menuArea .visualList li img {
		display: block;
	}
	body#informationPublicSuisui main #menuArea table {
		width: 100%;
		margin-bottom: 3.2%;
	}
	body#informationPublicSuisui main #menuArea .innerBox {
		width: 100%;
	}

	/*==============================================================
	body#informationFaq よくあるご質問
===============================================================*/

	body#informationFaq #main {
		width: 100%;
		padding: 0;
	}
	body.faq #main #tabs .tabControl li {
		width: 98%;
	}
	body.faq #main #tabs .tabControl li a {
		position: relative;
		padding: 4% 5%;
		border-right: 1px solid #ececec;
	}
	body.faq #main #tabs .tabControl li a:after {
		transition: all 0.5s;
		content: '';
		position: absolute;
		top: 0;
		right: 4%;
		bottom: 0;
		margin: auto 0;
		background: url(../img/ico/ico_arrow_blk_rgt.png) no-repeat;
		width: 21px;
		height: 15px;
		transform: rotate(0deg);
	}
	body.faq #main #tabs .tabControl li.selected a:after {
		transform: rotate(90deg);
	}
	body.faq #main #tabs .tabControl li a br {
		display: none;
	}
	body.faq #main .entry h3.question {
		padding-right: 8%;
	}
	body.faq #main .entry h3.question .num {
		margin-right: 2.5%;
	}
	body.faq #main .entry h3.question:after {
		right: 0;
	}

	/*==============================================================
	body#informationRule ご利用規約（料金について）
===============================================================*/

	body#informationRule .pageLink {
		width: 100%;
		flex-wrap: wrap;
	}
	body#informationRule .pageLink li {
		width: 100%;
	}
	body#informationRule #main {
		width: 100%;
		padding: 4% 0 0;
	}
	body#informationRule main .dialBox p {
		width: 94%;
		margin: 3% auto 0;
		line-height: 1.5;
	}
	body#informationRule main .dialBox p a {
		padding: 3% 0;
	}
	body#informationRule main .dialBox p .arr {
		padding: 0;
		background-position: 95% center;
	}
	body#informationRule .contentsBox {
		margin-bottom: 10%;
	}
	/*body#informationRule main table th,
body#informationRule main table td {
	padding: 2%;
}*/
	body#informationRule main #map {
		height: 250px;
	}

	/*==============================================================
	body#informationAccess 交通案内
===============================================================*/

	body#informationAccess main .routeBox {
		width: 100%;
		padding: 0;
	}
	body#informationAccess main .routeBox .routeStep {
		position: relative;
		display: block;
	}
	body#informationAccess main .routeBox .routeStep:after {
		background: none !important;
	}
	body#informationAccess main .routeBox .routeStep:before {
		content: '';
		position: absolute;
		top: 3%;
		left: 11px;
		width: 1px;
		height: 91.5%;
		background: #dddbd8;
	}
	body#informationAccess main .routeBox li {
		white-space: normal;
		background: none !important;
	}
	body#informationAccess main .routeBox li.point {
		width: 100%;
		font-size: 14px;
		font-size: 1.4rem;
		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;
	}
	body#informationAccess main .routeBox .routeStep.firstHf .point:first-child,
	body#informationAccess main .routeBox li.point.start {
		padding-top: 0 !important;
	}
	body#informationAccess
		main
		.routeBox
		.routeStep.latterHf
		.point:last-child
		body#informationAccess
		main
		.routeBox
		li.point.destination {
		padding-bottom: 0 !important;
	}
	body#informationAccess main .routeBox li.point:after {
		left: 0.5%;
	}
	body#informationAccess
		main
		.routeBox
		.routeStep.firstHf
		.point:first-child:after,
	body#informationAccess main .routeBox li.start:after {
		top: -10px;
		left: 0 !important;
		border: 5px solid #484845;
		width: 22px;
		height: 22px;
	}
	body#informationAccess main .routeBox li.point .roadName,
	body#informationAccess main .routeBox li.point strong {
		width: auto;
		display: inline-block;
		margin-left: 3%;
		padding: 0;
	}
	body#informationAccess main .routeBox li.bar {
		display: none;
	}
	body#informationAccess main .routeBox li.traffic {
	}
	body#informationAccess main .routeBox .routeStep.firstHf,
	body#informationAccess main .routeBox .routeStep.latterHf {
		width: 100%;
		float: none;
	}
	body#informationAccess main .routeBox .routeStep.firstHf:before {
		height: 100%;
	}
	body#informationAccess main .routeBox .routeStep.latterHf:before {
		height: 92%;
	}
	body#informationAccess main .routeBox .routeStep.latterHf .point {
		margin-left: 0;
	}
	body#informationAccess main #otherInfo #busBnr img {
		width: 100%;
		height: auto;
	}
	body#informationAccess main #otherInfo #busBnr a {
		padding: 0;
	}
	body#informationAccess main #otherInfo .flexbox {
		width: 100%;
		display: block;
		margin-bottom: 3.2%;
		padding: 0;
	}
	body#informationAccess main #otherInfo figure,
	body#informationAccess main #otherInfo .flexbox .boxR {
		width: 100%;
	}
	body#informationAccess main #otherInfo #carArea h3 {
		margin-bottom: 2%;
	}
	body#informationAccess main #mapArea #gmap {
		height: 250px;
	}
	body#informationAccess main #aroundBox .shightSeeingBtn a {
		width: 100%;
		padding: 4% 0;
	}
	body#informationAccess main #inputAddress #submitRoute {
		margin: 4% 0;
		font-size: 120%;
	}

	/*==============================================================
	body#informationRule HP予約のキャンセル・変更のご案内
===============================================================*/
	body.information.rule .contentsBox {
		margin-bottom: 18%;
	}
	body#informationRule .culumn2.pageLink li {
		width: 100%;
	}
	body#informationRule main .cancelBox {
		padding: 0;
	}
	body#informationRule main .cancelBox > p:first-of-type {
		text-align: left;
	}
	body#informationRule main .contactBox .dialBox {
		display: none;
	}
	body#informationRule main .contactBox p {
		margin-bottom: 0;
	}
	body.information.rule #main {
		width: 100%;
		padding: 0;
	}
	body.information.rule .pageLink {
		width: 100%;
		margin-bottom: 7%;
	}
	body.information.rule .pageLink li a .arr {
		font-size: 100%;
	}
	body.information.rule main .cancelBox {
		padding: 0;
	}
	/*==============================================================
	body#staffblogIndex 富士山日和
===============================================================*/
	body#staffblogIndex #fullTitle .bg-brw {
		padding: 6% 1% 0;
		top: 46%;
	}
	body#staffblogIndex .staffblogList a,
	body#staffblogArchive .staffblogList a {
		display: block;
	}
	body#staffblogIndex .staffblogList .postBox,
	body#staffblogArchive .staffblogList .postBox {
		padding: 6% 0;
	}
	body#staffblogIndex .staffblogList .textBox,
	body#staffblogArchive .staffblogList .textBox {
		padding-left: 0;
		width: 100%;
	}
	body#staffblogIndex .staffblogList .begining,
	body#staffblogArchive .staffblogList .begining {
		margin-bottom: 3%;
	}
	body#staffblogArchive .staffblogList .photo,
	body#staffblogIndex .staffblogList .photo {
		margin-bottom: 5%;
		width: 100%;
		padding-top: 74%;
	}
	body.staffblog main .lacalNaviBox select {
		width: 40%;
		padding: 3%;
	}
	body#staffblogArchive .staffblogList .color-btn,
	body#staffblogIndex .staffblogList .color-btn {
		display: block;
		width: 75%;
		margin: 10px auto 0;
		text-align: center;
		padding: 0 0 4px;
	}
	/*==============================================================
	body#staffblogIndividual 富士山日和詳細
===============================================================*/

	body#staffblogIndividual #main {
		width: 100%;
		padding: 0 3.2%;
	}
	body#staffblogIndividual #main p img {
		display: block;
	}
	body#staffblogIndividual #main .innerWidth {
		margin-top: 8%;
		padding: 0;
	}
	body#staffblogIndividual #main iframe {
		width: 100%;
		height: 200px;
	}

	/*==============================================================
	body#groupIndex 団体・グループのお客さまへ
===============================================================*/
	main .dialBox {
		padding: 3%;
	}
	main .dialBox .arr {
		line-height: 1.5;
		padding-right: 0;
		background-position: 95% center !important;
	}
	/*body#groupIndex .flex-box {
		display: block;
	}
	body#groupIndex .flex-box figure {
		width: 100%;
		margin-bottom: 3%;
	}
	body#groupIndex .flex-box figure img {
		display: block;
	}
	body#groupIndex .flex-box .boxR {
		width: 100%;
		padding: 0;
	}
	body#groupIndex .innerBox {
		width: 100%;
	}
	body#groupIndex main .dialBox {
		padding: 3%;
	}
	body#groupIndex main .color-btn.blk-btn {
		text-align: center;
	}*/
	/*==============================================================
	body#groupIndex 団体・グループのお客さまへ
===============================================================*/
	body#groupIndex #wrapper main #introArea .contentsList li {
		width: calc(100% / 2);
	}
	body#groupIndex main #introArea .contentsList {
		flex-wrap: wrap;
	}
	body#groupIndex main #introArea .contentsList img {
		display: block;
	}
	body#groupIndex #wrapper main .formList {
		flex-wrap: wrap;
	}
	body#groupIndex #wrapper main .formList li {
		width: 100%;
		margin: 0;
		margin-bottom: 2%;
	}
	body#groupIndex #wrapper main #introArea .copy {
		font-size: 1.6rem;
	}
	body#groupIndex main #introArea .copyL br {
		display: none;
	}
	body#groupIndex main #introArea .copy2 {
		font-size: 1.6rem;
	}
	body#groupIndex main .btn-red li {
		width: 100%;
		margin-bottom: 4%;
	}
	body#groupIndex main .naviLink ul,
	body#groupIndex main .btn-red {
		flex-wrap: wrap;
	}
	body#groupIndex #wrapper main .naviLink li {
		width: 85%;
		margin: 0 auto 2%;
	}
	body#groupIndex #wrapper main #proposalArea .innerWidth {
		display: block;
	}
	body#groupIndex #wrapper main #proposalArea h2 {
		width: 100%;
		height: auto;
	}
	body#groupIndex #wrapper main #proposalArea .boxR {
		width: 100%;
	}
	body#groupIndex #wrapper main #proposalArea .boxR ul.proposalList {
		padding: 4% 0 8%;
		margin-bottom: 8%;
	}
	body#groupIndex #wrapper main #proposalArea .burList {
		display: block;
	}
	body#groupIndex #wrapper main #proposalArea .burList li {
		width: 100%;
		margin-bottom: 2%;
	}
	body#groupIndex main #reasonArea .reasonBox.wid1 {
		width: 100%;
	}
	body#groupIndex main #reasonArea .btn-red {
		margin-top: 8%;
	}
	body#groupIndex main #optionArea .flexbox .image {
		width: 100%;
		margin-bottom: 6%;
	}
	body#groupIndex main #optionArea .flexbox {
		flex-wrap: wrap;
	}
	body#groupIndex main #reasonArea h2,
	body#groupIndex main #reservationArea h2,
	body#groupIndex main #optionArea h2 {
		margin-bottom: 6%;
	}
	body#groupIndex #wrapper main .text_wd2 {
		width: 100%;
	}
	body#groupIndex #wrapper main #optionArea .optionBtn a {
		width: 100%;
	}
	body#groupIndex #wrapper main #partyArea .facilityBox {
		width: 100%;
		margin-left: 0 !important;
		margin-bottom: 12% !important;
	}
	body#groupIndex #wrapper main .formList li a {
		padding: 15px 0 20px;
	}
	/*==============================================================
	団体プランページ
===============================================================*/
	body.group.plan main .searchBox select {
	}
	body.group.plan main .searchBox {
		flex-wrap: wrap;
	}
	body.group.plan main .searchBox h2 {
		padding: 0 0 4% 0;
		margin: 0 0 0 0;
		border-right: none;
	}
	body.group.plan main .searchBox .innerBox {
		width: 100%;
	}
	body.group.plan main .searchBox form {
		display: block;
	}
	body.group.plan main .searchBox h3 {
		margin-right: 0;
	}
	body.group.plan main .searchBox #dateBox {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 3%;
	}
	body.group.plan main .searchBox .innerBox .searchBtn {
		padding: 10px 33px;
	}
	body.group.plan main .searchBox .title {
		display: block;
		margin-right: 0;
		margin-bottom: 0;
		text-align: center;
	}
	body.group.plan main .searchBox #search_calendar .calendarBox {
		width: 94%;
		height: 50%;
	}
	body.group.plan main .searchBox #search_calendar .calendarBox table td {
		padding: 7px 0;
	}
	body.group.plan main .searchBox #search_calendar .calendarBox table td a {
		padding: 4px 10px;
		width: 90%;
	}
	body.group.plan main .searchBox #search_calendar .calendarBox table th a {
		background-size: 13% auto !important;
	}
	body.group.plan main .searchBox #dateBox span {
		margin: 0;
	}

	body.group.plan
		main
		.searchBox
		#search_calendar
		.calendarBox
		table
		.cl_week
		span {
		width: 34px;
		height: 34px;
		line-height: 34px;
		padding-top: 0;
	}
	body.group.plan main .searchBox #search_calendar .calendarBox .cl_close {
		right: 0;
	}
	body#groupPlanIndex main #leadArea {
		margin-bottom: 0;
	}
	body#groupPlanIndex main .postList {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}
	body#groupPlanIndex main .postList li {
		margin: 0 0 3%;
		width: 49%;
	}
	body#groupPlanIndex main .postList li .photo {
		height: 30vw;
	}
	/*==============================================================
	body#groupPlanIndividual プラン詳細
===============================================================*/

	body#groupPlanIndividual #contentArea .innerWidth {
		display: block;
	}
	body#groupPlanIndividual #contentArea #photoArea {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 3%;
	}
	body#groupPlanIndividual #contentArea #photoArea div {
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		height: 68vw;
	}
	body#groupPlanIndividual #contentArea {
		padding: 0;
	}
	body#groupPlanIndividual #reservationArea {
		display: block;
	}
	body#groupPlanIndividual #reservationArea .planslider {
		margin-bottom: 5%;
	}
	body#groupPlanIndividual #reservationArea .slick-slide {
		height: 220px;
	}
	body#groupPlanIndividual #reservationArea .planslider {
		width: 100%;
		height: auto;
	}
	body#groupPlanIndividual #reservationArea .slick-arrow {
		display: none;
	}
	body#groupPlanIndividual #contentArea #textArea,
	body#groupPlanIndividual #reservationArea .boxR {
		width: 100%;
	}
	body#groupPlanIndividual #reservationArea .outlineTable th {
		width: 20%;
	}
	body#groupPlanIndividual #reservationArea .color-btn {
		padding: 4% 0;
	}
	body#groupPlanIndividual #contentArea iframe {
		width: 100%;
		height: 53vw;
	}
	/*==============================================================
	body#informationPublicMeeting 会議・会合のお客さまへ
===============================================================*/

	body#informationPublicMeeting .flex-box {
		display: block;
	}
    body#informationPublicMeeting .flex-box figure {
		width: 100%;
		margin-bottom: 5%;
	}
	body#informationPublicMeeting .flex-box .boxR {
		width: 100%;
		padding: 0;
	}
	body#informationPublicMeeting #facilityArea .culum3 .facilityBox {
		width: 100%;
	}
	body#informationPublicMeeting #facilityArea .innerBox {
		width: 100%;
	}
	body#informationPublicMeeting #facilityArea h4 {
		padding-left: 4%;
	}
	body#informationPublicMeeting #facilityArea .seanBox ul {
		margin-bottom: 5%;
	}

	/*==============================================================
	body#informationAccessBusplan 送迎バスのご案内
===============================================================*/

	body#informationAccessBusplan .culum3 {
		margin-top: 5%;
	}
	body#informationAccessBusplan .fuji {
		margin-bottom: 12%;
	}
	.bus_ttl{
		font-size: 3.3vw;
	}
	body#informationAccessBusplan .fuji .fuji_bnr{
		grid-template-columns: 1fr ;
		gap: 10px;
	}
	body#informationAccessBusplan .fuji .fuji_bnr .text h3{
		font-size:180%;
	}
	body#informationAccessBusplan .fuji .fuji_bnr .text p br{
		display: none;
	}
	body#informationAccessBusplan .fuji .fuji_bnr .text p{
		text-align: left;
	}
	.riyo_ttl{
		display: flex;
		flex-wrap: wrap;
		font-size:200%;
		justify-content: center;
	}
	.riyo_ttl span{
		order:2;
	}
	.riyo_ttl .circle{
		transform: none;
		width: 70px;
		order:1;
	}
	body#informationAccessBusplan .mishima .color-btn.blk-btn{
		transform: none;
		margin-top: 12%;
	}

	/*==============================================================
	body#informationAccessFujisan 送迎バスのご案内
===============================================================*/

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

	body#informationAccessMishima main .routeBox {
		width: 100%;
		padding: 0;
	}
	body#informationAccessMishima main .routeBox .routeStep {
		position: relative;
		display: block;
	}
	body#informationAccessMishima main .routeBox .routeStep:before {
		content: '';
		position: absolute;
		top: 3%;
		left: 11px;
		width: 1px;
		height: 91.5%;
		background: #dddbd8;
	}
	body#informationAccessMishima main .routeBox .routeStep:after {
		background: none !important;
	}
	body#informationAccessMishima main .routeBox li.point {
		width: 100%;
		font-size: 14px;
		font-size: 1.4rem;
		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#informationAccessMishima main .routeBox li.point:after {
		left: 0.5%;
	}
	body#informationAccessMishima main .routeBox li.point .roadName,
	body#informationAccessMishima main .routeBox li.point strong {
		width: auto;
		display: inline-block;
		margin-left: 3%;
		padding: 0;
	}
	body#informationAccessMishima main .routeBox li.bar {
		display: none;
	}
	body#informationAccessMishima main .routeBox .routeStep.firstHf .point:first-child,
	body#informationAccessMishima main .routeBox li.point.start {
		padding-top: 0 !important;
	}
	body#informationAccessMishima
		main
		.routeBox
		.routeStep.firstHf
		.point:first-child:after,
	body#informationAccessMishima main .routeBox li.start:after {
		top: -10px;
		left: 0 !important;
		border: 5px solid #484845;
		width: 22px;
		height: 22px;
	}
	body#informationAccessMishima main h3 {
		text-align: left;
	}

	body#informationAccessMishima #intro .textBox p br{
		display: none;

	 }
	 body#informationAccessMishima .howto h2{
		font-size: 7vw;
		line-height:1.5;
	 }
	 body#informationAccessMishima .howto h3 br,
	 body#informationAccessMishima .howto h2 br{
		 display: block;
	 }
	 body#informationAccessMishima .howto h3{
		font-size:5vw;
	 }
	 body#informationAccessMishima main #access h2{
		font-size: 5.5vw;
	 }
	 body#informationAccessMishima main #access .point_list{
		grid-template-columns: 1fr ;
		gap:50px;
	 }body#informationAccessMishima main #access .point_list .box{
		max-width: inherit;
	 }
	 body#informationAccessMishima main #access .photo_list{
		grid-template-columns: 1fr 1fr;
	 }
	 body#informationAccessMishima .howto .flow_list{
		grid-template-columns: 1fr 1fr;gap:20px 40px;
	 }
	 body#informationAccessMishima .howto .flow_list .box:nth-child(2) .photo:after{
		 display: none;
	 }
	 body#informationAccessMishima main .spotBox h3{
		font-size:120%;
	 }
	/*==============================================================
	body#corporateIndex 会社案内
===============================================================*/
	body#corporateIndex main .groupBox h3 {
		font-size: 100%;
		white-space: nowrap;
	}
	body#corporateIndex main .groupBox {
		width: 48.4%;
		padding-bottom: 0;
	}
	body#corporateIndex main .groupBox a {
		display: block;
	}
	body#corporateIndex main .groupBox figure {
		width: 100%;
		margin-right: 0;
		margin-bottom: 3.2%;
	}
	body#corporateIndex main .groupBox .url {
		line-height: 1.5;
		background-position: left 3px;
		word-wrap: break-word;
	}

	/*==============================================================
	body#.corporate 会社概要共通
===============================================================*/
	body.corporate #main .contentsBox {
		margin-bottom: 10%;
	}

	/*==============================================================
	body#corporateCompany 会社概要・求人情報
===============================================================*/

	body#corporateCompany .pageLink {
		flex-wrap: wrap;
	}
	body#corporateCompany .pageLink li {
		width: 100%;
		margin-bottom: 3.2%;
	}
	body#corporateCompany table th,
	body#corporateCompany table td {
		padding: 3% 2%;
	}
	body#corporateCompany table th {
		width: 30%;
	}
	body#corporateCompany .recruitBox {
		margin-bottom: 6%;
	}
	body#corporateCompany .recruitBox .flex-box {
		display: block;
		margin-bottom: 12%;
	}
	body#corporateCompany .recruitBox .textBox,
	body#corporateCompany .recruitBox figure {
		width: 100%;
	}
	body#corporateCompany .recruitBox .color-btn {
		text-align: center;
	}

	/*==============================================================
	body#policyIndex プライバシーポリシー
===============================================================*/

	body#policyIndex #main {
		width: 100%;
	}
	body#policyIndex .contentsBox p {
		margin-bottom: 3.2%;
	}
	body#policyIndex #profile {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	/*==============================================================
	body.form フォーム共通
===============================================================*/
	body.thanks #headline p.pan,
	body.form #headline p.pan {
		position: relative;
		margin: 0 0 4%;
	}
	body.form #main input {
		font-size: 16px;
	}
	body.form #main {
		width: 100%;
	}
	body.form .pointBox {
		/*padding: 0;*/
		display: none;
	}
	/*body.form .pointBox ul {
	text-align: left;
	-webkit-text-orientation: initial;
	-ms-writing-mode: initial;
	-webkit-writing-mode: initial;
	writing-mode: initial;
	overflow: hidden;
	display: block;
}
body.form .pointBox ul li {
	float: left;
	padding: 2% 3.5%;
}*/
	body.form .linkNavi {
		flex-wrap: wrap;
	}
	body.form .linkNavi li {
		width: 100%;
	}
	body.form .linkNavi li:first-child {
		margin-bottom: 3.2%;
	}
	body.form .linkNavi a {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 4% 0 !important;
	}
	body.form .linkNavi a span {
		font-size: 11px;
		font-size: 1.6rem;
	}
	#main #formStep {
		justify-content: space-between;
	}
	#main #formStep li {
		display: block;
		margin: 0;
		padding: 4% 2%;
		font-size: 125%;
		line-height: 26px;
		text-align: center;
	}
	#main #formStep .num {
		width: 25px;
		height: 25px;
		line-height: 25px;
		margin: 0 auto 4%;
	}
	#main #formStep li:nth-child(1):after,
	#main #formStep li:nth-child(2):after {
		right: -13%;
	}

	body.form form table {
		margin-bottom: 8%;
	}
	body.form form th,
	body.form form td {
		display: block;
		width: 100%;
		padding: 3.2%;
	}
	body.form form th {
		padding-bottom: 0;
		border-bottom: none;
	}
	body.form form select {
		padding-right: 20px;
	}

	body.form form input[type='button'],
	body.form form input[type='submit'] {
		width: 70%;
		font-size: 120%;
		margin-bottom: 5%;
	}
	body.form .color-btn.blk-btn {
		margin: 5% 0;
	}
	body.form.group main .contactInfoBox {
		padding: 2%;
	}
	body.form.group main .radioelement {
		width: 100%;
		margin-right: 0;
	}
	body.form.group main .elmWd4 .radioelement {
		width: calc(100% / 3);
	}

	@media screen and (max-width: 320px) {
		#formStep li {
			font-size: 115%;
		}
	}

	/*==============================================================
	body.news 新着情報
===============================================================*/

	.news main .culum3 {
		margin-bottom: 8%;
	}

	/*詳細ページ*/
	body#newsIndividual #main {
		width: 100%;
		margin: 0;
	}
	body#newsIndividual #main h2 .date,
	body#newsIndividual #main h2 .category {
		font-size: 12px;
		font-size: 1.2rem;
	}
	body#spendUrarojiIndex main h3 {
		font-size: 130%;
	}
	body#spendUrarojiIndex main h3 br {
	}
	body#newsIndividual .pagenation {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	body#newsIndividual .pagenation:after {
		display: none;
	}
	body#newsIndividual .pagenation a {
		width: 100%;
		display: block !important;
		margin-bottom: 3.2%;
	}
	body#newsIndividual .pagenation a.prevBtn,
	body#newsIndividual .pagenation a.nextBtn {
		width: 48%;
		margin-bottom: 0;
	}
	body#newsIndividual .pagenation a.prevBtn {
		order: 2;
	}
	body#newsIndividual .pagenation a.nextBtn {
		order: 3;
	}
	body#newsIndividual .pagenation a span {
		font-size: 110%;
		padding-right: 5%;
	}
	body#newsIndividual .pagenation a.nextBtn span {
		padding-right: 13%;
	}
	body#newsIndividual .pagenation a.prevBtn span {
		padding-left: 13%;
	}

	/*==============================================================
	body.uraroji うらろじ
===============================================================*/

	body.uraroji #wrapper .pagenation li .link_before,
	body.uraroji #wrapper .pagenation li .link_next {
		display: none;
	}
	body.uraroji #postArea .postList li {
		margin: 0 0 8% !important;
	}
	body.uraroji #postArea li .title .copy {
		margin-top: 2%;
	}
	body.uraroji #postArea li .photo {
		height: 180px !important;
	}
	@media screen and (max-width: 320px) {
		body.uraroji #postArea li .photo {
			height: 160px !important;
		}
	}
	body#spendUrarojiIndex #gmap {
		height: 350px !important;
		margin-bottom: 8% !important;
	}
	body.uraroji main .infoWin {
		padding: 3.2% 0;
		width: 100% !important;
	}
	body.uraroji main .infoWin h2 {
		margin-top: 2%;
	}

	/*詳細ページ*/
	body#spendUrarojiIndividual p.pan {
		font-size: 75%;
		padding: 0 3.2%;
	}
	body#spendUrarojiIndividual #sideTitle {
		display: none;
	}
	body#spendUrarojiIndividual #fullTitle {
		margin-bottom: 0;
		padding-top: 10%;
	}
	body#spendUrarojiIndividual #fullTitle #pageTitle {
		margin-bottom: 5%;
		padding: 0 3.2%;
	}

	body#spendUrarojiIndividual #fullTitle .visual {
		height: auto !important;
	}
	body#spendUrarojiIndividual #fullTitle .visual img.mainImage {
		position: static !important;
		margin-right: 0 !important;
		transform: translate(0, 0) !important;
		width: 100% !important;
	}
	body#spendUrarojiIndividual #fullTitle .innerWidth {
		padding: 0;
	}
	body#spendUrarojiIndividual #entryArea .innerWidth {
		display: block !important;
		padding: 0 3.2% !important;
	}
	body#spendUrarojiIndividual #entryArea .photoBox,
	body#spendUrarojiIndividual #entryArea .textBox {
		width: 100% !important;
	}
	body#spendUrarojiIndividual #entryArea .photoBox div,
	body#spendUrarojiIndividual #entryArea .textBox p {
		margin-bottom: 1% !important;
	}
	body#spendUrarojiIndividual #entryArea .photoBox .caption {
		padding-top: 10px;
		display: block;
	}
	body#spendUrarojiIndividual #infoArea .innerWidth {
		flex-wrap: wrap;
	}
	body#spendUrarojiIndividual #infoArea #gmap {
		width: 100% !important;
		height: 250px !important;
		order: 2;
	}
	body#spendUrarojiIndividual #infoArea .textBox {
		width: 100% !important;
		margin-bottom: 5%;
		padding: 0 !important;
		order: 1;
	}
	body#spendUrarojiIndividual #entryArea .textBox .lead {
		margin-bottom: 0 !important;
	}
	body#spendUrarojiIndividual #infoArea .photo {
		width: 40% !important;
	}
	body#spendUrarojiIndividual #infoArea .note {
		padding: 5% !important;
	}
	body#spendUrarojiIndividual #infoArea .container {
		margin-bottom: 3%;
	}
	body#spendUrarojiIndividual #infoArea table td:first-of-type {
		width: 25%;
	}
	body#spendUrarojiIndividual #infoArea table td + td {
		width: 75%;
	}
	body#spendUrarojiIndividual .pagenation {
		width: 100%;
		padding: 0 3.2%;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	body#spendUrarojiIndividual .pagenation:after {
		display: none;
	}
	body#spendUrarojiIndividual .pagenation a {
		display: block !important;
		width: 100%;
		margin-bottom: 3.2%;
	}
	body#spendUrarojiIndividual .pagenation a.prevBtn,
	body#spendUrarojiIndividual .pagenation a.nextBtn {
		width: 48%;
		margin-bottom: 0;
	}
	body#spendUrarojiIndividual .pagenation a.prevBtn {
		order: 2;
	}
	body#spendUrarojiIndividual .pagenation a.nextBtn {
		order: 3;
	}
	body#spendUrarojiIndividual .pagenation a span {
		font-size: 110%;
		padding-right: 5%;
	}
	body#spendUrarojiIndividual .pagenation a.nextBtn span {
		padding-right: 13%;
	}
	body#spendUrarojiIndividual .pagenation a.prevBtn span {
		padding-left: 13%;
	}

	/*==============================================================
	body#spendTripadvisor トリップアドバイザーエクセレンス認証を獲得
===============================================================*/

	body#spendTripadvisor #introArea figure {
		margin-bottom: 3.2%;
	}
	body#spendTripadvisor #introArea figure img {
		display: block;
	}
	body#spendTripadvisor #TA_certificateOfExcellence295 {
		margin: 0 3%;
	}
	body#spendTripadvisor .TA_certificateOfExcellence {
		width: 32%;
	}
	body#spendTripadvisor .widCOE {
		width: 100%;
		margin: 0;
	}

	/*==============================================================
	body#spendEcoTerms 保険規約
===============================================================*/

	body#spendEcoTerms main .scroll {
		margin-bottom: 6%;
	}
	body#spendEcoTerms main #infoArea {
		padding: 7% 0;
	}
	body#spendEcoTerms main #infoArea li {
		margin-bottom: 3%;
	}
	body#spendEcoTerms main #infoArea dd {
		margin-bottom: 4%;
	}

	/*==============================================================
	body.garden 日本庭園共通
===============================================================*/

	body.garden #introGarden .lead {
		font-size: 160%;
	}
	body.garden #localNavi .flexbox {
		flex-wrap: wrap;
	}
	body.garden #localNavi .seasonBox {
		width: 48.5%;
	}
	body.garden #localNavi .seasonBox div {
		height: 250px;
	}
	body.garden #localNavi .seasonBox .title {
		font-size: 140%;
		padding: 0;
		height: 75%;
		background-position: center 95%;
	}
	body.garden .lb-outerContainer {
		width: 76% !important;
	}
	body.garden .lb-outerContainer img {
		width: 100% !important;
		height: auto !important;
	}
	body.garden .lb-data .lb-close {
		float: none;
		position: absolute;
		top: -45px;
		right: 10px;
	}
	body#gardenIndex #koyomiArea {
		margin-bottom: 0;
	}
	body.garden #visualGallery ul {
		justify-content: space-between;
	}
	body.garden #visualGallery li {
		width: 48.5%;
		margin: 0 0 3%;
	}
	body.garden #visualGallery li img {
		margin: 0 !important;
		display: block;
	}
	body.garden #visualGallery {
		margin-bottom: 7%;
	}

	/*==============================================================
	body#gardenIndex 日本庭園
===============================================================*/

	body#gardenIndex #introBox .copy {
		top: 42%;
	}
	body#gardenIndex #introBox .copy img {
		width: 9% !important;
	}
	body#gardenIndex #introArea #chashitsuBox {
		width: 100%;
		padding: 5%;
	}
	body#gardenIndex #introArea #chashitsuBox figure {
		width: 45%;
	}
	body#gardenIndex #introArea #chashitsuBox p {
		line-height: 1.5;
	}
	body#gardenIndex #introArea #chashitsuBox .color-btn {
		margin-top: 3%;
	}
	body#gardenIndex #introArea #chashitsuBox p strong {
		margin-bottom: 5%;
	}
	body#gardenIndex #koyomiArea .textBox {
		margin-bottom: 14%;
	}
	body#gardenIndex #koyomiArea .flexbox {
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	body#gardenIndex #koyomiArea .koyomiBox {
		margin-bottom: 13%;
	}
	body#gardenIndex #koyomiArea .koyomiBox h3 {
		margin-top: -30px;
		margin-left: 10%;
	}
	body#gardenIndex #koyomiArea .innerWidth {
		padding: 0 3.2%;
	}

	/*==============================================================
	body#gardenIndex 日本庭園下階層
===============================================================*/

	body.garden .pswp__zoom-wrap {
		width: 80% !important;
		margin: auto;
	}
	body.garden .pswp--touch .pswp__button--arrow--left,
	body.garden .pswp--touch .pswp__button--arrow--right {
		visibility: inherit;
		top: 48%;
	}
	body.garden .pswp--touch .pswp__button--arrow--left {
		left: 0;
	}
	body.garden .pswp--touch .pswp__button--arrow--right {
		right: 0;
	}
	/*==============================================================
	body#pamphletIndex デジタルパンフレット
	===============================================================*/
	body#pamphletIndex .pamphArea {
		display: block;
	}
	body#pamphletIndex .pamphArea .pamphBox {
		padding: 6%;
	}
	body#pamphletIndex .pamphArea.column3 .pamphBox,
	body#pamphletIndex .pamphArea.column4 .pamphBox {
		width: 100%;
		margin-bottom: 4vw;
	}
	/*==============================================================
	body#movieIndex 動画で見る鐘山苑
===============================================================*/
	body#movieIndex #thumb li {
		width: 31.3%;
		margin: 0;
		margin-bottom: 2% !important;
	}
	body#movieIndex #thumb li:nth-child(3n-1) {
		margin: 0 3%;
	}
	body#movieIndex #thumb .thumbPhoto {
		margin-bottom: 5%;
		display: block;
	}
	body#movieIndex #thumb li strong {
		line-height: 1;
	}
	body#movieIndex #carousel li {
		width: 48%;
		margin: 0 1% 4%;
	}
	body#movieIndex #carousel li strong {
		margin-bottom: 0;
	}
	/*==============================================================
	body#spendEventIndex 季節の館内イベントのご案内
===============================================================*/
	body#spendEventIndex .postList li {
		margin-bottom: 12%;
	}
	/*==============================================================
	body#spendMinibustourIndex 季節の館内イベントのご案内
===============================================================*/
	body#spendMinibustourIndex #fullTitle .bg-brw {
		padding: 4%;
	}
	body.minibustour main .postList .desc {
		height: auto;
		font-size: 100%;
		line-height: 1.8;
	}
	body.minibustour main .postList h3 {
		font-size: 140%;
	}
	body.minibustour main .postList .fee {
		margin: 3% 0;
	}
	body.minibustour #postArea .postList li {
		margin: 0 0 8%;
	}
	body.minibustour #postArea .postList li .more {
		padding: 3% 0;
	}
	body#spendMinibustourIndividual #feeBox .boxL .people {
		width: 45%;
		font: 100%;
	}
	body#spendMinibustourIndividual #fullTitle .innerWidth {
		padding: 0;
	}
	body#spendMinibustourIndividual #fullTitle .visual {
		height: 300px;
	}

	body#spendMinibustourIndividual .contentsBox .end {
		text-align: center;
	}
	body#spendMinibustourIndividual #aboutArea table tr {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	body#spendMinibustourIndividual #aboutArea tbody {
		width: 100%;
		display: block;
	}
	body#spendMinibustourIndividual #aboutArea table td,
	body#spendMinibustourIndividual #aboutArea table th {
		display: block;
	}
	body#spendMinibustourIndividual #aboutArea table td {
		width: 65%;
	}
	body#spendMinibustourIndividual #aboutArea table th {
		width: 35%;
	}
	body#spendMinibustourIndividual #aboutArea table th.distance {
		width: 100%;
	}
	body#spendMinibustourIndividual #introArea {
		width: 100%;
	}
	body#spendMinibustourIndividual .flowBox {
		flex-wrap: wrap;
		margin-bottom: 5%;
	}
	body#spendMinibustourIndividual .flowBox .photo,
	body#spendMinibustourIndividual .flowBox .infoBox {
		width: 100%;
	}
	body#spendMinibustourIndividual .flowBox .photo {
		margin-bottom: 5%;
	}
	body#spendMinibustourIndividual .flowBox .photo img {
		display: block;
	}
	body#spendMinibustourIndividual .flowBox .infoBox {
		padding: 0;
	}
	body#spendMinibustourIndividual .flowBox .infoBox .num {
		padding: 2% 0;
	}
	body#spendMinibustourIndividual #aboutArea {
		width: 100%;
	}
	body#spendMinibustourIndividual main #pagenation div.post {
		width: 100%;
		margin-bottom: 3%;
		padding: 0;
	}
	body#spendMinibustourIndividual main #pagenation a {
		padding: 2%;
	}
	body#spendMinibustourIndividual main #infoArea > p {
		margin-bottom: 3%;
	}
	body#spendMinibustourIndividual main #infoArea dt {
		margin-bottom: 3%;
		padding-left: 4%;
	}
	body#spendMinibustourIndividual #feeBox .flex-box {
		display: block;
	}
	body#spendMinibustourIndividual #aboutArea #txtFee {
		border-top: none;
		padding: 10px;
	}
	body#spendMinibustourIndividual #aboutArea #txtFee,
	body#spendMinibustourIndividual #feeBox .boxL {
		width: 100%;
	}
	body#spendMinibustourIndividual #calendarBox {
		padding: 3%;
	}
	body#spendMinibustourIndividual #calendarBox .color_txt {
		display: block;
		text-align: left;
	}
	body#spendMinibustourIndividual #calendarBox .color_txt li {
		margin-bottom: 3%;
	}
	body#spendMinibustourIndividual #calendarBox .color_txt .tour_expire {
		margin-left: 0;
	}
	body#spendMinibustourIndividual #calendarBox .tour_calendar {
		width: 100%;
		margin-bottom: 8%;
	}

	@media screen and (max-width: 320px) {
	}
}
@media screen and (max-device-width: 320px) {
	header .sp_circle_btn a {
		width: 46px;
		height: 46px;
	}
}