@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* ------------clearfix ------------ */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

/* ------------img ------------ */
.imgfl {
  float: left;
  margin-right: 20px;
}

.imgfr {
  float: right;
  margin-left: 20px;
}

.imgmb {
  margin: 0px 0px 15px 0px;
}

.imgmt {
  margin: 15px 0px 0px 0px;
}

.imgmr {
  margin: 0px 15px 0px 0px;
}

.imgmn {
  margin: 0px;
  padding: 0px;
}

a img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

/* ------------margin ------------ */
.mno {
  margin: 0 !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml20 {
  margin-left: 20px !important;
}

/* ------------reset ------------ */
body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* ------------ loader ------------ */
#loaderbg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  z-index: 1000;
  text-align: center;
}

#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: 0 0 0 -40px;
  z-index: 2000;
}
#loader p {
  margin: 10px 0 0 0;
  padding: 0;
  font: 200 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #fff;
}

/* ------------ SP ------------ */
@media screen and (min-width: 0px) and (max-width: 767px), print {
  body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    background: #fff;
  }

  /* ------------ header ------------ */
  #header {
    width: 94%;
    margin: 0;
    padding: 12px 3%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
  }
  #header h1 {
    width: 180px;
    height: 41px;
    margin: 0 0 0 0;
    padding: 0;
    text-indent: -9999px;
    float: left;
  }
  #header h1 a {
    background-image: url(../img/01.gif?02);
    background-repeat: no-repeat;
    background-size: contain;
    width: 180px;
    height: 41px;
    display: block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #header .rightbox {
    margin: 0;
    padding: 0;
    float: right;
    text-align: right;
  }
  #header .rightbox .language {
    display: none;
  }
  #header .rightbox .qa {
    display: none;
  }
  #header .rightbox .navi {
    display: none;
  }
  #header .rightbox .spnavbar {
    margin: 6px 0 0 0;
    padding: 7px 13px;
    font: 600 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#535353), to(#202020));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff535353', endColorstr='#ff202020');
    border: 1px solid #646464;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    cursor: pointer;
  }

  /* ------------ spnavi ------------ */
  .spnavi {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
    background: #dadada;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
  }
  .spnavi .title {
    width: 100%;
    margin: 0;
    padding: 5px 0;
    font: 600 120%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    background: #525252;
    text-align: center;
  }
  .spnavi ul.main {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .spnavi ul.main li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .spnavi ul.main li.b01 a {
    background-image: url(../img/sp02.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px auto;
  }
  .spnavi ul.main li.b02 a {
    background-image: url(../img/sp03.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px auto;
  }
  .spnavi ul.main li a {
    width: 50%;
    display: block;
    padding: 12px 8px;
    font: 600 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #000;
    border-bottom: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    box-sizing: border-box;
    float: left;
    background-image: url(../img/sp01.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  .spnavi ul.main a:link {
    text-decoration: none;
    color: #000;
  }
  .spnavi ul.main a:visited {
    text-decoration: none;
    color: #000;
  }
  .spnavi ul.main a:active {
    text-decoration: none;
    color: #000;
  }
  .spnavi ul.main a:hover {
    text-decoration: none;
    color: #000;
  }
  .spnavi .reservationbutton {
    font: 600 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 70%;
    margin: 15px auto 0;
    padding: 10px 0;
    background: #ac4237;
    display: block;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    cursor: pointer;
  }
  .spnavi ul.sub {
    margin: 0 auto;
    padding: 0;
    width: 96%;
  }
  .spnavi ul.sub li {
    width: 47%;
    margin: 15px 6% 0 0;
    padding: 5px 0 0 0;
    font: 400 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    float: left;
    color: #fff;
    list-style: none;
    background-image: url(../img/sp04.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
    box-sizing: border-box;
  }
  .spnavi ul.sub li a {
    display: block;
  }
  .spnavi ul.sub a:link {
    text-decoration: none;
    color: #000;
  }
  .spnavi ul.sub a:visited {
    text-decoration: none;
    color: #000;
  }
  .spnavi ul.sub a:active {
    text-decoration: none;
    color: #000;
  }
  .spnavi ul.sub a:hover {
    text-decoration: none;
    color: #000;
  }
  .spnavi ul.sub li:nth-child(2n) {
    padding: 5px 0;
    margin: 15px 0 0 0;
  }
  .spnavi ul.lan {
    margin: 25px auto 0;
    padding: 0;
    width: 96%;
  }
  .spnavi ul.lan li {
    width: 18%;
    margin: 0 2% 0 0;
    font: 400 85%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: center;
    float: left;
    color: #fff;
    list-style: none;
    background: #5e5e5e;
  }
  .spnavi ul.lan li a {
    display: block;
    padding: 7px 0;
  }
  .spnavi ul.lan a:link {
    text-decoration: none;
    color: #fff;
  }
  .spnavi ul.lan a:visited {
    text-decoration: none;
    color: #fff;
  }
  .spnavi ul.lan a:active {
    text-decoration: none;
    color: #fff;
  }
  .spnavi ul.lan a:hover {
    text-decoration: none;
    color: #fff;
  }
  .spnavi ul.lan li.here {
    background: #ac4237;
  }
  .spnavi .close {
    font: 600 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 30%;
    margin: 20px auto 0;
    padding: 10px 0;
    background: #004986;
    display: block;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    background-image: url(../img/sp05.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 15px auto;
    cursor: pointer;
  }

  /* ------------ spreservationbox ------------ */
  #spreservation {
    width: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
  }
  #spreservation .closereservation {
    font: 400 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: #004986;
    display: block;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    background-image: url(../img/sp05.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 15px auto;
    cursor: pointer;
  }
  #spreservation iframe {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
  }

  #spreservationbox {
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
    background: #dadada;
  }
  #spreservationbox .title {
    width: 100%;
    margin: 0;
    padding: 5px 0;
    font: 600 120%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    background: #525252;
    text-align: center;
  }
  #spreservationbox ul.box01 {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #spreservationbox ul.box01 li {
    width: 100%;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #b3b3b3;
    list-style: none;
    font: 400 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #spreservationbox ul.box01 li dl {
    width: 94%;
    margin: 0 auto;
    padding: 0;
  }
  #spreservationbox ul.box01 li dt {
    width: 30%;
    margin: 0;
    padding: 0;
    float: left;
    font: 600 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
  }
  #spreservationbox ul.box01 li dd {
    margin: 0 0 0 35%;
    padding: 0;
  }
  #spreservationbox ul.box01 li dd input {
    width: 90%;
    font: 300 130%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0;
    padding: 5px;
    color: #000;
  }
  #spreservationbox ul.box01 li .styleselect {
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fffefefe', endColorstr='#ffdcdcdc');
    border: 1px solid #ddd;
    padding: 6px;
    margin: 0 5px 0 10px;
    font: 200 120%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #333;
    width: 60px;
    vertical-align: middle;
  }
  #spreservationbox ul.box01 li .styleselect:nth-child(1) {
    margin: 0 5px 0 3%;
  }
  #spreservationbox .box02 {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0;
    text-align: center;
    font: 600 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #spreservationbox .box02 .submit_button {
    font: 600 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 70%;
    margin: 10px auto 0;
    padding: 10px 0;
    background: #000;
    display: block;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    border: none;
  }
  #spreservationbox .box02 input {
    font: 300 160%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 0 0 5px;
    padding: 0;
    color: #333;
  }
  #spreservationbox ul.box03 {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0;
    border-top: 1px solid #b3b3b3;
  }
  #spreservationbox ul.box03 li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #spreservationbox ul.box03 li a {
    width: 50%;
    display: block;
    padding: 12px;
    font: 400 85%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #000;
    border-bottom: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    box-sizing: border-box;
    float: left;
    background-image: url(../img/sp01.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #spreservationbox ul.box03 a:link {
    text-decoration: none;
    color: #000;
  }
  #spreservationbox ul.box03 a:visited {
    text-decoration: none;
    color: #000;
  }
  #spreservationbox ul.box03 a:active {
    text-decoration: none;
    color: #000;
  }
  #spreservationbox ul.box03 a:hover {
    text-decoration: none;
    color: #000;
  }
  #spreservationbox ul.box03 li:nth-child(4) {
    font: 400 83%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #spreservationbox .box04, #spreservationbox .box05 {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0;
    text-align: left;
  }
  #spreservationbox .box04 p, #spreservationbox .box05 p {
    width: 94%;
    font: 600 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 auto;
    padding: 0;
    display: block;
  }
  #spreservationbox .box04 ul, #spreservationbox .box05 ul {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
  }
  #spreservationbox .box04 ul li, #spreservationbox .box05 ul li {
    margin: 0 0 1px 0;
    padding: 0;
    list-style: none;
  }
  #spreservationbox .box04 ul li a, #spreservationbox .box05 ul li a {
    width: 100%;
    display: block;
    padding: 12px;
    font: 400 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #000;
    box-sizing: border-box;
    background: #c1c1c1;
    background-image: url(../img/sp01.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #spreservationbox .box04 ul a:link, #spreservationbox .box05 ul a:link {
    text-decoration: none;
    color: #000;
  }
  #spreservationbox .box04 ul a:visited, #spreservationbox .box05 ul a:visited {
    text-decoration: none;
    color: #000;
  }
  #spreservationbox .box04 ul a:active, #spreservationbox .box05 ul a:active {
    text-decoration: none;
    color: #000;
  }
  #spreservationbox .box04 ul a:hover, #spreservationbox .box05 ul a:hover {
    text-decoration: none;
    color: #000;
  }
  #spreservationbox input[type="button"], #spreservationbox input[type="text"], #spreservationbox input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
  }

  /* ------------ reservation ------------ */
  .reservationwrap {
    display: none;
  }

  .telbox {
    display: none;
  }

  .scrolldown {
    display: none;
  }

  /* ------------ sphbox ------------ */
  #sphbox {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #sphbox .reservation {
    width: 65%;
    margin: 0 auto;
    padding: 15px 0;
    font: 600 140%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#d94a55), to(#ca0414));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffd94a55', endColorstr='#ffca0414');
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    text-shadow: 1px 1px 1px #666;
    -moz-text-shadow: 1px 1px 1px #666;
    -webkit-text-shadow: 1px 1px 1px #666;
    -ms-text-shadow: 1px 1px 1px #666;
    -o-text-shadow: 1px 1px 1px #666;
    cursor: pointer;
  }
  #sphbox .tel {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 10px 0;
    background: #4f4f4f;
    text-align: center;
    font: 400 160%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
  }
  #sphbox .tel img {
    margin: 0 5px 0 0;
  }
  #sphbox .tel a:link {
    text-decoration: none;
    color: #fff;
  }
  #sphbox .tel a:visited {
    text-decoration: none;
    color: #fff;
  }
  #sphbox .tel a:active {
    text-decoration: none;
    color: #fff;
  }
  #sphbox .tel a:hover {
    text-decoration: none;
    color: #fff;
  }
  #sphbox .photo {
    width: 100%;
    height: 0;
    margin: 15px 0 0 0;
    padding: 48% 0 0 0;
    background-image: url(../img/72.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }


  /* ------------ splinebox ------------ */
  #splinebox {
    width: 94%;
    margin: 20px auto 0 auto;
  }

  #splinebox img{
    width: 60%;
    margin: 0 auto;
	display:block;
  }

  /* ------------ recommend ------------ */
  #recommend {
    width: 94%;
    margin: 0 auto;
    padding: 20px 3%;
  }
  #recommend h2 {
    margin: 0;
    padding: 0;
    font: 400 150%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #recommend ul {
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
  }
  #recommend ul li {
    width: 100%;
    margin: 25px 0 0 0;
    padding: 0;
    list-style: none;
  }
  #recommend ul li img {
    width: 40%;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
  }
  #recommend ul li .box {
    overflow: hidden;
  }
  #recommend ul li .box p {
    margin: 0 0 20px 0;
    padding: 0;
    font: 200 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
  }
  #recommend ul li .box a {
    font: 200 80%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background: #666;
    margin: 0;
    padding: 7px 10px;
    display: inline-block;
  }
  #recommend ul a:link {
    text-decoration: none;
    color: #fff;
  }
  #recommend ul a:visited {
    text-decoration: none;
    color: #fff;
  }
  #recommend ul a:active {
    text-decoration: none;
    color: #fff;
  }
  #recommend ul a:hover {
    text-decoration: none;
    color: #fff;
  }

  /* ------------ news ------------ */
  #newsbg {
    margin: 20px auto;
    padding: 0;
    width: 100%;
    background: #f0f0f0;
  }
  #newsbg .news {
    margin: 0 auto;
    padding: 20px 0;
    width: 94%;
    box-sizing: border-box;
  }
  #newsbg .news h2 {
    margin: 0;
    padding: 0;
    font: 400 150%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #newsbg .news ul {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
  }
  #newsbg .news ul li {
    margin: 0;
    padding: 20px 0;
    font: 200 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
    list-style-type: none;
    border-bottom: 1px solid #c4c4c4;
    text-align: left;
    display: block;
    width: 100%;
  }
  #newsbg .news ul li .date, #newsbg .news ul li .detail {
    display: block;
  }
  #newsbg .news ul li .date {
    font: 200 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #newsbg .news ul li .detail {
    padding: 0;
    font: 200 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #newsbg .news ul li a:link {
    text-decoration: none;
    color: #000;
  }
  #newsbg .news ul li a:visited {
    text-decoration: none;
    color: #000;
  }
  #newsbg .news ul li a:active {
    color: #333;
  }
  #newsbg .news ul li a:hover {
    text-decoration: underline;
    color: #000;
  }
  #newsbg .news ul li:last-child {
    border-bottom: none;
  }

  /* ------------ guestroom ------------ */
  #guestroom {
    margin: 20px 0;
    padding: 0;
    width: 100%;
  }
  #guestroom h3 {
    margin: 0;
    padding: 0;
    font: 400 150%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #guestroom .guestroomlink {
    display: none;
  }
  #guestroom ul {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #guestroom ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #guestroom ul li a {
    width: 50%;
    display: block;
    padding: 15px 10px;
    font: 400 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #fff;
    border: 1px solid #fff;
    background: #535353;
    box-sizing: border-box;
    float: left;
    background-image: url(../img/62.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #guestroom a:link {
    text-decoration: none;
    color: #fff;
  }
  #guestroom a:visited {
    text-decoration: none;
    color: #fff;
  }
  #guestroom a:active {
    text-decoration: none;
    color: #fff;
  }
  #guestroom a:hover {
    text-decoration: none;
    color: #fff;
  }

  /* ------------ conferenceroom ------------ */
  #conferenceroom {
    margin: 20px 0;
    padding: 0;
    width: 100%;
  }
  #conferenceroom h3 {
    margin: 0;
    padding: 0;
    font: 400 150%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #conferenceroom .roomlist {
    margin: 0;
    padding: 0;
  }
  #conferenceroom .roomlist .roomlistbg {
    margin: 0;
    padding: 0;
  }
  #conferenceroom .roomlist .roomlistbg .detail {
    margin: 0;
    padding: 0;
  }
  #conferenceroom .roomlist .roomlistbg .detail ul {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #conferenceroom .roomlist .roomlistbg .detail ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #conferenceroom .roomlist .roomlistbg .detail ul li a {
    width: 50%;
    display: block;
    padding: 15px 10px;
    font: 400 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #fff;
    border: 1px solid #fff;
    background: #674d41;
    box-sizing: border-box;
    float: left;
    background-image: url(../img/62.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #conferenceroom .roomlist .roomlistbg .detail .textno {
    display: none;
  }
  #conferenceroom .roomlist .roomlistbg .detail a:link {
    text-decoration: none;
    color: #fff;
  }
  #conferenceroom .roomlist .roomlistbg .detail a:visited {
    text-decoration: none;
    color: #fff;
  }
  #conferenceroom .roomlist .roomlistbg .detail a:active {
    text-decoration: none;
    color: #fff;
  }
  #conferenceroom .roomlist .roomlistbg .detail a:hover {
    text-decoration: none;
    color: #fff;
  }

  /* ------------ hotelroom ------------ */
  #hotelroombg {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #e4ebf1;
  }
  #hotelroombg .hotelroom {
    margin: 0 auto;
    padding: 20px 3%;
    width: 94%;
  }
  #hotelroombg .hotelroom h3 {
    margin: 0;
    padding: 0;
    font: 400 150%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #hotelroombg .hotelroom ul {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0
    /*
    @include css3(display, flex);  
    @include css3(box-lines, multiple);
    @include css3(flex-wrap, wrap);
    */
  }
  #hotelroombg .hotelroom ul li {
    width: 31%;
    height: 130px;
    margin: 0 2.3% 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
    display: block;
    float: left;
  }
  #hotelroombg .hotelroom ul li a {
    display: block;
  }
  #hotelroombg .hotelroom ul li img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #hotelroombg .hotelroom ul li p {
    margin: 0;
    padding: 0;
    font: 200 85%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
  }
  #hotelroombg .hotelroom ul li:nth-child(3n) {
    margin: 0 0 0 0;
  }
  #hotelroombg .hotelroom ul a:link {
    text-decoration: none;
    color: #000;
  }
  #hotelroombg .hotelroom ul a:visited {
    text-decoration: none;
    color: #000;
  }
  #hotelroombg .hotelroom ul a:active {
    text-decoration: none;
    color: #000;
  }
  #hotelroombg .hotelroom ul a:hover {
    text-decoration: none;
    color: #000;
  }

  /* ------------ info ------------ */
  #infobg {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #f3f3f3;
  }
  #infobg .info {
    margin: 0 auto;
    padding: 20px 3%;
    width: 94%;
  }
  #infobg .info h3 {
    margin: 0;
    padding: 0;
    font: 400 150%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #infobg .info ul {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0
    /*
    @include css3(display, flex);  
    @include css3(box-lines, multiple);
    @include css3(flex-wrap, wrap);
    */
  }
  #infobg .info ul li {
    height: 120px;
    width: 31%;
    margin: 0 2.3% 0 0;
    padding: 0;
    float: left;
    list-style: none;
    text-align: center;
    display: block;
  }
  #infobg .info ul li a {
    display: block;
  }
  #infobg .info ul li img {
    width: 60%;
    margin: 0;
    padding: 0;
  }
  #infobg .info ul li p {
    margin: 0 0 0 0;
    padding: 0;
    font: 200 85%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
  }
  #infobg .info ul li:nth-child(3n) {
    margin: 0 0 0 0;
  }
  #infobg .info ul a:link {
    text-decoration: none;
    color: #000;
  }
  #infobg .info ul a:visited {
    text-decoration: none;
    color: #000;
  }
  #infobg .info ul a:active {
    text-decoration: none;
    color: #000;
  }
  #infobg .info ul a:hover {
    text-decoration: none;
    color: #000;
  }

  /* ------------ access ------------ */
  #access {
    margin: 20px 0;
    padding: 0;
    width: 100%;
  }
  #access h3 {
    margin: 0;
    padding: 0;
    font: 400 150%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #access .map {
    margin: 0;
    padding: 0;
  }
  #access .map iframe {
    display: none;
  }
  #access .map .from {
    margin: 0;
    padding: 0;
  }
  #access .map .from ul {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #access .map .from ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #access .map .from ul li a {
    width: 100%;
    display: block;
    padding: 15px 10px;
    font: 400 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #fff;
    background: #535353;
    box-sizing: border-box;
    float: left;
    background-image: url(../img/62.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #access .map .from .textno {
    display: none;
  }
  #access .map .from a:link {
    text-decoration: none;
    color: #fff;
  }
  #access .map .from a:visited {
    text-decoration: none;
    color: #fff;
  }
  #access .map .from a:active {
    text-decoration: none;
    color: #fff;
  }
  #access .map .from a:hover {
    text-decoration: none;
    color: #fff;
  }

  /* ------------ restaurant ------------ */
  #restaurant {
    margin: 20px 0;
    padding: 0;
    width: 100%;
  }
  #restaurant h3 {
    margin: 0;
    padding: 0;
    font: 400 150%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #restaurant .map {
    margin: 0;
    padding: 0;
  }
  #restaurant .map iframe {
    display: none;
  }
  #restaurant .map .from {
    margin: 0;
    padding: 0;
  }
  #restaurant .map .from ul {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #restaurant .map .from ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #restaurant .map .from ul li a {
    width: 100%;
    display: block;
    padding: 15px 10px;
    font: 400 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #fff;
    background: #674d41;
    box-sizing: border-box;
    float: left;
    background-image: url(../img/62.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #restaurant .map .from a:link {
    text-decoration: none;
    color: #fff;
  }
  #restaurant .map .from a:visited {
    text-decoration: none;
    color: #fff;
  }
  #restaurant .map .from a:active {
    text-decoration: none;
    color: #fff;
  }
  #restaurant .map .from a:hover {
    text-decoration: none;
    color: #fff;
  }

  /* ------------ creditcard ------------ */
  #creditcard {
    margin: 20px 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  #creditcard h3 {
    margin: 0;
    padding: 0;
    font: 400 150%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #creditcard img {
    width: 85%;
    margin: 20px 0 0 0;
    padding: 0;
  }

  /* ------------ footer ------------ */
  #footer, #subfooter, #subfooter02 {
    margin: 50px 0 0 0;
    padding: 0;
    width: 100%;
    background: #333;
  }
  #footer .wrap, #subfooter .wrap, #subfooter02 .wrap {
    width: 94%;
    margin: 0 auto;
    padding: 20px 3%;
    text-align: center;
  }
  #footer .wrap .logo, #subfooter .wrap .logo, #subfooter02 .wrap .logo {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #footer .wrap .logo .logoimg, #subfooter .wrap .logo .logoimg, #subfooter02 .wrap .logo .logoimg {
    width: 70px;
    margin: 0 10px 10px 0;
    padding: 0;
    float: left;
  }
  #footer .wrap .logo ul, #subfooter .wrap .logo ul, #subfooter02 .wrap .logo ul {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #footer .wrap .logo ul li, #subfooter .wrap .logo ul li, #subfooter02 .wrap .logo ul li {
    margin: 5px 0 0 0;
    padding: 0;
    font: 400 100%/120% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    list-style: none;
    text-align: left;
  }
  #footer .wrap .logo ul .tel, #subfooter .wrap .logo ul .tel, #subfooter02 .wrap .logo ul .tel {
    margin: 5px 0 0 0;
    padding: 0;
    font: 400 160%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #ccaa0a;
  }
  #footer .wrap .logo ul .tel img, #subfooter .wrap .logo ul .tel img, #subfooter02 .wrap .logo ul .tel img {
    width: 15px;
    margin: 0;
    padding: 0;
  }
  #footer .wrap .logo ul .fax, #subfooter .wrap .logo ul .fax, #subfooter02 .wrap .logo ul .fax {
    margin: 5px 0 0 0;
    padding: 0;
    font: 400 120%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
  }
  #footer .wrap .logo ul a:link, #subfooter .wrap .logo ul a:link, #subfooter02 .wrap .logo ul a:link {
    text-decoration: none;
    color: #fff;
  }
  #footer .wrap .logo ul a:visited, #subfooter .wrap .logo ul a:visited, #subfooter02 .wrap .logo ul a:visited {
    text-decoration: none;
    color: #fff;
  }
  #footer .wrap .logo ul a:active, #subfooter .wrap .logo ul a:active, #subfooter02 .wrap .logo ul a:active {
    color: #fff;
  }
  #footer .wrap .logo ul a:hover, #subfooter .wrap .logo ul a:hover, #subfooter02 .wrap .logo ul a:hover {
    text-decoration: underline;
    color: #fff;
  }
  #footer .wrap .logo ul .tel a:link, #subfooter .wrap .logo ul .tel a:link, #subfooter02 .wrap .logo ul .tel a:link {
    text-decoration: none;
    color: #ccaa0a;
  }
  #footer .wrap .logo ul .tel a:visited, #subfooter .wrap .logo ul .tel a:visited, #subfooter02 .wrap .logo ul .tel a:visited {
    text-decoration: none;
    color: #ccaa0a;
  }
  #footer .wrap .logo ul .tel a:active, #subfooter .wrap .logo ul .tel a:active, #subfooter02 .wrap .logo ul .tel a:active {
    color: #ccaa0a;
  }
  #footer .wrap .logo ul .tel a:hover, #subfooter .wrap .logo ul .tel a:hover, #subfooter02 .wrap .logo ul .tel a:hover {
    text-decoration: underline;
    color: #ccaa0a;
  }
  #footer .wrap .link, #subfooter .wrap .link, #subfooter02 .wrap .link {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #footer .wrap .link ul.overview, #subfooter .wrap .link ul.overview, #subfooter02 .wrap .link ul.overview {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
  }
  #footer .wrap .link ul.overview li, #subfooter .wrap .link ul.overview li, #subfooter02 .wrap .link ul.overview li {
    width: 46%;
    margin: 0;
    padding: 5px 0 5px 4%;
    font: 400 100%/120% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    float: left;
    color: #fff;
    list-style: none;
    background-image: url(../img/53.gif);
    background-repeat: no-repeat;
    background-position: center left;
  }
  #footer .wrap .link ul.overview a:link, #subfooter .wrap .link ul.overview a:link, #subfooter02 .wrap .link ul.overview a:link {
    text-decoration: none;
    color: #fff;
  }
  #footer .wrap .link ul.overview a:visited, #subfooter .wrap .link ul.overview a:visited, #subfooter02 .wrap .link ul.overview a:visited {
    text-decoration: none;
    color: #fff;
  }
  #footer .wrap .link ul.overview a:active, #subfooter .wrap .link ul.overview a:active, #subfooter02 .wrap .link ul.overview a:active {
    color: #fff;
  }
  #footer .wrap .link ul.overview a:hover, #subfooter .wrap .link ul.overview a:hover, #subfooter02 .wrap .link ul.overview a:hover {
    text-decoration: underline;
    color: #fff;
  }
  
  #footer .wrap .link ul.snsbox, #subfooter .wrap .link ul.snsbox, #subfooter02 .wrap .link ul.snsbox {
	margin: 20px auto auto auto;
	list-style-type: none;
	padding-left: 0;
	width: 192px;
	overflow: hidden;
  }
  
  #footer .wrap .link ul.snsbox li, #subfooter .wrap .link ul.snsbox li, #subfooter02 .wrap .link ul.snsbox li {
	width: 44px;
	height: 44px;
	padding: 5px;
	margin: 5px;
	float: right;
  }

  #footer .wrap .link ul.snsbox li a, #subfooter .wrap .link ul.snsbox li a, #subfooter02 .wrap .link ul.snsbox li a {
    display: block;
  }

  #footer .wrap .link ul.snsbox a:link, #subfooter .wrap .link ul.snsbox a:link, #subfooter02 .wrap .link ul.snsbox a:link {
    text-decoration: none;
    color: #fff;
  }
  #footer .wrap .link ul.snsbox a:visited, #subfooter .wrap .link ul.snsbox a:visited, #subfooter02 .wrap .link ul.snsbox a:visited {
    text-decoration: none;
    color: #fff;
  }
  #footer .wrap .link ul.snsbox a:active, #subfooter .wrap .link ul.snsbox a:active, #subfooter02 .wrap .link ul.snsbox a:active {
    text-decoration: none;
    color: #fff;
  }
  #footer .wrap .link ul.snsbox a:hover, #subfooter .wrap .link ul.snsbox a:hover, #subfooter02 .wrap .link ul.snsbox a:hover {
    text-decoration: none;
    color: #fff;
  }
  #footer .copy, #subfooter .copy, #subfooter02 .copy {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: #000;
    text-align: right;
  }
  #footer .copy p, #subfooter .copy p, #subfooter02 .copy p {
    margin: 0 10px 0 0;
    padding: 0;
    font: 400 80%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #a2a2a2;
  }

  /* ------------ pagetop ------------ */
  .pagetop {
    display: none;
    position: fixed;
    bottom: 10px;
    left: 50%;
    display: none;
    cursor: pointer;
  }
  .pagetop img {
    width: 40px;
    margin: 0 0 0 -20px;
    padding: 0;
  }

  /* ------------ room ------------ */
  #roomtop {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #roomtop .roomlink {
    width: 100%;
    margin: 20px auto 0;
    padding: 0;
    text-align: center;
  }
  #roomtop .roomlink h2 {
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }
  #roomtop .roomlink > p {
    display: block;
    width: 94%;
    color: #000;
    margin: 20px auto;
    padding: 0 3%;
    font: 400 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #roomtop .roomlink ul {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #roomtop .roomlink ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #roomtop .roomlink ul li a {
    width: 100%;
    display: block;
    padding: 15px 10px;
    font: 400 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #fff;
    background: #535353;
    box-sizing: border-box;
    background-image: url(../img/62.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #roomtop .roomlink .textno {
    display: none;
  }
  #roomtop .roomlink li a {
    display: block;
    padding: 10px 0;
  }
  #roomtop .roomlink a:link {
    text-decoration: none;
    color: #fff;
  }
  #roomtop .roomlink a:visited {
    text-decoration: none;
    color: #fff;
  }
  #roomtop .roomlink a:active {
    text-decoration: none;
    color: #fff;
  }
  #roomtop .roomlink a:hover {
    text-decoration: none;
    color: #fff;
  }

  #maincontent {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
  }
  #maincontent .room {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    background: #fff;
  }
  #maincontent .room .box {
    width: 94%;
    margin: 0 3%;
    padding: 0;
  }
  #maincontent .room .box h3 {
    margin: 0;
    padding: 0;
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent .room .box .wrap {
    margin: 20px 0 0 0;
    padding: 0;
  }
  #maincontent .room .box .wrap .photo {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent .room .box .wrap .photo .photob01, #maincontent .room .box .wrap .photo .photob02, #maincontent .room .box .wrap .photo .photob03, #maincontent .room .box .wrap .photo .photob04, #maincontent .room .box .wrap .photo .photob05, #maincontent .room .box .wrap .photo .photob06, #maincontent .room .box .wrap .photo .photob07 {
    width: 100%;
    height: 220px;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #maincontent .room .box .wrap .photo .photob01 img, #maincontent .room .box .wrap .photo .photob02 img, #maincontent .room .box .wrap .photo .photob03 img, #maincontent .room .box .wrap .photo .photob04 img, #maincontent .room .box .wrap .photo .photob05 img, #maincontent .room .box .wrap .photo .photob06 img, #maincontent .room .box .wrap .photo .photob07 img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent .room .box .wrap .photo ul {
    margin: 10px 0 0 0;
    padding: 0;
  }
  #maincontent .room .box .wrap .photo ul li {
    width: 23.5%;
    margin: 0 2% 0 0;
    padding: 0;
    float: left;
    list-style: none;
    cursor: pointer;
  }
  #maincontent .room .box .wrap .photo ul li img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent .room .box .wrap .photo ul li:nth-child(4) {
    margin: 0 0 0 0;
  }
  #maincontent .room .box .wrap .photo p {
    color: #000;
    margin: 10px auto 0;
    padding: 0;
    font: 400 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent .room .box .wrap .photo a.button {
    font: 300 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 15px 0;
    background: #648fb6;
    color: #fff;
    display: block;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-image: url(../room/img/04.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px auto;
  }
  #maincontent .room .box .wrap .photo a.button:link {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .room .box .wrap .photo a.button:visited {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .room .box .wrap .photo a.button:active {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .room .box .wrap .photo a.button:hover {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .room .box .wrap .detail {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #maincontent .room .box .wrap .detail h4 {
    margin: 0;
    padding: 10px;
    font: 300 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: left;
    background: #000;
  }
  #maincontent .room .box .wrap .detail dl {
    padding: 15px 0;
    margin: 0;
    color: #000;
    border-bottom: 1px solid #c4c4c4;
  }
  #maincontent .room .box .wrap .detail dt {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 30%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #maincontent .room .box .wrap .detail dd {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 0 0 35%;
    padding: 0;
    text-align: left;
  }
  #maincontent .room .box .wrap .detail .noborder {
    border-bottom: none;
  }
  #maincontent .room .box .wrap .detail h5 {
    width: 80%;
    margin: 15px auto 0;
    padding: 18px 18px 18px 45px;
    font: 400 120%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: left;
    background: #505050;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    cursor: pointer;
    background-image: url(../room/img/03.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px auto;
    box-sizing: border-box;
  }
  #maincontent .room .box .wrap .detail h5.active {
    background-image: url(../room/img/02.png);
  }
  #maincontent .room .box .wrap .detail .fixtures {
    width: 80%;
    margin: 0 auto;
    padding: 5%;
    text-align: left;
    background: #f3f2e2;
    box-sizing: border-box;
    display: none;
  }
  #maincontent .room .box .wrap .detail .fixtures p {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
  }
  #maincontent .room .box .map {
    width: 100%;
    height: 200px;
    margin: 30px 0 0 0;
    padding: 0;
  }
  #maincontent .room .box .map iframe {
    width: 100%;
    height: 200px;
  }
  #maincontent .room:nth-child(2n) {
    padding: 30px 0;
    background-color: #f3f3f3;
  }

  /* ------------ restaurant ------------ */
  #restauranttop {
    width: 100%;
    margin: 20px auto 0;
    padding: 0;
    text-align: center;
  }
  #restauranttop h2 {
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }

  #maincontent04 {
    width: 94%;
    margin: 30px auto 0;
    padding: 0;
    text-align: center;
  }
  #maincontent04 .restaurantbox {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
  }
  #maincontent04 .restaurantbox .wrap {
    width: 94%;
    margin: 20px auto 0;
    padding: 0;
  }
  #maincontent04 .restaurantbox .wrap .detail {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .restaurantbox .wrap .detail p {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
  }
  #maincontent04 .restaurantbox .wrap .detail .coffee {
    width: 90%;
    margin: 20px 0 0 0;
    padding: 5%;
    background: #f3f2e2;
  }
  #maincontent04 .restaurantbox .wrap .detail .coffee img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent04 .restaurantbox .wrap .photo {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #maincontent04 .restaurantbox .wrap .photo .photor01 {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
  }
  #maincontent04 .restaurantbox .wrap .photo .photor01 img {
    height: 250px;
    width: 100%;
  }
  #maincontent04 .restaurantbox .wrap .photo ul {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
  }
  #maincontent04 .restaurantbox .wrap .photo ul li {
    width: 22.7%;
    margin: 0 3% 0 0;
    padding: 0;
    float: left;
    list-style: none;
    cursor: pointer;
  }
  #maincontent04 .restaurantbox .wrap .photo ul li img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent04 .restaurantbox .wrap .photo ul li:nth-child(4n) {
    margin: 0 0 0 0;
  }
  #maincontent04 .restaurantbox .price {
    width: 96%;
    margin: 20px auto 0;
    padding: 0;
  }
  #maincontent04 .restaurantbox .price h4 {
    margin: 0;
    padding: 10px;
    font: 300 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: left;
    background: #000;
  }
  #maincontent04 .restaurantbox .price dl {
    padding: 15px 0;
    margin: 0;
    color: #000;
    border-bottom: 1px solid #c4c4c4;
  }
  #maincontent04 .restaurantbox .price dt {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 30%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .restaurantbox .price dd {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 0 0 35%;
    padding: 0;
    text-align: left;
  }

  /* ------------ meeting ------------ */
  #meetingtop {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #meetingtop .meetinglink {
    width: 100%;
    margin: 20px auto 0;
    padding: 0;
    text-align: center;
  }
  #meetingtop .meetinglink h2 {
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }
  #meetingtop .meetinglink .photo {
    width: 100%;
    height: 0;
    margin: 0;
    padding: 48% 0 0 0;
    background-image: url(../meeting/img/03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #meetingtop .meetinglink > p {
    width: 94%;
    color: #000;
    margin: 20px 3% 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #meetingtop .meetinglink ul {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #meetingtop .meetinglink ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #meetingtop .meetinglink ul li a {
    width: 100%;
    display: block;
    padding: 15px 10px;
    font: 400 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #fff;
    background: #535353;
    box-sizing: border-box;
    background-image: url(../img/62.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #meetingtop .meetinglink .textno {
    display: none;
  }
  #meetingtop .meetinglink li a {
    display: block;
    padding: 10px 0;
  }
  #meetingtop .meetinglink a:link {
    text-decoration: none;
    color: #fff;
  }
  #meetingtop .meetinglink a:visited {
    text-decoration: none;
    color: #fff;
  }
  #meetingtop .meetinglink a:active {
    text-decoration: none;
    color: #fff;
  }
  #meetingtop .meetinglink a:hover {
    text-decoration: none;
    color: #fff;
  }

  #maincontent {
    width: 100%;
    margin: 30px auto 0;
    padding: 0;
    text-align: center;
  }
  #maincontent .meeting {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    background: #fff;
  }
  #maincontent .meeting .box {
    width: 94%;
    margin: 0 3%;
    padding: 0;
  }
  #maincontent .meeting .box h3 {
    margin: 0;
    padding: 0;
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent .meeting .box .wrap {
    margin: 20px 0 0 0;
    padding: 0;
  }
  #maincontent .meeting .box .wrap .photo {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent .meeting .box .wrap .photo img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent .meeting .box .wrap .photo .photom01, #maincontent .meeting .box .wrap .photo .photom02, #maincontent .meeting .box .wrap .photo .photom03 {
    width: 100%;
    height: 220px;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #maincontent .meeting .box .wrap .photo ul {
    margin: 10px 0 0 0;
    padding: 0;
  }
  #maincontent .meeting .box .wrap .photo ul li {
    width: 23.5%;
    margin: 0 2% 0 0;
    padding: 0;
    float: left;
    list-style: none;
    cursor: pointer;
  }
  #maincontent .meeting .box .wrap .photo ul li img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent .meeting .box .wrap .photo ul li:nth-child(4) {
    margin: 0 0 0 0;
  }
  #maincontent .meeting .box .wrap .photo p {
    color: #000;
    margin: 10px auto 0;
    padding: 0;
    font: 400 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent .meeting .box .wrap .photo .bold {
    font: 500 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent .meeting .box .wrap .detail {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #maincontent .meeting .box .wrap .detail h4 {
    margin: 0;
    padding: 10px;
    font: 300 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: left;
    background: #000;
  }
  #maincontent .meeting .box .wrap .detail ul {
    padding: 0;
    margin: 0;
  }
  #maincontent .meeting .box .wrap .detail ul li {
    border-bottom: 1px solid #c4c4c4;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    padding: 10px 0;
    margin: 0;
    color: #000;
    list-style: none;
    text-align: left;
  }
  #maincontent .meeting .box .wrap .detail dl {
    padding: 5px 0;
    margin: 0;
    color: #000;
  }
  #maincontent .meeting .box .wrap .detail dt {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 30%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #maincontent .meeting .box .wrap .detail dd {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 0 0 35%;
    padding: 0;
    text-align: left;
  }
  #maincontent .meeting .box .wrap .detail .noborder {
    border-bottom: none;
  }
  #maincontent .meeting .box .wrap .detail p {
    color: #000;
    margin: 20px auto 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent .meeting .box .wrap .detail .bold {
    font: 500 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent .meeting:nth-child(2n) {
    padding: 20px 0;
    background-color: #f3f3f3;
  }

  /* ------------ facility ------------ */
  #facilitytop {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #facilitytop .facilitylink {
    width: 100%;
    margin: 20px auto 0;
    padding: 0;
    text-align: center;
  }
  #facilitytop .facilitylink h2 {
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }
  #facilitytop .facilitylink .photo {
    width: 100%;
    height: 0;
    margin: 0;
    padding: 48% 0 0 0;
    background-image: url(../facility/img/05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #facilitytop .facilitylink h3 {
    margin: 20px 0 0 0;
    padding: 10px;
    font: 400 120%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    background-color: #000;
  }
  #facilitytop .facilitylink ul.f01 {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #facilitytop .facilitylink ul.f01 li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #facilitytop .facilitylink ul.f01 li a {
    width: 50%;
    display: block;
    padding: 15px 10px;
    font: 400 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #fff;
    border: 1px solid #fff;
    background: #535353;
    box-sizing: border-box;
    float: left;
    background-image: url(../img/62.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #facilitytop .facilitylink ul.f02 {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #facilitytop .facilitylink ul.f02 li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #facilitytop .facilitylink ul.f02 li a {
    width: 100%;
    display: block;
    padding: 15px 10px;
    font: 400 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #fff;
    background: #674d41;
    box-sizing: border-box;
    background-image: url(../img/62.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #facilitytop .facilitylink a:link {
    text-decoration: none;
    color: #fff;
  }
  #facilitytop .facilitylink a:visited {
    text-decoration: none;
    color: #fff;
  }
  #facilitytop .facilitylink a:active {
    text-decoration: none;
    color: #fff;
  }
  #facilitytop .facilitylink a:hover {
    text-decoration: none;
    color: #fff;
  }

  #maincontent {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
  }
  #maincontent .facility {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
    background: #fff;
  }
  #maincontent .facility .box {
    width: 94%;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent .facility .box .wrap {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent .facility .box .wrap .photo {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent .facility .box .wrap .photo img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent .facility .box .wrap .detail {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: left;
  }
  #maincontent .facility .box .wrap .detail h4 {
    margin: 0;
    padding: 0;
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent .facility .box .wrap .detail p {
    color: #000;
    margin: 20px 0 0 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent .facility .box .wrap .detail .tenant {
    margin: 0 0 20px 0;
    padding: 3px 35px;
    background: #c90010;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    display: inline-block;
  }
  #maincontent .facility .box .wrap .detail a {
    width: 48%;
    background: #000;
    margin: 20px auto 0;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: center;
  }
  #maincontent .facility .box .wrap .detail a:link {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .facility .box .wrap .detail a:visited {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .facility .box .wrap .detail a:active {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .facility .box .wrap .detail a:hover {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .facility:nth-child(2n) {
    padding: 30px 0;
    background-color: #f3f3f3;
  }

  /* ------------ information ------------ */
  #informationtop {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
  }
  #informationtop .informationlink {
    width: 100%;
    margin: 20px auto 0;
    padding: 0;
    text-align: center;
  }
  #informationtop .informationlink h2 {
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }
  #informationtop .informationlink .photo {
    width: 100%;
    height: 0;
    margin: 0;
    padding: 63% 0 0 0;
    background-image: url(../information/img/35.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #informationtop .informationlink ul {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #informationtop .informationlink ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #informationtop .informationlink ul li a {
    width: 50%;
    display: block;
    padding: 15px 10px;
    font: 400 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #fff;
    border: 1px solid #fff;
    background: #535353;
    box-sizing: border-box;
    float: left;
    background-image: url(../img/62.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #informationtop .informationlink a:link {
    text-decoration: none;
    color: #fff;
  }
  #informationtop .informationlink a:visited {
    text-decoration: none;
    color: #fff;
  }
  #informationtop .informationlink a:active {
    text-decoration: none;
    color: #fff;
  }
  #informationtop .informationlink a:hover {
    text-decoration: none;
    color: #fff;
  }

  #maincontent {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
  }
  #maincontent .information {
    width: 94%;
    margin: 20px auto 0;
    padding: 0;
    background: #fff;
  }
  #maincontent .information ul {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0
    /*    
    @include css3(display, flex);  
    @include css3(box-lines, multiple);
    @include css3(flex-wrap, wrap);
    */
  }
  #maincontent .information ul li {
    height: 340px;
    width: 46%;
    margin: 0 4% 0 0;
    padding: 0;
    float: left;
    list-style: none;
    text-align: left;
  }
  #maincontent .information ul li img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent .information ul li h3 {
    color: #000;
    margin: 0;
    padding: 0;
    font: 600 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent .information ul li p {
    color: #000;
    margin: 5px 0 0 0;
    padding: 0;
    font: 300 90%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent .information li:nth-child(2n) {
    margin: 0 0 0 0;
  }
  #maincontent .lending {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 20px 0;
    background: #e9eff8;
  }
  #maincontent .lending h4 {
    margin: 0;
    padding: 0;
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent .lending ul {
    width: 94%;
    margin: 30px auto 0;
    padding: 0
    /*     
    @include css3(display, flex);  
    @include css3(box-lines, multiple);
    @include css3(flex-wrap, wrap);
    */
  }
  #maincontent .lending ul li {
    height: 150px;
    width: 31%;
    margin: 0 3% 0 0;
    padding: 0;
    float: left;
    list-style: none;
    text-align: center;
  }
  #maincontent .lending ul li img {
    width: 60%;
    margin: 0;
    padding: 0;
  }
  #maincontent .lending ul li p {
    margin: 5px 0 0 0;
    padding: 0;
    font: 300 85%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
  }
  #maincontent .lending ul li:nth-child(3n) {
    margin: 0 0 0 0;
  }

  /* ------------ access ------------ */
  #accesstop {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
  }
  #accesstop h2 {
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }
  #accesstop .map {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #accesstop .map iframe {
    display: none;
  }
  #accesstop .map .from {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #accesstop .map .from ul {
    width: 100%;
    margin: 1px 0 0 0;
    padding: 0;
  }
  #accesstop .map .from ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #accesstop .map .from ul li a {
    width: 100%;
    display: block;
    padding: 15px 10px;
    font: 400 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #fff;
    background: #535353;
    box-sizing: border-box;
    background-image: url(../img/62.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #accesstop .map .from .textno {
    display: none;
  }
  #accesstop .map .from li a {
    display: block;
    padding: 10px 0;
  }
  #accesstop .map .from a:link {
    text-decoration: none;
    color: #fff;
  }
  #accesstop .map .from a:visited {
    text-decoration: none;
    color: #fff;
  }
  #accesstop .map .from a:active {
    text-decoration: none;
    color: #fff;
  }
  #accesstop .map .from a:hover {
    text-decoration: none;
    color: #fff;
  }

  #maincontent02 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #maincontent02 .access {
    width: 100%;
    margin: 0 0 0 0;
    padding: 30px 0;
    background: #fff;
  }
  #maincontent02 .access .box {
    width: 94%;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent02 .access .box h3 {
    margin: 0;
    padding: 0;
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent02 .access .box .wrap {
    margin: 20px 0 0 0;
    padding: 0;
  }
  #maincontent02 .access .box .wrap .photo {
    width: 100%;
    margin: 0 20px 0 0;
    padding: 0;
  }
  #maincontent02 .access .box .wrap .photo .mapimg {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent02 .access .box .wrap .photo img {
    margin: 0 10px 0 0;
    padding: 0;
    vertical-align: middle;
  }
  #maincontent02 .access .box .wrap .photo iframe {
    width: 100%;
    height: 250px;
  }
  #maincontent02 .access .box .wrap .photo p {
    color: #000;
    margin: 5px auto 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent02 .access .box .wrap .photo a:link {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .access .box .wrap .photo a:visited {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .access .box .wrap .photo a:active {
    color: #333;
  }
  #maincontent02 .access .box .wrap .photo a:hover {
    text-decoration: underline;
    color: #000;
  }
  #maincontent02 .access .box .wrap .detail {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #maincontent02 .access .box .wrap .detail h4 {
    margin: 0;
    padding: 10px;
    font: 300 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: left;
    background: #000;
  }
  #maincontent02 .access .box .wrap .detail p {
    color: #000;
    margin: 10px auto 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent02 .access .box .wrap .detail p img {
    margin: 0 10px 0 0;
    padding: 0;
    vertical-align: middle;
  }
  #maincontent02 .access .box .wrap .detail p .bold {
    font: 600 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent02 .access .box .wrap .detail p a:link {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .access .box .wrap .detail p a:visited {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .access .box .wrap .detail p a:active {
    color: #333;
  }
  #maincontent02 .access .box .wrap .detail p a:hover {
    text-decoration: underline;
    color: #000;
  }
  #maincontent02 .access .box .wrap .detail .button a {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 70%;
    margin: 30px auto 0;
    padding: 7px 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
    border: 1px solid #bababa;
    box-sizing: border-box;
  }
  #maincontent02 .access .box .wrap .detail .button a:link {
    text-decoration: none;
    color: #333;
  }
  #maincontent02 .access .box .wrap .detail .button a:visited {
    text-decoration: none;
    color: #333;
  }
  #maincontent02 .access .box .wrap .detail .button a:active {
    text-decoration: none;
    color: #333;
  }
  #maincontent02 .access .box .wrap .detail .button a:hover {
    text-decoration: none;
    color: #fff;
  }
  #maincontent02 .access:nth-child(2n) {
    padding: 30px 0;
    background-color: #f3f3f3;
  }

  /* ------------ gourmet ------------ */
  #gourmettop {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
  }
  #gourmettop h2 {
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }
  #gourmettop .map {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 250px;
    overflow: hidden;
  }
  #gourmettop #mapa {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 250px;
    overflow: hidden;
  }
  #gourmettop #mapa a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #gourmettop #mapa a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #gourmettop #mapa a:active {
    color: #ff7200;
  }
  #gourmettop #mapa a:hover {
    text-decoration: underline;
    color: #ff7200;
  }

  #maincontent02 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #maincontent02 .gourmetlist {
    width: 94%;
    margin: 0 auto;
    padding: 30px 0;
    background: #fff;
  }
  #maincontent02 .gourmetlist h3 {
    margin: 0;
    padding: 0;
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent02 .gourmetlist ul {
    margin: 20px 0 0 0;
    padding: 0;
  }
  #maincontent02 .gourmetlist ul li {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
    color: #000;
    font: 300 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent02 .gourmetlist ul li p {
    width: 120px;
    margin: 0 10px 0 0;
    padding: 8px 0;
    font: 300 80%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    display: inline-block;
    background: #a11818;
    color: #fff;
    text-align: center;
  }
  #maincontent02 .gourmetlist ul li .g01 {
    background: #a11818;
  }
  #maincontent02 .gourmetlist ul li .g02 {
    background: #593e8b;
  }
  #maincontent02 .gourmetlist ul li .g03 {
    background: #f28e00;
  }
  #maincontent02 .gourmetlist ul li .g04 {
    background: #486e3a;
  }
  #maincontent02 .gourmetlist ul li .g05 {
    background: #bd2f68;
  }
  #maincontent02 .gourmetlist ul li .g06 {
    background: #b24f3c;
  }
  #maincontent02 .gourmetlist ul li .g07 {
    background: #ff6161;
  }
  #maincontent02 .gourmetlist ul li .g08 {
    background: #3099b3;
  }
  #maincontent02 .gourmetlist ul li .g10 {
    background: #a99f2a;
  }
  #maincontent02 .gourmetlist ul li a:link {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .gourmetlist ul li a:visited {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .gourmetlist ul li a:active {
    color: #333;
  }
  #maincontent02 .gourmetlist ul li a:hover {
    text-decoration: underline;
    color: #000;
  }
  #maincontent02 .gourmet {
    width: 100%;
    margin: 0 0 0 0;
    padding: 20px 0;
    background: #f3f3f3;
    border-top: 5px solid #b2b2b2;
  }
  #maincontent02 .gourmet .box {
    width: 94%;
    margin: 0 3%;
    padding: 0;
    text-align: left;
  }
  #maincontent02 .gourmet .box .storename {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent02 .gourmet .box .storename p {
    width: 100px;
    margin: 0 0 0 0;
    padding: 8px 0;
    font: 400 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background: #a11818;
    color: #fff;
    text-align: center;
  }
  #maincontent02 .gourmet .box .storename .g01 {
    background: #a11818;
  }
  #maincontent02 .gourmet .box .storename .g02 {
    background: #593e8b;
  }
  #maincontent02 .gourmet .box .storename .g03 {
    background: #f28e00;
  }
  #maincontent02 .gourmet .box .storename .g04 {
    background: #486e3a;
  }
  #maincontent02 .gourmet .box .storename .g05 {
    background: #bd2f68;
  }
  #maincontent02 .gourmet .box .storename .g06 {
    background: #b24f3c;
  }
  #maincontent02 .gourmet .box .storename .g07 {
    background: #ff6161;
  }
  #maincontent02 .gourmet .box .storename .g08 {
    background: #3099b3;
  }
  #maincontent02 .gourmet .box .storename .g10 {
    background: #a99f2a;
  }
  #maincontent02 .gourmet .box .storename h4 {
    margin: 10px 0 0 0;
    padding: 0;
    font: 600 200%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
  }
  #maincontent02 .gourmet .box ul.photo {
    width: 100%;
    margin: 20px auto 0;
    padding: 0;
  }
  #maincontent02 .gourmet .box ul.photo li {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
  }
  #maincontent02 .gourmet .box ul.photo li img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent02 .gourmet .box ul.photo li p {
    display: none;
  }
  #maincontent02 .gourmet .box ul.photo li p img {
    display: none;
  }
  #maincontent02 .gourmet .box ul.photo li a {
    display: block;
  }
  #maincontent02 .gourmet .box ul.photo a:link {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .gourmet .box ul.photo a:visited {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .gourmet .box ul.photo a:active {
    color: #333;
  }
  #maincontent02 .gourmet .box ul.photo a:hover {
    text-decoration: underline;
    color: #000;
  }
  #maincontent02 .gourmet .box .wrap {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #maincontent02 .gourmet .box .wrap .txt {
    width: 100%;
    margin: 0 20px 0 0;
    padding: 0;
  }
  #maincontent02 .gourmet .box .wrap .txt h5 {
    color: #000;
    margin: 0;
    padding: 0;
    font: 600 120%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent02 .gourmet .box .wrap .txt p {
    color: #000;
    margin: 10px auto 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent02 .gourmet .box .wrap .map {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #maincontent02 .gourmet .box .wrap .map a.button {
    font: 600 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background-color: #3a7cec;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
    width: 75%;
    margin: 0 auto;
    padding: 10px 0;
    display: block;
    text-align: center;
    background-image: url(../gourmet/img/02.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px auto;
  }
  #maincontent02 .gourmet .box .wrap .map a.button:link {
    text-decoration: none;
    color: #fff;
  }
  #maincontent02 .gourmet .box .wrap .map a.button:visited {
    text-decoration: none;
    color: #fff;
  }
  #maincontent02 .gourmet .box .wrap .map a.button:active {
    text-decoration: none;
    color: #fff;
  }
  #maincontent02 .gourmet .box .wrap .map a.button:hover {
    text-decoration: none;
    color: #fff;
    background-color: #588ee8;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #maincontent02 .gourmet .box .info {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
  }
  #maincontent02 .gourmet .box .info th {
    margin: 0;
    padding: 5px;
    background: #f3f2e2;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    border: 1px solid #b7b7b7;
    white-space: nowrap;
  }
  #maincontent02 .gourmet .box .info td {
    margin: 0;
    padding: 5px;
    background: #fff;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    border: 1px solid #b7b7b7;
  }
  #maincontent02 .gourmet .box .info a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent02 .gourmet .box .info a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent02 .gourmet .box .info a:active {
    color: #ff7200;
  }
  #maincontent02 .gourmet .box .info a:hover {
    text-decoration: underline;
    color: #ff7200;
  }
  #maincontent02 .gourmet .box .notes {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: left;
  }
  #maincontent02 .gourmet .box .notes p {
    color: #000;
    margin: 0;
    padding: 0;
    font: 300 80%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }

  /* ------------ faq ------------ */
  #faqtop {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
  }
  #faqtop h2 {
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }
  #faqtop .photo {
    width: 100%;
    height: 0;
    margin: 0;
    padding: 63% 0 0 0;
    background-image: url(../faq/img/04.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #faqtop .faqlink {
    width: 100%;
    margin: 1px auto 0;
    padding: 0;
  }
  #faqtop .faqlink .from {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #faqtop .faqlink .from ul {
    width: 100%;
    margin: 1px 0 0 0;
    padding: 0;
  }
  #faqtop .faqlink .from ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #faqtop .faqlink .from ul li a {
    width: 100%;
    display: block;
    padding: 15px 10px;
    font: 400 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #fff;
    background: #535353;
    box-sizing: border-box;
    background-image: url(../img/62.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
  }
  #faqtop .faqlink .from .textno {
    display: none;
  }
  #faqtop .faqlink .from li a {
    display: block;
    padding: 10px 0;
  }
  #faqtop .faqlink .from a:link {
    text-decoration: none;
    color: #fff;
  }
  #faqtop .faqlink .from a:visited {
    text-decoration: none;
    color: #fff;
  }
  #faqtop .faqlink .from a:active {
    text-decoration: none;
    color: #fff;
  }
  #faqtop .faqlink .from a:hover {
    text-decoration: none;
    color: #fff;
  }

  #maincontent03 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #maincontent03 .faq {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    background: #fff;
  }
  #maincontent03 .faq h3 {
    margin: 0;
    padding: 0;
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent03 .faq .box {
    width: 94%;
    margin: 0 3%;
    padding: 0;
  }
  #maincontent03 .faq .box h4 {
    margin: 30px 0 0 0;
    padding: 10px;
    font: 600 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
    text-align: left;
    background: #f3f3f3;
  }
  #maincontent03 .faq .box p {
    color: #000;
    margin: 20px 0 0 20px;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent03 .faq .box img {
    margin: 0 10px 0 0;
    padding: 0;
    vertical-align: bottom;
  }
  #maincontent03 .faq .box .red {
    color: #e60012;
  }
  #maincontent03 .faq .box a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent03 .faq .box a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent03 .faq .box a:active {
    color: #ff7200;
  }
  #maincontent03 .faq .box a:hover {
    text-decoration: underline;
    color: #ff7200;
  }
  #maincontent03 .faq:nth-child(2n) {
    padding: 20px 0;
    background-color: #f3f3f3;
  }
  #maincontent03 .faq:nth-child(2n) h4 {
    background: #fff;
  }

  /* ------------ company ------------ */
  #companytop {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
  }
  #companytop h2 {
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }

  #maincontent04 {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
  }
  #maincontent04 .company {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
    background: #fff;
  }
  #maincontent04 .company h3 {
    margin: 0;
    padding: 0;
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent04 .company .box {
    width: 94%;
    margin: 20px 3% 0;
    padding: 0;
  }
  #maincontent04 .company .box dl {
    padding: 10px 0;
    margin: 0;
    color: #000;
    border-bottom: 1px solid #c4c4c4;
  }
  #maincontent04 .company .box dt {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 30%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .company .box dd {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 0 0 35%;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .company:nth-child(2n) {
    padding: 30px 0;
    background-color: #f3f3f3;
  }

  /* ------------ privacy ------------ */
  #privacytop {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
  }
  #privacytop h2 {
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }

  #maincontent04 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #maincontent04 .privacy {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
    background: #fff;
  }
  #maincontent04 .privacy h3 {
    margin: 50px 0 0 0;
    padding: 10px;
    font: 600 120%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
    text-align: left;
    background: #f3f3f3;
  }
  #maincontent04 .privacy p {
    color: #000;
    margin: 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent04 .privacy p.box {
    width: 94%;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent04 .privacy .text {
    color: #000;
    margin: 20px 0 0 20px;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent04 .privacy .red {
    color: #e60012;
  }
  #maincontent04 .privacy a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .privacy a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .privacy a:active {
    color: #ff7200;
  }
  #maincontent04 .privacy a:hover {
    text-decoration: underline;
    color: #ff7200;
  }

  /* ------------ topics ------------ */
  #topicstop {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
  }
  #topicstop h2 {
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }

  #maincontent04 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #maincontent04 .topics {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent04 .topics h3 {
    width: 94%;
    margin: 0 auto;
    padding: 20px 0;
    font: 400 160%/120% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent04 .topics img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent04 .topics h4 {
    color: #000;
    margin: 30px 0 0 0;
    padding: 0;
    font: 600 120%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent04 .topics .wrap {
    width: 94%;
    margin: 30px auto 0;
    padding: 0;
  }
  #maincontent04 .topics .wrap .text {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent04 .topics .wrap .text p {
    color: #000;
    margin: 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent04 .topics .wrap .photo {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #maincontent04 .topics .wrap .photo p {
    color: #000;
    margin: 5px 0 0 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent04 .topics a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .topics a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .topics a:active {
    color: #ff7200;
  }
  #maincontent04 .topics a:hover {
    text-decoration: underline;
    color: #ff7200;
  }

  /* ------------ plan ------------ */
  #plantop {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
  }
  #plantop h2 {
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }

  #maincontent04 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #maincontent04 .plan {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent04 .plan img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent04 .plan h3 {
    width: 94%;
    margin: 0 auto;
    padding: 20px 0;
    font: 400 160%/120% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent04 .plan dl {
    width: 94%;
    padding: 10px 0;
    margin: 0 auto;
    color: #000;
    border-bottom: 1px solid #c4c4c4;
  }
  #maincontent04 .plan dt {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 30%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .plan dd {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 0 0 35%;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .plan dd a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .plan dd a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .plan dd a:active {
    color: #ff7200;
  }
  #maincontent04 .plan dd a:hover {
    text-decoration: underline;
    color: #ff7200;
  }
  #maincontent04 .plan .wrap {
    width: 94%;
    margin: 30px auto 0;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .plan .wrap .text {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent04 .plan .wrap .text h4 {
    color: #000;
    margin: 30px 0 0 0;
    padding: 0;
    font: 600 120%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent04 .plan .wrap .text .title {
    margin: 0 0 0 0;
  }
  #maincontent04 .plan .wrap .text p {
    color: #000;
    margin: 20px 0 0 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent04 .plan .wrap .text a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .plan .wrap .text a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .plan .wrap .text a:active {
    color: #ff7200;
  }
  #maincontent04 .plan .wrap .text a:hover {
    text-decoration: underline;
    color: #ff7200;
  }
  #maincontent04 .plan .wrap .photo {
    width: 80%;
    margin: 20px auto 0;
    padding: 0;
  }
  #maincontent04 .plan .wrap .photo img {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
  }
  #maincontent04 .plan .wrap .photo p {
    color: #000;
    margin: 10px 0 0 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent04 .plan .wrap .photo a {
    width: 100%;
    font: 600 120%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background-color: #c90010;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
    margin: 10px 0 0 0;
    padding: 15px 0;
    display: block;
    text-align: center;
    text-decoration: none;
    background-image: url(../plan/img/03.png);
    background-repeat: no-repeat;
    background-position: 96% center;
  }
  #maincontent04 .plan .wrap .photo a:hover {
    background-color: #b3000e;
  }

  /* ------------ member ------------ */
  #membertop {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
  }
  #membertop h2 {
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }

  #maincontent04 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #maincontent04 .member {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent04 .member .box {
    width: 94%;
    margin: 20px 3% 0;
    padding: 0;
  }
  #maincontent04 .member .box .sptitle {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #maincontent04 .member .box .sptitle img {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #maincontent04 .member .box .title {
    display: none;
  }
  #maincontent04 .member .box h3 {
    margin: 30px 0 0 0;
    padding: 10px;
    font: 600 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
    text-align: left;
    background: #f3f3f3;
  }
  #maincontent04 .member .box .arrow {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
    text-align: center;
  }
  #maincontent04 .member .box .arrow img {
    margin: 0;
    padding: 0;
    width: 20%;
  }
  #maincontent04 .member .box a.button {
    font: 600 120%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background-color: #c90010;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
    width: 80%;
    margin: 30px auto 0;
    padding: 20px 0;
    display: block;
    text-align: center;
    text-decoration: none;
    background-image: url(../plan/img/03.png);
    background-repeat: no-repeat;
    background-position: 230px center;
    background-size: 25px auto;
  }
  #maincontent04 .member .box a.button:link {
    text-decoration: none;
    color: #fff;
  }
  #maincontent04 .member .box a.button:visited {
    text-decoration: none;
    color: #fff;
  }
  #maincontent04 .member .box a.button:active {
    text-decoration: none;
    color: #fff;
  }
  #maincontent04 .member .box a.button:hover {
    text-decoration: none;
    color: #fff;
    background-color: #b3000e;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #maincontent04 .member .box p {
    color: #000;
    margin: 15px 0 0 30px;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent04 .member .box p a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .member .box p a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .member .box p a:active {
    color: #ff7200;
  }
  #maincontent04 .member .box p a:hover {
    text-decoration: underline;
    color: #ff7200;
  }

  /* ------------ group ------------ */
  #grouptop {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%; }
    #grouptop h2 {
      font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
      color: #fff;
      margin: 0;
      padding: 20px 0;
      text-align: center;
      background: -moz-linear-gradient(top, #202020, #535353);
      background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353'); }

  #maincontent04 {
    width: 100%;
    text-align: center; }
    #maincontent04 .group {
      width: 94%;
      margin: 20px auto 0;
      background: #fff; }
      #maincontent04 .group figure {
        width: 100%;
        margin: 0 auto; }
        #maincontent04 .group figure img {
          width: 100%;
          vertical-align: bottom; }
      #maincontent04 .group p {
        font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        text-align: left;
        margin: 15px 0 0 0; }
      #maincontent04 .group h3 {
        margin: 20px 0 0 0;
        padding: 10px;
        font: 400 120%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        color: #fff;
        background: #000;
        text-align: left; }
      #maincontent04 .group dl {
        text-align: left;
        font: 300 100%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        padding: 15px 0;
        border-bottom: 1px solid #ccc; }
        #maincontent04 .group dl dt {
          font-weight: 600; }
          #maincontent04 .group dl dt .red {
            color: #c90010; }
        #maincontent04 .group dl dd {
          margin: 10px 0 0 0; }
          #maincontent04 .group dl dd p {
            font: 300 80%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
            text-align: left;
            margin: 5px 0; }
            #maincontent04 .group dl dd p a:link {
              text-decoration: underline;
              color: #0075a9; }
            #maincontent04 .group dl dd p a:visited {
              text-decoration: none;
              color: #0075a9; }
            #maincontent04 .group dl dd p a:active {
              color: #0075a9; }
            #maincontent04 .group dl dd p a:hover {
              text-decoration: none;
              color: #0075a9; }
          #maincontent04 .group dl dd .bold {
            font-weight: 600; }
          #maincontent04 .group dl dd .red {
            color: #c90010; }
          #maincontent04 .group dl dd input[type="text"] {
            width: 100%;
            border: 1px solid #ccc;
            box-sizing: border-box;
            padding: 5px;
            font: 300 100%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
            margin: 0 5px 0 0; }
            #maincontent04 .group dl dd input[type="text"].w10 {
              width: 30%; }
            #maincontent04 .group dl dd input[type="text"].w30 {
              width: 50%; }
            #maincontent04 .group dl dd input[type="text"].w50 {
              width: 70%; }
            #maincontent04 .group dl dd input[type="text"].date {
              background: url(../group/img/g_02.png);
              background-repeat: no-repeat;
              background-size: 15px;
              background-position: right 10px center; }
            #maincontent04 .group dl dd input[type="text"]::-webkit-input-placeholder {
              color: #999; }
            #maincontent04 .group dl dd input[type="text"]::placeholder {
              color: #999; }
            #maincontent04 .group dl dd input[type="text"]::-ms-input-placeholder {
              color: #999; }
            #maincontent04 .group dl dd input[type="text"]::-ms-input-placeholder {
              color: #999; }
          #maincontent04 .group dl dd select {
            width: 100px;
            margin: 0 5px 0 0;
            border: 1px solid #ccc;
            box-sizing: border-box;
            font: 300 100%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
          #maincontent04 .group dl dd textarea {
            width: 100%;
            height: 150px;
            border: 1px solid #ccc;
            padding: 5px;
            resize: none;
            font: 300 100%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
            box-sizing: border-box; }
            #maincontent04 .group dl dd textarea::-webkit-input-placeholder {
              color: #999; }
            #maincontent04 .group dl dd textarea::placeholder {
              color: #999; }
            #maincontent04 .group dl dd textarea::-ms-input-placeholder {
              color: #999; }
            #maincontent04 .group dl dd textarea::-ms-input-placeholder {
              color: #999; }
          #maincontent04 .group dl dd ul.box_01 {
            display: flex; }
            #maincontent04 .group dl dd ul.box_01 li {
              width: 20%;
              list-style: none; }
          #maincontent04 .group dl dd ul.box_02 li {
            list-style: none;
            margin: 10px 0; }
          #maincontent04 .group dl dd ul.box_03 li {
            list-style: none;
            margin: 10px 0; }
            #maincontent04 .group dl dd ul.box_03 li input[type="text"] {
              margin: 10px 0 0 0; }
      #maincontent04 .group .submit_box {
        text-align: center;
        margin: 30px 0 0 0; }
        #maincontent04 .group .submit_box .submit_button {
          width: 200px;
          padding: 10px 5px;
          font: 300 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
          color: #fff;
          text-align: center;
          background-color: #000;
          cursor: pointer;
          display: inline-block;
          transition: all 0.5s;
          -moz-transition: all 0.5s;
          -webkit-transition: all 0.5s;
          -ms-transition: all 0.5s;
          -o-transition: all 0.5s;
          -webkit-appearance: button; }
          #maincontent04 .group .submit_box .submit_button:hover {
            opacity: 0.8;
            filter: alpha(opacity=80);
            -ms-filter: "alpha( opacity=80 )"; }
        #maincontent04 .group .submit_box .back_button {
          width: 200px;
          padding: 10px 5px;
          margin: 0 0 15px 0;
          font: 300 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
          color: #666;
          text-align: center;
          background-color: #dcdcdc;
          border-style: none;
          cursor: pointer;
          display: inline-block;
          -webkit-appearance: button; }
          #maincontent04 .group .submit_box .back_button:hover {
            opacity: 0.8;
            filter: alpha(opacity=80);
            -ms-filter: "alpha( opacity=80 )"; }
      #maincontent04 .group table {
        margin: 30px auto 0;
        width: 100%; }
        #maincontent04 .group table th {
          width: 35%;
          padding: 10px;
          font: 600 100%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
          text-align: left;
          box-sizing: border-box;
          background: #f7f7f7;
          box-sizing: border-box;
          border-bottom: 1px solid #dcdcdc; }
        #maincontent04 .group table td {
          padding: 10px;
          font: 300 100%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
          text-align: left;
          box-sizing: border-box;
          border-bottom: 1px solid #dcdcdc; }

/* ------------ SPEND ------------ */
}
/* ------------ PC ------------ */
@media screen and (min-width: 768px), print {
  /* ------------ body ------------ */
  body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    background: #000;
  }

  /* ------------ header ------------ */
  #header {
    width: 88%;
    margin: 0;
    padding: 13px 6% 15px 6%;
    background: #000;
    min-width: 980px;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
  }
  #header h1 {
    width: 255px;
    height: 57px;
    margin: 0 0 0 0;
    padding: 0;
    text-indent: -9999px;
    float: left;
  }
  #header h1 a {
    background-image: url(../img/01.gif?02);
    background-repeat: no-repeat;
    width: 255px;
    height: 57px;
    display: block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #header h1 a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }
  #header .rightbox {
    margin: 0;
    padding: 0;
    float: right;
    text-align: right;
  }
  #header .rightbox .language {
    margin: 0;
    padding: 0;
  }
  #header .rightbox .language ul {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #header .rightbox .language ul li {
    font: 400 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 0 0 30px;
    padding: 0;
    color: #fff;
    float: right;
    list-style: none;
  }
  #header .rightbox .language ul li.here {
    background: #ff0000;
    padding: 3px 3px 5px 3px;
  }
  #header .rightbox .language ul li a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }
  #header .rightbox .language ul a:link {
    text-decoration: none;
    color: #fff;
  }
  #header .rightbox .language ul a:visited {
    text-decoration: none;
    color: #fff;
  }
  #header .rightbox .language ul a:active {
    text-decoration: none;
    color: #fff;
  }
  #header .rightbox .language ul a:hover {
    text-decoration: none;
    color: #fff;
  }
  #header .rightbox .qa {
        margin: 10px 0 0 0; }
        #header .rightbox .qa ul {
          width: 100%; }
          #header .rightbox .qa ul li {
            font: 400 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
            float: right;
            list-style: none;
            border: 1px solid #c4c4c4; }
            #header .rightbox .qa ul li:nth-child(1) a {
              display: block;
              padding: 5px 30px;
              color: #fff;
              text-decoration: none; }
              #header .rightbox .qa ul li:nth-child(1) a:hover {
                opacity: 0.8;
                filter: alpha(opacity=80);
                -ms-filter: "alpha( opacity=80 )"; }
            #header .rightbox .qa ul li:nth-child(2) {
              border-right: none; }
              #header .rightbox .qa ul li:nth-child(2) a {
                display: block;
                padding: 5px 30px;
                color: #fff;
                text-decoration: none; }
                #header .rightbox .qa ul li:nth-child(2) a:hover {
                  opacity: 0.8;
                  filter: alpha(opacity=80);
                  -ms-filter: "alpha( opacity=80 )"; }
            #header .rightbox .qa ul li:nth-child(3) {
              border: none; }
              #header .rightbox .qa ul li:nth-child(3) a {
                display: block;
                padding: 5px 15px;
                margin: 0 20px 0 0;
                color: #fff;
                text-decoration: none;
                background: #535353; }
                #header .rightbox .qa ul li:nth-child(3) a:hover {
                  opacity: 0.8;
                  filter: alpha(opacity=80);
                  -ms-filter: "alpha( opacity=80 )"; }
            #header .rightbox .qa ul li:nth-child(4) {
              border: none; }
              #header .rightbox .qa ul li:nth-child(4) a {
                display: block;
                padding: 5px 15px;
                margin: 0 3px 0 0;
                color: #fff;
                text-decoration: none;
                background: #535353; }
                #header .rightbox .qa ul li:nth-child(4) a:hover {
                  opacity: 0.8;
                  filter: alpha(opacity=80);
                  -ms-filter: "alpha( opacity=80 )"; }
 
  #header .rightbox .navi {
    margin: 12px 0 0 0;
    padding: 0;
  }
  #header .rightbox .navi ul {
    width: 100%;
    margin: 0;
    padding: 0;
    float: right
    /* ------------ 〜1299px ------------ */
    /* ------------ 1300px〜 ------------ */
  }
}
@media screen and (min-width: 768px) and (min-width: 0px) and (max-width: 1299px), print {
  #header .rightbox .navi ul li {
    font: 400 115%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    margin: 0 0 0 25px;
    padding: 0;
    color: #fff;
    float: right;
    list-style: none;
  }
}
@media screen and (min-width: 768px) and (min-width: 1300px), print {
  #header .rightbox .navi ul li {
    font: 400 130%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    margin: 0 0 0 25px;
    padding: 0;
    color: #fff;
    float: right;
    list-style: none;
  }
}
@media screen and (min-width: 768px), print {
  #header .rightbox .navi ul img {
    vertical-align: bottom;
  }
  #header .rightbox .navi ul li a:hover {
    border-bottom: 2px solid #c8000b;
    padding: 0 0 3px 0;
  }
  #header .rightbox .navi ul a:link {
    text-decoration: none;
    color: #fff;
  }
  #header .rightbox .navi ul a:visited {
    text-decoration: none;
    color: #fff;
  }
  #header .rightbox .navi ul a:active {
    text-decoration: none;
    color: #fff;
  }
  #header .rightbox .navi ul a:hover {
    text-decoration: none;
    color: #fff;
  }
  #header .spnavbar {
    display: none;
  }

  .spnavi {
    display: none;
  }

  #spreservation {
    display: none;
  }

  /* ------------ sphbox ------------ */
  #sphbox {
    display: none;
  }

  /* ------------ splinebox ------------ */
  #splinebox {
    display: none;
  }

  /* ------------ movie ------------ */
  #movie {
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-width: 980px;
  }
  #movie video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    background: #000;
  }
  #movie .snsbox {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0 55px 35px 0;
  }
  #movie .snsbox p {
    margin: 0 0 7px 10px;
    padding: 0;
    font: 400 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
  }
  #movie .snsbox ul {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #movie .snsbox ul li {
    margin: 0 0 0 10px;
    padding: 0;
    font: 400 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    list-style: none;
    box-sizing: border-box;
  }
  #movie .snsbox ul li a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #movie .snsbox ul li a {
    display: block;
  }
  #movie .snsbox ul .blog {
    background: #fe9341;
    padding: 4px 15px;
  }
  #movie .snsbox ul .blog img {
    vertical-align: middle;
    margin: 0 6px 0 0;
  }
  #movie .snsbox ul .twitter {
    background: #0cbbf4;
    padding: 4px 15px;
  }
  #movie .snsbox ul .twitter img {
    vertical-align: middle;
    margin: 0 6px 0 0;
  }
  #movie .snsbox ul .facebook {
    background: #3b5999;
    padding: 4px 15px;
  }
  #movie .snsbox ul .facebook img {
    vertical-align: middle;
    margin: 0 8px 0 0;
  }
  #movie .snsbox ul .netssap {
    background: #c90010;
    padding: 4px 15px;
  }
  #movie .snsbox ul .netssap img {
    vertical-align: middle;
    margin: 0 8px 0 0;
  }
  #movie .snsbox ul .sapporo {
    background: #b3016b;
    padding: 4px 15px;
  }
  #movie .snsbox ul .sapporo img {
    vertical-align: middle;
    margin: 0 8px 0 0;
  }
  #movie .snsbox ul .line img {
    vertical-align: middle;
    margin: 15px 0 0 0;
  }
  
  #movie .snsbox ul a:link {
    text-decoration: none;
    color: #fff;
  }
  #movie .snsbox ul a:visited {
    text-decoration: none;
    color: #fff;
  }
  #movie .snsbox ul a:active {
    text-decoration: none;
    color: #fff;
  }
  #movie .snsbox ul a:hover {
    text-decoration: none;
    color: #fff;
  }
  #movie .wordbox {
    position: absolute;
    top: 50%;
    left: 0;
    margin: 0;
    padding: 0;
  }
  #movie .wordbox p {
    margin: 0;
    padding: 0 0 10px 100px;
    font: 400 250%/100% "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", serif;
    color: #fff;
    text-shadow: 1px 1px 1px #666;
    -moz-text-shadow: 1px 1px 1px #666;
    -webkit-text-shadow: 1px 1px 1px #666;
    -ms-text-shadow: 1px 1px 1px #666;
    -o-text-shadow: 1px 1px 1px #666;
    border-bottom: 1px solid #fff;
  }

  .reservationwrap {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 0 0 0;
    padding: 20px 0 0 0;
    z-index: 10;
  }
  .reservationwrap .reservation {
    padding: 0;
    margin: 0;
    cursor: pointer;
    float: left;
    width: 48px;
    height: 230px;
    background-image: url(../img/64.png);
    background-repeat: no-repeat;
  }
  .reservationwrap .active {
    background-image: url(../img/65.png);
    background-repeat: no-repeat;
  }
  .reservationwrap .reservationchild {
    padding: 0;
    margin: 0;
    float: left;
    display: none;
  }
  .reservationwrap .reservationchild .box {
    display: none;
  }

  .telbox {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0 0 35px 55px;
    z-index: 1;
  }
  .telbox dl {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .telbox dt {
    margin: 0;
    padding: 0;
    font: 400 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
  }
  .telbox dd {
    margin: 8px 0 0 0;
    padding: 0;
    font: 400 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
  }
  .telbox .tel {
    margin: 8px 0 0 0;
    padding: 0;
    font: 400 220%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #ccaa0a;
  }
  .telbox .fax {
    margin: 8px 0 0 0;
    padding: 0;
    font: 400 160%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
  }

  .scrolldown {
    position: absolute;
    left: 50%;
    bottom: 100px;
    margin: 0 0 0 -50px;
    padding: 0;
  }
  .scrolldown img {
    -webkit-animation: switchimg 1.0s infinite alternate;
    animation: switchimg 1.0s infinite alternate;
  }
  @-webkit-keyframes switchimg {
    from {
      opacity: 0.8;
    }
    to {
      opacity: 0.1;
    }
  }
  @keyframes switchimg {
    from {
      opacity: 0.8;
    }
    to {
      opacity: 0.1;
    }
  }
  /* ------------ recommend ------------ */
  #recommend {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 70px 0;
    width: 980px;
    min-width: 980px;
  }
  #recommend h2 {
    margin: 0;
    padding: 0;
    font: 400 180%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #recommend ul {
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
    visibility: hidden !important;
  }
  #recommend ul li {
    margin: 40px 80px 0 0;
    padding: 0;
    width: 450px;
    float: left;
    list-style: none;
  }
  #recommend ul li img {
    width: 140px;
    margin: 0 22px 0 0;
    padding: 0;
    float: left;
  }
  #recommend ul li p {
    margin: 0 0 20px 0;
    padding: 0;
    font: 200 115%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
  }
  #recommend ul li a {
    background: #000;
    margin: 0;
    padding: 7px 20px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
  }
  #recommend ul li:nth-child(even) {
    margin: 40px 0 0 0;
  }
  #recommend ul a:link {
    text-decoration: none;
    color: #fff;
  }
  #recommend ul a:visited {
    text-decoration: none;
    color: #fff;
  }
  #recommend ul a:active {
    text-decoration: none;
    color: #fff;
  }
  #recommend ul a:hover {
    text-decoration: none;
    color: #fff;
    opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #recommend ul.fadeinside {
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-name: fadeinside;
    -moz-animation-name: fadeinside;
    -webkit-animation-name: fadeinside;
    -ms-animation-name: fadeinside;
    -o-animation-name: fadeinside;
    visibility: visible !important;
  }

  /* ------------ news ------------ */
  #newsbg {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-width: 980px;
    background: #f0f0f0;
  }
  #newsbg .news {
    margin: 0 auto;
    padding: 50px 0;
    width: 980px;
    box-sizing: border-box;
  }
  #newsbg .news h2 {
    margin: 0;
    padding: 0;
    font: 400 180%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #newsbg .news ul {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #newsbg .news ul li {
    margin: 0;
    padding: 15px 0;
    font: 200 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
    list-style-type: none;
    border-bottom: 1px dotted #c4c4c4;
    text-align: left;
    display: block;
    width: 100%;
  }
  #newsbg .news ul li .date, #newsbg .news ul li .detail {
    display: block;
  }
  #newsbg .news ul li .date {
    clear: both;
    float: left;
    font: 200 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #newsbg .news ul li .detail {
    margin-left: 15%;
    padding: 0;
    font: 200 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #newsbg .news ul li a:link {
    text-decoration: none;
    color: #000;
  }
  #newsbg .news ul li a:visited {
    text-decoration: none;
    color: #000;
  }
  #newsbg .news ul li a:active {
    color: #333;
  }
  #newsbg .news ul li a:hover {
    text-decoration: underline;
    color: #000;
  }
  #newsbg .news ul li:last-child {
    border-bottom: none;
  }

  /* ------------ guestroom ------------ */
  #guestroom {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 70px 0 0 0;
    width: 100%;
    min-width: 980px;
  }
  #guestroom h3 {
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #guestroom .guestroomlink {
    width: 100%;
    min-width: 980px;
    text-align: center;
    margin: 40px 0 0 0;
    padding: 45px 0;
    background-image: url(../img/73.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #guestroom .guestroomlink ul {
    width: 980px;
    margin: 0 auto;
    visibility: hidden !important;
  }
  #guestroom .guestroomlink ul li {
    width: 31%;
    margin: 50px 3.5% 0 0;
    padding: 0;
    font: 400 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    list-style: none;
    text-align: center;
    float: left;
  }
  #guestroom .guestroomlink ul li p {
    margin: 0 0 10px 0;
    font: 500 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #fff;
    display: block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    cursor: pointer;
  }
  #guestroom .guestroomlink ul.fadeinside {
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-name: fadeinside;
    -moz-animation-name: fadeinside;
    -webkit-animation-name: fadeinside;
    -ms-animation-name: fadeinside;
    -o-animation-name: fadeinside;
    visibility: visible !important;
  }
  #guestroom .guestroomlink li p a {
    display: block;
    padding: 15px 0;
  }
  #guestroom .guestroomlink li p:hover {
    background-color: black;
  }
  #guestroom .guestroomlink li:nth-child(3) {
    margin: 50px 0 0 0;
  }
  #guestroom .guestroomlink li:nth-child(4) {
    margin: 50px 3.5% 0 15.5%;
  }
  #guestroom .guestroomlink a:link {
    text-decoration: none;
    color: #fff;
  }
  #guestroom .guestroomlink a:visited {
    text-decoration: none;
    color: #fff;
  }
  #guestroom .guestroomlink a:active {
    text-decoration: none;
    color: #fff;
  }
  #guestroom .guestroomlink a:hover {
    text-decoration: none;
    color: #fff;
  }
  #guestroom .sp {
    display: none;
  }

  /* ------------ conferenceroom ------------ */
  #conferenceroom {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-width: 980px;
  }
  #conferenceroom h3 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #conferenceroom .roomlist {
    margin: 50px 0 0 0;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 0;
  }
  #conferenceroom .roomlist .roomlistbg {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    height: 360px;
    background-color: transparent;
    text-align: center;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    z-index: 1;
  }
  #conferenceroom .roomlist .roomlistbg .detail {
    width: 100%;
    margin: 0;
    padding: 0;
    display: none;
  }
  #conferenceroom .roomlist .roomlistbg .detail ul {
    margin: 150px 0 0 0;
    padding: 0;
    float: left;
    position: relative;
    left: 50%;
  }
  #conferenceroom .roomlist .roomlistbg .detail ul li {
    width: 300px;
    margin: 0 25px 0 0;
    padding: 0;
    font: 400 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    list-style: none;
    text-align: center;
    float: left;
    position: relative;
    left: -50%;
  }
  #conferenceroom .roomlist .roomlistbg .detail ul li p {
    margin: 0 0 10px 0;
    font: 500 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #fff;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #conferenceroom .roomlist .roomlistbg .detail ul li p a {
    display: block;
    padding: 10px 0;
  }
  #conferenceroom .roomlist .roomlistbg .detail li:last-child {
    margin: 0 0 0 0;
  }
  #conferenceroom .roomlist .roomlistbg .detail li p:hover {
    background-color: black;
  }
  #conferenceroom .roomlist .roomlistbg .detail a:link {
    text-decoration: none;
    color: #fff;
  }
  #conferenceroom .roomlist .roomlistbg .detail a:visited {
    text-decoration: none;
    color: #fff;
  }
  #conferenceroom .roomlist .roomlistbg .detail a:active {
    text-decoration: none;
    color: #fff;
  }
  #conferenceroom .roomlist .roomlistbg .detail a:hover {
    text-decoration: none;
    color: #fff;
  }
  #conferenceroom .roomlist .roomlistbg:hover {
    background-color: rgba(0, 0, 0, 0.4);
  }
  #conferenceroom .roomlist:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 360px;
    top: 0;
    background: url(../img/20.jpg) no-repeat center center;
    background-size: cover;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
  }
  #conferenceroom .roomlist:hover:after {
    opacity: 0.8;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }

  /* ------------ hotelroom ------------ */
  #hotelroombg {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #e4ebf1;
    min-width: 980px;
  }
  #hotelroombg .hotelroom {
    margin: 0 auto;
    padding: 70px 20px;
    width: 940px;
  }
  #hotelroombg .hotelroom h3 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #hotelroombg .hotelroom ul {
    width: 100%;
    margin: 0;
    padding: 0;
    visibility: hidden !important;
  }
  #hotelroombg .hotelroom ul li {
    width: 160px;
    margin: 40px 35px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    text-align: center;
  }
  #hotelroombg .hotelroom ul li a {
    display: block;
  }
  #hotelroombg .hotelroom ul li img {
    width: 100%;
    margin: 0;
    padding: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #hotelroombg .hotelroom ul li p {
    margin: 5px 0 0 0;
    padding: 0;
    font: 200 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
  }
  #hotelroombg .hotelroom ul li:nth-child(5), #hotelroombg .hotelroom ul li:nth-child(10), #hotelroombg .hotelroom ul li:nth-child(15) {
    margin: 40px 0 0 0;
  }
  #hotelroombg .hotelroom ul a:link {
    text-decoration: none;
    color: #000;
  }
  #hotelroombg .hotelroom ul a:visited {
    text-decoration: none;
    color: #000;
  }
  #hotelroombg .hotelroom ul a:active {
    text-decoration: none;
    color: #000;
  }
  #hotelroombg .hotelroom ul a:hover {
    text-decoration: none;
    color: #000;
  }
  #hotelroombg .hotelroom ul img:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #hotelroombg .hotelroom ul.fadeinside {
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-name: fadeinside;
    -moz-animation-name: fadeinside;
    -webkit-animation-name: fadeinside;
    -ms-animation-name: fadeinside;
    -o-animation-name: fadeinside;
    visibility: visible !important;
  }

  /* ------------ info ------------ */
  #infobg {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #f3f3f3;
    min-width: 980px;
    width: 100%;
  }
  #infobg .info {
    margin: 0 auto;
    padding: 70px 20px;
    width: 940px;
  }
  #infobg .info h3 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #infobg .info ul {
    width: 100%;
    margin: 0;
    padding: 0;
    visibility: hidden !important;
  }
  #infobg .info ul li {
    width: 160px;
    height: 130px;
    margin: 40px 35px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    text-align: center;
  }
  #infobg .info ul li a {
    display: block;
  }
  #infobg .info ul li img {
    margin: 0;
    padding: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #infobg .info ul li p {
    margin: 5px 0 0 0;
    padding: 0;
    font: 200 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
  }
  #infobg .info ul li:nth-child(5), #infobg .info ul li:nth-child(10), #infobg .info ul li:nth-child(15) {
    margin: 40px 0 0 0;
  }
  #infobg .info ul a:link {
    text-decoration: none;
    color: #000;
  }
  #infobg .info ul a:visited {
    text-decoration: none;
    color: #000;
  }
  #infobg .info ul a:active {
    text-decoration: none;
    color: #000;
  }
  #infobg .info ul a:hover {
    text-decoration: none;
    color: #000;
  }
  #infobg .info ul img:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #infobg .info ul.fadeinside {
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-name: fadeinside;
    -moz-animation-name: fadeinside;
    -webkit-animation-name: fadeinside;
    -ms-animation-name: fadeinside;
    -o-animation-name: fadeinside;
    visibility: visible !important;
  }

  /* ------------ access ------------ */
  #access {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 70px 0;
    width: 100%;
    min-width: 980px;
  }
  #access h3 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #access .map {
    position: absolute;
    margin: 40px 0 0 0;
    padding: 0;
    width: 100%;
    height: 460px;
    overflow: hidden;
    min-width: 980px;
  }
  #access .map .from {
    width: 980px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
  }
  #access .map .from ul {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    left: 50%;
  }
  #access .map .from ul li {
    width: 300px;
    margin: 0 25px 25px 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid #fff;
    list-style: none;
    font: 500 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    float: left;
    position: relative;
    left: -50%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #access .map .from ul li a {
    padding: 15px 0;
    display: block;
  }
  #access .map .from ul li:nth-child(3) {
    margin: 0 0 25px 0;
  }
  #access .map .from ul li:nth-child(4) {
    visibility: hidden;
  }
  #access .map .from ul li:hover {
    background-color: black;
  }
  #access .map .from ul a:link {
    text-decoration: none;
    color: #fff;
  }
  #access .map .from ul a:visited {
    text-decoration: none;
    color: #fff;
  }
  #access .map .from ul a:active {
    text-decoration: none;
    color: #fff;
  }
  #access .map .from ul a:hover {
    text-decoration: none;
    color: #fff;
  }

  /* ------------ restaurant ------------ */
  #restaurant {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 70px 0;
    width: 100%;
    min-width: 980px;
  }
  #restaurant h3 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #restaurant .map {
    position: absolute;
    margin: 40px 0 0 0;
    padding: 0;
    width: 100%;
    height: 460px;
    overflow: hidden;
  }
  #restaurant .map .from {
    width: 980px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
  }
  #restaurant .map .from ul {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    left: 50%;
  }
  #restaurant .map .from ul li {
    width: 300px;
    margin: 220px 0 0 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid #fff;
    list-style: none;
    font: 500 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    float: left;
    position: relative;
    left: -50%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #restaurant .map .from ul li a {
    padding: 15px 0;
    display: block;
  }
  #restaurant .map .from ul li:hover {
    background-color: black;
  }
  #restaurant .map .from ul a:link {
    text-decoration: none;
    color: #fff;
  }
  #restaurant .map .from ul a:visited {
    text-decoration: none;
    color: #fff;
  }
  #restaurant .map .from ul a:active {
    text-decoration: none;
    color: #fff;
  }
  #restaurant .map .from ul a:hover {
    text-decoration: none;
    color: #fff;
  }

  /* ------------ creditcard ------------ */
  #creditcard {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 70px 0;
    width: 100%;
    min-width: 980px;
    text-align: center;
  }
  #creditcard h3 {
    margin: 0;
    padding: 0;
    font: 400 180%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
  }
  #creditcard img {
    margin: 30px 0 0 0;
    padding: 0;
    visibility: hidden !important;
  }
  #creditcard img.fadeinside {
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-name: fadeinside;
    -moz-animation-name: fadeinside;
    -webkit-animation-name: fadeinside;
    -ms-animation-name: fadeinside;
    -o-animation-name: fadeinside;
    visibility: visible !important;
  }

  /* ------------ footer ------------ */
  #footer, #subfooter {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
    background: #333;
  }
  #footer .wrap, #subfooter .wrap {
    width: 88%;
    margin: 0 auto;
    padding: 35px 0;
    text-align: center;
  }
  #footer .wrap .logo, #subfooter .wrap .logo {
    margin: 0;
    padding: 0;
    float: left;
    width: 40%;
  }
  #footer .wrap .logo .logoimg, #subfooter .wrap .logo .logoimg {
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #footer .wrap .logo ul, #subfooter .wrap .logo ul {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #footer .wrap .logo ul li, #subfooter .wrap .logo ul li {
    margin: 5px 0 0 0;
    padding: 0;
    font: 400 110%/120% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    list-style: none;
    text-align: left;
  }
  #footer .wrap .logo ul .tel, #subfooter .wrap .logo ul .tel {
    margin: 5px 0 0 0;
    padding: 0;
    font: 400 240%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #ccaa0a;
  }
  #footer .wrap .logo ul .fax, #subfooter .wrap .logo ul .fax {
    margin: 5px 0 0 0;
    padding: 0;
    font: 400 160%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
  }
  #footer .wrap .link, #subfooter .wrap .link {
    margin: 0;
    padding: 0;
    float: right;
    width: 60%;
  }
  #footer .wrap .link ul.overview, #subfooter .wrap .link ul.overview {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #footer .wrap .link ul.overview li, #subfooter .wrap .link ul.overview li {
    margin: 0 0 0 17px;
    padding: 0 0 0 13px;
    font: 400 120%/120% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    list-style: none;
    float: right;
    background-image: url(../img/53.gif);
    background-repeat: no-repeat;
    background-position: center left;
  }
  #footer .wrap .link ul.overview a:link, #subfooter .wrap .link ul.overview a:link {
    text-decoration: none;
    color: #fff;
  }
  #footer .wrap .link ul.overview a:visited, #subfooter .wrap .link ul.overview a:visited {
    text-decoration: none;
    color: #fff;
  }
  #footer .wrap .link ul.overview a:active, #subfooter .wrap .link ul.overview a:active {
    color: #fff;
  }
  #footer .wrap .link ul.overview a:hover, #subfooter .wrap .link ul.overview a:hover {
    text-decoration: underline;
    color: #fff;
  }
  #footer .wrap .link ul.snsbox, #subfooter .wrap .link ul.snsbox {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
  }
  #footer .wrap .link ul.snsbox li, #subfooter .wrap .link ul.snsbox li {
    margin: 0 0 0 10px;
    padding: 0;
    font: 400 120%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    float: right;
    list-style: none;
    box-sizing: border-box;
  }
  #footer .wrap .link ul.snsbox li a:hover, #subfooter .wrap .link ul.snsbox li a:hover {

  }
  
  #footer .wrap .link ul.snsbox li a, #subfooter .wrap .link ul.snsbox li a {
    display: block;
  }
  
  #footer .wrap .link ul.snsbox .blog, #subfooter .wrap .link ul.snsbox .blog {
    background-color: #505050;
    padding: 4px 0 4px 4px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #footer .wrap .link ul.snsbox .blog img, #subfooter .wrap .link ul.snsbox .blog img {
    vertical-align: middle;
    margin: 0 6px 0 0;
  }
  #footer .wrap .link ul.snsbox .twitter, #subfooter .wrap .link ul.snsbox .twitter {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #footer .wrap .link ul.snsbox .twitter img, #subfooter .wrap .link ul.snsbox .twitter img {
    vertical-align: middle;
  }
  #footer .wrap .link ul.snsbox .facebook, #subfooter .wrap .link ul.snsbox .facebook {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #footer .wrap .link ul.snsbox .facebook img, #subfooter .wrap .link ul.snsbox .facebook img {
    vertical-align: middle;
  }
   #footer .wrap .link ul.snsbox .line, #subfooter .wrap .link ul.snsbox .line {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #footer .wrap .link ul.snsbox .line img, #subfooter .wrap .link ul.snsbox .line img {
    vertical-align: middle;
  } 
  #footer .wrap .link ul.snsbox a:link, #subfooter .wrap .link ul.snsbox a:link {
    text-decoration: none;
    color: #fff;
  }
  #footer .wrap .link ul.snsbox a:visited, #subfooter .wrap .link ul.snsbox a:visited {
    text-decoration: none;
    color: #fff;
  }
  #footer .wrap .link ul.snsbox a:active, #subfooter .wrap .link ul.snsbox a:active {
    text-decoration: none;
    color: #fff;
  }
  #footer .wrap .link ul.snsbox a:hover, #subfooter .wrap .link ul.snsbox a:hover {
    text-decoration: none;
    color: #fff;
  }
  #footer .copy, #subfooter .copy {
    width: 100%;
    margin: 0;
    padding: 13px 0;
    background: #000;
    min-width: 980px;
    text-align: right;
  }
  #footer .copy p, #subfooter .copy p {
    margin: 0 6% 0 0;
    padding: 0;
    font: 400 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #a2a2a2;
  }

  /* ------------ subfooter02 ------------ */
  #subfooter02 {
    margin: 150px auto 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
    background: #333;
  }
  #subfooter02 .wrap {
    width: 88%;
    margin: 0 auto;
    padding: 35px 0;
    text-align: center;
  }
  #subfooter02 .wrap .logo {
    margin: 0;
    padding: 0;
    float: left;
    width: 40%;
  }
  #subfooter02 .wrap .logo .logoimg {
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #subfooter02 .wrap .logo ul {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #subfooter02 .wrap .logo ul li {
    margin: 5px 0 0 0;
    padding: 0;
    font: 400 110%/120% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    list-style: none;
    text-align: left;
  }
  #subfooter02 .wrap .logo ul .tel {
    margin: 5px 0 0 0;
    padding: 0;
    font: 400 240%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #ccaa0a;
  }
  #subfooter02 .wrap .logo ul .fax {
    margin: 5px 0 0 0;
    padding: 0;
    font: 400 160%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
  }
  #subfooter02 .wrap .link {
    margin: 0;
    padding: 0;
    float: right;
    width: 60%;
  }
  #subfooter02 .wrap .link ul.overview {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #subfooter02 .wrap .link ul.overview li {
    margin: 0 0 0 17px;
    padding: 0 0 0 13px;
    font: 400 120%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    list-style: none;
    float: right;
    background-image: url(../img/53.gif);
    background-repeat: no-repeat;
    background-position: center left;
  }
  #subfooter02 .wrap .link ul.overview a:link {
    text-decoration: none;
    color: #fff;
  }
  #subfooter02 .wrap .link ul.overview a:visited {
    text-decoration: none;
    color: #fff;
  }
  #subfooter02 .wrap .link ul.overview a:active {
    color: #fff;
  }
  #subfooter02 .wrap .link ul.overview a:hover {
    text-decoration: underline;
    color: #fff;
  }
  #subfooter02 .wrap .link ul.snsbox {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
  }
  #subfooter02 .wrap .link ul.snsbox li {
    margin: 0 0 0 10px;
    padding: 0;
    font: 400 120%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    float: right;
    list-style: none;
    box-sizing: border-box;
  }
  #subfooter02 .wrap .link ul.snsbox li a:hover {
  }
  #subfooter02 .wrap .link ul.snsbox li a {
    display: block;
  }
  #subfooter02 .wrap .link ul.snsbox .blog {
    background-color: #505050;
    padding: 4px 0 4px 4px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #subfooter02 .wrap .link ul.snsbox .blog img {
    vertical-align: middle;
    margin: 0 6px 0 0;
  }
  #subfooter02 .wrap .link ul.snsbox .twitter {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #subfooter02 .wrap .link ul.snsbox .twitter img {
    vertical-align: middle;
  }
  #subfooter02 .wrap .link ul.snsbox .facebook {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #subfooter02 .wrap .link ul.snsbox .facebook img {
    vertical-align: middle;
  }
   #subfooter02 .wrap .link ul.snsbox .line {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #subfooter02 .wrap .link ul.snsbox .line img {
    vertical-align: middle;
  } 
  #subfooter02 .wrap .link ul.snsbox a:link {
    text-decoration: none;
    color: #fff;
  }
  #subfooter02 .wrap .link ul.snsbox a:visited {
    text-decoration: none;
    color: #fff;
  }
  #subfooter02 .wrap .link ul.snsbox a:active {
    text-decoration: none;
    color: #fff;
  }
  #subfooter02 .wrap .link ul.snsbox a:hover {
    text-decoration: none;
    color: #fff;
  }
  #subfooter02 .copy {
    width: 100%;
    margin: 0;
    padding: 13px 0;
    background: #000;
    min-width: 980px;
    text-align: right;
  }
  #subfooter02 .copy p {
    margin: 0 6% 0 0;
    padding: 0;
    font: 400 100%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #a2a2a2;
  }

  /* ------------ pagetop ------------ */
  .pagetop {
    position: fixed;
    bottom: 30px;
    left: 50%;
    display: none;
    cursor: pointer;
  }
  .pagetop img {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    margin: 0;
    padding: 0;
  }

  /* ------------ room ------------ */
  #roomtop {
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    background-image: url(../room/img/06.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    min-width: 980px;
  }
  #roomtop .roomlink {
    width: 980px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 200px auto 0;
    padding: 0;
    text-align: center;
  }
  #roomtop .roomlink h2 {
    font: 400 340%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 0;
  }
  #roomtop .roomlink > p {
    display: block;
    width: 570px;
    color: #fff;
    margin: 50px auto 0;
    padding: 0;
    font: 400 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #roomtop .roomlink ul {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    float: left;
    position: relative;
    left: 50%;
  }
  #roomtop .roomlink ul li {
    width: 31%;
    margin: 50px 3.5% 0 0;
    padding: 0;
    font: 400 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    list-style: none;
    text-align: center;
    float: left;
    position: relative;
    left: -50%;
  }
  #roomtop .roomlink ul li p {
    margin: 0 0 10px 0;
    padding: 0;
    font: 500 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #fff;
    display: block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    cursor: pointer;
  }
  #roomtop .roomlink ul .red {
    color: #ff0000;
  }
  #roomtop .roomlink li p a {
    display: block;
    padding: 15px 0;
  }
  #roomtop .roomlink li p:hover {
    background-color: black;
  }
  #roomtop .roomlink li:nth-child(3) {
    margin: 50px 0 0 0;
  }
  #roomtop .roomlink li:nth-child(4) {
    margin: 50px 3.5% 0 16.4%;
  }
  #roomtop .roomlink a:link {
    text-decoration: none;
    color: #fff;
  }
  #roomtop .roomlink a:visited {
    text-decoration: none;
    color: #fff;
  }
  #roomtop .roomlink a:active {
    text-decoration: none;
    color: #fff;
  }
  #roomtop .roomlink a:hover {
    text-decoration: none;
    color: #fff;
  }

  #maincontent {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  #maincontent .room {
    width: 100%;
    margin: 50px 0 0 0;
    padding: 0;
    background: #fff;
    min-width: 980px;
  }
  #maincontent .room .box {
    width: 980px;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent .room .box h3 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent .room .box .wrap {
    margin: 50px 0 0 0;
    padding: 0;
  }
  #maincontent .room .box .wrap .photo {
    width: 550px;
    margin: 0 40px 0 0;
    padding: 0;
    float: left;
    visibility: hidden !important;
  }
  #maincontent .room .box .wrap .photo .photob01, #maincontent .room .box .wrap .photo .photob02, #maincontent .room .box .wrap .photo .photob03, #maincontent .room .box .wrap .photo .photob04, #maincontent .room .box .wrap .photo .photob05, #maincontent .room .box .wrap .photo .photob06, #maincontent .room .box .wrap .photo .photob07 {
    margin: 0;
    padding: 0;
    height: 360px;
  }
  #maincontent .room .box .wrap .photo ul {
    margin: 10px 0 0 0;
    padding: 0;
  }
  #maincontent .room .box .wrap .photo ul li {
    width: 130px;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    cursor: pointer;
  }
  #maincontent .room .box .wrap .photo ul li img {
    width: 100%;
    margin: 0 10px 0 0;
    padding: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #maincontent .room .box .wrap .photo ul li:nth-child(4) {
    margin: 0 0 0 0;
  }
  #maincontent .room .box .wrap .photo p {
    color: #000;
    margin: 20px auto 0;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent .room .box .wrap .photo a.button {
    font: 300 120%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 75%;
    margin: 30px 0 0 0;
    padding: 15px 0;
    background: #648fb6;
    color: #fff;
    display: block;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-image: url(../room/img/04.png);
    background-repeat: no-repeat;
    background-position: right center;
  }
  #maincontent .room .box .wrap .photo a.button:link {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .room .box .wrap .photo a.button:visited {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .room .box .wrap .photo a.button:active {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .room .box .wrap .photo a.button:hover {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .room .box .wrap .photo.fadeinside {
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-name: fadeinside;
    -moz-animation-name: fadeinside;
    -webkit-animation-name: fadeinside;
    -ms-animation-name: fadeinside;
    -o-animation-name: fadeinside;
    visibility: visible !important;
  }
  #maincontent .room .box .wrap .detail {
    width: 390px;
    margin: 0;
    padding: 0;
    float: left;
  }
  #maincontent .room .box .wrap .detail h4 {
    margin: 0;
    padding: 10px;
    font: 400 130%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: left;
    background: #000;
  }
  #maincontent .room .box .wrap .detail dl {
    padding: 15px 0 15px 0;
    margin: 0;
    color: #000;
    border-bottom: 1px solid #c4c4c4;
  }
  #maincontent .room .box .wrap .detail dt {
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 100px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #maincontent .room .box .wrap .detail dd {
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 0 0 150px;
    padding: 0;
    text-align: left;
  }
  #maincontent .room .box .wrap .detail .noborder {
    border-bottom: none;
  }
  #maincontent .room .box .wrap .detail .red {
    color: #ff0000;
  }
  #maincontent .room .box .wrap .detail h5 {
    margin: 25px 0 0 0;
    padding: 18px 18px 18px 50px;
    font: 400 150%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: left;
    background: #505050;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    cursor: pointer;
    background-image: url(../room/img/03.png);
    background-repeat: no-repeat;
    background-position: 10px center;
  }
  #maincontent .room .box .wrap .detail h5.active {
    background-image: url(../room/img/02.png);
  }
  #maincontent .room .box .wrap .detail .fixtures {
    width: 100%;
    margin: 0;
    padding: 20px;
    text-align: left;
    background: #f3f2e2;
    box-sizing: border-box;
    display: none;
  }
  #maincontent .room .box .wrap .detail .fixtures p {
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
  }
  #maincontent .room .box .map {
    width: 980px;
    height: 460px;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #maincontent .room .box .map iframe {
    width: 980px;
    height: 460px;
  }
  #maincontent .room:nth-child(2n) {
    padding: 50px 0;
    background-color: #f3f3f3;
  }

  /* ------------ restaurant ------------ */
  #restauranttop {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
  }
  #restauranttop h2 {
    font: 400 300%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 38px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    background: -webkit-linear-gradient(top, #202020, #535353);
    background: linear-gradient(to bottom, #202020, #535353);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
    border-top: 1px solid #535353;
  }

  #maincontent04 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  #maincontent04 .restaurantbox {
    width: 980px;
    margin: 50px auto 0;
    padding: 0;
    background: #fff;
    min-width: 980px;
  }
  #maincontent04 .restaurantbox h3 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent04 .restaurantbox .wrap {
    margin: 50px 0 0 0;
    padding: 0
    /*    
    .photo.fadeinside {
    @include css3(animation-fill-mode, both);  
    @include css3(animation-duration, 1s);  
    @include css3(animation-name, fadeinside);  
    visibility: visible !important;
    }   
    */
  }
  #maincontent04 .restaurantbox .wrap .detail {
    width: 390px;
    margin: 0;
    padding: 0;
    float: left;
    text-align: left;
  }
  #maincontent04 .restaurantbox .wrap .detail p {
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
  }
  #maincontent04 .restaurantbox .wrap .detail .coffee {
    width: 90%;
    margin: 40px 0 0 0;
    padding: 5%;
    background: #f3f2e2;
  }
  #maincontent04 .restaurantbox .wrap .detail .coffee img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent04 .restaurantbox .wrap .photo {
    width: 550px;
    margin: 0 0 0 40px;
    padding: 0;
    float: left;
  }
  #maincontent04 .restaurantbox .wrap .photo .photor01 {
    margin: 0;
    padding: 0;
    height: 360px;
  }
  #maincontent04 .restaurantbox .wrap .photo ul {
    margin: 10px 0 0 0;
    padding: 0;
  }
  #maincontent04 .restaurantbox .wrap .photo ul li {
    width: 130px;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    cursor: pointer;
  }
  #maincontent04 .restaurantbox .wrap .photo ul li img {
    width: 100%;
    margin: 0 10px 0 0;
    padding: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #maincontent04 .restaurantbox .wrap .photo ul li:nth-child(4n) {
    margin: 0 0 0 0;
  }
  #maincontent04 .restaurantbox .price {
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0;
  }
  #maincontent04 .restaurantbox .price h4 {
    margin: 0;
    padding: 10px;
    font: 400 130%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: left;
    background: #000;
  }
  #maincontent04 .restaurantbox .price dl {
    padding: 15px 0;
    margin: 0;
    color: #000;
    border-bottom: 1px solid #c4c4c4;
  }
  #maincontent04 .restaurantbox .price dt {
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 100px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .restaurantbox .price dd {
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 0 0 150px;
    padding: 0;
    text-align: left;
  }

  /* ------------ meeting ------------ */
  #meetingtop {
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    background-image: url(../meeting/img/01.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    min-width: 980px;
  }
  #meetingtop .meetinglink {
    width: 980px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 200px auto 0;
    padding: 0;
    text-align: center;
  }
  #meetingtop .meetinglink h2 {
    font: 400 340%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 0;
  }
  #meetingtop .meetinglink > p {
    display: block;
    width: 570px;
    color: #fff;
    margin: 50px auto 0;
    padding: 0;
    font: 400 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #meetingtop .meetinglink ul {
    width: 730px;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    left: 50%;
  }
  #meetingtop .meetinglink ul li {
    width: 230px;
    margin: 50px 20px 0 0;
    padding: 0;
    font: 400 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    list-style: none;
    text-align: center;
    float: left;
    position: relative;
    left: -50%;
  }
  #meetingtop .meetinglink ul li p {
    margin: 0 0 10px 0;
    padding: 0;
    font: 500 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #fff;
    display: block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    cursor: pointer;
  }
  #meetingtop .meetinglink li p a {
    display: block;
    padding: 10px 0;
  }
  #meetingtop .meetinglink li p:hover {
    background-color: black;
  }
  #meetingtop .meetinglink li:nth-child(3) {
    margin: 50px 0 0 0;
  }
  #meetingtop .meetinglink li:nth-child(4) {
    margin: 50px 0 0 250px;
  }
  #meetingtop .meetinglink a:link {
    text-decoration: none;
    color: #fff;
  }
  #meetingtop .meetinglink a:visited {
    text-decoration: none;
    color: #fff;
  }
  #meetingtop .meetinglink a:active {
    text-decoration: none;
    color: #fff;
  }
  #meetingtop .meetinglink a:hover {
    text-decoration: none;
    color: #fff;
  }

  #maincontent {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  #maincontent .meeting {
    width: 100%;
    margin: 50px 0 0 0;
    padding: 0;
    background: #fff;
    min-width: 980px;
  }
  #maincontent .meeting .box {
    width: 980px;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent .meeting .box h3 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent .meeting .box .wrap {
    margin: 50px 0 0 0;
    padding: 0;
  }
  #maincontent .meeting .box .wrap .photo {
    width: 550px;
    margin: 0 40px 0 0;
    padding: 0;
    float: left;
  }
  #maincontent .meeting .box .wrap .photo .photom01, #maincontent .meeting .box .wrap .photo .photom02, #maincontent .meeting .box .wrap .photo .photom03 {
    margin: 0;
    padding: 0;
    height: 360px;
  }
  #maincontent .meeting .box .wrap .photo ul {
    margin: 10px 0 0 0;
    padding: 0;
  }
  #maincontent .meeting .box .wrap .photo ul li {
    width: 130px;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    cursor: pointer;
  }
  #maincontent .meeting .box .wrap .photo ul li img {
    width: 100%;
    margin: 0 10px 0 0;
    padding: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    visibility: hidden !important;
  }
  #maincontent .meeting .box .wrap .photo ul li:nth-child(4) {
    margin: 0 0 0 0;
  }
  #maincontent .meeting .box .wrap .photo p {
    color: #000;
    margin: 20px auto 0;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent .meeting .box .wrap .photo .bold {
    font: 500 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent .meeting .box .wrap .photo img.fadeinside {
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-name: fadeinside;
    -moz-animation-name: fadeinside;
    -webkit-animation-name: fadeinside;
    -ms-animation-name: fadeinside;
    -o-animation-name: fadeinside;
    visibility: visible !important;
  }
  #maincontent .meeting .box .wrap .detail {
    width: 390px;
    margin: 0;
    padding: 0;
    float: left;
  }
  #maincontent .meeting .box .wrap .detail h4 {
    margin: 0;
    padding: 10px;
    font: 400 130%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: left;
    background: #000;
  }
  #maincontent .meeting .box .wrap .detail ul {
    padding: 0;
    margin: 0;
  }
  #maincontent .meeting .box .wrap .detail ul li {
    border-bottom: 1px solid #c4c4c4;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    padding: 10px 0;
    margin: 0;
    color: #000;
    list-style: none;
    text-align: left;
  }
  #maincontent .meeting .box .wrap .detail dl {
    padding: 5px 0;
    margin: 0;
    color: #000;
  }
  #maincontent .meeting .box .wrap .detail dt {
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 120px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #maincontent .meeting .box .wrap .detail dd {
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 0 0 140px;
    padding: 0;
    text-align: left;
  }
  #maincontent .meeting .box .wrap .detail .noborder {
    border-bottom: none;
  }
  #maincontent .meeting .box .wrap .detail p {
    color: #000;
    margin: 20px auto 0;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent .meeting .box .wrap .detail .bold {
    font: 500 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent .meeting:nth-child(2n) {
    padding: 50px 0;
    background-color: #f3f3f3;
  }

  /* ------------ facility ------------ */
  #facilitytop {
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    background-image: url(../facility/img/04.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    min-width: 980px;
  }
  #facilitytop .facilitylink {
    width: 980px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 200px auto 0;
    padding: 0;
    text-align: center;
  }
  #facilitytop .facilitylink h2 {
    font: 400 340%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 0;
  }
  #facilitytop .facilitylink h3 {
    margin: 50px 0 0 0;
    padding: 10px;
    font: 400 130%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
  }
  #facilitytop .facilitylink ul.f01 {
    margin: 50px 0 0 0;
    padding: 0;
    float: left;
    position: relative;
    left: 50%;
  }
  #facilitytop .facilitylink ul.f01 li {
    width: 230px;
    margin: 20px 20px 0 0;
    padding: 0;
    font: 400 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    list-style: none;
    text-align: center;
    float: left;
    position: relative;
    left: -50%;
  }
  #facilitytop .facilitylink ul.f01 li p {
    margin: 0 0 10px 0;
    padding: 0;
    font: 500 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #fff;
    display: block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    cursor: pointer;
  }
  #facilitytop .facilitylink ul.f01 li p a {
    display: block;
    padding: 15px 0;
  }
  #facilitytop .facilitylink ul.f01 li p:hover {
    background-color: black;
  }
  #facilitytop .facilitylink ul.f01 li:nth-child(4n) {
    margin: 20px 0 0 0;
  }
  #facilitytop .facilitylink ul.f02 {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    left: 50%;
  }
  #facilitytop .facilitylink ul.f02 li {
    width: 313px;
    margin: 20px 20px 0 0;
    padding: 0;
    font: 400 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    list-style: none;
    text-align: center;
    float: left;
    position: relative;
    left: -50%;
  }
  #facilitytop .facilitylink ul.f02 li p {
    margin: 0 0 10px 0;
    padding: 0;
    font: 500 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #fff;
    display: block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    cursor: pointer;
  }
  #facilitytop .facilitylink ul.f02 li p a {
    display: block;
    padding: 10px 0;
  }
  #facilitytop .facilitylink ul.f02 li p:hover {
    background-color: black;
  }
  #facilitytop .facilitylink ul.f02 li:nth-child(3n) {
    margin: 20px 0 0 0;
  }
  #facilitytop .facilitylink a:link {
    text-decoration: none;
    color: #fff;
  }
  #facilitytop .facilitylink a:visited {
    text-decoration: none;
    color: #fff;
  }
  #facilitytop .facilitylink a:active {
    text-decoration: none;
    color: #fff;
  }
  #facilitytop .facilitylink a:hover {
    text-decoration: none;
    color: #fff;
  }

  #maincontent {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  #maincontent .facility {
    width: 100%;
    margin: 50px 0 0 0;
    padding: 0;
    background: #fff;
    min-width: 980px;
  }
  #maincontent .facility .box {
    width: 980px;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent .facility .box .wrap {
    margin: 0;
    padding: 0;
  }
  #maincontent .facility .box .wrap .photo {
    width: 470px;
    margin: 0 40px 0 0;
    padding: 0;
    float: left;
    visibility: hidden !important;
  }
  #maincontent .facility .box .wrap .photo.fadeinside {
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-name: fadeinside;
    -moz-animation-name: fadeinside;
    -webkit-animation-name: fadeinside;
    -ms-animation-name: fadeinside;
    -o-animation-name: fadeinside;
    visibility: visible !important;
  }
  #maincontent .facility .box .wrap .detail {
    width: 470px;
    margin: 0;
    padding: 0;
    float: left;
    text-align: left;
  }
  #maincontent .facility .box .wrap .detail h4 {
    margin: 0;
    padding: 0;
    font: 400 200%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
  }
  #maincontent .facility .box .wrap .detail p {
    color: #000;
    margin: 20px 0 0 0;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent .facility .box .wrap .detail .tenant {
    margin: 0 0 20px 0;
    padding: 3px 35px;
    background: #c90010;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    display: inline-block;
  }
  #maincontent .facility .box .wrap .detail a {
    background: #000;
    margin: 30px 0 0 0;
    padding: 7px 20px;
    background-color: rgba(0, 0, 0, 0.7);
    display: inline-block;
  }
  #maincontent .facility .box .wrap .detail a:link {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .facility .box .wrap .detail a:visited {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .facility .box .wrap .detail a:active {
    text-decoration: none;
    color: #fff;
  }
  #maincontent .facility .box .wrap .detail a:hover {
    text-decoration: none;
    color: #fff;
    background-color: black;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #maincontent .facility:nth-child(2n) {
    padding: 50px 0;
    background-color: #f3f3f3;
  }

  /* ------------ information ------------ */
  #informationtop {
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    background-image: url(../information/img/40.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    min-width: 980px;
  }
  #informationtop .informationlink {
    width: 980px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 200px auto 0;
    padding: 0;
    text-align: center;
     z-index: 10;
  }
  #informationtop .informationlink h2 {
    font: 400 340%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 0;
  }
  #informationtop .informationlink ul {
    margin: 50px 0 0 0;
    padding: 0;
    float: left;
    position: relative;
    left: 50%;
  }
  #informationtop .informationlink ul li {
    width: 230px;
    margin: 20px 20px 0 0;
    padding: 0;
    font: 400 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    list-style: none;
    text-align: center;
    float: left;
    position: relative;
    left: -50%;
  }
  #informationtop .informationlink ul li p {
    margin: 0 0 10px 0;
    padding: 0;
    font: 500 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #fff;
    display: block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    cursor: pointer;
  }
  #informationtop .informationlink ul li p a {
    display: block;
    padding: 10px 0;
  }
  #informationtop .informationlink ul li p:hover {
    background-color: black;
  }
  #informationtop .informationlink ul li:nth-child(4n) {
    margin: 20px 0 0 0;
  }
  #informationtop .informationlink a:link {
    text-decoration: none;
    color: #fff;
  }
  #informationtop .informationlink a:visited {
    text-decoration: none;
    color: #fff;
  }
  #informationtop .informationlink a:active {
    text-decoration: none;
    color: #fff;
  }
  #informationtop .informationlink a:hover {
    text-decoration: none;
    color: #fff;
  }

  #maincontent {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent .information {
    width: 980px;
    margin: 0px auto 0;
    padding: 0;
  }
  #maincontent .information ul {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent .information ul li {
    width: 465px;
    margin: 50px 50px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    text-align: left;
  }
  #maincontent .information ul li img {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
    visibility: hidden !important;
  }
  #maincontent .information ul li img.fadeinside {
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-name: fadeinside;
    -moz-animation-name: fadeinside;
    -webkit-animation-name: fadeinside;
    -ms-animation-name: fadeinside;
    -o-animation-name: fadeinside;
    visibility: visible !important;
  }
  #maincontent .information ul li h3 {
    color: #000;
    margin: 0;
    padding: 0;
    font: 600 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent .information ul li p {
    color: #000;
    margin: 5px 0 0 0;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    overflow: hidden;
  }
  #maincontent .information li:nth-child(2n) {
    margin: 50px 0 0 0;
  }
  #maincontent .lending {
    width: 100%;
    margin: 50px 0 0 0;
    padding: 50px 0;
    background: #e9eff8;
  }
  #maincontent .lending h4 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent .lending ul {
    width: 980px;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent .lending ul li {
    width: 160px;
    height: 130px;
    margin: 80px 35px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    text-align: center;
  }
  #maincontent .lending ul li img {
    margin: 0;
    padding: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    visibility: hidden !important;
  }
  #maincontent .lending ul li img.fadeinside {
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-name: fadeinside;
    -moz-animation-name: fadeinside;
    -webkit-animation-name: fadeinside;
    -ms-animation-name: fadeinside;
    -o-animation-name: fadeinside;
    visibility: visible !important;
  }
  #maincontent .lending ul li p {
    margin: 5px 0 0 0;
    padding: 0;
    font: 300 110%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
  }
  #maincontent .lending ul li:nth-child(5), #maincontent .lending ul li:nth-child(10), #maincontent .lending ul li:nth-child(15) {
    margin: 80px 0 0 0;
  }

  /* ------------ access ------------ */
  #accesstop {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
  }
  #accesstop h2 {
    font: 400 300%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 38px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    background: -webkit-linear-gradient(top, #202020, #535353);
    background: linear-gradient(to bottom, #202020, #535353);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
    border-top: 1px solid #535353;
  }
  #accesstop .map {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 500px;
    overflow: hidden;
  }
  #accesstop .map .from {
    width: 980px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
  }
  #accesstop .map .from ul {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    left: 50%;
  }
  #accesstop .map .from ul li {
    width: 300px;
    margin: 0 25px 25px 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid #fff;
    list-style: none;
    font: 500 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    float: left;
    position: relative;
    left: -50%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #accesstop .map .from ul li a {
    padding: 15px 0;
    display: block;
  }
  #accesstop .map .from ul li:nth-child(3) {
    margin: 0 0 25px 0;
  }
  #accesstop .map .from ul li:nth-child(4) {
    visibility: hidden;
  }
  #accesstop .map .from ul li:hover {
    background-color: black;
  }
  #accesstop .map .from ul a:link {
    text-decoration: none;
    color: #fff;
  }
  #accesstop .map .from ul a:visited {
    text-decoration: none;
    color: #fff;
  }
  #accesstop .map .from ul a:active {
    text-decoration: none;
    color: #fff;
  }
  #accesstop .map .from ul a:hover {
    text-decoration: none;
    color: #fff;
  }

  #maincontent02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  #maincontent02 .access {
    width: 100%;
    margin: 0 0 0 0;
    padding: 50px 0;
    background: #fff;
    min-width: 980px;
  }
  #maincontent02 .access .box {
    width: 980px;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent02 .access .box h3 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent02 .access .box .wrap {
    margin: 50px 0 0 0;
    padding: 0;
  }
  #maincontent02 .access .box .wrap .photo {
    width: 550px;
    margin: 0 40px 0 0;
    padding: 0;
    float: left;
  }
  #maincontent02 .access .box .wrap .photo iframe {
    width: 550px;
    height: 360px;
  }
  #maincontent02 .access .box .wrap .photo .mapimg {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent02 .access .box .wrap .photo img {
    margin: 0 10px 0 0;
    padding: 0;
    vertical-align: middle;
  }
  #maincontent02 .access .box .wrap .photo p {
    color: #000;
    margin: 5px auto 0;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent02 .access .box .wrap .photo a:link {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .access .box .wrap .photo a:visited {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .access .box .wrap .photo a:active {
    color: #333;
  }
  #maincontent02 .access .box .wrap .photo a:hover {
    text-decoration: underline;
    color: #000;
  }
  #maincontent02 .access .box .wrap .detail {
    width: 390px;
    margin: 0;
    padding: 0;
    float: left;
  }
  #maincontent02 .access .box .wrap .detail h4 {
    margin: 0;
    padding: 10px;
    font: 400 130%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: left;
    background: #000;
  }
  #maincontent02 .access .box .wrap .detail p {
    color: #000;
    margin: 20px auto 0;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent02 .access .box .wrap .detail p img {
    margin: 0 10px 0 0;
    padding: 0;
    vertical-align: middle;
  }
  #maincontent02 .access .box .wrap .detail p .bold {
    font: 500 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent02 .access .box .wrap .detail p a:link {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .access .box .wrap .detail p a:visited {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .access .box .wrap .detail p a:active {
    color: #333;
  }
  #maincontent02 .access .box .wrap .detail p a:hover {
    text-decoration: underline;
    color: #000;
  }
  #maincontent02 .access .box .wrap .detail .button a {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 7px 0;
    background-color: rgba(0, 0, 0, 0.1);
    display: inline-block;
    border: 1px solid #bababa;
    box-sizing: border-box;
  }
  #maincontent02 .access .box .wrap .detail .button a:link {
    text-decoration: none;
    color: #333;
  }
  #maincontent02 .access .box .wrap .detail .button a:visited {
    text-decoration: none;
    color: #333;
  }
  #maincontent02 .access .box .wrap .detail .button a:active {
    text-decoration: none;
    color: #333;
  }
  #maincontent02 .access .box .wrap .detail .button a:hover {
    text-decoration: none;
    color: #fff;
    background-color: black;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #maincontent02 .access:nth-child(2n) {
    padding: 50px 0;
    background-color: #f3f3f3;
  }

  /* ------------ gourmet ------------ */
  #gourmettop {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
  }
  #gourmettop h2 {
    font: 400 300%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 38px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
    background: -webkit-linear-gradient(top, #202020, #535353);
    background: linear-gradient(to bottom, #202020, #535353);
    border-top: 1px solid #535353;
  }
  #gourmettop .map {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 500px;
    overflow: hidden;
  }
  #gourmettop #mapa {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 500px;
    overflow: hidden;
  }
  #gourmettop #mapa a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #gourmettop #mapa a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #gourmettop #mapa a:active {
    color: #ff7200;
  }
  #gourmettop #mapa a:hover {
    text-decoration: underline;
    color: #ff7200;
  }

  #maincontent02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent02 .gourmetlist {
    width: 980px;
    margin: 0 auto;
    padding: 50px 0;
  }
  #maincontent02 .gourmetlist h3 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent02 .gourmetlist ul {
    margin: 30px 0 0 0;
    padding: 0;
  }
  #maincontent02 .gourmetlist ul li {
    width: 440px;
    margin: 15px 100px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    color: #000;
    font: 300 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent02 .gourmetlist ul li p {
    width: 150px;
    margin: 0 10px 0 0;
    padding: 8px 0;
    font: 300 95%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    display: inline-block;
    background: #a11818;
    color: #fff;
    text-align: center;
  }
  #maincontent02 .gourmetlist ul li .g01 {
    background: #a11818;
  }
  #maincontent02 .gourmetlist ul li .g02 {
    background: #593e8b;
  }
  #maincontent02 .gourmetlist ul li .g03 {
    background: #f28e00;
  }
  #maincontent02 .gourmetlist ul li .g04 {
    background: #486e3a;
  }
  #maincontent02 .gourmetlist ul li .g05 {
    background: #bd2f68;
  }
  #maincontent02 .gourmetlist ul li .g06 {
    background: #b24f3c;
  }
  #maincontent02 .gourmetlist ul li .g07 {
    background: #ff6161;
  }
  #maincontent02 .gourmetlist ul li .g08 {
    background: #3099b3;
  }
  #maincontent02 .gourmetlist ul li .g10 {
    background: #a99f2a;
  }
  #maincontent02 .gourmetlist ul li a:link {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .gourmetlist ul li a:visited {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .gourmetlist ul li a:active {
    color: #333;
  }
  #maincontent02 .gourmetlist ul li a:hover {
    text-decoration: underline;
    color: #000;
  }
  #maincontent02 .gourmetlist li:nth-child(2n) {
    margin: 15px 0 0 0;
  }
  #maincontent02 .gourmet {
    width: 100%;
    margin: 0 0 0 0;
    padding: 50px 0;
    min-width: 980px;
    background: #f3f3f3;
    border-top: 5px solid #fff;
  }
  #maincontent02 .gourmet .box {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
  }
  #maincontent02 .gourmet .box .storename {
    width: 980px;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent02 .gourmet .box .storename p {
    width: 200px;
    margin: 0 10px 0 0;
    padding: 8px 0;
    font: 400 130%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    display: inline-block;
    background: #a11818;
    color: #fff;
    text-align: center;
  }
  #maincontent02 .gourmet .box .storename .g01 {
    background: #a11818;
  }
  #maincontent02 .gourmet .box .storename .g02 {
    background: #593e8b;
  }
  #maincontent02 .gourmet .box .storename .g03 {
    background: #f28e00;
  }
  #maincontent02 .gourmet .box .storename .g04 {
    background: #486e3a;
  }
  #maincontent02 .gourmet .box .storename .g05 {
    background: #bd2f68;
  }
  #maincontent02 .gourmet .box .storename .g06 {
    background: #b24f3c;
  }
  #maincontent02 .gourmet .box .storename .g07 {
    background: #ff6161;
  }
  #maincontent02 .gourmet .box .storename .g08 {
    background: #3099b3;
  }
  #maincontent02 .gourmet .box .storename .g10 {
    background: #a99f2a;
  }
  #maincontent02 .gourmet .box .storename h4 {
    margin: 0;
    padding: 0;
    font: 600 200%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
    display: inline;
    vertical-align: middle;
  }
  #maincontent02 .gourmet .box ul.photo {
    width: 980px;
    margin: 30px auto 0;
    padding: 0;
  }
  #maincontent02 .gourmet .box ul.photo li {
    width: 314px;
    margin: 0 19px 0 0;
    padding: 0;
    list-style: none;
    float: left;
  }
  #maincontent02 .gourmet .box ul.photo li img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent02 .gourmet .box ul.photo li p {
    color: #000;
    margin: 10px 0 0 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent02 .gourmet .box ul.photo li p img {
    width: 15px;
    margin: 0 10px 0 0;
    padding: 0;
    vertical-align: middle;
  }
  #maincontent02 .gourmet .box ul.photo li a {
    display: block;
  }
  #maincontent02 .gourmet .box ul.photo li:nth-child(3) {
    margin: 0;
  }
  #maincontent02 .gourmet .box ul.photo a:link {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .gourmet .box ul.photo a:visited {
    text-decoration: none;
    color: #000;
  }
  #maincontent02 .gourmet .box ul.photo a:active {
    color: #333;
  }
  #maincontent02 .gourmet .box ul.photo a:hover {
    text-decoration: underline;
    color: #000;
  }
  #maincontent02 .gourmet .box .wrap {
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0;
  }
  #maincontent02 .gourmet .box .wrap .txt {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #maincontent02 .gourmet .box .wrap .txt h5 {
    color: #000;
    margin: 0;
    padding: 0;
    font: 600 140%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent02 .gourmet .box .wrap .txt p {
    color: #000;
    margin: 10px auto 0;
    padding: 0;
    font: 300 120%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent02 .gourmet .box .wrap .map {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0;
  }
  #maincontent02 .gourmet .box .wrap .map a.button {
    font: 600 120%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background-color: #3a7cec;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
    width: 30%;
    margin: 0 auto;
    padding: 20px 0 20px 70px;
    display: block;
    text-align: left;
    background-image: url(../gourmet/img/02.png);
    background-repeat: no-repeat;
    background-position: 20px center;
  }
  #maincontent02 .gourmet .box .wrap .map a.button:link {
    text-decoration: none;
    color: #fff;
  }
  #maincontent02 .gourmet .box .wrap .map a.button:visited {
    text-decoration: none;
    color: #fff;
  }
  #maincontent02 .gourmet .box .wrap .map a.button:active {
    text-decoration: none;
    color: #fff;
  }
  #maincontent02 .gourmet .box .wrap .map a.button:hover {
    text-decoration: none;
    color: #fff;
    background-color: #588ee8;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #maincontent02 .gourmet .box .info {
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0;
  }
  #maincontent02 .gourmet .box .info th {
    margin: 0;
    padding: 10px;
    background: #f3f2e2;
    font: 300 120%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    border: 1px solid #b7b7b7;
    white-space: nowrap;
  }
  #maincontent02 .gourmet .box .info td {
    margin: 0;
    padding: 10px;
    background: #fff;
    font: 300 120%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    border: 1px solid #b7b7b7;
  }
  #maincontent02 .gourmet .box .info a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent02 .gourmet .box .info a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent02 .gourmet .box .info a:active {
    color: #ff7200;
  }
  #maincontent02 .gourmet .box .info a:hover {
    text-decoration: underline;
    color: #ff7200;
  }
  #maincontent02 .gourmet .box .notes {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: right;
  }
  #maincontent02 .gourmet .box .notes p {
    color: #000;
    margin: 0;
    padding: 0;
    font: 300 100%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }

  /* ------------ faq ------------ */
  #faqtop {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
  }
  #faqtop h2 {
    font: 400 300%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 38px 0;
    text-align: center;
    background: -webkit-linear-gradient(top, #202020, #535353);
    background: linear-gradient(to bottom, #202020, #535353);
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
    border-top: 1px solid #535353;
  }
  #faqtop .faqlink {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 370px;
    overflow: hidden;
    background: #333;
    background-image: url(../faq/img/01.jpg);
    background-size: cover;
    background-position: center;
    min-width: 980px;
  }
  #faqtop .faqlink .from {
    width: 980px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  #faqtop .faqlink .from ul {
    margin: 50px 0 0 0;
    padding: 0;
    float: left;
    position: relative;
    left: 50%;
  }
  #faqtop .faqlink .from ul li {
    width: 470px;
    margin: 0 40px 25px 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid #fff;
    list-style: none;
    font: 500 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #fff;
    text-align: center;
    float: left;
    position: relative;
    left: -50%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    box-sizing: border-box;
  }
  #faqtop .faqlink .from ul li a {
    padding: 15px 0;
    display: block;
  }
  #faqtop .faqlink .from ul li:nth-child(2n) {
    margin: 0 0 25px 0;
  }
  #faqtop .faqlink .from ul li:hover {
    background-color: black;
  }
  #faqtop .faqlink .from ul a:link {
    text-decoration: none;
    color: #fff;
  }
  #faqtop .faqlink .from ul a:visited {
    text-decoration: none;
    color: #fff;
  }
  #faqtop .faqlink .from ul a:active {
    text-decoration: none;
    color: #fff;
  }
  #faqtop .faqlink .from ul a:hover {
    text-decoration: none;
    color: #fff;
  }

  #maincontent03 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  #maincontent03 .faq {
    width: 100%;
    margin: 0 0 0 0;
    padding: 50px 0;
    background: #fff;
    min-width: 980px;
  }
  #maincontent03 .faq h3 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    text-align: center;
  }
  #maincontent03 .faq .box {
    width: 980px;
    margin: 0 auto;
    padding: 0;
  }
  #maincontent03 .faq .box h4 {
    margin: 70px 0 0 0;
    padding: 10px;
    font: 600 140%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
    text-align: left;
    background: #f3f3f3;
  }
  #maincontent03 .faq .box p {
    color: #000;
    margin: 20px 0 0 50px;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent03 .faq .box img {
    margin: 0 10px 0 0;
    padding: 0;
    vertical-align: middle;
  }
  #maincontent03 .faq .box .red {
    color: #e60012;
  }
  #maincontent03 .faq .box a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent03 .faq .box a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent03 .faq .box a:active {
    color: #ff7200;
  }
  #maincontent03 .faq .box a:hover {
    text-decoration: underline;
    color: #ff7200;
  }
  #maincontent03 .faq:nth-child(2n) {
    padding: 50px 0;
    background-color: #f3f3f3;
  }
  #maincontent03 .faq:nth-child(2n) h4 {
    background: #fff;
  }

  /* ------------ company ------------ */
  #companytop {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
  }
  #companytop h2 {
    font: 400 300%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 38px 0;
    text-align: center;
    border-top: 1px solid #535353;
    background: -webkit-linear-gradient(top, #202020, #535353);
    background: linear-gradient(to bottom, #202020, #535353);
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }

  #maincontent04 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  #maincontent04 .company {
    width: 100%;
    margin: 0 0 0 0;
    padding: 50px 0;
    background: #fff;
    min-width: 980px;
  }
  #maincontent04 .company h3 {
    margin: 0;
    padding: 0;
    font: 400 250%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
    color: #000;
    text-align: center;
  }
  #maincontent04 .company .box {
    width: 980px;
    margin: 30px auto 0;
    padding: 0;
  }
  #maincontent04 .company .box dl {
    padding: 15px 0 15px 0;
    margin: 0;
    color: #000;
    border-bottom: 1px solid #c4c4c4;
  }
  #maincontent04 .company .box dt {
    font: 300 120%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 150px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .company .box dd {
    font: 300 120%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 0 0 170px;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .company:nth-child(2n) {
    padding: 50px 0;
    background-color: #f3f3f3;
  }

  /* ------------ privacy ------------ */
  #privacytop {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
  }
  #privacytop h2 {
    font: 400 300%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 38px 0;
    text-align: center;
    background: -webkit-linear-gradient(top, #202020, #535353);
    background: linear-gradient(to bottom, #202020, #535353);
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
    border-top: 1px solid #535353;
  }

  #maincontent04 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  #maincontent04 .privacy {
    width: 980px;
    margin: 0 auto;
    padding: 50px 0;
    background: #fff;
  }
  #maincontent04 .privacy h3 {
    margin: 70px 0 0 0;
    padding: 10px;
    font: 600 140%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
    text-align: left;
    background: #f3f3f3;
  }
  #maincontent04 .privacy p {
    color: #000;
    margin: 0;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent04 .privacy .text {
    color: #000;
    margin: 20px 0 0 50px;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent04 .privacy .red {
    color: #e60012;
  }
  #maincontent04 .privacy a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .privacy a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .privacy a:active {
    color: #ff7200;
  }
  #maincontent04 .privacy a:hover {
    text-decoration: underline;
    color: #ff7200;
  }

  /* ------------ topics ------------ */
  #topicstop {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
  }
  #topicstop h2 {
    font: 400 300%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 38px 0;
    text-align: center;
    background: -webkit-linear-gradient(top, #202020, #535353);
    background: linear-gradient(to bottom, #202020, #535353);
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
    border-top: 1px solid #535353;
  }

  #maincontent04 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .topics {
    width: 980px;
    margin: 0 auto;
    padding: 50px 0;
    background: #fff;
  }
  #maincontent04 .topics h3 {
    margin: 0 0 50px 0;
    padding: 0;
    font: 400 220%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
  }
  #maincontent04 .topics h4 {
    color: #000;
    margin: 50px 0 0 0;
    padding: 0;
    font: 600 140%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent04 .topics .wrap {
    width: 980px;
    margin: 50px 0 0 0;
    padding: 0;
  }
  #maincontent04 .topics .wrap .text {
    width: 460px;
    float: left;
    margin: 0;
    padding: 0;
  }
  #maincontent04 .topics .wrap .text p {
    color: #000;
    margin: 0;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent04 .topics .wrap .photo {
    width: 470px;
    float: left;
    margin: 0 0 0 50px;
    padding: 0;
  }
  #maincontent04 .topics .wrap .photo p {
    color: #000;
    margin: 10px 0 0 0;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent04 .topics a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .topics a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .topics a:active {
    color: #ff7200;
  }
  #maincontent04 .topics a:hover {
    text-decoration: underline;
    color: #ff7200;
  }

  /* ------------ plan ------------ */
  #plantop {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
  }
  #plantop h2 {
    font: 400 300%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 38px 0;
    text-align: center;
    background: -webkit-linear-gradient(top, #202020, #535353);
    background: linear-gradient(to bottom, #202020, #535353);
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
    border-top: 1px solid #535353;
  }

  #maincontent04 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .plan {
    width: 980px;
    margin: 0 auto;
    padding: 50px 0;
    background: #fff;
  }
  #maincontent04 .plan h3 {
    margin: 0 0 50px 0;
    padding: 0;
    font: 400 220%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #000;
  }
  #maincontent04 .plan dl {
    padding: 15px 0 15px 0;
    margin: 0;
    color: #000;
    border-bottom: 1px solid #c4c4c4;
  }
  #maincontent04 .plan dt {
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    width: 100px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .plan dd {
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0 0 0 150px;
    padding: 0;
    text-align: left;
  }
  #maincontent04 .plan dd a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .plan dd a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .plan dd a:active {
    color: #ff7200;
  }
  #maincontent04 .plan dd a:hover {
    text-decoration: underline;
    color: #ff7200;
  }
  #maincontent04 .plan .wrap {
    width: 980px;
    margin: 50px 0 0 0;
    padding: 0;
  }
  #maincontent04 .plan .wrap .text {
    width: 460px;
    float: left;
    margin: 0;
    padding: 0;
  }
  #maincontent04 .plan .wrap .text h4 {
    color: #000;
    margin: 50px 0 0 0;
    padding: 0;
    font: 600 140%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent04 .plan .wrap .text .title {
    margin: 0 0 0 0;
  }
  #maincontent04 .plan .wrap .text p {
    color: #000;
    margin: 20px 0 0 0;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent04 .plan .wrap .text a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .plan .wrap .text a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .plan .wrap .text a:active {
    color: #ff7200;
  }
  #maincontent04 .plan .wrap .text a:hover {
    text-decoration: underline;
    color: #ff7200;
  }
  #maincontent04 .plan .wrap .photo {
    width: 470px;
    float: left;
    margin: 0 0 0 50px;
    padding: 0;
  }
  #maincontent04 .plan .wrap .photo p {
    color: #000;
    margin: 20px 0 0 0;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #maincontent04 .plan .wrap .photo a {
    font: 600 140%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background-color: #c90010;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 20px 0;
    display: block;
    text-align: center;
    text-decoration: none;
    background-image: url(../plan/img/03.png);
    background-repeat: no-repeat;
    background-position: 420px center;
  }
  #maincontent04 .plan .wrap .photo a:hover {
    background-color: #b3000e;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }

  /* ------------ reservationbox ------------ */
  #reservationbox {
    width: 580px;
    margin: 0;
    padding: 20px;
    background: #efefef;
  }
  #reservationbox #upwrap {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #reservationbox #upwrap .left {
    width: 340px;
    margin: 0 40px 0 0;
    padding: 0;
    float: left;
  }
  #reservationbox #upwrap .left ul {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
  }
  #reservationbox #upwrap .left ul li {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    color: #333;
    font: 300 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    border-bottom: 1px solid #c6c6c6;
    list-style: none;
    vertical-align: middle;
  }
  #reservationbox #upwrap .left ul li dl {
    margin: 0;
    padding: 0;
  }
  #reservationbox #upwrap .left ul li dt {
    width: 34%;
    margin: 0;
    padding: 0;
    float: left;
  }
  #reservationbox #upwrap .left ul li dd {
    width: 64%;
    margin: 0 0 0 36%;
    padding: 0;
  }
  #reservationbox #upwrap .left ul li input {
    width: 90%;
    font: 300 130%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0;
    padding: 5px;
    color: #333;
  }
  #reservationbox #upwrap .left ul li .styleselect {
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fffefefe', endColorstr='#ffdcdcdc');
    border: 1px solid #ddd;
    padding: 6px;
    margin: 0 5px 0 10px;
    font: 200 120%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #333;
    width: 60px;
    vertical-align: middle;
  }
  #reservationbox #upwrap .left ul li .styleselect:nth-child(1) {
    margin: 0 5px 0 0;
  }
  #reservationbox #upwrap .right {
    width: 200px;
    margin: 0;
    padding: 0;
    float: left;
  }
  #reservationbox #upwrap .right ul {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
  }
  #reservationbox #upwrap .right ul li {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    font: 300 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    list-style: none;
    background-image: url(../img/58.png);
    background-repeat: no-repeat;
    background-position: left center;
  }
  #reservationbox #upwrap .right ul a:link {
    text-decoration: none;
    color: #333;
  }
  #reservationbox #upwrap .right ul a:visited {
    text-decoration: none;
    color: #333;
  }
  #reservationbox #upwrap .right ul a:active {
    color: #333;
  }
  #reservationbox #upwrap .right ul a:hover {
    text-decoration: underline;
    color: #333;
  }
  #reservationbox #downwrap {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #reservationbox #downwrap .left {
    width: 240px;
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
    color: #333;
    font: 300 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
  #reservationbox #downwrap .left input {
    font: 300 160%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0;
    padding: 0;
    color: #333;
  }
  #reservationbox #downwrap .left .submit_button {
    width: 100%;
    height: 50px;
    margin: 10px 0 0 0;
    padding: 0;
    font: 400 140%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background: -webkit-gradient(linear, left top, left bottom, from(#c30018), to(#ab0016));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffab0016', endColorstr='#ffab0016');
    color: #fff;
    border-style: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
  #reservationbox #downwrap .left .submit_button:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#ab0016), to(#c30018));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffab0016', endColorstr='#ffc30018');
    color: #fff;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #reservationbox #downwrap .left input[type="submit"], #reservationbox #downwrap .left input[type="reset"], #reservationbox #downwrap .left input[type="button"], #reservationbox #downwrap .left button {
    cursor: pointer;
  }
  #reservationbox #downwrap .right {
    width: 320px;
    margin: 10px 0 0 0;
    padding: 10px;
    float: left;
    background: #dfdfdf;
    box-sizing: border-box;
  }
  #reservationbox #downwrap .right dl {
    margin: 0 0 7px 0;
    padding: 0 0 7px 0;
    border-bottom: 1px solid #c6c6c6;
  }
  #reservationbox #downwrap .right dt {
    width: 24%;
    margin: 0;
    padding: 0;
    float: left;
    font: 300 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #333;
  }
  #reservationbox #downwrap .right dd {
    width: 74%;
    margin: 0 0 0 26%;
    padding: 0;
    font: 300 100%/140% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #333;
  }
  #reservationbox #downwrap .right dl:nth-child(2) {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
  }
  #reservationbox #downwrap .right a:link {
    text-decoration: none;
    color: #333;
  }
  #reservationbox #downwrap .right a:visited {
    text-decoration: none;
    color: #333;
  }
  #reservationbox #downwrap .right a:active {
    color: #333;
  }
  #reservationbox #downwrap .right a:hover {
    text-decoration: underline;
    color: #333;
  }
  #reservationbox #downwrap .right img {
    padding: 0 0 0 0;
    margin: 0 5px 0 0;
  }

  /* ------------ member ------------ */
  #membertop {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
  }
  #membertop h2 {
    font: 400 300%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
    color: #fff;
    margin: 0;
    padding: 38px 0;
    text-align: center;
    border-top: 1px solid #535353;
    background: -webkit-linear-gradient(top, #202020, #535353);
    background: linear-gradient(to bottom, #202020, #535353);
    background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353');
  }

  #maincontent04 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  #maincontent04 .member {
    width: 100%;
    margin: 0 0 0 0;
    padding: 50px 0;
    background: #fff;
    min-width: 980px;
  }
  #maincontent04 .member .box {
    width: 980px;
    margin: 30px auto 0;
    padding: 0;
  }
  #maincontent04 .member .box .title {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #maincontent04 .member .box .title img {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #maincontent04 .member .box .sptitle {
    display: none;
  }
  #maincontent04 .member .box h3 {
    margin: 50px 0 0 0;
    padding: 10px;
    font: 600 140%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #000;
    text-align: left;
    background: #f3f3f3;
  }
  #maincontent04 .member .box .arrow {
    margin: 50px 0 0 0;
    padding: 0;
    text-align: center img;
    text-align-margin: 0;
    text-align-padding: 0;
    text-align-width: 100%;
  }
  #maincontent04 .member .box a.button {
    font: 600 140%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background-color: #c90010;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
    width: 40%;
    margin: 50px auto 0;
    padding: 20px 0;
    display: block;
    text-align: center;
    text-decoration: none;
    background-image: url(../plan/img/03.png);
    background-repeat: no-repeat;
    background-position: 350px center;
  }
  #maincontent04 .member .box a.button:link {
    text-decoration: none;
    color: #fff;
  }
  #maincontent04 .member .box a.button:visited {
    text-decoration: none;
    color: #fff;
  }
  #maincontent04 .member .box a.button:active {
    text-decoration: none;
    color: #fff;
  }
  #maincontent04 .member .box a.button:hover {
    text-decoration: none;
    color: #fff;
    background-color: #b3000e;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  #maincontent04 .member .box p {
    color: #000;
    margin: 30px 0 0 60px;
    padding: 0;
    font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    text-align: left;
  }
  #maincontent04 .member .box p a:link {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .member .box p a:visited {
    text-decoration: none;
    color: #ff7200;
  }
  #maincontent04 .member .box p a:active {
    color: #ff7200;
  }
  #maincontent04 .member .box p a:hover {
    text-decoration: underline;
    color: #ff7200;
  }

  /* ------------ group ------------ */
  #grouptop {
    width: 100%;
    min-width: 980px; }
    #grouptop h2 {
      font: 400 300%/100% "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "MS P明朝", Meiryo, serif;
      color: #fff;
      margin: 0;
      padding: 38px 0;
      text-align: center;
      border-top: 1px solid #535353;
      background: -moz-linear-gradient(top, #202020, #535353);
      background: linear-gradient(to bottom, #202020, #535353);
      background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#535353));
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff202020', endColorstr='#ff535353'); }

  #maincontent04 {
    text-align: center; }
    #maincontent04 .group {
      width: 100%;
      max-width: 980px;
      padding: 50px 0;
      margin: 0 auto;
      background: #fff; }
      #maincontent04 .group figure {
        max-width: 980px;
        width: 100%;
        margin: 0 auto; }
        #maincontent04 .group figure img {
          width: 100%;
          vertical-align: bottom; }
      #maincontent04 .group p {
        font: 300 110%/160% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        text-align: left;
        margin: 30px 0 0 0; }
      #maincontent04 .group h3 {
        margin: 30px 0 0 0;
        padding: 10px;
        font: 400 130%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        color: #fff;
        background: #000;
        text-align: left; }
      #maincontent04 .group dl {
        display: flex;
        text-align: left;
        font: 300 110%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
        #maincontent04 .group dl dt {
          width: 35%;
          padding: 20px;
          box-sizing: border-box;
          background: #ededed;
          border: 1px solid #ccc;
          border-bottom: none; }
          #maincontent04 .group dl dt .red {
            color: #c90010; }
        #maincontent04 .group dl dd {
          width: 65%;
          padding: 20px;
          box-sizing: border-box;
          border: 1px solid #ccc;
          border-left: none;
          border-bottom: none; }
          #maincontent04 .group dl dd p {
            font: 300 100%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
            text-align: left;
            margin: 10px 0; }
            #maincontent04 .group dl dd p a:link {
              text-decoration: underline;
              color: #0075a9; }
            #maincontent04 .group dl dd p a:visited {
              text-decoration: none;
              color: #0075a9; }
            #maincontent04 .group dl dd p a:active {
              color: #0075a9; }
            #maincontent04 .group dl dd p a:hover {
              text-decoration: none;
              color: #0075a9; }
          #maincontent04 .group dl dd .bold {
            font-weight: 600; }
          #maincontent04 .group dl dd .red {
            color: #c90010; }
          #maincontent04 .group dl dd input[type="text"] {
            width: 90%;
            border: 1px solid #ccc;
            box-sizing: border-box;
            padding: 5px;
            font: 300 110%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
            margin: 0 10px 0 0; }
            #maincontent04 .group dl dd input[type="text"].w10 {
              width: 10%; }
            #maincontent04 .group dl dd input[type="text"].w30 {
              width: 30%; }
            #maincontent04 .group dl dd input[type="text"].w50 {
              width: 50%; }
            #maincontent04 .group dl dd input[type="text"].date {
              background: url(../group/img/g_02.png);
              background-repeat: no-repeat;
              background-size: 15px;
              background-position: right 10px center; }
            #maincontent04 .group dl dd input[type="text"]::-webkit-input-placeholder {
              color: #999; }
            #maincontent04 .group dl dd input[type="text"]::placeholder {
              color: #999; }
            #maincontent04 .group dl dd input[type="text"]::-ms-input-placeholder {
              color: #999; }
            #maincontent04 .group dl dd input[type="text"]::-ms-input-placeholder {
              color: #999; }
          #maincontent04 .group dl dd select {
            width: 130px;
            margin: 0 10px 0 0;
            border: 1px solid #ccc;
            box-sizing: border-box;
            font: 300 110%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
          #maincontent04 .group dl dd textarea {
            width: 100%;
            height: 180px;
            border: 1px solid #ccc;
            padding: 5px;
            resize: none;
            font: 300 110%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
            box-sizing: border-box; }
            #maincontent04 .group dl dd textarea::-webkit-input-placeholder {
              color: #999; }
            #maincontent04 .group dl dd textarea::placeholder {
              color: #999; }
            #maincontent04 .group dl dd textarea::-ms-input-placeholder {
              color: #999; }
            #maincontent04 .group dl dd textarea::-ms-input-placeholder {
              color: #999; }
          #maincontent04 .group dl dd ul.box_01 {
            display: flex; }
            #maincontent04 .group dl dd ul.box_01 li {
              width: 20%;
              list-style: none; }
          #maincontent04 .group dl dd ul.box_02 li {
            list-style: none;
            margin: 10px 0; }
          #maincontent04 .group dl dd ul.box_03 {
            display: flex;
            flex-wrap: wrap; }
            #maincontent04 .group dl dd ul.box_03 li {
              list-style: none;
              margin: 10px 30px 10px 0; }
              #maincontent04 .group dl dd ul.box_03 li input[type="text"] {
                margin: 10px 0 0 0; }
        #maincontent04 .group dl:first-of-type {
          margin: 30px 0 0 0; }
        #maincontent04 .group dl:last-of-type dt {
          border-bottom: 1px solid #ccc; }
        #maincontent04 .group dl:last-of-type dd {
          border-bottom: 1px solid #ccc; }
      #maincontent04 .group .submit_box {
        text-align: center;
        margin: 30px 0 0 0; }
        #maincontent04 .group .submit_box .submit_button {
          width: 250px;
          padding: 15px 0;
          font: 300 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
          color: #fff;
          text-align: center;
          background-color: #000;
          cursor: pointer;
          display: inline-block;
          transition: all 0.5s;
          -moz-transition: all 0.5s;
          -webkit-transition: all 0.5s;
          -ms-transition: all 0.5s;
          -o-transition: all 0.5s;
          -webkit-appearance: button; }
          #maincontent04 .group .submit_box .submit_button:hover {
            opacity: 0.8;
            filter: alpha(opacity=80);
            -ms-filter: "alpha( opacity=80 )"; }
        #maincontent04 .group .submit_box .back_button {
          width: 250px;
          padding: 15px 0;
          margin: 0 30px 0 0;
          font: 300 110%/100% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
          color: #666;
          text-align: center;
          background-color: #dcdcdc;
          border-style: none;
          cursor: pointer;
          display: inline-block;
          -webkit-appearance: button; }
          #maincontent04 .group .submit_box .back_button:hover {
            opacity: 0.8;
            filter: alpha(opacity=80);
            -ms-filter: "alpha( opacity=80 )"; }
      #maincontent04 .group table {
        margin: 30px auto 0;
        width: 100%;
		border-top: 1px solid #ccc;
		}
        #maincontent04 .group table th {
          padding: 15px;
          border-bottom: 1px solid #ccc;
          font: 500 110%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
          width: 30%;
          text-align: left;
          background: #f7f7f7;
          box-sizing: border-box; }
        #maincontent04 .group table td {
          padding: 15px;
          border-bottom: 1px solid #ccc;
          font: 300 110%/150% "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
          text-align: left;
          box-sizing: border-box; }


  /* ------------ keyframes ------------ */
  @-webkit-keyframes fadeinside {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateXY(0);
    }
  }
  @keyframes fadeinside {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }
  /* ------------ PC ------------ */
}