@charset "UTF-8";
.navFamily {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  background-color: #fff;
  position: relative;
}

.navFamily:not(.fixedNav):after {
  content: "";
  display: block;
  width: 100%;
  height: 21px;
  background-image: url(../img/common/bg_wave.svg);
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 24px;
  position: absolute;
  bottom: -12px;
  left: 0;
}

.navFamily .section__inner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}

.navFamily .section__inner .navFamily__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .navFamily .section__inner .navFamily__list {
    margin-left: 0;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .navFamily .section__inner .navFamily__list li:not(:last-child) {
    margin-right: 34px;
  }
}

.navFamily .section__inner .navFamily__list li.upper {
  position: relative;
}

.navFamily .section__inner .navFamily__list li.upper .lower {
  opacity: 0;
  visibility: hidden;
  padding-top: 5px;
  position: absolute;
  top: 66px;
  left: calc((100% - 125px) / 2);
  z-index: 1;
  transition: all .2s;
}

.navFamily .section__inner .navFamily__list li.upper .lower .lower__link {
  width: 125px;
  padding: 20px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
  background-color: #fff;
}

.navFamily .section__inner .navFamily__list li.upper .lower .lower__link a {
  font-size: 1.2rem;
}

.navFamily .section__inner .navFamily__list li.upper .lower .lower__link a:not(:last-child) {
  margin-bottom: 15px;
}

.navFamily .section__inner .navFamily__list li.upper:hover .lower {
  opacity: 1;
  visibility: visible;
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .navFamily .section__inner .navFamily__list li.upper:hover .lower {
    padding-top: 5px;
  }
}

.navFamily .section__inner .navFamily__list li a,
.navFamily .section__inner .navFamily__list li span {
  display: block;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .navFamily:not(.fixedNav):after {
    height: 8px;
    bottom: -7px;
  }
  .navFamily:not(.fixedNav) .section__inner {
    padding: 0;
  }
  .navFamily:not(.fixedNav) .section__inner .navFamily__list li {
    width: 50%;
    height: 74px;
    text-align: center;
  }
  .navFamily:not(.fixedNav) .section__inner .navFamily__list li:nth-child(n + 1) {
    border-top: 1px solid #F6F6F6;
  }
  .navFamily:not(.fixedNav) .section__inner .navFamily__list li:not(:nth-child(2n)) {
    border-right: 1px solid #F6F6F6;
  }
  .navFamily:not(.fixedNav) .section__inner .navFamily__list li a,
  .navFamily:not(.fixedNav) .section__inner .navFamily__list li span {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .navFamily:not(.fixedNav) .section__inner .navFamily__list li a img,
  .navFamily:not(.fixedNav) .section__inner .navFamily__list li span img {
    height: 32px;
    width: auto;
  }
  .navFamily:not(.fixedNav) .section__inner .navFamily__list li:nth-child(2) a img,
  .navFamily:not(.fixedNav) .section__inner .navFamily__list li:nth-child(2) span img, .navFamily:not(.fixedNav) .section__inner .navFamily__list li:nth-child(5) a img,
  .navFamily:not(.fixedNav) .section__inner .navFamily__list li:nth-child(5) span img, .navFamily:not(.fixedNav) .section__inner .navFamily__list li:nth-child(6) a img,
  .navFamily:not(.fixedNav) .section__inner .navFamily__list li:nth-child(6) span img {
    height: 35px;
  }
}

.navFamily.fixedNav {
  position: fixed;
  top: -110px;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .navFamily.fixedNav {
    top: calc(-76px - 12px);
    transition: top .2s;
  }
}

.navFamily.fixedNav.show {
  top: 0;
}

@media screen and (max-width: 767px) {
  .navFamily.fixedNav.show {
    top: 0;
  }
}

.navFamily.fixedNav.show:after {
  content: "";
  display: block;
  width: 100%;
  height: 21px;
  background-image: url(../img/common/bg_wave.svg);
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 24px;
  position: absolute;
  bottom: -12px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .navFamily.fixedNav .section__inner {
    padding: 10px;
  }
}

@media screen and (max-width: 767px) {
  .navFamily.fixedNav .section__inner .navFamily__list li {
    width: calc(100% / 5);
    text-align: center;
  }
  .navFamily.fixedNav .section__inner .navFamily__list li a img,
  .navFamily.fixedNav .section__inner .navFamily__list li span img {
    height: 14.5vw;
  }
  .navFamily.fixedNav .section__inner .navFamily__list li:nth-child(1) a img,
  .navFamily.fixedNav .section__inner .navFamily__list li:nth-child(1) span img, .navFamily.fixedNav .section__inner .navFamily__list li:nth-child(5) a img,
  .navFamily.fixedNav .section__inner .navFamily__list li:nth-child(5) span img, .navFamily.fixedNav .section__inner .navFamily__list li:nth-child(6) a img,
  .navFamily.fixedNav .section__inner .navFamily__list li:nth-child(6) span img {
    height: 15vw;
  }
  .navFamily.fixedNav .section__inner .navFamily__list li.upper .lower {
    left: calc((100% - 100px) / 2);
  }
  .navFamily.fixedNav .section__inner .navFamily__list li.upper .lower .lower__link {
    width: 100px;
    padding: 10px;
  }
}

.breadcrumbList {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

@media screen and (min-width: 768px) {
  .breadcrumbList {
    max-width: 960px;
    margin: 10px auto;
  }
}

@media screen and (max-width: 767px) {
  .breadcrumbList {
    padding: 1vw 3vw;
    margin: 0;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
}

@media screen and (max-width: 767px) {
  .breadcrumbList > li {
    flex-shrink: 0;
  }
  .breadcrumbList > li:last-child {
    padding: 0 3vw 0 0;
  }
}

.breadcrumbList > li:not(:first-child)::before {
  content: '>';
  margin: 0 10px;
}

.breadcrumbList > li > a span {
  color: #003F98;
}

@media screen and (max-width: 767px) {
  .breadcrumbList > li span {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .section--banner {
    padding: 5vh 0 0;
    background-color: #fff;
  }
}

.section--banner .banner__consultation {
  text-align: center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .section--banner .banner__consultation {
    margin: 50px auto;
  }
}

@media screen and (max-width: 767px) {
  .section--banner .banner__consultation {
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .section--banner .banner__consultation img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .section--banner .banner__consultation .banner__tel {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .section--banner .banner__consultation .banner__tel {
    position: absolute;
    width: 78vw;
    left: 6vw;
  }
  .section--banner .banner__consultation .banner__tel.banner__tel--kaigai {
    bottom: 16vh;
  }
  .section--banner .banner__consultation .banner__tel.banner__tel--kokunai {
    bottom: 4vh;
  }
}

.section--banner .banner__consultation .banner__tel > a {
  display: block;
}
@media screen and (max-width: 767px) {
  .section--inner {
    padding: 1em;
  }
}

@media screen and (max-width: 767px) {
  main {
    overflow: hidden;
  }
}

main section .section__inner {
  max-width: 960px;
  margin: auto;
  padding: 50px 0;
}

@media screen and (max-width: 767px) {
  main section .section__inner {
    width: 100%;
    padding: 8vw 5vw;
  }
}

.hd01 {
    text-align: center;
    color: #004098;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;
}
.hd01 .bg {
    background: url(../img/helpful/hd_line.png) repeat-x left bottom;
    background-size: auto 5px;
    display: inline-block;
    padding-bottom: .8em;
}
.hd01 .bg span {
    font-size: 14px;
    font-weight: normal;
}

b{color: #ff6666;}

section{
  line-height: 1.5;
}
#waribiki,#asobi,#hotel,#mochimono,#jisa{
  padding: 20px 0 0 0;
  max-width: 960px;
  margin: 0 auto;
}
#waribiki h4,#asobi h4,#mochimono h4,#jisa h4{
  background-color: #72b560;
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  padding: 15px 3%;
  margin: 0 0 10px 0;
}
#waribiki h5,#asobi h5,#hotel h4,#mochimono h5,#jisa h5{
  padding: 0 13px 3px 13px;
  color: #6a4419;
  border-bottom: 2px solid #72B560;
  font-size: 153.84%;
  font-weight: bold;
}
p{
  font-size: 12px;
  margin: 0 3% 20px 3%;
  line-height: 1.5;
}
#waribiki p>span{
  display: block;
  padding-left: 0.5em;
}
#waribiki p>span span{
  margin-left: -0.5em;
}
#waribiki dl,#asobi dl,#hotel dl,#mochimono dl,#mochimono ul.items,#jisa dl{
   margin: 0 3% 10px 3%;
  }
#waribiki dt,#asobi dt,#hotel dt,#mochimono dt,#mochimono ul.items li,#jisa dt{
  background-color: #f8d2a7;
  padding: 10px 5%;
  font-weight: bold;
  font-size: 18px;
}
#waribiki dt span,#asobi dt span,#hotel dt span,#mochimono dt span,#jisa dt span{
  font-weight: normal;
  font-size: 12px;
}
#waribiki dd,#asobi dd,#hotel dd,#mochimono dd,#jisa dd{
  background-color: #fff4e6;
  padding: 10px 5%;
  font-size: 11px;
}
#waribiki dd div{
  padding-left: 0.5em;
}
#waribiki dd span{
  margin-left: -0.5em;
}

#waribiki p.ttl1{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.table1{
   margin: 0 3% 20px 3%;
   overflow-x: auto;
  }
.table1 table{
  }
.table1 tbody{
  display: block;
  width: auto;
}
.table1 th{
  white-space:nowrap;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.table1 .tableth1{
  background-color: #004098;
}
.table1 .tableth2{
  background-color: #7d4598;
}
.table1 .tableth3{
  background-color: #00ac96;
}
.table1 .tableth4{
  background-color: #e60012;
}
.table1 .tableth5{
  background-color: #eb6ea5;
}
.table1 .tabletd{
  background-color: #d2d3ea;
  color: #004098;
  white-space:nowrap;
}
.table1 td{
  background-color: #e9e5e2;
  text-align: center;
  padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  font-size: 14px;
}

.table2{
   margin: 0 3% 20px 3%;
  }
.table2 .inner{
   overflow-x: auto;
  }
.table2 table{
  margin: 0 0 10px 0;
  width: 100%;
}
.table2 th{
  white-space:nowrap;
  color: #ffffff;
  background-color: #7a7a71;
  font-size: 13px;
  padding: 8px 8px;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.table2 td{
  background-color: #efefef;
  text-align: center;
  padding: 8px 8px;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  font-size: 13px;
}
.table2 .tableth6{
  background-color: #ff6666;
}
.table2 .tabletd2{
  background-color: #ffe0e0;
}
.table2 td b{
  color: #ff6666;
  font-size: 18px;
}
.table2 p{
  margin: 0
}
#waribiki .table2 .ttl2{
  font-size: 16px;
  font-weight:bold;
  margin: 0 0 10px 0;
}
#waribiki .mb30{
  margin-bottom: 30px;
}

.table3{
   margin: 0 3% 20px 3%;
   overflow-x: auto;
  }
.table3 tbody{
  display: block;
  width: auto;
}
.table3 th{
  white-space:nowrap;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-color: #7a7a71;
}
.table3 td.tabletd1{
  background-color: ;
  white-space:nowrap;
  text-align: left
}
.table3 td{
  background-color: #e3f3f8;
  text-align: right;
  padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  font-size: 14px;
}
.table3 td.price{
  white-space:nowrap;
  color: #dd0000;
  font-weight: bold;
}

.table4{
   margin: 0 3% 20px 3%;
   overflow-x: auto;
  }
.table4 tbody{
  display: block;
  width: auto;
}
.table4 th{
  white-space:nowrap;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-color: #7a7a71;
}
.table4 td.tabletd1{
  background-color: #c9eac5;
  white-space:nowrap;
  text-align: left
}
.table4 td{
  background-color: #e4f4e2;
  text-align: right;
  padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  font-size: 14px;
}
.table4 td.price{
  white-space:nowrap;
  color: #dd0000;
  font-weight: bold;
}

.table5{
   margin: 0 3% 20px 3%;
   overflow-x: auto;
  }
.table5 tbody{
  display: block;
  width: auto;
}
.table5 th{
  white-space:nowrap;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background: #7a7a71;
}
.table5 td.tabletd1{
  background-color: #f8d2a5;
  white-space:nowrap;
  text-align: left
}
.table5 td{
  background-color: #fbe6ce;
  text-align: right;
  padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  font-size: 14px;
}
.table5 td.price{
  white-space:nowrap;
  color: #dd0000;
  font-weight: bold;
}
@media screen and (min-width: 768px){
  table {
    width: 100%;
  }
  .table1 tbody,.table2 tbody,.table3 tbody,.table4 tbody,.table5 tbody {
    display:table-row-group;
  }
}
@media screen and (max-width: 767px){
  .table1::-webkit-scrollbar,.table2::-webkit-scrollbar,.table3::-webkit-scrollbar,.table4::-webkit-scrollbar,.table5::-webkit-scrollbar {
    height: 5px;
  }
  .table1::-webkit-scrollbar-track,.table2::-webkit-scrollbar-track,.table3::-webkit-scrollbar-track,.table4::-webkit-scrollbar-track,.table5::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
  }
  .table1::-webkit-scrollbar-thumb,.table2::-webkit-scrollbar-thumb,.table3::-webkit-scrollbar-thumb,.table4::-webkit-scrollbar-thumb,.table5::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }  
}
.link a{
  text-decoration: underline;
  background: url(../img/helpful/arrow1.png) no-repeat left top;
  background-size: 8px 14px;
  padding: 0 0 0 12px;
  font-size: 14px;
}

.air dd{
  font-size:14px;
}
.air dd b{
  font-size: 18px;
}

.faq dd{
  font-size:14px;
}
.faq dd b{
  font-size: 18px;
}

#mochimono .icon1{
  background-image:url(../img/helpful/icon1.png);
  background-repeat: no-repeat;
  background-position:0 3px;
  background-size: 25px 25px;
  padding: 5px 0 5px 30px;
  margin: 0;
}
#mochimono .icon2{
  background-image:url(../img/helpful/icon2.png);
  background-repeat: no-repeat;
  background-position:0 3px;
  background-size: 26px 22px;
  padding: 5px 0 5px 30px;
  margin: 0;
}
#mochimono .icon3{
  background-image:url(../img/helpful/icon3.png);
  background-repeat: no-repeat;
  background-position:0 3px;
  background-size: 55px 25px;
  padding: 5px 0 5px 60px;
  margin: 0;
}
#mochimono dt p,#mochimono ul.items li p{
  font-size: 16px;
}
#mochimono dt,#mochimono ul.items li{
  font-size: 16px;
  font-weight: normal;
  border-bottom: 1px solid #ffffff;
}
#mochimono dd{
  font-size: 14px;
  margin-bottom: 15px;
}
#mochimono ul{
  margin: 0 3% 10px 3%;
  overflow: hidden;
}
#mochimono ul li{
  margin: 0 0 5px 10px;
  float: left;
  font-size: 12px;
}
#mochimono dd p{
  margin: 0;
  padding: 10px 0 0 0;
}
#mochimono ul.items li{
  margin: 0;
  float: none;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
 #mochimono dl,#mochimono .items {
  display: flex;
  flex-wrap: wrap;
 } 
 #mochimono dt {
  font-size: 14px;
  font-weight: normal;
  padding: .5em;
  width: 30%;
 }
 #mochimono dt p {
  font-size: 14px;
 }
 #mochimono dd {
  padding: .5em;
  margin-bottom: 1px;
  width: 70%;
 }
 #mochimono ul.items li {
  font-size: 14px;
  font-weight: normal;
  width: 33.3%;
  border-left: 1px solid #fff;
 }
 #mochimono .icon2,
 #mochimono ul.items li p {
  font-size: 14px;
  font-weight: normal;
 }
}
#jisa dd{
  font-size: 14px;
  margin-bottom: 15px;
}
.ttlclo1{
  background: #68bfdc;
  padding: 10px 0 10px 5px;
  overflow: hidden;
  margin: 0 0 15px 0;
}
.ttlclo1 .main{
  background: #ffffff;
  color: #68bfdc;
  font-size: 16px;
  padding: 12px 0;
  margin: 0;
  font-weight: bold;
  width: 80px;
  text-align: center;
  float: left;
}
#jisa p.sub{
  color: #ffffff;
  float: left;
  font-size: 12px;
  margin-bottom: 0;
}
.ttlclo2{
  background: #78ca6e;
  padding: 10px 0 10px 5px;
  overflow: hidden;
  margin: 0 0 15px 0;
}
.ttlclo2 .main{
  background: #ffffff;
  color: #78ca6e;
  font-size: 16px;
  padding: 12px 0;
  margin: 0;
  font-weight: bold;
  width: 80px;
  text-align: center;
  float: left;
}
.ttlclo2 .sub{
  color: #ffffff;
  float: left;
  font-size: 12px;
}
.ttlclo3{
  background: #f09730;
  padding: 10px 0 10px 5px;
  overflow: hidden;
  margin: 0 0 15px 0;
}
.ttlclo3 .main{
  background: #ffffff;
  color: #f09730;
  font-size: 16px;
  padding: 12px 0;
  margin: 0;
  font-weight: bold;
  width: 80px;
  text-align: center;
  float: left;
}
.ttlclo3 .sub{
  color: #ffffff;
  float: left;
  font-size: 12px;
}

#asobi h4{
  padding: 0;
  margin: 0 0 10px 0;
}
#asobi h4 a{
  display: block;
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 3%;
}
#asobi .area1 h4 a{
  background-image:url(../img/helpful/arrow2.png);
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-color: #68bfdc;
  background-size: 8px 14px;
}
#asobi .area2 h4 a{
  background-image:url(../img/helpful/arrow2.png);
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-color: #78ca6e;
  background-size: 8px 14px;
}
#asobi .area3 h4 a{
  background-image:url(../img/helpful/arrow2.png);
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-color: #f09730;
  background-size: 8px 14px;
}
#asobi ul{
  margin: 0 0 20px 0;
}
#asobi ul li{
  width: 100%;
  clear: both;
  border-bottom: 1px dotted #999999;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
#asobi ul li a{
  display: block;
  padding: 0 9% 0 3%;
  background-image:url(../img/helpful/arrow1.png);
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-size: 8px 14px;
  overflow: hidden;
}
#asobi ul li p{
  width: 60% ;
  padding: 15px 0 0 0;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  float: right;
}
#asobi ul li img{
  width: 35%;
  float: left;
}
#asobi section{
  clear: both;
}
#searchArea{
  display: block!important;
}

#asobi .area1 p.sub{
  background: #68bfdc;
  margin: 0 0 10px 0;
  padding: 10px 3%;
  color: #ffffff;
}
#asobi .area2 p.sub{
  background: #78ca6e;
  margin: 0 0 10px 0;
  padding: 10px 3%;
  color: #ffffff;
}
#asobi .area3 p.sub{
  background: #f09730;
  margin: 0 0 10px 0;
  padding: 10px 3%;
  color: #ffffff;
}

.tab{
  overflow:hidden;
  margin: 0 0 0 3%;
}
.tab li.select1{
  background: #68bfdc;
}
.tab li.select2{
  background: #78ca6e;
}
.tab li.select3{
  background: #f09730;
}
.tab li{
  color: #ffffff;
  font-weight: bold;
  padding:20px 0;
  float:left;
  margin-right:1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 32%;
  text-align: center;
  font-size: 16px;
}
.tab li.select{
  }
.hide {
  display:none;
}

.linkarea{
  overflow:hidden;
  margin: 0 0 10px 3%;
}
.linkarea li.select1 a{
  background: #68bfdc;
}
.linkarea li.select2 a{
  background: #78ca6e;
}
.linkarea li.select3 a{
  background: #f09730;
}
.linkarea li a{
  display: block;
  color: #ffffff;
  font-weight: bold;
  padding:20px 0;
  float:left;
  margin-right:1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 32%;
  text-align: center;
  font-size: 16px;
}

#hotel .area1{
  background-color: #68bfdc;
  padding: 15px 3%;
  margin-bottom: 20px;
}
#hotel .area2{
  background-color: #78ca6e;
  padding: 15px 3%;
  margin-bottom: 20px;
}
#hotel .area3{
  background-color: #f09730;
  padding: 15px 3%;
  margin-bottom: 20px;
}
#hotel .block03{
  margin: 0 0 30px 0;
  padding: 0 0 0 0;
  border-bottom: 1px solid #cccccc;
  padding: 0 0 20px 0;
}
#hotel .block03 a{
  font-size:16px;
  font-weight:bold;
  color:#fff;
  background-image: url(../img/helpful/btn_arrow.png);
  background-position: 97% 50%;
  background-repeat: no-repeat;
  background-color: #ff9c00;
  background-size:8px auto;
  padding:13px 20px;
  text-align:center;
  display:block;
  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
      border-radius: 5px;
    box-shadow:2px 4px 0px 0px #e0e0ca;
  -moz-box-shadow:2px 4px 0px 0px #e0e0ca;
  -webkit-box-shadow:2px 4px 0px 0px #e0e0ca;
  margin: 0 3% 20px 3%;
}
.selectarea{
  margin:0 0 15px 0;
}
.selectarea select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}
.selectarea select{
  margin: 0 3%;
  width: 94%;
  font-size: 16px;
  height: 40px;
  border: 1px solid #cccccc;
  background-image: url(../img/helpful/arrow3.png);
  background-position: 97% 50%;
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-size:14px 9px ;
}
.selectarea{}

.block0101 img{
  width: 100%;
  margin: 0 0 10px 0;
}
.grade01 img{
  width: 16px
}
.block02 dt{
  font-size: 12px;
}
.block02 dd{
  font-size: 12px;
}
.comment{
  font-weight: bold;
  font-size: 14px;
  margin: 0 3% 10px 3%;
}
.block03{
  clear: both;
}
.block04{
  margin: 0 3%
}
#hotel .block04 ul{
  width: 100%;
  margin: 0 0 10px 0;
  overflow: hidden;
}
#hotel .block04 ul li{
  float: left;
  width: 15%;
  margin: 0 0 3px 3px
}
#hotel .block04 ul li img{
  width: 100%;
}

/* 幅による改行調整など */
@media screen and (max-width: 320px){
  #waribiki h4, #asobi h4, #mochimono h4, #jisa h4{
    font-size: 17px;
  }
}

.jisa-waku {
  border: 1px solid #E0E0D5;
  border-radius: 0 0 5px 5px;
  margin-bottom: 2em;
}
@media screen and (max-width: 960px){
  .jisa-waku {
    width: 98%;
    margin: 0 auto 2em;
  }
}

#mochimono .anchor {
  width: 100%;
  background-color: #FFC000;
  display: flex;
  margin-bottom: 1.5em;
}
#mochimono .anchor ul {
  padding: 3% 4%;
  margin: 0 auto;
  display: inline-block;
}
#mochimono .anchor li {
  background-color: #FFF;
  width: 48%;
  font-weight: 600;
  margin: 1%;
  display: inline-block;
  float: left;
}
#mochimono .anchor li:nth-child(2n+1):last-child {
  width: 98%;
  display: inline-block;
  text-align: center;
}
#mochimono .anchor li a {
  text-decoration: none;
  color: #8E683D;
  display: block;
  padding: 13px 10px;
  position: relative;
}
#mochimono .anchor li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 42%;
  right: 6%;
  border: 6px solid transparent;
  border-top: 8px solid #8C8C8C;
}
#mochimono .anchor li a:after {
  display: block;
  content: "";
  position: absolute;
  top: 34%;
  right: 6%;
  border: 6px solid transparent;
  border-top: 8px solid #FFF;
}
#mochimono .anchor li:nth-child(2n+1):last-child a:before, #mochimono .anchor li:nth-child(2n+1):last-child a:after {
  right: 3%;
}
#mochimono .anchor li:nth-child(2n) {
  letter-spacing: -0.5px;
}
@media screen and (max-width: 375px) {
  #mochimono .anchor li a {
    zoom: .9;
  }
}
@media screen and (max-width: 320px) {
  #mochimono .anchor li a {
    zoom: .85;
  }
}