@charset "UTF-8";
main {
  overflow: hidden;
}

#drawer,
.call_nav{
	display:none;
}

/* grid */
.row h2,
.row h2 + p {
  text-align: left;
}
.row h2 span {
  display: inline-block;
}
.row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.column {
  width: 100%;
  float: left;
  box-sizing: border-box;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
}
.column {
  margin-left: 4%; }
.column:first-child {
  margin-left: 0; }

.one.column { width: 4.66666666667%; }
.two.column { width: 13.3333333333%; }
.three.column { width: 22%; }
.four.column { width: 30.6666666667%; }
.five.column { width: 39.3333333333%; }
.six.column { width: 48%; }
.seven.column { width: 56.6666666667%; }
.eight.column { width: 65.3333333333%; }
.nine.column { width: 74.0%; }
.ten.column { width: 82.6666666667%; }
.eleven.column { width: 91.3333333333%; }
.twelve.column { width: 100%; }

  /* Offsets */
.offset-by-one.column          { margin-left: 8.66666666667%; }
.offset-by-two.column          { margin-left: 17.3333333333%; }
.offset-by-three.column        { margin-left: 26%;            }
.offset-by-four.column         { margin-left: 34.6666666667%; }
.offset-by-five.column         { margin-left: 43.3333333333%; }
.offset-by-six.column          { margin-left: 52%;            }
.offset-by-seven.column        { margin-left: 60.6666666667%; }
.offset-by-eight.column        { margin-left: 69.3333333333%; }
.offset-by-nine.column         { margin-left: 78.0%;          }
.offset-by-ten.column          { margin-left: 86.6666666667%; }
.offset-by-eleven.column       { margin-left: 95.3333333333%; }
.offset-by-one-third.column    { margin-left: 34.6666666667%; }
.offset-by-two-thirds.column   { margin-left: 69.3333333333%; }
.offset-by-one-half.column     { margin-left: 52%; }

/* col_list */
.col_list li {
  padding: 2em 0;
}
.col_list li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* 汎用スタイル */
.sec_title {
}

/* .more_info */
.more_info.btn a {
  font-size: 1.6rem;
}
.more_info.btn.sm-btn a {
  font-size: 1.3rem;
}

/* ページトップへ戻る */
.pagetop {
  display: none;
  position: fixed;
  bottom: 2em;
  right: 3em;
  z-index: 9999;
}
.pagetop a {
  display: block;
  background: #e8546b;
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  text-decoration: none;
  width: 60px;
  height: 60px;
  filter:alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-radius: 50%;
  border: 1px solid #e8546b;
}
.pagetop a:hover {
  display: block;
  background: #fff;
  text-align: center;
  color: #e8546b;
  text-decoration: none;
  filter:alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.pagetop a i {
  margin-right: 0;
  padding-top: 1.1em;
}

/* header */
header {
  background: #108ccf;
  height: 130px;
  transition: 0.5s all ease;
}
header h1 a {
  display: block;
}
header h1 a img {
  width: 480px;
  transition: 0.5s all ease;
}

/* スクロールでヘッダーを固定 */
header .fixheader {
  position: absolute;
  width: 100%;
  padding-top: 0px;
  transition: padding-bottom .2s ease 0s;
}

header.fixed h1 {
  margin-top: .5em;
  margin-bottom: 0;
}
header.fixed h1 a img {
  transform: scale(0.6);
  transition: 0.5s all ease;
}
header.fixed .fixheader {
  position: fixed;
  background: #108ccf;
  margin-top: -10px;
  padding-bottom: 0px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
  height: 90px;
  z-index: 9990;
  transition: 0.5s all ease;
}
/* 出てくる時のアニメーション設定 */
header .header_bottom {
  transition: margin-top 1s ease 1s, opacity 1s ease 1s;
  opacity: 1;
}
/* 消える時のアニメーション設定 */
header.fixed .header_bottom {
  transition: margin-top 1s ease 1s, opacity 1s ease 1s;
  margin-top: -120px;
  opacity: 0;
}
header.fixed nav.header_nav {
  margin-top: 1.6em;
}

/* topic_path */
.topic_path {
  margin-left: 0px;
  margin: 0 auto 1.8em;
}

/* nav */
nav.header_nav,
nav.sub_nav {
  vertical-align: middle;
  text-align: center;
}
nav.header_nav li,
nav.sub_nav li {
  float: left;
}
nav.header_nav:after,
nav.sub_nav:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

nav.header_nav {
  float: right;
  margin-top: 2.4em;
}
nav.header_nav li {
  padding: 0em;
  margin: .5em;
}
#index header{
  height:80vh;
}
.bg_slider,
.bg_slider:after {
  height: 100%;
}

nav.header_nav a,
#index header.fixed .header_nav a {
  padding: .6em .6em;
  color: #003893;
}
nav.header_nav  li a:hover,
#index header.fixed nav.header_nav  li a:hover {
  color: #fff;
  background: #003893;
}

nav.header_nav li:last-child a,
#index header.fixed nav.header_nav li:last-child a {
  border: rgba(0, 56, 147, .5) 1px solid;
  background: #fff;
  color: #003893;
  margin-left: 1em;
}
nav.header_nav li:last-child a:hover,
#index header.fixed nav.header_nav nav.header_nav li:last-child a:hover {
  background: #003893;
  color: #fff;
}

nav.sub_nav ul {
  margin: 0 auto;
  display: table;
}
nav.sub_nav li a {
  padding: 1em 1.4em;
  font-size: 1.5rem;
}

@media (min-width: 1199px) {
nav.header_nav a,
  #index header.fixed .header_nav a {
    padding: .6em 1em;
  }
}

/* contents */
.container {
  width: 960px;
}
@media (min-width: 1199px) {
  .container {
    width: 1170px;
  }
  .container.wide {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
  }
}
.container.sm {
  width: 800px;
}
.container.md {
  width: 880px;
}

section {
  margin-bottom: 4em;
  margin-top: 3em;
}

/* footer */
footer .container {
  padding: 40px 10px 10px;
}
footer .footer_inq h2 {
  font-size: 1.8rem;
}
footer .footer_inq p {
  font-size: 1.3rem;
  letter-spacing: 0.03em;
}
footer img {
  width: 141px;
  transition: 0.5s all ease;
}

footer .footer_bn_links{
}

footer .footer_bn_links li{
	width:24%;
}

/* footer .footer_links */
footer .footer_links li {
  display: inline-block;
  font-size: 1.5rem;
}
footer .footer_links li a {
  display: block;
  text-decoration: none;
  margin:0 1em;
  font-weight: 600;
}


.hero_copy{
    padding-top:3em;
}

.info_table_wrap{
    display: flex;
    justify-content: center;
font-size: 2rem;
}

.info_table th strong{
    font-size: 2.4rem;
}
.info_table th{
    font-size: 2.4rem;
}
.info_table td time{
    font-size: 4rem;
}

/*プレミアム商品券ご利用上の注意*/
.use_caution{
  font-size:2rem;
}

/* 店舗一覧 */
.shop_list ul li {
  flex: 0 0 31.33333333%;
  flex-basis: 31.33333333%;
  max-width: 31.33333333%;
}
.shop_list ul li div.shop_tag ul li {
  font-size: 90%;
}
.shop_list ul li div.shop_wrap {
  padding-bottom: 128px;
}
.shop_list ul li div.shop_img img {
  flex: 0 0 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.shop_list ul li div.shop_detail h3 + p {
  font-size: 96%;
}
.shop_list ul li div.shop_link ul li {
  flex: 0 0 50%;
  flex-basis: 50%;
  max-width: 50%;
}
@media (min-width: 1399px) {
  .shop_list ul li {
    flex: 0 0 23%;
    flex-basis: 23%;
    max-width: 23%;
  }
}

/* 店舗一覧 */
.shop_list ul li {
  flex: 0 0 31.33333333%;
  flex-basis: 31.33333333%;
  max-width: 31.33333333%;
}
.shop_list ul li div.shop_tag ul li {
  font-size: 90%;
}
.shop_list ul li div.shop_wrap {
  padding-bottom: 64px;
}
.shop_list ul li div.shop_img img {
    flex: 0 0 30%;
    flex-basis: 30%;
    max-width: 30%;
    margin-top: -3em;
    border-radius: 100%;
}
.shop_list ul li div.shop_detail h3 + p {
  font-size: 96%;
}
.shop_list ul li div.shop_link ul li {
  flex: 0 0 50%;
  flex-basis: 50%;
  max-width: 50%;
}
@media (min-width: 1399px) {
  .shop_list ul li {
    flex: 0 0 23%;
    flex-basis: 23%;
    max-width: 23%;
  }
}

/*お問い合わせ*/
#sec_contact dl{
    display:block;
    text-align:center;
}
#sec_contact dt{
    margin-bottom:.5em;
    font-size: 3rem;
}
#sec_contact dd{
    font-size: 4.2rem;
}

/* map_box */
.map_box {
  width: 100%;
  margin: 0 auto;
  max-height: 550px;
}
.map_box iframe,
.map_box twitter-timeline {
  height: 550px;
}