@charset "UTF-8";
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;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

th {
  text-align: left;
  vertical-align: top; }

body {
  line-height: 1; }

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

ul, ol {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
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; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

@font-face {
  font-family: 'icomoon';
  src: url("../css/fonts/icomoon.eot?mwm4jn");
  src: url("../css/fonts/icomoon.eot?mwm4jn#iefix") format("embedded-opentype"), url("../css/fonts/icomoon.ttf?mwm4jn") format("truetype"), url("../css/fonts/icomoon.woff?mwm4jn") format("woff"), url("../css/fonts/icomoon.svg?mwm4jn#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  padding-right: 0.2em; }

.icon-access:before {
  content: "\e900"; }

.icon-arw_d:before {
  content: "\e901"; }

.icon-arw_l:before {
  content: "\e902"; }

.icon-arw_r:before {
  content: "\e904"; }

.icon-arw_u:before {
  content: "\e905"; }

.icon-banquet:before {
  content: "\e906"; }

.icon-freedial:before {
  content: "\e907"; }

.icon-minus:before {
  content: "\e908"; }

.icon-plus:before {
  content: "\e909"; }

.icon-search2:before {
  content: "\e90a"; }

.icon-stay:before {
  content: "\e90b"; }

.icon-tel:before {
  content: "\e90c"; }

.icon-mail:before {
  content: "\e903"; }

.cf:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0; }

.iconfont {
  font-family: 'icomoon' !important; }

.center {
  margin-left: 0;
  margin-right: 0; }

.cl_b {
  clear: both; }

.cs_p {
  cursor: pointer; }

.dp_n {
  display: none !important; }

.dp_t {
  display: table; }

.dp_t > * {
  display: table-cell;
  vertical-align: middle; }

.fs_l {
  font-size: 16px; }

.fs_2l {
  font-size: 24px; }

.fs_s {
  font-size: 12px; }

.fs_2s {
  font-size: 10px; }

.fw_n {
  font-weight: normal; }

.fw_b {
  font-weight: bold; }

.mb_0 {
  margin-bottom: 0; }

.mb_s {
  margin-bottom: 0.5em; }

.mb_m {
  margin-bottom: 1em; }

.mb_l {
  margin-bottom: 2em; }

.mb_2l {
  margin-bottom: 4em; }

.mt_m {
  margin-top: 1em; }

.mt_l {
  margin-top: 2em; }

.mt_0 {
  margin-top: 0 !important; }

@media screen and (min-width: 751px) {
  .mb_section {
    margin-bottom: 80px; }

  .pc_n {
    display: none; } }
.ta_c {
  text-align: center !important; }

.ta_l {
  text-align: left !important; }

.ta_r {
  text-align: right; }

.va_m {
  vertical-align: middle; }

.wd100 {
  width: 100%; }

.wd50 {
  width: 50%; }

.ws_n {
  white-space: nowrap; }

.caution {
  color: #900; }

.emphasis {
  background-color: #FDFF26; }

@media screen and (max-width: 750px) {
  .spN {
    display: none !important; }

  main > section + section {
    margin-top: 2em; }

  .inner > section {
    margin-top: 2em; }

  .full {
    margin-left: -10px;
    margin-right: -10px; } }
@media screen and (min-width: 751px) {
  .pcN {
    display: none !important; }

  main > section + section {
    margin-top: 4em; }

  .inner > section {
    margin-top: 4em; } }
.inner > section:nth-child(1) {
  margin-top: 0 !important; }

body {
  color: #333;
  line-height: 1.8;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

button {
  border: none;
  outline: none;
  cursor: pointer; }

a {
  text-decoration: none;
  color: #333; }

a:hover {
  text-decoration: underline; }

a.line {
  text-decoration: underline !important; }

img {
  max-width: 100%;
  height: auto; }

img[src$=".svg"] {
  width: 100%; }

ul.mark_on {
  list-style-type: disc; }
  ul.mark_on li {
    list-style-position: inside; }

p.pdf_dl img {
  vertical-align: bottom; }
p.pdf_dl a {
  text-decoration: underline; }

/*──────────────────────────────────────────────────────────────

form関連

──────────────────────────────────────────────────────────────*/
input:not([type=date]),
textarea {
  margin: 0;
  padding: 0.5em;
  background: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 14px; }

select {
  margin: 0;
  background: none;
  border-radius: 0;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 0.5em;
  font-size: 14px; }

/*──────────────────────────────────────────────────────────────

button

──────────────────────────────────────────────────────────────*/
.btn, .btn_search, .btn_access, .btn_inquiry, .btn_back {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding: 0.7em 2.5em;
  line-height: 1;
  cursor: pointer;
  color: #000;
  font-size: 16px; }

.btn:hover, .btn_search:hover, .btn_access:hover, .btn_inquiry:hover, .btn_back:hover {
  text-decoration: none; }

.btn_search, .btn_access, .btn_inquiry, .btn_back {
  background-color: #efb213;
  border-radius: 4px; }

.btn_search:hover, .btn_access:hover, .btn_inquiry:hover, .btn_back:hover {
  text-decoration: none; }

.btn_access {
  background-color: #11bad8;
  border-radius: 4px; }

.btn_access:hover {
  text-decoration: none; }

.btn.border, .border.btn_search, .border.btn_access, .border.btn_inquiry, .border.btn_back {
  line-height: 1;
  padding: 1em 1.5em;
  font-weight: normal;
  border: solid 1px; }

.btn.arrow, .arrow.btn_search, .arrow.btn_access, .arrow.btn_inquiry, .arrow.btn_back {
  position: relative; }
  .btn.arrow:before, .arrow.btn_search:before, .arrow.btn_access:before, .arrow.btn_inquiry:before, .arrow.btn_back:before, .btn.arrow:after, .arrow.btn_search:after, .arrow.btn_access:after, .arrow.btn_inquiry:after, .arrow.btn_back:after {
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 8px;
    background: #fff;
    transition: .3s;
    transform: rotate(45deg); }
  .btn.arrow:after, .arrow.btn_search:after, .arrow.btn_access:after, .arrow.btn_inquiry:after, .arrow.btn_back:after {
    transform: rotate(-45deg);
    margin-top: 3px; }

.btn_inquiry {
  background-color: #ef7013;
  border-radius: 4px;
  color: #fff;
  margin-top: 2em; }

.btn_back {
  background-color: #999;
  border-radius: 4px;
  color: #fff; }

@media screen and (max-width: 750px) {
  .btn_inquiry {
    padding: 1.7em 0;
    width: 100%; } }
@media screen and (min-width: 751px) {
  .btn_inquiry {
    padding: 1.7em 8.5em; } }
/*──────────────────────────────────────────────────────────────

breadcrumb

──────────────────────────────────────────────────────────────*/
ul#bc {
  margin-bottom: 1em; }
  ul#bc li {
    display: inline-block;
    position: relative;
    padding-right: 30px; }
  ul#bc li:after {
    content: ">";
    position: absolute;
    right: 0;
    top: -1px;
    width: 14px; }
  ul#bc li:last-child:after {
    content: none; }

/*──────────────────────────────────────────────────────────────

hl1

──────────────────────────────────────────────────────────────*/
.hl1 {
  text-align: center;
  line-height: 1.4;
  color: #fff;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .hl1 > span {
    padding-bottom: 0.5em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
    .hl1 > span span {
      font-size: 70%; }

.hl1:before {
  content: '';
  height: 6px;
  width: 3.5em;
  left: 50%;
  margin-left: -1.7em;
  position: absolute;
  background: #efb213; }

@media screen and (max-width: 750px) {
  .hl1 {
    font-size: 24px;
    /*24px*/
    height: 125px;
    margin-bottom: 1em; }
    .hl1 span {
      top: 28%; }

  .hl1:before {
    top: 3.5em; } }
@media screen and (min-width: 751px) {
  .hl1 {
    font-size: 32px;
    height: 250px;
    margin-bottom: 0.5em; }
    .hl1 span {
      top: 35%; }

  .hl1:before {
    top: 5em; } }
/*────────────────────────────────────────────────────────────
hl2

──────────────────────────────────────────────────────────────*/
.hl2 {
  text-align: center;
  color: #0f468a;
  position: relative;
  margin-bottom: 1em; }
  .hl2 span {
    background-color: white;
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
    line-height: 1.2; }

.hl2:before {
  border-top: 1px solid #a6a6a6;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%; }

@media screen and (max-width: 750px) {
  .hl2 {
    font-size: 20px; } }
@media screen and (min-width: 751px) {
  .hl2 {
    font-size: 28px; } }
/*──────────────────────────────────────────────────────────────

hl3

──────────────────────────────────────────────────────────────*/
.hl3 {
  text-align: center;
  color: #0f468a;
  margin-bottom: 0.5em; }

@media screen and (max-width: 750px) {
  .hl3 {
    font-size: 16px; } }
@media screen and (min-width: 751px) {
  .hl3 {
    font-size: 24px; } }
/*──────────────────────────────────────────────────────────────

下層ページ最下部リスト

──────────────────────────────────────────────────────────────*/
.btm_link {
  background-color: #f2eadb;
  margin-top: 4em;
  padding: 1em 0 4em; }

ul#btm_link_list li, ul#btm_link_list_3col li {
  background-color: #fff;
  border: 1px solid #bfbfbf;
  box-sizing: border-box; }
  ul#btm_link_list li p, ul#btm_link_list_3col li p {
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em; }
  ul#btm_link_list li .text, ul#btm_link_list_3col li .text {
    border-top: 1px solid #bfbfbf;
    box-sizing: border-box; }
  ul#btm_link_list li h3, ul#btm_link_list_3col li h3 {
    font-size: 16px;
    margin: 0.5em; }
  ul#btm_link_list li img, ul#btm_link_list_3col li img {
    vertical-align: bottom; }

.hl_link {
  text-align: center;
  color: #0f468a;
  margin-bottom: 1em; }

@media screen and (max-width: 750px) {
  .hl_link {
    font-size: 24px; }

  ul#btm_link_list li, ul#btm_link_list_3col li {
    width: 48%;
    float: left;
    margin-right: 4%; }
  ul#btm_link_list li:nth-child(2n), ul#btm_link_list_3col li:nth-child(2n) {
    margin-right: 0; }
  ul#btm_link_list li:nth-child(n+3), ul#btm_link_list_3col li:nth-child(n+3) {
    margin-top: 2em; }
  ul#btm_link_list figure > img, ul#btm_link_list_3col figure > img {
    width: 100%;
    height: auto; } }
@media screen and (min-width: 751px) {
  .hl_link {
    font-size: 28px; }

  ul#btm_link_list li, ul#btm_link_list_3col li {
    width: 23.3333%;
    float: left;
    margin-right: 2.22%; }
  ul#btm_link_list li:nth-child(4n), ul#btm_link_list_3col li:nth-child(4n) {
    margin-right: 0; }
  ul#btm_link_list li:nth-child(n+5), ul#btm_link_list_3col li:nth-child(n+5) {
    margin-top: 2em; }
  ul#btm_link_list figure > img, ul#btm_link_list_3col figure > img {
    width: 100%;
    height: auto; } }
/*──────────────────────────────────────────────────────────────

下層ページ最下部リスト 3カラム

──────────────────────────────────────────────────────────────*/
@media screen and (min-width: 751px) {
  ul#btm_link_list_3col li {
    width: 32%;
    float: left;
    margin-right: 2%; }
  ul#btm_link_list_3col li:nth-child(3n) {
    margin-right: 0; }
  ul#btm_link_list_3col li:nth-child(n+4) {
    margin-top: 2em; }
  ul#btm_link_list_3col figure > img {
    width: 100%;
    height: auto; } }
/*──────────────────────────────────────────────────────────────

下層ページ３つのポイント

──────────────────────────────────────────────────────────────*/
@media screen and (max-width: 750px) {
  ul.point h2 {
    text-align: center; }
  ul.point p {
    margin-bottom: 4em;
    text-align: center; }
  ul.point figure {
    text-align: center; }
  ul.point figure > img {
    width: 50%;
    height: auto; } }
@media screen and (min-width: 751px) {
  ul.point li {
    width: 28.8888%;
    float: left;
    margin-right: 6%; }
  ul.point li:nth-child(3n) {
    margin-right: 0; }
  ul.point li:nth-child(n+4) {
    margin-top: 2em; }
  ul.point figure > img {
    width: 100%;
    height: auto; } }
/*──────────────────────────────────────────────────────────────

list_2col

──────────────────────────────────────────────────────────────*/
ul.list_2col li {
  width: 48%;
  float: left;
  margin-right: 4%; }
ul.list_2col li:nth-child(2n) {
  margin-right: 0; }
ul.list_2col li:nth-child(n+3) {
  margin-top: 2em; }
ul.list_2col figure > img {
  width: 100%;
  height: auto; }

/*──────────────────────────────────────────────────────────────

list_3col

──────────────────────────────────────────────────────────────*/
ul.list_3col li {
  width: 28.8888%;
  float: left;
  margin-right: 6%; }
ul.list_3col li:nth-child(3n) {
  margin-right: 0; }
ul.list_3col li:nth-child(n+4) {
  margin-top: 2em; }
ul.list_3col figure > img {
  width: 100%;
  height: auto; }

/*──────────────────────────────────────────────────────────────

list_4col

──────────────────────────────────────────────────────────────*/
ul.list_4col li {
  width: 23.3333%;
  float: left;
  margin-right: 2.22%; }
ul.list_4col li:nth-child(4n) {
  margin-right: 0; }
ul.list_4col figure > img {
  width: 100%;
  height: auto; }

/*──────────────────────────────────────────────────────────────

dl_2col　２カラム横並び

──────────────────────────────────────────────────────────────*/
dl.dl_2col > dt {
  font-weight: bold; }

@media screen and (max-width: 750px) {
  dl.dl_2col > dd {
    margin-bottom: 2em; } }
@media screen and (min-width: 751px) {
  dl.dl_2col > dt {
    display: inline-block;
    width: 30%;
    margin: 15px 0;
    vertical-align: top;
    font-weight: bold; }
  dl.dl_2col > dd {
    display: inline-block;
    width: 65%;
    margin: 15px 0; }
  dl.dl_2col dt:nth-of-type(1),
  dl.dl_2col dd:nth-of-type(1) {
    margin-top: 0; } }
/*──────────────────────────────────────────────────────────────

dl_2col_line　２カラム横並び　ライン付き

──────────────────────────────────────────────────────────────*/
dl.dl_2col_line > dt {
  font-weight: bold; }
dl.dl_2col_line > dd {
  border-bottom: 1px solid #ccc; }
dl.dl_2col_line > dd:last-child {
  border: none; }

@media screen and (max-width: 750px) {
  dl.dl_2col_line > dt {
    padding: 8px 0 0 0; }
  dl.dl_2col_line > dd {
    padding: 8px 0; } }
@media screen and (min-width: 751px) {
  dl.dl_2col_line > dt {
    float: left;
    padding: 15px 0;
    width: 20em; }
  dl.dl_2col_line > dd {
    padding: 15px 0 15px 20em; } }
/*──────────────────────────────────────────────────────────────

dl_list2 マーカー付きのリスト

──────────────────────────────────────────────────────────────*/
dl.dl_list2 dt {
  position: relative; }
dl.dl_list2 dt:after {
  content: '';
  position: absolute;
  top: .7em;
  left: -1em;
  width: 4px;
  height: 4px;
  background-color: #666;
  border-radius: 100%; }
dl.dl_list2 dd {
  margin-bottom: 0.5em; }

/*──────────────────────────────────────────────────────────────

ul list_mark マーカー付きのリスト

──────────────────────────────────────────────────────────────*/
ul.list_mark ul {
  position: relative; }
ul.list_mark li:before {
  background: #000;
  content: "";
  height: 10px;
  width: 10px;
  left: 0;
  position: absolute;
  top: 7px; }
ul.list_mark li {
  position: relative;
  padding-left: 15px; }

/*──────────────────────────────────────────────────────────────

2カラムレイアウト 〜左にimg　右にテキスト

──────────────────────────────────────────────────────────────*/
@media screen and (max-width: 750px) {
  .style_2col figure {
    text-align: center; }
  .style_2col figure > img {
    width: 50%;
    height: auto; }
  .style_2col > div {
    margin-bottom: 2em; } }
@media screen and (min-width: 751px) {
  .style_2col figure {
    float: left;
    width: 30%;
    margin-right: 2%; }
    .style_2col figure img {
      width: 100%;
      height: auto; }
  .style_2col .right {
    float: left;
    width: 68%; }
  .style_2col > div {
    margin-bottom: 4em; } }
/*──────────────────────────────────────────────────────────────

	3col 横並び　ボックス

──────────────────────────────────────────────────────────────*/
.style_3col_box {
  display: flex;
  flex-wrap: wrap; }

.item {
  padding: 8px;
  width: 28%;
  background-color: #fff; }

@media not all and (min-width: 768px) {
  .item:not(:last-child) {
    margin-bottom: 30px; } }
/*──────────────────────────────────────────────────────────────

	ブログ・アーカイブ

──────────────────────────────────────────────────────────────*/
article.blog figure {
  float: left;
  width: 20%;
  margin-right: 1em;
  padding-top: .5em; }
  article.blog figure img {
    width: 100%;
    height: auto; }
article.blog time {
  font-size: 12px; }
article.blog h3 {
  font-size: 16px;
  line-height: 1.3; }
  article.blog h3 a {
    text-decoration: underline; }
article.blog ul.category {
  margin-top: 0.5em; }
  article.blog ul.category li {
    display: inline-block;
    border: solid 1px;
    padding: .25em .25em .2em;
    line-height: 1;
    margin-right: 0.5em; }
    article.blog ul.category li a {
      text-decoration: none; }

/*──────────────────────────────────────────────────────────────

注意書き　汎用

──────────────────────────────────────────────────────────────*/
.caution {
  border: 2px solid #ef701b;
  padding: 1em;
  font-weight: bold;
  color: #ef701b;
  font-weight: 16px; }

.box_red {
  border: 2px solid #ef701b;
  padding: 1em; }

/*──────────────────────────────────────────────────────────────

table simple

──────────────────────────────────────────────────────────────*/
.table_style_simple {
  border-collapse: collapse;
  margin-left: 10px; }
  .table_style_simple td {
    border: 1px solid;
    border-spacing: 0;
    border-color: gray;
    margin: 10px 20px;
    line-height: 2.5em;
    padding: 0 20px 0 10px; }

@media screen and (max-width: 750px) {
  .inner {
    padding-left: 10px;
    padding-right: 10px; } }
@media screen and (min-width: 751px) {
  .inner {
    max-width: 1200px;
    padding-left: 1.6%;
    padding-right: 1.6%;
    box-sizing: border-box;
    margin: 0 auto; }

  main {
    display: block;
    /*ie11*/ } }
/*──────────────────────────────────────────────────────────────

header

──────────────────────────────────────────────────────────────*/
@media screen and (max-width: 750px) {
  #main_header {
    padding-top: 6px; }
    #main_header .logo {
      height: 53px;
      width: 45%;
      max-width: 168px;
      float: left; }
      #main_header .logo img {
        width: 100%;
        height: auto; }
    #main_header ul#un {
      display: table;
      margin-right: 60px;
      float: right; }
      #main_header ul#un li {
        display: table-cell;
        padding-left: 20px;
        position: relative; }
      #main_header ul#un a {
        font-size: 24px;
        color: #0f468a;
        text-decoration: none; }
      #main_header ul#un .text {
        font-size: 10px;
        position: absolute;
        bottom: -10px;
        left: 0;
        right: -22px;
        text-align: center;
        font-weight: bold; }
    #main_header .btn_search, #main_header .btn_access, #main_header .btn_inquiry, #main_header .btn_back {
      padding: 0.7em 0 !important;
      width: 100%;
      margin-bottom: 0.5em; }

  body.fixed {
    padding-top: 60px; }
    body.fixed #main_header {
      position: fixed;
      top: 0;
      left: 0;
      padding: 10px 0;
      z-index: 100;
      width: 100%;
      height: 60px;
      background: #fff;
      border-bottom: solid 1px #eee;
      box-sizing: border-box; }
      body.fixed #main_header .logo {
        display: none; }
      body.fixed #main_header ul#un {
        position: absolute;
        top: 10px;
        right: 0;
        margin-right: 20px; }
      body.fixed #main_header .btn_search, body.fixed #main_header .btn_access, body.fixed #main_header .btn_inquiry, body.fixed #main_header .btn_back {
        width: auto;
        padding: 0.7em 1em !important;
        margin-bottom: 0; } }
@media screen and (min-width: 751px) {
  #main_header {
    padding-top: 15px;
    position: relative;
    height: 100px;
    box-sizing: border-box; }
    #main_header .logo {
      position: absolute;
      top: 20px;
      width: 221px; }
      #main_header .logo img {
        width: 100%;
        height: auto; }
    #main_header ul#un {
      display: table;
      margin-left: auto;
      margin-bottom: 0.5em; }
      #main_header ul#un li {
        display: table-cell;
        padding-left: 15px;
        padding-right: 15px;
        position: relative; }
      #main_header ul#un li:last-child {
        padding-right: 0; }
      #main_header ul#un li:after {
        content: "";
        border-left: 1px solid #333;
        position: absolute;
        right: 0;
        top: 4px;
        width: 1px;
        height: 16px; }
      #main_header ul#un li:last-child:after {
        border: none; }
      #main_header ul#un a {
        text-decoration: none;
        color: #333; }
      #main_header ul#un a:hover {
        text-decoration: underline; }
    #main_header ul#un2 {
      display: table;
      margin-left: auto; }
      #main_header ul#un2 li {
        display: table-cell;
        padding-left: 15px; }
      #main_header ul#un2 a {
        vertical-align: bottom !important; }

  body.fixed {
    padding-top: 100px; }
    body.fixed #main_header {
      position: fixed;
      top: 0;
      left: 0;
      height: 60px;
      padding: 10px 0;
      z-index: 100;
      width: 100%;
      background: #fff;
      border-bottom: solid 1px #eee; }
      body.fixed #main_header .logo {
        top: 10px; }
      body.fixed #main_header .logo img {
        height: 40px;
        width: auto; }
      body.fixed #main_header ul#un {
        display: none; } }
/*──────────────────────────────────────────────────────────────

global navi

──────────────────────────────────────────────────────────────*/
@media screen and (max-width: 750px) {
  #gn .menu {
    position: absolute;
    top: 0;
    right: 0; }
    #gn .menu img {
      width: 53px;
      height: 53px; } }
@media screen and (min-width: 751px) {
  #gn {
    height: 48px;
    background: #3f97cf;
    position: relative; }
    #gn > ul {
      max-width: 1200px;
      padding: 0 1.6%;
      box-sizing: border-box;
      margin: auto;
      display: flex;
      display: -webkit-box;
      display: -ms-flexbox;
      justify-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center; }
      #gn > ul > li {
        width: 16.6666%;
        text-align: center;
        background-image: url(../images/common/gn_separator.gif);
        background-repeat: no-repeat;
        background-position: 0 0; }
        #gn > ul > li a {
          height: 48px;
          line-height: 48px;
          color: #fff;
          text-decoration: none;
          font-size: 16px;
          display: block;
          position: relative; }
      #gn > ul > li:last-child a:after {
        content: url(../images/common/gn_separator.gif);
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 48px; }
      #gn > ul > li.active a:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #10619e transparent;
        position: absolute;
        left: 45%;
        bottom: 0; }
    #gn li.sub div {
      height: 48px;
      background: #10609e;
      position: absolute;
      width: 100%;
      top: 48px;
      left: 0;
      z-index: 100;
      display: none; }
      #gn li.sub div ul {
        max-width: 1200px;
        margin: auto;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        padding: 0 1.6%;
        box-sizing: border-box; }
        #gn li.sub div ul li {
          width: 16.6666%;
          text-align: center;
          background-image: url(../images/common/arw.png);
          background-repeat: no-repeat;
          background-position: 0 18px;
          position: relative; }
          #gn li.sub div ul li a {
            height: 48px;
            line-height: 48px;
            color: #fff;
            text-decoration: none;
            font-size: 16px;
            display: block; } }
#gn2 {
  display: none; }

/*──────────────────────────────────────────────────────────────

footer

──────────────────────────────────────────────────────────────*/
#main_footer {
  background-color: #092e5c;
  color: #fff;
  padding: 2em 0 1em 0; }
  #main_footer a {
    color: #fff; }
  #main_footer a.btn_search, #main_footer a.btn_access, #main_footer a.btn_inquiry, #main_footer a.btn_back {
    color: #333; }
  #main_footer .logo {
    font-size: 20px; }
  #main_footer address {
    font-style: normal; }
  #main_footer .tel {
    font-size: 18px; }
  #main_footer ul#footer_navi a {
    color: #fff; }
  #main_footer ul#footer_navi li > h3 {
    margin-bottom: 0.5em; }

#copy {
  font-size: 12px; }

@media screen and (max-width: 750px) {
  #main_footer {
    padding: 1em 0; }
    #main_footer .btn_area p > a {
      float: left;
      width: 48%;
      padding: 0.7em 0 !important;
      margin-right: 10px; }
    #main_footer .btn_area p:last-child > a {
      margin-right: 0 !important; }
    #main_footer ul#footer_navi a {
      display: block; }
    #main_footer ul#footer_navi > li > ul {
      margin-bottom: 1em;
      position: relative; }
    #main_footer ul#footer_navi > li > ul:after {
      content: url(../images/common/minus.svg);
      width: 16px;
      height: 16px;
      position: absolute;
      right: 0;
      top: -34px; }
    #main_footer ul#footer_navi > li > ul > li {
      margin-bottom: 0.5em;
      padding-left: 1em; }
    #main_footer ul#footer_navi li > h3 {
      font-size: 16px;
      border-bottom: 1px solid #b2b2b2; } }
@media screen and (min-width: 751px) {
  #main_footer {
    padding: 2em 0 1em 0; }
    #main_footer .info {
      float: left;
      width: 30%; }
    #main_footer ul#footer_navi {
      float: left;
      width: 70%;
      margin-bottom: 2em; }
      #main_footer ul#footer_navi > li {
        float: left;
        width: 20%; }
      #main_footer ul#footer_navi li > a {
        font-size: 12px; }
      #main_footer ul#footer_navi a:hover {
        text-decoration: underline; } }
/*──────────────────────────────────────────────────────────────

sp_menu

──────────────────────────────────────────────────────────────*/
#sp_menu {
  display: none;
  background-color: #092e5c;
  color: #fff;
  position: fixed;
  top: 53px;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-top: 15px; }
  #sp_menu .btn_search, #sp_menu .btn_access, #sp_menu .btn_inquiry, #sp_menu .btn_back {
    padding: 0.7em 0 !important;
    width: 100%;
    margin-bottom: 1em; }
  #sp_menu .inner {
    padding-left: 15px;
    padding-right: 15px; }

#sp_menu_list a {
  display: block;
  color: #fff; }
#sp_menu_list a:hover {
  text-decoration: none; }
#sp_menu_list li {
  margin-bottom: 1em; }
#sp_menu_list > li > ul {
  margin-bottom: 2em;
  position: relative;
  padding-left: 1em; }
#sp_menu_list > li > ul > li {
  margin-bottom: 0.5em; }
#sp_menu_list li > h3 {
  font-size: 16px;
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  position: relative; }
#sp_menu_list li > h3:after {
  content: url(../images/common/minus.svg);
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 4px; }
#sp_menu_list li:nth-child(5) {
  margin-bottom: 2em; }

@media screen and (max-width: 750px) {
  body[id^=banquet] .hl1 {
    background-image: url(../images/banquet/bg_title_top_sp.jpg); }

  body#party .hl1 {
    background-image: url(../images/banquet/bg_title_party_sp.jpg); }

  body#kaiseki .hl1 {
    background-image: url(../images/banquet/bg_title_kaiseki_sp.jpg); }

  body[id^=kaisyoku] .hl1 {
    background-image: url(../images/banquet/bg_title_lunch_sp.jpg); }

  body#hoyo .hl1 {
    background-image: url(../images/banquet/bg_title_hoyo_sp.jpg); }

  body#delivery .hl1 {
    background-image: url(../images/banquet/bg_title_delivery_sp.jpg); }

  #bnr_party img {
    width: 100%;
    height: auto; } }
@media screen and (min-width: 751px) {
  body[id^=banq] .hl1 {
    background-image: url(../images/banquet/bg_title_top.jpg); }

  body#party .hl1 {
    background-image: url(../images/banquet/bg_title_party.jpg); }

  body#kaiseki .hl1 {
    background-image: url(../images/banquet/bg_title_kaiseki.jpg); }

  body[id^=kaisyoku] .hl1 {
    background-image: url(../images/banquet/bg_title_lunch.jpg); }

  body#hoyo .hl1 {
    background-image: url(../images/banquet/bg_title_hoyo.jpg); }

  body#delivery .hl1 {
    background-image: url(../images/banquet/bg_title_delivery.jpg); } }
/*──────────────────────────────────────────────────────────────

option

──────────────────────────────────────────────────────────────*/
#option {
  box-shadow: 0 0 0 1px #989898, 0 0 0 3px #fff, 0 0 0 5px #989898;
  box-sizing: border-box;
  padding: 1em;
  background-color: #fff;
  margin: 0 auto;
  width: 99%; }

@media screen and (max-width: 750px) {
  ul#list_op li {
    margin-bottom: 1em; }
  ul#list_op figure {
    float: left;
    width: 40%;
    margin-right: 2%; }
  ul#list_op figure > img {
    width: 100%;
    height: auto; }
  ul#list_op .text {
    float: left;
    width: 58%; }
  ul#list_op li:last-child {
    margin-bottom: 0; } }
@media screen and (min-width: 751px) {
  ul#list_op li {
    width: 32%;
    float: left;
    margin-right: 2%; }
  ul#list_op li:nth-child(3n) {
    margin-right: 0; }
  ul#list_op li:nth-child(n+4) {
    margin-top: 2em; }
  ul#list_op figure > img {
    width: 100%;
    height: auto; } }
/*──────────────────────────────────────────────────────────────

course

──────────────────────────────────────────────────────────────*/
@media screen and (max-width: 750px) {
  .course h3 {
    font-size: 16px; }
  .course .price {
    font-size: 14px; }
    .course .price span {
      font-size: 14px; } }
@media screen and (min-width: 751px) {
  .course h3, .course f4 {
    font-size: 20px; }
  .course .price {
    font-size: 16px; }
    .course .price span {
      font-size: 24px; }

  .menu_title {
    /*タイトルと金額を1行に */ }
    .menu_title h3, .menu_title h4 {
      float: left; }
    .menu_title .price {
      float: right; } }
.course {
  margin-bottom: 2em; }
  .course .price {
    text-align: right;
    color: #ba000c;
    font-weight: bold;
    margin-bottom: 0.5em; }
  .course li {
    display: inline;
    padding-right: 0.5em; }

dl.menu_dl dt {
  display: inline-block;
  width: 8%;
  margin: 5px 0;
  vertical-align: top; }
dl.menu_dl dd {
  display: inline-block;
  width: 87%;
  margin: 5px 0; }

dl.menu_dl2 dd {
  padding-left: 1em;
  margin-bottom: 5px; }

/*──────────────────────────────────────────────────────────────

delivery-list

──────────────────────────────────────────────────────────────*/
dl.delivery-list dt {
  font-size: 20px;
  display: inline-block;
  width: 42%;
  margin: 10px 0;
  vertical-align: top;
  font-weight: bold;
  line-height: 1.2; }
dl.delivery-list dd {
  font-size: 20px;
  color: #ba000c;
  display: inline-block;
  width: 55%;
  margin: 10px 0;
  font-weight: bold;
  text-align: right;
  line-height: 1.2; }

/*──────────────────────────────────────────────────────────────

option

──────────────────────────────────────────────────────────────*/
.option {
  background-color: #fadfcb;
  padding: 15px; }

.option_course {
  margin-bottom: 1em; }

@media screen and (max-width: 750px) {
  .style_3img figure {
    text-align: center; }
    .style_3img figure img {
      width: 50%;
      height: auto; }
  .style_3img figcaption {
    margin-bottom: 1em; } }
@media screen and (min-width: 751px) {
  .option_course h4 {
    float: left;
    width: 15%; }
  .option_course p {
    float: left; }

  .style_3img div {
    max-width: 850px;
    margin: 0 auto; }
  .style_3img figure {
    float: left;
    margin-right: 3%; }
    .style_3img figure img {
      width: 100%; }
  .style_3img figure:last-child {
    margin-right: 0; } }
/*──────────────────────────────────────────────────────────────

	lunch_intro

──────────────────────────────────────────────────────────────*/
@media screen and (max-width: 750px) {
  #lunch_intro {
    background-image: url(../images/banquet/lunch_anago_bg_sp.jpg?2023);
    background-repeat: no-repeat;
    background-size: 295px auto;
    background-position: right 0 bottom 0;
    height: 200px; } }
@media screen and (min-width: 751px) {
  #lunch_intro {
    background-image: url(../images/banquet/lunch_anago_bg.jpg?2023);
    background-repeat: no-repeat;
    background-size: 900px 150px;
    height: 150px; } }
/*──────────────────────────────────────────────────────────────

	shop_info

──────────────────────────────────────────────────────────────*/
#shop_info {
  border: 2px solid #D7D7D7;
  padding: 1em; }
  #shop_info h3 {
    font-size: 20px;
    font-weight: bold; }

@media screen and (max-width: 750px) {
  #shop_info .logo {
    width: 50%;
    height: auto; }
  #shop_info .sticker {
    text-align: center; }
    #shop_info .sticker img {
      width: 50%;
      height: auto; } }
@media screen and (min-width: 751px) {
  #shop_info .logo {
    float: left;
    width: 20%;
    margin-right: 30px; }
  #shop_info .text {
    float: left;
    margin-right: 30px; }
  #shop_info .sticker {
    float: left;
    width: 12%; } }
/*──────────────────────────────────────────────────────────────

	banner_hakarime

──────────────────────────────────────────────────────────────*/
@media screen and (min-width: 751px) {
  #banner_hakarime img {
    width: 550px;
    height: auto; } }