﻿@charset "utf-8";
/* =================================================================
 License : e-TRUST Inc.
 File name : common.css
 Style : common
================================================================= */

#header_inner {
  height: auto;
}

.header_flex {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 0;
}
.header_flex h1 {
  margin-right: 10px;
}

.header_flex .line-btn {
  min-width: 160px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eeeeee;
  min-height: 40px;
  line-height: 40px;
  border-radius: 5px;
  transition: all 0.3s ease;
  border: 1px solid #eee;
  text-decoration: none;
  color: #333;
  font-family: serif;
  font-weight: bold;
  margin-right: 15px;
}

.header_flex .online_btn {
  width: 240px;
}

.header_flex .line-btn img {
  width: 25px;
  margin-right: 5px;
}

.cont_flex tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cont_flex._reverse tr {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.box100 .box {
  width: 100%;
}

.img100 img {
  width: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.cont_3clm td {
  width: 32%;
  display: block;
  margin-bottom: 2% !important;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 0 !important;
}

.cont_3clm td a {
  display: block;
  margin-top: 15px;
  order: 3;
}

.cont_3clm td span {
  display: block;
  background: #f6aa00;
  color: #fff;
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1024px) {
  .cont_3clm td {
    width: 49%;
  }
}

@media only screen and (max-width: 768px) {
  .cont_3clm td {
    width: 100%;
    margin-bottom: 20px !important;
  }
}

.cont_3clm td:not(:nth-child(3n)) {
  margin-right: 2%;
}

@media only screen and (max-width: 1024px) {
  .cont_3clm td:not(:nth-child(3n)) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .cont_3clm td:not(:nth-child(2n)) {
    margin-right: 2%;
  }
}

@media only screen and (max-width: 768px) {
  .cont_3clm td:not(:nth-child(2n)) {
    margin-right: 0;
  }
}

/* ----------------------------------------------------------

        RESET CSS

---------------------------------------------------------- */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  /*color: #333;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 13px;
    line-height: 1.6;*/
  word-break: break-all;
}
a {
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
a:hover {
  opacity: 0.6;
}
table {
  table-layout: fixed;
}
table td img {
  max-width: 100% !important;
  height: auto;
  vertical-align: middle;
}
pre {
  margin: 0;
  padding: 0;
  white-space: pre-line;
}
b,
strong {
  font-weight: bold;
}
u {
  text-decoration: line-through;
}
img {
  max-width: 100%;
  height: auto;
}
small {
  font-size: 80%;
}
hr {
  border: none;
  height: 0;
  border-bottom: 1px dashed #b3b3b3;
}
span {
  font-weight: inherit;
}
.youtube iframe {
  width: 100%;
}
u {
  text-decoration: underline;
}

.imgL {
  margin-right: 30px;
}
.imgR {
  margin-left: 30px;
}

@font-face {
  font-family: "fontset";
  src: url("../font/MarbreSans.eot");
  src: url("../font/MarbreSans.eot?#iefix") format("embedded-opentype"),
    url("../font/MarbreSans.woff") format("woff"),
    url("../font/MarbreSans.ttf") format("truetype"),
    url("../font/MarbreSans.svg#fontset") format("svg");
  font-weight: normal;
  font-style: normal;
}

.h_fixed {
  position: fixed;
  z-index: 99999999;
  top: 0;
}
.bg_box {
  display: inline-block;
  position: relative;
  width: 100%;
}
/*.bg_wrap::before {
    background: red;
    content:"";
    position: absolute;
    height: 100%;
    z-index: -1;
}*/
/* ----------------------------------------------------------

        Bxi Reset

---------------------------------------------------------- */

/* sitemap */
.map {
  margin: 56px 20px 0;
}
.map li {
  border-left: 5px solid #cccccc;
  list-style: none;
  margin: 0 0 15px;
  padding: 0 0 0 10px;
  text-align: left;
}

/* policy */
.policy h3 {
  border-bottom: 2px solid #bbbbbb;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 15px;
  padding: 0 0 5px;
}
.policy p {
  margin: 0 0 20px;
}

/* input */
input[type="button"] {
  cursor: pointer;
  padding: 5px 10px;
}

/* ----------------------------------------------------------

        Layout Structure

---------------------------------------------------------- */

.inner {
  margin: 0 auto;
  max-width: 1000px;
}
#contents_wrap {
  position: relative;
  z-index: 1;
}
#contents {
  padding: 25px 0 100px;
}
.ColLeft {
  float: left;
}
.ColRight {
  float: right;
}
/* ----------------------------------------------------------

        Header

---------------------------------------------------------- */
header#global_header {
  background-repeat: repeat-x;
  background-position: left top;
  clear: both;
  width: 100%;
  position: relative;
  z-index: 999;
}
#header {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99;
  padding-bottom: 15px;
}
.h_box {
}
.h_intro {
  text-align: left;
  padding: 5px 0;
  margin: 0 0 10px 0;
}
.h_intro h1 {
  font-weight: bold;
}
.h_logo {
  float: left;
  width: 100%;
}
.h_info {
  float: right;
}
.h_info .tel {
}
#nav_header {
  float: left;
  margin: 0 0 0 0;
  text-align: center;
  max-height: 75px;
  min-height: 75px;
  width: 100%;
}
#nav_header > ul {
  padding: 0;
}
#nav_header > ul > li {
  display: inline-block;
  padding: 28px 34px 28px 23px;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#nav_header > ul > li:last-child {
  background-image: none;
}
#nav_header > ul > li > a {
  color: #fff;
  display: block;
}
#nav_header > ul > li > a:hover,
#nav_header > ul > .active > a:hover {
}
.mean-nav > ul > li > a {
  color: #000;
  display: block;
  text-decoration: none;
  padding: 0 40px;
}
.mean-nav .sub_nav {
  background-image: none;
  position: static;
}

/* Start Anchorlink */
.anchorlink table {
  border-collapse: separate;
  border-spacing: 20px 20px;
  table-layout: auto;
}
.anchorlink td {
  background: url(../images/common/h1_icon.png) no-repeat left center;
  border: none !important;
  border-bottom: 2px solid #9d3430 !important;
  padding: 0 !important;
  min-height: 68px;
}
.anchorlink a {
  color: #333;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0 15px 40px;
  text-decoration: none;
}
.anchorlink .td_link4 {
  margin: 0;
}
/* End Anchorlink */

/* Start FAQ */
.faq_q {
  background-repeat: no-repeat;
  background-position: left top 3px;
  border-bottom: 4px solid #ccc;
  display: block;
  font-size: 14px;
}
.faq_a {
  background: no-repeat left top;
  display: block;
  font-size: 16px;
  min-height: 40px;
}
.faq_a .td_icon b {
  background: #ef6166;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 32px;
  padding: 9px 15px;
  max-width: 70px;
  min-width: 70px;
  max-height: 70px;
}
.faq_a .td_ct {
}
.faq_q .td_icon,
.faq_a .td_icon {
  padding-left: 0 !important;
}
/* End FAQ */

/* Start Slide Show */
.slide_show {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.slide_show img {
  width: 100%;
}
.main_show {
  position: relative;
  z-index: -1;
}
/* slider 20190529追記 */
.slider2 {
  display: none;
}
.slider2.slick-initialized {
  display: block;
}
.slider2 .slick-dots {
  margin-top: 5px;
  margin-left: -2px;
  margin-right: -5px;
  display: flex;
  justify-content: start;
}
.slider2 .slick-slide img {
  width: 100% !important;
  height: 26vh !important;
  object-fit: cover;
}
.slider2 ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: center;
}
.slider2 li {
  list-style: none;
  display: inline-block;
  width: 28.6% !important;
  height: 3.5vw;
  margin: 0.5% !important;
}
.slider2 li:last-of-type {
  margin-right: 0 !important;
}
.slider2 li img {
  height: auto;
  object-fit: cover;
}
.slider2 li.slick-active img {
  opacity: 1;
}
.slider2 .slick-prev,
.slider2 .slick-next {
  display: none !important;
}

.slick-prev2 {
  position: absolute;
  z-index: 99;
  top: 120px;
  left: -50px;
  font-size: 25px;
}

.slick-next2 {
  position: absolute;
  z-index: 99;
  top: 120px;
  right: -50px;
  font-size: 25px;
}
@media screen and (max-width: 768px) {
  .slider2 .slick-slide img {
    height: 22.6vh !important;
  }
}
@media screen and (max-width: 600px) {
  .slick-dotted.slick-slider {
    margin: 20px auto 110px auto !important;
  }
  .slider2 .slick-slide img {
    height: 36.5vh !important;
  }
}
@media screen and (max-width: 468px) {
  .slider2 .slick-slide img {
    height: 31.5vh !important;
  }
}

/* Start Slide Show */

/* Start Short Css **/
.ds_none {
  display: none !important;
}
.l_ct {
  float: left;
  position: relative;
}
.r_ct {
  float: right;
  position: relative;
}
.r_ct1 {
  float: right;
  position: relative;
}

.fl {
  float: left !important;
}
.fr {
  float: right !important;
}

.i_sound {
  background: url(../images/contents/i_sound.png) no-repeat left top 1px;
}
.i_photo {
  background: url(../images/contents/i_photo.png) no-repeat left top 1px;
}
.i_page {
  background: url(../images/contents/i_page.png) no-repeat left 5px top 1px;
}
.i_down {
  background: url(../images/contents/i_down.png) no-repeat left top 1px;
}

.bg_white {
  background-color: #fff !important;
}
.bg_gray {
  background-color: #eee !important;
}
.bg_red {
  background-color: #fff000 !important;
}
.bg_yellow {
  background-color: #fff000 !important;
}
.bg_blue {
  background-color: #fff000 !important;
}
.bg_green {
  background-color: #fff000 !important;
}

.no_bor {
  border: none !important;
}
.no_bor_bt {
  border-bottom: none !important;
}
.no_pad {
  padding: 0 !important;
}
.no_pad td {
  padding: 0 !important;
}

.txt_right {
  text-align: right !important;
}
.txt_left {
  text-align: left !important;
}

.txt_white {
  color: #ffffff !important;
}
.txt_black {
  color: #000000 !important;
}
.txt_blue {
  color: #0000ff !important;
}
.txt_pink {
  color: #e38aab !important;
}
.txt_yellow {
  color: #ffc001 !important;
}
.txt_green {
  color: #a5c365 !important;
}
.txt_red {
  color: #ae360e !important;
}
.txt_orange {
  color: #ff8000 !important;
}
.txt_brown {
  color: #b09d7c !important;
}

.z1 {
  position: relative;
  z-index: 1 !important;
}
.z2 {
  position: relative;
  z-index: 2 !important;
}

.form span {
  color: red !important;
}
/* End Short Css **/

/* Start Size Css */
.w50 {
  float: left;
  width: 50%;
  display: inline;
}
.w33 {
  float: left;
  width: 33.33%;
  display: inline;
}
.w25 {
  float: left;
  width: 25%;
  display: inline;
}
/* End Size Css **/

/* Start Content Style */
.tb_bob_wedding3 td {
  border-bottom: 1px solid #eee !important;
}
.tb_bob_wedding2 table {
  table-layout: inherit;
}
.tb_bob_wedding td {
  padding: 5px !important;
}
.tb_voice td {
  padding: 2px !important;
}
.tb_voice img {
  width: auto !important;
}
.tb_voice_gallery {
  margin-top: 15px !important;
}
.tb_voice_gallery .td_img img {
  display: block;
  margin: 0 auto 5px;
}
.tb_voice_gallery td {
  padding: 2px !important;
}
.tb_voice_link {
  width: 540px;
}
.tb_voice_link td {
  padding: 2px !important;
}
.tb_voice_link .td_none img {
  display: none;
}
.txt_voice_e {
  display: inline-block;
  width: 100%;
}
.txt_tour {
  padding-left: 25px;
  line-height: 2;
}
.txt_tour i {
  background: url(../images/contents/arrow_blue.gif) no-repeat left center;
  display: inline-block;
  padding: 5px;
  margin-right: 5px;
}
.tb_hotel_pdf td {
  border-bottom: 1px dotted #111 !important;
  background: url(../images/contents/pdf_middle.gif) no-repeat left 5px center /
    15px;
  padding-left: 35px !important;
}
.fancybox img {
  margin-bottom: 5px;
}
.gmap iframe {
  width: 100%;
}
.style_form input {
  margin: 1px 5px 1px 0;
  padding: 0 5px;
}
.style_form .date_y,
.style_form .date_m,
.style_form .date_d {
  padding: 1px 5px;
}
.style_form .radio,
.style_form .check {
  margin: 10px 5px 10px 0;
}
.style_form td {
  overflow: hidden;
}
.style_form ul {
  float: left;
  width: 100%;
}
.style_form ul li {
  float: left;
  padding-right: 10px;
}
.style_form .address input,
.style_form .address select,
.style_form .address .zip {
  margin-bottom: 1px !important;
}
.tb_yakkan .td_ct {
  background: url(../images/contents/pdf_middle.gif) no-repeat left 15px center;
  padding: 15px 15px 15px 55px !important;
}
.titilemidashi h3 {
  border-bottom: 1px solid #ccc;
  display: inline-block;
  width: 65%;
}
.tb_hotel {
  border: 1px solid #ddd;
}
.tb_hotel td {
  border-bottom: 1px solid #ddd !important;
}
.tb_hotel tr:last-child td {
  border-bottom: none !important;
}
.tb_hotel_pop td {
  font-size: 11px;
  padding: 5px !important;
}
.tb_hotel_pdf .td_hide {
  background-image: none;
}
.txt_hotel {
  font-size: 16px;
}
.txt_hotel i {
  background: url(../images/contents/icon_url.gif) no-repeat left center;
  display: inline-block;
  padding: 10px 30px;
  vertical-align: middle;
}
.txt_hotel a {
  font-size: 14px;
}
.tb_hotel1 .td_ct {
  font-size: 14px;
}
.tb_hotel2 tr {
  border-bottom: 1px dotted #ccc;
}
.tb_hotel2 .td_ct {
  padding-left: 0 !important;
}
.tb_hotel2 .td_date {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.tb_hotel4 table {
  table-layout: auto;
}
.bor_box {
  border: 1px solid #ccc;
}
.bor_tour {
  border: 1px solid #eee;
}
#mainThmbBtn span img {
  display: block;
  width: 100% !important;
}
#mainThmbBtn span a {
  margin-top: 7px;
  display: block;
  font-weight: bold;
  text-align: center;
}
.box_sroll .h2_img {
  border: 1px solid #ccc;
  border-bottom: none;
}
.box_sroll .l_ct,
.box_index .l_ct {
  width: 450px;
}
.box_sroll .l_ct1,
.box_index .l_ct1 {
  width: 49%;
}
.box_index .r_ct {
  width: 280px;
}
.box_index .r_ct1 {
  width: 200px;
}
.box_tour .l_ct {
  width: 480px;
}
.box_tour .l_ct1 {
  width: 200px;
}
.box_tour .r_ct {
  width: 240px;
}
.box_tour .r_ct1 {
  width: 200px;
}
.ribbon_1 {
  background-repeat: no-repeat;
  background-position: left 10px top;
  padding-top: 20px;
}
.index_c3Rank_tour_the1 td,
.index_c3Rank_hotel_the1 td {
  padding: 3px 5px 3px 85px !important;
}
.index_c3Rank_tour_the1 td a,
.index_c3Rank_hotel_the1 td a {
  font-weight: bold;
}
.index_c3Rank_tour_the1 .arrow_up,
.index_c3Rank_hotel_the1 .arrow_up {
  background: url(../images/common/rankUpgrade.gif) no-repeat left 63px center;
}
.index_c3Rank_tour_the1 .arrow_middle,
.index_c3Rank_hotel_the1 .arrow_middle {
  background: url(../images/common/rankNonChange.gif) no-repeat left 63px center;
}
.index_c3Rank_tour_the1 .arrow_down,
.index_c3Rank_hotel_the1 .arrow_down {
  background: url(../images/common/rankDowngrade.gif) no-repeat left 63px center;
}
.tb_index_banner td {
  padding: 5px !important;
}
.tb_index_placelist img {
}
.tb_index_placelist a {
  display: block;
  margin-top: 3px;
}
.tb_index_placelist td {
  border-right: 1px solid #ccc !important;
  padding: 0 0 0 15px !important;
}
.tb_index_placelist td:last-child {
  border-right: 0 !important;
}
.tb_index_placelist span {
  display: inline-table;
  width: 90px;
  vertical-align: middle;
}
.tb_index_placelist .td_show {
  border-right: 0 !important;
}
.tb_index_placelist .td_hide {
  border-right: 0 !important;
}
.pankuzu {
  margin-top: -25px;
}
.txt_tour {
  padding: 0 10px 10px 10px;
}
.banner_img {
  min-height: 170px;
  position: relative;
}
.banner_img a {
  position: absolute;
  right: 30px;
  bottom: 20px;
}
.tb_kiaora td {
  padding: 0 10px !important;
}
.tb_tour .td_ct b {
  font-size: 16px;
  color: #00adef;
  letter-spacing: 0.1em;
  line-height: 1em;
}
.tb_tour .txt_tour_pdf {
  color: #ff00ff !important;
  display: inline-block;
}
.tb_tour1 td {
  padding: 5px !important;
}
.sample1 {
}
.sample2 {
}
.sample3 {
}
.sample4 {
}
.sample5 {
}
.sample6 {
}
.sample7 {
}
.sample8 {
}
.sample9 {
}
.link_1 a {
}
.link_2 {
}

.facebook {
  text-align: center;
}

/* End Content Style */

/* Start Masonry Layout */
.masonry_grid {
  margin-right: -1%;
  padding: 10px;
  overflow: hidden;
}
.masorny_item {
  box-sizing: border-box;
  float: left;
  margin-bottom: 10px !important;
  width: 31%;
}
.masorny_item img {
  width: 100% !important;
}
/* End Masonry Layout */

.tour_flex {
  display: flex;
  justify-content: space-between;
}
.tour_flex img {
  object-fit: contain;
  width: 100% !important;
  height: auto !important;
}
.tour_h4 h4 {
  font-size: 1.5em;
  background: #b9ebfc;
  padding: 0.3em 2em;
  border-bottom: 2px solid #0c76d8;
  color: #0c76d8;
  font-weight: bold;
}

/* ----------------------------------------------------------

        Footer

---------------------------------------------------------- */
footer#global_footer {
  padding: 0 0 0 0;
  width: 100%;
  position: relative;
}
.f_box {
  border-top: 1px solid #ccc;
  padding: 30px 0 25px;
  position: relative;
}
.f_logo {
  float: left;
  text-align: left;
}
.f_logo span {
  white-space: pre-line;
}
.f_menu {
  float: left;
  width: 100%;
  text-align: center;
}
.f_menu > ul {
}
.f_menu > ul > li {
  display: inline-block;
  margin-left: 5px;
}
.f_menu > ul > li > a {
  color: #333 !important;
  text-decoration: none;
  padding-left: 5px;
}
.f_menu > ul > li > a:hover {
  text-decoration: underline;
}
.f_pagetop {
  position: absolute;
  top: -60px;
  right: 0;
  z-index: 99;
}
.f_pagetop p {
  display: inline-block;
}
.f_copy {
  padding: 20px 0 0;
  text-align: right;
}
/* Start H Title */
.h2_img {
}
.h2_img h2 {
}
.h2_index {
}
.h2_index h2 {
}
.h2_line {
  background-repeat: no-repeat;
}
.h2_line h2 {
  font-size: 23px;
  color: #fff;
  line-height: 50px;
  font-weight: normal;
  letter-spacing: 0.1em;
  padding-left: 30px;
}
.h3_line {
}
.h3_line h3 {
  font-size: 20px;
  font-weight: bold;
}
.h4_line {
  border-bottom: 2px solid #ccc;
}
.h4_line h4 {
  border-bottom: 2px solid #724c24;
  color: #724c24;
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  padding-right: 20px;
  margin-bottom: -2px;
}

.h3_tour a {
  font-size: 16px;
}
.h3_tour {
  margin-bottom: 10px;
}
.h3_tour1 {
  background-position: left 10px top 6px;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  border-bottom: 5px solid #00adef;
}
.h3_tour1 h3 {
  color: #ff0080;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 7px 7px 80px;
}
.h3_tour1_txt {
  border: 1px solid #ccc;
  border-top: none;
  font-size: 14px;
  padding: 10px 15px;
}
.h3_tour2 {
  border: 1px solid #ccc;
  background-repeat: no-repeat;
  background-position: left 10px top 11px;
  display: inline-block;
  width: 100%;
}
.h3_tour2 h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 35px;
  padding-left: 30px;
  letter-spacing: 0.1em;
  color: #00adef;
}
.h3_tour2 h3 span {
  font-size: 13px;
}
.h3_tour3 {
  background: no-repeat left 5px center;
  border-bottom: 5px solid #00adef;
}
.h3_tour3 h3 {
  font-size: 16px;
  padding: 5px 0 5px 30px;
}
.h3_tour4 h3 {
  position: relative;
  margin-bottom: 10px;
  padding: 10px 15px;
  background: #00adef;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.h3_tour4 h3::before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
}
.h3_tour4 h3::after {
  content: "";
  position: absolute;
  top: 0;
  right: 5px;
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
}
.h3_hotel h3,
.h3_hotel_photo h3 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  padding-left: 35px;
}
.h3_hotel_page {
  border-bottom: 3px solid #0eb1ef;
}
.h3_hotel_page h3 {
  color: #00adef;
  font-size: 16px;
  font-weight: normal;
  padding-left: 35px;
}
.h3_hotel_page h3 span {
  float: right;
  font-size: 14px;
  color: #333;
}
.h3_hotel_photo h3 span {
  color: #fff;
  float: right;
  font-size: 14px;
}
.h4_hotel h4 {
  border-left: 4px solid #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  padding-left: 8px;
}
.h4_hotel h4 span {
  float: right;
}
.h4_flow h4 {
  font-size: 14px;
  letter-spacing: 0.1em;
  border-left: 4px solid #ccc;
  border-bottom: 1px solid #eee;
  padding: 2px 8px;
  color: #333333;
}
.h4_more h4 {
  border-bottom: 1px dotted #ccc;
  border-top: 2px solid #00adef;
  color: #00adef;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.1em;
  padding: 10px 5px;
}
.h4_bob_wedding h4 {
  border-bottom: 1px dotted #ccc;
  border-top: 2px solid #00adef;
  color: #333;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 1px;
  padding: 10px 5px;
  white-space: pre;
}
.h4_bob_wedding h4 span {
  font-size: 12px;
  word-wrap: break-word;
  white-space: pre-line;
  font-style: italic;
}
/* End H Title */

/* Start Scroll */
.scroll_wrap {
  border: 1px solid #ccc;
  border-top: none;
  padding: 0 5px 5px 5px;
}
.scroll_wrap_inner {
  background: #f3f3f3;
  border-top: none;
  padding: 10px 5px 8px 10px;
}
.scroll_box {
  display: inline-block;
  height: 190px;
  overflow-y: scroll;
  width: 100%;
}
.scroll_txt {
  border-bottom: 1px dashed #ccc;
  padding: 5px 0;
  font-size: 12px;
}
.scroll_txt b {
  color: #ef005d;
}
.scroll_txt td {
  padding: 14px 10px !important;
}
.scroll_txt .td_date {
  padding-left: 0 !important;
}

/* End Scroll */

/* Start Breadcrumb */
.breadcrumb {
  font-size: 13px;
}
.breadcrumb a {
  color: #996f45;
  font-size: 13px;
  text-decoration: none;
  padding-right: 10px;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
/* End Breadcrumb */

/* Start Banner */
/*.tel {
    color:#fff;
    font-size:40px;
}
.tel a {
    color:#fff !important;
    text-decoration: none !important;
}
/* End Banner */

/* ----------------------------------------------------------

        Sidemenu

---------------------------------------------------------- */
.s_1 {
}
.s_menu {
}
.s_box {
  background: #fff1dc url(../images/common/bg.png) repeat top left;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 15px;
  width: 240px;
}
.s_box .banner {
  float: none !important;
  text-align: left !important;
}
.s_box .s_tit {
  background: #c0a080;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 9px 0;
}
.s_box .s_txt {
  padding: 10px 0;
  white-space: pre-line;
}
.s_box .tel {
  padding: 0 0;
}
.s_box .tel a {
  color: #000;
  text-decoration: none;
}
.s_info {
  border: 7px solid #149dd8;
  border-radius: 10px;
}
.s_info .s_txt {
  padding: 0 10px;
  white-space: pre-line;
}
.s_scroll_wrap {
  border: 1px solid #ddd;
  border-top: 0;
  padding: 10px;
  width: 240px;
}
.s_scroll {
  height: 230px;
  overflow-y: scroll;
  text-align: left;
}
.s_scroll .banner {
  border-bottom: 1px dotted #ddd;
  white-space: pre-line;
  margin-top: -5px;
}
.imgauto img {
  height: auto !important;
}
/* ----------------------------------------------------------

        Shop Style

---------------------------------------------------------- */

h2.title_h2 {
  background: none !important;
  border-top: 3px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  font-size: 20px !important;
  line-height: 1.3;
  margin: 0 0 20px !important;
  padding: 10px !important;
}
h2.title_h2 span {
  border: none !important;
  padding: 0 !important;
}
ul.item_list li {
  margin-bottom: 10px !important;
}
ul.item_list li h3.title_h3 {
  font-size: 18px !important;
}
.btn_cart a {
  background: url(../images/common/ico_cart_w.png) no-repeat 10px 12px #000000 !important;
  background-size: 30px auto !important;
  color: #ffffff !important;
  display: block !important;
  padding: 10px 10px 10px 50px !important;
  width: 100% !important;
  border: 1px solid #ffffff;
}
.btn_cart a:hover {
  background: url(../images/common/ico_cart_w.png) no-repeat 10px 12px #cccccc !important;
  background-size: 30px auto !important;
}
.sort_catalog {
  overflow: hidden;
}
.sort_catalog ul {
  margin: 0 -4.16% 20px 0 !important;
  width: auto !important;
}
.sort_catalog ul li {
  padding: 0 !important;
  margin-right: 4.16% !important;
  width: 29.16% !important;
}

.sort_catalog_box:nth-child(3n + 1) {
  clear: both;
}

.item_title,
.wishlist {
  margin: 0 !important;
}
.shop_cont h2.title_h2,
.item_info h2.title_h2 {
  border-top: 2px solid #cccccc;
}
.shop_cont a,
.item_info a {
  color: #cccccc;
}
.shop_cont a:hover,
.item_info a:hover {
  text-decoration: none;
}
.item_title h2 {
  border-top: 2px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

/* ----------------------------------------------------------

        COMMON COSTOM STYLE

---------------------------------------------------------- */

/* text-align */
.taR {
  text-align: right;
}
.taC {
  text-align: center;
}

/* font-weight */
.fwn {
  font-weight: normal !important;
}
.fwb {
  font-weight: bold !important;
}

/* margin */
.mgAuto {
  margin: 0 auto !important;
}

/* table td padding */
.tdpd0 td {
  padding: 0 !important;
}
.tdpd05 td {
  padding: 5px !important;
}
.tdpd10 td {
  padding: 10px !important;
}
.tdpd15 td {
  padding: 15px !important;
}
.tdpd20 td {
  padding: 20px !important;
}
.tdpd25 td {
  padding: 25px !important;
}
.tdpd30 td {
  padding: 30px !important;
}
.tdpd35 td {
  padding: 35px !important;
}
.tdpd40 td {
  padding: 40px !important;
}
.tdpd45 td {
  padding: 45px !important;
}
.tdpd50 td {
  padding: 50px !important;
}
td.pdT10 {
  padding-top: 10px !important;
}

/* font-family */
.mincho {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝",
    "MS PMincho", serif;
}

.shop_cont form,
.shop_cont a.btn_type01,
.shop_cont a.btn_purchase {
  color: #000000;
}
.shop_cont a.btn_type01:hover,
.shop_cont a.btn_purchase:hover {
  color: #636363;
}
#shop_flow .sf_text {
  color: #000000;
}
.shop_cont h3.title_h3 {
  color: #ffffff;
}
.shop_cont table {
  color: #000000;
}

/* home ranking */
.tabfloat .ColLeft {
  float: none !important;
  width: 100% !important;
}
.tabfloat .ColRight {
  float: none !important;
  width: 100% !important;
}
.w100img img {
  width: 100% !important;
}
.home_tour_rank.rank_pink table tr {
  border: 3px solid #fa3581 !important;
}
.home_tour_rank.rank_orange table tr {
  border: 3px solid #f3890f !important;
}
.home_tour_rank table tr td {
  padding: 5px !important;
}
.home_tour_rank table tr td.link a {
  font-weight: bold;
}
/* ----------------------------------------------------------

        追加

---------------------------------------------------------- */
.table_wrap01 .box1 {
  position: relative;
}
.table_wrap01 .box1 img {
  width: 50%;
}
.table_wrap01 .box1 p {
  position: absolute;
  width: 280px;
  top: 40%;
  left: 7%;
}

.tour_01 {
  display: flex;
  justify-content: space-between;
}
.tour_01 .box {
  width: 48%;
}
.flex02 {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 50px;
}
.flex02 .box {
  width: 47.3%;
  margin-right: 5.4%;
}
.flex02 .box:nth-of-type(even) {
  margin-right: 0;
}
.flex02 .box img {
  width: 100% !important;
}
.tbl_bdr01 {
  border: 1px solid #ccc;
}
.tdbdr_r {
  border-right: 1px solid #ccc !important;
}
.wrap_btnForm {
  max-width: 380px;
  margin: 0 0 0 auto;
}
.wrap_btnForm .box img {
  width: auto !important;
}
.bdr.ranking {
  border: 1px solid #ccc;
}
.ancBtn tr {
  border-bottom: 1px dashed #ccc;
}
.ancBtn td {
  padding: 0 !important;
}
.ancBtn a {
  position: relative;
  display: block;
  padding: 10px 10px 10px 20px;
  text-decoration: none;
}
.ancBtn a:before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #ff8800;
}
.rankNum .num {
  display: inline-block;
  width: 42px;
  margin-right: 10px;
  border-radius: 5px;
  background: #ffb969;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.rankNum .num.numOne {
  background: #ff8800;
  color: #fff;
}
.rankNum .num + br {
  display: none;
}
.bdr01 {
  border-bottom: 1px solid #ccc;
}
.btnOrg {
  display: block;
  text-align: right;
}
.btnOrg a {
  display: inline-block;
  padding: 5px 25px;
  background: #004097;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .wrap_btnForm .box:first-of-type {
    width: 50% !important;
  }
  .wrap_btnForm .box:nth-of-type(2) {
    width: 60% !important;
  }
}

@media screen and (max-width: 600px) {
  .tour_01 {
    flex-flow: column;
    align-items: center;
  }
  .tour_01 .box {
    width: 100%;
  }
  .tbl_auto table {
    table-layout: auto !important;
  }
  .flex02 {
    display: block;
  }
  .flex02 .box {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .wrap_btnForm {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
  .wrap_btnForm .box {
    padding: 0 5%;
  }
}

@media screen and (max-width: 468px) {
  .sp_left {
    text-align: left !important;
  }
  .wrap_btnForm {
    max-width: 100% !important;
  }
  .wrap_btnForm .box:first-of-type {
    width: 50% !important;
  }
  .wrap_btnForm .box:nth-of-type(2) {
    width: 60% !important;
  }
  .tdbdr_r {
    border: 1px solid #ccc !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .num_3per td:first-of-type {
    width: 25px !important;
  }
  .tour_link .ds_none {
    display: none !important;
  }
  .rankNum .num {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
  }
}

/* ----------------------------------------------------------
非表示用
---------------------------------------------------------- */
.map ul li:nth-child(-n + 6) {
  display: none;
}

/* 2018/09/22－headerのレイアウト変更上書き */

#header_inner h1 {
  position: relative;
  width: 100%;
  top: 0;
}
#header_inner {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
}
#header_inner .header-logo {
  width: 30%;
}
#header_inner .header-logo img {
  width: 100%;
}
.banner-wrap {
  width: 44%;
  margin: 0 auto;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: start;
  align-content: start;
  padding-top: 12px;
}
.banner-wrap > div {
  width: 100%;
}
.banner-wrap > div:last-child {
  width: 100%;
}
.banner-wrap img {
  max-width: 240px;
  max-height: 50px !important;
}
.banner-wrap .catch-copy {
  padding-top: 4px;
  width: 100%;
  color: #27bcf5;
  font-size: 12px;
  text-align: left;
  font-weight: bold;
}
.header-info {
  width: 18%;
  /* display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;*/
}
.header-info img {
  width: 100%;
}
.header-info > div:first-child img {
  margin-bottom: 4px;
}

@media screen and (max-width: 600px) {
  #header_inner .header-logo {
    width: 80%;
    margin: 0 auto;
    padding: 3vw;
  }
  .banner-wrap {
    width: 100%;
    padding-top: 0;
  }
  .header-info {
    display: none;
  }
}
#pagetop {
  position: fixed;
  bottom: 0.5vw;
  right: 10vw;
  z-index: 100;
  top: auto;
}
#pagetop img {
  max-width: 180px;
  max-height: 44px !important;
}
@media screen and (max-width: 769px) {
  #pagetop {
    right: 0 !important;
  }
  #columnsF1 {
    max-width: 340px;
    margin: 0 auto;
  }
  #columnsF3 {
    margin: 0 auto;
  }
}
#columnsF1 img {
  height: 62px !important;
}
#columnsF3 img {
  max-height: 44px !important;
}
#columnsF3 {
  width: 100%;
  max-width: 240px;
}
.imgbox td {
  padding: 0px !important;
}
.imgbox .left {
  width: 36% !important;
}
