@charset "UTF-8";

/*-----------------------------------------
  下層　共通事項
-------------------------------------------*/

/*@mixin pc {
  @media (max-width: ($pc)),print {
    @content;
  }
}
@mixin min-tab {
  @media screen and (max-width: ($tab)){
    @content;
  }
}
@mixin tab {
  @media screen and (max-width: ($tab)){
    @content;
  }
}
@mixin sp {
  @media screen and (max-width: ($sp)){
    @content;
  }
}
@mixin xs {
  @media screen and (max-width: ($xs)) {
    @content;
  }
}*/

/* ------------------------------------ */

/* Reset
/* ------------------------------------ */

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

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

blockquote,
q {
  quotes: none;
}

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

input,
textarea {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

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

#churaumi-aquarium {
  line-height: 1.6;
}

#churaumi-aquarium img {
  max-width: 100%;
  height: auto;
  line-height: 0;
  margin: 0;
}

#churaumi-aquarium .dis_pc {
  display: none;
}

#churaumi-aquarium .dis_sp {
  display: block;
}

#churaumi-aquarium em {
  font-style: normal;
}

#churaumi-aquarium .top_img {
  text-align: center;
}

#churaumi-aquarium .top_img h1 {
  line-height: 0;
}

#churaumi-aquarium .lead {
  color: #fff;
}

#churaumi-aquarium .aqua_nav {
  background: url(../images/bg_fish1.png) top 0 left 122%/48% no-repeat, url(../images/bg_fish1.png) bottom 15px left -20%/48% no-repeat #189ffe;
}

#churaumi-aquarium .aqua_nav ul {
  max-width: 600px;
  width: 100%;
  margin: -1px auto 0;
  text-align: center;
  padding: 5% 0 30px;
}

#churaumi-aquarium .aqua_nav li {
  display: inline-block;
  width: 20%;
  margin: 0 1%;
}

#churaumi-aquarium .aqua_nav li a {
  background: url(../images/nav.png) center center/100% no-repeat;
  width: 100%;
  padding: 25% 0;
  display: block;
  font-weight: bold;
  font-size: 1.3rem;
  letter-spacing: -1px;
  color: #0021c4;
}

#churaumi-aquarium .aqua_nav li a:hover {
  opacity: 0.75;
}

#churaumi-aquarium .aqua_nav li a::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.5rem;
  display: block;
  padding-bottom: 5px;
}

#churaumi-aquarium .aqua_nav li a.access::before {
  content: "\f5e4";
}

#churaumi-aquarium .aqua_nav li a.highlights::before {
  content: "\f06e";
}

#churaumi-aquarium .aqua_nav li a.program::before {
  content: "\f15c";
}

#churaumi-aquarium .aqua_nav li a.restaurant::before {
  content: "\f2e7";
}

#churaumi-aquarium .aqua_nav li a.hotel::before {
  content: "\f1ad";
}

#churaumi-aquarium .aqua_nav li a.tour::before {
  content: "\f072";
}

#churaumi-aquarium .aqua_nav li a.qa::before {
  content: "\f128";
}

#churaumi-aquarium .innerbox {
  width: 90%;
  margin: 0 auto;
}

#churaumi-aquarium .innerbox.ib760 {
  max-width: 760px;
}

#churaumi-aquarium .innerbox.ib1160 {
  max-width: 1160px;
}

#churaumi-aquarium h2 {
  text-align: center;
  padding-bottom: 20px;
}

#churaumi-aquarium h2 img {
  margin: 0 auto;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (非標準の名前) */
  image-rendering: crisp-edges;
}

#churaumi-aquarium dt {
  color: #f6ff0b;
  font-size: 1.6rem;
  font-weight: bold;
  padding-bottom: 5px;
}

#churaumi-aquarium dd {
  color: #fff;
  padding-bottom: 25px;
}

#churaumi-aquarium #sec_about {
  background: #189ffe;
  padding-bottom: 30px;
  /*@include tab{
			padding-bottom: 70px;
		}*/
}

#churaumi-aquarium #sec_about p {
  color: #fff;
  padding-bottom: 30px;
}

#churaumi-aquarium #sec_about video {
  width: 100%;
}

#churaumi-aquarium #sec_access {
  padding-top: 40px;
  padding-bottom: 60px;
  background: url(../images/wave2.png) left bottom/100% repeat-x, url(../images/bg_fish3.png) bottom 3% left 90%/40% no-repeat #189ffe;
}

#churaumi-aquarium #sec_access iframe {
  width: 100%;
  margin-bottom: 20px;
}

#churaumi-aquarium #sec_highlights {
  padding: 40px 0 60px;
  background: url(../images/wave3.png) left bottom/100% repeat-x, url(../images/bg_fish1.png) top 0 left 122%/48% no-repeat, url(../images/bg_fish1.png) top 15px left -20%/48% no-repeat, url(../images/bg_fish4.png) top 35% left 0/15% no-repeat, url(../images/bg_bubble.png) top 33% left 95%/30% no-repeat, url(../images/bg_jinbe.png) top 51% left 145%/60% no-repeat, url(../images/bg_fish1.png) top 73% left -15%/32% no-repeat, url(../images/bg_shark.png) bottom 4% left 5%/33% no-repeat, url(../images/bg_fish2.png) bottom 5% left 95%/30% no-repeat, #2661e8;
}

#churaumi-aquarium #sec_highlights h2 {
  padding-bottom: 10px;
}

#churaumi-aquarium #sec_highlights .high_h {
  position: relative;
  z-index: 1;
}

#churaumi-aquarium #sec_highlights .high_ph {
  position: relative;
  z-index: 0;
  margin: -73px 0 25px;
}

#churaumi-aquarium #sec_highlights p {
  color: #fff;
  padding-bottom: 40px;
}

#churaumi-aquarium #sec_program {
  padding: 40px 0 60px;
  background: url(../images/wave4.png) left bottom/100% repeat-x, url(../images/bg_fish1.png) top 0 left 122%/48% no-repeat, url(../images/bg_fish1.png) top 15px left -20%/48% no-repeat, url(../images/bg_bubble.png) top 15% left 95%/auto no-repeat, url(../images/bg_bubble.png) top 36% left 3%/auto no-repeat, url(../images/bg_bubble.png) top 48% left 95%/auto no-repeat, url(../images/bg_bubble.png) top 70% left 3%/auto no-repeat, url(../images/bg_bubble.png) top 85% left 95%/auto no-repeat, url(../images/bg_bubble.png) top 98% left 3%/auto no-repeat, #02bbe8;
}

#churaumi-aquarium #sec_program .program_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#churaumi-aquarium #sec_program .program_list li {
  width: 100%;
  display: flex;
  flex-direction: column;
}

#churaumi-aquarium #sec_program .program_list li h3 {
  color: #f6ff0b;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 20px 0 10px;
  order: 2;
  line-height: 1.4;
}

#churaumi-aquarium #sec_program .program_list li figure {
  order: 1;
}

#churaumi-aquarium #sec_program .program_list li p {
  order: 3;
  color: #fff;
  padding-bottom: 40px;
}

#churaumi-aquarium #sec_program .prg_info {
  background: #fff;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: 10px;
}

#churaumi-aquarium #sec_program .prg_info p {
  color: #ff0000;
  font-weight: bold;
  padding-bottom: 10px;
}

#churaumi-aquarium #sec_program .prg_info li {
  font-size: 1.3rem;
}

#churaumi-aquarium #sec_program .prg_info li span {
  font-weight: bold;
}

#churaumi-aquarium #sec_program .prg_info li span::after {
  content: "：";
}

#churaumi-aquarium #sec_program .prg_info li a {
  color: #0021c4;
  text-decoration: underline;
  word-break: break-all;
}

#churaumi-aquarium #sec_restaurant {
  padding: 40px 0 15px;
  background: url(../images/wave1.png) left bottom/100% repeat-x, url(../images/bg_fish1.png) top 0 left 122%/48% no-repeat, url(../images/bg_fish1.png) top 15px left -20%/48% no-repeat, url(../images/bg_fish4.png) top 26% left 0/15% no-repeat, url(../images/bg_bubble.png) top 39% left 95%/30% no-repeat, url(../images/bg_jinbe.png) top 46% left 145%/60% no-repeat, url(../images/bg_fish1.png) top 55% left -7%/32% no-repeat, url(../images/bg_shark.png) bottom 3% left 17%/38% no-repeat, url(../images/bg_fish2.png) bottom 8% left 90%/30% no-repeat, #317bf3;
}

#churaumi-aquarium #sec_restaurant .restaurant {
  overflow: hidden;
}

#churaumi-aquarium #sec_restaurant .res_h1 {
  position: relative;
  z-index: 1;
  max-width: 74%;
}

#churaumi-aquarium #sec_restaurant .res_h1 img {
  width: 100%;
}

#churaumi-aquarium #sec_restaurant .res_h2 {
  position: relative;
  z-index: 1;
  text-align: right;
  max-width: 60%;
}

#churaumi-aquarium #sec_restaurant .res_h2 img {
  width: 100%;
}

#churaumi-aquarium #sec_restaurant .res_ph {
  position: relative;
  z-index: 0;
  margin: -73px 0 25px;
}

#churaumi-aquarium #sec_restaurant p {
  color: #fff;
  margin-bottom: 15px;
}

#churaumi-aquarium #sec_restaurant dl {
  color: #fff;
  margin-bottom: 40px;
}

#churaumi-aquarium #sec_restaurant dl dd {
  padding-bottom: 15px;
}

#churaumi-aquarium #sec_restaurant .ph_copy {
  text-align: right;
  font-size: 1.05rem;
}

#churaumi-aquarium #sec_hotel {
  padding: 40px 0 60px;
  background: url(../images/wave5.png) left bottom/100% repeat-x, url(../images/bg_fish1.png) top 0 left 122%/48% no-repeat, url(../images/bg_fish1.png) top 15px left -20%/48% no-repeat, url(../images/bg_bubble.png) bottom 54% left 63%/auto no-repeat, url(../images/bg_bubble.png) bottom 7% left 3%/auto no-repeat, #189ffe;
  /*h2 img{
			max-width: 90%;
		}*/
}

#churaumi-aquarium #sec_hotel .hotel_list_wrap {
  width: 111%;
  margin-left: -5%;
  margin-bottom: 30px;
}

#churaumi-aquarium #sec_hotel .hotel_list {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-wrap: nowrap;
  padding-right: 5%;
  align-items: stretch;
}

#churaumi-aquarium #sec_hotel .hotel_list li {
  margin-left: 20px;
  flex: 0 0 73%;
  background: #fff;
  border-radius: 8px;
  transition: all .3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#churaumi-aquarium #sec_hotel .hotel_list li:hover {
  opacity: 0.75;
}

#churaumi-aquarium #sec_hotel .hotel_list li a {
  display: flex;
  flex-direction: column;
  padding: 15px;
  height: 100%;
  position: relative;
}

#churaumi-aquarium #sec_hotel .hotel_list .hotel_img {
  width: 100%;
  margin-bottom: 15px;
  order: 1;
  min-height: 100px;
}

#churaumi-aquarium #sec_hotel .hotel_list .hotel_name {
  order: 2;
  color: #0021c4;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.5;
  padding-bottom: 10px;
}

#churaumi-aquarium #sec_hotel .hotel_list .hotel_txt {
  order: 3;
}

#churaumi-aquarium #sec_hotel .hotel_list .hotel_more {
  order: 4;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #0021c4;
  font-weight: bold;
  font-size: 1.2rem;
  margin-top: 10px;
  line-height: 1;
  position: relative;
}

#churaumi-aquarium #sec_hotel .hotel_list .hotel_more::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: #0021c4;
  border-radius: 50%;
  margin-left: 10px;
}

#churaumi-aquarium #sec_hotel .hotel_list .hotel_more::before {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 9px;
  top: 36%;
}

#churaumi-aquarium #sec_tour {
  padding: 40px 0 20px;
  background: url(../images/wave2.png) left bottom/100% repeat-x, url(../images/bg_fish1.png) top 0 left 122%/48% no-repeat, url(../images/bg_fish1.png) top 15px left -20%/48% no-repeat, url(../images/bg_bubble.png) bottom 54% left 63%/auto no-repeat, url(../images/bg_bubble.png) bottom 7% left 3%/auto no-repeat, #26c9ff;
}

#churaumi-aquarium #sec_tour h2 img {
  max-width: 60%;
  height: auto;
}

#churaumi-aquarium #sec_tour .tour_tab {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

#churaumi-aquarium #sec_tour .tour_tab li {
  background: #b5eeff;
  flex: 0 1 24%;
  border-radius: 50px;
  padding: 5px;
  margin: 0 0.5%;
  text-align: center;
  color: #0021c4;
  font-weight: bold;
  transition: all .3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#churaumi-aquarium #sec_tour .tour_tab li:hover {
  cursor: pointer;
  opacity: 0.75;
}

#churaumi-aquarium #sec_tour .tour_tab li.is_active {
  background: #fff;
  position: relative;
}

#churaumi-aquarium #sec_tour .tour_tab li.is_active:hover {
  opacity: 1;
  cursor: default;
}

#churaumi-aquarium #sec_tour .tour_tab li.is_active::after {
  content: "";
  border: solid transparent;
  border-width: 10px;
  border-top-color: #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-left-width: 5px;
  border-right-width: 5px;
}

#churaumi-aquarium #sec_tour .tour_dep_bl {
  width: 100%;
  display: none;
  margin-bottom: 30px;
}

#churaumi-aquarium #sec_tour .tour_dep_bl.is_active {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
}

#churaumi-aquarium #sec_tour .tour_dep_bl li {
  background: #fff;
  border-radius: 10px;
  flex: 0 0 32%;
  margin-bottom: 15px;
}

#churaumi-aquarium #sec_tour .tour_dep_bl li a {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  height: 100%;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

#churaumi-aquarium #sec_tour .tour_dep_bl .tour_txt {
  flex: 0 0 65%;
}

#churaumi-aquarium #sec_tour .tour_dep_bl .tour_txt .tour_tit {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: bold;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 5;
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 15px;
}

#churaumi-aquarium #sec_tour .tour_dep_bl .tour_txt .tour_price {
  font-size: 2.0rem;
  line-height: 1;
  color: #ff3636;
  font-weight: bold;
}

#churaumi-aquarium #sec_tour .tour_dep_bl .tour_ph {
  position: relative;
  width: 30%;
}

#churaumi-aquarium #sec_tour .tour_dep_bl .tour_ph::before {
  content: "";
  display: block;
  padding-top: 100%;
}

#churaumi-aquarium #sec_tour .tour_dep_bl .tour_ph img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

#churaumi-aquarium #sec_tour .tour_dep_bl .tour_more {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #0021c4;
  font-weight: bold;
  font-size: 1.2rem;
  margin-top: 10px;
  line-height: 1;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

#churaumi-aquarium #sec_tour .tour_dep_bl .tour_more::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: #0021c4;
  border-radius: 50%;
  margin-left: 10px;
}

#churaumi-aquarium #sec_tour .tour_dep_bl .tour_more::before {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 9px;
  top: 36%;
}

#churaumi-aquarium #sec_qa {
  padding: 40px 0 15px;
  background: url(../images/bg_fish1.png) top 1% left 110%/40% no-repeat, url(../images/bg_fish4.png) top 71% left -3%/29% no-repeat, url(../images/bg_bubble.png) bottom 23% left 95%/30% no-repeat, url(../images/bg_jinbe.png) bottom 5% left 145%/70% no-repeat, url(../images/bg_shark.png) top 0% left -2%/33% no-repeat, url(../images/bg_fish2.png) top 51% left 98%/30% no-repeat, #2661e8;
}

@media screen and (min-width: 641px) {
  #churaumi-aquarium .dis_pc {
    display: block;
  }

  #churaumi-aquarium .dis_sp {
    display: none;
  }

  #churaumi-aquarium .top_img {
    background: url(../images/wave1.png) left bottom/100% repeat-x, url(../images/top_img.jpg) top center/100% no-repeat;
    padding: 90px 0 80px;
  }

  #churaumi-aquarium .top_img h1 {
    max-width: 90%;
    margin: 0 auto 15px;
  }

  #churaumi-aquarium h2 {
    padding-bottom: 45px;
  }

  #churaumi-aquarium #sec_access {
    background: url(../images/wave2.png) left bottom/100% repeat-x, url(../images/bg_fish3.png) bottom 8% left 90%/auto no-repeat #189ffe;
  }

  #churaumi-aquarium #sec_highlights h2 {
    padding-bottom: 0;
  }

  #churaumi-aquarium #sec_program .program_list li {
    width: calc(100% / 2 - 24px);
  }

  #churaumi-aquarium #sec_program .prg_info {
    text-align: center;
    margin: 30px auto;
  }

  #churaumi-aquarium #sec_restaurant .ph_copy {
    font-size: 1.1rem;
  }

  #churaumi-aquarium #sec_hotel .hotel_list_wrap {
    width: 100%;
    margin-left: 0;
  }

  #churaumi-aquarium #sec_hotel .hotel_list {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 0;
  }

  #churaumi-aquarium #sec_hotel .hotel_list li {
    flex: 0 0 32%;
    margin-left: 0;
  }

  #churaumi-aquarium #sec_hotel .hotel_list .hotel_name {
    font-size: 1.6rem;
  }

  #churaumi-aquarium #sec_hotel .hotel_list .hotel_more {
    position: absolute;
    right: 15px;
    bottom: 13px;
  }

  #churaumi-aquarium #sec_tour .tour_tab li {
    padding: 10px;
  }

  #churaumi-aquarium #sec_tour .tour_dep_bl.is_active {
    flex-direction: row;
  }

  #churaumi-aquarium #sec_tour .tour_dep_bl .tour_txt {
    order: 2;
    flex-basis: 100%;
  }

  #churaumi-aquarium #sec_tour .tour_dep_bl .tour_txt .tour_tit {
    order: 3;
    font-size: 1.6rem;
    line-height: 1.5;
    -webkit-line-clamp: 4;
  }

  #churaumi-aquarium #sec_tour .tour_dep_bl .tour_ph {
    order: 1;
    width: 100%;
    margin-bottom: 15px;
  }

  #churaumi-aquarium #sec_tour .tour_dep_bl .tour_ph::before {
    padding-top: 67%;
  }

  #churaumi-aquarium #sec_tour .tour_dep_bl .tour_more {
    order: 4;
  }

  #churaumi-aquarium #sec_qa {
    background: url(../images/bg_fish1.png) top 1% left 105%/34% no-repeat, url(../images/bg_fish4.png) top 69% left 2%/20% no-repeat, url(../images/bg_bubble.png) bottom 4% left 5%/30% no-repeat, url(../images/bg_jinbe.png) bottom 3% left 145%/70% no-repeat, url(../images/bg_shark.png) top -10% left 3%/25% no-repeat, url(../images/bg_fish2.png) top 47% left 95%/25% no-repeat, #2661e8;
  }

  #churaumi-aquarium #sec_qa .qa_list dd {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 770px) {
  #churaumi-aquarium .aqua_nav {
    background: url(../images/bg_fish1.png) top 0 left 99%/auto no-repeat, url(../images/bg_fish1.png) bottom 20px left 2%/auto no-repeat #189ffe;
  }

  #churaumi-aquarium .aqua_nav ul {
    padding: 20px 0 90px;
  }

  #churaumi-aquarium .aqua_nav li {
    margin: 0 2%;
  }

  #churaumi-aquarium .aqua_nav li a {
    font-size: 1.6rem;
  }

  #churaumi-aquarium .aqua_nav li a::before {
    font-size: 2.4rem;
  }

  #churaumi-aquarium .innerbox {
    font-size: 1.5rem;
  }

  #churaumi-aquarium dt {
    font-size: 1.8rem;
  }

  #churaumi-aquarium dd {
    font-size: 1.5rem;
  }

  #churaumi-aquarium #sec_about {
    background: url(../images/bg_fish2.png) top 6% left 102%/auto no-repeat, url(../images/bg_shark.png) bottom 50% left -6%/auto no-repeat, url(../images/bg_bubble.png) bottom 10% left 97%/auto no-repeat #189ffe;
  }

  #churaumi-aquarium #sec_access .innerbox {
    overflow: hidden;
  }

  #churaumi-aquarium #sec_access iframe {
    width: calc(50% - 20px);
    float: left;
  }

  #churaumi-aquarium #sec_access dl {
    width: calc(50% - 20px);
    float: right;
  }

  #churaumi-aquarium #sec_highlights {
    background: url(../images/wave3.png) left bottom/100% repeat-x, url(../images/bg_fish1.png) top 0 left 99%/auto no-repeat, url(../images/bg_fish1.png) top 60px left 2%/auto no-repeat, url(../images/bg_fish4.png) top 41% left 1%/auto no-repeat, url(../images/bg_bubble.png) top 33% left 95%/auto no-repeat, url(../images/bg_jinbe.png) top 53% left 140%/auto no-repeat, url(../images/bg_fish1.png) top 68% left -10%/25% no-repeat, url(../images/bg_shark.png) bottom 3% left -5%/auto no-repeat, url(../images/bg_fish2.png) bottom 12% left 100%/auto no-repeat, #2661e8;
  }

  #churaumi-aquarium #sec_highlights p {
    padding-bottom: 60px;
  }

  #churaumi-aquarium #sec_program {
    background: url(../images/wave4.png) left bottom/100% repeat-x, url(../images/bg_fish1.png) top 0 left 99%/auto no-repeat, url(../images/bg_fish1.png) top 60px left 2%/auto no-repeat, url(../images/bg_bubble.png) top 15% left 95%/auto no-repeat, url(../images/bg_bubble.png) top 36% left 3%/auto no-repeat, url(../images/bg_bubble.png) top 48% left 95%/auto no-repeat, url(../images/bg_bubble.png) top 70% left 3%/auto no-repeat, url(../images/bg_bubble.png) top 90% left 95%/auto no-repeat, url(../images/bg_bubble.png) top 98% left 3%/auto no-repeat, #02bbe8;
  }

  #churaumi-aquarium #sec_program .program_list li {
    width: calc(100% / 3 - 24px);
  }

  #churaumi-aquarium #sec_program .program_list li h3 {
    font-size: 1.8rem;
  }

  #churaumi-aquarium #sec_program .program_list li figure {
    min-height: 200px;
  }

  #churaumi-aquarium #sec_program .program_list li p {
    font-size: 1.5rem;
    padding-bottom: 25px;
  }

  #churaumi-aquarium #sec_restaurant {
    padding: 40px 0 60px;
    background: url(../images/wave1.png) left bottom/100% repeat-x, url(../images/bg_fish1.png) top 0 left 99%/auto no-repeat, url(../images/bg_fish1.png) top 60px left 2%/auto no-repeat, url(../images/bg_fish4.png) top 52% left 1%/auto no-repeat, url(../images/bg_bubble.png) top 33% left 98%/auto no-repeat, url(../images/bg_jinbe.png) top 51% left 98%/auto no-repeat, url(../images/bg_shark.png) bottom 7% left 20%/auto no-repeat, #317bf3;
  }

  #churaumi-aquarium #sec_restaurant .restaurant:nth-of-type(2) {
    margin-top: 80px;
  }

  #churaumi-aquarium #sec_restaurant .res_h1 {
    float: right;
    width: 40%;
    max-width: 386px;
    padding-bottom: 20px;
  }

  #churaumi-aquarium #sec_restaurant .res_h2 {
    float: left;
    text-align: left;
    clear: both;
    width: 60%;
    max-width: 309px;
    padding-bottom: 20px;
  }

  #churaumi-aquarium #sec_restaurant .res_ph {
    max-width: 758px;
    width: 66%;
  }

  #churaumi-aquarium #sec_restaurant .res_ph.res_ph1 {
    float: left;
  }

  #churaumi-aquarium #sec_restaurant .res_ph.res_ph2 {
    float: right;
    margin-top: 0;
  }

  #churaumi-aquarium #sec_restaurant .res_txt1 {
    float: right;
    width: 31%;
  }

  #churaumi-aquarium #sec_restaurant .res_txt2 {
    float: left;
    width: 31%;
  }

  #churaumi-aquarium #sec_hotel {
    padding: 40px 0 120px;
    background: url(../images/wave5.png) left bottom/100% repeat-x, url(../images/bg_fish1.png) top 0 left 99%/auto no-repeat, url(../images/bg_fish1.png) top 60px left 2%/auto no-repeat, url(../images/bg_bubble.png) bottom 10% left 98%/auto no-repeat, url(../images/bg_bubble.png) bottom 7% left 3%/auto no-repeat, #189ffe;
  }

  #churaumi-aquarium #sec_hotel .hotel_list li a {
    padding: 20px;
  }

  #churaumi-aquarium #sec_hotel .hotel_list .hotel_name {
    font-size: 1.8rem;
  }

  #churaumi-aquarium #sec_hotel .hotel_list .hotel_txt {
    margin-bottom: 40px;
  }

  #churaumi-aquarium #sec_hotel .hotel_list .hotel_more {
    right: 20px;
    bottom: 20px;
  }

  #churaumi-aquarium #sec_tour {
    padding: 40px 0 120px;
    background: url(../images/wave2.png) left bottom/100% repeat-x, url(../images/bg_fish1.png) top 0 left 99%/auto no-repeat, url(../images/bg_fish1.png) top 60px left 2%/auto no-repeat, url(../images/bg_bubble.png) bottom 10% left 98%/auto no-repeat, url(../images/bg_bubble.png) bottom 7% left 3%/auto no-repeat, #26c9ff;
  }

  #churaumi-aquarium #sec_tour .tour_tab {
    margin-bottom: 40px;
  }

  #churaumi-aquarium #sec_tour .tour_tab li {
    flex: 0 1 10%;
  }

  #churaumi-aquarium #sec_tour .tour_dep_bl li a {
    padding: 20px;
  }

  #churaumi-aquarium #sec_tour .tour_dep_bl .tour_txt .tour_price {
    font-size: 2.4rem;
  }

  #churaumi-aquarium #sec_tour .tour_dep_bl .tour_more {
    right: 20px;
    bottom: 20px;
  }

  #churaumi-aquarium #sec_qa {
    padding: 40px 0 60px;
    background: url(../images/bg_fish1.png) top 0 left 99%/27% no-repeat, url(../images/bg_fish4.png) top 9% left 5%/auto no-repeat, url(../images/bg_fish2.png) bottom 5% left 97%/auto no-repeat, url(../images/bg_jinbe.png) top 53% left 98%/auto no-repeat, url(../images/bg_fish1.png) bottom 5% left 2%/13% no-repeat, url(../images/bg_shark.png) top 43% left 2%/auto no-repeat, #2661e8;
  }
}

@media screen and (min-width: 1025px) {
  #churaumi-aquarium .top_img {
    background: url(../images/wave1.png) left bottom/auto repeat-x, url(../images/top_img.jpg) top center/100% no-repeat;
    padding: 180px 0;
  }

  #churaumi-aquarium #sec_about {
    background: url(../images/bg_fish2.png) top 0 left 98%/auto no-repeat, url(../images/bg_shark.png) bottom 50% left 2%/auto no-repeat, url(../images/bg_bubble.png) bottom 10% left 97%/auto no-repeat #189ffe;
  }

  #churaumi-aquarium #sec_access {
    padding-bottom: 150px;
    background: url(../images/wave2.png) left bottom/auto repeat-x, url(../images/bg_fish3.png) bottom 120px left 90%/auto no-repeat #189ffe;
  }

  #churaumi-aquarium #sec_highlights {
    padding-bottom: 80px;
    background: url(../images/wave3.png) left bottom/auto repeat-x, url(../images/bg_fish1.png) top 0 left 99%/auto no-repeat, url(../images/bg_fish1.png) top 60px left 2%/auto no-repeat, url(../images/bg_fish4.png) top 30% left 3%/auto no-repeat, url(../images/bg_bubble.png) top 35% left 95%/auto no-repeat, url(../images/bg_jinbe.png) top 49.5% left 98%/auto no-repeat, url(../images/bg_fish1.png) top 79% left 2%/20% no-repeat, url(../images/bg_shark.png) top 48% left 2%/auto no-repeat, url(../images/bg_fish2.png) top 80% left 95%/auto no-repeat, #2661e8;
  }

  #churaumi-aquarium #sec_program {
    padding-bottom: 100px;
    background: url(../images/wave4.png) left bottom/auto repeat-x, url(../images/bg_fish1.png) top 0 left 99%/auto no-repeat, url(../images/bg_fish1.png) top 60px left 2%/auto no-repeat, url(../images/bg_bubble.png) top 15% left 95%/auto no-repeat, url(../images/bg_bubble.png) top 36% left 3%/auto no-repeat, url(../images/bg_bubble.png) top 48% left 95%/auto no-repeat, url(../images/bg_bubble.png) top 70% left 3%/auto no-repeat, url(../images/bg_bubble.png) top 90% left 95%/auto no-repeat, url(../images/bg_bubble.png) top 98% left 3%/auto no-repeat, #02bbe8;
  }

  #churaumi-aquarium #sec_restaurant {
    padding-bottom: 100px;
  }

  #churaumi-aquarium #sec_restaurant .restaurant:nth-of-type(2) {
    margin-top: 50px;
  }

  #churaumi-aquarium #sec_restaurant .res_ph {
    margin-top: 0;
  }

  #churaumi-aquarium #sec_qa {
    background: url(../images/bg_fish1.png) top 0 left 99%/auto no-repeat, url(../images/bg_fish4.png) top 9% left 5%/auto no-repeat, url(../images/bg_fish2.png) bottom 5% left 97%/auto no-repeat, url(../images/bg_jinbe.png) top 60% left 98%/auto no-repeat, url(../images/bg_fish1.png) bottom 5% left 2%/13% no-repeat, url(../images/bg_shark.png) top 43% left 2%/auto no-repeat, #2661e8;
  }
}

@media screen and (max-width: 640px) {
  #churaumi-aquarium .lead {
    padding: 5% 5% 0;
    text-align: left;
    background: #189ffe;
  }

  #churaumi-aquarium h2 img {
    max-width: 100%;
    width: auto;
    height: 62px;
  }

  #churaumi-aquarium #sec_about h2 img {
    max-width: 100%;
    height: auto;
  }

  #churaumi-aquarium #sec_highlights h2 img {
    padding-bottom: 0;
  }

  #churaumi-aquarium #sec_highlights .high_h {
    max-width: 40%;
  }

  #churaumi-aquarium #sec_highlights .high_ph {
    margin: -30px 0 5px;
  }

  #churaumi-aquarium #sec_restaurant .res_ph {
    margin: -30px 0 5px;
  }

  #churaumi-aquarium #sec_hotel .hotel_list .hotel_name {
    min-height: 54px;
  }

  #churaumi-aquarium #sec_tour .tour_tab li {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 641px) and (max-width: 1023px) {
  #churaumi-aquarium .aqua_nav {
    background: url(../images/bg_fish1.png) top 0 left 100%/auto 80% no-repeat, url(../images/bg_fish1.png) bottom 0 left 0%/auto 100% no-repeat #189ffe;
  }

  #churaumi-aquarium .aqua_nav ul {
    max-width: 100%;
  }

  #churaumi-aquarium .aqua_nav li {
    width: 11%;
  }

  #churaumi-aquarium #sec_restaurant .ph_copy {
    margin: -20px 0 40px;
  }

  #churaumi-aquarium #sec_tour .tour_dep_bl .tour_more span {
    display: none;
  }
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
    min-width: 1140px !important;
    width: 100%;
    position: relative !important;
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
/*# sourceMappingURL=style.css.map */