@charset "UTF-8";
/* iOSでのデフォルトスタイルをリセット */
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; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; }

button, input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background: transparent; }

input[type="radio"] { display: none; }

/*input[type="radio"]:checked + label { background: #ff0000;
}*/
/* rss_content
----------------------------------------------------------- */
/*プランRSS*/
.plan_rss { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 90%; margin: 0 auto; max-width: 1200px; }
.plan_rss .mini { width: 32%; display: flex; flex-wrap: wrap; position: relative; color: #000; padding: 0 0 20px 0; }
.plan_rss .mini .plan_img { width: 100%; order: 1; }
.plan_rss .mini .plan_img img { display: block; width: 100%; height: auto; }
.plan_rss .mini .plan_img a img { border-radius: 10px; }
.plan_rss .mini .plan_img p { position: absolute; bottom: 2px; right: 2px; z-index: 2; }
.plan_rss .mini .plan_img p img { width: auto; }
.plan_rss .mini .plan_img::after { display: block; content: ""; background: url("../common/img/index/bg_arrow.png") no-repeat; width: 80px; height: 78px; position: absolute; bottom: -1px; right: -1px; }
.plan_rss .mini .plan_text { width: 100%; text-align: left; order: 2; }
.plan_rss .mini .plan_text h4 { padding: 10px 0; font-size: 1.8rem; }
.plan_rss .mini .plan_text p { padding: 10px 0; word-wrap: break-word; }
.plan_rss .mini .plan_text a { color: #000; }

.plan_text h4 { position: relative; font-size: 2.0rem; text-decoration: none; /* font-weight: normal; */ }
.plan_text h4::before { display: none; }
.plan_text h4::after { background: #a04146; height: 1px; width: 100%; position: absolute; bottom: -2.3px; left: 0; right: 0; margin: 0 auto; opacity: 1; }

.plan_detail a { background: #5f1216; width: 240px; height: 40px; display: flex; align-items: center; font-size: 2.0rem; margin: 20px auto 0 auto; justify-content: center; border-radius: 20px; position: relative; color: #FFF; padding: 0; line-height: 0em; }
.plan_detail a::after { display: block; content: ""; background: url(../common/img/arrow02.png) no-repeat center center; width: 15px; height: 7px; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto; }

@media only screen and (max-width: 1024px) { .plan_rss { flex-wrap: wrap; justify-content: space-between; width: 90%; padding: 20px 0; max-width: inherit; }
  .plan_rss .mini { width: 48%; display: block; margin: 0 auto 40px auto; }
  .plan_rss .mini:nth-child(2n) { margin: 0 auto 40px auto; }
  .plan_rss .mini:nth-child(3n) { margin: 0 auto 40px auto; }
  .plan_rss .mini:last-child { margin: 0 auto; }
  .plan_rss .mini .plan_img { position: relative; /*&::after{height: 20px;}*/ }
  .plan_rss .mini .plan_img img { display: block; width: 100%; height: auto; }
  .plan_rss .mini .plan_text { text-align: left; }
  .plan_rss .mini .plan_text a { text-decoration: none; }
  .plan_rss .mini .plan_text h4 { font-size: 1.8rem; margin: 0; }
  .plan_rss .mini .plan_text p { font-size: 1.4rem; word-wrap: break-word; } }
@media only screen and (max-width: 640px) { .plan_rss { display: block; flex-wrap: wrap; justify-content: space-between; width: 90%; padding: 20px 0; max-width: inherit; }
  .plan_rss .mini { width: auto; display: block; margin: 0 auto 40px auto; }
  .plan_rss .mini:nth-child(2n) { margin: 0 auto 40px auto; }
  .plan_rss .mini:nth-child(3n) { margin: 0 auto 40px auto; }
  .plan_rss .mini:last-child { margin: 0 auto; }
  .plan_rss .mini .plan_img { position: relative; /*&::after{height: 20px;}*/ }
  .plan_rss .mini .plan_img img { display: block; width: 100%; height: auto; }
  .plan_rss .mini .plan_text { text-align: left; }
  .plan_rss .mini .plan_text a { text-decoration: none; }
  .plan_rss .mini .plan_text h4 { font-size: 1.8rem; margin: 0; }
  .plan_rss .mini .plan_text p { font-size: 1.4rem; word-wrap: break-word; } }
/*検索窓*/
.search { width: 100%; position: relative; background: #53B5BE; background: url("../common/img/bg_search.jpg") repeat right top; color: #fff; margin: 0; }
.search h2 { color: #fff; width: 12%; padding: 0 20px 0 0; font-size: 2.4rem; font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; letter-spacing: 1px; font-weight: normal; }
.search h2::first-letter { color: #fff; }
.search form { margin: 0; padding: 0 0 0 2%; width: 87%; position: relative; }
.search form::after { display: block; content: ""; border-left: #fff solid 1px; height: 80%; width: 1px; position: absolute; left: 0; top: 10%; }

.plan_form { width: 1000px; box-sizing: border-box; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; /* Firefox */ }
.plan_form .form_box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 140px; padding: 0; }
.plan_form span { margin: 0 10px 0 0; }
.plan_form p { margin: 0 0 8px 0; padding: 0; text-align: center; font-size: 1.4rem; }
.plan_form select { position: relative; border-radius: 5px; /*border: 1px solid #bfbfbf;*/ background: #ffffff; min-width: 120px; padding: 20px 10px; width: 100%; background-image: none; cursor: pointer; font-size: 1.4rem; }
.plan_form select::-ms-expand { display: none; }
.plan_form .arrow { position: relative; display: inline-block; }
.plan_form .arrow::after { display: block; content: ""; background: url("search_arrow.png") no-repeat; width: 11px; height: 8px; position: absolute; right: 10px; top: 24px; color: #000; }
.plan_form .date { position: relative; display: inline-block; }
.plan_form .date::after { display: block; content: ""; background: url("calendar.png") no-repeat; width: 22px; height: 25px; position: absolute; right: 10px; top: 14px; color: #000; }
.plan_form input { position: relative; border-radius: 5px; border: none; background: #ffffff; padding: 20px 10px; font-size: 1.6rem; }
.plan_form input[type="submit"] { background: #5db24d; color: #fff !important; width: 100%; min-height: 80px; min-width: 120px; font-size: 2.0rem; font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; letter-spacing: 0.2em; padding: 0 0 0 20px; }
.plan_form .check_in { width: auto; text-align: center; height: 100px; }
.plan_form .check_in input { width: 100%; min-width: 130px; cursor: pointer; }
.plan_form .undecided { width: auto; text-align: center; height: 100px; }
.plan_form .undecided input { margin: 14px auto; }
.plan_form .guests { width: auto; text-align: center; height: 100px; }
.plan_form .type { width: auto; text-align: center; height: 100px; }
.plan_form .price { height: 100px; }
.plan_form .price span { width: 10px; text-align: center; margin: 0; }
.plan_form .search_btn { position: relative; display: inline-block; /*btn{ background:url(btn_search.png) no-repeat; border:none; width:140px; height:160px; text-indent: 110%; white-space: nowrap; overflow: hidden; cursor: pointer;}*/ }
.plan_form .search_btn::after { display: block; content: ""; background: url("search.png") no-repeat; width: 22px; height: 22px; position: absolute; left: 10px; top: 32px; color: #fff; }
.plan_form .option-input { position: relative; width: 30px; height: 30px; }
@-moz-document url-prefix() { .plan_form .option-input { position: relative; width: 30px; height: 30px; margin: 10px auto 0  auto !important; }
  .plan_form .plan_form input { font-size: 1.4rem; } }
@media only screen and (max-width: 1024px) { .search { width: 100%; border-radius: 0; padding: 0; }
  .search h2 { margin: 0 0 20px 0; text-align: center; width: 100%; padding: 0; }
  .search form { width: 100%; padding: 0; border: none; }
  .search form::after { display: none; }
  .plan_form { width: auto; padding: 20px 5%; position: relative; height: auto; flex-direction: column; }
  .plan_form .form_box { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; height: auto; }
  .plan_form .date { width: 100%; }
  .plan_form .arrow { width: 100%; }
  .plan_form .title { margin: 0 0 5px 0; padding: 0; text-align: center; font-size: 1.4rem; }
  .plan_form span { margin: 0 10px 0 0; }
  .plan_form .search_btn::after { left: 20px; top: 50px; font-size: 3.0rem; }
  .plan_form .check_in { width: 42%; text-align: center; margin: 0 0 20px 0; }
  .plan_form .check_in input { width: 100%; }
  .plan_form .undecided { width: 42%; text-align: center; margin: 0 0 20px 0; /*input{margin:14px 0 0 -20px;}*/ }
  .plan_form .guests { width: 42%; margin: 0 0 20px 0; }
  .plan_form .guests select { width: 100%; }
  .plan_form .type { width: 42%; margin: 0 0 20px 0; }
  .plan_form .type select { width: 100%; }
  .plan_form .price { width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
  .plan_form .price .title { width: 100%; }
  .plan_form .price p { width: 100%; }
  .plan_form .price select { width: 46%; }
  .plan_form .price span { width: 10px; text-align: center; padding: 0 6px 0 0; }
  .plan_form .price_wrap { display: flex; justify-content: space-between; width: 100%; }
  .plan_form .price_wrap span { padding: 10px 0 0 0; }
  .plan_form .price_wrap .arrow { width: 42%; }
  .plan_form .price_wrap select { width: 100%; }
  .plan_form .search_btn { width: 100%; }
  .plan_form .search_btn::before { width: 40px; top: 0; left: 0; right: 0; bottom: 0; padding: 0 5px; height: 35px; margin: auto; }
  .plan_form .search_btn .btn { margin: 20px auto; font-size: 2.4rem; cursor: pointer; letter-spacing: 20px; }
  input[type="text"] { box-sizing: border-box; } }