#maincontents #fv {
  width: 100%;
  position: relative;
  overflow: hidden; }
  @media (min-width: 751px) {
    #maincontents #fv {
      height: 460px;
      background: url(../images/hotspa/fv01.jpg) center top;
      background-size: cover; } }
  @media (max-width: 750px) {
    #maincontents #fv {
      height: 86vw;
      background: url(../images/hotspa/fv01_sp.jpg);
      background-size: cover; } }
  #maincontents #fv h2 {
    text-indent: -10000px;
    overflow: hidden; }
    @media (min-width: 751px) {
      #maincontents #fv h2 {
        width: 401px;
        height: 460px;
        margin: 0 auto;
        background: url(../images/hotspa/cc.png) center center no-repeat;
        background-size: contain; } }
    @media (max-width: 750px) {
      #maincontents #fv h2 {
        width: 64vw;
        height: 68vw;
        margin: 0 auto;
        background: url(../images/hotspa/cc.png) center center no-repeat;
        background-size: contain; } }
@media (min-width: 751px) {
  #maincontents #otherPlan {
    padding: 60px 0 120px; } }
@media (max-width: 750px) {
  #maincontents #otherPlan {
    padding: 10vw 0 20vw; } }
#maincontents #otherPlan p.lead {
  color: #C66402;
  text-align: center; }
  @media (min-width: 751px) {
    #maincontents #otherPlan p.lead {
      font-size: 20px;
      margin-bottom: 20px; } }
  @media (max-width: 750px) {
    #maincontents #otherPlan p.lead {
      font-size: 4vw;
      margin-bottom: 6vw;
      line-height: 6vw; } }
@media (min-width: 751px) {
  #maincontents #otherPlan ul {
    flex-wrap: wrap;
    justify-content: space-between; } }
@media (min-width: 751px) {
  #maincontents #otherPlan ul li {
    width: 350px;
    margin-bottom: 20px; } }
@media (max-width: 750px) {
  #maincontents #otherPlan ul li {
    width: 100%;
    margin-bottom: 2vw; } }
#maincontents #otherPlan ul li a {
  display: block;
  text-align: center;
  color: #ffffff; }
  @media (min-width: 751px) {
    #maincontents #otherPlan ul li a {
      width: 100%;
      height: 60px;
      line-height: 60px;
      font-size: 15px;
      background: url(../images/icon_bt_on.svg) right 25px center no-repeat #DB902F; } }
  @media (max-width: 750px) {
    #maincontents #otherPlan ul li a {
      width: 100%;
      height: 14vw;
      line-height: 14vw;
      font-size: 3.8vw;
      background: url(../images/icon_bt_on.svg) right 4vw center no-repeat #DB902F;
      background-size: 1.4vw auto; } }

@media (min-width: 751px) {
  /*	#fv .slide_i li:first-child { background: url("../images/hotspa/fv01.jpg") center center no-repeat; 
  		background-size: cover; width: 100%; height: 100%; }
  	#fv .slide_i li:nth-child(2) { background: url("../images/hotspa/fv02.jpg") center center no-repeat; 
  		background-size: cover; width: 100%; height: 100%; }
  	#fv .slide_i li:nth-child(3) { background: url("../images/hotspa/fv03.jpg") center center no-repeat; 
  		background-size: cover; width: 100%; height: 100%; }*/
  #fv #akaaka_logo {
    position: absolute;
    z-index: 10;
    left: 0;
    top: -30px; }

  #fv ul.slide_i {
    display: none; }

  .bg {
    background: url("../images/hotspa/bg.jpg"); }

  h3.ttl {
    text-align: center; }

  #hotspa_content.mainWidth {
    margin: 60px auto; }

  /* caption */
  .caption {
    margin: 15px 0; }

  .caption h4 {
    font-size: 32px;
    text-align: center;
    color: #C66402;
    margin-bottom: 10px; }

  .caption p {
    font-size: 18px;
    text-align: center;
    color: #C66402;
    padding-left: 30px; }

  /* hotspa_list */
  .hotspa_list {
    width: 1100px;
    /*width: 950px;*/
    margin: 40px auto 0; }

  .hotspa_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: inherit; }

  .hotspa_list ul.col3 li {
    width: 31%;
    margin: 10px 1%; }

  .hotspa_list ul.col4 li {
    width: 24%;
    margin: 10px .5%; }

  .hotspa_list ul li {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }

  .hotspa_list ul li:first-child {
    margin-left: 0; }

  .hotspa_list ul li:last-child {
    margin-right: 0; }

  .hotspa_list ul li img {
    display: block;
    max-width: 100%; }

  /* tab */
  .containerTrip {
    position: relative;
    z-index: 50;
    margin-top: 60px; }

  ul.choicetab {
    display: flex;
    justify-content: center; }

  ul.choicetab li {
    margin-right: 5px; }

  ul.choicetab li a {
    width: 363px;
    height: 70px;
    background: #F9F1E5;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }

  ul.choicetab li.ui-tabs-active.ui-state-active a {
    background: #EFD8BD;
    color: #C66402; }

  #maincontents ul.choicetab li a:visited,
  #maincontents ul.choicetab li a:link {
    color: #C66402;
    font-size: 20px; }

  /* tabArea */
  .tabArea {
    padding-top: 60px;
    padding-bottom: 40px;
    background: #EFD8BD; }

  .tabAreawap {
    padding-top: 60px;
    padding-bottom: 40px; }

  .tabAreawap > .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }

  .areaBox {
    width: 540px;
    width: 49.092%;
    padding: 30px 40px;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(208, 208, 208, 0.8); }

  .areaBox h3 {
    padding-top: 64px;
    text-align: center;
    color: #008D70;
    margin-bottom: 15px;
    font-size: 20px; }

  .areaBox h3 span {
    padding: 0.2em 0.5em;
    border: 1px solid #008D70; }

  .areaBox h4 {
    text-align: center;
    color: #C66402;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold; }

  .areaBox p {
    margin-bottom: 25px; }

  .areaBox ul {
    display: flex;
    justify-content: space-between; }

  .areaBox ul li {
    width: 48.914%;
    min-height: 60px; }

  #maincontents .areaBox ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: url("../images/hotspa/icon_arrow.svg") center right 15px no-repeat #DB902F;
    color: #FFFFFF;
    padding-right: 20px; }

  .areaBox h3.wafuku {
    background: url("../images/hotspa/icon_wafuku.svg") center top 10px no-repeat; }

  .areaBox h3.ship {
    background: url("../images/hotspa/icon_ship.svg") center top 15px no-repeat; }

  .areaBox h3.ship2 {
    background: url("../images/hotspa/icon_ship2.svg") center top 15px no-repeat; }

  .areaBox h3.cherry {
    background: url("../images/hotspa/icon_cherry.svg") center top 10px no-repeat; }

  .areaBox h3.onsen {
    background: url("../images/hotspa/icon_onsen.svg") center top 10px no-repeat; }

  .commingsoon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    padding: 100px 0; } }
@media (max-width: 750px) {
  /*#fv .slide_i li:first-child { background: url("../images/pref/miyagi/fv01_sp.jpg") center center no-repeat; background-size: cover; width: 100%; height: 100%; }
  #fv .slide_i li:nth-child(2) { background: url("../images/pref/miyagi/fv02_sp.jpg") center center no-repeat; background-size: cover; width: 100%; height: 100%; }
  #fv .slide_i li:nth-child(3) { background: url("../images/pref/miyagi/fv03_sp.jpg") center center no-repeat; background-size: cover; width: 100%; height: 100%; }*/
  #fv ul.slide_i {
    display: none; }

  #fv #akaaka_logo {
    position: absolute;
    z-index: 10;
    left: -6vw;
    top: -10vw;
    width: 40vw; }

  .map img.for_sp {
    max-width: 90%; }

  .areaUnit#areaInfo01 .spotInfo ul li {
    width: 100%; }

  .bg {
    background: url("../images/hotspa/bg.jpg"); }

  h3.ttl {
    text-align: center; }

  /* caption */
  .caption {
    margin: 3vw 0; }

  .caption h4 {
    font-size: 7vw;
    text-align: center;
    padding-bottom: 2vw;
    color: #C66402; }

  .caption p {
    font-size: 4.2vw;
    text-align: center;
    color: #C66402; }

  /* hotspa_list */
  .hotspa_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: inherit; }

  .hotspa_list ul li {
    width: 80%;
    /*width: 47%;*/
    /*margin: 10px 1.5%;*/
    margin: 10px auto;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }

  .hotspa_list ul li img {
    display: block;
    max-width: 100%; }

  /* tab */
  .containerTrip {
    position: relative;
    z-index: 50;
    margin-top: 10vw; }

  #maincontents .containerTrip .mainWidth {
    margin: auto; }

  #maincontents ul.choicetab {
    display: flex;
    justify-content: center;
    width: 88vw;
    margin-left: auto;
    margin-right: auto; }

  ul.choicetab li {
    width: 32%; }

  ul.choicetab li:nth-child(2) {
    margin-left: 2%;
    margin-right: 2%; }

  ul.choicetab li a {
    width: 100%;
    height: 6vw;
    background: #F9F1E5;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }

  #maincontents ul.choicetab li.ui-tabs-active.ui-state-active a {
    background: #EFD8BD; }

  #maincontents ul.choicetab li a:visited,
  #maincontents ul.choicetab li a:link {
    color: #C66402;
    font-size: 4vw;
    padding: 1em 0; }

  #maincontents .containerTrip .mainWidth {
    margin: auto; }

  /* tabArea */
  .tabArea {
    background: url("../images/hotspa/bg_tree_left.png") top 40vw left -5vw no-repeat, url("../images/hotspa/bg_tree_right.png") top 120vw right -5vw no-repeat, url("../images/hotspa/bg_tree_left.png") top 200vw left -5vw no-repeat, url("../images/hotspa/bg_tree_right.png") top 280vw right -5vw no-repeat #EFD8BD;
    background-size: 60vw auto; }

  /* tabAreawap */
  .tabAreawap {
    padding-top: 10vw;
    padding-bottom: 10vw;
    /*padding-top: 20vw;*/
    /*padding-bottom: 20vw;*/ }

  .areaBox {
    width: 100%;
    padding: 4vw;
    margin-bottom: 6vw;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(208, 208, 208, 0.8); }

  .areaBox h3 {
    padding-top: 10vw;
    text-align: center;
    color: #008D70;
    margin-bottom: 4vw;
    font-size: 5vw; }

  .areaBox h3 span {
    padding: 0.2em 0.5em;
    border: 1px solid #008D70; }

  .areaBox h4 {
    text-align: center;
    color: #C66402;
    margin-bottom: 4vw;
    font-size: 5vw;
    font-weight: bold; }

  .areaBox p {
    font-size: 4vw;
    line-height: 6vw;
    margin-bottom: 4vw; }

  .areaBox ul li {
    width: 100%;
    height: 13vw;
    margin-bottom: 4vw; }

  #maincontents .areaBox ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: url("../images/hotspa/icon_arrow.svg") center right 4vw no-repeat #DB902F;
    background-size: 2vw auto;
    color: #FFFFFF;
    padding-right: 6vw;
    font-size: 3.7vw; }

  .areaBox h3.wafuku {
    background: url("../images/hotspa/icon_wafuku.svg") center top no-repeat;
    background-size: auto 7vw; }

  .areaBox h3.ship {
    background: url("../images/hotspa/icon_ship.svg") center top no-repeat;
    background-size: auto 7vw; }

  .areaBox h3.ship2 {
    background: url("../images/hotspa/icon_ship2.svg") center top no-repeat;
    background-size: auto 7vw; }

  .areaBox h3.cherry {
    background: url("../images/hotspa/icon_cherry.svg") center top no-repeat;
    background-size: auto 7vw; }

  .areaBox h3.onsen {
    background: url("../images/hotspa/icon_onsen.svg") center top no-repeat;
    background-size: auto 7vw; }

  .commingsoon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 6vw;
    padding: 10vw 0; } }

/*# sourceMappingURL=hotspa.css.map */