@charset "UTF-8";
@media (min-width: 751px) {
  #maincontents a {
    transition: 0.3s; } }
@media (min-width: 751px) {
  #maincontents a img {
    transition: 0.3s; } }
@media (max-width: 750px) {
  #maincontents #pastlist {
    height: auto; } }
#maincontents .tohokuBtn.hokkaido {
  display: none; }
@media (min-width: 751px) {
  #maincontents ul.choicetab {
    display: flex;
    justify-content: center;
    margin-bottom: 45px;
    border-left: #D2DBDB 1px solid; } }
@media (max-width: 750px) {
  #maincontents ul.choicetab {
    width: 88vw;
    border-top: #D2DBDB 1px solid;
    margin: 0 auto 6vw; } }
@media (min-width: 751px) {
  #maincontents ul.choicetab li {
    width: 25%;
    border-right: #D2DBDB 1px solid; } }
@media (max-width: 750px) {
  #maincontents ul.choicetab li {
    width: 100%;
    border-bottom: #D2DBDB 1px solid; } }
#maincontents ul.choicetab li a {
  display: block;
  color: #000000;
  text-align: center; }
  @media (min-width: 751px) {
    #maincontents ul.choicetab li a {
      height: 54px;
      background: url(../images/icon_down_g.svg) center bottom 12px no-repeat;
      line-height: 33px;
      font-size: 16px; }
      #maincontents ul.choicetab li a:hover {
        background-position: center bottom 7px; } }
  @media (max-width: 750px) {
    #maincontents ul.choicetab li a {
      height: 12vw;
      background: url(../images/icon_down_g.svg) right 4vw center no-repeat;
      line-height: 12vw;
      font-size: 3.7vw;
      background-size: 1.4vw auto; } }
#maincontents #pamph {
  background: url(../images/bg_dp.jpg) repeat;
  display: block; }
  @media (min-width: 751px) {
    #maincontents #pamph {
      margin: 130px auto 65px; } }
  @media (max-width: 750px) {
    #maincontents #pamph {
      margin: 16vw auto; } }
  @media (min-width: 751px) {
    #maincontents #pamph .cflex {
      align-items: center;
      background: url(../images/obj_dp.png) left top no-repeat; } }
  @media (max-width: 750px) {
    #maincontents #pamph .cflex {
      overflow: hidden;
      background: url(../images/obj_dp_sp1.png) left -7vw top 20vw no-repeat, url(../images/obj_dp_sp2.png) right 2vw top -7vw no-repeat;
      background-size: 18vw auto, 27vw auto; } }
  #maincontents #pamph .cflex h3 {
    text-align: center;
    position: relative; }
    @media (min-width: 751px) {
      #maincontents #pamph .cflex h3 {
        width: 500px;
        padding: 35px; } }
    @media (max-width: 750px) {
      #maincontents #pamph .cflex h3 {
        width: 70vw;
        margin: 6vw 0 6vw 4vw; } }
    @media (min-width: 751px) {
      #maincontents #pamph .cflex h3:after {
        content: "";
        width: 82px;
        height: 32px;
        position: absolute;
        right: 20px;
        bottom: 75px;
        background: url(../images/arrow_dp.svg) center center no-repeat; } }
  #maincontents #pamph .cflex .pamph {
    position: relative; }
    @media (min-width: 751px) {
      #maincontents #pamph .cflex .pamph {
        width: 600px;
        padding: 25px 25px 25px 0; } }
    @media (max-width: 750px) {
      #maincontents #pamph .cflex .pamph {
        width: 100%;
        padding: 0 6vw 10vw 6vw; } }
    #maincontents #pamph .cflex .pamph .img {
      background: #ffffff; }
      @media (min-width: 751px) {
        #maincontents #pamph .cflex .pamph .img {
          padding: 15px; } }
      @media (max-width: 750px) {
        #maincontents #pamph .cflex .pamph .img {
          padding: 2vw; } }
    #maincontents #pamph .cflex .pamph p.btn {
      display: block;
      text-align: center;
      color: #ffffff; }
      @media (min-width: 751px) {
        #maincontents #pamph .cflex .pamph p.btn {
          width: 330px;
          height: 50px;
          line-height: 50px;
          font-size: 13px;
          background: url(../images/icon_bt_on.svg) right 15px center no-repeat #3E8740;
          transition: 0.3s;
          position: absolute;
          bottom: 0;
          right: 0; } }
      @media (max-width: 750px) {
        #maincontents #pamph .cflex .pamph p.btn {
          width: 100%;
          height: 14vw;
          line-height: 14vw;
          font-size: 3.6vw;
          background: url(../images/icon_bt_on.svg) right 2vw center no-repeat #3E8740;
          background-size: 1.4vw auto;
          padding: 0;
          margin-top: 4vw; } }
  @media (min-width: 751px) {
    #maincontents #pamph:hover {
      opacity: 1; }
      #maincontents #pamph:hover img {
        opacity: 1; }
      #maincontents #pamph:hover .cflex .pamph p.btn {
        background-position: right 10px center;
        background-color: #003080;
        opacity: 1; } }

@font-face {
  font-family: "homemadeapple";
  src: url("font/HomemadeApple-Regular.woff") format("woff"); }
@media (min-width: 751px) {
  /*#contact*/
  #contact.ttt_contact {
    width: 1050px;
    margin-left: auto;
    margin-right: auto; }

  /*	#contact.ttt_contact>.flex {
  		padding: 30px 0;
  		margin: 0 30px;
  	}*/
  #contact.ttt_contact .txt.flex {
    flex-direction: row;
    padding: 30px 0;
    margin: 0 30px;
    /*padding-bottom: 30px;*/
    /*margin-bottom: 20px;*/
    border-bottom: 1px solid #B5B5B5; }

  #contact.ttt_contact .txt.flex:last-of-type {
    border-bottom: none; }

  #contact.ttt_contact .contactArea {
    margin-right: 10px;
    width: 5.5em; }

  #contact.ttt_contact .contactArea p {
    padding: 0.8em 0;
    border: 1px solid #003080;
    text-align: center;
    line-height: 1.2; }

  #contact.ttt_contact .contactTel {
    margin-right: 10px; }

  #contact.ttt_contact .contactTel .name {
    font-size: 17px; }

  #contact.ttt_contact .contactTel .tel {
    font-family: "Questrial";
    font-size: 34px;
    color: #003081;
    margin-right: 20px; }

  #contact.ttt_contact .contactTel .tel a {
    color: #003081;
    cursor: default; }

  #contact.ttt_contact .manager {
    padding: 1em 0 3em; }

  #contact.ttt_contact .manager p {
    text-align: center; }

  #anchorLinkBlock, .footNav.flex {
    display: none; }

  /* .pamp */
  .pamph.flex {
    width: 100%;
    display: flex;
    justify-content: center; }

  .pamph li {
    border-right: none;
    padding-right: 0; }

  .pamph li.bg_g {
    background: #ebebf9;
    padding: 50px 0;
    width: 100%; }

  .pamph li a {
    display: flex;
    align-items: center; }

  .pamph li.bg_g a {
    justify-content: center; }

  .pamph li.bg_g a .img {
    text-align: center;
    background: #FFFFFF;
    padding: 20px; }

  .pamph li.bg_g a span {
    display: block;
    width: 300px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    border: #003081 1px solid;
    background: url(../../images/icon_bt_on.svg) right 10px center no-repeat #003081;
    color: #ffffff;
    transition: 0.3s;
    margin: 0 0 0 40px; }

  .pamph li.bg_g a:hover span {
    color: #003081;
    background: url(../../images/icon_bt.svg) right 5px center no-repeat #FFFFFF; }

  .pamph li a img {
    margin-right: 10px; }

  #contact .note {
    margin: 30px 30px 0;
    text-indent: -1em;
    padding-left: 1em;
    color: #003080;
    font-size: 18px; }

  #ttt_foot {
    /*padding-top: 50px;*/ }

  .tohokuBtn {
    padding: 30px 0 75px; }

  #maincontents .tohokuBtn a.cbtn {
    width: 300px;
    margin-right: auto;
    margin-left: auto; }

  /* 新プラン販売した際のマーク */
  .areaBox.new:after {
    content: "";
    width: 120px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/icon_new.svg) left top no-repeat;
    background-size: contain; }

  /*デジタルパンフここから*/
  .digitalPamph {
    background: #ebebf9;
    padding: 60px 20px 20px; }

  .digitalPamph h3 {
    text-align: center;
    color: #000000;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 2px;
    margin-bottom: 30px;
    font-family: kinuta-maruminold-stdn, serif;
    font-weight: bold;
    font-style: normal; }

  .digitalPamph h3 span {
    color: #479A38;
    font-size: 16px;
    font-family: homemadeapple; }

  .digitalPamph .lead {
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
    line-height: 2; }

  .digitalPamph .lead span {
    font-size: 22px;
    background: linear-gradient(transparent 70%, #F8D352 30%);
    padding-bottom: 4px; }

  #preset1 {
    margin-bottom: 40px; }

  #preset1 .pamphlet_unit {
    width: 23%;
    margin-right: 1%;
    margin-left: 1%; }

  #preset1 .pamphlet_unit a {
    display: block; }

  #preset1 .pamphlet_unit img {
    width: 100%; }

  #preset1 .pamphlet_unit p {
    margin-top: 10px; }

  #maincontents .digitalPamph > a.digitalPamphbtn {
    display: block;
    width: 300px;
    height: 40px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    border: #003081 1px solid;
    background: url(../../images/icon_bt_on.svg) right 10px center no-repeat #003081;
    color: #ffffff;
    transition: 0.3s; }

  #maincontents .digitalPamph > a.digitalPamphbtn:hover {
    color: #003081;
    background: url(../../images/icon_bt.svg) right 5px center no-repeat #FFFFFF; }

  /*デジタルパンフここまで*/ }
@media (max-width: 750px) {
  /* #contact */
  #contact.ttt_contact > .flex {
    /*padding: 30px 0;*/
    /*margin-bottom: 4vw;*/ }

  #contact.ttt_contact .txt.flex {
    /*flex-direction: row;*/
    /*padding-bottom: 30px;*/
    /*margin-bottom: 4vw;*/
    border-bottom: 1px solid #B5B5B5; }

  #contact.ttt_contact .txt.flex:last-of-type {
    border-bottom: none; }

  #contact.ttt_contact .contactArea {
    margin-bottom: 2vw;
    /*width: 5.5em;*/ }

  #contact.ttt_contact .contactArea p {
    padding: 0.8em 0;
    border: 1px solid #003080;
    text-align: center;
    line-height: 1.2;
    font-size: 4vw; }

  #contact.ttt_contact .contactTel {
    margin-bottom: 4vw; }

  #contact.ttt_contact .contactTel .name {
    /*font-size: 17px;*/ }

  #contact.ttt_contact .contactTel .tel {
    font-family: "Questrial";
    font-size: 5vw;
    color: #003081;
    margin-bottom: 2vw; }

  #contact.ttt_contact .contactTel .tel a {
    color: #003081;
    cursor: default; }

  #contact.ttt_contact .manager {
    padding: 1em 0 3em; }

  #contact.ttt_contact .manager p {
    text-align: center; }

  #contact.ttt_contact .contactAddress p {
    font-size: 4vw; }

  #anchorLinkBlock, .footNav.flex {
    display: none; }

  #contact.ttt_contact .note {
    margin: 4vw;
    text-indent: -1em;
    padding-left: 1em;
    color: #003080;
    font-size: 5vw; }

  .carouselWrap {
    margin-top: 8vw; }

  #fv {
    margin-top: 5vw; }

  #maincontents .pamph {
    width: auto; }

  .pamph li.bg_g {
    background: #ebebf9;
    padding: 6vw;
    width: 100%; }

  .pamph li.bg_g a .img {
    text-align: center;
    background: #FFFFFF;
    padding: 6vw;
    margin-bottom: 4vw; }

  .pamph li.bg_g a span {
    font-size: 3.5vw;
    border: #003081 1px solid;
    background: url(../../images/icon_bt_on.svg) right 4vw center no-repeat #003081;
    background-size: auto 2vw;
    color: #ffffff;
    margin: 0; }

  /* 新プラン販売した際のマーク */
  .areaBox.new:after {
    content: "";
    width: 20vw;
    height: 12vw;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/icon_new.svg?v2) left top no-repeat;
    background-size: contain; }

  /*デジタルパンフここから*/
  .digitalPamph {
    background: #ebebf9;
    padding: 4vw; }

  .digitalPamph h3 {
    text-align: center;
    color: #000000;
    font-size: 6vw;
    font-weight: normal;
    font-family: kinuta-maruminold-stdn, serif;
    letter-spacing: 0.2vw;
    margin-bottom: 6vw; }

  .digitalPamph h3 span {
    color: #479A38;
    font-size: 3.3vw;
    font-family: homemadeapple; }

  .digitalPamph .lead {
    font-size: 3.8vw;
    line-height: 2;
    text-align: center;
    margin-bottom: 8vw;
    font-weight: bold; }

  .digitalPamph .lead span {
    font-size: 5vw;
    padding-bottom: 1vw;
    background: linear-gradient(transparent 70%, #F8D352 30%);
    letter-spacing: -0.4vw; }

  #preset1 {
    margin-bottom: 6vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }

  #maincontents .pamph#preset1 {
    margin-bottom: 4vw; }

  #preset1 .pamphlet_unit {
    width: 49%;
    margin-bottom: 6vw; }

  #preset1 .pamphlet_unit a {
    display: block; }

  #preset1 .pamphlet_unit a p {
    font-size: 3.8vw;
    line-height: 1.2;
    margin-top: 3vw; }

  #preset1 .pamphlet_unit img {
    width: 100%; }

  #maincontents .digitalPamph > a.digitalPamphbtn {
    display: block;
    width: 100%;
    height: 13vw;
    line-height: 13vw;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 3.5vw;
    border: #003081 1px solid;
    background: url(../../images/icon_bt_on.svg) right 4vw center no-repeat #003081;
    color: #ffffff;
    transition: 0.3s; }

  /*デジタルパンフここまで*/ }

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