更新日

ライフスタイル雑誌「CREA 」 7月号にてご紹介

<li><a href="https://13gatsu-ryokan.com/about/">十三月について</a></li>

<li><a href="https://13gatsu-ryokan.com/room/">露天風呂付客室</a></li>

<li><a href="https://13gatsu-ryokan.com/gallery/">ギャラリー</a></li>

<ul><li><a href="https://13gatsu-ryokan.com/about/">十三月について</a></li><li><a href="https://13gatsu-ryokan.com/room/">露天風呂付客室</a></li><li><a href="https://13gatsu-ryokan.com/spa/">温泉</a></li><li><a href="https://13gatsu-ryokan.com/cuisine/">お料理</a></li><li><a href="https://13gatsu-ryokan.com/facilities/">館内</a></li><li><a href="https://13gatsu-ryokan.com/gallery/">ギャラリー</a></li><li><a href="https://13gatsu-ryokan.com/access/">アクセス</a></li><li><a href="https://13gatsu-ryokan.com/kankou/">観光</a></li><li><a href="https://reserve.489ban.net/client/13gatsu/0/plan" target="_blank">宿泊予約</a></li></ul>

{
    "infoFeed" : "/infolist/infolist/",
    "feedId" : "infolist"
}


<li>
<a href="https://www.izu-biwa.jp/notice/preview/biwa_1/" ">
<img width="70" height="70" src="https://www.izu-biwa.jp/assets/files/file1.jpg" />
<span class="infolist__content"> 
<span class="infolist__title"> GoToトラベルでお得に旅行 チェックアウトのご精算時にクーポン利用で、ご予約成立金額より最大35％OFF</span> 
<span class="infolist__description">【最大35％OFF】表示金額（ご予約成立の金額）から、GoToトラベル事業による支援金最大35％をひいた金額が お客様のお支払い実額となります。ご精算時に、ご予約成立金額から、最大35％引きの料金でお支払いお願いいたします。※1泊2食4万円を超えるご宿泊の場合、35％割引ではなく おひとり様あたり14000円割引の料金でお支払いとなります。</span>
</span>
</a></li>

.cms_html_body{margin: 120px auto 100px;
    width: 1000px;
display: table;
vertical-align: top;}.cms_html_body .cms_html_body_left {margin: 70px auto 100px;
    width: 640px;
display: table-cell;vertical-align: top;}.cms_html_body_left img{max-width: 100%; height: auto;}.cms_html_body_left figure{width: 100%; height: auto; margin: 0 auto;}.cms_html_body_left h1{    font-size: 25px; font-weight: 800; margin: 0 0 19px 0;}.cms_html_body_left h2{    font-size: 22px; font-weight: 800; margin: 0 0 19px 0;}.cms_html_body_left h3{    font-size: 18px; font-weight: 800; margin: 0 0 19px 0;}.cms_html_body_right{display: table-cell;vertical-align: top;margin: 70px auto 100px;
}.cms_html_body_right ul li{list-style: none;
    margin: 0 0 23px 0;}.cms_html_body_right ul li a{ clear: both;
}.cms_html_body_right ul li a:after{    content: " ";
    display: block;
    clear: both;
}.cms_html_body_right ul li a img{float: left;    margin: 0 13px 0 0;    object-fit: cover;}.cms_html_body_right .infolist__title{overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
display: block;
width: 200px;    color: #000;
    font-size: 17px;}.cms_html_body_right .infolist__description{display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;    width: 200px;
    color: #555;
    font-size: 13px;
    margin: 8px 0 0 0;}
    @media screen and (min-width: 0px) and (max-width: 800px) {
    .cms_html_body{margin: 80px 15px 50px;
width: auto;display: block;}.cms_html_body .cms_html_body_left {    margin: 80px 15px 50px;
width: auto;display: block;}.cms_html_body_left figure{    width: auto !important;}.cms_html_body_left h1{    font-size: 25px; font-weight: 800; margin: 0 0 19px 0;}.cms_html_body_left h2{    font-size: 22px; font-weight: 800; margin: 0 0 19px 0;}.cms_html_body_left h3{    font-size: 18px; font-weight: 800; margin: 0 0 19px 0;}.cms_html_body_right{display: block;}.cms_html_body_right .infolist__title{width: auto;}.cms_html_body_right .infolist__description{width: auto;}html .htmlBoxMenuSd .htmlBoxMenuSdInner{position: fixed;}html ul.infolist{margin: 0; padding: 0;}
    }

<a class="footer-res-btn" target="_blank" href="https://reserve.489ban.net/client/13gatsu/0/plan">ご予約はこちらから</a>

<li class=" privacypolicy"><a href="https://13gatsu-ryokan.com/privacypolicy/">プライバシーポリシー</a></li>

<div class="footer-text__address">〒025-0252 岩手県花巻市鉛字中平75-1<br>TEL 0198-29-6222</div></div>

</div></div><div class="footer-gnavi" id="footer-gnavi">

#header-content-linklist {display: flex; width: 100%;     position: fixed; z-index: 100; background: linear-gradient(to bottom, rgb(46, 58, 66) 0%, rgba(0, 0, 0, 0) 100%);     padding: 0 0 10px 0;top: 0px;}#header-content-linklist.available{  animation-name:animationv2;   animation-duration:1.8s;    animation-fill-mode: forwards;　}@keyframes animationv2{0% {  opacity: 0;  transform: translateY(-30px); }   100% {  opacity:1;  transform: translateY(0px);  } }.header-content-linklist ul{margin: 24px 0 0; white-space: nowrap;}.header-content-linklist ul li{display:inline-block;}.header-content-linklist ul li a{    text-decoration: none;     color: #fff;     margin: 0 15px;     font-size: 16px;}.header-content-logo{    width: 120px;     height: auto;}.spaceBottom .header-content-logo{    width: 80px;     height: auto;     margin: 24px 0 20px 40px;}.header-content__btn{background: #fff; padding: 20px 36px; display: block; width: 330px; text-decoration: none; color: #1a052c; border-radius: 33px; left: 0; right: 0; margin: 0 auto; bottom: 50px; position: absolute; font-size: 23px; font-weight: 600; text-align: center;}.header-content__btn:hover{background: #1a052c; color: #fff;}.logolink{margin-left: 40px; }.fix-btn{position: fixed; width: 100%; top: 0px; z-index: 100;}.fix-btn.close{pointer-events: none; opacity: 0; transform: translateY(-100px); transition: all .2s ease-out;}.fix-btn.open{pointer-events: auto; opacity: 1; transform: translateY(0px); transition: all .3s ease-out;}.spaceBottom #header-content-linklist {background: #fff;}.spaceBottom .header-content-linklist ul li a{color: #333;}.header-content-logo-close{display:none}.spaceBottom .header-content-logo-open{display:none}.spaceBottom .header-content-logo-close{display: inline-block;}.htmlBoxMenuSdBtnWrapper{display: none; }#htmlBoxMenuSdBtnClose{display: block;     height: 40px;     width: 40px;     position: absolute;     right: 14px;     top: 14px;}#htmlBoxMenuSdBtnClose:before , #htmlBoxMenuSdBtnClose:after{content: "　";     position: absolute;     left: 19%;     top: 50%;     height: 1px;     background-color: #5f5f5f;     width: 25px;}#htmlBoxMenuSdBtnClose:before{-moz-transform: rotateZ(-45deg);         -webkit-transform: rotateZ(-45deg);         transform: rotateZ(-45deg);}#htmlBoxMenuSdBtnClose:after{-moz-transform: rotateZ(45deg);         -webkit-transform: rotateZ(45deg);         transform: rotateZ(45deg);}.htmlBoxMenuSd{display: none;}.logo img{width: 100px; height: auto; display: inline-block;}.footer-res-btn{font-size: 13px;     width: 350px;     display: block;     background-color: #111;     color: #fff;     margin: 100px auto 80px auto;     padding: 23px 0;     transition: .5s ease;     letter-spacing: 0.15em;     text-align: center;     height: auto;     border-radius: 4px;}#footer{width: 100%; position: relative; background-color: #fff; background-blend-mode: soft-light; background-position: center; padding: 90px 0 100px 0;  color: #000;  font-size: 12px;  background-size: cover; overflow: hidden;}.footer-area{display: flex; width: 1000px; margin: 0 auto;}.footer-area__left{width: 50%; font-size: 14px;}.footer-area__left ul{margin: 0px 0px 19px 0px; padding: 0px;}.footer-area__left ul li{display: inline-block; margin: 0 15px 0 0px;}.footer-area__left ul li a{color: #000;}.footer-area__right{width: 50%;text-align: right;}.footer-text__sns_icon{position: relative; right: 10px;}.footer-text__sns_icon li{    display: inline-block;     margin: 0 0px 0 17px;}.footer-gnavi{display: none;}.fix-bottom-btn{display: none;}amp-img img{object-fit: cover;}body .text-size-s{font-size: 14px;}body .text-size-m{font-size: 20px;}body h3{font-size: 20px;}body .text-size-l{font-size: 24px;}body h2{font-size: 24px;}body .text-size-l-lv1{font-size: 27px;}body .text-size-l-lv2{font-size: 30px;}html{scroll-behavior: smooth;}.rankingitem__star{display: inline-block;   color: #000;   font-size: 13px;   font-family: メイリオ, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;   padding: 0 0 0 90px;   position: relative;}.rankingitem__star:before{display: inline-block;   width: 85px;   height: 15px;   vertical-align: -3px;   content: "";   position: absolute;   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAC0CAYAAABi3Il7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRThCM0MyNDA0MDhFNDExQUM4NEI5MUYxNEY0QjdCNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMEMyRERBOTA4MDgxMUU0QjYwMDg2NzEzOEMzMDA0RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMEMyRERBODA4MDgxMUU0QjYwMDg2NzEzOEMzMDA0RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQ0YzQTU3MDgwOEU0MTFBQzg0QjkxRjE0RjRCN0I1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFOEIzQzI0MDQwOEU0MTFBQzg0QjkxRjE0RjRCN0I1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pcmUQgAACEBJREFUeNrsnW2IVFUYx8+8r+6LW9qLCeYmVBJWUlqWQlkSoVbUbmkkQRgJKkkllBR9KggTg+pb9kUoJetbCRbZh4SC+qCmRqkriamksbuzu42zO3N77u5dd2Z2XnbOec7ce879P3C4szP3uTOz/3ue8/Lz70acw62iXPQlnlsnRK61bejzHWVPmN8nqkV3d/e9dJjS0dFxQEiE6fmyEa/0QiJ/YmtEZKfQwx2S195AzVX7QEjzpSJSrof0JF+c1Ta0+4wQUacv0XVDe/aTC/X0ELq72uhwmlqOGt1kHf113p1G56tEtOyTTv/qqJOORJ3eaMzp3SRx3bupXUVtBrVlIcyXL1m9yReWjArjpISTa6ZjSyp/9JWxE5L54+t7E2t/p840KCKxNL2epdNz04T40bub5rg9zSt/Ka9tLHiPjXTOWTpSnsh4d12e7rrTNuSzCxLLX3h5au7gk25vGP1c+aITUrnfplPbNdqZHJGPNDuDsaXf0A8rvVNWUXvLu5vc5FjJeyz3Ws7rkb3U3qW2zZJ8/jGkL7Fmc/Pw/u0x51K02sm5yPT8QHz5Vhpf3iscQ+gOeoAOn1GbWeP9zlF7nu6ub0tqttH57GMITW0/SCceX5SJLfxrtJdMPC0Tu+vvdOKJ+0bEKAn6gD/QYSG1PSPdaGK4d95X1O4p92VMz9c2y+pJrrt9WnbXoYi4XPxpqEz1JVbf2p7d+Ue1WRbdadfT4ZQ7fy9d1lCbS1/mYo3ZjdH57LOsqDPwUGRk7CqddQ3QjCu9dhLXm0etqczz7jRycQjyeQWJO+efHeuxg/FlPw3EHz44vlA82zWJ660Q4zXPLW3vFLz2WAjy+UpWT3J9W+vQ3n/zkanDmdiij+jxa+7z6UTntqbcLxtizsUmKluzaJF4rlzJou7uThdPeN37beree73nn/JmMTdSm03PpyuUC6Pz2XtIxBlYmY3e8udA/JG5Y2K4QY+3UE+Zm4kuOB51BjurXOs2avvcrj32ZbwB80s6LKW2m9oCi/OZeojjCERwAoJAEAQEgSAICAJBEFoXhqVRi6lfnHlq5Djj3E0V8y+ltpwEU68vtDF1N58OhwWYutxKvTBcpp7KH52TzJ+8tie57rp6LzqWTw/vpzutReLudDfzVpiazy6IKlMfyxdg6vWXLFmmLjymXitfgKnXJ4gsUx/ymHqtfAGmXl91aRn+uqs//uirucjV+TK/zILIC/ec/vjKN1qG9439Awcx+fyRL3qe2tN0d135MvT4Q/c577WYaflaxhBVpl47H0xdah1SD1Mvtw4pze9uOXRlWSLA1OufZaky9Ur5AkxdThBVpl6aL8DU5UtWvUy9tGSVzZ/fB6Yu20NUmXqlfDB17PYavtsLQSAIAoJAEAQEgSAIzXtZRZs3DEw9zD532dDK1EPuc1dbqRcGF1OXzQdTL32SiamH2OcuX7J0M3Xbfe7sguhm6iHwufOWrMYx9fL5YOplxhD9TN1un7u2dQg3U6+Wb6PPnX2WpYuph8jnzisIN1MPoc+dr2RpYeoiPD539h6ii6mHyOeO3V47d3shCARBQBAIgoAgEASheS+raPOmUUz9SFvFfJN97rIRWKZugc9dbaVeGH4zddN97uyC+M3ULfC5y5csv5m66T53dkH8ZuoW+Nx5S5bfTN10n7uWMcRvpm66z13LoN6e/fTXTOyOVY5ITvw0kSlOJnbng+3ZnT9XupDOfAr3L9y8RL+MM5Xy6TW3zm/26nzD87XMsvxm6hb43HkF8ZupW+Bz5xPEZeKp3JEFQ9HZl9OJzu1Th79f3Dz83RJ6/P5QdM5/qfyhm2mRN7PyYo4/n0rEm/SSi33d/6Ojk6afrVUWc+509Rlqx6h1Ue7rjcxnF8Rvpm6Bzx27vXbu9kIQCIKAIBAEAUEgCEKHIAFm6ib73GUj0EzdcJ+72kq9eBsjGEzdVJ87uyBBYeoG+9zlS1bQmXrQfe7sggSdqRvgc+ctWeYw9WD63LWMIcFn6sH2uWsZ1IPM1CeTD6ZednYUep87ryBBY+oG+tz5BAkiU68nH0x9wqZY6H3u2O21c7cXgkAQBASBIAgIAkEQOgQxlKkH/e+5y4a1TD0APne1lXrxNobZTN1vnzu7IKYz9QD43OVLlqlMXQTE584uiKlMPUB/z523ZJnO1P32uWsZQ0xn6n773LUM6qYzdb997lpmWaYz9QD43HkFMZ2pB8DnzieI6Uzdb587uyCmM/UA+Nyx22vnbi8EgSAICAJBEBAEgiB0CGIxU/fT5y4bVjN1n33uaiv14m0IO5i6Xz53dkFsYeo++tzlS5btTF23z51dENuZegN87rwlKzxMXY/PXcsYYj9T1+tz1zKo28zUG+Fz1zLLspWpN9DnziuIbUzdB587nyA2MvVG+tzZBbGVqTfQ547dXjt3eyEIBEFAEAiCgCAQBKFDkJAydd0+d9kAU6+SL9R87up7WePbEOFm6qo+d3ZBws7UGXzu8iUrrExdMPnc2QUJK1Nn9LnzlqywM3VVn7uWMSTsTF3V565lUA87U1f1uWuZZYWdqTP43HkFCTtTZ/C58wkSdqau6nNnFyTsTJ3B547dXmy/IyAIBEFAEAQEgSCIyQoCpq72+ZkDTF1TPste1vg2Api6Sj67IGDqyj53+ZIFpq72+dkH9fSx1V/UYMoFnWmcSWeu+XgEgzb9s0kqv2XenpH8/uNrfHl/rs/PXrLA1NXytYwhYOpq+VoGdTB1tXwtsywwdWWfO68gYOrKPnc+QcDU1fLZBQFTV/a5Y7cX2+8ICAJBEBAEAUEgCGJy8b8AAwDjwCsuQaBHQwAAAABJRU5ErkJggg==");   background-position: 0 -140px;   left: 0;   top: 1px;}.rankingitem__star.rate_mark50:before{background-position: 0 -160px;}.rankingitem__star.rate_mark45:before{background-position: 0 -140px;}.rankingitem__star.rate_mark40:before{background-position: 0 -120px;}.rankingitem__star.rate_mark35:before{background-position: 0 -100px;}.rankingitem__star.rate_mark30:before{background-position: 0 -80px;}.rankingitem__star.rate_mark25:before{background-position: 0 -60px;}.rankingitem__star.rate_mark20:before{background-position: 0 -40px;}.rankingitem__star.rate_mark15:before{background-position: 0 -20px;}.rankingitem__star.rate_mark10:before{background-position: 0 0;}.commonFooter {   padding: 20px; } .commonFooter__outbound {     height: 12px; } .commonFooter__list {     text-align: center;     margin-bottom: 5px; } .commonFooter__item {     display: inline-block;     padding: 0 5px;     margin-bottom: 3px;     border: none; } .commonFooter__link {     color: #ccc;     text-decoration: none;     -webkit-transition: linear 0.2s;     transition: linear 0.2s; } .commonFooter__link:hover {       color: #fff;       text-decoration: none; } .commonFooter__company {     display: table;     color: #ccc;     margin: 0 auto 10px; } .commonFooter__content {     display: table-cell;     vertical-align: middle; } .commonFooter__content + .commonFooter__content {       padding-left: 10px; } .commonFooter__logo {     height: 34px; } .commonFooter__copy {     text-align: center;     color: #fff; }.commonFooter__content.headerlogo{position:absolute;top:20px;left:20px;z-index: 1;}body{    background: #F3F3F3;}body{font-family: ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,Lucida Grande,Meiryo,sans-serif;font-size: 14px;}.text-left{text-align: left; width: 1000px; margin: 0 auto;}.text-right{text-align: right; width: 1000px; margin: 0 auto;}.text-center{text-align: center; width: 1000px; margin: 0 auto;}body .mobilebr{display: none;}@media screen and (min-width: 0px) and (max-width: 800px) {.header-content-linklist{width: 100%;     box-sizing: border-box;     overflow: hidden;     -webkit-overflow-scrolling: touch;     overflow-x: scroll;     clear: both;     display: block;     height: 60px;}.header-content-linklist ul{display: inline-block;display: none;     width: 650px;     text-align: left;      position: relative;     right: 0px;     top: 0px;     vertical-align: top;     margin: 35px 0 0 130px;}.header-content-logo{width: 94px;     margin: 10px 0 0px 42px;}.header-content__btn{width: auto; margin: 0 auto; font-size: 16px; padding: 10px; max-width: 70%;}.logolink{display: inline-block;     vertical-align: top;     position: absolute;     left: -20px;     top: -10px; margin-left: 0px; }.htmlBoxMenuSdBtnWrapper{display: block; }#htmlBoxMenuSdBtn{display: block;     width: 28px;     height: 1px;     margin: -1px 0 0 -7px;     transition: .2s;     right: 23px;     position: absolute;     top: 30px;     background: transparent;     height: 27px;     border-top: 1px solid #fff;}.htmlBoxMenuSdBtnWrapper::before{content: "MENU";     position: absolute;     top: 11px;     right: 23px;     color: #fff;     font-size: 10px;}.spaceBottom #htmlBoxMenuSdBtn{border-top: 1px solid #000; ;top: 20px;}.spaceBottom #htmlBoxMenuSdBtn:before , .spaceBottom #htmlBoxMenuSdBtn:after{background: #000;}#htmlBoxMenuSdBtn:before{display: block;     content: "";     position: absolute;     width: 28px;     height: 1px;     background: #fff;     transition: .3s;     top: 17px;     left: 0px;}#htmlBoxMenuSdBtn:after{display: block;     content: "";     position: absolute;     width: 28px;     height: 1px;     background: #fff;     transition: .3s;     top: 8px;     left: 0px;}.htmlBoxMenuSd{display: none;     background: #00000045;     position: fixed;     width: 100%;     z-index: 101;     height: 100%;}.htmlBoxMenuSd .htmlBoxMenuSdInner{background: #fff;     position: absolute;     top: 0px;     right: -300px;     z-index: 100;     padding: 10px;     height: 100%;     width: 260px;     -webkit-animation: slide 0.3s forwards;     -webkit-animation-delay: 0.1s;     animation: slide 0.3s forwards;     animation-delay: 0.1s;}.htmlBoxMenuSd.open .htmlBoxMenuSdInner{}.htmlBoxMenuSd.open{display: block; z-index: 1000;}.htmlBoxMenuSd.close{display: none;      background: #fff;     position: fixed;     top: 0px;     right: 0px;     z-index: 100;     padding: 10px;     height: 100%;     width: 260px;}.htmlBoxMenuSdBk::after{font-size: 23px;     display: inline-block;     content: "×";     color: #333;     position: absolute;     top: 7px;     right: 15px;}.htmlBoxMenuSd ul{margin: 0;     text-align: right;     font-size: 11px;     line-height: 15px;     float: right;     width: 565px;     position: relative;     top: auto;     margin-top: 0px;     padding: 6px 0px;}.htmlBoxMenuSd ul li{margin: 0px 0px 0px 10px;     padding: 0;     display: block;}.htmlBoxMenuSd ul li a{color: #333;    font-size: 14px;     display: inline-block;     text-align: left;     width: 220px;     padding: 10px;     background-color: #fff;     margin: 0px 10px;     border-bottom: 1px solid #ddd;}.htmlBoxMenuSd .logo img{width: 71px;     margin: 13px 10px 28px 8px;}.footer-area{width: auto; margin: 0px 10px;}.footer-gnavi{display: block;}.footer-gnavi ul {    margin: 65px 20px 0 20px;     border-radius: 0px;     display: block;     overflow: hidden;padding: 0;}.footer-gnavi ul li{display: block;     padding: 0;     text-indent: 20px;     background: rgb(255 255 255 / 89%);     margin: 0;     border-bottom: 1px solid rgb(255 255 255);}.footer-gnavi ul li a{font-size: 14px;     color: #000;     position: relative;     padding: 10px 0;     display: block;    border-bottom: 1px solid rgb(234 234 234);}.footer-gnavi ul li a:after{content: " ";     width: 7px;     height: 7px;     border-top: 1px solid #636363;     border-right: 1px solid #636363;     -webkit-transform: rotate(135deg);     transform: rotate(45deg);     display: block;     position: absolute;     right: 14px;     top: 20px;     left: auto;}.htmlBoxBottonBotton .this-btn{display: none;}.htmlBoxBottonBotton .this-btn{font-size: 16px;     min-width: 250px;     width: auto;     display: inline-block;     background-color: #111;     color: #fff;     margin: 0px 15px;     padding: 7px 7px 7px 50px;     transition: .5s ease;     letter-spacing: 0.15em;     text-align: right;     height: auto;     border-radius: 74px;    box-shadow: 0 0 23px 0 rgb(255 255 255 / 20%);     border: 1px solid rgb(255 255 255 / 31%);}.fix-bottom-btn{position: fixed;     width: 100%;     bottom: 0px;     z-index: 101; display: block;padding: 0 0 15px 0;     text-align: center;}.fix-bottom-btn.close{            pointer-events: none;             opacity: 0;             transform: translateY(20px);             transition: all .2s ease-out;}.fix-bottom-btn.open{            pointer-events: auto;             opacity: 1;             transform: translateY(0);             transition: all .3s ease-out;}.htmlBoxBottonBotton .this-btn-tel{color: #fff;     position: relative;     display: inline-block;     border-bottom: 1px solid #757575;}.htmlBoxBottonBotton .this-btn-tel::after{content: " ";     background-repeat: no-repeat;     width: 20px;     height: 20px;     margin: 0 auto;     background: url(https://13gatsu-ryokan.com/assets/common/icon_phone.png) center 0px;     background-size: cover;     position: absolute;     display: block;     top: 5px;     left: -28px;-moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg);}.htmlBoxBottonBotton .this-btn-rsv{display: inline-block;     color: #000;     background: #BFBAAA;     padding: 10px 20px;     border-radius: 20px;     margin: 0 0 0 20px; font-size: 12px;}@-webkit-keyframes slide {     100% { right: 0; } }  @keyframes slide {     100% { right: 0; } }.footer-area {width: auto;margin: 0 20px;} .brand__link {     width: 149px;     display: block;     margin: 9px auto 10px auto; } .brand__link img {     width: 100%;     height: auto; }.commonFooter__content.headerlogo{position:absolute;top:20px;left:20px;}.text-left{width: auto; margin: 0 10px;}.text-right{width: auto; margin: 0 10px;}.text-center{width: auto; margin: 0 10px;}body .mobilebr{display: inline-block;}}