@charset "utf-8";
/*
Theme Name: anabuki_thema
Template: verbosa
*/

/*全体レイアウト*/
body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
}
.ff-go{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
}
.c-fff{
	color: #fff;
}
.text-center{
	text-align: center;
}
.m-0{
	margin: 0;
}
.mb-1{
	margin-bottom: 1em;
}
.mb-3{
	margin-bottom: 3em;
}
.pb-0{
	padding-bottom: 0 !important;
}
.pb-6{
	padding-bottom: 6em;
}
.pb-4{
	padding-bottom: 4em;
}
.main p.m-0{
	margin: 0;
}
.flex{
	display: flex;
}
.flex-center-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-child-50{
	width: 50%;
	padding: 0 20px;
}
.flex-child-33{
	width: 33.3%;
	padding: 0 20px;
}
.hotel-sec .flex-child-50:first-child{
	display: flex;
    justify-content: center;
    align-items: center;
}
.vir-mid{
	vertical-align: middle;
}
.text-cennter{
	text-align: center;
}
span.c-white {
    color: #fff;
}
nav#mobile-menu{
	top: -100%;
    left: 0;
}
nav#mobile-menu > div > ul > li > a:focus {
	outline: none;
}

section.js-section{
	position: relative;
}
.nowrap{
	display: inline-block;
}
.w-100{
	width: 100%;
}
.main .mojisage{
	text-indent: -1em;
    padding-left: 1em;
}
/*ページネーション*/
main > div.pagenation:not(#content-masonry){
	background-color: initial;
}
#section-under{
	text-align: center;
}
.pagenation{
	padding: 20px;
	position: fixed;
	bottom: 0;
	display: inline-block;
}
.pagenation a{
	display: none;
	height: 20px;
	width: 20px;
	position: relative;
}
.pagenation a:before{
	content: '';
	width: 22px;
	height: 22px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	left: -33px;
}
.hotel-section-under .pagenation a:before{
	border-top: solid 1px #AFAFAF;
	border-right: solid 1px #AFAFAF;
}
.pagenation a.active{
	display: none;
}
.pagenation a.active + a {
	display: block;
}
/*ページネーション*/

.blog section.js-section::after{
    bottom: 2%;
}
.home section.js-section::after{
	background: url('//alphabed-inn.jp/wp-content/uploads/wh_arrow_34x14.svg') no-repeat center;
    bottom: 2%;
}
.home section.js-section.top-hotel-list::after{
	content: none;
}
.home section.js-section.top-hotel-list#top-hotel-list03:after{
	content:'';
	background: url('//alphabed-inn.jp/wp-content/uploads/wh_arrow_34x14.svg') no-repeat center;
}
.home .pagenation a:nth-child(2):before{
    bottom: 5%;
	animation-name: topanime;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.5s;
}
@keyframes topanime{
    0% {
        transform: translate(0,0px) rotate(135deg);
    }

    100% {
        transform: translate(0,-15px) rotate(135deg);
    }
}
section.js-section:last-of-type:after{
	content:none;
}
#content {
    max-width: 100vw !important;
}
#container {
    background: #fff;
}
#content-masonry {
	margin-left: -0;
	margin-right: -0;
}
#container.two-columns-left .main {
    width: calc(100% - 300px) !important;
	min-height: 100vh;
}
aside#colophon {
    margin-top: 0;
}
.top-gray-filter{
    background-color: rgba(0,0,0,0.5);
}
.main #sidebar a {
	 font-family: 'Noto Serif JP';
    border: none;
    border-bottom: 1px solid #fff;
    padding: unset;
    width: auto;
    margin-top: 2em;
    text-align: center;
    display: inline-block;
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.open-p{
	font-family: 'Noto Serif JP';
    border: none;
    padding: unset;
    width: auto;
    margin-top: 2em;
    text-align: center;
    display: inline-block;
    color: #fff;
	font-size: 1.2em;
}
#site-wrapper .entry-header {
    margin: 0 0 10%;
    text-align: center;
}
.blog #site-wrapper .entry-header, .archive #site-wrapper .entry-header{
    margin: 0 0 1%;
}
article.hentry {
    padding-top: 0;
}
.page-id-36 article.hentry {
    padding-bottom: 0;
}
.entry-header h1 {
	 background: url('//alphabed-inn.jp/wp-content/uploads/border-bg.jpg')repeat-y;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    position:relative;
    width:286px;
    height:86px;
    padding-top:86px;
}
.entry-header h1 .entry-title {
    display: block;
    font-family: 'Roboto Condensed','Noto Serif JP', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
	line-height: 1.2;
}
.entry-header h1 .description {
    color: #3a3a3a;
	background:　 #fff;
    width: 100%;
    display: block;
    margin-bottom: 4px;
    padding: 8px 0 12px;
    font-family:  'Noto sun-serif', serif;
    position:relative;
	    line-height: 1;
}
.entry-header h1 .description::after {
    background: url(//alphabed-inn.jp/wp-content/uploads/2020/11/border-bg.svg)repeat-y;
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
}
 .footer-copy {/*copyright*/
    display: flex;
    position: absolute;
    bottom: 0.8em;
    font-size: 0.85em;
    width: calc(100% - 300px)  ;
}
.page-id-28 .footer-copy{
    width: 100% ;
}
.footer-copy .left-blank , .footer-copy .footer-nav{
    flex: 1;
}
.footer-copy .copyright{
    flex: 1;
	 font-family: 'Noto sun-serif';
    text-align: center;
}
.footer-copy .footer-nav ul {
    list-style-type: none;
    display: flex;
    margin-bottom: 0;
    justify-content: center;
}
.main .footer-nav ul li a{
	margin-top:0;
	border-bottom:0px;
	padding:0 2em;
	color:#3a3a3a;    
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.blog .main .footer-nav ul li:first-child a, .page-id-28 .main .footer-nav ul li:first-child a, .page-id-32 .main .footer-nav ul li:first-child a, .page-id-36 .main .footer-nav ul li:first-child a, .page-id-40 .main .footer-nav ul li:first-child a, .archive .main .footer-nav ul li:first-child a{
	margin-top:0;
	border-bottom:0px;
	border-right:1px solid #3a3a3a;
}
.main .footer-nav ul li a:hover{
    color:#c49968;
}
.entry-meta .icon-metas:before{	/*お知らせページのicon font*/
    font-family: 'icomoon' !important;
}
.entry-meta {
    text-align: left;
}
.two-columns-left .entry-meta time{
	color: #3a3a3a;
	font-size: 1.12em;
    line-height: 1;
}
.single .entry-meta {
    margin-bottom: 3.5em;
}
#access ul li a[aria-current="page"]{
	color: #c49968;
}
/*TOPページ*/
.home .entry-header {
    margin: 0 !important;
    text-align: center;
}
#site-wrapper{
	position: relative;
}
#topslider{
	position: fixed;
    z-index: -1;
	width: calc(100% - 300px) !important;
    height: 100vh;
}
.swiper-container {
    width: 100%;
    height: 100vh;
}
.swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.home #container{
	background-color: transparent;
}
.home article.hentry {
    padding: 0;
    margin: 0;
    color:#fff;
	background-color: transparent;
}
aside#tertiary {
    display: none;
}
.top-catch-copy-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Serif JP';
    font-size: 100%;
    font-weight: 500;
}
.top-catch-copy-lead {
    text-align: center;
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin-bottom: 0.8em;
}
.top-catch-copy-p{
	line-height: 2.2;
}
.main p.top-catch-copy-p {
    max-width: 550px;
    text-align: center;
	margin-bottom: 7%;
}
.main .top-catch-copy a {
    border: 1px solid #fff;
    width: 260px;
    padding: 0.6em;
    text-align: center;
    display: block;
    color: #fff;
	transition: 0.3s;
}
.main .top-catch-copy a:hover {
    border: 1px solid #fff;
    background: rgba(255,255,255,0.2);
    color: #fff;
}
section.top-hotel-list {
    height: auto;
}
.top-hotel-content {
    display: flex;
    border-top: 1px solid #fff;
}
.top-hotel-content a{
	color: #fff;
}
.top-hotel-text a{
	margin-top: 10px;
	border-bottom: solid 1px;
}
.top-hotel-content:nth-child(even) {
    flex-direction: row-reverse;
}
section.top-hotel-list:nth-child(even) .top-hotel-content:nth-child(odd) {
    flex-direction: row-reverse;
}
section.top-hotel-list:nth-child(even) .top-hotel-content:nth-child(even) {
    flex-direction: initial;
}
.top-hotel-content:last-child {
    border-bottom: 1px solid #fff;
}
.top-hotel-content img {
    width: 60%;
	object-fit: cover;
}
.top-hotel-text {
    width: 40%;
    display: flex;
    /*text-align-last: justify;*/
    text-align: justify;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
}
.home .main .top-hotel-text p{
    margin-bottom: 0px;
}
span.top-hotel-name {
    display: block;
    font-size: 34px;
    line-height: 1.4;
    letter-spacing: 0.08em;
    margin-bottom: 0.3em;
}
span.top-hotel-description{
    letter-spacing: 0.16em;
}
span.top-hotel-roman-text {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 0.9em;
}
.top-news h2{
	padding-top: 2em;
}
.top-news-list h2 {
    font-size: 16px;
    color: #fff;
    text-align: center;
}
section.top-news-list {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
span.news-list-title {
    font-size: 13px;
    letter-spacing: 0.1em;
}
ul.news-list-detail {
    width: 630px;
    margin: 30px auto;
    list-style: none;
}
.top-newslist-link{
	color: #fff;
    border-bottom: solid 1px;
    padding-top: 2%;
    display: inline-block;
}
ul.news-list-detail li {
    border-bottom: 1px solid #c8c8c8;
    text-align: left;
}
ul.news-list-detail li a {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    text-align: left;
    width: 100%;
    border: 0px;
    margin-top: 0; 
	color: #fff;
}
span.news-list-category-name {
    color: #180900;
    background: #fff;
    border-radius: 3px;
    display: inline-block;
    width: 120px;
    margin: 1em 0.5em 1em 2em;
    text-align: center;
    line-height: 1.2;
	font-size: 13px;
}
span.takamatsu {
    color: #6e4e50;
}
span.hakataekimae {
    color: #776a55;
}
span.otaru {
    color: #c49968;
}
span.all {
    color: #180900;
}
span.otaru {
    color: #c49968;
}
span.nahawest {
    color: #614622;
    letter-spacing: -0.1em;
}
span.nahaeast {
    color: #825747;
    letter-spacing: -0.1em;
}
span.nahawest {
    color: #614622;
    letter-spacing: -0.1em;
}
span.fukuokaohori {
    color: #544b45;
}
.top-gallery {
    display: flex;
    justify-content:space-between;
	 align-items:flex-start;
    margin: 0px auto;
	max-width: 630px;
}
.top-gallery > div{
	padding:0 1%;
}
.top-gallery a{
	border-bottom: none;
	display: inline-block;
    padding: 0.5rem 0;
    background: #fff;
	margin-bottom:5%;
}
.top-gallery picture:first-child{
	text-align: right;
	padding-right: 1em;
}
.top-gallery picture:last-child{
	text-align: left;
	padding-left: 1em;
}
.home .footer-copy {
    display: flex;
    position: absolute;
    bottom: 0.8em;
    width: 100%;
    font-size: 0.85em;
}
.home .main .footer-nav ul li a{
    color:#fff;
}
.home .main .footer-nav ul li a:hover{
    color:#c49968;
}
.main .footer-nav ul li:first-child a{
    border-right:1px solid #fff;
	line-height: 1.1;
}
.top-page-link {
    position: fixed;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 100;
}
ul#nav-in-toppage{
	list-style-type:none;
}
#nav-in-toppage li {
    border-left: 1px solid #fff;
    line-height: 4em;
    position: relative;
}
#nav-in-toppage li:last-child {
    border-left: none;
}
#nav-in-toppage li a {
    border-bottom: none;
}
#nav-in-toppage li::before  {
    content: '';
    opacity : 0;
    transition : all 300ms;
}
#nav-in-toppage li.current::before  {
    content: '';
    background: url(//alphabed-inn.jp/wp-content/uploads/2020/11/top-link-menu-active_8x8.svg)no-repeat;
    background-size: contain;
    width: 6px;
    height: 6px;
    position: absolute;
    left: -3px;
    opacity: 1;
}
#top-section{
	justify-content: flex-end;
    align-items: center;
    display: flex;
}
#top-copy {
    font-family: 'Noto Serif JP';
    padding-right: 7%;
    padding-bottom: 20%;
    line-height: 1.4;
    font-size: 2.2em;
}
/*左グローバルメニューバー*/
#sidebar {
    width: 300px;
	height: 100vh;
    padding: 2vw 3%;
    border-right: 1px solid #e0e1e1;
	text-align: center;
}
#sidebar-back{
	background-color: transparent !important;
}
.widget-container{
	margin: 0 0 1vw;
}
aside#tertiary .widget-container{
	margin: 0;
}
.identity {
    max-width: 182px;
}
nav#access {
    text-align: center;
	margin: 0 auto;
}
#access ul li{
	margin-bottom: 10%;
}
#access a {
    letter-spacing: 0.2em;
}
#access a span{
    display: inline-block;
	line-height: 1em;
	vertical-align: text-bottom;
	padding: 0;
}
#access a:hover span {
    padding-left: unset; 
}
#sidebar .widget-title:after{
	content:none;
}
.bookingform-head{
	font-family: 'Noto Serif JP';
	font-size: 14px;
	color: #000;
	text-align: center;
    font-weight: 500;
    letter-spacing: 0.2em;
}
.top-booking-form th{
	color: #000;
}
h3.widget-title {
    margin-left: unset;
    margin-bottom: 0.8em;
}
h3.widget-title span{
    color: #3c3c3c;
}
.top-booking-form{
	width: 80%;
    margin: 6px auto 0;
    font-size: 14px;
	position: absolute;
    bottom: 0;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.top-booking-form{
    color: #fff;
}
.top-booking-form select, input#check-in-date, input#datepicker, input#datepicker02 {
    border-radius: 0px;
    width:100%;
}

/*END色変え*/
.top-booking-form th {
    padding: 0.3em 0;
    text-align:left;
}
.top-booking-form th.label-th {
	font-size: 11px;
}
.top-booking-form td{
	background: #fff;
}
.ui-datepicker {
    width: 180px;
	}
input#datepicker,input#datepicker-mobile, input#datepicker02,input#datepicker-mobile02 {
/*	background: url(//alphabed-inn.jp/wp-content/uploads/calendar_36x36.svg)no-repeat; */
	background-position: 5px 12px;
    background-size: 11px 11px;
/*    padding: 8px 0 8px 20px; */
    padding:8px;
}
.top-booking-form button{
    border-radius: 0;
    background-color: #fff;
    color: #000;
    width: 100%;
    display: block;
    text-decoration: none;
    padding: 1em 0;
    z-index: 0;
    font-size: 1em;
	font-weight: 700;
	margin-top: 18px;
	margin-bottom: 1.6em;
}
.Btn{
    position: relative;
    display: flex;
    text-align: center;
}
.Btn-Text{
    width:100%;
    height: 100%;
    z-index:10;
    position: inherit;
    color:#fff;
}
.qa-menu ul li a .Btn-Text{
    color:#3a3a3a;
}
.qa-menu ul li a:hover .Btn-Text{
    color:#fff;
}
.Btn:before{
    content: '';
    position: absolute;
    top:0px;
    bottom: 0px;
    width:0;
    display: block;
    background:#96641e;
    z-index: 1;
    transition: 0.2s;
}
.top-booking-form button.Btn:before{
    background:#ddd;
}
.Btn:hover:before{
    width: 100%;
}
.top-booking-form i.icon-search {
    margin-right: 0.5em;
}
#header{
	position: relative;
    height: 100%;
}
#branding{
    height: 100%;
}
.dummy-form{
	width: 100%;
	position: absolute;
    bottom: 0;
}
#top-booking-form-flame{
	width: 100%;
}
.ui-datepicker{
	min-width: 180px;
}
/*コンセプト*/
article#post-24 {
    padding: 0;
    margin-bottom: 0;
}
.concept-content-text {
    width: 45%;
}
.concept-content-text h2 {    
    font-family: 'Noto Serif JP';
    font-size: 28px;
    line-height: 1.8em;
    position: relative;
    margin-bottom: 2em;
    white-space: nowrap;
	margin-top: -0.4em !important;
}
.concept-content-text .first-half {
    margin-bottom: 2em;
    display:block;
    position: absolute;
        top: -3.6em;
    line-height: 1.8;
}
.concept-content-text p {
    font-family: 'Noto Serif JP';
    display: block;
}
section.concept-01 .concept-content-text {
    margin-left: 90px;
}
section.concept-01 .concept-content-text p {
    width: 85%;
	line-height: 3;
}
section.concept-01,section.concept-03 {
    margin-bottom: 140px;
}
section.concept-02, section.concept-03 {
    padding-left: 90px;
    padding-right: 90px;
    margin-bottom: 130px;
    display: flex;
	align-items: flex-start;
}
section.concept-03{
    margin-top: 200px;
}
section.concept-02 img, section.concept-02 .concept-content-text {
    flex: 1;
    width: 50%;
}
section.concept-02 .concept-content-text {
    margin-left: 50px;
	position: relative;
}
#concept-image_01{
	width: 100%;
    max-width: 270px;
	margin-top: 10%;
}
.concept-03-img{
	width: 100%;
    max-width: 270px;
}
.concept-03-img img{
    margin-bottom: 10%;
}
section.concept-02 .concept-content-text .first-half {
    top: -3.6em;
}
section.concept-02 .concept-content-text h2{
    margin-top: 1em;
}
.lh-3{
    line-height: 3;
}
section.concept-03 .concept-content-text {
    margin-left: 6em;
}
section.concept-03 .concept-content-text .first-half {
    position: relative;
    top:unset;
}
section.concept-04 {
    display: flex;
    flex-wrap:wrap;
    position: relative;
}
section.concept-04 .concept-img-03 {
    width: 50%;
    margin-right: 90px;
    margin-left: auto;
    margin-bottom: 110px;
}
.concept-img-04 {
    position: relative;
}
.concept-img-04 img {
    display: block;
}
section.concept-04 .concept-content-text {
    position: absolute;
    top: 30px;
    left: 90px;
}
section.concept-04 .concept-content-text .first-half {
    top: -7.3em;
}

.page-id-24 .footer-copy {
    color: #fff;
    background-color: transparent !important;
}
.page-id-24 .main .footer-nav ul li:first-child a{
    border-right: 1px solid #fff;	
}
.page-id-24 .main .footer-nav ul li a{
    color: #fff;
}
.page-id-24 .main .footer-nav ul li a:hover{
    color:#c49968;
}
/*よくあるご質問*/
.qa-menu ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    font-size: 1.15em;
}
.qa-menu ul li {
    flex-grow: 1;
    border-right: 1px solid #e1e1e1;
}
.qa-menu ul li:nth-child(2){
    text-align: center;
}
.qa-menu ul li:last-child{
    text-align: right;
    border-right: 0px;
}
.qa-menu ul li a{
    color: #3a3a3a;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin-top: 0px;
		position: relative;
}
section.q-and-a {
    margin-top: 50px;
}
.qa-list {
    border-top: 1px solid #e1e1e1;
}
.qa-list dt {
    font-weight: normal;
    font-size: 1.15em;
    padding: 1.4em 40px 1em;
    position: relative;
    display: flex;
    justify-content: space-between;
    cursor: pointer; 
    transition: .3s;
}
.qa-list dt::before {
    content: '';
    background: url('//alphabed-inn.jp/wp-content/uploads/2020/11/icon-question.svg')no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    position:absolute;
    top:1.4em;
    left:0px;
}
.qa-list dt.open {
    position: relative;
    border-bottom:0px;
}
.qa-list dt .icon-ctrl:before {
    font-size: 1.2em;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    
}
.qa-list dt.open .icon-ctrl:before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.qa-list dt .split,.blog-list-text h2.entry-title a .split{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.qa-list dt:hover .split, .blog-list-text h2.entry-title a:hover .split, a:hover .split{
    color: #c49968;    
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.qa-list dt:hover .split .sliceTxt1, #access .menu-item a:hover span.sliceTxt1, a:hover .sliceTxt1 {
	transition: initial;
    -webkit-transition-delay: .0s;
    transition-delay: .0s;
}
.qa-list dt:hover .split .sliceTxt2, #access .menu-item a:hover span.sliceTxt2, a:hover .sliceTxt2 {
	transition: initial;
    -webkit-transition-delay: .02s;
    transition-delay: .02s;
}
.qa-list dt:hover .split .sliceTxt3, #access .menu-item a:hover span.sliceTxt3, a:hover .sliceTxt3 {
	transition: initial;
    -webkit-transition-delay: .04s;
    transition-delay: .04s;
}
.qa-list dt:hover .split .sliceTxt4, #access .menu-item a:hover span.sliceTxt4, a:hover .sliceTxt4 {
	transition: initial;
    -webkit-transition-delay: .06s;
    transition-delay: .06s;
}
.qa-list dt:hover .split .sliceTxt5, #access .menu-item a:hover span.sliceTxt5, a:hover .sliceTxt5 {
	transition: initial;
    -webkit-transition-delay: .08s;
    transition-delay: .08s;
}
.qa-list dt:hover .split .sliceTxt6, #access .menu-item a:hover span.sliceTxt6, a:hover .sliceTxt6 {
	transition: initial;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
.qa-list dt:hover .split .sliceTxt7, #access .menu-item a:hover span.sliceTxt7, a:hover .sliceTxt7 {
	transition: initial;
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
}
.qa-list dt:hover .split .sliceTxt8, #access .menu-item a:hover span.sliceTxt8, a:hover .sliceTxt8{
	transition: initial;
    -webkit-transition-delay: .14s;
    transition-delay: .14s;
}
.qa-list dt:hover .split .sliceTxt9, #access .menu-item a:hover span.sliceTxt9, a:hover .sliceTxt9 {
    -webkit-transition-delay: .16s;
    transition-delay: .16s;
}
.qa-list dt:hover .split .sliceTxt10, #access .menu-item a:hover span.sliceTxt10, a:hover .sliceTxt10 {
    -webkit-transition-delay: .18s;
    transition-delay: .18s;
}
.qa-list dt:hover .split .sliceTxt11, a:hover .sliceTxt11 {
    -webkit-transition-delay: .20s;
    transition-delay: .20s;
}
.qa-list dt:hover .split .sliceTxt12, a:hover .sliceTxt12 {
    -webkit-transition-delay: .22s;
    transition-delay: .22s;
}
.qa-list dt:hover .split .sliceTxt13, a:hover .sliceTxt13 {
    -webkit-transition-delay: .24s;
    transition-delay: .24s;
}
.qa-list dt:hover .split .sliceTxt14, a:hover .sliceTxt14 {
    -webkit-transition-delay: .26s;
    transition-delay: .26s;
}
.qa-list dt:hover .split .sliceTxt15, a:hover .sliceTxt15 {
    -webkit-transition-delay: .28s;
    transition-delay: .28s;
}
.qa-list dt:hover .split .sliceTxt16, a:hover .sliceTxt16 {
    -webkit-transition-delay: .30s;
    transition-delay: .30s;
}
.qa-list dt:hover .split .sliceTxt17, a:hover .sliceTxt17 {
    -webkit-transition-delay: .32s;
    transition-delay: .32s;
}
.qa-list dt:hover .split .sliceTxt18, a:hover .sliceTxt18 {
    -webkit-transition-delay: .34s;
    transition-delay: .34s;
}
.qa-list dt:hover .split .sliceTxt19, a:hover .sliceTxt19 {
    -webkit-transition-delay: .36s;
    transition-delay: .36s;
}
.qa-list dt:hover .split .sliceTxt20, a:hover .sliceTxt20 {
    -webkit-transition-delay: .38s;
    transition-delay: .38s;
}
.qa-list dt:hover .split .sliceTxt21, a:hover .sliceTxt21 {
    -webkit-transition-delay: .40s;
    transition-delay: .40s;
}
.qa-list dt:hover .split .sliceTxt22, a:hover .sliceTxt22 {
    -webkit-transition-delay: .42s;
    transition-delay: .42s;
}
.qa-list dt:hover .split .sliceTxt23, a:hover .sliceTxt23 {
    -webkit-transition-delay: .44s;
    transition-delay: .44s;
}
.qa-list dt:hover .split .sliceTxt24, a:hover .sliceTxt24 {
    -webkit-transition-delay: .46s;
    transition-delay: .46s;
}
.qa-list dt:hover .split .sliceTxt25, a:hover .sliceTxt25 {
    -webkit-transition-delay: .48s;
    transition-delay: .48s;
}
.qa-list dt:hover .split .sliceTxt26, a:hover .sliceTxt26 {
    -webkit-transition-delay: .50s;
    transition-delay: .50s;
}
.qa-list dt:hover .split .sliceTxt27, a:hover .sliceTxt27 {
    -webkit-transition-delay: .52s;
    transition-delay: .52s;
}
.qa-list dt:hover .split .sliceTxt28, a:hover .sliceTxt28 {
    -webkit-transition-delay: .54s;
    transition-delay: .54s;
}
.qa-list dt:hover .split .sliceTxt29, a:hover .sliceTxt29 {
    -webkit-transition-delay: .56s;
    transition-delay: .56s;
}
.qa-list dt:hover .split .sliceTxt30, a:hover .sliceTxt30 {
    -webkit-transition-delay: .58s;
    transition-delay: .58s;
}
.qa-list dt:hover .split .sliceTxt31, a:hover .sliceTxt31 {
    -webkit-transition-delay: .60s;
    transition-delay: .60s;
}
.qa-list dt:hover .split .sliceTxt32, a:hover .sliceTxt32 {
    -webkit-transition-delay: .62s;
    transition-delay: .62s;
}
.qa-list dt:hover .split .sliceTxt33, a:hover .sliceTxt33 {
    -webkit-transition-delay: .64s;
    transition-delay: .64s;
}
.qa-list dt:hover .split .sliceTxt34, a:hover .sliceTxt34 {
    -webkit-transition-delay: .66s;
    transition-delay: .66s;
}
.qa-list dt:hover .split .sliceTxt35, a:hover .sliceTxt35 {
    -webkit-transition-delay: .68s;
    transition-delay: .68s;
}
.qa-list dt:hover .split .sliceTxt36, a:hover .sliceTxt36 {
    -webkit-transition-delay: .70s;
    transition-delay: .70s;
}
.qa-list dt:hover .split .sliceTxt37, a:hover .sliceTxt37 {
    -webkit-transition-delay: .72s;
    transition-delay: .72s;
}
.qa-list dt:hover .split .sliceTxt38, a:hover .sliceTxt38 {
    -webkit-transition-delay: .74s;
    transition-delay: .74s;
}
.qa-list dt:hover .split .sliceTxt39, a:hover .sliceTxt39 {
    -webkit-transition-delay: .76s;
    transition-delay: .76s;
}
.qa-list dt:hover .split .sliceTxt40, a:hover .sliceTxt40 {
    -webkit-transition-delay: .78s;
    transition-delay: .78s;
}
.qa-list dd {
    position: relative;
    display: none;
    margin-bottom: 0 !important;
    padding: 1.6em 0;
}
.qa-list dd.open {
    position: relative;
    display: block;
    padding: 1.6em 0;
}
.qa-list dd span.answer-text{
    position: relative;	
    display: inline-block;
    padding-left: 40px;
}
.qa-list dd span.answer-text::before {
    content: '';
    background: url('//alphabed-inn.jp/wp-content/uploads/icon-answer.svg')no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    position:absolute;
    top:0%;
    left:0px;
}
.qa-list dd span.bottom-space {
    display: block;
    height: 25px;
}
/*ホテル一覧*/
.hoteltext01{
	font-size: 18px;
	margin-bottom: 4px !important;
    letter-spacing: 0.05em;
    line-height: 1;
}
.entry-content h1.hoteltext02{
	font-size: 35px;
    font-weight: 500;
	margin-top: 0 !important;
	margin-bottom: 4px !important;
	letter-spacing: 0.15em;
}
.hoteltext03{
    letter-spacing: 0.05em;
	margin-bottom: 1.5vh !important
}
.hoteltext04{
	margin-bottom: 1.5vh !important;
}
.main table.hotellist-table{
	width: 100%;
	margin: 0 0 1.5vh 0;
}
.hotellist-table th{
	background-color: #AFAFAF;
	color: #fff;
	margin-bottom: 10px;
    display: inline-block;
	width: 100%;
	min-width: 100px;
}
.hotellist-table tr th, .hotellist-table tr td{
    padding: .2em 1em;
	font-weight: 500;
}
.hotellist-table tr td a{
	color: #3a3a3a;
}
.flex-child-50 .hotellist-table:last-child tr td{
    padding: .2em 0;
}
.spaceBetween {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
article#post-28{
	margin-bottom: 0;
	padding-bottom: 0;
}
.page-id-28 main{
	position: relative;
}
.hotel-sec .flex-child-50 .hotellist-table:last-child tr td:first-child{
    padding-right: 6px;
	width: 50%;
}
.hotel-sec .flex-child-50 .hotellist-table:last-child tr td:last-child{
    padding-left: 6px;
}
.entry-header#entry-header-hotel{
	margin: 0 0 50px !important;
}
.hoteltext05{
	display: inline-block !important;
    width: 100% !important;
    background-color: #C49968;
    padding: 1.4vh 0 !important;
	font-weight: 700;
	margin-top: 0 !important;
}
/*.hotellist-table tr td:first-child .hoteltext05 span:after{
	content:'';
	width:14px;
	height:14px;
	background-image: url('//alphabed-inn.jp/wp-content/uploads/hotel04_14x14.svg');
	display: inline-block;
    vertical-align: middle;
    margin-left: 0.5em;
	z-index: 10;
}*/
/*お知らせ一覧*/

.blog-wrapper{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
}
.blog .js-section:first-child .blog-wrapper{
    top: 53%;
}
.blog .entry-header h1, .archive .entry-header h1{
    margin-top: 0;
}
.blog .entry-header, .archive .entry-header {
    margin-bottom: 60px;
}
.blog #content-masonry article.hentry, .archive #content-masonry article.hentry {
    box-shadow:unset;
    padding: 3% 0 0;
    margin-bottom: 0;
	background: transparent;
}
.blog-list-content {
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 3%;
/*    max-width: 745px;*/
    margin: auto;
}
.blog-list-img {
    width: 120px;
    height: 120px;
}
.blog-list-img a {
    margin-top: 0;
}
.blog-eyecatch {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center center; 
}
.blog-list-text {
    margin-left: 4.3em;
}
.blog-list-text .entry-meta {
    text-align: left;
}
.blog-list-text .entry-meta time {
    color: #3a3a3a;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 1.12em;
}
.verbosa-elementshadow article.hentry, .verbosa-elementshadow .pad-container, .verbosa-elementshadow #sidebar-bg, .verbosa-elementshadow .page-numbers:not(.dots) {
    box-shadow: none;
}
.entry-meta span.bl_categ {
    padding: 0.25em 0.8em;
    color: #fff;
    background: #180900;
    font-size: 0.9em;
    width: 120px;
    line-height: 1.0;
    border-radius: 3px;
	display: inline-block;
}
.entry-meta a {
    background-image: none !important;
	margin-top: 0;
}
.entry-meta span.bl_categ{
	transition: 0.5s;
}
.entry-meta span.bl_categ.takamatsu {
    background: #6e4e50;
	color: #fff;
}
.entry-meta span.bl_categ.takamatsu:hover {
	background: #fff;
    color: #6e4e50;
	border: solid 1px #6e4e50;
}
.entry-meta span.bl_categ.hakataekimae {
    background: #776a55;
	color: #fff;
}
.entry-meta span.bl_categ.hakataekimae:hover {
	background: #fff;
    color: #776a55;
	border: solid 1px #776a55;
}
.entry-meta span.bl_categ.otaru {
    background: #c49968;
	color: #fff;
}
.entry-meta span.bl_categ.otaru:hover {
	background: #fff;
    color: #c49968;
	border: solid 1px #c49968;
}
.entry-meta span.bl_categ.nahawest {
    background: #614622;
	color: #fff;
	letter-spacing: -0.1em;
}
.entry-meta span.bl_categ.nahawest:hover {
	background: #fff;
    color: #614622;
	border: solid 1px #614622;
}
.entry-meta span.bl_categ.nahaeast {
    background: #825747;
	color: #fff;
	letter-spacing: -0.1em;
}
.entry-meta span.bl_categ.nahaeast:hover {
	background: #fff;
    color: #825747;
	border: solid 1px #825747;
}
.entry-meta span.bl_categ.fukuokaohori {
    background: #544b45;
	color: #fff;
}
.entry-meta span.bl_categ.fukuokaohori:hover {
	background: #fff;
    color: #544b45;
	border: solid 1px #544b45;
}
.entry-meta span.bl_categ.sapporo {
    background: #9f7245;
	color: #fff;
}
.entry-meta span.bl_categ.sapporo:hover {
	background: #fff;
    color: #9f7245;
	border: solid 1px #9f7245;
}
.entry-meta span.bl_categ.all {
    background: #180900;
	color: #fff;
}
.entry-meta span.bl_categ.all:hover {
	background: #fff;
    color: #180900;
	border: solid 1px #180900;
}
.blog-list-text h2.entry-title {
    font-size: 1.15em;
    text-align: left;
}
.blog-list-text h2.entry-title a{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin-top: 0;
    line-height: 2;
    background: none;
    text-align: left;
}
.blog-header-space {
    height: 12%;
}
.blog section.sp-bloghead, .archive section.sp-bloghead{
	padding-bottom: 40px;
}
nav.navigation.pagination {
    position: absolute;
    bottom: 50px;
    left: 50%;    
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
a.page-numbers {
    margin-top: 0;
    width: 2.2em;
    color: #3a3a3a;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
a.page-numbers:hover {
    color: #c49968;
}
#hotel-sec1, #hotel-sec2, #hotel-sec3, #hotel-sec4, #hotel-sec5, #hotel-sec6, #hotel-sec7{
	position: relative;
	overflow: hidden;
}
#hotel-sec1 > .container, #hotel-sec2 > .container, #hotel-sec3 > .container, #hotel-sec4 > .container, #hotel-sec5 > .container, #hotel-sec6 > .container, #hotel-sec7 > .container{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: inline-block;
    width: 100%;
}
/*サイトマップ*/
#sitemap-ul01, #sitemap-ul02{
	text-align: center;
	list-style: none;
	margin-left: 0;
}
#sitemap-ul01{
	margin-bottom: 5%;
	font-size: 110%;
}
#sitemap-ul01 li a, #sitemap-ul02 li a{
	padding: 2% 0;
	display: inline-block;
	color: #3a3a3a;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
#sitemap-ul01 li a:hover, #sitemap-ul02 li a:hover{
	color: #c49968;
}
#sitemap-ul01 li:first-child a{
	padding-top: 0;
 }
#sitemap-ul02{
	font-size: 85%;
}
/*お知らせ　個別ページ*/
.top-eyecatch {
    text-align: center;
}
header.blog-header {
    margin: 3em 0 1em;
}
header.blog-header .entry-title{
	text-align: left;
	font-size: 150%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.single .entry-header h1{
    margin-top:0;
}
.single .main a span {
    color: #3a3a3a;
}
.single article.hentry{
    box-shadow: none;
}
.verbosa-responsive-featured .main a.responsive-featured-image{
    display: inline;
}
#nav-below{
	margin-top: 6em;
}
.nav-listlink{
	text-align: center;
	margin-bottom: 6em;
}
#nav-below .nav-previous a{
	padding: 1.5em 2em .5em .8em;
}
#nav-below .nav-next a{
	padding: 1.5em .8em .5em 2em;
}
#nav-below > div:before{
	content: none;
}
#nav-below a {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin-top: 0;
}
#nav-below .nav-previous a {
    text-align: left;
}
.single main {
    min-height: 100vh;
}
/*プライバシーポリシー*/
.privacy-div{
	margin-top: 3em;
}
.privacy-div a{
	color:#3a3a3a;
    text-decoration:none;
}
.privacy-div h1{
	color: #c49968;
	font-size: 1.3em;
}
/*お問い合わせ*/
#contact-form{
    margin: 0 0 5%;
}
.contactform{
	width: 100%;
	max-width: 720px!important;
	margin: 0 auto !important;
}
.contactform tr td, .contactform tr th{
	padding: 1em;
}
.contactform tr{
	border-bottom: solid 1px #E1E1E1;
}
.contactform tr th{
	font-weight: 400;
	padding: 1em;
	min-width: 160px;
	min-height: 72px;
}
.contactform tr td {
    border-top: none;
}
.contactform textarea, .contactform input[type="text"], .contactform input[type="tel"], .contactform input[type="email"], .contactform select{
    border-radius: 0;
		width: 100%;
}
input[type="submit"].wpcf7-submit, input[type="submit"].wpcf7-confirm, input[type="button"].wpcf7c-btn-back{
	-webkit-appearance: none;
	border-radius: 0;
	color: #fff;
	width: 100%;
	display: inline-block;
	text-decoration: none;
	padding: 1em 0;
	font-size: 1em;
	font-weight: 700;
}
input[type="submit"].wpcf7-confirm{
	max-width: 400px;
	background: #c49968;
}
input[type="submit"].wpcf7-submit{
	max-width: 200px;
	background: #c49968;
}
input[type="submit"].wpcf7-confirm:hover, input[type="submit"].wpcf7-submit:hover{
	background: #96641e;
}
input[type="button"].wpcf7c-btn-back{
	max-width: 200px;
	background: #999999;
	margin-right: 20px;
}
input[type="button"].wpcf7c-btn-back:hover{
	background: #3a3a3a;
}
.wpcf7c-conf {
    background-color: #fff;
    color: black;
    border: 1px solid #333333;
}
#sousin-text{
	text-align: center;
	margin-top: 30px;
}
.essential{
	color: #C49968;
}
.contactform tr:last-child{
	border-bottom: none;
}
/*メデイアクエリ　 1024でハンバーガーメニューになる*/
@media (max-width: 1024px){
#mobile-menu ul li a{
	font-size: 140%;
}
.top-hotel-content {
    /*height: 33.3%;*/
}
/*下メニュー*/
aside#tertiary {
	display: none;
    /*display: block;
    position: fixed;
    z-index: 1;
    max-width: 100%;
    width: 100%;
    background: rgba(0,0,0,0.75);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	bottom: 0;
	height: 80px;*/
}
aside#tertiary.show-form {
    top: calc(100vh - 460px);
}
section#custom_html-3 {
    text-align: center;
    height: unset;
    color: #fff;
    font-size: 15px;
    position: relative;
}
section#custom_html-3::before {
    content: '';
    width: 100px;
    height: 3px;
    background: #fff;
    display: block;
    margin: 7px auto 10px;
}
h3.widget-title {
    text-align: center;
    width: 80%;
    display: block;
    margin: 0 auto 15px;
}
h3.widget-title span {
    margin: auto;
    color: #fff;
    background: #c49968;
    font-size: 17px;
    float: none;
    width: 100%;
    padding: 0.2em;
}
input#datepicker-mobile {
    background: url(//alphabed-inn.jp/wp-content/uploads/calendar_36x36.svg)no-repeat #fff;
    background-position: 15px 12px;
    background-size: 15px 15px;
    padding-left: 3.0em;
}
.ui-datepicker {
    width: calc(80% - 64px) !important;
	}
/*ロゴ　左メニュー*/
.identity {
    max-width: 100%;
}
.home #container.two-columns-left #sidebar, #container.two-columns-left #sidebar {
    height: unset;
    position: relative;
    padding: 16px 10px;
    margin-bottom: 0;
	float: none;
	position: fixed;
	z-index: 10;
}
#nav-toggle {
    display: block;
    position: absolute;
    right: 15px;    
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#nav-toggle span:before {
    content: '';
    background: url(//alphabed-inn.jp/wp-content/uploads/mobile-menubar.svg)no-repeat;
    background-size: contain;
    position: absolute;
    top:5px;
    right:4px;
    width: 27px;
    height: 21px;
}
.page-template-template-hotel-top #nav-toggle span:before, .parent-pageid-395 #nav-toggle span:before {
    background: url(//alphabed-inn.jp/wp-content/uploads/mobile-menubar-wh.svg)no-repeat;
    background-size: contain;
}
.page-template-template-hotel-top #mobile-menu .icon-cross:before, .parent-pageid-395 #mobile-menu .icon-cross:before, .sapporo-child #mobile-menu .icon-cross:before, .naha-west #mobile-menu .icon-cross:before, .naha-west-child #mobile-menu .icon-cross:before, .naha-east #mobile-menu .icon-cross:before, .naha-east-child #mobile-menu .icon-cross:before{
    background: url(//alphabed-inn.jp/wp-content/uploads/cross-wh.svg)no-repeat;
    background-size: contain;
}
.page-template-template-hotel-top #mobile-menu ul#mobile-nav-02 li a, .parent-pageid-395 #mobile-menu ul#mobile-nav-02 li a {
    color: #fff;
}
button#nav-toggle:focus, button#nav-cancel:focus {
    outline: none;
}
aside#primary {
    display: none;
}
nav#mobile-menu ul li {
    text-align: center;
	padding: 2% 0;
}
#mobile-menu .icon-cross:before {
    content: '';
	background: no-repeat url(//alphabed-inn.jp/wp-content/uploads/cross.svg);
	width: 20px;
	height: 20px;
	background-size: contain;
}
#mobile-menu-copy{
	text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
}
#mobile-menu > div {
    margin: 4vh auto 1em;
}
#mobile-menu > div#mobile-menu-logo{
	margin: 16px;
    text-align: center;
	max-width: 100%;
}
nav#mobile-menu ul#mobile-nav-02 li {
    padding: 0;
}
#mobile-menu ul#mobile-nav-02 li a {
    font-size: 115%;
}
#mobile-menu #nav-cancel{
	top: 0;
	right: 7px;
	left: initial;
	color: #c49968;
}
/*トップページ*/
.home .footer-copy {
    bottom: calc(0.8em + 90px);
}
#topslider, .swiper-container {
    width: 100% !important;
	height: calc(100vh - 50px);
}
.top-gallery{
	justify-content: center;
}
.top-gallery picture:first-child{
	text-align: center;
	padding-right: 0;
}
.top-gallery picture:last-child{
	text-align: center;
	padding-left: 0;
	
}
/*全体レイアウト*/
section#top-section {
    height: calc(100vh - 150px);
}
#container.two-columns-left .main {
    width: 100% !important;
	 margin-bottom:0px !important;
}
 .footer-copy {
    width: 100%;
}
.entry-header h1{
	width: 100%;
    background-size: 100%;
	height: 50px;
    padding-top: 50px;
}
.entry-header h1 .entry-title{
	width: 100%;
}
.entry-header br{
	display: none;
}
.entry-header h1 .description{
	padding: 0.4em;
}
.entry-header h1 .description::after{
	background-size: 100%;
	z-index: 1;
}
/*よくある質問*/
.qa-list dt{
    padding-right: 20px;
}
/*コンセプト*/
.concept-content-text {
    width: 60%;
}
section.concept-02 img, section.concept-02 .concept-content-text {
    width: 40%;
}
section.concept-01 .concept-content-text {
    margin-left: 40px;
}
section.concept-02, section.concept-03 {
    padding-left: 40px;
    padding-right: 40px;
}
section.concept-02 .concept-content-text {
    margin-left: 20px;
}
.concept-content-text h2 {
    font-size: 25px;
}
}

@media (max-width: 768px){
#site-wrapper .entry-header {
    margin: 0 0 0;
}
.page-id-40 .main article.hentry{
	padding: 0;
}
#sitemap-ul01{
	margin-top: 50px;
}
.cryout #container #main{
	/*padding-top: 52px;*/
}
.entry-header h1 {
    height: 35px;
    padding-top: 35px;
}
.main article.hentry {
    padding-left: 0;
    padding-right: 0;
}
/*トップページ*/
.swiper-slide{
	background-position: 50% 100%;
}
.top-page-link {
    right: 10px;
}
.main p {
    text-indent: 0em;
    margin-left: 20px;
    margin-right: 20px;
}
span.top-hotel-name {
    font-size: 24px;
}
ul.news-list-detail {
    width: unset;
    margin: 30px 20px;
}
.top-catch-copy-lead{
	font-size: 1.5em;
}
/*共通*/
img.custom-logo {
    width: 156px;
}
#nav-toggle {
    right: 0px;
}
/*フッタ*/
.footer-copy {
    flex-direction: column-reverse;
}
.footer-copy .footer-nav {
    margin-bottom: 0.5em;
	display: none;
}
/*よくある質問*/
.qa-list dt{
    padding-right: 10px;
}
/*ホテル一覧*/
.hotel-sec .flex{
	justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.main article.hentry#post-28, .privacy-policy .main article.hentry {
    padding-left: 0;
    padding-right: 0;
}
.hotel-sec:not(:first-child) {
    margin-top: 30px;
}
.hotel-sec .flex .flex-child-50:last-child{
	width: 80%;
}
.entry-header#entry-header-hotel {
    margin: 0 0 30px !important;
}
.hotel-name{
	display: flex;
    justify-content: space-between;
	align-items: center;
	margin: 0.4rem 0 0;
}
.hotel-sec .hoteltext04 {
    margin-bottom: 0.5rem !important;
	margin-left: 0;
    margin-right: 0;
	line-height: 1.6;
}
.hotel-sec .hotellist-table {
    margin: 0;
}
.hoteltext03{
	margin: 0;
    margin-bottom: 0 !important;
	font-size: 8px;
	text-align: right;
	margin-right: 0 !important;
}
.hotellist-table tr td:first-child {
    padding-left: 0;
}
.hotellist-table tr td:last-child {
    padding-right: 0;
}
/*Q&A*/
section.q-and-a {
    margin-top: 20px;
}
.qa-menu, .q-and-a{
	padding: 0 20px;
}
.qa-menu{
	margin-top: 20px;
}
/*お問い合わせ*/
#contact-form .contactform{
	width: 80%;
    margin-top: 40px !important;
}
/*プライバシーポリシー*/
.privacy-div h1{
	margin-left: 20px;
    margin-right: 20px;
}
.privacy-policy-content{
    margin-top: 30px;
}
}
@media (max-width: 1024px) and (min-width: 769px){
#site-wrapper .entry-header {
    margin-top: 55px;
}
}
@media (min-width: 768px){
.sp-none{
	display: block;
}
.pc-none{
	display: none;
}
}
@media (max-width: 767px){
.entry-header h1 .entry-title{
	font-size: 15px;
}
.entry-header h1 .entry-title img{
	max-width: 100px;
}
.main article.hentry{
	padding-left: 0;
    padding-right: 0;
}
.single .main article.hentry{
	padding-left: 30px;
    padding-right: 30px;
}
.single .entry-meta {
    margin-bottom: 0;
    margin-top: 30px;
}
.sp-none{
	display: none !important;
}
.pc-none{
	display: block;
}
#top-copy {
    padding-bottom: 70%;
	font-size: 1.5em;
    line-height: 1.6;
}
.main .top-catch-copy a {
    width: 230px;
    padding: 1em;
}
span.news-list-date{
	font-size: 12px;
}
span.news-list-category-name {
    width: 100px;
	border-radius: 2px;
	font-size: 11px;
}
ul.news-list-detail li{
	margin-bottom: 8px;
}
.entry-header h1 .description {
    font-size: 0.9rem;
	padding: 5px 0 7px;
}
.top-catch-copy-text{
	padding-bottom: 60px;
}
section.js-section#hotel-sec1{
	padding-top: 0;
	margin-top: 0;
}
#hotel-sec1 > .container{
	top: 49%;
}
section.js-section::after {
    bottom: 5%;
}
section.js-section#hotel-sec1.hotel-sec::after, section.js-section#top-section::after {
    bottom: 20%;
}
.top-hotel-content img {
    width: 54%;
}
.top-hotel-text {
    width: 46%;
}
span.top-hotel-name {
    font-size: 20px;
	margin: 0;
}
.open-p{
	margin-top: 1em;
	font-size: 0.8em;
}
.top-gallery{
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
}
.top-gallery a{
	margin-top: 0;
    padding: 0;
    display: initial;
}
.top-gallery img{
	width: 60%;
	margin-bottom: 5%;
}
span.news-list-title{
	display: block;
	margin-bottom: 10px;
    margin-top: 8px;
}
span.news-list-category-name{
	margin: 1em 0 0 1em;
}

.main .sp-yoyaku tr td{
	padding: 0em;
}
/*コンセプト*/
section.concept-01 .concept-content-text {
    margin-left: 20px;
}
.concept-content-text h2{
	font-size: 15px;
	margin-top: -4px !important;
	white-space: initial;
	margin-bottom: 1em;
}
section.concept-01{
    margin-bottom: 70px;
}
section.concept-02{
	padding-left: 0;
	padding-right: 15px;
	margin-bottom: 30px;
}
section.concept-02 .concept-content-text .first-half {
    position: initial;
	margin: 0;
}
.concept-content-text {
    width: 100%;
}
section.concept-01 .concept-content-text p{
	margin: 0;
	line-height: 2.4;
}
section.concept-02 .concept-content-text p{
	margin-bottom: 40px;
	line-height: 2.4;
}
section.concept-03 .concept-content-text p{
	line-height: 2.4;
}
.concept-content-text .first-half {
    top: -4em;
}
section.concept-02 img{
	max-width: 40%;
}
.concept-content-text p {
	margin-right: 0;
    margin-left: 0;
	line-height: 2;
}
section.concept-03 {
    margin-top: 0;
	padding-left: 20px;
    padding-right: 20px;
	margin-bottom: 80px;
}
section.concept-03 p{
    margin-bottom: 30px;
}
section.concept-03 .concept-content-text {
    margin-left: 0;
}
/*ホテル一覧*/
.hotel-sec {
    margin-top: 15px;
}
.hotel-sec .flex .flex-child-50:last-child {
    width: 93%;
}
.entry-content h1.hoteltext02{
	font-size: 20px;
	line-height: 1.3;
}
.hotel-name .hoteltext01 {
    font-size: 10px;
	margin-left: 0;
}
.hotel-sec .flex .flex-child-50:first-child {
    width: 46%;
	margin-bottom: 1%;
}
.hotellist-table th{
	margin-bottom: 4px;
	width: 86px;
}
.hotellist-table td{
	width: 100%;
}
.hoteltext05{
	padding: 1em 0 !important;
}
.hotel-name > div{
	text-align: left;
}
#hotel-sec2 > .container, #hotel-sec3 > .container, #hotel-sec4 > .container, #hotel-sec5 > .container, #hotel-sec6 > .container, #hotel-sec7 > .container{
	top: 50%;
}
/*お知らせ*/
.blog-list-content{
	padding-bottom: 0;
}
.blog .main #content-masonry article.hentry, .archive .main #content-masonry article.hentry {
    padding: 1rem 0 ;
	padding-left: 30px;
    padding-right: 30px;
}
.blog-list-text {
    margin-left: 1.4em;
}
.entry-meta span.bl_categ{
	width: 90px;
	font-size: 0.8em;
}
/*20260423変更
.blog section, .archive section{
	padding-bottom: 80px;
}
*/
.archive section{
	padding-bottom: 80px;
}
.entry-meta{
	padding: 1rem 0;
}
.blog .blog-list-text .entry-meta, .archive .blog-list-text .entry-meta{
	padding: 0;
	display: flex;
	margin: 0;
    line-height: 1;
}
.blog-list-text h2.entry-title a{
	font-size: 15px;
}
.blog .blog-list-text .entry-meta span.date{
	line-height: 20px;
}
.blog-list-text .entry-meta time{
	font-size: 1em;
}
.blog-eyecatch {
    width: 90px;
    height: 90px;
}
.main article .qa-menu ul{
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0;
}
.qa-menu ul li {
    border-right: none;
	width: 100%;
    padding: 0.5em 0;
}
.two-columns-left .entry-meta {
    font-size: 14px;
}
.single .top-eyecatch img{
	width: 85%;
	margin-top: 15px;
}
.single .main .entry-content{
    font-size: 14px;
    line-height: 1.6;
}
/*よくあるご質問*/
.qa-menu ul li:nth-child(2), .qa-menu ul li:last-child {
    text-align: left;
}

.qa-menu .icon-ctrl:before{
	font-size: 1.2em;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.qa-menu .icon-ctrl.pc-none {
    display: inline-block;
	font-size: 1.1em;
	margin-right: 0.5em;
	color: #afafaf;
}
.qa-list dd span.answer-text{
	font-size: 13px;
}
.qa-list dt .split{
	width: calc(100% - 16px);
}
/*お問い合わせ*/
.contactform tr th {
	display: block;
    width: 100%;
	text-align: left;
	margin-top: 0.5rem;
	min-height: inherit;
}
.contactform tr td {
	display: block;
    width: 100%;
}
.contactform tr th, .contactform tr td{
	padding: 0.4em 0;
}
.contactform tr{
	padding: 2em 0;
}
.contactform tr td:last-child{
	margin-bottom: 0.5rem;
}
.submit-Btn {
    max-width: 100%;
    margin: 50px 50px 60px;
}
#sousin-text{
	width: 100%;
}
input[type="submit"].wpcf7-submit{
	padding: 1.4em 0;
}
/*サイトマップ*/
#sitemap-ul01 li a{
	font-size: 14px;
}

#sitemap-ul02 li a{
/*	color: #c49968; */
	font-size: 13px;
}
.sapporo-child #sitemap-ul02 li a{
	color: #233269;
}
}
/*================コンパクトノートの調整==================*/
@media (max-width: 1400px) and (min-width: 769px){
.entry-content h1.hoteltext02{
	font-size: calc(100vh / 24);
}
.hoteltext04, .main table.hotellist-table, .blog .entry-summary{
	font-size: calc(100vh / 60);
}
.blog-eyecatch{
	width: 14vh;
    height: 14vh;
}
.blog #content-masonry article.hentry, .archive #content-masonry article.hentry{
    padding: calc(100vh/50) 0 0;
}
.blog-list-content{
	padding-bottom: calc(100vh/80);
}
.blog-list-text h2.entry-title{
	font-size: calc(100vh / 48);
}
}
/*================空室検索ボタン非表示==================*/
/*.top-booking-form, aside#tertiary{
	display: none !important;
}*/
/*================ホテル一覧のお問い合わせボタンの大きさ==================*/
.main .hotel-sec table.hotellist-table:last-child{
	text-align: center;
}
.main .hotel-sec table.hotellist-table:last-child a{
    width: 50% !important;
}
/*詳細ボタンを復活させたら1202行目のスタイル（.hotellist-table tr td:first-child .hoteltext05 span:after）を復活させること*/
/*================各ホテルページの追加　==================*/
.otaru #access ul li, .otaru-child #access ul li, .sapporo #access ul li, .sapporo-child #access ul li, .naha-west #access ul li, .naha-west-child #access ul li, .naha-east #access ul li, .naha-east-child #access ul li{
    margin-bottom: 1%;
}
.page-template-template-hotel-top article.hentry{
	padding: 0;
	margin: 0;
	background-color: transparent;
}
.page-template-template-hotel-top #sidebar{
	border: none;
}
.page-template-template-hotel-top, .page-template-template-hotel-top #container{
	background-color: transparent;
}
.page-template-template-hotel-top #access a{
	color: #fff;
}
.side-logo-head{
	font-size: 19px;
	font-family: 'Noto Serif JP';
	font-weight: 500;
	color: #fff;
	letter-spacing: 0.2em;
    margin-top: 6px;
}
/*================各ホテルページ TOPページ　==================*/
#hotel-top-copy {
    font-family: 'Noto Serif JP';
    padding-left: 20%;
    padding-top: 10%;
    line-height: 1.4;
    font-size: 2.2em;
}

.page-template-template-hotel-top .swiper-slide {
	background-position: center bottom;
}
.hotel-top-catch-copy .top-catch-copy-lead, .hotel-top-catch-copy p.top-catch-copy-p{
	color: #fff;
}
#hotel-top-catch-copy02-img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	box-shadow: 0 0 8px gray;
	max-height: 100%;
}
.hotel-top-hotellist{
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding: 2.5em 0;
	font-family: 'Noto Serif JP';
}
.hotel-top-hotellist a{
	color: #fff;
}
.main table.hotel-top-table{
	margin: 0 auto;
    width: 100%;
    max-width: 840px;
	text-align: left;
}
.main table.hotel-top-table p{
	font-size: 13px;
    letter-spacing: 0.1em;
	margin-bottom: 0;
}
.hotel-top-table img{
	width: 100%;
	max-width: 110px;
	margin-right: 0.8em;
}
#hotel-top-news-list{
	justify-content:space-between;
}
#hotel-top-news-list .top-news{
	padding-top: 8vw;
}
.hotel-top-hotellist-title{
	margin-bottom: 10px;
}
.hotel-top-hotellist-title p{
	line-height: 1;
}
.hotel-top-footer-copy{
	width: 100%;
	color: #fff;
}
.main .hotel-top-footer-copy .footer-nav ul li a{
	color: #fff;
}
.google_map{
	position:relative;
	width:100%;
	max-width: 800px;
}
.google_map iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.main h2.hotel-top-map-head{
	font-size: 18px;
    color: #fff;
	letter-spacing: 0.1em;
	margin-bottom: 3em;
}
.swiper-hotel-parent{
	position: relative;
    padding: 0 60px;
}
.swiper-container.hotel-roomlist-slider{
	height: inherit;
}
.hotel-roomlist-head01{
	font-size: 24px;
	letter-spacing: 0.05em;
}
.main h2.hotel-roomlist-head02{
	background: #ebebeb;
    font-size: 17px;
    padding: 12px;
	letter-spacing: 0.1em;
	margin: 1em 60px .5em;
}
.main table.hotel-roomlist-table{
	letter-spacing: 0.1em;
	margin: 0 60px 2em;
}
.hotel-roomlist-table th{
	width: 20%;
    text-align: left;
	font-weight: 400 !important;
}
.hotel-roomlist-table td{
	width: 75%;
	line-height: 1.6;
	text-align: justify;
}
.hotel-roomlist-table td p{
	margin-bottom: 0;
    text-indent: -1em;
    padding-left: 1em;
	margin-left: 0;
}
.roomlist-table-otaru th{
	color: #bea53c;
}
.somehotel-sec{
	padding: 0 12%;
}
.somehotel-sec .container{
	border-bottom: solid 1px #e1e1e1;
	padding: 8em 0 7em;
}
.roomlist-table-button{
	padding: 0.8em 5em;
    margin: 0 auto;
    display: inline-block;
    font-weight: 700;
	transition: 0.3s ;
}
.somehotel-sec .swiper-button-prev {
	background-image: url(//alphabed-inn.jp/wp-content/uploads/hotel-slider-l.svg);
}
.somehotel-sec .swiper-button-next {
	background-image: url(//alphabed-inn.jp/wp-content/uploads/hotel-slider-r.svg);
}
.somehotel-sec .swiper-button-prev, .somehotel-sec .swiper-button-next{
	background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
	z-index: 0;
}
.somehotel-sec .swiper-button-next:after, .somehotel-sec .swiper-button-prev:after{
	content: none;
}
.somehotel-access-footer{
	border-top: solid 1px;
    border-bottom: solid 1px;
    padding: 1em 0;
    margin-top: 2em;
}
.main p.somehotel-access-footer-p01{
	font-size: 18px;
    margin-bottom: 0;
}
.main p.somehotel-access-footer-p02{
    margin-bottom: 0;
}
#somehotel-top-copy{
	font-family: 'Noto Serif JP';
    line-height: 1.6;
    font-size: 2.7em;
    color: #fff;
    text-align: center;
    padding-top: 25vh;
	letter-spacing: 0.1em;
}
#somehotel-top-copy span{
	font-size: 72%;
    letter-spacing: 0.04em;
}
#somehotel-top-copy02{
	font-family: 'Noto Serif JP';
    line-height: 1.6;
    font-size: 2.7em;
    color: #fff;
    text-align: left;
    padding-top: 2vh;
	letter-spacing: 0.1em;
	padding-left: 5vw;
}
#somehotel-top-copy02 span{
	font-size: 72%;
    letter-spacing: 0.04em;
}
.swiper-container.plan-slider {
	max-width: 750px;
	width: 100%;
	padding-bottom: 50px;
	height: auto;
}
.plan-slider .swiper-slide{
	width: 360px;
}
.top-plancard{
	padding: 20px;
	background-color: #fff;
}
.top-plancard h4{
	font-size: 16px;
}
.swiper-slide-next .top-plancard, .swiper-slide-prev .top-plancard, .swiper-slide-duplicate-active .top-plancard{
	background-color: #ccc;
}
.swiper-slide-next .top-plancard img, .swiper-slide-prev .top-plancard img, .swiper-slide-duplicate-active .top-plancard img{
	opacity: 0.8;
}
.plan-slider-wrap{
	position: relative;
    padding: 0 60px;
}
.main p.somehotel-access-p01{
	margin: 3em 0 4em;
}
.main p.somehotel-access-p01 .border{
	display: inline-block;
	width: 4em;
	height: 1em;
	position: relative;
	margin: 0 1em;
}
.main p.somehotel-access-p01 .border:after{
	content: '';
	background-color: #fff;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
@media (max-width: 768px){
.main .top-plancard p {
    margin-left: 0;
    margin-right: 0;
}
}
@media (max-width: 767px){
.somehotel-sec {
    padding: 0 15px;
}
.swiper-hotel-parent {
    padding: 0 20px;
}
.somehotel-sec .swiper-button-prev{
	left: 0;
}
.somehotel-sec .swiper-button-next{
	right: 0;
}
.somehotel-sec .swiper-button-prev, .somehotel-sec .swiper-button-next{
	width: 10px;
}
.hotel-roomlist-head01 {
    font-size: 16px;
}
.main table.hotel-roomlist-table {
    margin: 0 20px 2em;
}
.hotel-roomlist-head02 {
    font-size: 13px;
    padding: 1em;
}
.entry-content h1.hotel-roomlist-head01, .entry-content h2.hotel-roomlist-head02 {
    line-height: 1.4;
	margin: 1em 20px .5em;
}
.main h2.hotel-roomlist-head02 {
    font-size: 12px;
}
.somehotel-sec .container {
    padding: 4em 0;
}
#otaru-somehotel-sec01 .container {
    padding: 0 0 4em;
}
.page-template-template-hotel-top img.custom-logo, .parent-pageid-395 img.custom-logo, .parent-pageid-573 img.custom-logo {
    width: 220px;
}
.plan-slider-wrap {
    padding: 0;
}
.swiper-container.plan-slider{
	max-width: 100%;
}
.plan-slider .swiper-slide {
    width: 260px;
}
.google_map {
    width: 85%;
}
#somehotel-top-copy {
    font-size: 2.3em;
    padding-top: 23vh;
}
.hotel-top-catch-copy .top-catch-copy-lead{
	margin-bottom: 1.2em;
	line-height: 1.8;

}
#hotel-top-catch-copy02-img {
    top: calc(50% + 30px);
	padding-bottom: 60px;
}
.main p.somehotel-access-p01 {
    margin: 1.5em 0 2em;
    font-size: 13px;
}
.main h2.hotel-top-map-head {
    margin-bottom: 1.5em;
}
#somehotel-top-copy02{
    font-size: 2.2em;
	padding-top: 11vh;
}
.main p.top-catch-copy-p {
    font-size: 12px;
}
.hotel-roomlist-table th{
	width: 26%;
}
}


/*================各ホテルアクセス==================*/
.somehotel-access-sec{
	padding: 4em 0;
}
#otaru-somehotel-access-sec01 p{
	font-size: 16px;
}
.hotel-access-head01{
    color: #fff;
	padding: 0.5em;
	font-size: 22px;
}
.hotel-access-head01 img{
	vertical-align: middle;
    margin-right: 0.4em;
}
.main img.hotel-access-img{
	margin: 5em 0 0;
}
#js-access-map{
	display: block;
    width: 100%;
    height: 40vh;
}
.somehotel-access-sec #js-access-map{
    max-width: 800px;
    margin: 0 auto 3em;
	height: 450px;
}
.access-list dt{
	padding: 1em;
	background-color: #ebebeb;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	position: relative;
}
.access-list .qa_one{
	margin-bottom: 10px;
}
.access-list dt.open {
    position: relative;
    border-bottom:0px;
}
.access-list dd.open {
    position: relative;
    display: block;
}
.access-list dd {
    position: relative;
    display: none;
}
.icon-open{
	width: 14px;
	height: 14px;
	background-image: url(//alphabed-inn.jp/wp-content/uploads/icon-plus.svg);
	background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
	position: absolute;
	top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.access-list dt.open .icon-open{
	background-image: url(//alphabed-inn.jp/wp-content/uploads/icon-mns.svg);
}
@media (max-width: 767px){
.hotel-access-head01 {
    font-size: 16px;
	padding: 1em;
}
.hotel-access-head01 img{
	max-width: 20px;
	vertical-align: -5px;
}
#js-access-map {
    height: 260px;
}
#otaru-somehotel-access-sec01{
	padding: 0em 20px 0;
}
.somehotel-access-sec #js-access-map {
    height: 230px;
    margin-bottom: 2em;
}
#otaru-somehotel-access-sec01 p {
    font-size: 11px;
}
#otaru-somehotel-access-sec02{
	padding-bottom: 0;
}
}
/*================各ホテルページ サービス・施設==================*/
.hotelservice-sec{
	padding: 6em 0 0;
}
.hotelservice-sec#otaru-hotelservice-sec01{
	padding-top: 4em;
}
.hotelservice-sec h5{
	font-size: 16px;
	margin-top: 6px;
}
.main table.hotelservice-table{
	width: 100%;
	font-size: 16px;
	margin: 0;
}
.main .hotelservice-table th, .main .hotelservice-table td{
	text-align: left;
    font-weight: 400;
	padding: 0.7em;
}
.main .hotelservice-table tr th{
	white-space: nowrap;
	padding-right: 2em;
	width: 20%;
}
.main .hotelservice-table tr td{
	border-top: none;
}
/*tr.borderbottom{
	border-bottom: dotted 2.5px;
}*/
.main .hotelservice-table tr td.tr-borderbottom-td{
	padding: 0;
	font-size: 0;
	width: 100%;
}
.tr-borderbottom{
	position: relative;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
.tr-borderbottom:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
	background:linear-gradient(to right, rgba(175,175,175,1), rgba(175,175,175,1) 37%, rgba(0, 0, 0, 0) 37%, rgba(0, 0, 0, 0) 100%) 0% 0%;
	background-size:7px 2px;
}
.hotelservice-table img{
	vertical-align: middle;
	margin-right: 20px;
}
.main .hotelservice-table .hotelservice-table-icontop td{
	padding-top: 18px;
}
#otaru-hotelservice-sec01 p{
	letter-spacing: 0.05em;
}
@media (max-width: 767px){
#otaru-hotelservice-sec01 {
    padding: 0;
}
#otaru-hotelservice-sec01 .flex{
	display: block;
}
#otaru-hotelservice-sec01 .flex-child-50, #otaru-hotelservice-sec01 .flex-child-33 {
    width: 100%;
    padding: 0 50px;
	margin-bottom: 2.5em;
}
#otaru-hotelservice-sec01 .flex-child-33:last-child{
	margin-bottom: 0;
}
.main table.hotelservice-table {
    font-size: 11px;
}
.main .hotelservice-sec p{
	margin-left: 0;
    margin-right: 0;
}
#otaru-hotelservice-sec01 h5{
	margin: .5em 0 .3em;
	font-size: 14px;
}
.hotelservice-table {
    font-size: 11px;
}
.hotelservice-table img {
    margin-right: 4px;
	max-width: 25px;
}
.hotelservice-table-wrap{
	padding: 20px 15px 0;
}
.main .hotelservice-table tr th {
    padding-right: 4px;
	padding-left: 6px;
}
.main .hotelservice-table th, .main .hotelservice-table td{
	padding: 8px 2px;
}
.th-internet{
	display: flex;
	line-height: 1.1;
}
#otaru-hotelservice-sec03 .pb-6{
	padding-bottom: 2em;
}
.hotelservice-sec#otaru-hotelservice-sec01{
	padding-top: 0;
}
.tr-borderbottom:after{
	background:linear-gradient(to right, rgba(175,175,175,1), rgba(175,175,175,1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
	background-size:2px 0.5px;
}
}
/*================各ホテルページ 利用方法==================*/
.hotel-howtouse-sec{
	padding: 6em 0 0;
}
.hotel-howtouse-sec#otaru-hotel-howtouse-sec01 {
    padding: 4em 0 0;
}
.hotel-howtouse-p01, .hotel-howtouse-p02, .hotel-howtouse-p03, .hotel-howtouse-p04, .hotel-howtouse-p05, .hotel-howtouse-ul, .hotel-howtouse-p06{
	font-size: 16px;
}
.main p.hotel-howtouse-p02{
	margin: 1.5em 0 3em;
}
.main p.hotel-howtouse-p03{
	margin: 2em 0 5em;
}
.main p.hotel-howtouse-p04{
	margin: 2em 0 2em;
}
.main p.hotel-howtouse-p05{
	margin: 0 0 4px;
}
.howtousetable{
	font-size: 16px;
	width: 100%;
}
.main .howtousetable tr th{
	font-weight: 400;
}
.main .howtousetable tr td{
	border-top: none;
	padding: 0 1em ;
	height: 180px;
	vertical-align: middle;
}
.howtousetable .borderbottom-img{
	position: relative;
}
.main .howtousetable tr td.arrow-td{
	padding: 0;
    height: 4px;
}
.main .howtousetable tr td.arrow-td img{
	width: 100%;
}
.main tr th.howtousetable-arrow{
	font-size: 22px;
	line-height: 1.1;
	text-align: center;
	border-top: solid 1px;
	border-right: solid 1px;
	border-left: solid 1px;
	position: relative;
	box-sizing: border-box;
	width: 54px;
	padding-top: 1.5em;
}
/*.howtousetable-arrow:after{
	content:'';
	width: calc(100% + 4px);
	height: 30px;
	background-repeat: no-repeat;
    background-size: 100% 30px ;
	background-position: center top;
	display: block;
	position: absolute;
	bottom: -0.3vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}*/
.howtousetable-arrow:after{
	content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 39px;
    height: 39px;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: translateX(-50%) rotate(135deg);
    background: #fff;
}
.otaru-child .howtousetable-arrow:after{
	border-color: #bea53c;
}
.sapporo-child .howtousetable-arrow:after{
	border-color: #233269;
}
.howtousetable-arrow > div > div{
	padding: 0.5em 0;
}
.main table.howtousetable-childtable{
	width: 100%;
	margin: 0;
}
.howtouse-merit{
	padding: 3em;
}
.howtouse-merit h4{
	font-size: 20px;
	font-weight: 700;
}
.howtouse-merit p{
	font-size: 16px;
}
.howtouse-merit .flex{
	align-items: start;
}
.howtouse-merit img{
	margin-right: 14px;
}
.main .howtouse-merit table{
	width: 100%;
	margin:  2em 0 0;
}
.border-top-bottom{
	border-top: solid 1px;
    border-bottom: solid 1px;
    padding: 1em 0;
	font-size: 18px;
}
.hotel-howtouse-ul{
	list-style: none;
}
.hotel-howtouse-ul li{
	text-indent: -1em;
    padding-left: 1em;
}
.hotel-howtouse-ul li:before{
	content:'●';
}
.howtousetable > tbody > tr > td{
	padding: 0 2em;
}
.how-to-use-numimg{
	width: 25%;
}
.how-to-use-numimg img{
	width: 100%;
}
.how-to-use-iconimg{
	width: 20%;
}
.how-to-use-iconimg img{
	height: 80px;
}
#otaru-hotel-howtouse-sec02{
	padding-top: 3em;
}
@media (max-width: 767px){
.hotel-howtouse-p01, .hotel-howtouse-p02, .hotel-howtouse-p03, .hotel-howtouse-p04, .hotel-howtouse-p05, .hotel-howtouse-ul, .hotel-howtouse-p06 {
    font-size: 12px;
}
.main .howtousetable{
	font-size: 12px;
}
.hotel-howtouse-sec {
    padding: 4em 0 0;
}
#otaru-hotel-howtouse-sec01{
	padding: 0;
}
#otaru-hotel-howtouse-sec01 p{
	margin-bottom: 0;
}
.main p.hotel-howtouse-p02 {
    margin: 2em 20px 1em;
}
.howtousetable-arrow {
    font-size: 17px;
}
.main .howtousetable tr td {
    padding: 0 5px;
}
.how-to-use-numimg{
	width: 30%;
}
.how-to-use-iconimg{
	width: 20%;
}
.howtousetable > tbody > tr > td{
	padding: 0 0.5em;
}
.howtousetable .borderbottom:after{
	width: 20px;
	height: 20px;
    bottom: -21px;
}
.howtouse-merit table tr td{
	display: block;

}
.main .howtouse-merit p {
	font-size: 13px;
	margin-bottom: 0;
}
.howtouse-merit img {
    margin-right: 0;
	width: 28px;
}
.howtouse-merit h4 {
    font-size: 16px;
}
.main .howtouse-merit table{
	width: auto;
    margin: 2em auto 0;
}
.main p.hotel-howtouse-p03 {
    margin: 0 0 3em;
}
.border-top-bottom {
    font-size: 13px;
}
.covid-wrap{
	padding: 0 15px;
}
.main .howtousetable tr td{
	height: 100px;
}
.hotel-howtouse-sec#otaru-hotel-howtouse-sec01 {
    padding: 0 0 0;
}
.main tr th.howtousetable-arrow{
	font-size: 16px;
	width: 38px;
}
.howtousetable-arrow:after{
	bottom: -14px;
    width: 26px;
    height: 26px;
}
}
/*================周辺観光案内==================*/
body.tourist-info article.hentry{
	padding-left: 0;
    padding-right: 0;
}
.tourist-info-sec{
	margin-top: 4em;
	margin-bottom: 4em;
}
.tourist-info-sec.tourist-info-sec01{
	background-color: #f6f6f6;
	margin-top: 8em;
	margin-bottom: 6em;
	padding-bottom: 10px;
}
.tourist-info-sec01 p{
	margin: 1em 0;
	font-size: 1.1em;
}
.tourist-info-sec-con{
	max-width: 640px;
	width: 100%;
	margin: 0 auto 7em;
}
.tourist-info-sec-con > .container{
	padding-bottom: 6em;
	border-bottom: solid 1px #e1e1e1;
}
.tourist-info-sec-h1{
	font-size: 2em;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.main p.tourist-info-sec-p01{
	border: solid 1px;
    display: inline-block;
    line-height: 1;
	padding-right: 0.5em;
	margin-bottom: 0.4em;
}
.tourist-info-sec-p01 span{
	display: inline-block;
    vertical-align: -0.5em;
    margin-right: 0.5em;
}
.tourist-info-sec-p01 span img{
	max-width: 24px;
}
.main p.tourist-info-sec-p03{
	font-size: 1.1em;
	margin-bottom: 2em;
	text-align: justify;
}
.tourist-info-sec .roomlist-table-button:after, .stayingplan .roomlist-table-button:after{
	content: '';
	display: inline-block;
    vertical-align: middle;
    margin-left: 0.5em;
	width: 1.2em;
	height: 1.2em;
	background-image: url(//alphabed-inn.jp/wp-content/uploads/tourist-info10.svg);
	background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
}
.tourist-info-sec .roomlist-table-button.button-otaru:hover:after, .stayingplan.otaru-child .roomlist-table-button:hover:after{
	background-image: url(//alphabed-inn.jp/wp-content/uploads/tourist-info11.svg);
}
.tourist-info-sec .roomlist-table-button.button-sapporo:hover:after, .stayingplan.sapporo-child .roomlist-table-button:hover:after{
	background-image: url(//alphabed-inn.jp/wp-content/uploads/tourist-info13.svg);
}
.tourist-info .entry-content .tourist-info-sec-con:last-of-type > .container {
    border-bottom: none;
}
@media (max-width: 767px){
.tourist-info-sec.tourist-info-sec01 {
    margin-top: 0;
    margin-bottom: 3em;
    padding-bottom: 8px;
}
.tourist-info .entry-header#entry-header-hotel, .tourist-info .entry-header h1 {
    margin: 0 0 0 !important;
	display: block;
}
.tourist-info-sec-con{
	padding-right: 50px;
	padding-left: 50px;
	margin: 0 auto 4em;
}
.tourist-info-sec-h1 {
    font-size: 1.6em;
}
.tourist-info .main p {
    margin-left: 0;
    margin-right: 0;
}
.tourist-info .main p.tourist-info-sec-p01{
	margin-bottom: 3px;
    margin-top: 6px;
}
.tourist-info-sec-p01 span img{
	max-width: 20px;
}
.tourist-info .main p.tourist-info-sec-p03 {
    font-size: 1em;
	margin-bottom: 3em;
}
}
/*================プランページ==================*/
.main h1.stayingplan-h1{
    font-size: 1.5em;
    border-top: solid 1px;
    border-bottom: solid 1px;
    padding: 0.8em 0;
    font-weight: 400 !important;
    margin-bottom: 1.5em;
	margin-left: 8px;
    margin-right: 8px;
}
.entry-content h5.stayingplan-h2{
	font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	text-align: justify;
}
.stayingplan .flex-child-33 {
    padding: 0 8px;
}
.stayingplan .flex-child-50 {
    padding: 0 8px;
}
.stayingplan-div01{
	margin-top: 4em;
}
.stayingplan-sec{
	margin: 7em 0 12em ;
}
.stayingplan-ul{
	padding: 14px 20px;
    background: #f5f5f5;
    list-style: none;
	font-size: 1.1em;
}
.stayingplan-ul li{
	text-indent: -1em;
    padding-left: 1em;
}
.stayingplan-ul li:before{
	content:'●';
}
.stayingplan.otaru-child .stayingplan-ul li:before{
	color: #bea53c;
}
.stayingplan.sapporo-child .stayingplan-ul li:before{
	color: #949bb5;
}
.stayingplan.sapporo-child .roomlist-table-button{
	background: #233269;
    color: #fff;
    border: solid 1px #233269;
}
.stayingplan.sapporo-child .roomlist-table-button:hover{
	background: #fff;
    color: #233269;
    border: solid 1px #233269;
}
@media (max-width: 767px){
.stayingplan-sec {
    margin: 3em 0 8em;
	padding: 30px 12px 0;
}
.stayingplan-sec#otaru-stayingplan-sec01{
	padding: 0 12px 0;
}
.stayingplan .flex-child-33 {
    padding: 0 3px;
}
.stayingplan-div02{
	display: block;
}
.stayingplan .flex-child-50{
	width: 100%;
}
.entry-content h5.stayingplan-h2{
	font-size: 16px;
	margin-top: 1em;
}
.main .stayingplan-sec p {
    margin-left: 0;
    margin-right: 0;
}
.main ul.stayingplan-ul{
    margin-top: 20px;
	margin-bottom: 24px;
}
}
/*================小樽==================*/
.c-otaru{
	color: #bea53c;
}
.otaru #access a:hover, .otaru-child #access a:hover{
	color: #5f4600;
}
.privacy-div h1.c-otaru{
	color: #bea53c;
}
.border-c-otaru{
	border-color: #bea53c !important;
}
.hotel-howtouse-ul.hotel-howtouse-ul-otaru li:before{
	color: #bea53c;
}
.otaru-hotelservice-table tr.borderbottom{
	border-color: #bea53c;
}
.otaru-bg{
	background-color: #f5f2e2;
}
/*.howtousetable-otaru .howtousetable-arrow:after{
	background-image: url(//alphabed-inn.jp/wp-content/uploads/how-to-use01.svg);
}*/
body.otaru #sidebar-back, body.otaru #sidebar, body.otaru nav#mobile-menu, body.otaru-child #sidebar-back, body.otaru-child #sidebar, body.otaru-child nav#mobile-menu{
	background-color: #bea53c;
	color: #ffffff;
	border: none;
}
body.otaru #access a, body.otaru-child #mobile-menu a, body.otaru #mobile-menu a {
    color: #fff;
}
body.otaru-child #access a, body.sapporo-child #access a{
	color: #ffffff;
}
body.otaru-child #access ul li a[aria-current="page"]{
    color: #5f4600;
}
body.otaru .main > .footer-copy, body.sapporo .main > .footer-copy, body.naha-west .main > .footer-copy{
	display: none;
}
body.otaru .entry-header h1, body.otaru-child .entry-header h1 {
    background: url(//alphabed-inn.jp/wp-content/uploads/border-bg-otaru.jpg)repeat-y;
	background-size: 100%;
}
body.otaru .entry-header h1 .description::after, body.otaru-child .entry-header h1 .description::after {
    background: url(//alphabed-inn.jp/wp-content/uploads/border-bg-otaru.jpg)repeat-y;
}
.button-otaru{
	background: #bea53c;
    color: #fff;
	border: solid 1px #bea53c;
}
.button-otaru:hover{
	background: #fff;
    color: #bea53c;
	border: solid 1px #bea53c;
}
body.otaru-child .footer-nav ul li:first-child a, body.sapporo-child .footer-nav ul li:first-child a, body.naha-west-child .footer-nav ul li:first-child a, body.naha-east-child .footer-nav ul li:first-child a {
    border-right: 1px solid #3a3a3a;
}
body.otaru .footer-nav ul li:first-child a, body.sapporo .footer-nav ul li:first-child a{
    border-right: 1px solid #fff;
}
body.page-id-398 article.hentry, body.page-id-590 article.hentry, body.page-id-909 article.hentry, body.page-id-1200 article.hentry{
	padding-left: 0;
    padding-right: 0;
	padding-bottom: 0;
}
body.page-id-398 #site-wrapper .main > .footer-copy, body.page-id-590 #site-wrapper .main > .footer-copy, body.page-id-909 #site-wrapper .main > .footer-copy, body.page-id-1200 #site-wrapper .main > .footer-copy{
	background-color: #f6f6f6;
}
#otaru-somehotel-sec05{
	background: #f6f6f6;
	padding: 4.5em 12% 6em;
}
#otaru-somehotel-sec05 .table-border{
	border-bottom: solid 1px #e1e1e1;
	padding-bottom: 2em;
    display: block;
}
.bg-otaru{
	background: #bea53c;
}
.contact-form-otaru input[type="submit"].wpcf7-confirm {
    background: #bea53c;
}
.page-id-398 article.hentry, .page-id-590 article.hentry{
	margin-bottom: 0;
}
.somehotel-sec#otaru-somehotel-sec01 .container{
	padding-top: 4em;
}
.stayingplan.otaru-child .roomlist-table-button{
	background: #bea53c;
    color: #fff;
    border: solid 1px #bea53c;
}
.stayingplan.otaru-child .roomlist-table-button:hover{
	background: #fff;
    color: #bea53c;
    border: solid 1px #bea53c;
}
@media (max-width: 1024px){
body.otaru .entry-header h1 .description::after, body.otaru-child .entry-header h1 .description::after{
	background-size: 100%;
}
}
@media (max-width: 767px){
#otaru-somehotel-sec05 {
    padding: 4em 15px;
}
.somehotel-sec#otaru-somehotel-sec01 .container{
	padding-top: 0;
}
}
/*=====================================*/
/*================札幌==================*/
/*=====================================*/
.c-sapporo {
    color: #233269;
}
.bg-sapporo {
    background: #233269;
}
.sapporo #access a:hover, .sapporo-child #access a:hover{
	color: #949bb5;
}
body.sapporo #sidebar-back, body.sapporo #sidebar, body.sapporo nav#mobile-menu, body.sapporo-child #sidebar-back, body.sapporo-child #sidebar, body.sapporo-child nav#mobile-menu {
    background-image: url(//alphabed-inn.jp/wp-content/uploads/sapporo-sidebg-min.jpg);
    color: #ffffff;
    border: none;
}
body.sapporo .entry-header h1, body.sapporo-child .entry-header h1 {
    background: url(//alphabed-inn.jp/wp-content/uploads/border-bg-sapporo.jpg)repeat-y;
    background-size: 100%;
}
body.sapporo .entry-header h1 .description::after, body.sapporo-child .entry-header h1 .description::after {
    background: url(//alphabed-inn.jp/wp-content/uploads/border-bg-sapporo.jpg)repeat-y;
}
body.sapporo-child #access ul li a[aria-current="page"] {
    color: #949bb5;
}
.button-sapporo {
    background: #233269;
    color: #fff;
    border: solid 1px #233269;
}
.button-sapporo:hover {
    background: #fff;
    color: #233269;
    border: solid 1px #233269;
}
.sapporo #somehotel-top-copy02{
	letter-spacing: 0.05em;
}
.button-sapporo{
	background: #233269;
    color: #fff;
	border: solid 1px #233269;
}
.button-sapporo:hover{
	background: #fff;
    color: #233269;
	border: solid 1px #233269;
}
.roomlist-table-sapporo th{
	color: #233269;
}
.hotel-howtouse-ul.hotel-howtouse-ul-sapporo li:before{
	color: #233269;
}
.sapporo-bg {
    background-color: #f0f1f5;
}
/*.howtousetable-sapporo .howtousetable-arrow:after {
    background-image: url(//alphabed-inn.jp/wp-content/uploads/how-to-use01-s.svg);
}*/
#sapporo-somehotel-access-sec04{
	padding-bottom: 0;
}
.contact-form-sapporo input[type="submit"].wpcf7-confirm {
    background: #233269;
}
.sapporo-child #nav-toggle span:before {
    background: url(//alphabed-inn.jp/wp-content/uploads/mobile-menubar-wh.svg)no-repeat;
	background-size: contain;
}
.privacy-div h1.c-sapporo {
    color: #233269;
}
.sapporo-child #sitemap-ul01 li a:hover, .sapporo-child #sitemap-ul02 li a:hover {
    color: #233269;
}
.sapporo .hotel-top-hotellist a:hover{
    color: #949bb5;
}
.contact-sapporo .essential {
    color: #233269;
}
.contact-otaru .essential {
    color: #bea53c;
}
.sapporo a:hover, .sapporo .entry-meta span a:hover, .sapporo .widget-title span, .sapporo .comments-link a:hover {
    color: #949bb5;
}
.sapporo #access a:hover, .sapporo #mobile-menu a:hover, .sapporo-child #access a:hover, .sapporo-child #mobile-menu a:hover {
    color: #fff;
}
.sapporo #access a, .sapporo #access .dropdown-toggle, .sapporo #mobile-menu a, .sapporo #mobile-menu .dropdown-toggle, .sapporo #access a, .sapporo-child #access .dropdown-toggle, .sapporo-child #mobile-menu a, .sapporo-child #mobile-menu .dropdown-toggle {
    color: #fff;
}
.sapporo-child .main .footer-nav ul li a:hover {
    color: #949bb5;
}
@media (max-width: 1024px){
body.sapporo .entry-header h1 .description::after, body.sapporo-child .entry-header h1 .description::after{
	background-size: 100%;
}
}
/*=========================================*/
/*================那覇west==================*/
/*=========================================*/
.naha-west.page-template-template-hotel-top .swiper-slide:first-of-type{
	background-position: center;
}
.naha-west a:hover, .naha-west .entry-meta span a:hover, .naha-west .widget-title span, .naha-west .comments-link a:hover{
	color: #a5b2b7;
}
.naha-west #access a, .naha-west #access .dropdown-toggle, .naha-west #mobile-menu a, .naha-west #mobile-menu .dropdown-toggle, .naha-west #access a, .naha-west-child #access .dropdown-toggle, .naha-west-child #mobile-menu a, .naha-west-child #mobile-menu .dropdown-toggle{
	color: #fff;
}
.naha-west #access a:hover, .naha-west #mobile-menu a:hover, .naha-west-child #access a:hover, .naha-west-child #mobile-menu a:hover {
	color: #05637f;
}
.stayingplan.naha-west-child .stayingplan-ul li:before {
    color: #a5b2b7;
}
body.naha-west .entry-header h1, body.naha-west-child .entry-header h1 {
    background: url(//alphabed-inn.jp/wp-content/uploads/border-nahawest-bg.jpg)repeat-y;
    background-size: 100%;
}
body.naha-west .entry-header h1 .description::after, body.naha-west-child .entry-header h1 .description::after{
    background: url(//alphabed-inn.jp/wp-content/uploads/border-nahawest-bg.jpg)repeat-y;
}
body.naha-west-child #access a, body.naha-west-child #access a {
    color: #ffffff;
}
body.naha-west-child #access ul li a[aria-current="page"] {
    color: #05637f;
}
.naha-west-child .main .footer-nav ul li a:hover {
    color: #05637f;
}
.c-nahawest {
    color: #4c7981;
}
.c-nahawest02 {
    color: #a5b2b7;
}
.naha-west-child #sitemap-ul01 li a:hover, .naha-west-child #sitemap-ul02 li a:hover {
    color: #a5b2b7;
}
.border-c-nahawest{
	border-color: #a5b2b7 !important;
}
.naha-west-child .howtousetable-arrow:after {
    border-color: #a5b2b7;
}
.hotel-howtouse-ul.hotel-howtouse-ul-nahaw li:before {
    color: #a5b2b7;
}
.bg-nahawest{
	background: #a5b2b7;
}
.bg-nahawest02{
	background: #4c7981;
}
.privacy-div h1.c-nahawest {
    color: #4c7981;
}
.button-nahawest {
    background: #a5b2b7;
    color: #fff;
    border: solid 1px #a5b2b7;
}
.button-nahawest:hover {
    background: #fff;
    color: #a5b2b7;
    border: solid 1px #a5b2b7;
}
.tourist-info-sec .roomlist-table-button:hover:after, .stayingplan .roomlist-table-button:hover:after{
	background-image: url(//alphabed-inn.jp/wp-content/uploads/tourist-info10-hovnahaw.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.roomlist-table-nahaw th{
	color: #4c7981;
}
.stayingplan.naha-west-child .roomlist-table-button{
	background: #a5b2b7;
    color: #fff;
    border: solid 1px #a5b2b7;
}
.stayingplan.naha-west-child .roomlist-table-button:hover{
	background: #fff;
    color: #a5b2b7;
    border: solid 1px #a5b2b7;
}
#somehotel-top-copy03 {
    font-family: 'Noto Serif JP';
    line-height: 1.6;
    font-size: 2.7em;
    color: #fff;
    text-align: right;
    letter-spacing: 0.1em;
    padding-right: 5vw;
}
#somehotel-top-copy03 span.span-min {
    font-size: 72%;
    letter-spacing: 0.04em;
}
#somehotel-top-copy03 span.text-left{
	display: inline-block;
    text-align: left;
}
body.naha-west #sidebar-back, body.naha-west #sidebar, body.naha-west nav#mobile-menu, body.naha-west-child #sidebar-back, body.naha-west-child #sidebar, body.naha-west-child nav#mobile-menu{
	background-color: #a5b2b7;
}
.side-logo-head.side-logo-head-nahawest{
	font-size: 16px;
}
.naha-west-child .entry-header h1 .entry-title{
	width: 100%;
}
.contact-form-nahawest input[type="submit"].wpcf7-confirm {
    background: #a5b2b7;
}
.naha-west-child #nav-toggle span:before {
    background: url(//alphabed-inn.jp/wp-content/uploads/mobile-menubar-wh.svg)no-repeat;
	background-size: contain;
}
/*色変え*/
.naha-west .top-booking-form select, .naha-west input#check-in-date, .naha-west input#datepicker, .naha-west input#datepicker02{
	color: #a5b2b7;
}
.contact-form-nahawest .essential {
    color: #4c7981;
}
.naha-west .top-booking-form button {
	background: #fff;
}
.contact.naha-west-child input[type="submit"].wpcf7-submit{
	background: #a5b2b7;
}
.contact.naha-west-child input[type="submit"].wpcf7-submit:hover{
	background: #05637f;
}
@media (max-width: 1024px){
body.naha-west .entry-header h1 .description::after, body.naha-west-child .entry-header h1 .description::after{
	background-size: 100%;
}
body.naha-west a#logo img.custom-logo, body.naha-west-child a#logo img.custom-logo {
    max-width: 260px;
	width: 100%;
}
}
@media (max-width: 767px){
#somehotel-top-copy03{
    font-size: 2em;
	padding-top: 6vh;
}
}
/*=========================================*/
/*================那覇east==================*/
/*=========================================*/
.naha-east.page-template-template-hotel-top .swiper-slide:first-of-type{
	background-position: center;
}
.naha-east a:hover, .naha-east .entry-meta span a:hover, .naha-east .widget-title span, .naha-east .comments-link a:hover{
	color: #aab4c4;
}
.naha-east #access a, .naha-east #access .dropdown-toggle, .naha-east #mobile-menu a, .naha-east #mobile-menu .dropdown-toggle, .naha-east #access a, .naha-east-child #access .dropdown-toggle, .naha-east-child #mobile-menu a, .naha-east-child #mobile-menu .dropdown-toggle{
	color: #fff;
}
.naha-east #access a:hover, .naha-east #mobile-menu a:hover, .naha-east-child #access a:hover, .naha-east-child #mobile-menu a:hover {
	color: #292e3f;
}
.stayingplan.naha-east-child .stayingplan-ul li:before {
    color: #aab4c4;
}
body.naha-east .entry-header h1, body.naha-east-child .entry-header h1 {
    background: url(//alphabed-inn.jp/wp-content/uploads/border-nahaeast-bg.jpg)repeat-y;
    background-size: 100%;
}
body.naha-east .entry-header h1 .description::after, body.naha-east-child .entry-header h1 .description::after{
    background: url(//alphabed-inn.jp/wp-content/uploads/border-nahaeast-bg.jpg)repeat-y;
}
body.naha-east-child #access a, body.naha-east-child #access a {
    color: #ffffff;
}
body.naha-east-child #access ul li a[aria-current="page"] {
    color: #292e3f;
}
.naha-east-child .main .footer-nav ul li a:hover {
    color: #292e3f;
}
.c-nahaeast {
    color: #4c7981;
}
.c-nahaeast02 {
    color: #aab4c4;
}
.naha-east-child #sitemap-ul01 li a:hover, .naha-east-child #sitemap-ul02 li a:hover {
    color: #aab4c4;
}
.border-c-nahaeast{
	border-color: #aab4c4 !important;
}
.naha-east-child .howtousetable-arrow:after {
    border-color: #aab4c4;
}
.hotel-howtouse-ul.hotel-howtouse-ul-nahaw li:before {
    color: #aab4c4;
}
.bg-nahaeast{
	background: #aab4c4;
}
.bg-nahaeast02{
	background: #464e5c;
}
.c-nahaeast02{
	color: #464e5c;
}
.privacy-div h1.c-nahaeast {
    color: #4c7981;
}
.button-nahaeast {
    background: #aab4c4;
    color: #fff;
    border: solid 1px #aab4c4;
}
.button-nahaeast:hover {
    background: #fff;
    color: #aab4c4;
    border: solid 1px #aab4c4;
}
.tourist-info-sec .roomlist-table-button:hover:after, .stayingplan .roomlist-table-button:hover:after{
	background-image: url(//alphabed-inn.jp/wp-content/uploads/tourist-info10-hovnahaw.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.roomlist-table-nahaw th{
	color: #4c7981;
}
.stayingplan.naha-east-child .roomlist-table-button{
	background: #aab4c4;
    color: #fff;
    border: solid 1px #aab4c4;
}
.stayingplan.naha-east-child .roomlist-table-button:hover{
	background: #fff;
    color: #aab4c4;
    border: solid 1px #aab4c4;
}
#somehotel-top-copy03 {
    font-family: 'Noto Serif JP';
    line-height: 1.6;
    font-size: 2.7em;
    color: #fff;
    text-align: right;
    letter-spacing: 0.1em;
    padding-right: 5vw;
}
#somehotel-top-copy03 span.span-min {
    font-size: 72%;
    letter-spacing: 0.04em;
}
#somehotel-top-copy03 span.text-left{
	display: inline-block;
    text-align: left;
}
body.naha-east #sidebar-back, body.naha-east #sidebar, body.naha-east nav#mobile-menu, body.naha-east-child #sidebar-back, body.naha-east-child #sidebar, body.naha-east-child nav#mobile-menu{
	background-color: #aab4c4;
}
.side-logo-head.side-logo-head-nahaeast{
	font-size: 16px;
}
.naha-east-child .entry-header h1 .entry-title{
	width: 100%;
}
.contact-form-nahaeast input[type="submit"].wpcf7-confirm {
    background: #aab4c4;
}
.naha-east-child #nav-toggle span:before {
    background: url(//alphabed-inn.jp/wp-content/uploads/mobile-menubar-wh.svg)no-repeat;
	background-size: contain;
}
/*色変え*/
.naha-east .top-booking-form select, .naha-east input#check-in-date, .naha-east input#datepicker, .naha-east input#datepicker02{
	color: #aab4c4;
}
.contact-form-nahaeast .essential {
    color: #4c7981;
}
.naha-east .top-booking-form button {
	background: #fff;
}
.contact.naha-east-child input[type="submit"].wpcf7-submit{
	background: #aab4c4;
}
.contact.naha-east-child input[type="submit"].wpcf7-submit:hover{
	background: #292e3f;
}
@media (max-width: 1024px){
body.naha-east .entry-header h1 .description::after, body.naha-east-child .entry-header h1 .description::after{
	background-size: 100%;
}
body.naha-east a#logo img.custom-logo, body.naha-east-child a#logo img.custom-logo {
    max-width: 260px;
	width: 100%;
}
}
@media (max-width: 767px){
#somehotel-top-copy03{
    font-size: 2em;
	padding-top: 6vh;
}
}
/*=================================================*/
/*================スマホの予約ボタン==================*/
/*=================================================*/
aside#tertiary {
    display: block;
    position: fixed;
    z-index: 1;
    max-width: 100%;
    width: 100%;
    background: rgba(0,0,0,0.75);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	bottom: 0;
}
#acMenu dt{
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size: 15px;
}
dl#acMenu{
	margin: 0;
	padding: 1em;
}
#acMenu dd{
	width:100%;
	text-align:center;
	display:none;
}
.sp-yoyaku #acMenu .top-booking-form{
	position: inherit;
    left: inherit;
	transform: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
	margin: 0 auto;
}
.sp-yoyaku dt{
	background-color: #C49968;
	color: #fff;
}
.sapporo .sp-yoyaku dt, .sapporo-child .sp-yoyaku dt {
    background-color: #233269;
}
.naha-west .sp-yoyaku dt, .naha-west-child .sp-yoyaku dt{
	background-color: #a5b2b7;
}
.otaru .sp-yoyaku dt, .otaru-child .sp-yoyaku dt{
	background-color: #bea53c;
}
.naha-east .sp-yoyaku dt, .naha-east-child .sp-yoyaku dt{
	background-color: #aab4c4;
}
.sp-yoyaku .top-booking-form button{
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px 0;
    margin-top: 20px;
}
.sp-yoyaku th{
	padding-bottom: 0;
}
.sp-yoyaku #bookingsearchbutton .Btn-Text{
	color: #C49968;
}
.naha-east .top-booking-form .Btn-Text, .naha-east-child .top-booking-form .Btn-Text, .naha-east select#hotel-name, .naha-east-child select#hotel-name, .naha-east #bookingsearchbutton .Btn-Text, .naha-east-child #bookingsearchbutton .Btn-Text, .naha-east input::placeholder, .naha-east-child input::placeholder{
	color: #aab4c4;
}
.naha-east input#datepicker, .naha-east input#datepicker02, .naha-east-child input#datepicker, .naha-east-child input#datepicker02{
	background: url(//alphabed-inn.jp/wp-content/uploads/calendar_36x36_nahaw.svg) 5px 12px / 11px 11px no-repeat;
}
.naha-west .top-booking-form .Btn-Text, .naha-west-child .top-booking-form .Btn-Text, .naha-west select#hotel-name, .naha-west-child select#hotel-name, .naha-west #bookingsearchbutton .Btn-Text, .naha-west-child #bookingsearchbutton .Btn-Text, .naha-west input::placeholder, .naha-west-child input::placeholder{
	color: #a5b2b7;
}
.naha-west input#datepicker, .naha-west input#datepicker02, .naha-west-child input#datepicker, .naha-west-child input#datepicker02{
	background: url(//alphabed-inn.jp/wp-content/uploads/calendar_36x36_nahaw.svg) 5px 12px / 11px 11px no-repeat;
}
.sapporo .top-booking-form .Btn-Text, .sapporo-child .top-booking-form .Btn-Text, .sapporo select#hotel-name, .sapporo-child select#hotel-name, .sapporo #bookingsearchbutton .Btn-Text, .sapporo-child #bookingsearchbutton .Btn-Text, .sapporo input::placeholder, .sapporo-child input::placeholder{
	color: #233269;
}
.sapporo input#datepicker, .sapporo input#datepicker02, .sapporo-child input#datepicker, .sapporo-child input#datepicker02{
	background: url(//alphabed-inn.jp/wp-content/uploads/calendar_36x36_sappporo.svg) 5px 12px / 11px 11px no-repeat;
}
.otaru .top-booking-form .Btn-Text, .otaru-child .top-booking-form .Btn-Text, .otaru select#hotel-name, .otaru-child select#hotel-name, .otaru #bookingsearchbutton .Btn-Text, .otaru-child #bookingsearchbutton .Btn-Text, .otaru input::placeholder, .otaru-child input::placeholder{
	color: #bea53c;
}
.otaru input#datepicker, .otaru input#datepicker02, .otaru-child input#datepicker, .otaru-child input#datepicker02{
	background: url(//alphabed-inn.jp/wp-content/uploads/calendar_36x36_otaru.svg) 5px 12px / 11px 11px no-repeat;
}
@media (max-width: 767px){
.naha-west-child #sitemap-ul02 li a {
    color: #4c7981;
}
}
/*2023-01追加*/
.grecaptcha-badge { visibility: hidden; }

/*20260428追加*/
.otaru select#hotel-name, 
.otaru-child select#hotel-name,
.otaru input#datepicker,
.otaru input#datepicker02,
.otaru-child input#datepicker,
.otaru-child input#datepicker02 {
  color: #bea53c;
}