@charset "UTF-8";
/* CSS Document */
@font-face {font-family: 'Crimson Text', serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* icomoon */
@font-face {
  font-family: 'icomoon';
  src:  url('../eot/icomoon7719-2.eot?md06yz');
  src:  url('../eot/icomoon7719-2.eot?md06yz#iefix') format('embedded-opentype'),
url('../ttf/icomoon7719-2.ttf?md06yz') format('truetype'),
url('../woff/icomoon7719-2.woff?md06yz') format('woff'),
url('../svg/icomoon7719-3.svg?md06yz#icomoon') format('svg');
  font-weight: normal;font-style: normal;}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important; speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.icon-location:before {content: "\f060";}
.icon-triangle-down:before {content: "\f05b";}
.icon-triangle-left:before {content: "\f044";}
.icon-triangle-right:before {content: "\f05a";}
.icon-triangle-up:before {content: "\f0aa";}

html { -webkit-text-size-adjust: none; -webkit-font-smoothing: aliased; -webkit-overflow-scrolling: touch; font-size: 62.5%; font-family: 'Crimson Text'; font-weight: 400; color:#333; line-height:140%;}
body {margin: 0 auto; width:100%; padding: 0; background:#fff; font-size: 2.5rem;}
section, article, header, footer, div{ width: 100%; margin:0 auto;padding:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box; }
ul{margin:0; padding:0; list-style-type:none; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;}
p{margin:16px 0; line-height:130%; padding:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;}
.ss-font{font-size:1.8rem;}
.txt-center{text-align: center;}

a{text-decoration:none;display:block;}
a:link{text-decoration:none;display:block;}
a:hover{text-decoration: underline;}
a:hover img{opacity: 0.8;}
a:visited{text-decoration:none;}
a.in{display: inline; text-decoration: underline; color: inherit;}
a.in-b{display: inline; text-decoration: underline; color:#333;}

.bold{ font-weight: bold;}
hr{margin: 30px auto}

/*pcで見えない*/
.pc{display: none;} .mo{display:inline;} 
@media screen and (min-width:760px) {.pc{display:inline;} .mo{display: none;}}

img{ width:100%; height:auto; display:block; margin:0; padding:0;border:0px;border-radius: 12px;}
img.square{border-radius: 0;}

.clearfix:after { /*floatの解除*/
display:block;clear:both;height:0px;visibility:hidden;content:".";}
.clearfix {min-height: 1px; }
* html .clearfix {height: 1px; height: auto; overflow: hidden;}

.clear{clear: both;}
.clear_r{clear:right;}
.center{margin-left:auto;margin-right:auto;}
.relative{position:relative;}
.float_l{float: left;}
.float_r{float:right;}

H1{font-size:3rem;line-height: 110%; font-weight: normal;}
H2{font-size:3.2rem; line-height:110%; font-weight: normal;}
H3{font-size: 2.8rem;line-height: 130%; font-weight: normal;}

strong{ color: darkgreen; font-weight: normal;}

/*基本のパディング*/
.inner{padding:20px;padding-bottom: 50px; }
.page-in{ margin-top: 40px; background: rgba(255,255,255,0.83); padding:15px 25px; -webkit-border-radius: 12px; -moz-border-radius: 12px;border-radius: 12px;}

@media screen and (min-width:760px) {
.inner{width:100%; padding: 20px 5%; max-width:1600px;}
.page-in{padding:25px 50px;}}

/*左右に振り分け*/
.wrapper{width:100%; padding:8px 0; margin: 30px auto;}
.wrapper img{margin:16px 0; }
.wrapper ol{margin: 0; padding: 0; padding-left: 20px;}
.wrapper p.ss-font{margin:10px 0; line-height:100%; }
.wrapper .right.space{padding-top: 40px;}

@media screen and (min-width:960px)  {
.wrapper{width:800px;}
.wrapper .left.hrf-tab{float:left; width:48%;}
.wrapper .right.hrf-tab{float:right; width:48%; margin-left:4%;}
}
@media screen and (min-width:1280px)  {	
.wrapper{width:100%; }
.wrapper .left{float:left; width:48%;}
.wrapper .left.small{width:40%;}
.wrapper .right.space{padding-top: 0;}
.wrapper .right{float:right; width:48%; margin-left:4%;}
.wrapper .right.large{width: 56%;}
}

/*３列わけ*/
ul.three{width:100%;} 
ul.three li{width: 100%; margin:16px 0; margin-bottom: 10px; line-height:130%; padding:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;}
ul.three li a{color: #fff;}
@media screen and (min-width:960px)  {
ul.three {overflow: hidden;}
ul.three li{ float: left; width: 31%; margin-right: 2%;}
}

/*header*/
header{ background:#000; color:#FFF; width:100%; padding: 5px 0 0 0; }
div.h-top{width: 100%; height: 30px; padding: 0;}
div.logo{width:40%; max-width:150px; float: left; margin-left: 5px;} 
ul.lang{width:50%; height: 22px; float: right; margin-top: 10px;}

ul.lang li{margin: 0; padding:4px 0; float: left; }
ul.lang li.lang-1{width:25%; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; border-right: 1px #999 solid;}
ul.lang li.lang-2{width:47%; margin-top: 0; border: none;}
ul.lang li a{color:#D2CA9B; font-size: 1.3rem;text-align: center; line-height: 22px;}
ul.lang li.lang-2 a{color: #FFF; letter-spacing: 1px;}

header h1{font-size:1.6rem;font-weight:normal; text-align: left; margin: 0; margin-left: 10px; padding-top: 4px;}

ul.head-menu{color:#FFF; width:100%; line-height: 110%!important; display: table; table-layout: fixed; height: 50px;}
ul.head-menu li{width:15%; font-size:1.4rem; display: table-cell; text-align: center; position: relative; }
ul.head-menu li a{display: block;}
ul.head-menu li.non{display: none;} 
ul.head-menu img{width:50px!important; height:auto; margin:0 auto;}
ul.head-menu li img a{width:50px!important; height:auto; margin:0 auto; }
ul.head-menu a{color: #fff;}
ul.dropdown-content{list-style: none;position: absolute;visibility: collapse;width:170%;top: 100%;margin: 0;padding: 0;z-index: 300;}
ul.dropdown-content li{width: 170%!important;display: list-item;color: #fff; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s;-ms-transition: .2s; transition: .2s; line-height: 30px;}
ul.dropdown-content li.group {
  background: #060606;
  font-size: 2rem !important;
  text-align: center;
  padding: 3px 0;
}
ul.dropdown-content.other li{left:-60%;}
ul.dropdown-content li:nth-child(even) a{ padding: 8px 16px; background: #696969; text-align: left; font-size: 2rem!important;}
ul.dropdown-content li:nth-child(odd) a{ padding: 8px 16px; background: #333333; text-align: left; font-size: 2rem!important;}
ul.head-menu li:hover > a{background: #000; color: #e0dc62; }
@media (min-width: 560px) {
  ul.dropdown-content li a.alt {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  ul.dropdown-content li a.alt span:first-of-type {
    width: 80px;
  }
  ul.dropdown-content li a.alt span:last-of-type {
    flex: 1;
    padding-left: 6px;
  }
}
@media (max-width: 559px) {
  ul.dropdown-content li a.alt span:first-of-type {
    font-weight: bold;
    margin-right: 6px;
    text-decoration: underline;
  }
}
ul.head-menu li:hover .dropdown-content li{visibility: visible;height: 200%; }
ul.dropdown-content li:first-child{ margin-top: 0;}

.comment{background-color:DarkSlateGray;margin: 0;}
.comment p{margin: 0; font-size: 2rem; color:#fff; text-align: center; padding: 10px; }

@media screen and (min-width:760px) {
header{ padding:5px 20px 0 20px; }
ul.head-menu li{width:15%;} 
ul.head-menu li.non{display:table-cell;} }

@media screen and (min-width:960px)  {
header{height:90px; position:relative;}
div.h-top{position:absolute;top:10px; left: 0; }
div.logo{ max-width:180px; position:absolute; top:0; left: 20px; }
ul.lang{position:absolute; top:0; right:16px; width:240px; height: 30px;}
ul.head-menu{position:absolute; top:20px; left: 220px; width:500px; font-size:12px;}
ul.head-menu li{width:80px;}
ul.head-menu img{width:60px; height:auto; margin:0 auto; }
header h1{position:absolute; top: 66px; left: 60px;}
ul.dropdown-content{margin: 5px 0 0;width:200%;}
ul.dropdown-content li{width: 200%!important;}
}

a.ky, a.lean_more{background:#987D10;}
a.tk{background:DarkSlateGray;}
a.pink{background:#960d4b;}
a.bk{background:black;}
a.os{background:#716E28;}
a.option_1{background:#999933;}
a.option_2{background:#669966;}

/*footer*/
footer { background: #000; color: #FFF;position: relative; text-align:left; padding-bottom:60px; font-size:2rem; }
footer H1{ font-size: 2.2rem; line-height: 130%; }
footer h3{color: #FFF;font-size: 2.2rem;line-height: 130%;}
footer a.p_number{color:#fff;}
footer span{padding-right:12px;}
footer ul.three li{border: #999 1px solid; padding: 10px;border-radius: 0;}
footer ul.three a{display: inline-block; width:100%; text-align: center; font-size:2rem;}
.map-wrapper{text-align:center; color:#FFF;max-width:1600px; font-size:2.3rem; margin-bottom: 25px;}
.map-wrapper a{color:#FFF;display: inline-block;}
.map-txt{margin-bottom: 16px;}
footer .map-txt{color:#FFF;}
.map iframe {width: 100%; height:400px;}
p.dot-line{border-bottom:1px dotted #FFF;}
footer a.blog{padding:2px 5px; color:#FFF; border:1px solid #FFF; text-align:center; display:inline;}
footer a.p_number{display: inline;}
div.association {margin: 40px 0; padding: 0; padding-bottom: 30px; border-bottom: #999 1px solid;}
div.association ul{margin-top: 20px;}
div.association li{ display:flex; align-items: center;margin-bottom: 5px;}
div.association ul img{ height: 50px; width: auto;padding-right: 10px;border-radius:0;}

@media screen and (min-width:760px) {
footer .map-wrapper br{display:none;} 
div.association li{float: left;margin-right: 40px;}
}

@media screen and (min-width: 960px) {
p.dot-line{display: inline-block; margin: 0 16px;}}

table.stores{border-collapse:collapse;}
table.stores td{width: 100%; display: block; vertical-align: top; padding:8px; border-bottom: solid 1px #FFF;}
table.stores iframe {width: 100%; height:300px;}


/*20191023追加*/
.map-wrapper_2{color:#FFF;}
.map-wrapper_2 a{color:#FFF;display: inline-block;}
.map-wrapper_2 p{font-size: 1.8rem;}
.map-txt_2{color:#FFF;}
.map_one iframe {width: 100%; height:320px; margin-top: 5px;}
.dot-line{border-bottom:2px dotted #FFF;font-size: 2.2rem;line-height:115%;}
/*20191119追加*/
.added_link a {display: inline; color: #339933; text-decoration: underline;}
.added_link a:visited{color: #339933;}

@media screen and (min-width:760px)  {footer br{display:none;}}
@media screen and (min-width: 960px) {footer{margin-bottom:0;}footer a.blog {left:370px;}}

.sec-inline-block{padding:0; margin: 0;}
ul.list-share-float {display: flex; align-self: center;} ul.list-share-float li{margin-right: 10px;}
li.twitter{padding-top: 4.5px;}
ul.subindex{margin: -10px 0; padding-top: 10px;}
ul.subindex li{ width:100%;margin-bottom: 0; font-size:18px;}
ul.subindex li a{color:#008080; padding: 0; height: auto;  line-height: 40px; text-decoration: underline;}
ul.subindex li a:hover{color: #999900;}


#subscribe .wrapper{ border-top:#666 dashed 1px; margin-top:16px;}
#subscribe ol{margin: 10px 0 10px 26px; padding: 0; }
#subscribe ol li{margin:10px 0; font-size:2.3rem; line-height: 120%;}

ul.learn-bt li{ float:left; margin-right:3%; width:30%; }
ul.learn-bt li a{color:#FFF; font-size:15px; text-align:center;padding:6px 0; border-radius: 12px;}
ul.learn-bt_new li{ width:100%; margin-top: 16px; }
ul.learn-bt_new li a{color:#FFF; font-size:2.3rem; text-align:center;padding:18px; border-radius: 10px;}

ul.bt_locations li{ width:80%; margin: 16px auto 0 auto; }
ul.bt_locations li a{color:#FFF; font-size:2.3rem; text-align:center; line-height:110%; padding:18px 10px; border-radius: 10px; text-decoration: none;}

#t-main {width:100%;height:auto;position: relative; background: #000;}
#t-main img.main-ph{width: 100%;height: auto; border-radius:0;}
#t-main img.badge-top{width:110px; height:auto; position:absolute; top:-40%; left:0; right:0; bottom:0;margin:auto; }
#t-main img.left{top:20px; left:20px; margin:0;}
#t-main100 p.over-mid{width:90%; text-align:right; color:#FFF; font-size:2.6rem; text-shadow:2px 2px 5px #000; line-height:110%; position:absolute; top:24px; left:0; right:0; bottom:0;margin:auto;}

#t-main100 p.over-mid a.banner {
  display: block;
  position: relative;
  max-width: 400px;

  margin: -10px;
  margin-bottom: 10px;

  padding: 0;
}
#t-main100 p.over-mid a.banner img {
}
@media screen and (max-width:600px)  {
  #t-main100 p.over-mid > span {
    display: block;
    max-width: 280px;
    margin-left: auto;
  }
}
@media screen and (min-width:600px)  {
  #t-main100 p.over-mid a.banner {
    float: left;

    margin-top: -10px;
    margin-bottom: 30px;
    margin-right: 10px;
    margin-left: -14px;

    padding: 14px 18px;
  }

  #t-main100 p.over-mid a.banner img {
  }
}

#t-main100 p.over-mid a.special {
  display: block;
  background: #5E17EB;
  color: white;
  padding: 14px 18px;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
}
#t-main100 p.over-mid a.special img {
  position: absolute;
  width: 56px;
  right: 20px;
  opacity: 1;
  bottom: -40px;
}
@media screen and (min-width:600px)  {
  #t-main100 p.over-mid a.special {
    float: left;

    margin: -14px;
    margin-right: 10px;
    margin-bottom: 30px;
  }

  #t-main100 p.over-mid a.special img {
  }
}

@media screen and (min-width:600px)  {
#t-main {height:500px; max-width:1400px; overflow: hidden; }	
#t-main img.main-ph {position: absolute; width: auto; height: auto;min-width: 100%;min-height: 100%;left: 50%;top: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
#t-main100 p.over-mid{font-size:3.0rem; line-height:120%;}
}

#t-main100 {width:100%;height:auto;position: relative; background: #000;}
#t-main100 img.main-ph{width: 100%;height: auto; border-radius:0;}

img.badge{width:70px; height:auto; position:absolute; bottom:10px; left:10px; margin:0;}
@media screen and (min-width:960px)  {img.badge{width:110px; bottom:18px; left:18px;}}

#t-expect{margin-top:16px;max-width: 1600px;}
#t-expect img{-webkit-border-radius: 12px; -moz-border-radius: 12px;border-radius: 12px; }
#t-expect .award{background:#1B2C0C; border-radius: 10px;padding:4px 8px; margin-bottom: 16px;}
#t-expect .award .mark{width: 100px; height: auto; float: left; margin: 6px 10px 0 0; }
#t-expect .award p{font-size:2rem;}

#t-2nd{margin: 30px 0;}
p.tripad{width: auto; margin-bottom: 30px; text-align: center; font-size:2.2rem; }

img.goto{width: 100%; max-width: 700px; margin: 40px auto 10px auto; border-radius: 0;}
p.kakomi{border: dotted 1px #666; padding: 20px; display: inline-block;}
a.access{color:#541C3A; border: 1px dashed #541C3A; width: auto; display: inline-block; padding: 5px 16px; margin: 14px 0;}
.access-btn{width: auto;  text-align: center;}
.access-btn a{display: inline-block; background:#000; padding: 20px 36px; color:#fff;width: auto; text-align: center;margin:12px auto 30px auto;font-size:2.4rem; line-height: 130%; }
img.garden{width: 100%; paddin: 0;}
.t2-text a{display: inline-block;}

@media screen and (min-width: 960px) {
#t-2nd .t2-text{float:right; width: 45%; margin: 0; padding: 0;}
#t-2nd h1{margin-top:0;} 
img.garden{width: 760px; margin:0 auto; margin-bottom: 16px;}
.big{float: left; width: 50%; margin:0 40px 20px 0; }
}
@media screen and (min-width: 1200px) {img.garden{width: 760px; margin-right: 16px; float: left;}}

/*review*/
#reviews h2{margin:0; padding:0; }
.review-pic{ width:70px; height:auto;}
.review-star{width: calc(100% - 70px);}
.review-star img{ width:140px; height:auto;}
@media screen and (min-width:760px) {
#reviews .left{ width: calc(100% - 350px);} 
#reviews .right{width:250px; margin-left:10px;}}


/*topics*/
.topics{ margin: 10px auto 0 auto; padding:5%; background:#FFF;}
.topics p.titles{ color:#693; font-size:2.8rem; line-height: 110%; margin-top: 24px;}
.topics h2{ color:#693; font-size:3.2rem; line-height: 110%; marginp: 30px 0 0 0;}

/*booking*/
/*3block*/
#booking-fixed {position: fixed; bottom:0; right:0; width:100%; height:70px;  z-index:2000;}
#booking-fixed a{width:100%; height:100%;color:#FFF; font-size:17px; text-align:center; padding-top:16px;line-height:110%;}
#booking-fixed a.ky{float:left; width:33%;}
#booking-fixed a.tk{float:left; width:34%;}
#booking-fixed a.os{float:right;width:33%; }
#booking-fixed a.current_p{float:left; width:33%; background:#990707;}
#booking-fixed a.current_p:hover{background: #cc0000!important;}
#booking-fixed a.option_1{float:left;width:34%;} #booking-fixed a.option_2{float:right;width:33%;}
#booking-fixed a.option_1:hover,#booking-fixed a.option_2:hover{background: #993333;}
/*#booking-fixed a:hover{background: #8fbc8f;} */
#booking-fixed .ss{font-size:13px;} #booking-fixed em{font-size:14px;}
@media screen and (min-width: 960px) {#booking-fixed{width:600px; height: 80px;}}

/*2block*/
#booking-fixed-2bl {position: fixed; bottom:0; right:0; width:100%; height:70px; z-index:2000;font-family: Arial, Helvetica, "sans-serif"!important;font-weight: bold;}
#booking-fixed-2bl a{width:100%; height:100%;color:#FFF; font-size:17px; text-align:center; padding-top:16px;line-height:120%;}
#booking-fixed-2bl a.l-bl{float:left; width:50%; }
#booking-fixed-2bl a.r-bl{float:right;width:50%; }
#booking-fixed-2bl .ss{font-size:14px;} #booking-fixed-2bl em{font-size:18px;}

@media screen and (min-width: 960px) {
#booking-fixed-2bl{width:600px; height: 80px;}}
	

/*1block*/
#booking-fixed2 {position: fixed; bottom:0; right:0; widht:100%;height:60px;  z-index:2000;font-family: Arial, Helvetica, "sans-serif"!important;font-weight: bold;}
#booking-fixed2 a{display: block; width:100%; height:100%; line-height:60px; background:#960d4b; color:#FFF; font-size:20px; text-align:center; font-weight:bold;  text-decoration:none;}
#booking-fixed2 a .ss{font-size:13px;}
@media screen and (min-width: 960px) {
#booking-fixed2{width:500px; height: 80px;}
#booking-fixed2 a{line-height:80px; }
}

/*4blocks 20250213 0512changed*/
#booking-4bl {position: fixed; bottom:0; right:0; width:100%; height:70px;  z-index:2000;}
#booking-4bl a {width:100%; height:100%; color:#FFF; font-size:17px; text-align:center; padding-top:16px; line-height:110%;}
#booking-4bl a.btn1 {float:left; width:25%; background:#2F4F4F;}
#booking-4bl a.btn2 {float:left; width:25%; background:#960d4b;}
#booking-4bl a.btn3 {float:left; width:25%; background:#987D10;}
#booking-4bl a.btn4 {float:right; width:25%; background:#D95B20}
#booking-4bl a.current_p {background:#990707;}
#booking-4bl a.current_p:hover {background: #CC0000!important;}
#booking-4bl a.option_1:hover,
#booking-4bl a.option_2:hover,
#booking-4bl a.option_3:hover,
#booking-4bl a.option_4:hover {background: #993333;}
#booking-4bl .ss {font-size:13px;}
#booking-4bl em {font-size:14px;}
@media screen and (min-width: 960px) {
  #booking-4bl {width:800px; height: 80px;}
  #booking-4bl a {font-size:18px;}
}
@media screen and (max-width: 960px) {
  #booking-4bl a {font-size:12px; padding-top:17px;}
  #booking-4bl em.icon-triangle-right {display: none;}
  #booking-4bl .btn2 {
    letter-spacing: -0.5px;
  }
}

/*5blocks 20250917*/
#booking-5bl {position: fixed; bottom: 0; right: 0; width: 100%; height: 70px; z-index: 2000;
}
#booking-5bl a {
  width: 20%;  /* 五个按钮平均分 */
  height: 100%;
  color: #FFF;
  font-size: 17px;
  text-align: center;
  padding-top: 16px;
  line-height: 110%;
  float: left;
}
#booking-5bl a.btn1 { background: #2F4F4F; }
#booking-5bl a.btn2 { background: #960d4b; }
#booking-5bl a.btn3 { background: #987D10; }
#booking-5bl a.btn4 { background: #D95B20; }
#booking-5bl a.btn5 { background: #946243; } /* 你可以改颜色 */

#booking-5bl a.current_p { background: #990707; }
#booking-5bl a.current_p:hover { background: #CC0000!important; }

#booking-5bl a.option_1:hover,
#booking-5bl a.option_2:hover,
#booking-5bl a.option_3:hover,
#booking-5bl a.option_4:hover,
#booking-5bl a.option_5:hover {
  background: #993333;
}

#booking-5bl .ss { font-size: 13px; }
#booking-5bl em { font-size: 14px; }

@media screen and (min-width: 960px) {
#booking-5bl { width: 800px; height: 80px; }
  #booking-5bl a { font-size: 18px; justify-content: flex-start; padding-top: 8px; } 
}

@media screen and (max-width: 960px) {
  #booking-5bl a { font-size: 12px; padding-top: 17px; }
  #booking-5bl em.icon-triangle-right { display: none; }
  #booking-5bl .btn2 { letter-spacing: -0.5px; }
}

/*n-blocks dropdown 20250930 */
#booking-alt {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 70px;
  width: unset;
  background: white;
  z-index: 2000;
}
#booking-alt > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;

  display: flex;
  flex-direction: row;
}
#booking-alt > ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;

  flex: 1;
  position: relative;

  width: 200px;
}
#booking-alt > ul > li > a {
  position: block;
  height: 100%;
  color: white;
  text-align: center;
  padding: 10px 2px;
}
#booking-alt > ul > li > a > span {
  text-transform: uppercase;
  display: block;
  margin: 6px 0;
}
#booking-alt > ul > li > a > span > em {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 4px;
  padding-left: 4px;
}
#booking-alt > ul > li > a > span:nth-of-type(1) {
  font-size: 13px;
}
#booking-alt > ul > li > a > span:nth-of-type(2) {
  font-size: 18px;
}
#booking-alt > ul > li:nth-of-type(1) > a { background: #960D4B; }
#booking-alt > ul > li:nth-of-type(2) > a { background: #2F4F4F; }
#booking-alt > ul > li > a.blue { background: #333A68; }
#booking-alt > ul > li > a.green { background: #444A29; }
#booking-alt > ul > li > a.red { background: #692016; }
#booking-alt > ul > li > ul.dropdown-content {
  position: absolute;
  bottom: 70px;
  right: 0;
  left: unset;
  top: unset;
  width: 200px;
}
#booking-alt > ul > li > ul.dropdown-content > li {
  display: block;
  width: unset !important;
}
#booking-alt > ul > li > ul.dropdown-content > li > a {
  color: white;
  text-decoration: none;
  padding: 8px 16px;
  line-height: 2.5rem;
}
#booking-alt > ul > li > ul.dropdown-content > li > a:hover {
  background: #000;
  color: #e0dc62;
  text-decoration: underline;
}
#booking-alt > ul > li.active > ul.dropdown-content,
#booking-alt > ul > li:hover > ul.dropdown-content {
  visibility: visible;
  height: auto;
}
@media screen and (max-width: 960px) {
  #booking-alt {
    width: 100%;
    left: 0;
  }

  #booking-alt > ul > li > ul.dropdown-content {
    width: 100%;
  }
}

/*contact*/
#contact-fixed {position: fixed; bottom:0; right:0; width:100%; height:80px;  z-index:2000; background:maroon;color:#FFF; font-size:15px; text-align:center; ;padding:16px;line-height:130%;}

/*HOME-page*/
#home-page h1{font-size: 3.6rem; margin:16px 0;}
#home-page h2{font-size: 3.2rem;margin: 16px 0; }
#home-page h3{ font-size: 2.8rem;  margin: 30px 0;}
#home-page a.more-bt{text-align:center;padding: 14px 20px; border-radius: 6px;margin: 20px 0 10px 0;color: darkred; background:#DED7C3;font-size:2.2rem; line-height: 120%;}
#home-page a.more-bt.line{ border: #fff 1px solid; color: #FFF; background:none;}
#home-page a.more-bt:hover{text-decoration:underline;}

.movie {position: relative; width: 100%; padding-top: 56.25%;}
.movie iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

a.more-line-bk{ text-align:center;padding: 14px 20px; border-radius: 6px;margin: 20px 0 10px 0; font-size:2.2rem; line-height: 120%; border: #333 1px solid; color: #333; background:none;}

/*GROUP-page*/
#group-page { background:#FFF; color:#333;}
#group-page H1{;font-size: 2.2rem; line-height:110%; margin:16px 0;}

.link-bt a{ padding: 10px; border:1px #666 solid; text-align: center; color: #333; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;}
.simple-title{background:#333; color: #fff; width:100%; padding:10px 20px; height:auto; border-radius: 10px; margin-top:60px;}
.l-simple-link a{color:#d9626b; margin-top: 20px; padding: 0; border-bottom: 1px dotted #d9626b; width: auto; display: inline-block; line-height: 120%;} 
.l-simple-link a:hover{text-decoration: underline;}
ul.photo-3{ width:100%; } 
ul.photo-3 li{ width:100%; padding:0; margin:0; margin-bottom:16px;}
@media screen and (min-width: 960px) {ul.photo-3 li{ width:32%; padding-right: 1%; float:left;} ul.photo-3 img{border-radius: 0;}}

/*TEA-page*/
#description h2.bold_letter_why{font-size:3.2rem; color: teal; margin-top: 30px;}
#description h2.bold_letter_why.wh{color: #fff; }

ul.number {list-style:decimal outside; }
ul.number li{ margin: 16px 0 16px 16px;;}

.tea-bg { background:url(../jpg/japanesetea-2.jpg) repeat; }
.bg-sakura { background:url(../png/bg-sakura-2.png) repeat;}
.bg-cream{background-color:antiquewhite;}
.bg-dpink{background:#960d4b;}
.bg-ye{ color: #FFF; background:#987D10;}
.dark-gr-bg{ color: #FFF; background: url(../png/contents-bg-4.png) repeat;} 
.dark-gr-bg strong{font-weight:normal; color:gold;}
.bg-cream strong{font-weight:normal; color:#990707;}
.dark-gr-bg a{color: #fff; text-decoration: underline;}
ul.tea_bnft {list-style:decimal outside; margin-left: 30px;}
ul.tea_bnft li{line-height: 130%; margin: 16px 0 16px 0;}


/*ABOUT access-page*/
#access{background:#FFF; }
#access H1{ font-size:2.0rem;line-height:110%; margin:16px 0; text-align:center;}
#access .ab-title{position: relative;}
#access .ab-title p{position:absolute; top:10px; left: 10px; font-size: 2.5rem;}
#access .ab-title p.wh{color:#FFF; text-shadow: 2px 2px 5px #000;}
#access .map-txt{margin-bottom: 16px; }
#access span{padding-right:12px;}

#page_about h2 { font-size: 2.0rem;margin: 16px 0;text-align: center;}
#page_about h3 {font-size: 2.2rem;}

#culture-calligraphy h2 {font-size: 28px;}
#culture-calligraphy h3 {font-size: 22px;}
#culture-calligraphy h4 {font-size: 18px;}

/*youtube可変*/
.movie_wrap{position:relative;width:100%;height: 0;padding-bottom: 56.25%;}
.movie_wrap iframe {position: absolute;top: 0;left: 0; width: 100%; height: 100%;}
.wrap_second{margin-top: 15px;}
.p_number{text-decoration: underline!important;}
.contact{text-align: right;}
.map_kyoto img{max-width: 800px; margin: 0 auto;}
.map_inbody {height: 0;overflow: hidden;padding-bottom: 56.25%;position: relative;}
.map_inbody iframe{position: absolute;left: 0; top: 0; height: 100%; width: 100%;}
@media(max-width:767px){.map_inbody {min-height: 450px;}}

/*for iPad*/
@media screen and (min-width:760px) {
img.fl{float:right; width: 50%; padding: 10px; padding-top: 0;}	
}


/*　for PC*/
@media screen and (min-width: 960px) {
.img-float{float:right; margin:0 0 16px 16px; width:50%;}
.bt-access{width:300px; top:10px; right:30px;}
.bt-access th{width:100px;}
#contact-fixed{width:500px;}
table.stores td{width: 25%; display: table-cell; padding:0 18px; border-bottom:none;}
.map{margin-top: 0;}
ul.subindex{margin: -10px 0 20px 0; display:flex; flex-wrap: wrap; font-size:100%; line-height: 16px; width:100%;}
.station{min-height: auto; margin-bottom: 3%;}
ul.subindex li{ width:20%; box-sizing: border-box; display: flex; line-height: 25px; font-size: 1.2rem;}

.sizefixed{max-width:750px;}
	/*20191023追加*/
	.map-wrapper_2{ max-width:1600px; text-align:center;}
	.map-txt_2{float: left; width: 40%; }
	.map_one{float: right;width:55%; }
	.map_one iframe {width: 100%;}
#description img.guidemap{float:right; width: 70%; padding: 10px; padding-top: 0;}
	}

/*レビューとインスタ*/
#sns_etc{width:100%; background-color: #fff;}

.reviews_tea{width:96%; background: #fff; padding: 3%; }
.reviews_tea p{font-size: 2.1rem;}
#sns_etc h2 {margin-top: -3px; margin-bottom: -4px;}
.insta{width: 100%; margin: 5% auto}

@media(min-width:1280px){
	.sns_wrapper{display: flex;  justify-content: space-between; flex-wrap: wrap;} 
	.reviews_tea{width:50%; margin-top: 0;} 
	.insta{width: 50%; margin: 0;} }


/*pcで電話番号リンク無効*/
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}