@charset "utf-8";
@import url(style.css) screen and (min-width: 769px); /* 769以上 */
@import url(tablet.css) screen and (max-width: 768px); /* 768以下 */
@import url(smart.css) screen and (max-width: 420px); /* 420以下 */
* {
  margin: 0;
  padding: 0;
}
html{
  /*scroll-behavior: smooth;*/
  font-feature-settings: "palt" 1;
  letter-spacing: 1px;
}
body {
  background: #000 url(../img/main_bg.jpg) repeat-x;
  background-attachment: fixed;
  color: #e7e7e7;
}
body a {
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
a {
  color: #e94821;
}
a:hover {
  color: #cc3916;
  text-decoration: none;
}
a.arrow::before {
  content: url(/common/imgs/bg_linkarrow.gif);
  vertical-align: 15%;
  padding-right: 5px;
}
span.arrow_span {
  background: url(/common/imgs/bg_linkarrow.gif) no-repeat 0 center;
  padding-left:10px;
}
.red {
  color: #eb0101;
}
/**/
#booking {
  text-align: center;
}
#booking .inner_box a,
#booking .inner_box span {
  color: #e94821;
  display: block;
  border: 2px solid #e94821;
  padding: .8em 2em;
  width: 14em;
  margin: .8em auto 1.3em;
  font-size: 1.2em;
  background-color: rgba(0,0,0,.5);
  text-shadow: 0 0 3px #000;
  text-decoration: none;
}
#booking .inner_box a:hover,
#booking .inner_box a:focus {
  color: #fe603a;
  background-color: rgba(95,19,0,.3);
  text-shadow: 0 0 5px #000;
  text-decoration: underline;
}
#booking .inner_box a img,
#booking .inner_box span img {
   height: 1em;
   vertical-align: text-top;
   padding-right: .5em;
}
/**/
.voiceToGuide {
 text-align: center;
}
.voiceToGuide a {
  color: #e94821;
  display: block;
  border: 2px solid #e94821;
  padding: 0.8em 2em;
  width: 11em;
  margin: 0.8em auto 1.3em;
  font-size: 1.2em;
  text-decoration: none;
  background-color: rgba(255,255,255,.3);
}
.voiceToGuide a:hover {
  background-color: rgba(255,255,255,.6);
}
.voiceToGuide a img {
  height: 1em;
  vertical-align: text-top;
  padding-right: 0.5em;
}
/**/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix:before {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  display: block;
}
/**/
#wrapper {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
footer#tmp_footer {
  margin: 0 auto;
}
#footer_in {
  position: relative;
  text-align: center;
  background-color: #000;
  background-image: url(../img/main_bg.jpg);
  height: auto;
  padding: 1em 1em 1.5em;
}
#footer_in p {
  opacity: 1!important;
  mix-blend-mode: screen;
}
.footerLogo {
  position: static;
  opacity: 1!important;
  mix-blend-mode: screen;
}
#leader {
  background-color: rgba(0, 0, 0, .5);
}
#leader p {
  margin-bottom: .5em;
}
#goods_notice {
  color: #000;
  margin: 1em 0;
  padding: .5em 1em;
  border: 2px solid #c80000;
  background-color: rgba(255, 233, 231, .9);
}
#goods_notice h3,
#goods_notice a {
  color: #c80000;
}
#goods_notice h3 {
  margin: .5em 0;
  background-image: none;
  text-shadow: none;
}
#goods_notice p {
  margin-bottom: .5em;
  line-height: 1.5;
}
#goods_notice ul {
  list-style: none;
  line-height: 1.5;
}
#goods_notice ul li {
  text-indent: -1em;
  margin-left: 1em;
}
#goods_notice a.goods_notice-alink {
  text-decoration: none;
  color: #000;
}
#goods_notice a.goods_notice-alink p {
  border: 1px solid #333;
  padding:5px;
  background: #fff;
  box-sizing: border-box;
}
#goods_notice a.goods_notice-alink p span.tag01 {
  text-decoration: underline;
  color: #cc3916;
}
#goods_notice a.goods_notice-alink p span.tag02 {
  text-decoration: underline dotted;
}
#shop-notice ol {
  margin-left: 1.5em;
}
#shop-notice ol li {
  font-size: .9em;
  margin-bottom: .3em;
  margin-left: 1em;
  text-indent: -1em;
  list-style: none;
  counter-increment: cnt;
}
#shop-notice ol li:before {
  content: "(" counter(cnt) ") ";
  margin-left: -1em;
	width: 1em;
}
#shop-notice ol li .week strong {
  margin-bottom: .2em;
  display: inline-block;
  text-indent: 0;
}
#shop-notice ol li .week p {
  margin: .2em 0 0 0;
  text-indent: 0;
}
#shop-notice ol li .red,
#shop-notice ol li strong.red{
  color: #c4001c;
}
#shop-notice ol li .under,
#shop-notice ol li strong.under {
  text-decoration: underline #c4001c;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
/*h2*/
h2 img {
  filter: drop-shadow(2px 2px 3px #ffffff);
}
/* topics */
.topics_list {
  margin: .6em 0 .3em;
  background-color: rgba(255,255,255,.4);
}
#topics .section_inner .topics_list dl {
  border-bottom: 2px solid #333;
  padding: 0 0 .6em 0;
}
#topics .section_inner .topics_list dl:first-child {
  border-top: 2px solid #333;
}
#topics .section_inner .topics_list dl dt {
  margin: .7em 0 0;
}
#topics .section_inner .topics_list dl dt span {
  color: #e3e0dc;
  font-size: 0.9em;
  background-color: #333;
  padding: 4px 12px;
  border-radius: 12px;
  margin: 0 1em 0 .5em;
}
#topics .section_inner .topics_list dl dd {
  margin: .5em 0 0 1.5em;
}
/* table */
table.table01, table.table01 tr, table.table01 th, table.table01 td, table.table02, table.table02 tr, table.table02 th, table.table02 td {
  border-collapse: collapse;
}
/* tab_panel */
.collabo-tip {
  
}
.tab_wrap {
  width: 100%;
  margin: 1em auto 0;
}
input[type="radio"] {
  display: none;
}
.tab_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 0;
  margin: 0;
}
.tab_area label {
  margin: 0;
  display: inline-block;
  padding: 0;
  color: #ddd;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  transition: ease 0.2s opacity;
  border-radius: 10px;
}
.tab_area label:hover {
  opacity: 0.8;
}
.panel_area {
  margin: 1.6em 0 1em;
}
.tab_panel {
  box-sizing: border-box;
  width: 100%;
  display: none;
}
.tab_panel h4 {
  margin-bottom: 1em;
}
.tab_panel h5 {
  margin: 1em 0 .5em 0;
  font-size: 1.1em;
  letter-spacing: 1px;
  background-color: rgba(77, 66, 56, .7);
}
.tab_panel p {
  text-align: left;
}
#panel1 h4 {
  color: #e55c00;
  border-top: 2px dotted #ff6600;
  border-bottom: 2px dotted #ff6600;
}
#panel2 h4 {
  color: #23a95d;
  border-top: 2px dotted #23a95d;
  border-bottom: 2px dotted #23a95d;
}
#panel3 h4 {
  color: #0096df;
  border-top: 2px dotted #0096df;
  border-bottom: 2px dotted #0096df;
}
#panel4 h4 {
  color: #c4001c;
  border-top: 2px dotted #c4001c;
  border-bottom: 2px dotted #c4001c;
}
#tab1:checked ~ .tab_area .tab1_label,
#tab2:checked ~ .tab_area .tab2_label,
#tab3:checked ~ .tab_area .tab3_label,
#tab4:checked ~ .tab_area .tab4_label {
  color: #fff000;
}
#tab1:checked ~ .panel_area #panel1,
#tab2:checked ~ .panel_area #panel2,
#tab3:checked ~ .panel_area #panel3,
#tab4:checked ~ .panel_area #panel4 {
  display: block;
}
/* voice-guide */
.guide_intro {
  margin-bottom: .8em;
}
.guide_intro_page {
	flex-basis: 150px;
}
.guide_intro_txt {
  flex-basis: calc(100% - 150px);
  padding-right: 10px;
}
.guide_intro_txt p {
  margin: 0 0 1em 1em;
}
.guide_intro_txt ul.margin-set li strong {
  padding-left: 1.5em;
}
.guide_intro_txt ul.margin-set li strong.floor-base {
  padding-left: 1em;
}
.guide_intro_txt li {
  margin-bottom: 3px;
}
.guide_intro_txt ul.li-marker {
  margin-left: 0.7em;   
}
.guide_intro_txt ul.li-marker li::before {
  content: "・";
}
#panel4 .guide_intro {
  
}
#panel4 .guide_intro ul li {
  margin-bottom: .8em;
}
#panel4 .guide_intro_page {
  flex-basis: 350px;
  margin: 0 0 0 0;
}
#panel4 .guide_intro_txt {
  flex-basis: calc(100% - 350px);
}
.guide-caution {
  margin: 0 1em;
}
.guide-caution dt {
  font-weight: 600;
}
.guide-caution dd {
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: .3em;
}
/* panel_guide */
p.guide_cap {
  font-size: .9em;
  text-align: center;
  margin-bottom: 1em;
}
#panel4 p.cap strong {
  color: #c4001c;
}
#panel4 .week {
  margin: .8em 0 .5em .5em;
}
#panel4 .week strong {
  border: solid 1px #333;
  background: rgba(255,255,255,.6);
  padding: 5px;
}
#panel4 .week p {
  margin: .7em 0 .7em 1em;
}
/* tab_panel-end*/
/* accordion */
.faq-accordion {
  margin-top: .5em;
}
.c-accordion {
  width: 100%;
  margin: 0 auto;
  transition: all 0.5s ease;
}
/* TTL +btn */
.c-accordion_ttl {
  position: relative;
  background-color: rgba(255,255,255,.4);
  list-style: none;
  padding: .5em 3em .5em 1em;
  cursor: pointer;
  font-size: 1.1em;
  font-weight: 600;
  border: 2px solid #666;
  margin: 0 0 .5em 0;
}
.c-accordion_ttl:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(../img/accordion_arrow.svg);
  background-position: right 24px center;
  background-size: 28px;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  width: 65px;
  height: 45px;
}
/* open-style */
.c-accordion[open] .c-accordion_ttl:after {
  transform: rotateZ(0deg);
  width: 55px;
  height: 35px;
  right: -12px;
  top: 4px;
}
.c-accordion[open] .c-accordion_txt {
  animation: fadeIn 1s ease;
  margin-bottom: 1em;
}
  /* at-open-txt */
.c-accordion_txt {
  padding: 0 .5em 0 0;
  margin-top: 0;
  color: #222222;
  display: flex;
}
.c-accordion_txt .answer {
  font-size: 1.1em;
  font-weight: 600;
  color: #333;
}
.c-accordion_txt .answer-txt {
  width: calc(100% - .1em);
  margin-left: 1em;
  line-height: 1.3;
}
.c-accordion_txt .answer-txt dl {
  width: 100%;
  margin-top: .5em;
}
.c-accordion_txt .answer-txt dt {
  font-weight: 600;
  font-size: 1.1em;
}
.c-accordion_txt .answer-txt dd {
  text-indent: -1em;
  margin-left: 1em;
}
/* accordion-end */
/* topbtn */
.ScrollTop {
  position: fixed;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: .6em;
  background: #db4824;
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
  z-index: 10;
}
.ScrollTop.isActive {
  opacity: 1;
  transition: all 0.65s;
}
.ScrollTop span {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transform:  rotate(-45deg);
}
.inqury_inner {
  margin-top: .5em;
}
.inqury_inner p {
  margin-bottom: .6em;
  text-indent: -1em;
  padding-left: 1em;
  /*border-bottom: 1px dotted #333;
  padding-bottom: .5em;*/
}