@charset "UTF-8";

/*!
Theme Name: kuraan
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
body,
html {
    font-family: 'Noto Sans JP', "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
    color: #333;
    background-color: #fff;
    /*font-weight: 500;*/
    overflow-x: hidden;
	padding: 0;
	margin: 0;
    line-height: 1.8;
}
ul,li { list-style: none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p {
	padding: 0;
	margin: 0;
	font-weight: normal;
}
a { color: #005bc5; text-decoration: none;}
a:hover { color: #005bc5; text-decoration: none;}

#navi-menu-input:checked ~ #navi-menu-close, #sidebar-menu-input:checked ~ #sidebar-menu-close, #search-menu-input:checked ~ #search-menu-close, #share-menu-input:checked ~ #share-menu-close, #follow-menu-input:checked ~ #follow-menu-close { opacity: .7;}

@media (min-width: 751px) { /*telスマホのみ*/
    a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    }
}
@media screen and (max-width: 480px){
    h2,h3 { font-size: inherit;}
}

/***********************************************************
* clearfix
***********************************************************/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
    content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: block;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
.sp { display: none;}

/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以上*/
@media screen and (min-width: 834px){
    .pc_834 {display: block;}
    .tablet {display: none;}
}

/*834px以下*/
@media screen and (max-width: 834px){
    .pc_834 {display: none;}
    .tablet {display: block;}
}

/*600px以上*/
/*@media screen and (min-width: 600px){
    .pc_min600 {display: block;}
    .pc_max600 {display: none;}
}*/

/*600px以下*/
/*@media screen and (max-width: 600px){
    .pc_min600 {display: none;}
    .pc_max600 {display: block;}
}*/

/*480px以下*/
@media screen and (max-width: 480px){
    .pc {display: none;}
    .sp { display: block;}
}

/************************************
** base
************************************/
/*ボタンカラーが「ブランドカラー」の場合*/
.bc-brand-color.sns-share.ss-bottom a[class*="-button"] {
	background-color: #493B31; /*背景の色*/
	color: #fff; /*アイコン・キャプション等の色*/
}
.go-to-top { z-index: 90 !important;}
.go-to-top .go-to-top-button { opacity: .7; cursor: pointer;}
.fa-angle-double-up:before { /*ページトップ矢印*/
    display: inline-block;
    vertical-align: middle;
    color: #ccc;
    line-height: 1;
    width: 0.6em;
    height: 0.6em;
    border: 0.15em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(25%) rotate(-45deg);
    content: "" !important;
}
.logo-image { display: none;}

.content { margin: 0;}
.wrap { width: 100%;}
.main { padding: 0; border: none;}
.bg_gray { background-color: #F1F0F0;}
.content_inner { width: 80%; max-width: 1000px; margin: auto;}
.entry-title, .archive-title { text-align: center; margin: 16px 0 30px !important;}
.entry-title span { display: block; font-size: .8em; font-weight: 400; color: #9C5451; margin-top: 8px;}

@media screen and (min-width: 1500px){
    .content_inner { max-width: 1200px;}
}
@media screen and (max-width: 1200px){
    .content_inner { width: 85%;}
}
@media screen and (max-width: 834px){
    main.main, div.sidebar { padding: 0;}
    .entry-title, .archive-title { text-align: center; margin: 0 0 20px !important;}

}
@media screen and (max-width: 480px){
    .content_inner { width: 90%;}
    .entry-title, .archive-title { text-align: center; margin: 0 !important;}
    .entry-title span { margin-top: 5px;}
    .entry-title, .article h2 { padding: 0;}

}

/************************************
** ヘッダー
************************************/
.tagline { display: none;}
/*.front-top-page .header { display: none;}*/
.front-top-page .header-container-in { display: none;}

.header_top { height: 70px; width: 100%; /*max-width: 1600px;*/ margin: auto;}
.header_top .logo { float: left; margin-left: 40px;}
.front-top-page .header_top .logo,
.page-id-148 .header_top .logo { display: none;}
.header_top .logo img { width: 200px; height: auto; padding-top: 15px;}
.header_top .yoyaku { float: right; text-align: center;}
.header_top .yoyaku a {
    display: inline-block;
    height: 70px;
    background: #9C5451;
    padding: 0 40px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 70px;
    letter-spacing: 1px;
    transition: 0.3s;
}
.header_top .yoyaku a:hover { background-color: #8B3E41; transition: 0.3s;}
.header_top .language { float: right; margin-right: 40px;}
.header_top .language a { color: #333; line-height: 70px; padding: 0 10px; font-size: 16px; transition: 0.3s;}
.header_top .language a:hover { color: #9C5451; transition: 0.3s;}
.header_top .menu {
    height: 70px;
    width: 70px;
    float: right;
    background: #2F2520; 
    text-align: center;
    cursor: pointer;
    -webkit-transition:all .4s;
    transition: all .4s;
    position: relative;
    z-index: 300;
}
.header_top .menu a { color: #fff; font-size: 30px; font-weight: 400; line-height: 70px;}

/* 固定メニュー */
.header_top.fixed {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    animation: SlideIn .4s;
}
@keyframes SlideIn {
    0% { transform: translateY(-70px);}
    100% { transform: translateY(0);}
}
.header_top.fixed .logo { display: block;}


/* ハンバーガーメニュー */
.header_top nav{
    position: fixed;
    width: 300px;
    top: 0;
    right: -300px;
    background-color: #2F2520;
    height: 100%;
    padding-top: 70px;
    z-index: 200;
  }
.header_top .menu span {
    display: inline-block;
    position: absolute;
    right: 16px;
    width: 33px;
    height: 2px;
    background: #fff;
    -webkit-transition:all .4s;
    transition: all .4s;
}
.header_top .menu span:nth-of-type(1){ top: 25px;}
.header_top .menu span:nth-of-type(2){ top: 35px;}
.header_top .menu span:nth-of-type(3){ top: 45px;}

.header_top .menu.active span { position: fixed; right: 16px;}
.header_top .menu.active span:nth-of-type(1){ top: 30px; right: 20px;transform: translateY(6px) rotate(-45deg);}
.header_top .menu.active span:nth-of-type(2){ opacity: 0;}
.header_top .menu.active span:nth-of-type(3){ top: 42px; right: 20px; transform: translateY(-6px) rotate(45deg);}
.global-navi ul { width: 70%; margin: auto;}
.global-navi li { color: #fff;}
.global-navi li a { display: inline-block; color: #fff; padding: 10px 0; font-size: 17px; font-weight: 300; letter-spacing: 1px;}
.global-navi li span { display: inline-block; margin: 0 10px;}
.global-navi_inner {
    position: fixed;
    z-index: 200; 
    width: 300px;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 1080px){
    .header_top { height: 60px;}
    .header_top .logo { margin-left: 30px;}
    .header_top .logo img { width: 175px; height: auto; padding-top: 13px;}
    .header_top .menu { height: 60px; width: 60px;}
    .header_top .yoyaku a {
        height: 60px;
        padding: 0 30px;
        font-size: 15px;
        line-height: 60px;
        letter-spacing: 0;
    }
    .header_top .language { margin-right: 20px;}
    .header_top .language a { line-height: 60px; font-size: 15px;}
    .header_top .menu span { right: 15px; width: 26px; height: 1px;}
    .header_top .menu span:nth-of-type(1){ top: 20px;}
    .header_top .menu span:nth-of-type(2){ top: 29px;}
    .header_top .menu span:nth-of-type(3){ top: 39px;}
    .global-navi li a { font-size: 16px;}
}
@media screen and (max-width: 834px){
    .header_top .logo { margin-left: 10px;}
    .front-top-page .header_top .logo,
    .page-id-148 .header_top .logo { display: block; width: 49%; text-align: left;}
    .header_top .logo img { width: 100%; height: auto; padding-top: 13px; max-width: 170px;}
    .header_top .yoyaku a {
        height: 60px;
        padding: 0 10px;
        font-size: 13px;
        line-height: 60px;
        letter-spacing: 0;
    }
    .header_top .language { display: none;}
    .global-navi li a { padding: 8px 0; font-size: 15px;}
}
@media screen and (max-width: 280px){
    .front-top-page .header_top .logo,
    .page-id-148 .header_top .logo { width: 44%;}
    .header_top .logo img { padding-top: 18px;}
}

/************************************
** フッター
************************************/
.footer { margin: 0 !important; padding: 0 !important;}
.footer-bottom {
    background-color: #3B2E28;
    color: #fff;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 300;
}
.footer-bottom a { color: #fff; font-weight: 300;}
.footer-bottom-content { text-align: left !important; padding: 70px 0 50px;}
.footer_left { width: 65%; float: left;}
.footer_left .logo { width: 219px; text-align: left;}
.footer_left .logo img { width: 100%;}
.footer_left ul {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0 0 10px;
}
.footer_left ul li { width: 33%; margin-bottom: 10px;}
.footer_left ul li:last-of-type { margin-right: auto;}
.footer_left .foot_language { margin-left: 10px; margin-top: 10px;}
.footer_left .foot_language a { font-size: 14px; font-weight: 300;}
.footer_right { width: 35%; float: left; font-size: 14px; margin-top: 30px;}
.footer_right a { color: #DB8277;}
.footer_right .foot_yoyaku { margin: 0 0 50px 0;}
.footer_right .foot_yoyaku a {
    border: 1px solid #999;
    padding: 15px 80px;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 5px;
    line-height: 1;
}
.footer_right .foot_access { margin: 30px 0 0 0;}
.footer_right .foot_access a { font-size: 15px; color: #fff;}
.footer_right .foot_access a img { vertical-align: middle;}
.footer_right .foot_access span { display: inline-block; margin: 0 0 10px 15px;  border-bottom: 1px solid #999; padding-bottom: 1px; letter-spacing: 1px;}
.footer-bottom .copyright { clear: both; margin: 0; font-size: 13px; color: #BEBEBE; margin-left: 10px;}

@media screen and (max-width: 900px){
    .footer-bottom { font-size: 15px !important;}
    .footer-bottom-content { padding: 60px 0 40px;}
    .footer_left { width: 60%; margin-bottom: 20px;}
    .footer_left .logo { width: 190px;}
    .footer_right { width: 40%; margin-top: 20px;}
    .footer_left ul li { width: 50%;}
    .footer_right .foot_yoyaku { margin: 0 0 40px 0;}
    .footer_right .foot_yoyaku a { padding: 10px 70px; font-size: 16px;}
    .footer_right .foot_access { margin: 20px 0 0 0;}
}
@media screen and (max-width: 700px){
    .footer-bottom-content { text-align: center!important; padding: 50px 0 35px;}
    .footer_left { width: 100%;}
    .footer_left ul { margin: 30px 0 20px 0;}
    .footer_left  ul li { width: 33%;}
    .footer_left .logo { margin: auto;}
    .footer_right { width: 100%;}
    .footer-bottom .copyright { margin-left: 0;}
}
@media screen and (max-width: 480px){
    .footer-bottom { font-size: 14px !important;}
    .footer-bottom-content { padding: 40px 0 30px;}
    .footer_left ul { margin: 20px 0 10px;}
    .footer_left ul li { width: 50%; margin-bottom: 5px;}
    .footer_right { margin-top: 10px; font-size: 13px;}
    .footer_right .foot_yoyaku { margin: 0 0 30px 0;}
    .footer_right .foot_access { margin: 20px 0 10px 0;}
    .footer_right .foot_access a { font-size: 14px;}
    .footer_right .foot_access a img { width: 13px; height: auto;}
}


/************************************
** トップ
************************************/
.top { padding: 0 0 40px 0;}
.top_bg {
    background-image: url("images/bg_img.gif");
    background-size: 190px auto;
    position: absolute;
    top: -170px;
    left: -160px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    opacity: 0.25;
    z-index: -1;
}
.top_inner { width: 100%; /*max-width: 1600px;*/ margin: auto; position: relative;}
.top_nav { width: 30%; float: left; text-align: center;}
.top_nav .text {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-weight: 500;
    display: inline-block;
    font-size: 22px;
}
.top_nav .logo { margin: 20px 0 40px;}
.top_nav .logo img { transform: translate( 8px);}
.top_nav .nav_content a {
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    position: relative;
    padding-bottom: 12px;
    color: #333;
    font-size: 16px;
}
.top_nav .nav_content a::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 1.5px;
    background: #9C5451;
    bottom: 18px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.top_nav .nav_content a:hover { color: #9C5451;}
.top_nav .nav_content a:hover::after {
    visibility: visible;
    bottom: 10px;
    opacity: 1;
}

@media screen and (min-width: 1500px){
    .top { padding: 0 0 80px 0;}
    .top_nav .logo { margin: 20px 0 50px;}
    .top_nav .text { font-size: 24px;}
    .top_nav .nav_content li { margin-bottom: 5px;}
    .top_nav .nav_content a { font-size: 17px; padding-bottom: 15px;}
    .top_nav .nav_content a:hover::after { bottom: 12px;}
}
@media screen and (min-width: 1700px){
    .top_bg { width: 340px; height: 340px; top: -170px; left: -170px; background-size: 200px auto;}
    .top_nav .text { font-size: 25px;}
    .top_nav .logo { margin: 25px 0 50px;}
    .top_nav .logo img { width: 190px; height: auto; }
    .top_nav .nav_content li { margin-bottom: 10px;}
    .top_nav .nav_content a { padding-bottom: 10px;}
    /*.top_nav .nav_content a::after { bottom: 20px;}*/
    .top_nav .nav_content a:hover::after { bottom: 6px;}
}
@media screen and (max-width: 1260px){
    .top_bg { width: 280px; height: 280px; top: -170px; left: -160px; background-size: 170px auto;}
    .top_nav .logo { margin: 10px 0 30px;}
    .top_nav .logo img { width: 150px; height: auto; transform: translate( 7px);}
    .top_nav .text { font-size: 19px;}
    .top_nav .nav_content a { font-size: 16px; padding-bottom: 10px;}
    .top_nav .nav_content a:hover::after { bottom: 8px;}
}
@media screen and (max-width: 1080px){
    .top_bg { width: 260px; height: 260px; top: -170px; left: -160px; background-size: 150px auto;}
    .top_nav .logo { margin: 10px 0 10px;}
    .top_nav .logo img { width: 130px; height: auto;}
    .top_nav .nav_content a { font-size: 15px; padding-bottom: 5px;}
    .top_nav .nav_content a:hover::after { bottom: 5px;}
}
@media screen and (max-width: 834px){
    .top { padding: 0;}
    .top_bg { display: none;}
    .top_nav { display: none;}
    .top_nav .nav_content { display: none;}
}

/*スライドショー*/
.top_inner .swiper-wrap {
	position: relative;
	overflow: hidden;
    width: 70%;
    height: auto;
    float: right;
}
.top_inner .swiper-wrap::after {
  content: "";
  display: block;
  width: 100%;
  height: 640px;
  /*padding-top: 70%;*/
}
.top_inner .swiper-container {
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    width:100%;
    height:100%;
}
.top_inner .swiper-wrapper { margin: 0;}
.top_inner .swiper-slide-active .slide-img,
.top_inner .swiper-slide-duplicate-active .slide-img,
.top_inner .swiper-slide-prev .slide-img { animation: zoom 5s linear 0s 1 normal both;}
@keyframes zoom {
    0% { transform: scale(1);}
    100% { transform: scale(1.1);}
}
.top_inner .slide-text {
    z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
    animation: fadeIn .8s linear 0s 1 forwards;
    animation-delay: 1s; /* 時間を送らせてアニメーション開始 */
    opacity: 0;
}
@keyframes fadeIn{
    from { opacity: 0;}
    to { opacity: 1;}
}
.top_inner .slide-text img { width: 173px; height: auto; filter: drop-shadow( 0 0 20px #000);}
/*.top_inner .slide-bg {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #392B24;
    opacity: 0.17;
}*/
.top_inner .slide-img img { object-fit: cover; width: 100%; height: 640px;}
.top_inner .swiper-pagination { /*text-align: left !important; padding-left: 20px !important;*/ display: none;}
.top_inner .swiper-pagination-bullet { border: 1px solid #fff !important; opacity: 0.7 !important; background-color: transparent !important;}
.top_inner .swiper-pagination-bullet-active { background-color: #C85634 !important; opacity: 0.7 !important;}

@media screen and (min-width: 1200px){
/*    .top_inner .swiper-wrap::after { height: 710px; padding-top: 0;}
    .top_inner .slide-img img { width: 100%; height: 710px;}
*/}
@media screen and (min-width: 1500px){
    .top_inner .swiper-wrap::after { height: 720px; padding-top: 0;}
    .top_inner .slide-img img { width: 100%; height: 720px;}
    .top_inner .slide-text img { width: 200px; height: auto;}
}
@media screen and (min-width: 1700px){
    .top_inner .swiper-wrap::after { height: 820px; padding-top: 0;}
    .top_inner .slide-img img { width: 100%; height: 820px;}
}
@media screen and (max-width: 1200px){
    .top_inner .slide-text img { width: 150px; height: auto;}
}
@media screen and (max-width: 1080px){
    .top_inner .swiper-wrap::after { height: 490px; padding-top: 0;}
    .top_inner .slide-img img { width: 100%; height: 490px;}
}
@media screen and (max-width: 834px){
    .top_inner .swiper-wrap { width: 100%; float: none;}
    .top_inner .swiper-wrap::after { height: 0; padding-top: 487px;}
    .top_inner .slide-img img { width: 100%; height: 487px;;}
    .top_inner .slide-text { text-align: center; top: 55%;}
    .top_inner .slide-text img { transform: translate( 0); width: 120px; filter: drop-shadow( 0 0 20px #000) drop-shadow( 0 0 20px #444);}
    .top_inner .slide-text .text {
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-weight: 400;
        display: inline-block;
        font-size: 20px;
        color: #fff;
        letter-spacing: 3px;
        margin-bottom: 30px;
        filter: drop-shadow( 0 0 15px #000) drop-shadow( 0 0 15px #000) drop-shadow( 0 0 15px #444);
    }
    .top_inner .slide-bg  { opacity: 0.25;}
}


/*タイトル H2*/
.front-top-page h2 p,
.page-id-148 h2 p {
    /*font-family: "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";*/
    color: #9C5451;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 40px;
    line-height: 1;
}
.front-top-page h2 p span,
.page-id-148 h2 p span { display: block; color: #333; font-size: 18px; font-weight: 400; margin-top: 10px;}

@media screen and (min-width: 1700px){
    .front-top-page h2 p, .page-id-148 h2 p { font-size: 35px;}
}
@media screen and (max-width: 1200px){
    .front-top-page h2 p, .page-id-148 h2 p { font-size: 30px; margin-bottom: 30px;}
    .front-top-page h2 p span, .page-id-148 h2 p span { font-size: 17px;}
}
@media screen and (max-width: 1000px){
    .front-top-page h2 p, .page-id-148 h2 p { font-size: 29px; margin-bottom: 20px;}
    .front-top-page h2 p span, .page-id-148 h2 p span { font-size: 16px;}
}
@media screen and (max-width: 834px){
    .front-top-page h2 p, .page-id-148 h2 p { font-size: 25px; text-align: center;}
}


/************************************
** コンセプト
************************************/
.concept { clear: both; padding: 50px 0 50px;}
.concept .photo { width: 40%; float: left;}
.concept .photo img { width: 100%; max-width: 500px; height: auto;}
.concept .text { width: 60%; float: right; padding: 30px 50px 0 80px; line-height: 2.2;}
.concept .text b { display: block; font-size: 21px; font-weight: 500; margin: 20px 0;}

@media screen and (min-width: 1500px){
    .concept .text { padding: 30px 0 0 80px;}
}
@media screen and (min-width: 1700px){
    .concept .text { padding: 30px 0 0 80px; font-size: 17px;}
    .concept .text b { font-size: 22px; margin-bottom: 30px;}
}
@media screen and (max-width: 1220px){
    .concept .text { padding: 10px 0 0 50px; font-size: 15px;}
    .concept .text b { font-size: 20px; margin-bottom: 20px;}
}
@media screen and (max-width: 1080px){
    .concept { padding: 50px 0 30px;}
    .concept .text { line-height: 2;}
    .concept .text b { font-size: 18px;}
}
@media screen and (max-width: 930px){
    .concept { padding: 50px 0 70px;}
}
@media screen and (max-width: 834px){
    .concept { padding: 40px 0 50px;}
    .concept .photo { width: 100%; float: none; text-align: center;}
    .concept .photo img { width: 100%; max-width: 380px;}
    .concept .text { width: 100%; float: none; padding: 0 0 0 0; line-height: 1.8;}
    .concept .text b { font-size: 17px; margin-bottom: 10px; /*text-align: center;*/}
}
@media screen and (max-width: 480px){
    .concept { padding: 30px 0 50px;}
    .concept .photo img { width: 100%; max-width: 250px;}
}


/************************************
** お部屋
************************************/
.rooms { clear: both; padding: 70px 0 0;}
.rooms .photo { width: 50%; float: right; padding-bottom: 60px;}
.rooms .text { width: 50%; float: left; padding: 60px 50px 60px 0; line-height: 2.2;}
/*スライドショー*/
.rooms .swiper-wrap { margin-top: -40px; position: relative;}
.rooms .swiper-pagination { /*text-align: left !important; padding-left: 20px !important;*/}
.rooms .swiper-pagination-bullet { /*border: 1px solid #8B8B8B !important;*/ width: 7px; height: 7px; opacity: 0.7 !important; background-color: #8B8B8B !important;}
.rooms .swiper-pagination-bullet-active { background-color: #AC7268 !important; opacity: 1 !important;}
.rooms .swiper-horizontal>.swiper-pagination-bullets,
.rooms .swiper-pagination-bullets.swiper-pagination-horizontal,
.rooms .swiper-pagination-custom,
.rooms .swiper-pagination-fraction { position: absolute; bottom: -30px;}

@media screen and (min-width: 1500px){
    .rooms { padding: 70px 0 0;}
}
@media screen and (min-width: 1700px){
    .rooms { padding: 70px 0 0;}
    .rooms .text { /*padding: 60px 50px 60px 0;*/ font-size: 17px;}
    .rooms .text b { font-size: 22px; margin-bottom: 30px;}
}
@media screen and (max-width: 1220px){
    .rooms .text { /*padding: 60px 50px 60px 0;*/ font-size: 15px;}
}
@media screen and (max-width: 1080px){
    .rooms .text { line-height: 2;}
}
@media screen and (max-width: 930px){
    .rooms { padding: 0;}
    .rooms .swiper-wrap { margin-top: 40px;}
}
@media screen and (max-width: 834px){
    .rooms .photo { width: 100%; max-width: 500px; margin: auto; float: none; text-align: center; padding: 30px 0 0;}
    .rooms .text { width: 100%; float: none; padding: 40px 0 40px 0; line-height: 1.8;}
    .rooms .swiper-wrap { margin-top: 0;}
    .rooms .swiper-pagination-bullet { width: 6px; height: 6px;}
    .rooms .swiper-horizontal>.swiper-pagination-bullets,
    .rooms .swiper-pagination-bullets.swiper-pagination-horizontal,
    .rooms .swiper-pagination-custom,
    .rooms .swiper-pagination-fraction { position: absolute; bottom: -20px;}
}

/************************************
** ギャラリー
************************************/
.gallery { clear: both; padding: 60px 0 0;}
.gallery h2 p { text-align: center;}

.post-edit-link { display: none;}
.modula-fancybox-image { box-shadow: 0 0 30px rgba(0,0,0,.3), 0 0 8px -5px rgba(0,0,0,.3);}
.modula-fancybox-is-open .modula-fancybox-bg { opacity: .95 !important;}
.modula-fancybox-container { touch-action: none !important;}
.modula-fancybox-container .modula-fancybox-button { background-color: rgba(0,0,0,.5) !important;}
.modula-fancybox-container .modula-fancybox-button.modula-fancybox-button--close { background-color: transparent !important;}
.modula-fancybox-navigation .modula-fancybox-button { width: 45px !important; height: 45px !important; top: calc(55% - 50px) !important;}
.modula-fancybox-navigation .modula-fancybox-button div { padding: 10px !important;}
.modula-fancybox-navigation .modula-fancybox-button div svg { display: none !important;}
.modula-fancybox-navigation .modula-fancybox-button div::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    cursor: pointer;
}
.modula-fancybox-navigation .modula-fancybox-button--arrow_right,
.modula-fancybox-navigation .modula-fancybox-button--arrow_left { padding: 0 !important;}
.modula-fancybox-button--arrow_left div::after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        left: 18px !important;
}
.modula-fancybox-button--arrow_right div::after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 6px !important;
}
.modula-fancybox-container .modula-fancybox-caption,
.modula-fancybox-container .modula-fancybox-infobar,
.modula-fancybox-container .modula-fancybox-navigation .modula-fancybox-button,
.modula-fancybox-container .modula-fancybox-toolbar { opacity:1 !important; transition:opacity .25s ease,visibility 0s ease .25s; visibility:visible !important;}
.modula-fancybox-container .modula-fancybox-infobar { left: 2% !important; top: 1% !important;}
.modula-fancybox-container .modula-fancybox-toolbar { right: 2% !important; top: 1% !important;}
.modula-fancybox-container .modula-fancybox-button svg { transform: scale(1.7);}


@media screen and (min-width: 1000px){
    .modula-fancybox-container .modula-fancybox-button { background-color: transparent!important;}
    .modula-fancybox-navigation .modula-fancybox-button--arrow_right { right: 5% !important;}
    .modula-fancybox-navigation .modula-fancybox-button--arrow_left { left: 5% !important;}
    .modula-fancybox-container .modula-fancybox-infobar { left: 2% !important; top: 1% !important;}
    .modula-fancybox-container .modula-fancybox-toolbar { right: 2% !important; top: 1% !important;}
    .modula-fancybox-container .modula-fancybox-button svg { transform: scale(1.7);}
    .modula-fancybox-navigation .modula-fancybox-button { width: 44px !important; height: 44px !important; top: calc(54% - 50px) !important;}
    .modula-fancybox-navigation .modula-fancybox-button div::after {
        width: 18px;
        height: 18px;
        border-top: 3px solid #ccc;
        border-right: 3px solid #ccc;
    }
}
@media screen and (min-width: 1500px){
    .gallery { padding: 80px 0 0;}
}
@media screen and (max-width: 834px){
    .gallery { padding: 40px 0 0;}
    .modula-fancybox-container .modula-fancybox-button svg { transform: scale(1.4);}
}
@media screen and (max-width: 660px){
    .modula-fancybox-navigation .modula-fancybox-button { width: 30px !important; height: 45px !important;}
    .modula-fancybox-button--arrow_left div::after { left: 11px !important;}
    .modula-fancybox-button--arrow_right div::after { right: 6px !important;}
}
@media screen and (min-width: 480px){
    .modula-fancybox-image {
        width: 90% !important;
        height: auto !important;
        max-width: 904px !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate( -50%, -50%) !important;
    }
    .modula-fancybox-content {
        height: auto !important;
        max-width: 904px !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate( -50%, -50%) !important;
    }
}
@media screen and (max-width: 480px){
    .gallery { padding: 30px 0 0;}
    .modula-fancybox-image {
        max-height: 420px !important;
        width: auto !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate( -50%, -50%) !important;
    }
    .modula-fancybox-content {
        width: auto !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate( -50%, -50%) !important;
    }
}

/************************************
** インフォメーション
************************************/
.info {
    padding: 60px 0 60px;
    margin: 80px 0 0 0;
    color: #333;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
}
.info h2 p { text-align: center;}
.info .floor { text-align: center;}
.info .floor img { width: 100%; max-width: 1000px; margin: 10px 0 30px;}
.info b {
    display: inline-block;
    border-bottom: 1px solid #2E2624;
    padding-bottom: 7px;
    line-height: 1;
    margin-right: 20px;
    margin-bottom: 15px;
    font-weight: 500;
}
.info .text { font-weight: 400; line-height: 2;}
.info .icon { margin: 40px 0 0;}
.info .icon ul {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
     text-align: center;
     font-weight: 500;
}
.info .icon ul li { width: 11%;}
.info .icon ul li img { width: 50px;}
.info .icon ul li:last-of-type { margin-right: auto;}
.info .icon span { display: block; margin-top: 5px; font-size: 15px; line-height: 1.2;}
.info .text02 { font-size: 15px; font-weight: 400; line-height: 1.8; margin: 40px 0 0;}
.info .text03 { font-size: 15px; font-weight: 400; line-height: 1.8;}

@media screen and (min-width: 1500px){
    /*.info { padding: 70px 0 0;}*/
}
@media screen and (max-width: 1200px){
    .info .icon ul li img { width: 45px;}
}
@media screen and (max-width: 1080px){
    /*.info { font-size: 16px;}*/
    .info .icon { margin: 30px 0 0;}
    .info .icon ul li { width: 14.2%; margin-bottom: 30px;}
    .info .icon ul li img { width: 40px;}
    .info .icon span { margin-top: 0; font-size: 14px;}
    .info .text02 { font-size: 14px; margin: 0;}
	.info .text03 { font-size: 14px;}
}
@media screen and (max-width: 834px){
    .info { font-size: 15px; padding: 50px 0 50px; margin: 60px 0 0 0;}
    .info .text { line-height: 1.9;}
    .info b { margin-bottom: 10px; padding-bottom: 5px;}
    .info .icon ul li { width: 20%; margin-bottom: 20px;}
    .info .text02 { font-size: 12px; margin: 20px 0 0; line-height: 1.7; font-weight: 300;}
	.info .text03 { font-size: 13px; line-height: 1.7;}
	.info .text03 br { display: none;}
}
@media screen and (max-width: 480px){
    .info { font-size: 14px; padding: 30px 0 30px; margin: 40px 0 0 0;}
    .info .text { line-height: 1.8;}
    .info b { margin-right: 10px;}
    .info .icon ul li { width: 33.3%; margin-bottom: 15px;}
    .info .icon ul li img { width: 35px;}
}


/************************************
** ご利用料金
************************************/
.price { padding: 60px 0 0; line-height: 2; text-align: center;}
.price h2 p { text-align: center;}
.price .text_01 {}
.price .text_02 { text-align: center; font-size: 20px; margin: 0 0 20px;}
.price .text_03 { width: 100%; max-width: 560px; margin: auto; clear: both; font-weight: 400; font-size: 15px; text-align: left;}
.price .text_04 { margin: 20px 0 15px; font-weight: 500;}
.price .text_04 span { display: inline-block; border-bottom: 1px solid #2E2624; padding-bottom: 7px; line-height: 1;}
.price .text_05 {}
.price ul { border: 1px solid #666; width: 100%; max-width: 600px; margin: auto; margin-bottom: 15px; box-sizing: border-box; font-size: 17px;}
.price ul li:first-of-type { background-color: #E4E4E4; border-right: 1px solid #666; width: 50%;  float: left; padding: 18px 0; text-align: center;}
.price ul li:last-of-type{ width: 50%; float: left; padding: 18px 0; text-align: center;}
.price .btn_01 { margin: 40px auto 30px; text-align: center;}
.price .btn_01 a { display: inline-block; background: #6B5A4E; padding: 25px 70px; font-size: 20px; letter-spacing: 1px; color: #fff; border-radius: 5px; line-height: 1; cursor: pointer; transition: .3s;}
.price .btn_01 a:hover { background: #9C5451; transition: .3s;}

@media screen and (max-width: 1000px){
    .price { text-align: left;}
}
@media screen and (max-width: 834px){
    .price { font-size: 15px; padding: 50px 0 0; line-height: 1.9;}
    .price .text_02 { font-size: 17px; margin: 0 0 10px;}
    .price .text_03 { font-size: 14px;}
    .price .text_04 { margin: 20px 0 10px;}
    .price .text_04 span { padding-bottom: 5px;}
    .price ul { font-size: 15px;}
    .price ul li:first-of-type { padding: 15px 0;}
    .price ul li:last-of-type{ padding: 15px 0;}
    .price .btn_01 { margin: 30px 0 20px;}
    .price .btn_01 a { padding: 20px 60px; font-size: 18px;}
}
@media screen and (max-width: 480px){
    .price { font-size: 14px; padding: 30px 0 0; line-height: 1.8;}
    .price ul { font-size: 14px;}
    .price .btn_01 a { font-size: 16px;}
}


/************************************
** 交通アクセス
************************************/
.access { padding: 80px 0 10px;}
.access .content_inner { max-width: 1100px;}
.access h2 p { text-align: center;}
.access .map { position: relative; width: 100%; padding-top: 30%;} /* google Map アスペクト比*/
.access .map iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;}
.access_01 {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    line-height: 2;
}
.access_01 li { width: auto;}
.access_01 li:nth-of-type(1) { padding-right: 20px; min-width: 32%;}
.access_01 li:nth-of-type(2) { margin: 0 10px; max-width: 320px; margin-left: auto;}
.access_01 li:nth-of-type(2) img { width: 100%; height: auto;}
.access_01 li:nth-of-type(3) { max-width: 320px;}
.access_01 li:nth-of-type(3) img { width: 100%; height: auto;}
.access_01 p { font-size: 17px; margin-top: 30px; font-weight: 500;}
.access_01 b { display: block; font-weight: normal;margin-bottom: 10px;}
.access_01 span { border-bottom: 1px solid #2E2624; padding-bottom: 5px; line-height: 1;}
.access_01 a { color: #9C5451;}
.access_01 .text { font-size: .9em;}
.access_02 {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.access_02 { margin: 40px 0 30px;}
.access_02 li { width: 60%; margin-bottom: 10px; font-size: 14px;}
.access_02 li:nth-of-type(2),.access_02 li:nth-of-type(4) { width: 36%;}
.access_02 li p { /*display: inline-block;*/ border-bottom: 1px solid darkgrey; padding-bottom: 2px; line-height: 1; margin-bottom: 10px; font-weight: 500; font-size: 17px; color: #584029;}
.access_02 li p img { width: 28px; height: auto; vertical-align: middle; margin: 0 10px 3px 5px;}
.access_02 li span { display: inline-block; text-indent: -1em; padding-left: 1em;}
 
.access .btn_02 { margin: 40px auto 50px; text-align: center;}
.access .btn_02 a { display: inline-block; padding: 25px 65px 25px 60px; font-size: 18px; letter-spacing: 1px; border-radius: 5px; line-height: 1; cursor: pointer; border: 1.5px solid #333; font-weight: 500; color: #333; position: relative;}
.access .btn_02.spot_btn { margin: 0 auto 60px;}
/*右矢印*/
.dli-chevron-round-right {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    right: 15px;
    width: 14px;
    height: 14px;
    transform: translate( -25%, -50%) rotate(45deg);
   /* translate: 0 -50%;*/
}

.dli-chevron-round-right::before, .dli-chevron-round-right::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.dli-chevron-round-right::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}

.dli-chevron-round-right::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}

/* モーダルウィンドウ */
.mfp-container { background-color: transparent !important; width: inherit !important; height: inherit !important; top: 0 !important; padding: 0 !important;}
.mfp-bg { background-color: #000 !important; opacity: .8 !important;}
.mfp-close {
    font-size: 50px !important;
    font-family: inherit !important;
    top: -50px !important;
    right: 0 !important;
    color: #ccc !important;
    opacity: 1 !important;
    padding-right: 0 !important;
}
img.mfp-img { width: 100% !important; max-width: 400px !important;}
.access_01 li .popup-image { cursor: zoom;}

/*アコーディオン*/
.accordion_title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    transition: all .5s ease;
}
/*アイコンの＋と×*/
.accordion_title::before,
.accordion_title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 1.5px;
    background-color: #58402A;
}
.accordion_title::before{
    top:40%;
    right: 15px;
    transform: rotate(0deg);
}
.accordion_title::after{    
    top:40%;
    right: 15px;
    transform: rotate(90deg);
}
/*　closeというクラスがついたら形状変化　*/
.accordion_title.close::before{
    transform: rotate(45deg);
}
.accordion_title.close::after{
    transform: rotate(-45deg);
}
.accordion_box {
    display: none;/*はじめは非表示*/
    padding-bottom: 30px;
}


@media screen and (min-width: 1260px){
    .access_02 li { font-size: 15px;}
}
@media screen and (max-width: 1000px){
    .access { padding: 70px 0 10px;}
    .access_01 { line-height: 1.9; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .access_01 li { width: 40%; margin-right: auto;}
    .access_01 li:nth-of-type(1) { width: 100%; padding-right: 0; margin-bottom: 30px; text-align: center;}
    .access_01 li:nth-of-type(2) { margin: 0 20px 0 0; margin-left: auto;}
    .access_01 p {  margin-top: 0;}
    .access_01 b { margin-bottom: 5px;}
    .access_02 { margin: 40px 0 20px;}
    .access_02 li { width: 100%; margin-bottom: 20px;}
    .access_02 li:nth-of-type(2),.access_02 li:nth-of-type(4) { width: 100%;}
    br.pc_1000 { display: none;}
    .access .btn_02 { margin: 40px auto 40px;}
    .access .btn_02.spot_btn { margin: 0 auto 50px;}
    .access .btn_02 a { font-size: 17px;}
    .access .map { padding-top: 35%;}
    .accordion_box { padding-bottom: 20px;}
}
@media screen and (max-width: 834px){
    .access { font-size: 15px; padding: 60px 0 20px;}
    .access .btn_02 { margin: 35px auto 30px;}
    .access .btn_02 a { font-size: 16px; padding: 20px 45px 20px 40px; letter-spacing: 0;}
    .dli-chevron-round-right { width: 12px; height: 12px;}
    .access_01 p { font-size: 15px;}
    .access_02 { margin: 20px 0 0;}
    .access .map { padding-top: 40%;}
    .mfp-close { font-size: 30px !important; top: -30px !important; right: 10px !important;}
    .accordion_title::before,
    .accordion_title::after{ width: 12px;}
}
@media screen and (max-width: 600px){
    .access { padding: 50px 0 20px;}
    .access_01 li { width: 49%; margin-right: 0;}
    .access_01 li:nth-of-type(1) { margin-bottom: 20px; text-align: left;}
    .access_01 li:nth-of-type(2) { margin: 0;}
    br.pc_1000 { display: block;}
    .access_01 li br:first-of-type { display: none;}
    .access .btn_02 a { font-size: 15px;}
    .access .map { padding-top: 50%;}
}
@media screen and (max-width: 480px){
    .access { font-size: 14px; padding: 40px 0 10px;}
    .access_02 { margin: 20px 0 10px;}
    .access_02 li { margin-bottom: 10px;}
    .access_02 li p { font-size: 15px;}
    .access_02 li p img { width: 25px;}
    .access_02 li { font-size: 13px;}
    .access .btn_02 { margin: 30px auto 20px;}
    .access .btn_02.spot_btn { margin: 0 auto 30px;}
    .access .map { padding-top: 66%;}
}
@media screen and (max-width: 300px){
    .access .btn_02 a { padding: 20px 45px 20px 30px;}
}

/************************************
** お問合せ
************************************/
.contact { padding: 70px 0 50px;}
.contact h2 p { text-align: center;}

.contact ul {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 700px;
    margin: 0 auto 15px;
}
.contact ul li {}
.contact ul li:first-of-type { width: 100px; color: #584029; font-size: 18px; /*margin-left: auto;*/}
.contact ul li:last-of-type { margin-right: auto;}
.contact input[type="text"],
.contact input[type="email"],
.contact textarea { border: 1px solid #A9A6A5; font-size: 16px; padding: 7px 10px;}
.contact input[type="text"],
.contact input[type="email"] { width: 400px;}
.contact textarea { width: 600px; height: 100px; min-height: inherit;}
.contact .re_captcha { color: #8B8B8B; font-size: 13px; text-align: center;}
.contact .re_captcha a { color: #8B8B8B;}
.contact .send_btn button[type='submit'] {
    background-color: #6B5A4E;
    width: 300px;
    font-weight: 500;
    line-height: 1;
    font-size: 20px;
    border-radius: 5px;
    padding: 25px 0;
    margin: 30px auto 0;
    letter-spacing: 1px;
}
.contact .send_btn button:hover { background-color: #9C5451;}
.contact .wpcf7 form.invalid .wpcf7-response-output,
.contact .wpcf7 form.unaccepted .wpcf7-response-output,
.contact .wpcf7 form.sent .wpcf7-response-output,
.contact .wpcf7 form .wpcf7-response-output {
    border-color: #B3272D !important;
    width: 700px;
    margin: 30px auto 0;
    box-sizing: border-box;
    font-weight: 500;
    padding: 10px 25px;
    text-align: center;
    line-height: 1.5;
}
.contact .wpcf7-not-valid-tip { color: #B3272D;}

@media screen and (max-width: 834px){
    .contact { padding: 50px 0 50px;}
    .contact ul li:first-of-type { width: 20%;}
    .contact ul li:last-of-type { width: 80%;}
    .contact ul { width: 100%; max-width: 100%;}
    .contact input[type="text"],
    .contact input[type="email"] { width: 100%;}
    .contact .send_btn button[type='submit'] { width: 220px; padding: 20px 0; font-size: 18px;}
    .contact textarea { width: 100%; height: 100px;}
    .contact .re_captcha { text-align: left;}
    .contact .wpcf7 form.invalid .wpcf7-response-output,
    .contact .wpcf7 form.unaccepted .wpcf7-response-output,
    .contact .wpcf7 form.sent .wpcf7-response-output,
    .contact .wpcf7 form .wpcf7-response-output { width: 100%;}
}
@media screen and (max-width: 630px){
    .contact ul li:first-of-type { font-size: 17px;}
}
@media screen and (max-width: 500px){
    .contact ul { margin-bottom: 10px;}
/*    .contact ul li:first-of-type { width: 100%; margin-bottom: 5px;}
    .contact ul li:last-of-type { width: 100%;}*/
}
@media screen and (max-width: 480px){
    .contact { padding: 30px 0 30px;}
    .contact ul li:first-of-type { font-size: 15px;}
    .contact .send_btn button[type='submit'] { font-size: 16px; margin: 20px auto 0;}
    .contact .re_captcha { font-size: 12px;}
    .contact .wpcf7 form.invalid .wpcf7-response-output,
    .contact .wpcf7 form.unaccepted .wpcf7-response-output,
    .contact .wpcf7 form.sent .wpcf7-response-output,
    .contact .wpcf7 form .wpcf7-response-output { text-align: left;}
}


/************************************
** 固定ページ
************************************/
.content_page { padding: 40px 0;}
.page .date-tags{ display: none;} /*固定ページの日時を非表示*/
.error404 { text-align: center;}

/************************************
** 英語ページ
************************************/
.page-id-148,
.page-id-148 h2 p {
/*    font-family: Open Sans,
    sans-serif,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans";*/
}
.page-id-148 h2 p { /*font-weight: 600;*/}
.page-id-148 .top_nav .text {
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    margin: 40px 0 30px;
    /*padding: 0 50px;*/
    font-weight: 600;
}
.page-id-148 .top_nav .nav_content a { font-weight: 400; font-size: 19px;}
.page-id-148 .concept .text b { font-size: 20px; font-weight: 600; line-height: 1.8;}
.page-id-148 .info b,
.page-id-148 .price .text_04 span { padding-bottom: 5px;}
.page-id-148 .price .btn_01 a,
.page-id-148 .access .btn_02 a { letter-spacing: 0;}
.page-id-148 .access_01 p { font-weight: 600;}
.page-id-148 .price ul, .price .text_03 { max-width: 600px;}
.page-id-148 .price ul {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (min-width: 1500px){
    .page-id-148 .top_nav .text { font-size: 23px;}
}
@media screen and (min-width: 17000px){
    .page-id-148 .concept .text b { font-size: 21px;}
    .page-id-148 .top_nav .nav_content a::after { bottom: 5px;}

}
@media screen and (max-width: 1260px){
    .page-id-148 .top_nav .nav_content a { font-size: 17px;}
    .page-id-148 .top_nav .nav_content a:hover::after { bottom: 8px;}
    .page-id-148 .concept .text { padding: 0 0 0 50px;}
    .page-id-148 .concept .text b { font-size: 19px;}
}
@media screen and (max-width: 1080px){
    .page-id-148 .top_nav .text { font-size: 18px; margin: 20px 0 30px;}
    .page-id-148 .top_nav .nav_content a { font-size: 16px; padding-bottom: 8px;}
    .page-id-148 .top_nav .nav_content a:hover::after { bottom: 8px;}
    .page-id-148 .top_inner .swiper-wrap::after { height: 500px; padding-top: 0;}
    .page-id-148 .top_inner .slide-img img { width: 100%; height: 500px;}
    .page-id-148 .concept .text { line-height: 1.9;}
    .page-id-148 .concept .text b { font-size: 17px;}
}
@media screen and (max-width: 834px){
    .page-id-148 .top_inner .slide-text {
        top: 64%;
        left: 0;
        text-align: center;
        width: 100%;
        transform: translate(0,-50%);
    }
    .page-id-148 .top_inner .slide-text .text {
        -ms-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
        text-wrap: nowrap;
        letter-spacing: 1px;
        filter: drop-shadow( 0 0 15px #000);
        margin-bottom: 90px;
        font-weight: 600;
        font-size: 17px;
    }
    .page-id-148 .concept .text { padding: 0;}
    .page-id-148 .concept .text b { font-size: 16px;}
    .page-id-148 .info b,
    .page-id-148 .price .text_04 span { padding-bottom: 5px;}
    .page-id-148 .contact ul li:first-of-type { width: 25%;}
    .page-id-148 .contact ul li:last-of-type { width: 75%;}
}
@media screen and (max-width: 480px){
    .page-id-148 .access .btn_02 a { line-height: 1.5; padding: 15px 45px 15px 40px;}
}
/*.page-id-148 .concept .text,
.page-id-148 .rooms .text,
.page-id-148 .info .text,
.page-id-148 .info .text02,
.page-id-148 .price .text_01,
.page-id-148 .price .text_03,
.page-id-148 .price .text_05,
.page-id-148 .accordion_box { text-align: justify;}*/

/************************************
** Contact Form 7　共通
************************************/
.wpcf7 .ajax-loader { display: none !important;} /*Ajaxローダー非表示*/
.wpcf7 .wpcf7-spinner { display: none !important;} /*スピナー非表示*/

/*プラグイン　アコーディオン*/
.ark-block-accordion__title {
  padding: 10px 20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
    }
.ark-block-accordion__icon:after, .ark-block-accordion__icon:before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
[data-icon-type=plus] .ark-block-accordion__icon { position: absolute; top: 1em; right: 1em;}

/*プルダウン*/
.wpcf7 select {
    cursor: pointer;
    text-overflow: ellipsis;
	border: none;
	background: #fff;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
    outline: none;
    height: 43px;
    color: #333;
}
select::-ms-expand { display: none;} /* デフォルトの矢印を無効(IE用) */
.wpcf7 input:focus { boutline: none;}
.wpcf7 select:focus { boutline: none;}

.select-01 .wpcf7-form-control-wrap,
.select-02 .wpcf7-form-control-wrap { position: relative;}
.select-01 .wpcf7-form-control-wrap::before,
.select-02 .wpcf7-form-control-wrap::before {
    content: '';
    line-height: 1;
    width: 9px;
    height: 9px;
    padding: 0;
    border: 2px solid #4D688E;
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    top: 6px;
    pointer-events: none;
    z-index: 1;
    transform: translateY(-25%) rotate(135deg);
}
.select-01 .wpcf7-form-control-wrap::before { left: 92px;}
.select-02 .wpcf7-form-control-wrap::before { left: 272px;}
.wpcf7 .box-01 { width: 120px;}
.wpcf7 .box-02 { width: 300px;}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #dc3232 !important;
    width: 100%;
    margin: 20px auto 0;
    box-sizing: border-box;
    font-weight: 500;
    padding: 10px 25px;
}

/*ファイル添付*/
.codedropz-upload-container { background-color: #fff;}
.codedropz-upload-inner h3 {
  font-size: 20px !important;
  line-height: 20px !important;
  border: 0;
  padding: 0;
  color: #4D688E;
  font-weight: 500;
  margin-bottom: 0;
}
.codedropz-upload-inner h3::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: "\f030";
  margin-right: 15px;
}
.codedropz-upload-inner span { color: #4D688E;}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span { background: cornflowerblue !important; font-size: 12px !important; padding: 0 10px;}
.dnd-upload-status .dnd-upload-image { background-color: #fff;}

/*送信ボタン*/
button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
button[type='submit'] {
  display: inherit;
  width: 400px;
  background-color: #4D688E;
  padding: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1.8;
  font-size: 23px;
  margin: auto;
  border-radius: 10px;
  cursor: pointer;
}
button[type='submit'] span { display: block; font-size: 17px; font-weight: 500;}
button.hover { background-color: #4D688E; transition: .3s;}
button.hover:hover { background-color: #4B81C2;}

/*reCAPTCHA*/
.recaptcha { text-align: center; margin: 30px 0 0 0; color: #9FA0A0; font-weight: 400; font-size: 12px;}
.recaptcha a { color: #3B88C9; text-decoration: none;}
.grecaptcha-badge { visibility: hidden; }

@media screen and (max-width: 834px) {
    .ark-block-accordion__title { line-height: 1.3;}
    [data-icon-type=plus] .ark-block-accordion__icon { top: 12px;}
    .dnd-upload-status .dnd-upload-details { width: 80% !important;}
    .dnd-upload-status .dnd-upload-details .name { /*display: block !important;*/ padding-right: 0 !important;}
    .dnd-upload-status { /*display: block !important;*/ width: 300px !important; margin-bottom: 10px;}
    .wpcf7 select { height: 34.5px;}
    .select-01 .wpcf7-form-control-wrap::before,
    .select-02 .wpcf7-form-control-wrap::before { width: 7px; height: 7px; top: 3px;}
    .select-01 .wpcf7-form-control-wrap::before { left: 95px;}
    .select-02 .wpcf7-form-control-wrap::before { left: 275px;}
    .codedropz-upload-handler { margin-bottom: 5px !important;}
    .codedropz-upload-container { padding: 10px 10px !important;}
    .codedropz-upload-inner h3 { font-size: 16px !important; line-height: 1 !important;}
    button[type='submit'] { width: 90%; max-width: 400px; padding: 10px; line-height: 1.5; font-size: 20px;}
    button[type='submit'] span { font-size: 15px;}
    .recaptcha { margin-top: 20px !important;}
    .wpcf7-not-valid-tip { font-size: 15px;}
    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.unaccepted .wpcf7-response-output { width: 90%; margin: 20px auto 0;}
}

/************************************
** 宿泊者名簿 / 送信完了ページ / プライバシーポリシー
************************************/
.page-id-2 .content_inner, .page-id-32 .content_inner, .page-id-3 .content_inner { width: 100%;}
.page-id-2, .page-id-32, .page-id-3 { background-color: #fff;}
.page-id-2 .wrap, .page-id-32 .wrap,
.page-id-3 .wrap { width: 100%; max-width: 1000px;}
.page-id-2 .content .main, .page-id-32 .content .main,
.page-id-3 .content .main { width: 90%; margin: auto; padding: 0;}
.page-id-2 .content_page, .page-id-32 .content_page, .page-id-3 .content_page { padding: 0;}
.content_page
.page-id-2 .header-container, .page-id-32 .header-container, .page-id-3 .header-container {display: none;} /* headerを非表示 */
.page-id-2 #header, .page-id-32 #header, .page-id-3 #header {display: none;} /* headerを非表示 */
.page-id-2 .header_top, .page-id-32 .header_top, .page-id-3 .header_top { visibility: hidden; height: 0;} /* headerを非表示 */
.page-id-2 footer, .page-id-32 footer, .page-id-3 footer {display: none;} /* footerを非表示 */
.page-id-2 .footer, .page-id-32 .footer, .page-id-3 .footer{ margin-top: 0;}
.page-id-2 .footer-bottom, .page-id-32 .footer-bottom, .page-id-3 .footer-bottom { margin-top: 0;}
.page-id-2 .copyright, .page-id-32 .copyright, .page-id-3 .copyright { color: #333; text-align: center; font-size: 14px;}
.page-id-2 .header_top .yoyaku, .page-id-32 .header_top .yoyaku, .page-id-3 .header_top .yoyaku {display: none;}
.page-id-2 .header_top .menu, .page-id-32 .header_top .menu, .page-id-3 .header_top .menu {display: none;}
.page-id-2 .header_top .logo, .page-id-32 .header_top .logo, .page-id-3 .header_top .logo {display: none;}
.page-id-2 .entry-content, .page-id-32 .entry-content, .page-id-3 .entry-content { margin-bottom: 0 !important;} 
.page-id-2 .entry-title, .page-id-32 .entry-title,
.page-id-3 .entry-title { text-align: center; font-weight: 700; margin: 30px 0 !important; line-height: 1.5;}
.page-id-2 .entry-title span,
.page-id-3 .entry-title span { color: #4D688E; font-size: .9em; font-weight: 500;}
.page-id-3 .article h3 {
  margin-top: 2em;
  /*border-left-color: #4D688E;*/
  border-bottom: none;
  border-right: none;
  border-top: none;
  font-size: 20px;
  padding: 10px 20px;
}

.page-id-2 input[type="text"] { border: 1px solid #7787A8; font-size: 18px;}
.page-id-2 select { border: 1px solid #7787A8;}
.page-id-2 .text01 { display: block; color: #4D688E; font-size: 14.5px; font-weight: 400; margin-top: 10px; line-height: 1.5;}
.page-id-2 .text02 { display: block; color: #4D688E; font-size: 13px; font-weight: 400; line-height: 1.5;}
.page-id-2 .text03 { display: block; color: #4D688E; font-size: 12px; font-weight: 400; line-height: 1.5;}
.page-id-2 .text_b { font-weight: 700;}
.page-id-2 .yado .wpcf7-list-item-label { font-weight: 500;}
.page-id-32 { text-align: center;}
.page-id-32 i { color: cornflowerblue; font-size: 80px;}
.page-id-32 .thanx_en { font-weight: 500; font-size: 23px;}

.radius_box {
  border-radius: 10px;
  background-color: #F7F8F8;
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .2);
  margin: 50px 0;
  padding-bottom: 30px;
}
.main_title {
  background-color: #4D688E;
  color: #fff;
  border-radius: 10px 10px 0 0;
  font-size: 25px;
  text-align: left;
  padding: 10px 25px;
  font-weight: 500;
  margin-bottom: 20px;
}
.main_title span { display: inline-block; margin-left: 15px; font-size: 16px;}

/*table*/
.contact_box .radius-table {
  border-spacing: 0;
  border: none;
   margin-bottom: 0;
}
.contact_box .radius-table tr {
  border: none;
  background-color: #F7F8F8;
}
.contact_box .radius-table tr:first-child { padding-top: 30px;}
.contact_box .radius-table td {
  border: none;
  padding: 13px 25px;
}
.contact_box .radius-table tr td:first-child {
  color: #4D688E;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.3;
  width: 34%;
  padding: 13px 0 13px 25px;
}
.contact_box .radius-table tr td:first-child span { font-size: 15px; font-weight: 400;}
/*.page-id-2 .radius-table tr:first-child td { padding-top: 30px;}*/
/*.page-id-2 .radius-table tr:nth-child(2) td { padding-top: 30px;}
.page-id-2 .radius-table tr:last-child td { padding-bottom: 30px;}*/

@media screen and (max-width: 834px) {
  .page-id-2 .content .main, .page-id-32 .content .main, .page-id-3 .content .main { width: 100%;}
  .page-id-2 .content .main p, .page-id-3 .content .main p { width: 90%; margin: auto;}
  .page-id-32 .content .main p { width: 90%; margin: 0 auto 1.5em; font-size: 15px;}
  .page-id-2 .entry-title, .page-id-3 .entry-title { margin: 46px 0 10px !important;}
  .page-id-32 .entry-title { margin: 40px 0 10px !important; font-size: 22px;}
  .page-id-32 .content .main p.thanx_en { font-size: 20px;}
  .page-id-2 .ark-block-accordion, .page-id-3 .ark-block-accordion { width: 90%; margin: 15px auto;}
  .page-id-2 .ark-block-accordion p, .page-id-3 .ark-block-accordion p { width: 100% !important;}
  .page-id-2 input[type="text"], .page-id-2 select { font-size: 16px; padding: 7px 12px;}
  .page-id-2 .text01 { font-size: 13px; margin-top: 6px;}
  .page-id-2 .text02 { font-size: 12.5px; margin-bottom: 10px;}
  .page-id-2 .text03 { font-size: 11px; margin-bottom: 0;}
  .page-id-3 .article h3 { width: 90%; margin: 1.5em auto; font-size: 18px; padding: 5px 15px;}
  .radius_box { margin: 30px 0; border-radius: 0;}
  .main_title { font-size: 20px; padding: 10px 20px; border-radius: 0; margin-bottom: 5px;}
  .main_title span { display: block; margin-left: 0; font-size: 13px;}
  .contact_box .radius-table td { display: block; width: 100%; padding: 0 20px;}
  .contact_box .radius-table tr td:first-child { width: 100%; padding: 20px 20px 13px 20px; font-size: 18px; line-height: 1.3; font-weight: 700;}
/*  .contact_box .radius-table td br { display: none;}*/
  .contact_box .radius-table td.block br { display: block;}
  .contact_box .radius-table tr td:first-child span { font-size: 14px; padding-left: 10px;}
  .contact_box .radius-table tr td.block:first-child span { padding-left: 0;}
}


/*カレンダー*/
.ui-datepicker { width: auto !important; padding: 5px !important;}
table:not(.has-border-color) th, table:not(.has-border-color) td { border: 0; padding: 0;}
table tr:nth-of-type(2n+1) { background-color: #fff;}
.ui-datepicker table { margin: 0 !important;}
.ui-datepicker th { background-color: #fff; color: #4D688E; font-size: 15px; padding: 5px !important;}
.ui-datepicker td span, .ui-datepicker td a {
  text-align: center !important;
  border-radius: 3px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin: 3px;
  border: none !important;
  color: #4D688E !important;
  background-color: #E9EAEA !important;
  background: #E9EAEA !important;
  padding: 0 !important;
  /*font-size: 15px !important;*/
}
.ui-widget-header { border: none !important; background: #E9EAEA !important;}

.ui-widget-header .ui-icon { background-image: none !important;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { top: 70% !important; cursor: pointer;}
.ui-datepicker-rtl .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { right: 2px !important; top: 2px !important;}

.ui-datepicker-rtl .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover { left: 2px !important; top: 2px !important;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
    border: none !important;
    background: #E9EAEA !important;
    color: #2b2b2b;
}
.ui-icon-circle-triangle-e { /*右矢印*/
  display: inline-block;
  vertical-align: middle;
  color: #4D688E;
  line-height: 1;
  position: relative;
  width: 12px !important;
  height: 12px !important;
  transform: translateX(-25%) rotate(45deg);
}
.ui-icon-circle-triangle-e::before,
.ui-icon-circle-triangle-e::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}
.ui-icon-circle-triangle-e::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.ui-icon-circle-triangle-e::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
.ui-icon-circle-triangle-w { /*左矢印*/
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 12px !important;
  height: 12px !important;
  border: 2px solid #4D688E;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(25%) rotate(-135deg);
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 40% !important;}
.ui-datepicker .ui-datepicker-title select {
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  margin: 1px 5px !important;
  color: #333;
  background: #fff;
  cursor: pointer;
  box-shadow: none;
  background-image: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { /*今日の日付*/
  border: none !important;
  background: blanchedalmond !important;
  color: peru !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { /*選択した日付*/
  border: none !important;
  background: #4D688E !important;
  color: #FFF !important;
}

/*ラジオボタン*/
.page-id-2 .wpcf7-radio label { position: relative;}
.page-id-2 input[type="radio"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-left: 30px;

  }
.page-id-2 input[type="radio"]::before,
.page-id-2 input[type="radio"]::after {
  content: "";
  display: block; 
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.page-id-2 input[type="radio"]::before {
  background-color: #fff;
  border: 1px solid #7787A8;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 5px;
}
.page-id-2 input[type="radio"]::after {
  background-color: #4D688E;
  border-radius: 50%;
  opacity: 0;
  width: 12px;
  height: 12px;
  left: 10px;
  top: 5px;
}
input[type="radio"]:checked::after {
  opacity: 1;
}
.page-id-2 .wpcf7-list-item { margin: 0 1em 0 0;}
.page-id-2 .wpcf7-list-item-label { color: #4D688E; font-size: 19px; font-weight: 400;}
.page-id-2 .wpcf7-list-item-label span { display: block; font-size: 15px; margin-left: 35px; line-height: 1.3;}

@media screen and (max-width: 834px) {
  .page-id-2 .wpcf7-list-item-label { font-size: 16px;}
  .page-id-2 .wpcf7-list-item { margin: 0 0.5em 0 0;}
  .page-id-2 .wpcf7-list-item-label span { font-size: 12px; margin-left: 26px; line-height: 1.1;}
  .page-id-2 input[type="radio"] { padding-left: 23px;}
  .page-id-2 input[type="radio"]::before, .page-id-2 input[type="radio"]::after { top: -3px; left: 0;}
  .page-id-2 input[type="radio"]::before { width: 18px; height: 18px;}
  .page-id-2 input[type="radio"]::after { top: 2px; width: 10px; height: 10px; left: 5px;}
  .ui-datepicker th { font-size: 12.5px;}
  .ui-datepicker td span, .ui-datepicker td a { height: 25px; line-height: 25px; font-size: 14px !important;}
}

/************************************
** Booking Package　宿泊予約ページ
************************************/
.page-id-153 { /*font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";*/}
#booking-package { /*color: #555 !important;*/}
#booking-package_calendarPage .pointer:after,
#booking-package_calendarPage .closeDay.pointer:after {
    display: block;
    font-size: 18px;
    font-family: 'Noto Sans JP', "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
    font-weight: 600;
}
#booking-package_calendarPage .pointer:after {
    content: '○';
    color: coral;
}
#booking-package_calendarPage .closeDay.pointer:after {
    content: '-';
    color: gray;
}
#booking-package .calendarWidthForHotel { padding-right: 5% !important;}
#booking-package select { border: 1px solid #777 !important;}
#booking-package_durationStay .optionsTitle, #booking-package_durationStay .guestsTitle { font-size: 16px !important;}
#booking-package_durationStay .clearLabel { color: coral !important;}
#booking-package_durationStay .value { font-size: 18px !important;}
#summaryListPanel .totalLengthOfStayLabel { color: #9C5451 !important;}
#returnToSchedules { margin: 0;}
button#returnToSchedules { margin: 0; background-color: #E4E4E4; color: #333;}
button#returnToSchedules:hover { background-color: #D5D5D5;}

#booking-package_inputFormPanel .row, #booking-package_myBookingDetails .row, #booking-package_serviceDetails .row, #booking-package_myBookingDetailsFroVisitor .row { /*border-bottom-width: 0 !important;*/}
#booking-package_durationStay .value { font-size: 15px !important;}
#summaryListPanel .list, #summaryPanel .list { font-weight: 400;}
#booking-package .description { font-size: 14px; color: #777;}
#booking_package_input_checkin, #booking_package_input_terms { margin-bottom: 10px;}

#paymentPanel::before {
    display: block;
    font-size: 16px;
    color: #ff1c1c;
    content: '入力内容に間違いが無ければ、支払い情報を入力してください。';
    padding: 30px 10px 0;
}
#booking-package_pay_with_paypal, #booking-package_pay_with_stripe::before {
    display: block;
    font-size: 14px;
    content: '全ての取引は安全で暗号化されています。';
    padding: 0 0 10px;
    color: gray;
}
#booking-package_pay_with_paypal, #booking-package_pay_with_stripe {
padding: 0 10px 10px !important;
}
#card-element { border: 1px solid #B3B3B3 !important;}

/*プルダウン*/
#booking-package_inputFormPanel input[type=text] ,
#booking-package_inputFormPanel select,
#booking-package_durationStay select {
    text-overflow: ellipsis;
	border: none;
	background: #fff;
	background-image: none;
	box-shadow: none;
	/*-webkit-appearance: none;
	appearance: none;*/
    outline: none;
    height: 40px;
    color: #333;
    border-radius: 3px;
    padding: 0.5em 0.7em !important;
    font-size: 16px !important;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
#booking-package_inputFormPanel input[type=text] { border: 1px solid #B3B3B3 !important;}
#booking-package_inputFormPanel select,
#booking-package_durationStay select { border: 1px solid #838383 !important;  cursor: pointer;}

/*チェックボックス*/
#booking-package_inputFormPanel input[type=checkbox] {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding-left: 30px;
    vertical-align: middle;
    position: relative;
    width: 14px;/*チェックボックスの横幅*/
    height: 14px;/*チェックボックスの縦幅*/
}
#booking-package_inputFormPanel input[type="checkbox"]::before,
#booking-package_inputFormPanel input[type="checkbox"]::after {
    content: "";
    display: block; 
    position: absolute;
}
#booking-package_inputFormPanel input[type="checkbox"]::before {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #7C838B;
    width: 14px;/*チェックボックスの横幅*/
    height: 14px;/*チェックボックスの縦幅*/
    transform: translateY(-50%);
    top: 50%;
    left: 5px;
  }
#booking-package_inputFormPanel input[type="checkbox"]::after {
    border-bottom: 2.5px solid #fff;/*チェックの太さ*/
    border-left: 2.5px solid #fff;/*チェックの太さ*/
    opacity: 0;/*チェック前は非表示*/
    height: 4px;/*チェックの高さ*/
    width: 9px;/*チェックの横幅*/
    transform: rotate(-45deg);
    top: 2px;/*チェック時の位置調整*/
    left: 8px;/*チェック時の位置調整*/
  }
#booking-package_inputFormPanel input[type="checkbox"]:checked::after {
    opacity: 1;/*チェック後表示*/
  }
#booking-package_inputFormPanel input[type="checkbox"]:checked::before {
    background-color: cornflowerblue;
    border: 1px solid cornflowerblue;
}


/*#guestsSelect_0_0, .value { position: relative;}
#guestsSelect_0_0::before,
.value::before {
    content: '';
    line-height: 1;
    width: 9px;
    height: 9px;
    padding: 0;
    border: 2px solid #4D688E;
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    top: 50%;
    pointer-events: none;
    z-index: 1;
    transform: translate(-25%, -70%) rotate(135deg);
    right: 20px;
}*/


@media screen and (min-width: 1200px) {
    #booking-package,
    #booking-package_durationStay .optionsTitle, #booking-package_durationStay .guestsTitle,
    #booking-package_durationStay .value
    { font-size: 17px !important;}
    #booking-package_durationStay .value { font-size: 16px;}
    #booking-package .nextPageVisitorDetails { padding-left: 30px !important;}
}
@media screen and (max-width: 834px) {
    .page-id-153 .yoyaku_text { font-size: 15px;}
    #booking-package .calendarWidthForHotel { padding-right: 0 !important; max-width: 300px; margin: auto;}
    #booking-package_calendarPage .pointer:after,
    #booking-package_calendarPage .closeDay.pointer:after { font-size: 15px; margin-top: -7px;}
    #booking-package_calendarPage .dayPanelHeight { height: 3.5em !important;}
}
@media screen and (max-width: 600px) {
    #booking-package_durationStay .value { font-size: 15px;}
    #booking-package_durationStay .name { font-size: 15px;}
    #booking-package_durationStay .optionsTitle, #booking-package_durationStay .guestsTitle { font-size: 15px !important;}
    #booking-package_inputFormPanel .selectedDate, #booking-package_myBookingDetails .selectedDate { font-size: 1.2em !important;}
    #booking-package_durationStay .bookingDetailsTitle { font-size: 1.2em !important;}
}
@media screen and (max-width: 480px) {
    #booking-package_inputFormPanel .row, #booking-package_myBookingDetails .row, #booking-package_serviceDetails .row, #booking-package_myBookingDetailsFroVisitor .row { padding: 5px !important;}
}

/*利用規約*/
.yoyaku_text { border-top: 1px solid #ACACAC; padding-top: 30px;}
.kiyaku { font-size: 1.2em; margin-bottom: 0 !important;}
.kiyaku span { display: block; font-size: .8em; color: #777;}
.kiyaku_title { font-weight: 600; margin: 30px 0 5px !important;}
.kiyaku_title::before { content: '■'; display: inline-block; padding-right: 3px; font-size: .9em;}
.yoyaku_text ul { margin: 0; padding: 0; /*text-indent: -1em; padding-left: 1em;*/}
.yoyaku_text  ul li { margin: 0;}
.yoyaku_text ul.kakuteigo { text-indent: -0.5em; padding-left: 1em;}
.yoyaku_text ul.kakuteigo li::before { content: '◎'; display: inline-block; padding-right: 3px; font-size: .9em; font-weight: 600;}
.yoyaku_text .ark-block-accordion__title { margin-top: 20px;}

@media screen and (max-width: 834px) {
.yoyaku_text { padding-top: 20px;}
.kiyaku_title { font-weight: 600; margin: 20px 0 5px !important;}

}
@media screen and (max-width: 480px) {
.yoyaku_text { font-size: .9em; line-height: 1.75;}
.kiyaku_title { font-weight: 600; margin: 15px 0 3px !important;}
}

/*ご予約受付完了*/
.page-id-251 .entry-title { display: none;}
.page-id-251 .entry-content { max-width: 800px; margin-left: auto; margin-right: auto;}
.re_thanx {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
     -webkit-align-items: center;
    align-items: center;
    margin-bottom: 60px;
}
.re_thanx i { font-size: 52px; margin-right: 20px; color: #9C5451;}
.re_thanx b { font-size: 22px; line-height: 1.6; font-weight: 500; margin-right: 20px;}
.re_thanx b span { display: block; font-size: 17px; padding-left: 5px;}
.page-id-251 .en { font-size: .9em;}

@media screen and (min-width: 1500px) {
    .re_thanx i { font-size: 54px; margin-right: 25px;}
    .re_thanx b { font-size: 24px; margin-right: 30px;}
    .re_thanx b span { font-size: 19px;}
}
@media screen and (max-width: 1000px) {
    .re_thanx { margin-bottom: 45px;}
    .re_thanx i { font-size: 45px; margin-right: 20px;}
    .re_thanx b { font-size: 20px; margin-right: 15px;}
    .re_thanx b span { font-size: 16px;}
}
@media screen and (max-width: 834px) {
    .page-id-251 .entry-content { font-size: 15px;}
    .re_thanx { margin-bottom: 40px;}
}
@media screen and (max-width: 600px) {
    .re_thanx { margin-bottom: 30px;}
    .re_thanx i { font-size: 35px; margin-right: 10px;}
    .re_thanx b { font-size: 18px; margin-right: 10px;}
    .re_thanx b span { font-size: 15px;}
}