@charset "UTF-8";
HTML, BODY, P, H1, H2, H3, H4, H5, H6 {
  margin: 0;
  padding: 0; }

BODY {
  background-image: url(./../images/attention/body.jpg); }

html {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

IMG {
  max-width: 100%; }

A {
  text-decoration: none; }
  A:hover {
    text-decoration: none; }
  A IMG:hover {
    opacity: 0.85; }

.only_sp {
  display: none; }

#header {
  background: url(./../images/attention/header.png) repeat-x 50% bottom;
  height: 220px;
  position: relative; }
  #header H1 {
    padding: 0;
    margin: 0 auto;
    width: 960px;
    position: relative; }
    #header H1 IMG {
      position: absolute;
      left: 0px;
      top: 0px; }
      #header H1 IMG.bus {
        position: absolute;
        left: 280px;
        top: 130px; }

#section {
  padding: 0 0 40px;
  margin: 0 auto;
  width: 940px; }
  #section .attention {
    color: #c00;
    text-align: center; }
  #section .topattention {
    position: relative;
    top: -20px; }
  #section .maintour {
    border: 4px solid  #f7f70c;
    padding: 15px 20px;
    margin-bottom: 20px; }
  #section .marT {
    margin-top: 40px; }
  #section .maintour H2 {
    background: #f7f70c;
    border-radius: 6px;
    font-size: 30px;
    text-align: center;
    color: #51413a;
    line-height: 180%;
    margin-bottom: 16px; }
  #section .maintour h3 {
    display: block;
    font-size: 18px;
    line-height: 145%;
    padding: 10px;
    background: #f4e6cd;
    border-radius: 6px;
    color: #51413a;
    padding-left: 4.5em;
    text-indent: -4em; }
    #section .maintour h3 a {
      color: #51413a;
      text-decoration: underline; }
      #section .maintour h3 a:hover {
        text-decoration: none; }
  #section .maintour .photos {
    text-align: center; }
    #section .maintour .photos IMG {
      width: 100%; }
  #section .maintour .icons {
    margin: 8px 0;
    text-align: right; }
  #section .maintour .price {
    width: 98%;
    margin: 0 auto;
    text-align: right;
    color: #f00;
    font-weight: bold;
    font-size: 24px; }
  #section .maintour .marT {
    margin-top: 40px; }

.price {
  text-align: right; }

SPAN.icon {
  display: inline-block;
  background: #16a8b1;
  border-radius: 2px;
  text-align: center;
  text-indent: 0;
  padding: 0px 5px;
  margin: 3px 1px;
  font-size: 13px;
  color: #fff; }
SPAN.tv {
  background-color: #f347b0; }

#section .maintour .btnArea {
  margin: 20px auto 0;
  overflow: hidden; }
  #section .maintour .btnArea li {
    margin: 0 auto;
    text-indent: 0; }
#section .maintour .btnSingle li {
  width: 100% !important;
  float: none !important; }
  #section .maintour .btnSingle li a {
    width: 90% !important; }
#section .maintour .btnArea A {
  display: block;
  text-align: center;
  border-radius: 8px;
  background-color: #ff8c00;
  color: #ffffff;
  font-weight: bold;
  box-shadow: 2px 2px 0px 2px #ce7f20;
  margin: 10px auto;
  font-size: 23px;
  line-height: 250%;
  text-decoration: none; }
  #section .maintour .btnArea A:hover {
    background-color: #ffa500; }
#section .maintour .description {
  margin: 1em auto;
  font-size: 16px;
  line-height: 130%; }
#section .maintour .column2 {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  margin-right: 2%; }
  #section .maintour .column2:last-of-type {
    margin-right: 0; }
  #section .maintour .column2 .photos {
    display: inline-block;
    width: 40%; }
  #section .maintour .column2 h3 {
    display: inline-block;
    width: 59%;
    box-sizing: border-box;
    margin: 0 0 0 1%;
    padding: 0 5px;
    text-indent: 0;
    vertical-align: top;
    background: none;
    font-size: 15px; }
    #section .maintour .column2 h3 a {
      display: inline-block; }
    #section .maintour .column2 h3 .price {
      font-size: 15px;
      margin-top: 2px; }
#section .maintour .description {
  font-size: 18px;
  text-align: center; }
  #section .maintour .description STRONG {
    color: #ff1f7e; }
#section .maintour UL {
  list-style: none;
  padding: 0;
  margin: 0 auto 1em;
  width: 90%; }
#section .maintour LI {
  color: #ff1f7e;
  /*text-indent: -1em;*/
  margin-left: 1em; }
  #section .maintour LI + LI {
    margin-top: 5px; }
#section .areatour {
  overflow: hidden; }
  #section .areatour H3 {
    margin-top: 30px;
    background: #e0ceb2;
    border-radius: 6px;
    font-size: 26px;
    text-align: center;
    color: #51413a;
    line-height: 180%;
    margin-bottom: 16px;
    line-height: 120%;
    padding: 5px 0; }
  #section .areatour .area {
    width: 24.5%;
    float: left;
    padding: 0;
    background: #fff7e4;
    border: 1px solid #e0ceb2;
    margin-right: 3px; }
    #section .areatour .area:last-child {
      margin: 0; }
  #section .areatour SPAN {
    display: block; }
  #section .areatour .areainfo {
    background: #f7f70c;
    text-align: center;
    color: #51413a;
    font-size: 14px;
    font-weight: bold; }
  #section .areatour .photo IMG {
    width: 100%;
    vertical-align: middle; }
  #section .areatour .photo A {
    display: block; }
    #section .areatour .photo A:hover IMG {
      opacity: 0.8; }
  #section .areatour .icon {
    border-radius: 0;
    margin: 0;
    padding: 0; }
  #section .areatour A .tourname {
    font-size: 12px;
    color: #51413a;
    height: 8em;
    text-decoration: underline;
    padding: 8px; }
  #section .areatour A:hover .tourname {
    color: #000;
    text-decoration: none; }
  #section .areatour .price {
    text-align: right;
    color: #f00;
    font-weight: bold;
    font-size: 18px;
    padding-right: 5px; }
  #section .areatour .arealink {
    font-size: 12px;
    text-align: center;
    background: #ffe3b1; }
    #section .areatour .arealink A {
      color: #51413a;
      text-decoration: underline; }
      #section .areatour .arealink A:hover {
        color: #333;
        text-decoration: none;
        background: #f7f70c; }
  #section .areatour .btnArea {
    margin: 40px auto;
    overflow: hidden; }
  #section .areatour UL {
    list-style: none;
    padding: 0;
    margin: 0 1vw 0 8vw;
    width: 90%;
    font-size: 18px;
    list-style-type: disc; }
  #section .areatour li a {
    color: #000;
    line-height: 2;
    text-decoration: underline; }
  #section .areatour .btnArea A {
    display: block;
    text-align: center;
    border-radius: 8px;
    background-color: #ff8c00;
    color: #ffffff;
    font-weight: bold;
    box-shadow: 2px 2px 0px 2px #ce7f20;
    margin: 30px auto;
    font-size: 23px;
    line-height: 250%;
    text-decoration: none; }
    #section .areatour .btnArea A:hover {
      background-color: #ffa500;
      text-decoration: none; }
  #section .areatour .btnSingle li {
    width: 100% !important;
    float: none !important; }
    #section .areatour .btnSingle li a {
      width: 90% !important; }
  #section .areatour > p {
    display: block;
    text-align: center;
    border: solid 3px #254977;
    border-radius: 8px;
    background-color: #508DD9;
    color: #ffffff;
    font-weight: bold;
    margin: 80px auto 40px;
    font-size: 23px;
    line-height: 250%;
    text-decoration: none; }
#section .ordinal {
  text-align: center;
  margin-top: 40px; }
  #section .ordinal .arealink {
    margin: 10px 0; }
    #section .ordinal .arealink A {
      color: #51413a;
      text-decoration: underline;
      display: inlineblock;
      padding: 0px 5px; }
      #section .ordinal .arealink A:hover {
        color: #333;
        text-decoration: none;
        background: #f7f70c; }
  #section .ordinal.attention {
    font-size: 12px; }

/*2カラム*/
/*410用*/
/*410用*/
#footer {
  background-color: #e0ceb2;
  text-align: center;
  line-height: 200%;
  padding-bottom: 10px;
  color: #755523; }
  #footer A {
    color: #755523; }

.bnr {
  text-align: center;
  width: 100%;
  margin: 0 auto; }

#section .areatour .txtinfo {
  overflow: hidden; }

.normalpage {
  text-align: center;
  color: #755523;
  margin-bottom: 10px;
  margin-top: 20px; }
  .normalpage A {
    color: #755523;
    text-decoration: underline; }
    .normalpage A:hover {
      color: #5f3f0d;
      text-decoration: none; }

#section .otherarea .area {
  width: 308px;
  margin-right: 8px;
  box-sizing: border-box;
  border: 0; }
  #section .otherarea .area:last-child {
    margin: 0; }
#section .maintour .lead {
  margin-bottom: 15px;
  line-height: 120%;
  text-align: center; }
  #section .maintour .lead .-strong {
    display: inline-block;
    margin-bottom: 10px;
    color: #f00;
    font-weight: bold;
    line-height: 1.5;}
  #section .maintour .lead small {
    color: #c00; }
#section .onair {
  margin: 0 auto 20px;
  text-align: center;
  color: #755523;
  padding: 2px 10px 10px; }
#section .maintour .tabs, #section .maintour #area_frm {
  width: 95%;
  margin: 0 auto; }
#section .maintour .tabs {
  overflow: hidden;
  margin: 0 auto; }
  #section .maintour .tabs li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 20px 0;
    margin: 0 auto;
    cursor: pointer;
    background: #8d806d;
    color: #fff;
    border-right: 1px solid #FBF7EE;
    box-sizing: border-box; }
    #section .maintour .tabs li:last-child {
      border-right-width: 0px; }
    #section .maintour .tabs li.active {
      background: #755523; }
    #section .maintour .tabs li:hover {
      background: #816333; }

#section .bnr_course {
  margin-bottom: 20px;
}

/*-----------------
検索フォーム
------------------*/
#area_frm form {
  display: none;
  margin: 0 auto 0;
  background: #fff;
  padding: 30px; }
#area_frm dl {
  overflow: hidden;
  margin: 0 0 20px;
  padding: 0; }
#area_frm dt {
  width: 20%;
  float: left;
  background: #755523;
  border-radius: 3px;
  padding: 5px 0;
  text-align: center;
  color: #fff; }
#area_frm dd {
  width: 78%;
  float: right;
  margin: 0; }
#area_frm select, #area_frm input[type="text"] {
  height: 37px;
  outline: none;
  border-width: 0px;
  font-size: 16px;
  padding: 0 30px 0 5px;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #F6F5F1 url(../images/btn_select.gif) no-repeat right 50%;
  cursor: pointer;
  width: 200px; }
#area_frm input[type="text"] {
  background: #F6F5F1; }
#area_frm select::-ms-expand {
  display: none; }
#area_frm .search_btn {
  text-align: center; }
  #area_frm .search_btn input {
    width: 100%;
    text-align: center;
    color: #fff;
    border-width: 0;
    cursor: pointer;
    text-align: center;
    border-radius: 8px;
    background-color: #ff8c00;
    color: #ffffff;
    font-weight: bold;
    box-shadow: 2px 2px 0px 2px #ce7f20;
    margin: 0 auto;
    font-size: 23px;
    line-height: 250%;
    text-decoration: none; }
    #area_frm .search_btn input:hover {
      background-color: #ffa500;
      text-decoration: none; }

#section .searchform h3 {
  border-radius: 8px 8px 0px 0px;
  text-align: center;
  width: 95%;
  padding-left: 0;
  padding-right: 0;
  margin: 30px auto 0; }
#section .searchform .deparea_btns {
  background: #fff;
  margin: 0 auto;
  background: #fff;
  width: 95%;
  padding: 0; }
  #section .searchform .deparea_btns li {
    border-bottom: 1px solid #ccc;
    margin: 0;
    text-indent: 0; }
    #section .searchform .deparea_btns li:last-child {
      border-bottom-width: 0px; }
    #section .searchform .deparea_btns li a {
      display: block;
      padding: 15px;
      background: url(../images/attention/tourpoint.png) no-repeat 98% 50%;
      color: #51413a; }
      #section .searchform .deparea_btns li a:hover {
        background-color: #f7f1e5; }

@media screen and (max-width: 640px) {
  #section .maintour .icons {
    text-align: left; }

  BODY {
    font-size: 14px; }

  .only_sp {
    display: block; }

  .line_bnr {
    padding: 10px 0; }
    .line_bnr IMG {
      width: 100%; }

  #header {
    height: 100px;
    background-size: auto 100%; }
    #header H1 {
      width: 100%; }
      #header H1 IMG {
        width: 20%; }
        #header H1 IMG.bus {
          display: none; }

  #section {
    width: 98%; }
    #section .topattention {
      position: relative;
      top: -10px; }
    #section .areatour .area {
      width: auto;
      float: none;
      margin-right: 0;
      overflow: hidden;
      margin-bottom: 5px;
      background: url(./../images/attention/tourpoint.png) no-repeat 99% 50%;
      background-size: 1.6% auto; }
    #section .areatour .areainfo {
      margin-bottom: 5px; }
    #section .areatour .photo {
      width: 28%;
      height: auto;
      float: left;
      padding-left: 2%; }
      #section .areatour .photo IMG {
        width: 100%;
        height: auto; }
    #section .areatour .txtinfo {
      width: 68%;
      float: right; }
      #section .areatour .txtinfo P {
        padding-right: 5%; }
    #section .areatour .icon {
      width: 9em;
      border-radius: 4px;
      padding: 0px; }
    #section .areatour .txtinfo A {
      display: block; }
      #section .areatour .txtinfo A .tourname {
        height: auto;
        margin-bottom: 5px; }

  .bnr IMG {
    width: 100%;
    margin-bottom: 10px; }

  #footer {
    font-size: 10px; }

  #section .maintour H2 {
    font-size: 18px;
    text-align: center;
    line-height: 135%;
    padding: 10px; }
  #section .maintour .tourname A, #section .maintour .price, #section .maintour .btn A {
    font-size: 18px;
    text-align: center;
    margin: 1em 0 0; }
  #section .areatour H3 {
    font-size: 18px;
    text-align: center;
    margin: 1em 0 0;
    margin-bottom: 1em; }
  #section .otherarea .area {
    width: 33%;
    margin-right: 0.5%;
    box-sizing: border-box;
    border: 0;
    float: left;
    background-image: none; }
    #section .otherarea .area:last-child {
      margin: 0; }
  #section .otherarea .photo {
    width: 100%;
    height: auto;
    float: none;
    padding-left: 0%; }
  #section .maintour .btnSingle li a {
    font-size: 5vw; }
  #section .maintour .column2 {
    width: 100%;
    display: block;
    margin: 0 0 2vw 0; }
    #section .maintour .column2 h3 a, #section .maintour .column2 h3 .icon {
      font-size: 3.5vw; }
    #section .maintour .column2 h3 .price {
      font-size: 3vw;
      text-align: left; }
  #section .areatour .btnArea {
    margin: 5vw auto; }
    #section .areatour .btnArea A {
      margin: 3vw auto;
      padding: 2vw;
      font-size: 5.5vw;
      line-height: 1.7; }
  #section .areatour > p {
    font-size: 5.5vw;
    margin: 15vw auto 5vw;
    line-height: 200%; }
  #section .areatour li a {
    font-size: 4.5vw; }

  /*-----------------
  検索フォーム
  ------------------*/
  input[type="submit"], input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer; }
  input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
    display: none; }
  input[type="submit"]::focus, input[type="button"]::focus {
    outline-offset: -2px; }

  #section .maintour .tabs, #section .maintour #area_frm {
    width: 100%; }
  #section .maintour .tabs li {
    width: 25%;
    padding: 3vw 0;
    font-size: 3.75vw;
    text-indent: 0; }

  #area_frm form {
    padding: 2vw; }
  #area_frm dl {
    margin: 0 0 3vw; }
  #area_frm dt {
    width: 20%; }
  #area_frm dd {
    width: 78%; }
  #area_frm select {
    line-height: 8vw;
    line-height: 8vw;
    width: 100%;
    font-size: 3.45vw; }
  #area_frm input[type="text"] {
    line-height: 8vw;
    line-height: 8vw;
    width: 100%;
    font-size: 3.45vw;
    width: 100%;
    box-sizing: border-box; }
  #area_frm .search_btn input {
    font-size: 4vw; }
  #area_frm .dept__list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap; }
    #area_frm .dept__list select {
      width: 32%; }
      #area_frm .dept__list select:nth-child(1), #area_frm .dept__list select:nth-child(2) {
        margin-right: 2%; }
      #area_frm .dept__list select.DeptYear, #area_frm .dept__list select.DeptMonth, #area_frm .dept__list select.DeptDay {
        transition: .2s; }
        #area_frm .dept__list select.DeptYear:disabled, #area_frm .dept__list select.DeptMonth:disabled, #area_frm .dept__list select.DeptDay:disabled {
          color: #ccc;
          background: #F6F5F1 url(../images/btn_select.gif) no-repeat right 50%;
          pointer-events: none; }
  #area_frm .DeptDisabled {
    width: 50%;
    margin-top: 2vw; }
    #area_frm .DeptDisabled input[type=checkbox] {
      display: none; }
      #area_frm .DeptDisabled input[type=checkbox]:checked + label:before {
        opacity: 1; }
    #area_frm .DeptDisabled label {
      box-sizing: border-box;
      -webkit-transition: background-color 0.2s linear;
      transition: background-color 0.2s linear;
      position: relative;
      display: flex;
      align-items: center;
      height: 8.7058823529vw;
      padding: 0 0 0 9.8823529412vw;
      border-radius: 1.8823529412vw;
      background-color: #F6F5F1;
      outline: none;
      cursor: pointer; }
      #area_frm .DeptDisabled label:hover {
        background-color: #ded6cb; }
        #area_frm .DeptDisabled label:hover:after {
          border-color: #755523; }
      #area_frm .DeptDisabled label:after {
        -webkit-transition: border-color 0.2s linear;
        transition: border-color 0.2s linear;
        position: absolute;
        top: 50%;
        left: 3.5294117647vw;
        display: block;
        margin-top: -2.3529411765vw;
        width: 3.7647058824vw;
        height: 3.7647058824vw;
        border: 0.4705882353vw solid #BEAE9F;
        border-radius: 1.4117647059vw;
        content: ''; }
      #area_frm .DeptDisabled label:before {
        -webkit-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
        position: absolute;
        top: 50%;
        left: 4.9411764706vw;
        display: block;
        margin-top: -1.6470588235vw;
        width: 1.1764705882vw;
        height: 2.1176470588vw;
        border-right: 0.7058823529vw solid #755523;
        border-bottom: 0.7058823529vw solid #755523;
        content: '';
        opacity: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }

  #section .searchform h3 {
    width: 100%;
    margin: 5vw auto 0;
    text-indent: 0;
    display: block;
    width: 100%; }
  #section .searchform .deparea_btns {
    width: 100%; } }
@media screen and (min-width: 641px) {
  .wrap {
    overflow: hidden;
    padding: 0; }

  .content1 {
    width: 49%;
    float: left; }

  .content2 {
    width: 49%;
    float: right; }

  #section .maintour .btnArea li {
    width: 50%;
    float: left; }
    #section .maintour .btnArea li a {
      width: 95%; }

  .sp-only {
    display: none; }

  #area_frm .dept__list {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #area_frm .dept__list select.DeptYear, #area_frm .dept__list select.DeptMonth, #area_frm .dept__list select.DeptDay {
      width: 24%;
      transition: .2s; }
      #area_frm .dept__list select.DeptYear:disabled, #area_frm .dept__list select.DeptMonth:disabled, #area_frm .dept__list select.DeptDay:disabled {
        color: #ccc;
        background: #F6F5F1 url(../images/btn_select.gif) no-repeat right 50%;
        pointer-events: none; }
    #area_frm .dept__list .DeptDisabled {
      width: 24%; }
      #area_frm .dept__list .DeptDisabled input[type=checkbox] {
        display: none; }
        #area_frm .dept__list .DeptDisabled input[type=checkbox]:checked + label:before {
          opacity: 1; }
      #area_frm .dept__list .DeptDisabled label {
        box-sizing: border-box;
        -webkit-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
        position: relative;
        display: flex;
        align-items: center;
        height: 37px;
        padding: 0 0 0 42px;
        border-radius: 8px;
        background-color: #F6F5F1;
        outline: none;
        cursor: pointer; }
        #area_frm .dept__list .DeptDisabled label:hover {
          background-color: #ded6cb; }
          #area_frm .dept__list .DeptDisabled label:hover:after {
            border-color: #755523; }
        #area_frm .dept__list .DeptDisabled label:after {
          -webkit-transition: border-color 0.2s linear;
          transition: border-color 0.2s linear;
          position: absolute;
          top: 50%;
          left: 15px;
          display: block;
          margin-top: -10px;
          width: 16px;
          height: 16px;
          border: 2px solid #BEAE9F;
          border-radius: 6px;
          content: ''; }
        #area_frm .dept__list .DeptDisabled label:before {
          -webkit-transition: opacity 0.2s linear;
          transition: opacity 0.2s linear;
          position: absolute;
          top: 50%;
          left: 21px;
          display: block;
          margin-top: -7px;
          width: 5px;
          height: 9px;
          border-right: 3px solid #755523;
          border-bottom: 3px solid #755523;
          content: '';
          opacity: 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); } }

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