@charset "UTF-8";
/*                reset
======================================================= */
body, h1, h2, h3, h4, h5, table, th, td, ul, li, ol, dl, dt, dd, form, p, table, th, td {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  font-size: 100%;
}
body {
  color: #333333;
  background-color: #ffffff;
  /* font-family: "FOT-スーラ Pro DB{pm}", sans-serif; */
  font-family: 'Kosugi Maru', sans-serif;
  line-height: 1.3;
  font-size: 16px;
  -webkit-text-size-adjust: none;
}
p {
  line-height: 1.5;
}
/* for IE6 */
* html body {
  font-size: 100%;
}
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
a img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
input,
textArea,
select,
button {
  background: none;
  margin: 0px;
  outline: none;
  padding: 0px;
  font-weight: normal;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  font-size: 16px;
}
button {
  cursor: pointer;
}
strong, b {
  /* font-family: "FOT-スーラ Pro DB{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@font-face {
  font-family: "FOT-スーラ Pro M{pm}";
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FOT-スーラ Pro B{pm}";
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'FOT-スーラ Pro M';
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "FOT-スーラ Pro EB{pm}";
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?h4l37g");
  src: url("../fonts/icomoon.eot?h4l37g#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?h4l37g") format("truetype"), url("../fonts/icomoon.woff?h4l37g") format("woff"), url("../fonts/icomoon.svg?h4l37g#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*                link
  ======================================================= */
a:link {
  color: #333333;
  text-decoration: none;
}
a:visited {
  color: #333333;
  text-decoration: none;
}
a:hover {
  color: #004480;
  text-decoration: underline;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
a:hover img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  opacity: .8;
}
/*                common
  ======================================================= */
.clear:after {
  content: '';
  display: block;
  clear: both;
}
.clear_both {
  clear: both;
}
.hidden {
  overflow: hidden;
}
body {
  /* font-family: 'FOT-スーラ Pro M'; */
  font-family: 'Kosugi Maru', sans-serif;
}
/*                leyout
======================================================= */
#wrapper {
  overflow: hidden;
  padding-top: 100px;
}
@media only screen and (max-width: 1300px) {
  #wrapper {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 900px) {
  #wrapper {
    padding-top: 50px;
  }
}
#main_area {
  position: relative;
}
@media only screen and (min-width: 769px) {
  #main_area {
    display: block !important;
  }
}
.main_width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1020px;
}
/*                表示切り替え
======================================================= */
@media only screen and (min-width: 901px) {
  .pc_none {
    display: none !important;
  }
}
/*@media only screen and (max-width: 768px) {
  .tab_none {
    display: none !important;
  }
}*/
@media only screen and (max-width: 900px) {
  .sp_none {
    display: none !important;
  }
}
/*               スマホメニュー
======================================================= */
#sp_menu {
  background-color: white;
}
@media only screen and (min-width: 901px) {
  #sp_menu {
    display: none !important;
  }
}
@media only screen and (max-width: 900px) {
  #sp_menu {
    display: none;
    left: 0;
    position: fixed;
    text-align: center;
    top: 50px;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5em;
  }
}
#sp_menu .navi {
  max-width: 220px;
  margin: 0 auto;
}
#sp_menu .navi li {
  text-align: left;
}
#sp_menu .navi li a {
  display: block;
  text-decoration: none;
}
#sp_menu .navi .sns {
  margin-bottom: 1em;
}
#sp_menu .navi .sns ul {

}
#sp_menu .navi .sns ul li {

}
#sp_menu .navi .sns ul li .fa:before{
  display: inline-block;
  font-size: 150%;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: .2em;
}
#sp_menu .navi .sns ul li+li {
  margin-top: .5em;
}
#sp_menu .navi .btm_nv {
  margin-bottom: 1.5em;
}
#sp_menu .navi .btm_nv ul {

}
#sp_menu .navi .btm_nv ul li a {
  padding-left: 1.4em;

}
#sp_menu .navi .btm_nv ul li a:before {
  font-family: 'icomoon';
  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;
  color: #4192d9;
  display: inline-block;
  margin-right: .3em;
}
#sp_menu .navi .btm_nv ul li.mail a{
  padding-left: 0;
}
#sp_menu .navi .btm_nv ul li.mail a:before {
  content: '\e900';
  font-size: 110%;
  position: relative;
  top: 1px;
}
#sp_menu .navi .btm_nv ul li.lang a:before {
  content: '\e907';
}
#sp_menu .navi .btm_nv ul li+li {
  margin-top: .5em;
}
#sp_menu ul.sp_nv {
  max-width: 220px;
  margin: 0 auto;
  padding: 30px 0 1.5em;
}
#sp_menu ul.sp_nv li a {
  display: block;
  padding: .5em 1em .5em 0;
}
#sp_menu ul.sp_nv li.sp_ticket {
  margin-top: .5em;
}
#sp_menu ul.sp_nv li.sp_ticket a {
  background-color: #ff4d4d;
  color: white;
  display: inline-block;
  padding: .4em 22px;
}
#sp_menu ul.sp_nv li.sp_ticket a:after {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  padding-left: 28px;
}
#sp_menu .sp_receipt_time {
  background-color: white;
  width: 100%;
  padding: 0 15px 3em;
}
@media only screen and (min-width: 901px) {
  #sp_menu .sp_receipt_time {
    display: none;
  }
}
#sp_menu .sp_receipt_time dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  #sp_menu .sp_receipt_time dl {
    display: block;
  }
}
#sp_menu .sp_receipt_time dl dt span {
  border-right: 1px #d3d3d3 solid;
  display: block;
  padding: .6em 1.5em .6em 0;
}
@media only screen and (max-width: 480px) {
  #sp_menu .sp_receipt_time dl dt span {
    border-right: none;
  }
}
#sp_menu .sp_receipt_time dl dd {
  text-align: left;
  padding-left: 1.5em;
}
/*                テキスト装飾
======================================================= */
.text_right {
  text-align: right;
}
.text_left {
  text-align: left;
}
.text_center {
  text-align: center;
}
.text_red {
  color: #ff0000;
}
.clear:after {
  content: "";
  clear: both;
  display: block;
}
.roman {
  font-family: 'Times New Roman', serif;
}
/*                擬似 装飾
======================================================= */
.important:before {
  content: "";
  display: inline-block;
  background-image: url(../img/icon_warning02.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  position: relative;
  top: 3px;
  margin-right: 8px;
}
.important.red:before {
  background-image: url(../img/icon_warning.png);
}
/*                table
======================================================= */
table {
  width: 100%;
  border-collapse: separate;
  border-collapse: collapse;
  border-spacing: 0;
}
table tr td,
table tr th {
  text-align: left;
  padding: 0px;
}
.ie7 table tr th,
.ie7 table tr td {
  position: relative;
}
/* 擬似テーブル */
.table {
  display: table;
  width: 100%;
}
.table .tableCell {
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 640px) {
  .table.sp_brake {
    display: block;
  }
  .table.sp_brake .tablecell {
    display: block;
    width: 100%;
  }
}
/*                pagetop
======================================================= */
#pagetop {
  bottom: 0;
  height: 70px;
  position: fixed;
  right: 0;
  width: 70px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  z-index: 100000;
}
#pagetop:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
#pagetop a {
  display: block;
}
#pagetop a img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #pagetop {
    bottom: 0 !important;
    height: 50px;
    position: fixed !important;
    right: 0 !important;
    width: 50px;
  }
}
/*                カラム
======================================================= */
.row {
  margin-left: -14px;
  margin-right: -14px;
  overflow: hidden;
  margin-bottom: -14px;
}
@media only screen and (max-width: 1024px) {
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media only screen and (max-width: 768px) {
  .row {
    margin-left: -5px;
    margin-right: -5px;
  }
}
.row img {
  width: 100%;
}
.row .col1,
.row .col2,
.row .col3,
.row .col4,
.row .col5,
.row .col6,
.row .col7,
.row .col8,
.row .col9,
.row .col10,
.row .col11,
.row .col12 {
  float: left;
  min-height: 1px;
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 14px;
}
@media only screen and (max-width: 1024px) {
  .row .col1,
  .row .col2,
  .row .col3,
  .row .col4,
  .row .col5,
  .row .col6,
  .row .col7,
  .row .col8,
  .row .col9,
  .row .col10,
  .row .col11,
  .row .col12 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .row .col1,
  .row .col2,
  .row .col3,
  .row .col4,
  .row .col5,
  .row .col6,
  .row .col7,
  .row .col8,
  .row .col9,
  .row .col10,
  .row .col11,
  .row .col12 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.row .tab1,
.row .tab2,
.row .tab6 {
  float: left;
  min-height: 1px;
  padding-left: 14px;
  padding-right: 14px;
}
@media only screen and (max-width: 1024px) {
  .row .tab1,
  .row .tab2,
  .row .tab6 {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .row .tab1,
  .row .tab2,
  .row .tab6 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.square {
  overflow: hidden;
}
.square .col1,
.square .col2,
.square .col3,
.square .col4,
.square .col5,
.square .col6,
.square .col7,
.square .col8,
.square .col9,
.square .col10,
.square .col11,
.square .col12 {
  float: left;
  min-height: 1px;
  padding: 0;
  margin-bottom: 0;
}
.col12 {
  width: 100%;
}
.col11 {
  width: 91.66666667%;
}
.col10 {
  width: 83.33333333%;
}
.col9 {
  width: 75%;
}
.col8 {
  width: 66.66666667%;
}
.col7 {
  width: 58.33333333%;
}
.col6 {
  width: 50%;
}
.col5 {
  width: 41.66666667%;
}
.col4 {
  width: 33.33333333%;
}
.col3 {
  width: 25%;
}
.col2 {
  width: 16.66666667%;
}
.col1 {
  width: 8.33333333%;
}
@media only screen and (max-width: 1024px) {
  .pc1024Col12 {
    width: 100%;
  }
  .pc1024Col6 {
    width: 50%;
  }
  .pc1024Col3 {
    width: 25%;
  }
  .pc1024Col2 {
    width: 16.66666667%;
  }
}
@media only screen and (max-width: 768px) {
  .tab12 {
    width: 100%;
  }
  .tab6 {
    width: 50%;
  }
  .tab4 {
    width: 33.33333333%;
  }
}
@media only screen and (max-width: 767px) {
  .sp12 {
    width: 100%;
  }
  .sp6 {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .sps12 {
    width: 100%;
  }
  .sps6 {
    width: 50%;
  }
}
/*                iframeのレスポン化
======================================================= */
.frame_respon .fb_iframe_widget {
  width: 100% important;
}
.frame_respon .fb_iframe_widget span,
.frame_respon .fb_iframe_widget iframe[style] {
  width: 100% important;
}
.gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed {
  border: none !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*                共通
======================================================= */
/*            割引チケット            */
.bg_ticket {
  background: url(../img/bg_ticket.gif) repeat left top;
  padding: 62px 0 80px;
}
.bg_ticket #ticket {
  max-width: 1070px;
  width: 100%;
  margin: 0 auto;
}
.bg_ticket #ticket .content_title {
  position: relative;
  text-align: center;
  padding-top: 34px;
  margin-bottom: 45px;
}
.bg_ticket #ticket .content_title:before {
  background: url(../img/one_point.png) no-repeat center top;
  content: '';
  display: inline-block;
  height: 14px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 34px;
  margin-left: -17px;
}
.bg_ticket #ticket .content_title .title {
  color: #1a1a1a;
  font-size: 200%;
  line-height: 1.15;
  margin-bottom: 14px;
}
.bg_ticket #ticket .content_title .title .sp_block {
  padding-left: 0.3em;
}
.bg_ticket #ticket .content_title .title .font_s {
  font-size: 43.8%;
}
.bg_ticket #ticket .content_title .green {
  color: #137300;
  font-family: 'Times New Roman', serif;
  font-size: 62.5%;
  letter-spacing: 1px;
}
.bg_ticket #ticket .content_title+.description {
  margin-top: 20px;
}
.bg_ticket #ticket .ticket_row {
  overflow: hidden;
  margin: 0 -5px;
}
.bg_ticket #ticket .ticket_row .ticket_set {
  float: left;
  width: 33.33333%;
  padding: 0 30px;
  margin-bottom: 40px;
}
.bg_ticket #ticket .ticket_row .ticket_set a {
  display: block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.bg_ticket #ticket .ticket_row .ticket_set a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.bg_ticket #ticket .ticket_row .ticket_set a .photo {
  display: block;
  width: 100%;
  margin-bottom: 14px;
}
.bg_ticket #ticket .ticket_row .ticket_set a .photo img {
  width: 100%;
}
.bg_ticket #ticket .ticket_row .ticket_set a .btm {
  display: block;
}
.bg_ticket #ticket .ticket_row .ticket_set a .btm .text {
  display: block;
  line-height: 1.25;
  margin-bottom: 3px;
}
.bg_ticket #ticket .ticket_row .ticket_set a .btm .dl {
  display: block;
}
.bg_ticket #ticket .ticket_row .ticket_set a .btm .dl .dt {
  border: 1px #333333 solid;
  clear: left;
  display: block;
  float: left;
  font-size: 68.8%;
  text-align: center;
  width: 80px;
  padding: 3px 0 2px;
  margin-top: 4px;
}
.bg_ticket #ticket .ticket_row .ticket_set a .btm .dl .dd {
  display: block;
  padding-left: 90px;
}
.bg_ticket #ticket .ticket_row .ticket_set a .btm .dl .dd .normal {
  font-size: 87.5%;
}
.bg_ticket #ticket .ticket_row .ticket_set a .btm .dl .dd .normal:after {
  content: '\f105';
  display: inline-block;
  font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 120%;
  margin: 0 7px 0 5px;
}
.bg_ticket #ticket .ticket_row .ticket_set a .btm .dl .dd .discount {
  color: #ff4d4d;
  font-size: 156.3%;
}
.bg_ticket #ticket .ticket_row .ticket_set a .btm .dl .dd .discount .font_S {
  font-size: 56%;
}
.bg_ticket #ticket .ticket_row .ticket_set a .btm .btn {
  background-color: #ff4d4d;
  color: white;
  display: block;
  position: relative;
  text-align: center;
  padding: 12px 0;
}
.bg_ticket #ticket .ticket_row .ticket_set a .btm .btn:after {
  content: '\f105';
  display: inline-block;
  font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 11px;
  right: 15px;
}
.bg_ticket #ticket .ticket_row.ticket01 .ticket_set:first-child {
  background: none;
}
.bg_ticket #ticket .more_view {
  max-width: 1070px;
  width: 100%;
  margin: 0 auto;
}
.bg_ticket #ticket .more_view p {
  background-color: rgba(0, 0, 0, 0.06);
  cursor: pointer;
  position: relative;
  text-align: center;
  padding: 10px 0 14px;
  margin: 0 25px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.bg_ticket #ticket .more_view p:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.bg_ticket #ticket .more_view p:after {
  bottom: -2px;
  color: #a5a5a5;
  content: '\f107';
  display: inline-block;
  font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 70%;
  left: 50%;
  position: absolute;
  margin-left: -3px;
}
@media only screen and (max-width: 768px) {
  .bg_ticket {
    padding: 40px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .bg_ticket #ticket .content_title {
    padding-top: 32px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .bg_ticket #ticket .content_title .title {
    margin-bottom: 13px;
  }
}
@media only screen and (max-width: 768px) {
  .bg_ticket #ticket .content_title .title .sp_block {
    display: block;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .bg_ticket #ticket .content_title+.description {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 900px) {
  .bg_ticket #ticket .ticket_row {
    margin: 0 15px;
  }
}
@media only screen and (max-width: 768px) {
  .bg_ticket #ticket .ticket_row {
    margin: 0 25px;
  }
}
@media only screen and (max-width: 900px) {
  .bg_ticket #ticket .ticket_row .ticket_set {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 768px) {
  .bg_ticket #ticket .ticket_row .ticket_set {
    background: url(../img/line_x.gif) repeat-x left top;
    background-size: 64px 1px;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 900px) {
  .bg_ticket #ticket .ticket_row .ticket_set a .btm .dl .dt {
    width: 70px;
  }
}
@media only screen and (max-width: 900px) {
  .bg_ticket #ticket .ticket_row .ticket_set a .btm .dl .dd {
    padding-left: 80px;
  }
}
/*            メディア掲載記事            */
.articles_list {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 45px auto -50px;
}
.articles_list.mgt0 {
  margin-top: 0;
}
.articles_list .articles_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-bottom: 50px;
}
.articles_list .articles_set a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .articles_list .articles_set a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
  }
}
.articles_list .articles_set a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.articles_list .articles_set a span {
  display: table-cell;
}
.articles_list .articles_set a span.photo {
  vertical-align: top;
  width: 32%;
}
.articles_list .articles_set a span.photo img {
  border-radius: 10px;
  width: 100%;
}
.articles_list .articles_set a span.text {
  width: 68%;
  padding: 0 4.9%;
}
.articles_list .articles_set a span.text .dl .dt {
  border: 1px #333333 solid;
  display: inline-block;
  font-size: 68.8%;
  padding: 3px 16px 2px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .articles_list {
    margin: 45px auto 0;
  }
}
@media only screen and (max-width: 768px) {
  .articles_list .articles_set {
    float: none;
    width: 100%;
    padding: 20px 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .articles_list .articles_set a span.photo {
    width: 30.7%;
  }
}
@media only screen and (max-width: 768px) {
  .articles_list .articles_set a span.text {
    vertical-align: top;
    width: 69.3%;
    padding: 0 0 0 20px;
  }
}
@media only screen and (max-width: 768px) {
  .articles_list .articles_set a span.text .dl .dd {
    font-size: 87.5%;
  }
}
@media only screen and (max-width: 768px) {
  .articles_list .articles_set+.articles_set {
    background: url(../img/line_x.gif) repeat-x left top;
    background-size: 64px 1px;
  }
}
/*            ページナビゲーション            */
.page_navi {
  text-align: center;
  margin-top: 68px;
}
.page_navi ul li {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
}
.page_navi ul li a {
  display: block;
  padding: 6px 0;
}
.page_navi ul li a:hover {
  cursor: pointer;
}
.page_navi ul li a img {
  vertical-align: middle;
  margin-top: -8px;
}
.page_navi ul li.number {
  margin-bottom: 5px;
}
.page_navi ul li.number a {
  border: 1px #333333 solid;
}
.page_navi ul li.number.active a {
  background-color: #333333;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .page_navi {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .page_navi {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .page_navi ul li a img {
    margin-top: -12px;
  }
}
@media only screen and (min-width: 1025px) {
  .page_navi ul li.number a:hover {
    background-color: #898888;
    color: #fff;
    cursor: pointer;
  }
}
.c_green {
  color: #333;
}
.lower_layer .main_title {
  text-align: center;
  position: relative;
}
.lower_layer .main_title .main_img {
  width: 100%;
}
.lower_layer .main_title .main_img img {
  width: 100%;
  height: auto;
}
.lower_layer .main_title .text_set {
  position: absolute;
  left: 50%;
  top: 50%;
  padding-top: 24px;
  margin: -48px 0 0 -95px;
}
.lower_layer .main_title .text_set h1,
.lower_layer .main_title .text_set p.t_title {
  font-size: 200%;
  color: #fff;
  position: relative;
  margin-bottom: 6px;
}
.lower_layer .main_title .text_set h1:before {
  background: url(../img/one_point_w.png) no-repeat center top;
  content: '';
  display: inline-block;
  height: 14px;
  left: 50%;
  position: absolute;
  top: -24px;
  width: 34px;
  margin-left: -17px;
}
.lower_layer .main_title .text_set p.t_title:before {
  background: url(../img/one_point_w.png) no-repeat center top;
  content: '';
  display: inline-block;
  height: 14px;
  left: 50%;
  position: absolute;
  top: -24px;
  width: 34px;
  margin-left: -17px;
}
.lower_layer .main_title .text_set p.roman {
  color: #fff;
  font-size: 62.5%;
  margin-top: 0;
}
.lower_layer .main_title .text_set.for_news {
  margin-left: -61px;
}
.lower_layer .main_title .text_set.for_media {
  margin-left: -116px;
}
.lower_layer .cont_title {
  text-align: center;
}
.lower_layer .cont_title h1,
.lower_layer .cont_title h2 {
  font-size: 162.5%;
  position: relative;
  margin-bottom: 50px;
}
.lower_layer .cont_title h1:after,
.lower_layer .cont_title h2:after {
  background: url(../img/center_line.gif) no-repeat center bottom;
  content: '';
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  bottom: -8px;
  width: 30px;
  margin-left: -15px;
}
.lower_layer .border_title {
  border: 1px #333333 solid;
  width: 100%;
  padding: 22px 0 20px;
  margin-bottom: 30px;
}
.lower_layer .border_title h3 {
  text-align: center;
  font-weight: bold;
  font-size: 137.5%;
}
.lower_layer .content_area {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.lower_layer .content_area .content+.content {
  margin-top: 75px;
}
.lower_layer .content_area.w1020 {
  max-width: 1020px;
}
@media only screen and (max-width: 400px) {
  .lower_layer .main_title .text_set.for_media {
    margin-left: -118px;
  }
}
@media only screen and (max-width: 768px) {
  .lower_layer .cont_title h1,
  .lower_layer .cont_title h2 {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 480px) {
  .lower_layer .cont_title h1,
  .lower_layer .cont_title h2 {
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 640px) {
  .lower_layer .border_title {
    margin-bottom: 20px;
  }
}

/*                下層ページ
======================================================= */
/*         お問い合わせ         */
#query .query_area dl {
  background-color: #f7f7f7;
}
#query .query_area dl+dl {
  margin-top: 10px;
}
#query .query_area dl dt,
#query .query_area dl dd {
  line-height: 1.5;
}
#query .query_area dl dt {
  cursor: pointer;
  padding: 28px 44px 28px 28px;
  font-weight: bold;
  position: relative;
}
#query .query_area dl dt:after {
  background: url(../img/aco_arrow01.gif) no-repeat;
  background-size: 18px 10px;
  content: '';
  display: inline-block;
  width: 18px;
  height: 10px;
  right: 28px;
  position: absolute;
  top: 50%;
  margin-top: -3px;
}
#query .query_area dl dt.active:after {
  background: url(../img/aco_arrow02.gif) no-repeat;
  margin-top: -7px;
}
#query .query_area dl dd {
  display: none;
  padding: 0 28px 28px;
}
#query .query_area dl dd.active {
  display: block;
}
@media only screen and (max-width: 768px) {
  #query .query_area dl dt {
    padding: 18px 44px 16px 18px;
    font-size: 125%;
  }
}
@media only screen and (max-width: 768px) {
  #query .query_area dl dt:after {
    background-size: 14px 8px;
    height: 8px;
    right: 14px;
  }
}
@media only screen and (max-width: 768px) {
  #query .query_area dl dt.active:after {
    margin: -6px 2px 0 0;
  }
}
@media only screen and (max-width: 768px) {
  #query .query_area dl dd {
    padding: 0 18px 16px;
  }
}
#contact_form dl.warning {
  margin-bottom: 28px;
}
#contact_form dl.warning dt,
#contact_form dl.warning dd {
  text-align: center;
  line-height: 1.5;
}
#contact_form .form_area {
  background-color: #fff;
  padding: 45px 100px;
}
#contact_form .form_area span.note {
  color: #ff4d4d;
  font-weight: bold;
  margin-left: 5px;
}
#contact_form .form_area span.note.left {
  margin: 0 3px 0 0;
}
#contact_form .form_area .repletion {
  font-size: 87.5%;
}
#contact_form .form_area .form_set {
  padding: 20px 0;
}
#contact_form .form_area .form_set+.form_set {
  border-top: 1px #eeeeee solid;
}
#contact_form .form_area .form_set dl {
  overflow: hidden;
  position: relative;
}
#contact_form .form_area .form_set dl dt {
  float: left;
  position: absolute;
  top: 12px;
  width: 160px;
}
#contact_form .form_area .form_set dl dt.textarea {
  top: 78px;
}
#contact_form .form_area .form_set dl dd {
  width: 100%;
  padding-left: 160px;
}
#contact_form .form_area .form_set dl dd input,
#contact_form .form_area .form_set dl dd textarea {
  border: 1px #777777 solid;
  border-radius: 3px;
  width: 100%;
  max-width: 440px;
  padding: 0.8em 1em 0.8em;
}
#contact_form .form_area .form_set dl dd input.place_c::-webkit-input-placeholder,
#contact_form .form_area .form_set dl dd input.place_c:-ms-input-placeholder,
#contact_form .form_area .form_set dl dd input.place_c::-moz-placeholder {
  color: #b3b3b3;
  font-size: 87.5%;
  font-family: FOT-筑紫明朝 Pr6 D または TsukuMinPr6-D;
}
#contact_form .form_area .form_set dl dd span.error_m {
  display: none;
}
#contact_form .form_area .form_set dl dd.error input,
#contact_form .form_area .form_set dl dd.error textarea {
  border: 2px solid #ff4d4d;
  background: #fff5f5;
}
#contact_form .form_area .form_set dl dd.error span.error_m {
  color: #ff4d4d;
  display: block;
  font-size: 87.5%;
  margin-top: 3px;
}
#contact_form .form_area .form_set dl dd.error span.error_m.text {
  margin-top: -3px;
}
#contact_form .agree{
  text-align: center;
  margin-top: 2em;
}
#contact_form .agree label{
  background-color: #eee;
  border-radius: 8px;
  display: inline-block;
  max-width: 520px;
  width: 100%;
  padding: 1.1em 1em 1em;
  margin-top: 1.5em;
}
#contact_form .agree label input{
  margin-right: .3em;
}
#contact_form .agree label a{
  color: #005bac;
  display: inline-block;
}
#contact_form .agree label a:after{
  content: '\e90a';
  display: inline-block;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-top: -.5em;
  padding: 0 .5em 0 .3em;
}

.btn_area {
  text-align: center;
  width: 100%;
}
.btn_area a{
  text-decoration: none;
}
@media only screen and (min-width: 1025px) {
  .btn_area a:hover{
    opacity: 0.8;
  }
}

.btn_area button,
.btn_area a{
  background-color: #ff6a00;
  border: 2px #ff6a00 solid;
  border-radius: 8px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  /* font-family: 'FOT-スーラ Pro M'; */
  font-family: 'Kosugi Maru', sans-serif;
  text-align: center;
  width: 100%;
  max-width: 254px;
  position: relative;
  padding: 18px 0 16px;
}
.btn_area button[disabled]{
  background:#ccc;
  border: 2px #ccc solid;
  cursor:not-allowed;
}


.agree + .btn_area,
.content_area + .btn_area{
  margin-top: 2em;
}
.btn_area button+button {
  margin-left: 5px;
}
@media only screen and (max-width: 615px) {
.btn_area button+button {
    margin-left: 0;
    margin-top: 15px;
  }
}
#contact_form .form_area .btn_area button#btnBack {
  background-color: #fff;
  border: 2px #ff6a00 solid;
  color: #ff6a00;
}
.btn_area a:after,
.btn_area button:after {
  font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  display: inline-block;
  top: 50%;
  right: 0;
  position: absolute;
  margin: -8px 14px 0 0;
}
.btn_area button#btnBack:after {
  content: "\f104";
  right: auto;
  left: 0;
  margin: -8px 0 0 14px;
}
@media only screen and (max-width: 768px) {
  #contact_form dl.warning dt {
    font-weight: bold;
  }
}
@media only screen and (max-width: 900px) {
  #contact_form .form_area {
    padding: 45px 50px;
  }
}
@media only screen and (max-width: 768px) {
  #contact_form .form_area {
    padding: 24px 20px;
  }
}
@media only screen and (max-width: 768px) {
  #contact_form .form_area .form_set {
    padding: 12px 0 14px;
  }
}
@media only screen and (max-width: 768px) {
  #contact_form .form_area .form_set dl {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  #contact_form .form_area .form_set dl dt {
    float: none;
    position: static;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #contact_form .form_area .form_set dl dd {
    padding-left: 0;
  }
}
@media only screen and (max-width: 900px) {
  #contact_form .form_area .form_set dl dd input,
  #contact_form .form_area .form_set dl dd textarea {
    max-width: initial;
  }
}
@media only screen and (min-width: 1025px) {
.btn_area button:hover {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    opacity: 0.8;
    cursor: pointer;
  }
  .btn_area button[disabled]:hover{
    opacity: 1 !important;
    cursor:not-allowed;
  }
}
#form_sent p {
  font-weight: bold;
}
#form_sent p+p {
  margin-top: -3px;
}
@media only screen and (max-width: 768px) {
  #form_sent p+p {
    margin-top: 0.8em;
  }
}
/*              お知らせ             */
#news_list,
.news_list {
  /*background: url(../img/boder_info.gif) repeat-x left top;
  padding:20px 110px 0;
  */
}
@media only screen and (max-width: 1024px) {
  #news_list,
  .news_list {
    padding: 0;
  }
}
#news_list dl,
.news_list dl {
  border-bottom: 1px #dedede solid;
  overflow: hidden;
  position: relative;
}
#news_list dl:first-child,
.news_list dl:first-child {
  border-top: 1px #dedede solid;
}
#news_list dl dt,
.news_list dl dt {
  color: #909090;
  float: left;
  font-weight: bold;
  font-size: 75%;
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -8px;
}
@media only screen and (max-width: 640px) {
  #news_list dl dt,
  .news_list dl dt {
    float: none;
    position: static;
    padding: 1em 0 .3em;
    margin: 0;
  }
}
#news_list dl dd,
.news_list dl dd {
  width: 100%;
  z-index: 0;
}
#news_list dl dd a,
.news_list dl dd a {
  display: block;
  padding: 18px 0 18px 165px;
  z-index: 20;
}
@media only screen and (max-width: 640px) {
  #news_list dl dd a,
  .news_list dl dd a {
    padding: 0 0 .5em;
  }
}
#news_list dl dd a:hover,
.news_list dl dd a:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  text-decoration: underline;
}
#news_list+.more,
.news_list+.more {
  text-align: right;
  margin-top: 33px;
}
#news_list+.more:before,
.news_list+.more:before {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  margin-right: 5px;
}
#news_list+.more a,
.news_list+.more a {
  text-decoration: underline;
}
@media only screen and (min-width: 1025px) {
  #news_list+.more a:hover,
  .news_list+.more a:hover {
    text-decoration: none;
  }
}
@media only screen and (max-width: 768px) {
  #news_list .list_area {
    padding: 5px 0 48px;
  }
}
@media only screen and (max-width: 768px) {
  #news_list .list_area dl dt {
    float: none;
    position: relative;
    width: 100%;
    margin-top: 14px;
  }
}
@media only screen and (max-width: 768px) {
  #news_list .list_area dl dd a {
    padding: 36px 0 14px 0;
    margin-top: -34px;
  }
}
/*              お知らせ 詳細              */
#detail_area .entrySet .entry_box+.entry_box {
  margin-top: 38px;
}
#detail_area .entrySet .entry_read+.entry_read {
  margin-top: 30px;
}
#detail_area .entrySet .entry_read p+p {
  margin-top: 0.7em;
}
#detail_area .return_btn a {
  border: 1px #333 solid;
  display: block;
  max-width: 300px;
  text-align: center;
  position: relative;
  padding: 12px 1em 10px;
  margin: 1.8em auto 0;
}
#detail_area .return_btn a:before {
  font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f104";
  font-size: 112.5%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -14px;
}
@media only screen and (max-width: 768px) {
  #detail_area .entrySet .entry_box+.entry_box {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 800px) {
  #detail_area .entrySet .entry_img {
    margin: 0 -25px;
  }
}
@media only screen and (max-width: 768px) {
  #detail_area .entrySet .entry_read+.entry_read {
    margin-top: 22px;
  }
}
@media only screen and (max-width: 768px) {
  #detail_area .entrySet .entry_read p+p {
    margin-top: 0.5em;
  }
}
.icon-icon_mail:before {
  content: "\e900";
}
.icon-icon_pin:before {
  content: "\e901";
}
.icon-icon_yen:before {
  content: "\e902";
}
.icon-icon_book:before {
  content: "\e903";
}
.icon-icon_cal:before {
  content: "\e904";
}
.icon-icon_clock:before {
  content: "\e905";
}
.icon-icon_e:before {
  content: "\e906";
}
.icon-icon_earth:before {
  content: "\e907";
}
.icon-icon_eat:before {
  content: "\e908";
}
.icon-icon_flag:before {
  content: "\e909";
}
.icon-icon_link:before {
  content: "\e90a";
}
.icon-icon_ticket:before {
  content: "\e90b";
}
.icon-icon_pdf:before {
  content: "\e90c";
}
.icon-icon_blank:before {
  content: "\e90d";
}
/*                ヘッダー・サイド・フッター
======================================================= */
/*                header
======================================================= */
#header {
  background-color: white;
  width: 100%;
  z-index: 10000000;
  position: fixed;
  width: 100%;
  height: 100px;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 1300px) {
  #header {
    height: 80px;
  }
}
@media only screen and (max-width: 900px) {
  #header {
    height: 50px;
  }
}
.move #header {
  -webkit-box-shadow: 0 0 5px 0 #c7c7c7;
  box-shadow: 0 0 5px 0 #c7c7c7;
}
#header .hd_area {
  overflow: hidden;
  max-width: 1366px;
  width: 100%;
  padding: 0 30px 20px 25px;
  margin: 0 auto;
}
@media only screen and (max-width: 1300px) {
  #header .hd_area {
    height: 80px;
  }
}
@media only screen and (max-width: 900px) {
  #header .hd_area {
    padding: 0 10px 6px;
  }
}
#header .hd_area #hd_logo {
  float: left;
  width: 220px;
  margin-top: 20px;
}
@media only screen and (max-width: 1300px) {
  #header .hd_area #hd_logo {
    width: 200px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 1200px) {
  #header .hd_area #hd_logo {
    width: 150px;
    margin-top: 22px;
  }
}
@media only screen and (max-width: 900px) {
  #header .hd_area #hd_logo {
    width: 110px;
    margin-top: 10px;
  }
}
#header .hd_area #hd_logo a {
  display: block;
}
#header .hd_area #hd_logo a img {
  width: 100%;
}
#header .hd_area #hd_logo a:hover img {
  opacity: 1 !important;
}
#header .hd_area #hd_navi {
  margin-top: 16px;
}
@media only screen and (max-width: 1300px) {
  #header .hd_area #hd_navi {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 900px) {
  #header .hd_area #hd_navi {
    margin-top: 0;
  }
}
@media only screen and (max-width: 900px) {
  #header .hd_area #hd_navi .receipt_time {
    display: none;
  }
}
#header .hd_area #hd_navi .receipt_time ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
#header .hd_area #hd_navi .receipt_time ul li {
  font-size: 75%;
}
@media only screen and (min-width: 1025px) {
  #header .hd_area #hd_navi .receipt_time ul li a:hover{
    text-decoration: underline;
  }
}
#header .hd_area #hd_navi .receipt_time ul li.fb,
#header .hd_area #hd_navi .receipt_time ul li.in {
  font-size: 87.5%;
}
#header .hd_area #hd_navi .receipt_time ul li .fa{
  display: block;
}
#header .hd_area #hd_navi .receipt_time ul li .fa:before {
  display: inline-block;
  margin-right: .4em;
}
/* #header .hd_area #hd_navi .receipt_time ul li.in {
  margin-right: .8em;
} */
#header .hd_area #hd_navi .receipt_time ul li:before {
  font-family: 'icomoon';
  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;
  color: #4192d9;
  margin-right: .3em;
}
#header .hd_area #hd_navi .receipt_time ul li.mail:before {
  content: '\e900';
  font-size: 110%;
  position: relative;
  top: 1px;
}
#header .hd_area #hd_navi .receipt_time ul li.lang:before {
  content: '\e907';
}
#header .hd_area #hd_navi .receipt_time ul li+li {
  margin-left: .8em;
}
#header .hd_area #hd_navi .navi_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#header .hd_area #hd_navi .navi_list ul#sp_menu_btn {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 6px;
  margin-left: 15px;
}
@media only screen and (min-width: 901px) {
  #header .hd_area #hd_navi .navi_list ul#sp_menu_btn {
    display: none;
  }
}
#header .hd_area #hd_navi .navi_list ul#sp_menu_btn li {
  cursor: pointer;
  font-size: 56.3%;
  text-align: center;
}
#header .hd_area #hd_navi .navi_list ul#sp_menu_btn li.sp_open.open {
  display: none;
}
#header .hd_area #hd_navi .navi_list ul#sp_menu_btn li.sp_close {
  display: none;
}
#header .hd_area #hd_navi .navi_list ul#sp_menu_btn li.sp_close.open {
  display: block;
}
#header .hd_area #hd_navi .navi_list ul#sp_menu_btn li img {
  display: block;
  height: 26px;
  width: 38px;
}
#header .hd_area #hd_navi .navi_list ul.g_nv a,
#header .hd_area #hd_navi .navi_list .ticket a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  font-size: 87.5%;
  display: inline-block;
  text-decoration: none;
  padding: 21px 1.2em 20px;
}
@media only screen and (max-width: 1300px) {
  #header .hd_area #hd_navi .navi_list ul.g_nv a,
  #header .hd_area #hd_navi .navi_list .ticket a {
    font-size: 81.3%;
    padding: 10px 1.2em 9px;
  }
}
@media only screen and (max-width: 1200px) {
  #header .hd_area #hd_navi .navi_list ul.g_nv a,
  #header .hd_area #hd_navi .navi_list .ticket a {
    padding: 10px .7em 9px;
  }
}
@media only screen and (max-width: 1024px) {
  #header .hd_area #hd_navi .navi_list ul.g_nv a,
  #header .hd_area #hd_navi .navi_list .ticket a {
    font-size: 68.8%;
  }
}
#header .hd_area #hd_navi .navi_list ul.g_nv a:before,
#header .hd_area #hd_navi .navi_list .ticket a:before {
  font-family: 'icomoon';
  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;
  content: '';
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
  margin-right: 5px;
}
#header .hd_area #hd_navi .navi_list #nv_area {
  float: left;
  margin-top: 10px;
}
@media only screen and (min-width: 901px) {
  #header .hd_area #hd_navi .navi_list #nv_area {
    display: block !important;
  }
}
#header .hd_area #hd_navi .navi_list #nv_area ul.g_nv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  #header .hd_area #hd_navi .navi_list #nv_area ul.g_nv {
    display: none;
  }
}
#header .hd_area #hd_navi .navi_list #nv_area ul.g_nv li.nv01 a:before {
  content: '\e904';
}
#header .hd_area #hd_navi .navi_list #nv_area ul.g_nv li.nv02 a:before {
  content: '\e902';
}
#header .hd_area #hd_navi .navi_list #nv_area ul.g_nv li.nv03 a:before {
  content: '\e901';
}
#header .hd_area #hd_navi .navi_list #nv_area ul.g_nv li.nv04 a:before {
  content: '\e903';
}
#header .hd_area #hd_navi .navi_list #nv_area ul.g_nv li.nv05 a:before {
  content: '\e908';
}
#header .hd_area #hd_navi .navi_list #nv_area ul.g_nv li.nv06 a:before {
  content: '\e909';
}
#header .hd_area #hd_navi .navi_list #nv_area ul.g_nv li:after {
  background-color: #d4d4d4;
  content: '';
  display: inline-block;
  height: 1em;
  width: 1px;
  position: relative;
  top: .25em;
}
#header .hd_area #hd_navi .navi_list #nv_area ul.g_nv li a:hover {
  background-color: #005bac;
  color: #fff;
}
#header .hd_area #hd_navi .navi_list #nv_area ul.g_nv li a span {
  display: inline-block;
  letter-spacing: -3px;
  position: relative;
  left: -2px;
}
#header .hd_area #hd_navi .navi_list .ticket {
  margin-top: 10px;
}
@media only screen and (max-width: 900px) {
  #header .hd_area #hd_navi .navi_list .ticket {
    margin-right: 40px;
    margin-top: 0;
  }
}
#header .hd_area #hd_navi .navi_list .ticket a {
  /* font-family: "FOT-スーラ Pro DB", sans-serif; */
  font-family: 'Kosugi Maru', sans-serif;
  color: #ff6a00;
  display: block;
  font-weight: 500;
}
@media only screen and (max-width: 900px) {
  #header .hd_area #hd_navi .navi_list .ticket a {
    font-size: 100%;
    padding: 15px .7em 15px;
  }
}
#header .hd_area #hd_navi .navi_list .ticket a:before {
  content: "\e90b";
  position: relative;
  top: -.5px;
}
@media only screen and (max-width: 900px) {
  #header .hd_area #hd_navi .navi_list .ticket a:before {
    top: -.8px;
  }
}
#header .hd_area #hd_navi .navi_list .ticket a:hover {
  background-color: #ff6a00;
  color: white;
}
#header .hd_area #hd_navi .navi_list .ticket.open {
  display: none;
}
ul.sp_nv li a,
ul.g_nv li a {
  /* font-family: "FOT-スーラ Pro DB{pm}", sans-serif; */
  font-family: 'Kosugi Maru', sans-serif;
  color: #005bac;
  font-weight: 500;
}
ul.sp_nv li a:before,
ul.g_nv li a:before {
  font-family: 'icomoon';
  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;
  content: '';
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
  margin-right: 5px;
}
ul.sp_nv li.nv01 a:before,
ul.g_nv li.nv01 a:before {
  content: '\e904';
}
ul.sp_nv li.nv02 a:before,
ul.g_nv li.nv02 a:before {
  content: '\e902';
}
ul.sp_nv li.nv03 a:before,
ul.g_nv li.nv03 a:before {
  content: '\e901';
}
ul.sp_nv li.nv04 a:before,
ul.g_nv li.nv04 a:before {
  content: '\e903';
}
ul.sp_nv li.nv05 a:before,
ul.g_nv li.nv05 a:before {
  content: '\e908';
}
ul.sp_nv li.nv06 a:before,
ul.g_nv li.nv06 a:before {
  content: '\e909';
}
ul.sp_nv li.nv07 a,
ul.g_nv li.nv07 a {
  color: #ff6a00;
}
ul.sp_nv li.nv07 a:before,
ul.g_nv li.nv07 a:before {
  content: "\e90b";
}
/*                footer
======================================================= */
#footer {
  background-color: #005bac;
}
#footer #ft_sns {
  border-bottom: 1px #4d4d4d solid;
  padding: 8em 0 3em;
}
#footer #ft_sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}
#footer #ft_sns ul li+li {
  margin-left: 2em;
}
#footer #ft_sns ul li a {
  color: white;
  display: block;
  font-size: 81.3%;
  text-decoration: none;
}
@media only screen and (min-width: 1025px) {
  #footer #ft_sns ul li a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
  }
  #footer #ft_sns ul li a:hover {
    opacity: 0.7;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
  }
}
#footer #ft_sns ul li a:before {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 200%;
  margin-right: 10px;
  position: relative;
  top: .15em;
}
#footer #ft_sns ul li.fb a:before {
  content: "\f082";
}
#footer #ft_sns ul li.in a:before {
  content: "\f16d";
}
#footer #ft_bnr {
  border-bottom: 1px #4d4d4d solid;
  padding: 15px 40px;
}
#footer #ft_bnr .bnr_slider_area {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
}
#footer #ft_bnr .bnr_slider_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin: 0 -7px -14px;
}
#footer #ft_bnr .bnr_slider_area ul li {
  width: 25%;
  padding: 0 7px;
  margin-bottom: 14px;
}
@media only screen and (max-width: 640px) {
  #footer #ft_bnr .bnr_slider_area ul li {
    width: 50%;
  }
}
#footer #ft_bnr .bnr_slider_area ul li a {
  display: block;
}
#footer #ft_bnr .bnr_slider_area ul li a img {
  background-color: #fff;
  display: block;
  width: 100%;
}
#footer #ft_bnr .bnr_slider_area ul .slick-arrow {
  display: block;
  height: 26px;
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  width: 14px;
  margin-top: -13px;
}
#footer #ft_bnr .bnr_slider_area ul .slick-arrow.slick-prev {
  background: url(../img/flex_prev.gif) no-repeat left top;
  background-size: 14px 26px;
  left: -27px;
}
#footer #ft_bnr .bnr_slider_area ul .slick-arrow.slick-next {
  background: url(../img/flex_next.gif) no-repeat right top;
  background-size: 14px 26px;
  right: -27px;
}
#footer #ft_btm {
  max-width: 1270px;
  width: 100%;
  padding: 5em 0 1em;
  margin: 0 auto;
}
#footer #ft_btm .inner {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  margin: 0 25px;
}

#footer #ft_btm .inner .ft_left a{
  color: #fff;
}
#footer #ft_btm .inner .ft_left ul{
  margin-top: 1em;
}
#footer #ft_btm .inner .ft_left ul li + li{
  margin-top: .3em;
}
#footer #ft_btm .inner h4#ft_logo {

  width: 220px;
}
#footer #ft_btm .inner h4#ft_logo a {
  display: block;
}
#footer #ft_btm .inner h4#ft_logo a img {
  width: 100%;
}
#footer #ft_btm .inner #ft_info {

}
#footer #ft_btm .inner #ft_info dl {
  margin: -20px 0 48px;
}
#footer #ft_btm .inner #ft_info dl dt,
#footer #ft_btm .inner #ft_info dl dd {
  color: white;
  padding-top: 15px;
}
#footer #ft_btm .inner #ft_info dl dt {
  clear: left;
  float: left;
  font-size: 81.3%;
  line-height: 24px;
  opacity: 0.5;
  text-align: right;
  width: 5em;
}
#footer #ft_btm .inner #ft_info dl dd {
  font-size: 87.5%;
  line-height: 24px;
  padding-left: 85px;
}
#footer #ft_btm .inner #ft_info dl dd a {
  color: white;
}
#footer #ft_btm .inner #ft_info p#copyright {
  color: white;
  font-size: 62.5%;
  opacity: 0.5;
  text-align: right;
}
@media only screen and (min-width: 769px) {
  #footer {
    display: block !important;
  }
}
@media only screen and (max-width: 768px) {
  #footer #ft_sns {
    padding: 34px 0;
  }
}
@media only screen and (max-width: 768px) {
  #footer #ft_bnr {
    padding: 15px 33px;
  }
}
@media only screen and (max-width: 768px) {
  #footer #ft_bnr .bnr_slider_area ul .slick-arrow.slick-prev {
    left: -17px;
  }
}
@media only screen and (max-width: 768px) {
  #footer #ft_bnr .bnr_slider_area ul .slick-arrow.slick-next {
    right: -17px;
  }
}
@media only screen and (max-width: 768px) {
  #footer #ft_btm {
    padding: 35px 0 18px;
  }
}
@media only screen and (max-width: 768px) {
  #footer #ft_btm .inner h4#ft_logo {
    float: none;
    width: 144px;
    margin: 0 auto 25px;
  }
}
@media only screen and (max-width: 768px) {
  #footer #ft_btm .inner #ft_info {
    float: none;
  }
}
@media only screen and (max-width: 768px) {
  #footer #ft_btm .inner #ft_info dl {
    width: auto;
    max-width: 318px;
    margin: 0 auto 40px;
  }
}
/*
@media only screen and (max-width: 768px) {
#footer #ft_btm .inner #ft_info dl dt {
width: 5em;
}
}
*/
@media only screen and (max-width: 768px) {
  #footer #ft_btm .inner #ft_info dl dd {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 769px) {
  #footer #ft_btm .inner #ft_info dl dd br.max768 {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #footer #ft_btm .inner #ft_info p#copyright {
    text-align: center;
  }
}
/*                top
======================================================= */
/*                トップページ用
======================================================= */
.aquarium {
  /*#header {
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  .hd_area {
  #hd_logo {
  a {
  cursor: default;
}
}
}
}
  &.move{
  #header{
  position: fixed;
  top: -100px;
  &.white {
  @include animate;
  top:0;
  .hd_area {
  #hd_logo {
  opacity: 1;
}
}
}
}
}
  */
}
.aquarium #main_area #main_kv {
  align-items: center;
  position: relative;
}
.aquarium #main_area #main_kv:after {
  background: url(../img/wave_kv.png) repeat-x center top;
  content: '';
  display: block;
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 640px) {
  .aquarium #main_area #main_kv:after {
    background: url(../img/wave_kv_sp.png) no-repeat center top;
    background-size: cover;
    height: auto;
    bottom: -1px;
    padding-top: 6.5%;
  }
}
.aquarium #main_area #main_kv ul.kv_slider {
  overflow: hidden;
  width: 100%;
}
.aquarium #main_area #main_kv ul li {
  width: 100%;
}
.aquarium #main_area #main_kv ul li img {
  display: block;
  width: 100%;
  vertical-align: top;
}
.aquarium #main_area #main_kv h1 {
  /* font-family: "FOT-スーラ Pro EB{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  left: 0;
  position: absolute;
  color: #fff;
  font-size: 3vw;
  font-weight: 600;
  text-align: center;
  top: 50%;
  text-shadow: 0px 0px 8px rgba(0, 36, 89, 0.8), 0px 0px 12px rgba(0, 36, 89, 0.8), 0px 0px 14px rgba(0, 36, 89, 0.8), 0px 0px 20px rgba(0, 36, 89, 0.8), 0px 0px 24px rgba(0, 36, 89, 0.8);
  width: 100%;
  z-index: 10;
  margin: -6% 0 0 0;
}
.aquarium #main_area #main_kv h1 img {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .aquarium #main_area #main_kv h1 {
    font-size: 3.5vw;
    margin: -6% 0 0 0;
  }
}
@media only screen and (max-width: 900px) {
  .aquarium #main_area #main_kv h1 {
    font-size: 6vw;
    left: 0;
    margin: -13% 0 0;
  }
}
@media only screen and (max-width: 800px) {
  .aquarium #main_area #main_kv h1 {
    font-size: 7vw;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium #main_area #main_kv h1 {
    padding: 0 20px;
  }
}

.aquarium #main_area #main_kv.movie {
  width: 100%;
  height: 486px;
  position: relative;
  overflow: hidden;
  margin-top: 10px;
}
.aquarium #main_area #main_kv.movie:after {
  background: none;
}
.aquarium #main_area #main_kv.movie iframe {
  width: 100%;
  height: 486px;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1024px) {
  .aquarium #main_area #main_kv.movie {
    height: 432px;
  }
  .aquarium #main_area #main_kv.movie iframe {
    height: 432px;
  }
}
@media only screen and (max-width: 900px) {
  .aquarium #main_area #main_kv.movie {
    height: 432px;
  }
  .aquarium #main_area #main_kv.movie iframe {
    height: 432px;
  }
}
@media only screen and (max-width: 800px) {
  .aquarium #main_area #main_kv.movie {
    height: 432px;
  }
  .aquarium #main_area #main_kv.movie iframe {
    height: 432px;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium #main_area #main_kv.movie {
    height: 211px;
  }
  .aquarium #main_area #main_kv.movie iframe {
    height: 211px;
  }
}

.aquarium #main_area #main_kv .news_area {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  position: absolute;
  left: 0;
  width: 100%;
}
.aquarium #main_area #main_kv .news_area .news_area_width {
  max-width: 1366px;
  width: 100%;
  padding: 10px 25px;
  margin: 0 auto;
}
.aquarium #main_area #main_kv .news_area .news_area_width p {
  color: white;
  float: left;
  font-size: 87.5%;
  line-height: 26px;
  position: relative;
  width: 77px;
}
.aquarium #main_area #main_kv .news_area .news_area_width p:after {
  background-color: white;
  content: '';
  display: inline-block;
  height: 1em;
  position: absolute;
  right: 0;
  top: 6px;
  width: 1px;
}
.aquarium #main_area #main_kv .news_area .news_area_width ul.news_slider {
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 77px;
}
.aquarium #main_area #main_kv .news_area .news_area_width ul.news_slider li {
  padding-left: 22px;
}
.aquarium #main_area #main_kv .news_area .news_area_width ul.news_slider li a {
  color: white;
  font-size: 87.5%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  /* Safari */
  -o-text-overflow: ellipsis;
  /* Opera */
}
.aquarium #main_area #content_area .bg_white {
  background-color: white;
}
.aquarium #main_area #content_area .bg_white #news {
  margin-bottom: 13px;
}
.aquarium #main_area #content_area .bg_white #news .news_list {
  max-width: 850px;
  width: 100%;
  padding: 0 25px;
  margin: 0 auto;
}
.aquarium #main_area #content_area .bg_white #news .news_list dl {
  border-bottom: 1px #ededed solid;
}
.aquarium #main_area #content_area .bg_white #news .news_list dl dt,
.aquarium #main_area #content_area .bg_white #news .news_list dl dd {
  padding: 14px 0 13px;
}
.aquarium #main_area #content_area .bg_white #news .news_list dl dt {
  clear: left;
  color: #b2b2b2;
  float: left;
  font-size: 75%;
  line-height: 26px;
  width: 145px;
}
.aquarium #main_area #content_area .bg_white #news .news_list dl dd {
  padding-left: 145px;
}
.aquarium #main_area #content_area .bg_white #news .news_list dl dd a:hover {
  text-decoration: underline;
}
.aquarium #main_area #content_area .bg_white #news p.more {
  text-align: right;
  margin-top: 33px;
}
.aquarium #main_area #content_area .bg_white #news p.more:before {
  content: "\f105";
  display: inline-block;
  font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 5px;
}
.aquarium #main_area #content_area .bg_white #news p.more a {
  text-decoration: underline;
}
.aquarium #main_area #content_area .bg_white #news p.more a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #main_kv .news_area .news_area_width {
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #main_kv .news_area .news_area_width p {
    width: 62px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #main_kv .news_area .news_area_width ul.news_slider {
    margin-left: 62px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #main_kv .news_area .news_area_width ul.news_slider li {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .content {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 900px) {
  .aquarium #main_area #content_area .content .content_title {
    padding-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .content .content_title .title {
    margin-bottom: 13px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .content .content_title .title .sp_block {
    display: block;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .content .content_title+.description {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .content .description {
    margin-bottom: 34px;
  }
}
@media only screen and (min-width: 641px) {
  .aquarium #main_area #content_area .content .description br {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .aquarium #main_area #content_area .content .description .font_s_pc {
    font-size: 75%;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .content .description .font_s_tab {
    font-size: 75%;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .content .description p+p {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .partition_img {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .bg_white #media_article p.more {
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .bg_white #news {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .bg_white #news .news_list {
    margin-top: -20px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .bg_white #news .news_list dl dt {
    float: none;
    line-height: normal;
    width: 100%;
    padding: 19px 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .bg_white #news .news_list dl dd {
    padding: 4px 0 14px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .bg_white #news p.more {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .bg_white #access {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .bg_white #access #map-canvas {
    padding-bottom: 61.33%;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .bg_white #access .cont_box .col_l {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium #main_area #content_area .bg_white #access .cont_box .col_l dl dt {
    float: none;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium #main_area #content_area .bg_white #access .cont_box .col_l dl dd {
    line-height: 1.4;
    padding-left: 0;
  }
}
@media only screen and (min-width: 641px) {
  .aquarium #main_area #content_area .bg_white #access .cont_box .col_l dl dd br {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .bg_white #access .cont_box .col_r {
    width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .aquarium #main_area #content_area .bg_white #access .cont_box .col_r ul li {
    letter-spacing: 0.7px;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium #main_area #content_area .bg_white #price {
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium #main_area #content_area .bg_white #price .price_area .price_box {
    padding: 25px 0 17px;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium #main_area #content_area .bg_white #price .price_area .price_box h3 span {
    font-size: 60%;
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium #main_area #content_area .bg_white #price .price_area .price_box dl dd {
    width: 7em;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium #main_area #content_area .bg_white #price .price_area .price_box dl dd span {
    font-size: 75%;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium #main_area #content_area .bg_white #price .more_view p {
    margin: 0 25px;
  }
}
@media only screen and (min-width: 1025px) {
  .aquarium #main_area #content_area .bg_white #price .pdf_btn a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
  }
  .aquarium #main_area #content_area .bg_white #price .pdf_btn a:hover {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    opacity: .8;
  }
}
@media only screen and (max-width: 768px) {
  .aquarium #main_area #content_area .bg_white #price .pdf_btn a:after {
    background: url(../img/pdf_icon_sp.gif) no-repeat left top;
    background-size: cover;
    width: 1em;
    height: 1em;
    position: relative;
    top: 3px;
  }
}
.flexslider {
  position: relative;
}
.flexslider ul {
  overflow: hidden;
}
.flexslider ul li {
  overflow: hidden;
}
.flexslider .slides>li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides>li:first-child {
  display: block;
}
.flexslider .slides>li img {
  width: 100%;
}
.flexslider .flex-control-paging {
  position: absolute;
  left: 0;
  width: 100%;
  height: 8px;
  z-index: 1100;
  bottom: 10px;
  text-align: center;
}
.flexslider .flex-control-paging li {
  display: inline-block;
}
.flexslider .flex-control-paging li+li {
  margin-left: 6px;
}
.flexslider .flex-control-paging li a {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 8px -4px black;
  box-shadow: 0px 0px 8px -4px black;
  border-radius: 100%;
  display: block;
  text-indent: -999999px;
  opacity: .3;
  width: 8px;
  height: 8px;
}
.flexslider .flex-control-paging li a.flex-active {
  background-color: #fff;
  opacity: 1;
}
.flexslider .flex-direction-nav li {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  margin-top: -30px;
}
.flexslider .flex-direction-nav li.flex-nav-prev {
  left: 0;
}
.flexslider .flex-direction-nav li.flex-nav-next {
  right: 0;
}
.flexslider .flex-direction-nav li a,
.flexslider .flex-direction-nav li img {
  display: block;
}
@media only screen and (max-width: 640px) {
  .flexslider .flex-direction-nav li {
    width: 44px;
    height: 44px;
    margin-top: -22px;
  }
}
/*                しながわ水族館 コンテンツ
======================================================= */
.content{
  max-width: 1366px;
  width: 100%;
  padding-top: 62px;
  margin: 0 auto;
}
@media only screen and (max-width: 1500px) {
  .content {
    padding: 62px 30px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .content {
    padding: 62px 20px 0;
  }
}
.content + #time{
  margin-top: 0;
}
#time.main_width{
  margin-top: 62px;
}
.content .description {
  text-align: center;
  padding: 0 25px;
  margin-bottom: 44px;
}
.content .description br.block {
  display: block !important;
}
.content .description .font_s_tab {
  display: block;
}
.content .description p+p {
  margin-top: 0;
}
.partition_img {
  width: 100%;
  margin-top: 100px;
}
.partition_img img {
  width: 100%;
}
img.wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.wave_cont {
  position: relative;
  padding-bottom: 5em;
}
.wave_cont.sky {
  background-color: #e5f4ff;
}
.wave_cont.blue {
  background-color: #399ee6;
}
.wave_cont.blue .content_title .title,
.wave_cont.blue .content_title p {
  color: #fff;
}
#content_area {
  position: relative;
}
#content_area .important_frame {
  border: 1px #ffd9d9 solid;
  border-radius: 8px;
  background-color: #fff2f2;
  padding: 30px 40px;
  display: table;
  width: 100%;
  margin-bottom: 1em;
}
@media only screen and (max-width: 900px) {
  #content_area .important_frame {
    display: block;
    padding: 1.3em 1.2em;
  }
}
#content_area .important_frame h2,
#content_area .important_frame .notice_list {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 900px) {
  #content_area .important_frame h2,
  #content_area .important_frame .notice_list {
    display: block;
  }
}
#content_area .important_frame h2 {
  /* font-family: 'FOT-スーラ Pro M'; */
  font-family: 'Kosugi Maru', sans-serif;
  font-weight: 500;
  width: 150px;
}
@media only screen and (max-width: 900px) {
  #content_area .important_frame h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
}
#content_area .important_frame .notice_list {
  display: table-cell;
  padding-left: 20px;
}
@media only screen and (max-width: 900px) {
  #content_area .important_frame .notice_list {
    padding-left: 0;
  }
}
#content_area .important_frame .notice_list dl {
  display: table;
}
@media only screen and (max-width: 640px) {
  #content_area .important_frame .notice_list dl {
    display: block;
  }
}
#content_area .important_frame .notice_list dl+dl {
  margin-top: .7em;
}
#content_area .important_frame .notice_list dl dt,
#content_area .important_frame .notice_list dl dd {
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 640px) {
  #content_area .important_frame .notice_list dl dt,
  #content_area .important_frame .notice_list dl dd {
    display: block;
  }
}
#content_area .important_frame .notice_list dl dt {
  font-size: 75%;
  width: 94px;
  padding-top: .5em;
}
@media only screen and (max-width: 640px) {
  #content_area .important_frame .notice_list dl dt {
    width: 100%;
    margin-bottom: .3em;
  }
}
#content_area .important_frame .notice_list dl dd {
  line-height: 1.5;
  padding-left: .8em;
}
@media only screen and (max-width: 640px) {
  #content_area .important_frame .notice_list dl dd {
    padding-left: 0;
  }
}
.more.main_width {
  text-align: right;
  margin-top: 33px;
}
.more.main_width:before {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  margin-right: 5px;
}
.more.main_width a {
  text-decoration: underline;
}
@media only screen and (min-width: 1025px) {
  .more.main_width a:hover {
    text-decoration: none;
  }
}
.aquarium_cont p.more {
  text-align: right;
  margin-top: 33px;
}
.aquarium_cont p.more:before {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  margin-right: 5px;
}
.aquarium_cont p.more a {
  text-decoration: underline;
}
@media only screen and (min-width: 1025px) {
  .aquarium_cont p.more a:hover {
    text-decoration: none;
  }
}
.content_title {
  position: relative;
  text-align: center;
  padding-top: 34px;
}
@media only screen and (max-width: 640px) {
  .content_title {
    padding-top: 0;
    margin-bottom: 1.5em;
  }
}
#media_article .content_title .title {
  display: inline-block;
  position: relative;
}
#media_article .content_title .title:before,
#media_article .content_title .title:after {
  content: '';
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 82px;
  width: 87px;
  position: absolute;
  top: 0;
}
#media_article .content_title .title:before {
  background-image: url(../img/img_dolphin.png);
  left: -125px;
}
#media_article .content_title .title:after {
  background-image: url(../img/img_fish.png);
  right: -125px;
}
#facility .content_title {
  margin-bottom: 3em;
}
@media only screen and (max-width: 640px) {
  #facility .content_title {
    margin-bottom: 0;
  }
}
.content_title .title {
  /* font-family: "FOT-スーラ Pro EB{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  color: #1a1a1a;
  font-size: 200%;
  font-weight: 600;
  line-height: 1.15;
  margin-bottom: 14px;
}
.content_title .title .sp_block {
  padding-left: 0.3em;
}
.content_title .title .font_s {
  font-size: 43.8%;
}
.content_title .green {
  color: #137300;
  font-family: 'Times New Roman', serif;
  font-size: 62.5%;
  letter-spacing: 1px;
}
.content_title+.description {
  margin-top: 20px;
}
.content_title p {
  /* font-family: "FOT-スーラ Pro B{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  color: #005bac;
  font-size: 62.5%;
  font-weight: 300;
}
.content_title p:after {
  background-image: url(../img/title_deco.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  display: block;
  height: 6px;
  width: 68px;
  margin: 1.3em auto 0;
}
#facility .content_title p:after {
  background-image: url(../img/title_deco02.gif);
}
.cont_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -40px;
}
.cont_box:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#access .cont_box:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media only screen and (max-width: 640px) {
  .cont_box {
    display: block;
  }
}
.cont_box .box.photo,
.cont_box .box.text {
  width: 50%;
  padding: 0 40px;
}
@media only screen and (max-width: 1024px) {
  .cont_box .box.photo,
  .cont_box .box.text {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  .cont_box .box.photo,
  .cont_box .box.text {
    width: 100%;
    padding: 0;
  }
}
.cont_box .box.photo {
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .cont_box .box.photo {
    margin-bottom: 1.5em;
  }
}
.cont_box .box.photo .img {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.cont_box .box.photo img {
  display: block;
  width: 100%;
  border-radius: 60px;
}
@media only screen and (max-width: 640px) {
  .cont_box .box.photo img {
    border-radius: 0;
  }
}
@media only screen and (max-width: 640px) {
  .cont_box .box.text {
    padding: 0 20px;
  }
}
.cont_box .box.text .inner h3 {
  /* font-family: "FOT-スーラ Pro EB{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 162.5%;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 19px;
}
@media only screen and (max-width: 640px) {
  .cont_box .box.text .inner h3 {
    margin-bottom: .5em;
  }
}
.blue .cont_box .box.text .inner h3 {
  color: #fff;
}
.blue .cont_box .box.text .inner p {
  color: #fff;
}
.cont_box .box.text .inner p span {
  display: block;
  font-size: 75%;
}
.cont_box .box.text .inner p span.yellow {
  color: #ffff00;
}
.cont_box .box.text .inner p span.yellow a {
  color: #ffff00;
}
.cont_box .box.text .inner p span.small {
  font-size: 75%;
  margin-top: .3em;
}
.cont_box .box.text .inner p span.small a {
  color: #ffff00;
}
.cont_box .box.text .inner p+dl {
  margin-top: 1.5em;
}
.cont_box .box.text .inner p+br,
.cont_box .box.text .inner br+br,
.cont_box .box.text .inner dl+br {
  display: none;
}
.cont_box .box.text .inner dl {
  margin: 1em 0 .5em;
}
.cont_box .box.text .inner dl br {
  display: none;
}
.cont_box .box.text .inner dl+p {
  margin-top: 1.5em;
}
.cont_box .box.text .inner dl dt,
.cont_box .box.text .inner dl dd {
  font-size: 75%;
}
.blue .cont_box .box.text .inner dl dt,
.blue .cont_box .box.text .inner dl dd {
  color: #fff;
}
.cont_box .box.text .inner dl dt {
  margin-bottom: .3em;
}
.cont_box .box.text .inner dl dd {
  text-indent: 1em;
  margin-bottom: .5em;
}
.cont_box .box.text .inner dl dd+dt {
  margin-top: 1em;
}
.cont_box .box.text .inner a.btn {
  background-color: #ff6a00;
  border-radius: 8px;
  color: #fff;
  display: block;
  font-size: 87.5%;
  max-width: 175px;
  text-align: center;
  text-decoration: none;
  position: relative;
  padding: .8em 1em;
  margin-top: 1.5em;
}
.cont_box .box.text .inner a.btn:after {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -.67em;
}
.cont_box .box.text .inner a[href^="http"].btn:after{
  content: '\e90a';
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-top: -.5em;
}

@media only screen and (min-width: 1025px) {
  .cont_box .box.text .inner a.btn {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
  }
  .cont_box .box.text .inner a.btn:hover {
    background-color: #fd9449;
  }
}
@media only screen and (max-width: 640px) {
  .cont_box .box.text .inner a.btn {
    margin: 1.5em auto 0;
  }
}
.cont_box .box.col_l {
  float: left;
  width: 39.2%;
  padding-right: 4.9%;
}
.cont_box .box.col_l h3 {
  font-size: 162.5%;
  line-height: 1.3;
  margin-bottom: 0.73em;
}
.cont_box .box.col_r {
  float: right;
  width: 60.8%;
  padding-left: 4.9%;
}
.cont_box .box.col_r .box_price table thead tr th {
  text-align: right;
}
.cont_box .box.col_r .box_price table thead tr th span {
  font-size: 68.8%;
}
.cont_box .box.col_r .box_price table tbody tr {
  border-top: 1px #dedede solid;
}
.cont_box .box.col_r .box_price table tbody tr:first-child {
  border-top: none;
}
.cont_box .box.col_r .box_price table tbody tr th,
.cont_box .box.col_r .box_price table tbody tr td {
  padding: 14px 0;
}
.cont_box .box.col_r .box_price table tbody tr th span {
  border: 1px #333333 solid;
  display: inline-block;
  font-size: 87.5%;
  padding: 5px 6px 5px 7px;
}
.cont_box .box.col_r .box_price table tbody tr td {
  text-align: right;
}
.cont_box .box.col_r .box_price ul.note {
  margin-top: 14px;
}
.cont_box .box.col_r .box_price ul.note li {
  font-size: 75%;
  letter-spacing: 1px;
  line-height: 1.5;
}
.cont_box.even .box.photo {
  float: right;
}
.cont_box.even .box.text {
  float: left;
}
.cont_box.box_photo {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
}
.cont_box.box_photo img {
  width: 100%;
}
.cont_box+.cont_box {
  margin-top: 50px;
}
.aquarium_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .aquarium_info {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 900px) {
  .aquarium_info {
    display: block;
  }
}

.aquarium_info h2 {
  /* font-family: "FOT-スーラ Pro DB{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  background-color: #005bac;
  color: #fff;
  font-weight: 500;
  font-size: 112.5%;
  text-align: center;
  padding: .48em 0;
}
.aquarium_info h2:before {
  font-family: 'icomoon';
  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;
  content: '';
  font-size: 86%;
  position: relative;
  top: 1px;
  margin-right: 6px;
}
.aquarium_info .left_cont,
.aquarium_info .right {
  border: 1px #ededed solid;
  border-radius: 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.aquarium_info .left_cont h2,
.aquarium_info .right h2 {
  margin: -1px -1px 0;
}
.aquarium_info .cont_inner {
  padding: 1em 1.8em;
}
.aquarium_info .left {
  width: 290px;
  padding-right: 10px;
}
@media only screen and (max-width: 900px) {
  .aquarium_info .left {
    width: 100%;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium_info .left {
    display: block;
  }
}
.aquarium_info .left .left_cont+.left_cont {
  margin-top: 10px;
}
@media only screen and (max-width: 900px) {
  .aquarium_info .left .left_cont+.left_cont {
    margin-left: 10px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium_info .left .left_cont+.left_cont {
    margin-left: 0;
    margin-top: 10px;
  }
}
.aquarium_info .left .left_cont .hours h2:before {
  content: '\e905';
}
.aquarium_info .left .left_cont .hours .cont_inner {
  text-align: center;
}
.aquarium_info .left .left_cont .hours.holiday .cont_inner {
  color: red;
}
.aquarium_info .left .left_cont .hours .cont_inner .time {
  /* font-family: "FOT-スーラ Pro EB{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 175%;
  font-weight: 600;
}
.aquarium_info .left .left_cont .hours .cont_inner p {
  font-size: 75%;
}
.aquarium_info .left .left_cont .schedule h2:before {
  content: '\e904';
}
.aquarium_info .left .left_cont .schedule .cont_inner {
  padding: 10px 12px;
}
.aquarium_info .right .news h2:before {
  content: '\e906';
}
.aquarium_info .right .news .cont_inner {
  padding: 0 0 1.2em;
}
.aquarium_info .right .news .news_list {
  padding: 0;
}
.aquarium_info .right .news .news_list .news_wrap {
  overflow-y: auto;
  padding: 0 2.5em;
  margin-bottom: 1em;
}
@media only screen and (max-width: 1024px) {
  .aquarium_info .right .news .news_list .news_wrap {
    padding: 0 20px;
  }
}
.aquarium_info .right .news .news_list ul {
  height: 370px;
}
@media only screen and (max-width: 640px) {
  .aquarium_info .right .news .news_list ul {
    height: 300px;
  }
}
.aquarium_info .right .news .news_list ul li+li {
  border-top: 1px #ededed solid;
}
.aquarium_info .right .news .news_list ul li:first-child a {
  padding: 1.2em 0;
}
.aquarium_info .right .news .news_list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  padding: 1em 0;
}
@media only screen and (min-width: 1025px) {
  .aquarium_info .right .news .news_list ul li a:hover span {
    text-decoration: underline;
  }
}
@media only screen and (max-width: 640px) {
  .aquarium_info .right .news .news_list ul li a {
    display: block;
  }
}
.aquarium_info .right .news .news_list ul li .date {
  display: block;
  font-size: 75%;
  text-decoration: none;
}
@media only screen and (max-width: 640px) {
  .aquarium_info .right .news .news_list ul li .date {
    margin-bottom: .3em;
  }
}
.aquarium_info .right .news .news_list ul li span {
  display: block;
  padding-left: 2.8em;
}
@media only screen and (max-width: 640px) {
  .aquarium_info .right .news .news_list ul li span {
    padding-left: 0;
  }
}
.aquarium_info .right .news .news_list .more {
  text-align: right;
  padding: 0 4em;
}
@media only screen and (max-width: 900px) {
  .aquarium_info .right .news .news_list .more {
    padding: 0;
  }
}
.aquarium_info .right .news .news_list .more:before {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
}
.aquarium_info .right .news .news_list .more a {
  text-decoration: underline;
}
@media only screen and (min-width: 1025px) {
  .aquarium_info .right .news .news_list .more a:hover {
    text-decoration: none;
  }
}
.calendar .cal_head {
  border-bottom: 1px #ededed solid;
  position: relative;
  padding-bottom: .6em;
}
.calendar .cal_head .date {
  /* font-family: "FOT-スーラ Pro B{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  display: block;
  font-size: 112.5%;
  text-align: center;
  font-weight: 600;
}
.calendar .cal_head .ca_control li {
  position: absolute;
  top: 0;
  line-height: 1;
  margin-top: -.1em;
}
.calendar .cal_head .ca_control li a {
  background-color: #f5f5f5;
  border-radius: 100%;
  display: block;
  font-size: 90%;
  padding: .4em;
}
@media only screen and (min-width: 1025px) {
  .calendar .cal_head .ca_control li a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
  }
  .calendar .cal_head .ca_control li a:hover {
    background-color: #005bac;
    color: #fff;
  }
}
.calendar .cal_head .ca_control li.prev {
  left: 0;
}
.calendar .cal_head .ca_control li.next {
  right: 0;
}
.calendar .cal_body:after{
  content: '※灰色は休館日';
  font-size: 10px;
  display: block;
  text-align: right;
  margin-top: .8em;
}
.calendar .cal_body table {
  table-layout: fixed;
}
.calendar .cal_body table th,
.calendar .cal_body table td {
  text-align: center;
  vertical-align: middle;
}
.calendar .cal_body table th span.active,
.calendar .cal_body table td span.active {
  background-color: #004480;
  color: #fff;
}
.calendar .cal_body table th a,
.calendar .cal_body table th span,
.calendar .cal_body table td a,
.calendar .cal_body table td span {
  display: block;
  padding: .6em .5em;
}
.calendar .cal_body table th a.disable,
.calendar .cal_body table th span.disable,
.calendar .cal_body table td a.disable,
.calendar .cal_body table td span.disable {
  opacity: .3;
}
.calendar .cal_body table th+th {
  border-left: 2px #fff solid;
}
.calendar .cal_body table td {
  border-top: 2px #fff solid;
}
.calendar .cal_body table td.holiday {
  background-color: #ccc;
}
.calendar .cal_body table td+td {
  border-left: 2px #fff solid;
}
.calendar .cal_body table thead th {
  /* font-family: "FOT-スーラ Pro EB{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  font-weight: 600;
  font-size: 87.5%;
}
.calendar .cal_body table thead th:first-child {
  color: #ff6a00;
}
.calendar .cal_body table thead th:last-child {
  color: #005bac;
}
.calendar .cal_body table tbody tr td {
  font-size: 75%;
}
.calendar .cal_body table tbody tr td a,
.calendar .cal_body table tbody tr td span {
  background-color: #f5f5f5;
  padding: .7em .5em;
}
.calendar .cal_body table tbody tr td:first-child a,
.calendar .cal_body table tbody tr td:first-child span {
  background-color: #fcf1e8;
  color: #ff6a00;
}
.calendar .cal_body table tbody tr td:last-child a,
.calendar .cal_body table tbody tr td:last-child span {
  background-color: #ebf5ff;
  color: #005bac;
}
.calendar .cal_body table tbody tr td a {
  text-decoration: none;
}
@media only screen and (min-width: 1025px) {
  .calendar .cal_body table tbody tr td a:hover {
    background-color: #004480;
    color: #fff;
  }
}
#price {
  background: url(../img/price_bg.png) no-repeat center 80px;
  position: relative;
  padding-top: 5em;
  margin-top: 3em;
}
#price:after {
  background: url(../img/wave01.gif) repeat-x center top;
  content: '';
  display: block;
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 640px) {
  #price:after {
    background: url(../img/wave01_sp.gif) no-repeat center top;
    background-size: cover;
    height: auto;
    padding-top: 6.5%;
  }
}
#price img.wave {
  top: 0;
  bottom: auto;
}
#price .content_title {
  position: relative;
  margin-bottom: 8px;
}
#price .price_area {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
#price .price_area .price_box {
  padding: 25px 30px 17px;
}
#price .price_area .price_box:last-child {
  border-bottom: 1px #b7c3cc dashed;
}
#price .price_area .price_box+.price_box {
  border-top: 1px #b7c3cc dashed;
}
#price .price_area .price_box h3 {
  /* font-family: "FOT-スーラ Pro B{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  color: #005bac;
  font-size: 125%;
  font-weight: 300;
}
#price .price_area .price_box h3 span {
  font-size: 65%;
}
#price .price_area .price_box dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 14px 0 13px;
}
#price .price_area .price_box dl dt,
#price .price_area .price_box dl dd {
  display: table-cell;
  vertical-align: top;
}
#price .price_area .price_box dl dt {
  width: 100%;
}
#price .price_area .price_box dl dt .border {
  border: 1px #333333 solid;
  display: inline-block;
  font-size: 87.5%;
  line-height: 26px;
  padding: 0 12px;
  margin-right: 9px;
}
#price .price_area .price_box dl dt .font_S {
  font-size: 68.8%;
  line-height: 26px;
}
#price .price_area .price_box dl dd {
  text-align: right;
  width: 8em;
}
#price .price_area .price_box dl+dl {
  border-top: 1px #b7c3cc dashed;
}
#price .price_area .price_box ul {
  margin: 3px 0 10px;
}
#price .price_area .price_box ul li {
  font-size: 75%;
  line-height: 1.5;
}
#price .price_area .price_box ul+.indent {
  margin-top: -10px;
}
#price .price_area .price_box .indent {
  text-indent: 1em;
}
#price .price_area .price_box .indent h4,
#price .price_area .price_box .indent p {
  font-size: 75%;
}
#price .price_area.price01 .price_box:first-child {
  background: none;
}
#price .more_view {
  max-width: 850px;
  width: 100%;
  margin: 0 auto;
}
#price .more_view p {
  background-color: #f7f7f7;
  cursor: pointer;
  position: relative;
  text-align: center;
  padding: 10px 0 14px;
  margin: 0 55px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
#price .more_view p:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
#price .more_view p:after {
  bottom: -2px;
  color: #a5a5a5;
  content: '\f107';
  display: inline-block;
  font-family: FontAwesome, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 70%;
  left: 50%;
  position: absolute;
  margin-left: -3px;
}
#price .pdf_btn a {
  border: 1px #333 solid;
  border-radius: 8px;
  display: block;
  font-size: 87.5%;
  max-width: 240px;
  text-align: center;
  text-decoration: none;
  position: relative;
  margin: 1.8em auto 0;
  padding: .8em 1em;
}
@media only screen and (min-width: 1025px) {
  #price .pdf_btn a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
  }
  #price .pdf_btn a:hover {
    background-color: #004480;
    color: #fff;
  }
}
#price .pdf_btn a:after {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -.6em;
}
#access {
  max-width: 100%;
  margin-top: 5em;
}
#access #map-canvas {
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 32.94%;
  margin-bottom: 40px;
}
#access .content_title {
  margin-bottom: 3em;
}
#access .cont_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  #access .cont_box {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 800px) {
  #access .cont_box {
    display: block;
  }
}
#access .cont_box .col_l {
  width: 50%;
  float: none;
}
@media only screen and (max-width: 800px) {
  #access .cont_box .col_l {
    width: 100%;
  }
}
#access .cont_box .col_l dl {
  overflow: hidden;
  margin-bottom: 1em;
}
#access .cont_box .col_l dl:after {
  content: '';
  display: block;
  clear: both;
}
#access .cont_box .col_l dl dt {
  border: 1px #333333 solid;
  clear: left;
  display: inline-block;
  float: left;
  font-size: 87.5%;
  padding: 1px 12px;
}
#access .cont_box .col_l dl dd {
  padding-left: 65px;
  margin-bottom: 15px;
}
#access .cont_box .col_r {
  width: 50%;
  float: none;
}
@media only screen and (max-width: 800px) {
  #access .cont_box .col_r {
    border-top: 1px #c3d0d9 solid;
    padding-top: 1.5em;
    padding-left: 0;
    width: 100%;
  }
}
#access .cont_box .col_r ul li+li {
  margin-top: 10px;
}
#access .cont_box .col_r ul li a {
  border: 1px #333333 solid;
  border-radius: 8px;
  display: block;
  font-size: 87.5%;
  text-align: center;
  text-decoration: none;
  padding: .73em 1em;
}
/* #access .cont_box .col_r ul li a:after {
  font-family: 'icomoon';
  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;
  content: '\e90a';
  margin-left: 5px;
} */
@media only screen and (min-width: 1025px) {
  #access .cont_box .col_r ul li a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
  }
  #access .cont_box .col_r ul li a:hover {
    background-color: #005bac;
    color: #fff;
  }
}
.wave_cont.blue {
  position: relative;
}
@media only screen and (max-width: 900px) {
  .wave_cont.blue {
    padding-top: 8%;
  }
}
@media only screen and (max-width: 640px) {
  .wave_cont.blue {
    background-image: url(../img/facility_bg_sp.gif);
    background-repeat: no-repeat;
    background-position: center 2%;
    background-size: 100% auto;
    padding-bottom: 2em;
  }
}
@media only screen and (max-width: 640px) and (max-width: 640px) {
  .wave_cont.blue>.content {
    padding-bottom: 2.5em;
    background-image: url(../img/facility_bg_sp02.gif);
    background-repeat: no-repeat;
    background-position: left 100%;
    background-size: 100% auto;
  }
}
.wave_cont.blue:before {
  content: '';
  background: url(../img/facility_img01.png) no-repeat center top;
  display: block;
  width: 573px;
  height: 333px;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: 300px;
}
.wave_cont.blue:after {
  content: '';
  background: url(../img/facility_img04.png) no-repeat center top;
  width: 389px;
  height: 156px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: 334px;
}
@media only screen and (max-width: 640px) {
  .wave_cont.blue:before,
  .wave_cont.blue:after {
    content: '';
    display: none;
  }
}
#facility .content {
  padding-top: 0;
}
#facility .cont_box {
  position: relative;
}
#facility .cont_box:nth-child(2):before {
  content: '';
  background: url(../img/facility_img02.png) no-repeat center top;
  width: 116px;
  height: 135px;
  position: absolute;
  top: -120px;
  left: 50%;
  margin-left: 315px;
}
#facility .cont_box:nth-child(3):before {
  content: '';
  background: url(../img/facility_img03.png) no-repeat center top;
  width: 213px;
  height: 146px;
  position: absolute;
  top: -66px;
  left: 50%;
  margin-left: 456px;
}
@media only screen and (max-width: 640px) {
  #facility .cont_box:before {
    content: '';
    display: none;
  }
}
#facility:after {
  background: url(../img/wave02.gif) repeat-x center top;
  content: '';
  display: block;
  width: 100%;
  height: 42px;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 640px) {
  #facility:after {
    background: url(../img/wave02_sp.gif) no-repeat center top;
    background-size: cover;
    height: auto;
    padding-top: 6.5%;
  }
}
.around_cont {
  background-color: #f7f7f7;
  position: relative;
  padding-bottom: 8em;
  margin-bottom: -42px;
}
@media only screen and (max-width: 640px) {
  .around_cont {
    background-color: #fff;
  }
  .around_cont .content_title {
    margin: 1em 0 0;
  }
}
.around_cont:after {
  background: url(../img/wave03.gif) repeat-x center top;
  content: '';
  display: block;
  width: 100%;
  height: 42px;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 640px) {
  .around_cont:after {
    background: url(../img/wave03_sp.gif) no-repeat center top;
    background-size: cover;
    height: auto;
    padding-top: 6.5%;
  }
}
#footer {
  position: relative;
  z-index: 1;
  margin-top: 42px;
}
@media only screen and (max-width: 640px) {
  #footer {
    margin-top: 0;
  }
}
#footer:after {
  background: url(../img/wave04.png) repeat-x center top;
  content: '';
  display: block;
  width: 100%;
  height: 42px;
  position: absolute;
  left: 0;
  top: -42px;
}
@media only screen and (max-width: 640px) {
  #footer:after {
    background: url(../img/wave04_sp.png) no-repeat center top;
    background-size: cover;
    height: auto;
    top: auto;
    bottom: 100%;
    padding-top: 6.5%;
    margin-bottom: -1px;
  }
}
.mod .cont_width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1020px;
}
@media only screen and (max-width: 1024px) {
  .mod .cont_width {
    padding: 0 20px;
  }
}
.mod #content_area {
  padding-bottom: 8em;
}
#mod_main_title {
  background-color: #005bac;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#mod_main_title.bg {
  background: url(../img/mod_bg.jpg) no-repeat center top;
  background-size: cover;
}
@media only screen and (max-width: 640px) {
  #mod_main_title {
    min-height: 150px;
  }
  #mod_main_title.bg {
    background-size: auto 100%;
  }
}
#mod_main_title h1 {
  /* font-family: "FOT-スーラ Pro EB{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  color: #fff;
  font-size: 287.5%;
  font-weight: 600;
  text-align: center;
  padding: 1.5em 0;
  margin-top: -.8em;
}
@media only screen and (max-width: 640px) {
  #mod_main_title h1 {
    font-size: 150%;
  }
}
#mod_main_title:after {
  background: url(../img/wave_kv.png) repeat-x center top;
  content: '';
  display: block;
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 640px) {
  #mod_main_title:after {
    background: url(../img/wave_kv_sp.png) no-repeat center top;
    background-size: cover;
    height: auto;
    bottom: -1px;
    padding-top: 6.5%;
  }
}
.mod_area {
  padding-top: 5em;
}
@media only screen and (max-width: 640px) {
  .mod_area {
    padding-top: 3em;
  }
}
.mod_cont+.mod_title,
.mod_cont+.mod_cont {
  margin-top: 3em;
}
@media only screen and (max-width: 640px) {
  .mod_cont+.mod_title,
  .mod_cont+.mod_cont {
    margin-top: 2em;
  }
}
.mod_title {
  margin-bottom: 1.8em;
}
@media only screen and (max-width: 640px) {
  .mod_title {
    margin-bottom: 1.5em;
  }
}
.mod_title h2 {
  /* font-family: "FOT-スーラ Pro EB{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 225.0%;
  font-weight: 600;
}
@media only screen and (max-width: 640px) {
  .mod_title h2 {
    font-size: 137.5%;
  }
}
.mod_title h3 {
  /* font-family: "FOT-スーラ Pro B{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 175%;
  font-weight: 300;
  border-bottom: 2px #ededed solid;
  position: relative;
  padding-bottom: .2em;
}
@media only screen and (max-width: 640px) {
  .mod_title h3 {
    font-size: 125%;
  }
}
.mod_title h3:after {
  content: '';
  background-color: #005bac;
  display: block;
  width: 6em;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.mod_title h4 {
  /* font-family: "FOT-スーラ Pro B{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  background-color: #f0f7fc;
  font-size: 125%;
  font-weight: 300;
  padding: .8em 1em;
}
@media only screen and (max-width: 640px) {
  .mod_title h4 {
    font-size: 112.5%;
  }
}
.mod_cont p+p,
.mod_cont p+table,
.mod_cont p+ul,
.mod_cont p+ol,
.mod_cont ul+ul,
.mod_cont ul+p,
.mod_cont ul+table,
.mod_cont ul+ol,
.mod_cont ol+ol,
.mod_cont ol+p,
.mod_cont ol+table,
.mod_cont ol+ul,
.mod_cont .table_wrap+.table_wrap,
.mod_cont .table_wrap+p,
.mod_cont .table_wrap+p,
.mod_cont .table_wrap+table,
.mod_cont .table_wrap+ul,
.mod_cont .table_wrap+ol,
.mod_cont table+table,
.mod_cont table+p,
.mod_cont table+ul,
.mod_cont table+ol {
  margin-top: 1em;
}
.mod_cont.flex,
.mod_cont .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: -20px;
  margin-left: -20px;
}
.mod_cont.flex:nth-child(even),
.mod_cont .flex:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.mod_cont.flex.text:nth-child(even),
.mod_cont .flex.text:nth-child(even) {
  flex-direction: row;
}
.mod_cont.flex:last-child .flex_cont,
.mod_cont .flex:last-child .flex_cont {
  margin-bottom: 0;
}
.mod_cont.flex .flex_cont,
.mod_cont .flex .flex_cont {
  width: 50%;
  padding: 0 20px;
  margin-bottom: 40px;
}
.mod_cont.flex .flex_cont .title,
.mod_cont .flex .flex_cont .title {
  /* font-family: "FOT-スーラ Pro B{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 112.5%;
  font-weight: 300;
}
.mod_cont.flex .flex_cont .title+p,
.mod_cont .flex .flex_cont .title+p {
  margin-top: .8em;
}
@media only screen and (max-width: 640px) {
  .mod_cont.flex.text,
  .mod_cont .flex.text {
    display: block;
  }
  .mod_cont.flex.text .flex_cont,
  .mod_cont .flex.text .flex_cont {
    width: 100%;
  }
  .mod_cont.flex.text .flex_cont+.flex_cont,
  .mod_cont .flex.text .flex_cont+.flex_cont {
    margin-top: 1em;
  }
}
.mod_cont .img_cont .img_wrap {
  display: block;
  max-width: 720px;
  margin: 0 auto;
}
.mod_cont .img_cont .img_wrap img {
  display: block;
  margin: 0 auto;
}
.mod_cont .img_cont .img_wrap .cap {
  font-size: 68.8%;
  margin-top: .8em;
}
@media only screen and (max-width: 640px) {
  .mod_cont .table_wrap {
    overflow: auto;
  }
  .mod_cont .table_wrap::-webkit-scrollbar {
    height: 5px;
  }
  .mod_cont .table_wrap::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .mod_cont .table_wrap::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .mod_cont .table_wrap table {
    width: 1020px !important;
  }
  .mod_cont .table_wrap table th,
  .mod_cont .table_wrap table td {
    display: table-cell;
  }
}
.mod_cont table {
  border-bottom: 1px #e4ebf0 solid;
  border-left: 1px #e4ebf0 solid;
  table-layout: fixed;
  width: 100% !important;
}
.mod_cont table th,
.mod_cont table td {
  border-top: 1px #e4ebf0 solid;
  border-right: 1px #e4ebf0 solid;
  font-size: 87.5%;
  padding: .8em 1em;
}
.mod_cont table th {
  /* font-family: "FOT-スーラ Pro B{pm}"; */
  font-family: 'Kosugi Maru', sans-serif;
  background-color: #f0f7fc;
  font-weight: 300;
}
.mod_cont a {
  color: #005bac;
}
.mod_cont a:before {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f138";
  display: inline-block;
  margin-right: .3em;
}
.mod_cont a:hover:before,
.mod_cont a:hover:after {
  text-decoration: none;
}
.mod_cont a:after {
  display: inline-block;
  margin-left: .5em;
}
.mod_cont a[href^="http://"]:after,
.mod_cont a[href^="https://"]:after {
  font-family: 'icomoon';
  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;
  content: '\e90d';
  color: #999999;
}
.mod_cont a[href$=".pdf"]:after {
  font-family: 'icomoon';
  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;
  content: '\e90c';
  color: #ff0000;
}
.mod_cont li+li {
  margin-top: .2em;
}
.mod_cont ol {
  margin-left: 1.3em;
}
.mod_cont ol li {
  list-style: decimal;
}
.contact #main_area {
  padding-bottom: 8em;
}
.contact .mod_title {
  text-align: center;
}
.contact .content {
  max-width: 1020px;
}