@charset "UTF-8";
.basebody {
  color: #000;
  /*font: normal 100% '游ゴシック体','YuGothic',sans-serif;*/
  font-family: 'Zen Kaku Gothic Antique', sans-serif !important;
  line-height: 2;
}

.h1_img {
  display: block;
  margin-bottom: 30px;
  width: 100%;
}

.basebody h4 {
  background: linear-gradient(-135deg, #93c2f4, #4fa2fa);
	color: #fffeca;
  font-size: 150% !important;
  padding: 15px 5px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1.6;
	letter-spacing: 2px;

	/*
	color: #fff;
	text-shadow: 2px 2px 2px #3088e5, -2px -2px 2px #3088e5, -2px 2px 2px #3088e5, 2px -2px 2px #3088e5,  0 2px 2px #3088e5,  0 -2px 2px #3088e5;
	*/
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.basebody h4 span {
  font-size: 80%;
}

.basebody .pr {
	position: relative !important;
}

.basebody p {
  margin-bottom: 20px;
}

.anker a {
  box-sizing: border-box;
  display: block;
  background: #ed9226;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  padding: 8px;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

.anker a:hover {
  opacity: 0.7;
  transition: 0.3s;
}


.flex_box {
  display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}

.flex_box div {
	width: calc( 50% - 5px);
	font-size: 80%;
	text-align: center;
}

.flex_box img {
	width: 100%;
	margin-bottom: 3px;
}


.flex_boxc {
  display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 5px;
	margin-bottom: 10px;
}

.flex_boxc div {
	width: calc( 50% - 5px);
	font-size: 80%;
	text-align: center;
}


.flex_boxc img { width: 100%;}

.flex_boxc .flex2c { width: 100%;}
.flex_boxc .flex2c img:nth-child(1) {
	width: 35% !important;
	margin-right: 10px;
}

.flex_boxc .flex2c img:nth-child(2) {	width: 62.4%;}

.flex_boxc .flex1c,
.flex_boxc .flex4c { width: 60% !important;}


.basebody .tours {
  width: 100%;
  margin-bottom: 30px;
	border-top: solid 1px #87b3d0;
}

.basebody .tours th,
.basebody .tours td {
	border-collapse: collapse !important;
	border-right: solid 1px #87b3d0;
	border-bottom: solid 1px #87b3d0;
}

.basebody .tours th {
	box-sizing: border-box;
	width: 15%;
	background: rgba(48,136,229,0.4);
	color: #fff;
	font-size: 120%;
	font-weight: 600;
	padding: 5px;
	text-align: center !important;
}

.basebody .tours td {
	box-sizing: border-box;
	border-collapse: collapse;
	background: rgba(253,249,230,1);
	padding: 15px 10px;
	line-height: 1.7;
	/*border: solid 2px #f7f7f7;*/
}

.basebody .tours tr:nth-child(even) td {
	background: rgba(255,255,255,1);
}

.basebody .tours td p:last-child {
	margin-bottom: 0;
}

.basebody .tours td:nth-child(2) {
	width: 65%;
}

.basebody .tours td:nth-child(2) .stay {
	font-weight: 600;
	margin-bottom: 0;
	text-align: right;
}

.basebody .tours td:nth-child(2) .gz {
	display: inline-block;
	background: rgba(48,136,229,0.4);
	color: #fff;
	padding: 0 3px;
	margin-bottom: 0;
}

.basebody .tours td:nth-child(3) li {
	margin-bottom: 20px;
}

.basebody .tours li:last-child {
	margin-bottom: 0;
}

.pro_box {
  display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}

.pro_01 {width: 35%;}
.pro_02 { width: 35%;}



@media print, screen and (max-width: 799px) {
.flex_box div {
	font-size: 70%;
}

.flex_boxc {
	gap: 20px 3px;
}

.flex_boxc .flex2c img:nth-child(1) {
	margin-right: 5px;
}

.flex_boxc .flex2c img:nth-child(2) {	width: 62.3% !important;}

.basebody .tours {
  width: 100%;
  margin-bottom: 30px;
}

.basebody .tours th,
.basebody .tours td {
	display: block;
	width: 100% !important;
	border: solid 1px #87b3d0;
	border-top: none;
}

.basebody .tours th {
	line-height: 1.5;
	padding: 10px;
}

.basebody .tours th br:nth-of-type(2) {
	display: none;
}

.basebody .tours td:nth-child(3) li {
	margin-bottom: 3px;
}
}









.jy_txt { margin-bottom: 5px !important;}

.jy_txt span {
	background: #cd001d;
	color: #fff;
	font-size: 120%;
	font-weight: 600;
	padding: 2px 8px;
}


.basebody .bg_img {
  float: right;
  margin: 0 0 10px 10px;
  width: 260px;
}

.basebody .card {
  display: block;
  width: 70%;
  margin: 20px auto auto;
}

.ida_txt {
  font-size: 130%;
  font-weight: 600;
  text-align: center;
}

.basebody .normal_box {
  border: solid 1px #ccc;
  overflow: hidden;
  padding: 7px;
  margin-bottom: 15px !important;
}

.basebody .tc_box p {
  text-align: center !important;
}

.basebody .author {
  font-size: 120%;
}

.basebody .pro_img {
  float: right;
  margin: 0 0 20px 20px;
  width: 200px;
}

.cautiion {
  border: solid 1px #fb5c00;
  padding: 5px;
}

.basebody .bg_img2 {
  float: right;
  width: 190px;
  margin: 0 0 0 10px;
}

.basebody .sp {
  display: none;
}

.basebody .of_box {
  overflow: hidden;
  margin-bottom: 20px;
}

.slink a {
  color: #333;
}

.slink a:hover {
  color: #f00;
}

.basebody .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 30px;
}

.basebody .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.basebody .btn a {
  box-sizing: border-box;
  display: block;
  background: #f23041;
  color: #fff;
  font-size: 120%;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 15px 10px;
  margin: 20px auto;
  transition: 0.3s;
  position: relative;
}

.basebody .btn a::after {
  content: "▸";
  position: absolute;
  right: 10px;
  top: 50%;
  margin: auto;
  transform: translateY(-50%);
}

.basebody .btn a:hover {
  /*background: #ff8981;*/
  color: #fff;
  opacity: 0.7;
}

.w100 { width: 100%;}

.basebody .title_2 {
  margin: 1em 0 0.5em;
  font-size: 120%;
  font-weight: 600;
  color: #c00;
  border-bottom: 2px solid #c00;
  background: none !important;
}

.basebody .title_3 {
  margin-top: 0.5em;
  font-size: 110%;
  font-weight: 600;
  color: #c00;
}

.basebody .title_4 {
  margin-top: 0.5em;
  font-size: 110%;
  font-weight: 600;
  color: #000;
}

.basebody .cap_text {
  margin-top: 0.5em;
  font-size: 90%;
  color: #000;
}

.basebody .frame_ag {
  box-sizing: border-box;
  width: 100%;
  height: 20em;
  border: 1px solid #999;
  margin-bottom: 3em;
  padding: 5px;
  overflow: auto;
}

.basebody .frame_ag .frame_title {
  font-size: 105%;
  font-weight: 700;
  color: #f00;
}

.ichi {
  color: #fb5c00;
  font-size: 150%;
}

.huki_box {
  width: 70%;
  margin-bottom: 30px;
}

.huki_box img {
  display: block;
  width: 90%;
  text-align: center;
  margin: auto;
}

.price1 {
  width: 80%;
}

.img_60 {
	display: block;
	width: 60%;
	margin: auto auto 10px;
	text-align: center;
}


@media print, screen and (max-width: 799px) {
.basebody h4 {
	font-size: 5vw !important;
}

.basebody .primg {
	width: 10vw;
}

.basebody p br {
  display: none;
}

.basebody .sc th {
	display: none !important;
}

.basebody .sc tr,
.basebody .sc td {
	display: block;
}

.basebody .sc td { font-size: 80%;}

.basebody .sc td br { display: block !important;}

.basebody .sc tr:nth-child(2n+3) td {
	background: none;
}

.basebody .sc td:nth-child(1) {
	background: #edc1a5 !important;
	color: #fff;
	font-size: 120%;
	line-height: 1.5;
}

.basebody .sc td:nth-child(2)::before {
	content: attr(scd01);
	display: block;
  color: #fbefab;
	font-size: 120%;
	text-align: center;
	background: #fffff6;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

.basebody .sc td:last-child::before {
	content: attr(scd02);
	display: block;
  color: #fbefab;
	font-size: 120%;
	text-align: center;
	background: #fffff6;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

.basebody .card {
  width: 100%;
}
}



/*-------------

	凡用

-----------------------------------------------------------------*/

.basebody b { font-size: 110% !important;}

.basebody hr {
  border: none;
  border-top: solid 1px #ccc;}

.br_gray { border: solid 1px #ccc;}

.br_none { border: none !important;}

.clear { clear: both !important;}

.mt_0 { margin-top: 0 !important;}
.mt_10 { margin-top: 10px !important;}
.mt_20 { margin-top: 20px !important;}

.mb_0 { margin-bottom: 0 !important;}
.mb_5 { margin-bottom: 5px !important;}
.mb_10 { margin-bottom: 10px !important;}
.mb_15 { margin-bottom: 15px !important;}
.mb_20 { margin-bottom: 20px !important;}
.mb_30 { margin-bottom: 30px !important;}
.mb_40 { margin-bottom: 40px !important;}

.bg_yellow {
  background: #ff0;
  padding: 1px 3px !important;
}

.bg_gold {
  background: #dfcc63;
  padding: 1px 3px !important;
}

.bg_silver {
  background: #d9dce1;
  padding: 1px 3px !important;
}

.bg_red {
  background: #f23041;
  color: #fff;
  padding: 2px 5px;
  margin-bottom: 5px !important;
}

.bg_purple {
  background: rgba(174, 35, 226, 0.07);
  padding: 2px 5px;
  margin-bottom: 5px !important;
  border: none !important;
}

.bg_pink {
  background: rgba(255, 125, 192, 0.3);
  padding: 2px 5px;
  margin-bottom: 5px !important;
  border: none !important;
}

.bg_cream {
	background: #fdf9e6;
  padding: 2px 5px;
  margin-bottom: 5px !important;
  border: none !important;
}

.c_green { color: #42ad88;}
.c_gold { color: #dfcc63;}
.c_silver { color: #d9dce1;}
.c_orange { color: #fc9b63;}
.c_red { color: #ec352c;}
.c_purple { color: #d868e6;}
.c_blue { color: #0277f3;}

.fs_80p { font-size: 80% !important;}
.fs_90p { font-size: 90% !important;}
.fs_100p { font-size: 100% !important;}
.fs_110p { font-size: 110% !important;}
.fs_120p { font-size: 120% !important;}
.fs_130p { font-size: 130% !important;}
.fs_140p { font-size: 140% !important;}
.fs_150p { font-size: 150% !important;}
.fs_150p { font-size: 150% !important;}
.fs_160p { font-size: 160% !important;}
.fs_170p { font-size: 170% !important;}

.fw_600 { font-weight: 600 !important;}
.fw_normal { font-weight: normal !important;}

.ta_center { text-align: center !important;}
.ta_right { text-align: right !important;}

.td_under { text-decoration: underline;}

.td_red {
  text-decoration-line: underline;
  text-decoration-color: #cd001d;
}

.marker_y {
  background: linear-gradient(transparent 50%, #ff0 50%);
}

.nolist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.txtidt li {
  margin-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
  line-height: 1.7;
}

.txtidt li:last-child {
  margin-bottom: 0;
}

.check li {
  position: relative;
  padding-left: 25px;
  line-height: 1.8;
  padding-top: 3px;
}

.check li:before {
  content: "";
  position: absolute;
  top: .35em;
  left: 6px;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  width: 3px;
  height: 7px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  margin-top: 5px;
}

.check li:after {
  content: "";
  position: absolute;
  top: .2em;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #333;
  border-radius: 2px;
  margin-top: 4px;
  /*background: rgba(204,204,204,0.2);*/
}

.balloon1 {
  position: relative;
  display: inline-block;
  margin: auto auto 15px !important;
  padding: 7px 10px;
  width: 96%;
  color: #555;
  background: #e0edff;
  border-radius: 5px;
  text-align: center;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}

.balloon1 p {
  margin: 0;
  padding: 0;
  text-align: center !important;
}

.sp_img {
  display: none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

.w50, .w80, .w100 {
	display: block !important;
	margin: auto;
}

.w50 { width: 50%;}
.w80 { width: 80%;}
.w100 { width: 100%;}

@media print, screen and (max-width: 800px) {
.bg_purple  ul {
	font-size: 90%;
}

.pc_img { display: none !important;}
.sp_img { display: block !important;}

}