@charset"utf-8";
@import "common.css";

/* header.top-head
-------------------------------------------------- */
header.top-head{
  position: relative;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.nav_li a{
  color: #050038;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.nav_li.reservation a{
  border: 2px solid #050038;
  padding: 0.6rem 2rem 0.7rem;
  border-radius: 5rem;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.nav_li.reservation a:hover{
  opacity: 1;
  background: #050038;
  color: #fff;
}
@media print, screen and (max-width: 1280px){
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.nav_li a{
    color: #fff;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.nav_li.reservation a{
    border: none;
    padding: 0 0 1rem 0;
    border-radius: inherit;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.nav_li.reservation a:hover{
    background: inherit;
    opacity: 0.6;
  }
  header div.nav-area span.nav_line{
    background: #050038;
  }
}

/* a
-------------------------------------------------- */
div.content p a,
div.content ul li a,
div.content dl dt a,
div.content dl dd a,
div.content table th a,
div.content table td a{
  color: #0984E3;
  text-decoration: underline;
}
div.content p a:hover,
div.content ul li a:hover,
div.content dl dt a:hover,
div.content dl dd a:hover,
div.content table th a:hover,
div.content table td a:hover{
  opacity: 0.6;
  transition: 0.6s;
}

/* img-area
-------------------------------------------------- */
div.img-area img{
  width: 100%;
  height: auto;
}

/* breadcrumbSec
-------------------------------------------------- */
section.breadcrumbSec{
  margin: 3rem 0 0;
}
section.breadcrumbSec div.breadcrumb ul li{
  display: inline-block;
}
section.breadcrumbSec div.breadcrumb ul li::after{
  content: '>';
  padding: 0 1.5rem;
}
section.breadcrumbSec div.breadcrumb ul li:last-child::after{
  display: none;
}
@media print, screen and (max-width: 767px) {
  section.breadcrumbSec div.breadcrumb ul li{
    font-size: 1.4rem;
  }
}

/* contactCmnSec
-------------------------------------------------- */
section.contactCmnSec{
  margin: 15rem 0 0;  
}
@media print, screen and (max-width: 767px) {
  section.contactCmnSec{
    margin: 12rem 0 0;  
  }
}

/* titleSec
-------------------------------------------------- */
section.titleSec{
  background: url(../img/common/titleSec_bg.png) center center / cover no-repeat;
  padding: 10rem 0 12rem;
}
h2.h2-title{
  font-size: 4.6rem;
  line-height: 1.2;
  color: #05121e;
}
h2.h2-title::after{
  display: block;
  font-size: 1.6rem;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
  color: #05121e;
}
h2.h2-title.our_mission::after{
  content: 'Our Mission';
}
h2.h2-title.whale_watching::after{
  content: 'Whale Watching';
}
h2.h2-title.humpback_whale::after{
  content: 'Humpback Whale';
}
h2.h2-title.rule::after{
  content: 'Rule';
}
h2.h2-title.tour::after{
  content: 'Tour';
}
h2.h2-title.voice::after{
  content: 'Voice';
}
h2.h2-title.about::after{
  content: 'About';
}
h2.h2-title.faq::after{
  content: 'FAQ';
}
h2.h2-title.zamami::after{
  content: 'Zamami';
}
h2.h2-title.note::after{
  content: 'Note Blog';
}
h2.h2-title.blog::after{
  content: 'Past Blog';
}
h2.h2-title.news::after{
  content: 'News';
}
h2.h2-title.reservation::after{
  content: 'Reservation';
}
h2.h2-title.policy::after{
  content: 'Privacy Policy';
}
h3.h3-title {
  font-size: 3.4rem;
  margin-bottom: 5rem;
  color: #0984E3;
  line-height: 1.4;
  text-align: center;
  position: relative;
}
h3.h3-title::after {
  content: "";
  display: block;
  position: absolute;
  background: #0984E3;
  left: 50%;
  bottom: -1.2rem;
  width: 5rem;
  height: 2px;
  transform: translate3d(-50%, 0, 0);
}
@media print, screen and (max-width: 767px) {
  section.titleSec{
    padding: 10rem 0;
  }
  h2.h2-title{
    font-size: 4.2rem;
    line-height: 1.15;
  }
  h2.h2-title::after{
    margin-top: 0.8rem;
  }
  h3.h3-title {
    font-size: 2.8rem;
    line-height: 1.3;
  }
  h3.h3-title::after {
    bottom: -1.5rem;
  }
}

/* ourMissionSec
-------------------------------------------------- */
section.ourMissionSec{
  margin: 7rem 0 0;
  background: rgba(10, 66, 99, 0.05);
  padding: 10rem 0;
}
section.ourMissionSec h3.h3-cmn{
  text-align: center;
  font-size: 3.6rem;
  line-height: 1.2;
}
section.ourMissionSec h4.h4-cmn{
  font-size: 3.0rem;
  margin-bottom: 5rem;
  color: #0984E3;
  line-height: 1.35;
  text-align: center;
  position: relative;
}
section.ourMissionSec h4.h4-cmn::after {
  content: "";
  display: block;
  position: absolute;
  background: #0984E3;
  left: 50%;
  bottom: -1.5rem;
  width: 5rem;
  height: 2px;
  transform: translate3d(-50%, 0, 0);
}
section.ourMissionSec div.ourMission{
  background: #fff;
  border-radius: 1rem;
  padding: 5rem;
}
section.ourMissionSec div.ourMission p{
  font-size: 1.8rem;
  line-height: 2;
}
section.ourMissionSec div.ourMission ul li{
  font-size: 1.8rem;
  line-height: 2;
  position: relative;
  padding-left: 2.5rem;
}
section.ourMissionSec div.ourMission ul li::before{
  content: '〇';
  position: absolute;
  left: 0;
  top: 0;
}
section.ourMissionSec div.img img{
  border-radius: 1rem;
}
section.ourMissionSec div.ourMission.value p.message{
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 2.0;
  text-align: center;
}
section.ourMissionSec div.ourMission.keramabrand{
  margin-top: 7rem;
}
section.ourMissionSec div.ourMission.keramabrand p{
  text-align: center;
}
section.ourMissionSec div.ourMission.keramabrand p.p01{
  margin-bottom: 2rem;
}
section.ourMissionSec div.ourMission.keramabrand div.img{
  width: 100%;
  margin: 5rem auto 0;
}
section.ourMissionSec div.ourMission.friendly{
  margin-top: 7rem;
}
section.ourMissionSec div.ourMission.friendly p{
  font-size: 1.6rem;
}
section.ourMissionSec div.ourMission.friendly div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
section.ourMissionSec div.ourMission.friendly div.wrap div.box.b01{
  width: 50%;
}
section.ourMissionSec div.ourMission.friendly div.wrap div.box.b01{
  border-right: 1px dotted #888;
  padding-right: 3%;
}
section.ourMissionSec div.ourMission.friendly div.wrap div.box.b02{
  width: 50%;
  padding-left: 3%;
}
section.ourMissionSec div.ourMission.friendly div.wrap div.box h5.h5-cmn{
  font-size: 2.2rem;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 3rem;
}
section.ourMissionSec div.ourMission.friendly div.wrap div.box div.img{
  width: 100%;
  margin-top: 3rem;
}
section.ourMissionSec div.block.b02{
  margin-top: 10rem;
}
section.ourMissionSec div.ourMission.environment{
  margin-top: 7rem;
}
section.ourMissionSec div.ourMission.challenge{
  margin-top: 7rem;
}
section.ourMissionSec div.ourMission.learning{
  margin-top: 7rem;
}
section.ourMissionSec div.ourMission.learning div.img{
  width: 100%;
  margin: 5rem auto 0;
}
section.ourMissionSec div.block.b03{
  margin-top: 10rem;
}
section.ourMissionSec div.ourMission.rule{
  margin-top: 7rem;
}
section.ourMissionSec div.ourMission.waiting{
  margin-top: 7rem;
}
section.ourMissionSec div.ourMission.next-generation{
  margin-top: 7rem;
}
section.ourMissionSec div.ourMission.next-generation div.img{
  width: 100%;
  margin: 5rem auto 0;
}
@media print, screen and (max-width: 767px) {
  section.ourMissionSec{
    padding: 7rem 0;
  }
  section.ourMissionSec h3.h3-cmn{
    font-size: 3.0rem;
    line-height: 1.3;
  }
  section.ourMissionSec h4.h4-cmn{
    font-size: 2.4rem;
    line-height: 1.4;
    margin-bottom: 4.5rem;
  }
  section.ourMissionSec h4.h4-cmn::after {
    bottom: -1.6rem;
  }
  section.ourMissionSec div.ourMission{
    padding: 3.5rem 1.5rem;
  }
  section.ourMissionSec div.ourMission p{
    font-size: 1.6rem;
    line-height: 1.8;
  }
  section.ourMissionSec div.ourMission ul li{
    font-size: 1.6rem;
    line-height: 1.8;
    padding-left: 2.1rem;
    margin-bottom: 1.5rem;
  }
  section.ourMissionSec div.ourMission ul li:last-child{
    margin-bottom: 0;
  }
  section.ourMissionSec div.ourMission.value p.message{
    font-size: 2.6rem;
    line-height: 1.5;
  }
  section.ourMissionSec div.ourMission.keramabrand{
    margin-top: 5rem;
  }
  section.ourMissionSec div.ourMission.keramabrand p{
    text-align: left;
  }
  section.ourMissionSec div.ourMission.keramabrand p.p01{
    margin-bottom: 1.5rem;
  }
  section.ourMissionSec div.ourMission.keramabrand div.img{
    margin: 3rem auto 0;
  }
  section.ourMissionSec div.ourMission.friendly{
    margin-top: 5rem;
  }
  section.ourMissionSec div.ourMission.friendly p{
    font-size: 1.5rem;
  }
  section.ourMissionSec div.ourMission.friendly div.wrap{
    display: block;
  }
  section.ourMissionSec div.ourMission.friendly div.wrap div.box.b01{
    width: 100%;
  }
  section.ourMissionSec div.ourMission.friendly div.wrap div.box.b01{
    border-right: none;
    padding-right: 0;
  }
  section.ourMissionSec div.ourMission.friendly div.wrap div.box.b02{
    width: 100%;
    padding-left: 0;
    margin-top: 3rem;
  }
  section.ourMissionSec div.ourMission.friendly div.wrap div.box h5.h5-cmn{
    font-size: 2.0rem;
    margin-bottom: 2rem;
  }
  section.ourMissionSec div.ourMission.friendly div.wrap div.box div.img{
    width: 100%;
    margin-top: 3rem;
  }
  section.ourMissionSec div.block.b02{
    margin-top: 7rem;
  }
  section.ourMissionSec div.ourMission.environment{
    margin-top: 5rem;
  }
  section.ourMissionSec div.ourMission.challenge{
    margin-top: 5rem;
  }
  section.ourMissionSec div.ourMission.learning{
    margin-top: 5rem;
  }
  section.ourMissionSec div.ourMission.learning div.img{
    margin: 3rem auto 0;
  }
  section.ourMissionSec div.block.b03{
    margin-top: 7rem;
  }
  section.ourMissionSec div.ourMission.rule{
    margin-top: 5rem;
  }
  section.ourMissionSec div.ourMission.waiting{
    margin-top: 5rem;
  }
  section.ourMissionSec div.ourMission.next-generation{
    margin-top: 5rem;
  }
  section.ourMissionSec div.ourMission.next-generation div.img{
    margin: 3rem auto 0;
  }
}

/* whale_watchingSec
-------------------------------------------------- */
section.whale_watchingSec{
  margin: 7rem 0 0;
}
section.whale_watchingSec p.lead{
  font-size: 1.8rem;
  line-height: 1.8;
}
section.whale_watchingSec div.whale_watching.rule div.rule-btn{
  width: 40rem;
  margin: 5rem auto 0;
}
section.whale_watchingSec div.whale_watching.rule div.rule-btn a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.whale_watchingSec div.whale_watching.kerama{
  margin: 10rem 0 0;
}
section.whale_watchingSec div.whale_watching.kerama div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
section.whale_watchingSec div.whale_watching.kerama div.wrap div.txt-area{
  width: 47.5%;
}
section.whale_watchingSec div.whale_watching.kerama div.wrap div.txt-area ul li{
  position: relative;
  padding-left: 2.1rem;
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}
section.whale_watchingSec div.whale_watching.kerama div.wrap div.txt-area ul li:last-child{
  margin-bottom: 3.5rem;
}
section.whale_watchingSec div.whale_watching.kerama div.wrap div.txt-area p.att{
  font-size: 1.6rem;
  line-height: 1.8;
}
section.whale_watchingSec div.whale_watching.kerama div.wrap div.txt-area ul li::before{
  content: '〇';
  position: absolute;
  left: 0;
  top: 0;
}
section.whale_watchingSec div.whale_watching.kerama div.wrap div.img-area{
  width: 47.5%;
}
section.whale_watchingSec div.whale_watching.kerama div.wrap div.img-area img{
  border-radius: 1rem;
}
section.whale_watchingSec div.whale_watching.merit{
  margin: 10rem 0 0;
}
section.whale_watchingSec div.whale_watching.merit div.block{
  background: rgba(10, 66, 99, 0.05);
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  padding: 7rem 5rem;
}
section.whale_watchingSec div.whale_watching.merit div.block ul li{
  position: relative;
  font-size: 2.0rem;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 1rem;
  padding-left: 2.3rem;
}
section.whale_watchingSec div.whale_watching.merit div.block ul li:last-child{
  margin-bottom: 0;
}
section.whale_watchingSec div.whale_watching.merit div.block ul li::after{
  display: block;
  content: '';
  position: absolute;
  top: 1.5rem;
  left: 0rem;
  width: 1.3rem;
  height: 0.5rem;
  border-left: 3px solid #B81F0D;
  border-bottom: 3px solid #B81F0D;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
section.whale_watchingSec div.whale_watching.item{
  margin: 10rem 0 0;
}
section.whale_watchingSec div.whale_watching.item div.img-area{
  width: 100%;
}
@media print, screen and (max-width: 767px) {
  section.whale_watchingSec p.lead{
    font-size: 1.6rem;
  }
  section.whale_watchingSec div.whale_watching.rule div.rule-btn{
    width: 30rem;
  }
  section.whale_watchingSec div.whale_watching.kerama{
    margin: 7rem 0 0;
  }
  section.whale_watchingSec div.whale_watching.kerama div.wrap{
    display: block;
  }
  section.whale_watchingSec div.whale_watching.kerama div.wrap div.txt-area{
    width: 100%;
  }
  section.whale_watchingSec div.whale_watching.kerama div.wrap div.txt-area ul li{
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
  section.whale_watchingSec div.whale_watching.kerama div.wrap div.txt-area ul li:last-child{
    margin-bottom: 3rem;
  }
  section.whale_watchingSec div.whale_watching.kerama div.wrap div.txt-area p.att{
    font-size: 1.5rem;
  }
  section.whale_watchingSec div.whale_watching.kerama div.wrap div.img-area{
    width: 100%;
    margin-top: 3rem;
  }
  section.whale_watchingSec div.whale_watching.merit{
    margin: 7rem 0 0;
  }
  section.whale_watchingSec div.whale_watching.merit div.block{
    padding: 5rem 2rem;
  }
  section.whale_watchingSec div.whale_watching.merit div.block ul li{
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
  section.whale_watchingSec div.whale_watching.item{
    margin: 7rem 0 0;
  }
}

/* humpback_whaleSec
-------------------------------------------------- */
section.humpback_whaleSec{
  margin: 7rem 0 0;
}
section.humpback_whaleSec h3.h3-cmn{
  text-align: center;
  font-size: 3.6rem;
  line-height: 1.2;
}
section.humpback_whaleSec h4.h4-cmn{
  font-size: 3.0rem;
  margin-bottom: 5rem;
  color: #0984E3;
  line-height: 1.35;
  text-align: center;
  position: relative;
}
section.humpback_whaleSec h4.h4-cmn::after {
  content: "";
  display: block;
  position: absolute;
  background: #0984E3;
  left: 50%;
  bottom: -1.5rem;
  width: 5rem;
  height: 2px;
  transform: translate3d(-50%, 0, 0);
}
section.humpback_whaleSec div.ecology div.img{
  width: 100%;
  margin: 0 auto 5rem;
}
section.humpback_whaleSec p{
  font-size: 1.8rem;
  line-height: 1.8;
}
section.humpback_whaleSec div.baleen_whale{
  margin-top: 7rem;
}
section.humpback_whaleSec div.baleen_whale p.p03{
  margin-top: 3rem;
}
section.humpback_whaleSec div.condition{
  margin-top: 7rem;
}
section.humpback_whaleSec div.condition{
  margin: 10rem 0 0;
}
section.humpback_whaleSec div.condition div.list-area{
  background: rgba(10, 66, 99, 0.05);
  border-radius: 1rem;
  padding: 7rem 5rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
section.humpback_whaleSec div.condition div.list-area p.ttl{
  font-size: 2.6rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3.5rem;
}
section.humpback_whaleSec div.condition div.list-area div.list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
section.humpback_whaleSec div.condition div.list-area div.list ul li{
  position: relative;
  font-size: 2.0rem;
  line-height: 1.8;
  margin-bottom: 1rem;
  padding-left: 2.3rem;
}
section.humpback_whaleSec div.condition div.list-area div.list ul li:last-child{
  margin-bottom: 0;
}
section.humpback_whaleSec div.condition div.list-area div.list ul li::after{
  display: block;
  content: '';
  position: absolute;
  top: 1.5rem;
  left: 0rem;
  width: 1.3rem;
  height: 0.5rem;
  border-left: 3px solid #B81F0D;
  border-bottom: 3px solid #B81F0D;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
section.humpback_whaleSec div.condition div.list-area p.impact{
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: bold;
  margin-top: 3rem;
}
section.humpback_whaleSec div.condition h5{
  font-size: 2.6rem;
  line-height: 1.3;
  margin-bottom: 3.5rem;
  font-weight: bold;
  text-align: center;
}
section.humpback_whaleSec div.condition p.msg{
  text-align: center;
}
section.humpback_whaleSec div.block.b02{
  margin-top: 10rem;
}
section.humpback_whaleSec div.area div.img{
  width: 100%;
  margin: 5rem auto 0;
}
section.humpback_whaleSec div.area div.img img{
  border-radius: 1rem;
}
section.humpback_whaleSec div.pattern{
  margin-top: 7rem;
}
section.humpback_whaleSec div.pattern div.illustrationwrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.humpback_whaleSec div.pattern div.illustrationwrap{
  margin-top: 5rem;
}
section.humpback_whaleSec div.pattern div.illustrationwrap div.box{
  width: 49%;
  border: 1px solid #050038;
  border-radius: 1rem;
  padding: 3rem 2rem 2rem;
}
section.humpback_whaleSec div.pattern div.illustrationwrap div.box h5{
  font-size: 2.6rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 3.5rem;
}
section.humpback_whaleSec div.pattern div.illustrationwrap div.box h5 span{
  display: block;
  font-size: 1.6rem;
}
section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b01,
section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b02,
section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b03,
section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b04{
  margin-bottom: 2.5rem;
}
section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b03 div.wrap,
section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b04 div.wrap,
section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b05 div.wrap,
section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b06 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.humpback_whaleSec div.pattern div.illustrationwrap div.box div.wrap div.img{
  width: 40%;
}
section.humpback_whaleSec div.pattern div.illustrationwrap div.box div.wrap p{
  width: 55%;
  font-size: 1.6rem;
}
section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b02 div.img{
  margin-top: 3rem;
}
section.humpback_whaleSec div.species_identification{
  margin-top: 7rem;
}
section.humpback_whaleSec div.species_identification p.p02{
  margin-top: 3rem;
}
section.humpback_whaleSec div.species_identification div.identificationwrap{
  margin-top: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.humpback_whaleSec div.species_identification div.identificationwrap div.box{
  width: 49%;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  border-bottom: 1px dotted #050038;
}
section.humpback_whaleSec div.species_identification div.identificationwrap div.box.b07{
  margin-bottom: 0;
}
section.humpback_whaleSec div.species_identification div.identificationwrap div.box p.name{
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 1rem;
}
section.humpback_whaleSec div.species_identification div.identificationwrap div.box p.ex{
  font-size: 1.6rem;
}
section.humpback_whaleSec div.species_identification div.identificationwrap div.box div.img{
  margin-top: 3rem;
}
@media print, screen and (max-width: 767px) {
  section.humpback_whaleSec h3.h3-cmn{
    font-size: 3.0rem;
    line-height: 1.3;
  }
  section.humpback_whaleSec h4.h4-cmn{
    font-size: 2.4rem;
    line-height: 1.4;
    margin-bottom: 4.5rem;
  }
  section.humpback_whaleSec p{
    font-size: 1.6rem;
  }
  section.humpback_whaleSec div.condition div.list-area{
    padding: 5rem 2rem;
  }
  section.humpback_whaleSec div.condition div.list-area p.ttl{
    font-size: 2.4rem;
    line-height: 1.4;
    margin-bottom: 3rem;
  }
  section.humpback_whaleSec div.baleen_whale{
    margin-top: 5rem;
  }
  section.humpback_whaleSec div.baleen_whale p.p02{
    margin-top: 2rem;
  }
  section.humpback_whaleSec div.baleen_whale p.p03{
    margin-top: 2rem;
  }
  section.humpback_whaleSec div.condition{
    margin-top: 5rem;
  }
  section.humpback_whaleSec div.condition div.list-area{
    margin-top: 3rem;
  }
  section.humpback_whaleSec div.condition div.list-area div.list ul li{
    font-size: 1.8rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
  }
  section.humpback_whaleSec div.condition div.list-area div.list ul li::after {
    top: 1rem;
  }
  section.humpback_whaleSec div.condition div.list-area p.impact{
    font-size: 2rem;
  }
  section.humpback_whaleSec div.pattern div.illustrationwrap div.box h5{
    font-size: 2.2rem;
    margin-bottom: 3rem;
  }
  section.humpback_whaleSec div.condition p.msg{
    text-align: left;
  }
  section.humpback_whaleSec div.block.b02{
    margin-top: 7rem;
  }
  section.humpback_whaleSec div.area div.img{
    margin: 3rem auto 0;
  }
  section.humpback_whaleSec div.pattern{
    margin-top: 5rem;
  }
  section.humpback_whaleSec div.pattern div.illustrationwrap{
    display: block;
  }
  section.humpback_whaleSec div.pattern div.illustrationwrap{
    margin-top: 3rem;
  }
  section.humpback_whaleSec div.pattern div.illustrationwrap div.box{
    width: 100%;
    padding: 3rem 1.5rem 2rem;
  }
  section.humpback_whaleSec div.pattern div.illustrationwrap div.box h5{
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  section.humpback_whaleSec div.pattern div.illustrationwrap div.box h5 span{
    font-size: 1.5rem;
  }
  section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b01,
  section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b02,
  section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b03,
  section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b04,
  section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b05{
    margin-bottom: 2rem;
  }
  section.humpback_whaleSec div.pattern div.illustrationwrap div.box div.wrap p{
    font-size: 1.5rem;
  }
  section.humpback_whaleSec div.pattern div.illustrationwrap div.box.b02 div.img{
    margin-top: 2rem;
  }
  section.humpback_whaleSec div.species_identification{
    margin-top: 5rem;
  }
  section.humpback_whaleSec div.species_identification p.p02{
    margin-top: 2rem;
  }
  section.humpback_whaleSec div.species_identification div.identificationwrap{
    margin-top: 5rem;
    display: block;
  }
  section.humpback_whaleSec div.species_identification div.identificationwrap div.box{
    width: 100%;
    margin-bottom: 3rem;
  }
  section.humpback_whaleSec div.species_identification div.identificationwrap div.box p.name{
    font-size: 2.0rem;
  }
  section.humpback_whaleSec div.species_identification div.identificationwrap div.box p.ex{
    font-size: 1.5rem;
  }
  section.humpback_whaleSec div.species_identification div.identificationwrap div.box div.img{
    margin-top: 2rem;
  }
}


/* tourSec
-------------------------------------------------- */
section.tourSec{
  margin: 7rem 0 0;
}
section.tourSec div.tour.outline dl{
  margin-bottom: 3rem;
}
section.tourSec div.tour.outline dl.nbtm{
  margin-bottom: 0;
}
section.tourSec div.tour.outline dl dt{
  font-size: 2.2rem;
  font-weight: bold;
}
section.tourSec div.tour.outline dl dd{
  line-height: 1.8;
}
section.tourSec div.tour.outline dl dd.btm{
  margin-bottom: 1.5rem;
}
section.tourSec div.tour.ship#whalewatching_ship::before{
  content: '';
  margin-top: -10rem;
  height: 10rem;
  display: block;
  visibility: hidden;
}
section.tourSec div.tour.ship{
  margin: 10rem 0 0;
}
section.tourSec div.tour.ship p.lead{
  font-size: 1.6rem;
  line-height: 1.8;
}
section.tourSec div.tour.ship div.shiplist{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 5rem;
}
section.tourSec div.tour.ship div.shiplist div.box{
  width: 32%;
  position: relative;
  border: 1px solid #050038;
  border-radius: 1rem;
  padding: 3rem 1.5rem;
  margin-bottom: 3rem;
}
section.tourSec div.tour.ship div.shiplist div.box.blank{
  border: none;
  border-radius: inherit;
  padding: 0;
  margin-bottom: 0;
}
section.tourSec div.tour.ship div.shiplist div.box h4.shopname{
  font-size: 2.2rem;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 2.5rem;
}
section.tourSec div.tour.ship div.shiplist div.box div.img img{
  border-radius: 1rem;
}
section.tourSec div.tour.ship div.shiplist div.box div.ship{
  background: rgba(10, 66, 99, 0.05);
  border-radius: 1rem;
  padding: 1rem;
  margin: 2rem 0;
}
section.tourSec div.tour.ship div.shiplist div.box div.ship p{
  font-size: 1.5rem;
  line-height: 1.6;
}
section.tourSec div.tour.ship div.shiplist div.box div.ship p.shipname{
  font-size: 1.6rem;
  font-weight: bold;
}
section.tourSec div.tour.ship div.shiplist div.box p.tel{
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
}
section.tourSec div.tour.ship div.shiplist div.box p.tel i{
  margin-right: 0.8rem;
}
section.tourSec div.tour.ship div.shiplist div.box p.pr{
  font-size: 1.5rem;
  line-height: 1.8;
  margin-top: 1.5rem;
}
section.tourSec div.tour.ship div.shiplist div.box div.button-area{
  margin: 3rem auto 0;
}
section.tourSec div.tour.ship div.shiplist div.box div.button-area a.button i{
  margin-left: 0.3rem;
}
section.tourSec div.tour.flow{
  margin: 10rem 0 0;
}
section.tourSec div.flow-area{
  width: 100%;
}
section.tourSec div.flow-area div.flow{
  width: 100%;
  border-radius: 1rem;
  border: 1px solid #05121e;
  padding: 5rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: left;
  margin-bottom: 1rem;
}
section.tourSec div.flow-area div.flow.f05{
  margin-bottom: 0;
}
section.tourSec div.flow-area div.flow h4{
  font-size: 2.6rem;
  line-height: 1.3;
  width: 18.5rem;
  margin-right: 5%;
}
section.tourSec div.flow-area div.flow h4::before{
  font-size: 1.4rem;
  line-height: 1.3;
  display: block;
  font-weight: normal;
  margin-bottom: 0.3rem;
}
section.tourSec div.flow-area div.flow h4.f01::before{
  content: 'STEP 1';
}
section.tourSec div.flow-area div.flow h4.f02::before{
  content: 'STEP 2';
}
section.tourSec div.flow-area div.flow h4.f03::before{
  content: 'STEP 3';
}
section.tourSec div.flow-area div.flow h4.f04::before{
  content: 'STEP 4';
}
section.tourSec div.flow-area div.flow h4.f05::before{
  content: 'STEP 5';
}
section.tourSec div.flow-area div.flow p.p-txt{
  width: 78%;
  line-height: 1.8;
}
section.tourSec div.flow-area div.arr{
  width: 2.4rem;
  margin-left: 5rem;
  margin-bottom: 1rem;
}
section.tourSec div.flow-area div.arr i{
  font-size: 5rem;
}
@media print, screen and (max-width: 960px) {
  section.tourSec div.tour.ship div.shiplist div.box{
    width: 49%;
  }
}
@media print, screen and (max-width: 767px) {
  section.tourSec div.tour.outline dl dt{
    font-size: 2.0rem;
    line-height: 1.8;
  }
  section.tourSec div.tour.outline dl dd.bold{
    font-size: 1.6rem;
  }
  section.tourSec div.tour.outline dl dd.btm{
    margin-bottom: 1rem;
  }
  section.tourSec div.tour.ship{
    margin: 7rem 0 0;
  }
  section.tourSec div.tour.ship p.lead{
    font-size: 1.5rem;
  }
  section.tourSec div.tour.ship div.shiplist div.box h4.shopname{
    font-size: 2.0rem;
  }
  section.tourSec div.tour.ship div.shiplist div.box div.img{
    margin-top: 2rem;
  }
  section.tourSec div.tour.ship div.shiplist div.box p.pr{
    font-size: 1.4rem;
  }
  section.tourSec div.tour.ship div.shiplist div.box div.ship{
    margin: 1.5rem 0 2rem;
  }
  section.tourSec div.tour.ship div.shiplist div.box div.ship p{
    font-size: 1.4rem;
  }
  section.tourSec div.tour.ship div.shiplist div.box div.ship p.shipname{
    font-size: 1.5rem;
  }
  section.tourSec div.tour.ship div.shiplist div.box p.tel{
    font-size: 1.6rem;
  }
  section.tourSec div.tour.ship div.shiplist div.box div.button-area{
    width: 18rem;
    margin: 2.5rem auto 0;
  }
  section.tourSec div.tour.ship div.shiplist div.box div.button-area a.button{
    width: 18rem;
  }
  section.tourSec div.tour.flow{
    margin: 7rem 0 0;
  }
  section.tourSec div.flow-area div.flow{
    display: block;
    padding: 10% 7% 10%;
    width: 100%;
    margin: 0 auto 1.2rem;
  }
  section.tourSec div.flow-area div.flow div.img{
    width: 9.8rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1.5rem;
  }
  section.tourSec div.flow-area div.flow h4{
    font-size: 2.2rem;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  section.tourSec div.flow-area div.flow h4::before{
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  section.tourSec div.flow-area div.flow p.p-txt{
    width: 100%;
    margin: 3rem auto 0;
    line-height: 1.8;
  }
  section.tourSec div.flow-area div.arr{
    width: 3.74rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
  }
  section.tourSec div.flow-area div.arr i{
    font-size: 6rem;
  }
}
@media print, screen and (max-width: 560px) {
  section.tourSec div.tour.ship div.shiplist{
    display: block;
  }
  section.tourSec div.tour.ship div.shiplist div.box{
    width: 100%;
    margin-bottom: 2rem;
  }
}

/* zamamiSec
-------------------------------------------------- */
section.zamamiSec{
  margin: 7rem 0 0;
}
section.zamamiSec h3.h3-cmn{
  text-align: center;
  font-size: 3.6rem;
  line-height: 1.2;
}
section.zamamiSec h4.h4-cmn{
  font-size: 3.0rem;
  margin-bottom: 3rem;
  color: #0984E3;
  line-height: 1.35;
}
section.zamamiSec div.zamami p.lead{
  font-size: 2rem;
  line-height: 2.0;
  text-align: center;
}
section.zamamiSec div.zamami p.lead.l02,
section.zamamiSec div.zamami p.lead.l03{
  margin-top: 3.5rem;
}
section.zamamiSec div.zamami.charm{
  margin-top: 7rem;
}
section.zamamiSec div.zamami.charm div.box{
  padding-bottom: 5rem;
  margin-bottom: 5rem;
  border-bottom: 1px dotted #888;
}
section.zamamiSec div.zamami.charm div.box.b05{
  margin-bottom: 0;
}
section.zamamiSec div.zamami.charm div.box div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
section.zamamiSec div.zamami.charm div.box.b02 div.wrap,
section.zamamiSec div.zamami.charm div.box.b04 div.wrap{
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
section.zamamiSec div.zamami.charm div.box div.wrap div.txt-area{
  width: 50%;
}
section.zamamiSec div.zamami.charm div.box div.wrap div.txt-area p{
  font-size: 2rem;
  line-height: 2;
}
section.zamamiSec div.zamami.charm div.box div.wrap div.img-area{
  width: 42.5%;
}
section.zamamiSec div.zamami.charm div.box div.wrap div.img-area img{
  border-radius: 1rem;
}
@media print, screen and (max-width: 767px) {
  section.zamamiSec h3.h3-cmn{
    font-size: 3.0rem;
    line-height: 1.3;
  }
  section.zamamiSec h4.h4-cmn{
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  section.zamamiSec div.zamami p.lead{
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: left;
  }
  section.zamamiSec div.zamami p.lead.l02,
  section.zamamiSec div.zamami p.lead.l03{
    margin-top: 2rem;
  }

  section.zamamiSec div.zamami.charm div.box{
    padding-bottom: 3rem;
    margin-bottom: 5rem;
  }
  section.zamamiSec div.zamami.charm div.box div.wrap{
    display: block;
  }
  section.zamamiSec div.zamami.charm div.box div.wrap div.txt-area{
    width: 100%;
  }
  section.zamamiSec div.zamami.charm div.box div.wrap div.txt-area p{
    font-size: 1.8rem;
    line-height: 1.8;
  }
  section.zamamiSec div.zamami.charm div.box div.wrap div.img-area{
    width: 100%;
    margin-top: 3rem;
  }
}

/* ruleSec
-------------------------------------------------- */
section.ruleSec{
  margin: 7rem 0 0;
}
section.ruleSec p.lead{
  font-size: 1.8rem;
  line-height: 1.8;
}
section.ruleSec div.rule{
  margin-top: 7rem;
}
section.ruleSec div.rule dl{
  margin-bottom: 5rem;
}
section.ruleSec div.rule dl dt{
  font-size: 2.4rem;
  font-weight: bold;
}
section.ruleSec div.rule dl dd{
  font-size: 1.8rem;
}
section.ruleSec div.rule dl dd p.ttl{
  font-size: 2.0rem;
  line-height: 1.6;
  font-weight: bold;
}
section.ruleSec div.rule dl dd ul li{
  list-style-type: disc;
  margin-left: 2.5rem;
  font-size: 1.8rem;
}
section.ruleSec div.rule dl dd.img{
  margin-top: 3rem;
  width: 30rem;
}
section.ruleSec div.rule dl dd ul.img{
  display: flex;
  margin-top: 1rem;
}
section.ruleSec div.rule dl dd ul.img li{
  list-style-type: none;
  margin-left: 0;
  width: 35rem;
}
section.ruleSec div.rule dl dd ul.img li:first-child{
  margin-right: 2rem;
}
section.ruleSec div.rule dl dd p{
  font-size: 1.8rem;
}
section.ruleSec div.rule dl dd.bold{
  margin-top: 3rem;
  font-size: 2rem;
  line-height: 1.8;
}
@media print, screen and (max-width: 767px) {
  section.ruleSec p.lead{
    font-size: 1.6rem;
  }
  section.ruleSec div.rule{
    margin-top: 5rem;
  }
  section.ruleSec div.rule dl{
    margin-bottom: 3rem;
  }
  section.ruleSec div.rule dl dt{
    font-size: 2.2rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
  }
  section.ruleSec div.rule dl dd{
    font-size: 1.6rem;
  }
  section.ruleSec div.rule dl dd p.ttl{
    margin-bottom: 0.5rem;
    line-height: 1.4;
  }
  section.ruleSec div.rule dl dd ul li{
    font-size: 1.6rem;
  }
  section.ruleSec div.rule dl dd.mb30{
    margin-bottom: 2rem;
  }
  section.ruleSec div.rule dl dd.img{
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    width: 28rem;
  }
  section.ruleSec div.rule dl dd ul.img{
    display: flex;
    margin-top: 1rem;
  }
  section.ruleSec div.rule dl dd ul.img li{
    width: 48.5%;
  }
  section.ruleSec div.rule dl dd ul.img li:first-child{
    margin-right: 3%;
  }
  section.ruleSec div.rule dl dd p{
    font-size: 1.6rem;
  }
  section.ruleSec div.rule dl dd.bold{
    margin-top: 2rem;
    font-size: 1.8rem;
  }
}

/* voiceSec
-------------------------------------------------- */
section.voiceSec{
  margin: 7rem 0 0;
}
section.voiceSec div.voicewrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
section.voiceSec div.voicewrap div.box{
  width: 28%;
  margin-bottom: 7rem;
}
section.voiceSec div.voicewrap div.box.b07,
section.voiceSec div.voicewrap div.box.b08,
section.voiceSec div.voicewrap div.box.b09{
  margin-bottom: 0;
}
section.voiceSec div.voicewrap div.box p.comment{
  line-height: 2.0;
}
section.voiceSec div.voicewrap div.box div.name-area{
  display: flex;
  align-items: center;
  margin-top: 3rem;
}
section.voiceSec div.voicewrap div.box div.name-area div.img{
  width: 6rem;
}
section.voiceSec div.voicewrap div.box div.name-area div.img img{
  border-radius: 50%;
}
@media print, screen and (max-width: 960px) {
  section.voiceSec div.voicewrap div.box{
    width: 30%;
  }
}
@media print, screen and (max-width: 767px) {
  section.voiceSec div.voicewrap{
    display: block;
  }
  section.voiceSec div.voicewrap div.box{
    width: 90%;
    margin: 0 auto 2rem;
    border: 1px solid #050038;
    border-radius: 1rem;
    padding: 3rem 2rem;
  }
  section.voiceSec div.voicewrap div.box.b07,
  section.voiceSec div.voicewrap div.box.b08{
    margin: 0 auto 2rem;
  }
  section.voiceSec div.voicewrap div.box.b09{
    margin: 0 auto;
  }
  section.voiceSec div.voicewrap div.box div.name-area{
    margin-top: 2rem;
  }
}

/* zwwaSec
-------------------------------------------------- */
section.zwwaSec{
  margin: 7rem 0 0;
}
section.zwwaSec div.outline table th{
  width: 16rem;
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: left;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #BCBCBC;
  vertical-align: middle;
}
section.zwwaSec div.outline table th.nth{
  padding-top: 0;
}
section.zwwaSec div.outline table td{
  font-size: 1.6rem;
  line-height: 1.8;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #BCBCBC;
  vertical-align: middle;
}
section.zwwaSec div.outline table td.ntd{
  padding-top: 0;
}
section.zwwaSec div.outline table td ul li{
  list-style-type: disc;
  margin-left: 2.1rem;
  line-height: 1.8;
}
section.zwwaSec div.support_member{
  margin: 10rem 0 0;
}
section.zwwaSec div.support_member div.box.b01{
  margin-bottom: 3rem;
}
section.zwwaSec div.support_member h4{
  font-size: 2.4rem;
  line-height: 1.4;
  margin-bottom: 1rem;
}
section.zwwaSec div.support_member ul li{
  list-style-type: disc;
  margin-left: 3rem;
  line-height: 1.8;
}
section.zwwaSec div.member_shop{
  margin: 10rem 0 0;
}
section.zwwaSec div.member_shop p.lead{
  font-size: 1.6rem;
  line-height: 1.8;
}
section.zwwaSec div.member_shop div.block{
  margin-top: 5rem;
}
section.zwwaSec div.member_shop div.block h4{
  font-size: 2.6rem;
  line-height: 1.4;
  margin-bottom: 3rem;
}
section.zwwaSec div.member_shop div.block div.member_shoplist{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
section.zwwaSec div.member_shop div.block div.member_shoplist div.box{
  width: 32%;
  position: relative;
  border: 1px solid #050038;
  border-radius: 1rem;
  padding: 3rem 1.5rem;
  margin-bottom: 3rem;
}
section.zwwaSec div.member_shop div.block div.member_shoplist div.box.blank{
  border: none;
  border-radius: inherit;
  padding: 0;
  margin-bottom: 0;
}
section.zwwaSec div.member_shop div.block div.member_shoplist div.box h5.shopname{
  font-size: 2.2rem;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 2.5rem;
}
section.zwwaSec div.member_shop div.block div.member_shoplist div.box div.img{
  margin-bottom: 2rem;
}
section.zwwaSec div.member_shop div.block div.member_shoplist div.box div.img img{
  border-radius: 1rem;
}
section.zwwaSec div.member_shop div.block div.member_shoplist div.box p.tel{
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
}
section.zwwaSec div.member_shop div.block div.member_shoplist div.box p.tel i{
  margin-right: 0.8rem;
}
section.zwwaSec div.member_shop div.block div.member_shoplist div.box div.button-area{
  margin: 3rem auto 0;
}
section.zwwaSec div.member_shop div.block div.member_shoplist div.box p.area{
  margin-top: 0.5rem;
}
section.zwwaSec div.member_shop div.block div.member_shoplist div.box p.area i{
  margin-right: 0.8rem;
  font-size: 2.2rem;
}
section.zwwaSec div.member_shop div.block div.member_shoplist div.box p.explain{
  font-size: 1.5rem;
  line-height: 1.8;
  margin-top: 1.5rem;
}
section.zwwaSec div.member_shop div.block div.member_shoplist div.box div.button-area i{
  margin-left: 0.3rem;
}
section.zwwaSec div.history{
  margin: 10rem 0 0;
}
section.zwwaSec div.history div.block.start {
    padding-top: 2rem;
}
section.zwwaSec div.history div.block{
  position: relative;
  padding-bottom: 4rem;
  border-left: 1px solid #BCBCBC;
  width: 95%;
  margin: 0 auto;
}
section.zwwaSec div.history div.block dl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.5rem;
}
section.zwwaSec div.history div.block dl dt{
  width: 0.8rem;
  height: 0.8rem;
  background: #000;
  border-radius: 50%;
  position: absolute;
  left: -0.4rem;
}
section.zwwaSec div.history div.block dl dd.era{
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.2;
  margin-left: 3rem;
}
section.zwwaSec div.history div.block dl dd.era span {
  font-size: 2.8rem;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  font-family: "Inter", serif;
}
section.zwwaSec div.history div.block p.con{
  font-size: 1.6rem;
  line-height: 1.8;
  margin-left: 3.1rem;
}
@media print, screen and (max-width: 960px) {
  section.zwwaSec div.member_shop div.block div.member_shoplist div.box{
    width: 49%;
  }
}
@media print, screen and (max-width: 767px) {
  section.zwwaSec div.outline table th{
    font-weight: bold;
    width: 100%;
    display: block;
    padding-top: 2rem;
    padding-bottom: 0;
    border-bottom: none;
  }
  section.zwwaSec div.outline table td{
    font-size: 1.5rem;
    line-height: 1.8;
    width: 100%;
    display: block;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
  section.zwwaSec div.outline table td.ntd{
    padding-top: 1rem;
  }
  section.zwwaSec div.member_shop p.lead{
    font-size: 1.5rem;
  }
  section.zwwaSec div.member_shop div.block h4{
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
  section.zwwaSec div.member_shop div.block div.member_shoplist div.box h5.shopname{
    font-size: 2.0rem;
  }
  section.zwwaSec div.member_shop div.block div.member_shoplist div.box p.explain{
    font-size: 1.4rem;
  }
  section.zwwaSec div.member_shop div.block div.member_shoplist div.box div.img{
    margin-top: 2rem;
  }
  section.zwwaSec div.member_shop div.block div.member_shoplist div.box div.button-area{
    width: 18rem;
    margin: 2.5rem auto 0;
  }
  section.zwwaSec div.member_shop div.block div.member_shoplist div.box div.button-area a.button{
    width: 18rem;
  }
  section.zwwaSec div.history div.block{
    padding-bottom: 3rem;
  }
  section.zwwaSec div.history div.block dl{
    margin-bottom: 1rem;
  }
  section.zwwaSec div.history div.block dl dd.era{
    font-size: 1.5rem;
    margin-left: 2.5rem;
  }
  section.zwwaSec div.history div.block dl dd.era span {
    font-size: 2.4rem;
  }
  section.zwwaSec div.history div.block p.con{
    font-size: 1.5rem;
    margin-left: 2.6rem;
  }
}
@media print, screen and (max-width: 560px) {
  section.zwwaSec div.member_shop div.block div.member_shoplist{
    display: block;
  }
  section.zwwaSec div.member_shop div.block div.member_shoplist div.box{
    width: 100%;
    margin-bottom: 2rem;
  }
}


/* faqSec
-------------------------------------------------- */
section.faqSec{
   margin: 7rem 0 0;
}
section.faqSec div.category{
  margin-bottom: 7rem;
}
section.faqSec div.category:last-child{
  margin-bottom: 0;
}
/* off */
section.faqSec ul li.faq-wrap {
  color: #000;
  cursor: pointer;
  display: block;
  margin-bottom: 3rem;
  border-bottom: 1px dotted #000;
}
section.faqSec ul li.faq-wrap a.question {
  color: #050038;
  display: block;
  line-height: 1.6;
  padding: 0 6rem 3rem 6rem;
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: inherit;
}
section.faqSec ul li.faq-wrap a.question::before{
  content: 'Q.';
  font-family: "Jost", serif;
  font-size: 3.4rem;
  font-weight: 500;
  color: #0984E3;
  position: absolute;
  left: 0.2rem;
  top: -1.3rem;
}
section.faqSec ul li.faq-wrap a.question::after {
  content: '\f107';
  display: block;
  text-align: center;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  top: 0;
  right: 0;
  font-size: 1.8rem;
  width: 6rem;
  line-height: 2.6;
  font-weight: 600;
  color: #050038;
}
/* off hover */
section.faqSec ul li.faq-wrap:hover{
  background: #fff;
  transition: 0.6s;
}
section.faqSec ul li.faq-wrap a.question:hover{
  color: #0984E3;
  transition: 0.6s;
}
section.faqSec ul li.faq-wrap a.question:hover::after{
  color: #0984E3;
  transition: 0.6s;
}
/* on */
section.faqSec ul li.faq-wrap a.question.on:after {
  content: '\f106';
  color: #0984E3;
}
section.faqSec ul li.faq-wrap a.question.togglelink.on {
  background: #fff;
  color: #0984E3!important;
}
section.faqSec ul li.faq-wrap a.question.togglelink.on::after {
  color: #0984E3!important;
}
section.faqSec ul li.faq-wrap ul.answerarea {
  background: #fff;
  display: none;
}
section.faqSec ul li.faq-wrap ul.answerarea li.answer {
  padding: 2.5rem 1rem 2.5rem 1.5rem;
  line-height: 2.0;
  cursor: auto;
}
section.faqSec ul li.faq-wrap ul.answerarea li.answer a{
  color: #050038;
  text-decoration: underline;
}
@media print, screen and (max-width: 767px) {
  /* section */
  section.faqSec div.category{
    margin-bottom: 5rem;
  }
  section.faqSec ul li.faq-wrap {
    margin-bottom: 2rem;
  }
  section.faqSec ul li.faq-wrap a.question:before {
    font-size: 3.0rem;
    left: 0.2rem;
    top: -0.9rem;
  }
  section.faqSec ul li.faq-wrap a.question:after {
    width: 5rem;
    top: -0.5rem;
  }
  section.faqSec ul li.faq-wrap a.question {
    font-size: 1.8rem;
    padding: 0 5rem 2rem 4rem;
  }
  section.faqSec ul.answerarea li.answer {
    font-size: 1.5rem;
    padding: 0 5rem 2rem 4rem;
  }
}

/* newsSec
-------------------------------------------------- */
section.newsSec{
   margin: 7rem 0 0;
}
section.newsSec div.post-area{
  width: 100%;
}
section.newsSec div.post-area dl.post dd.tag a{
  text-decoration: none;
}

/* noteSec
-------------------------------------------------- */
section.noteSec{
  margin: 7rem 0 0;
}

/* blogSec
-------------------------------------------------- */
section.blogSec{
  margin: 7rem 0 0;
}
section.blogSec div.post-area{
  width: 100%;
}
section.blogSec div.post-area dl.post{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #BCBCBC;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  position: relative;
}
section.blogSec div.post-area dl.post a.link{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 8;
}
section.blogSec div.post-area dl.post:hover{
  opacity: 0.6;
  transition: 0.6s;
}
section.blogSec div.post-area dl.post dt.date{
  font-size: 1.6rem;
  margin-right: 2.5rem;
}
section.blogSec div.post-area dl.post dd.tag{
  font-size: 1.4rem;
  line-height: 1.4;
  color: #fff;
  padding: 0.3rem 1.4rem 0.3rem;
  pointer-events: none;
  border-radius: 5rem;
  background: #050038;
}
section.blogSec div.post-area dl.post dd.tag a{
  color: #fff;
  pointer-events: none;
  text-decoration: none;
}
section.blogSec div.post-area dl.post dd.title{
  display: block;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.8;
  margin-top: 1rem;
}
section.blogSec div.btn.pc{
  margin: 3.5rem auto 0 0;
}
@media print, screen and (max-width: 767px) {
  section.blogSec{
    margin: 7rem auto 0;
  }
  section.blogSec div.post-area dl.post dt.date{
    font-size: 1.5rem;
  }
  section.blogSec div.post-area dl.post dd.title{
    font-size: 1.5rem;
  }
}

/* pagenationSec
-------------------------------------------------- */
/* pagenavi */
section.pagenationSec{
  margin: 5rem 0 0;
}
section.pagenationSec .wp-pagenavi {
  clear: both;
  text-align:center;
}
section.pagenationSec .wp-pagenavi a, .wp-pagenavi span {
  color: #05121e;
  margin: 0 1rem;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.5;
}
section.pagenationSec .wp-pagenavi span.current{
  color: #05121e;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 1rem;
  border-bottom: 1px solid #05121e;
  padding-bottom: 0.5rem;
}
section.pagenationSec .wp-pagenavi a:hover{
  opacity: 0.6;
}

/* columnSec
-------------------------------------------------- */
/* section */
section.columnSec{
  margin: 7rem auto 0;
}
section.columnSec div.inner{
  max-width: 900px;
}
section.columnSec div.column{
  width: 100%;
  margin: 0 auto;
  overflow:hidden;
}
section.columnSec div.column h3.h3-single{
  font-size: 3.2rem;
  line-height: 1.4;
  margin-bottom: 5rem;
}
section.columnSec div.column dl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
}
section.columnSec div.column dl dt.date{
  font-size: 1.6rem;
  margin-right: 2rem;
}
section.columnSec div.column dl dd.tag a{
  font-size: 1.4rem;
  line-height: 1.4;
  color: #05121e;
  padding: 0.25rem 2rem 0.5rem;
  pointer-events: none;
  border-radius: 5rem;
  background: #fff;
  border: 1px solid #05121e;
  pointer-events: none;
  text-decoration: none;
}
section.columnSec div.column div.img-area{
  width: 100%;
  margin-bottom: 5rem;
}
section.columnSec div.column div.img-area img{
  border-radius: 1rem;
}
section.columnSec div.column div.post-text,
section.columnSec div.column div.post-text p{
  line-height: 2;
}
section.columnSec div.column div.post-text a{
  color: #05121e;
  text-decoration: underline;
}
section.columnSec div.column div.page-navi{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 5rem 0 0;
  color: #05121e;
}
section.columnSec div.column div.page-navi a{
  color: #05121e;
  text-decoration: underline;
}
section.columnSec div.column div.page-navi .prev,
section.columnSec div.column div.page-navi .next{
  color: #05121e;
}
section.columnSec div.column div.page-navi a:hover{
  opacity: 0.6;
  transition: 0.6s;
}
@media print, screen and (max-width: 767px) {
  section.columnSec div.column h3.h3-single{
    font-size: 2.8rem;
    margin-bottom: 3.5rem;
  }
}

/* privacySec
-------------------------------------------------- */
section.privacySec{
  margin: 7rem 0 0;
}
section.privacySec p.explain{
  font-size: 1.6rem;
  line-height: 2;
}
section.privacySec h4{
  color: #050038;
  font-size: 2.4rem;
  line-height: 1.3;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #050038;
}
section.privacySec div.privacy{
  margin-top: 7rem;
}
section.privacySec div.block{
  margin-bottom: 7rem;
}
section.privacySec div.block:last-child{
  margin-bottom: 0;
}
@media print, screen and (max-width: 767px) {
  section.privacySec{
    margin: 7rem 0 0;
  }
  section.privacySec p.explain{
    font-size: 1.5rem;
  }
  section.privacySec div.privacy{
    margin-top: 5rem;
  }
  section.privacySec h4{
    font-size: 2.0rem;
  }
  section.privacySec div.block{
    margin-bottom: 5rem;
  }
}

/* reservationSec
-------------------------------------------------- */
section.reservationSec{
  margin: 7rem 0 0;
}
section.reservationSec h3.h3-cmn{
  text-align: center;
  font-size: 3.6rem;
  line-height: 1.2;
}
section.reservationSec h4.h4-cmn{
  font-size: 3.0rem;
  margin-bottom: 5rem;
  color: #0984E3;
  line-height: 1.35;
  text-align: center;
  position: relative;
}
section.reservationSec h4.h4-cmn::after {
  content: "";
  display: block;
  position: absolute;
  background: #0984E3;
  left: 50%;
  bottom: -1.5rem;
  width: 5rem;
  height: 2px;
  transform: translate3d(-50%, 0, 0);
}
section.reservationSec p.message{
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: center;
}
section.reservationSec div.tabs_menu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 7rem auto 0;
}
section.reservationSec div.tabs_menu div.tabs_menu-item{
  font-size: 1.8rem;
  line-height: 1.8;
  color: #141414;
  background: #E2E2E2;
  cursor: pointer;
  padding: 1.2rem 0;
  text-align: center;
  position: relative;
  border-radius: 1.5rem 1.5rem 0 0;
  width: 50%;  
}
section.reservationSec div.tabs_menu div.tabs_menu-item.is-active {
  background: #050038;
  color: #fff;
}
section.reservationSec div.tabs_content{
  padding: 7rem 0 0;
}
section.reservationSec div.tabs_content div.tabs_body {
  display: none;
}
section.reservationSec div.tabs_content div.tabs_body.is-active {
  display: block;
}
section.reservationSec div.tabs_content div.tabs_body p.lead{
  font-size: 1.6rem;
  line-height: 1.8;
}
section.reservationSec div.tabs_content div.tabs_body.group p.lead{
  text-align: center;
}
section.reservationSec div.tabs_content div.tabs_body.group div.button-area{
  margin: 7rem auto 0;
}
section.reservationSec div.tabs_content div.tabs_body.group div.button-area i{
  margin-left: 0.3rem;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 5rem;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box{
  width: 32%;
  position: relative;
  border: 1px solid #050038;
  border-radius: 1rem;
  padding: 3rem 1.5rem;
  margin-bottom: 3rem;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box.blank{
  border: none;
  border-radius: inherit;
  padding: 0;
  margin-bottom: 0;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box h4.shopname{
  font-size: 2.2rem;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 2.5rem;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box div.img img{
  border-radius: 1rem;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box div.ship{
  background: rgba(10, 66, 99, 0.05);
  border-radius: 1rem;
  padding: 1rem;
  margin: 2rem 0;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box div.ship p{
  font-size: 1.5rem;
  line-height: 1.6;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box div.ship p.shipname{
  font-size: 1.6rem;
  font-weight: bold;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box p.tel{
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box p.tel i{
  margin-right: 0.8rem;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box p.pr{
  font-size: 1.5rem;
  line-height: 1.8;
  margin-top: 1.5rem;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box div.button-area{
  margin: 3rem auto 0;
}
section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box div.button-area i{
  margin-left: 0.3rem;
}
@media print, screen and (max-width: 960px) {
  section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box{
    width: 49%;
  }
}
@media print, screen and (max-width: 767px) {
  section.reservationSec h3.h3-cmn{
    font-size: 3.0rem;
    line-height: 1.3;
  }
  section.reservationSec h4.h4-cmn{
    font-size: 2.4rem;
    margin-bottom: 4.5rem;
    line-height: 1.4;
  }
  section.reservationSec p.message{
    font-size: 1.6rem;
    text-align: left;
  }
  section.reservationSec div.tabs_menu div.tabs_menu-item{
    font-size: 1.6rem;
  }
  section.reservationSec div.tabs_content div.tabs_body p.lead{
    font-size: 1.5rem;
  }
  section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box h4.shopname{
    font-size: 2.0rem;
  }
  section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box div.img{
    margin-top: 2rem;
  }
  section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box p.pr{
    font-size: 1.4rem;
  }
  section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box div.ship{
    margin: 1.5rem 0 2rem;
  }
  section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box div.ship p{
    font-size: 1.4rem;
  }
  section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box div.ship p.shipname{
    font-size: 1.5rem;
  }
  section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box p.tel{
    font-size: 1.6rem;
  }
  section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box div.button-area{
    width: 18rem;
    margin: 2.5rem auto 0;
  }
  section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box div.button-area a.button{
    width: 18rem;
  }
}
@media print, screen and (max-width: 560px) {
  section.reservationSec div.tabs_menu{
    display: block;
    margin: 5rem auto 0;
  }
  section.reservationSec div.tabs_menu div.tabs_menu-item{
    width: 100%;
    border-radius: 1rem;
    padding: 1rem 0;
  }
  section.reservationSec div.tabs_menu div.tabs_menu-item.t02{
    margin-top: 1rem;
  }
  section.reservationSec div.tabs_content{
    padding: 5rem 0 0;
  }
  section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist{
    display: block;
  }
  section.reservationSec div.tabs_content div.tabs_body.indivisual div.shiplist div.box{
    width: 100%;
    margin-bottom: 2rem;
  }
}

/* ==================================================
以下、装飾の指定
================================================== */
/*iPhoneでinput要素にCSSが効かない時 */
input[type="button"],input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="date"],input[type="submit"],textarea{
   -webkit-appearance: none!important;
}