@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

.fontNotoSerif {
	font-family: "Noto Serif JP", system-ui;
}

a.hover:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}

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

/* tour_start */
.block-tour .caption {
  text-align: center;
  margin-bottom: 20px;
}

.block-tour_inner {
  width: 1024px;
  height: auto;
  margin: 0 auto;
}

.block-tab {
  display: flex;
  justify-content: space-between;
	font-family: "Noto Serif JP", system-ui;
}

.block-tab_item {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: solid 1px #B47C30;
  width: calc(100% / 6);
  font-weight: 600;
  color: #B47C30;
  text-align: center;
  padding: 20px 0;
  cursor: pointer;
}

.block-tab_item:not(:last-child)  {
	border-right: none;
}

.block-tab_item.current {
  background-color: #B47C30;
  color: #fff;
}

.block-tab_contents {
  background-color: #B47C30;
  margin-bottom: 50px;
  padding: 15px 10px;
}

.tour-link:not(:last-child) {
  display: block;
  margin-bottom: 10px;
}

.tour-template {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 15px;
}

.tour-template .image {
  width: 195px;
  height: auto;
}

.tour-template .image img {
  width: 195px;
  height: auto;
}

.tour-template .image .dept {
  border: solid 1px #B47C30;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  color: #B47C30;
  text-align: center;
  margin-bottom: 10px;
  padding: 10px;
}

.tour-template .details {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  width: calc(100% - 195px - 20px);
}

.tour-template .details .name {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #333;
  padding-top: 10px;
}

.tour-template .details .details-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.tour-template .details .details-inner .price {
  font-size: 20px;
  font-weight: 700;
  color: #ff0000;
}

.tour-template .details .details-inner .button {
  background-color: #CC1F0F;
  padding: 3px;
}

.tour-template .details .details-inner .button span {
  display: block;
  border: solid 1px #fff;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  padding: 5px 40px;
}

.notour {
  background-color: #fff;
  text-align: center;
  padding: 20px 0;
}
/* tour_end */


/* seo_start */
.block-seo {
  /*background: rgb(255, 221, 221);
  background: linear-gradient(0deg, rgba(255, 221, 221, 1) 0%, rgba(248, 248, 248, 1) 100%);*/
}

.block-seo_inner {
  width: 1024px;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
}

.block-seo_inner .text {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
    width: 650px;
  color: #333333;
}

.block-seo_inner .text .caption {
  width: 650px;
  height: auto;
  text-align: left;
  font-size: 16px;
}

.block-seo_inner .text .link {
  /*display: block;
  font-size: 17px;
  font-weight: 700;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #48110b;
  text-decoration: underline;*/
	margin-top: 30px;
}

.block-seo_inner .movie {
  width: 320px;
  height: auto;
}

.block-seo_inner .movie .heading {
    background-color: #ffffff;
    /*outline: solid 1px #e7d674;*/
    font-size: 14px;
    line-height: 1.3;
    /*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    color: #1B4C7C;
    text-align: center;
    margin-bottom: 5px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-seo_inner .movie .video {
  outline: solid 1px #e7d674;
}

.block-seo_inner .movie .link-movie {
  position: relative;
  display: block;
  background-color: #FCE97C;
  font-size: 17px;
  font-weight: 700;
  /*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  color: #48110b;
  text-align: center;
  padding: 10px 0;
}

.block-seo_inner .movie .link-movie::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 23px;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #48110b;
  border-right: 1px solid #48110b;
  transform: translateY(-50%) rotate(135deg);
}

/* seo_end */

/* スケジュールモーダル */
button.mfp-close {
  display: none;
}

.mfp-auto-cursor .mfp-content {
  text-align: center;
}

.popup-modal-dismiss {
  position: absolute;
  left: 0;
  right: 0;
    bottom: 30px;
    width: 296px;
    height: 55px;
  margin: 0 auto;
  text-indent: -9999px;
  cursor: pointer;
}


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

.mainObiWrap01 {
	background-image: url("/attending/media/miyakojima/images/pc/main_obi_bg01.png");
	background-repeat: repeat-x;
	background-position: center center;
	background-size: auto 100%;
	height: 70px;
	position: relative;
	z-index: 1;
}
.mainObiText01 {
	text-align: center;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.mainObiText01 img {
	width: 887px;
	height: auto;
}
.mainvisual01 {
	position: relative;
	background-image: url("/attending/media/miyakojima/images/pc/mv_SP23-050890D.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	height: 500px;
}
.mainTit01 {
	text-align: center;
	padding-top: 4px;
	position: relative;
}
.mainTit01 img {
	width: 986px;
	height: auto;
}
.mainCont01 {
	width: 381px;
	position: absolute;
	bottom: 0px;
	right: 50%;
	margin-right: 250px;
}
.mainCont02 {
	width: 342px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: 150px;
}

.contBlockWrap01Bg {
	background-image: url("/attending/media/miyakojima/images/pc/main_bg02.png");
	background-repeat: repeat;
	background-position: center top;
	background-size: auto;
}
.contBlockWrap01 {
	background-image: url("/attending/media/miyakojima/images/pc/main_bg01.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.contH201 {
	position: relative;
	text-align: center;
	margin: auto auto 70px auto;
}
.contH201::before {
	content: "";
	background-image: url("/attending/media/miyakojima/images/pc/cont_tit_bg01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	height: 311px;
	width: 100vw;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.contH201.bgRe01::before {
	transform: translateY(-50%) translateX(-50%) scale(-1, 1);
}

.contH201 img {
	width: auto;
	max-width: 100%;
}
.tourBlockWrap01 {
	padding: 90px 0px 0px 0px;
	margin-bottom: 100px;
}
.tourBlock01 {
	position: relative;
}

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

.contBlockWrap02 {
	margin: 110px auto 0px auto;
	/*padding-bottom: 110px;*/
}

.contPointFlex01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.contPointFlex01 li {
	width: 100%;
	margin-bottom: 30px;
}
.contPointFlex01 li.li01 {
	width: 497px;
}

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

.contPresentFlex01 {
	display: flex;
	justify-content: space-between;
}
.contPresentFlex01 li {
	width: 322px;
}
.contPresentFlex01 li img {
    height: 240px;
    object-fit: cover;
}
.presentBox01 {
	margin-top: 15px;
	text-align: center;
}
.presentBox01 .p01 {
	font-size: 16px;
	line-height: 1.6em;
	font-weight: 500;
}
.presentBox01 .p02 {
	font-size: 14px;
	line-height: 1.6em;
	font-weight: normal;
}
.presentBox01 .h301 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #1B4C7C;
	height: 3.2em;
	font-size: 25px;
	line-height: 1.4em;
	font-weight: 500;
	box-sizing: border-box;
	/*padding: 2px 38px;*/
}
.presentBox01 .h301::before {
	content: "";
	background-image: url("/attending/media/miyakojima/images/pc/present_tit_deco01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 17px auto;
	width: 17px;
	height: 55px;
	display: inline-block;
	margin-right: 20px;
	transform: scale(-1, 1);
}
.presentBox01 .h301::after {
	content: "";
	background-image: url("/attending/media/miyakojima/images/pc/present_tit_deco01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 17px auto;
	width: 17px;
	height: 55px;
	display: inline-block;
	margin-left: 20px;
}

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

.hotelBlock01 {
	background-image: url("/attending/media/miyakojima/images/pc/main_bg03.png");
	background-repeat: repeat;
	background-position: center top;
	background-size: auto;
}
.hotelH3Wrap01 {
	background-image: url("/attending/media/miyakojima/images/pc/hotel_tit_bg01.png");
	background-repeat: repeat-x;
	background-position: center center;
	background-size: auto;
	height: 220px;
	box-sizing: border-box;
	padding-top: 13px;
	position: relative;
}
.hotelH3Wrap01 .h301 img {
	width: auto;
	max-width: 100%;
}
.hotelBlockIn01 {
	background-image: url("/attending/media/miyakojima/images/pc/hotel_bg01.png"), url("/attending/media/miyakojima/images/pc/hotel_bg01.png");
	background-repeat: repeat-y, repeat-y;
	background-position: top left -210px, top right -210px;
	padding-bottom: 90px;
}

.hotelCont01 {
	position: relative;
	margin-top: -50px;
}
.hotelImg01 {
	position: relative;
}
.hotelRank01 {
	width: 240px;
	position: absolute;
	left: 0px;
	bottom: -110px;
}
.hotelTextBox01 {
	padding: 50px 0px 0px 300px;
}
.contText16_18_n {
	font-size: 16px;
	line-height: 1.8em;
	font-weight: normal;
}
.contText16_18_n span {
	font-size: 13px;
}
.hotelLineBox01 {
	padding: 50px 0px;
	text-align: center;
}
.hotelLine01 img {
	width: 265px;
	height: auto;
}
.hotelContFlex01 {
	display: flex;
	justify-content: space-between;
	padding-bottom: 70px;
}
.flexBox01 {
	position: relative;
	width: 668px;
}
.flexBox02 {
	width: 310px;
}
.hotelView01 {
	width: 176px;
	position: absolute;
	top: -23px;
	right: -42px;
}

.hotelContFlex01.hotelImg01 .flexBox01 {
	position: relative;
	width: 584px;
}
.hotelContFlex01.hotelImg01 .flexBox02 {
	width: 405px;
}


.contH401 {
	background-image: url("/attending/media/miyakojima/images/pc/hotel_tit_line01.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 26px;
	text-align: center;
	color: #1B4C7C;
	font-size: 24px;
	line-height: 1.4em;
	font-weight: 500;
	margin-bottom: 20px;
}
.contH401 .s01 {
	font-size: 15px;
}

.textLine01 {
	background-image: url("/attending/media/miyakojima/images/pc/hotel_text_line01.png");
	background-repeat: repeat-x;
	background-position: center bottom;
}
.hotelFlex01 {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.hotelFlex01 li {
	width: 46.7%;
}
.flexRev {
	flex-direction: row-reverse;
}

.hotelFlex02 {
	display: flex;
	justify-content: space-between;
}
.hotelFlex02 li {
	width: 48%;
}
.contCyusyaku01 {
	font-size: 14px;
	line-height: 1.6em;
	margin-top: 15px;
}
.contImg01 {
	margin-bottom: 20px;
}

.flexBox02.flexBox0202 {
	padding-top: 90px;
}
.hotelFlex03 {
	display: flex;
	justify-content: space-between;
}
.flex03Box01 {
	width: 584px;
}
.flex03Box02 {
	width: 405px;
}

.hotelFlex04 {
	display: flex;
	justify-content: space-between;
}
.hotelFlex04 li {
	width: 30.6%;
}
.contText28_18_m {
	color: #1B4C7C;
	font-size: 28px;
	line-height: 1.8em;
	font-weight: 500;
}

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

.contBlockWrap03 {
	background-image: url("/attending/media/miyakojima/images/pc/main_bg02.png");
	background-repeat: repeat;
	background-position: center top;
	padding: 90px 0px 300px 0px;
}
.gourmetFlex01 {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.gourmetBox01 {
	position: relative;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 50px 20px 20px 20px;
}
.gourmetBox01.box01 {
	width: 615px;
}
.gourmetBox01.box02 {
	width: 374px;
}
.gourmetBox01.box03 {
	width: 100%;
}
.gourmetMidashi01 {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	width: 180px;
	height: 55px;
	padding: 5px 0px 5px 20px;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.4em;
	font-weight: 600;
	background-color: #1B4C7C;
	position: absolute;
	left: 0px;
	top: -20px;
}
.gourmetMidashi01::before {
	content: "";
	background-image: url("/attending/media/miyakojima/images/pc/gourmet_tit_bg01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 100%;
	width: 20px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: -19px;
}
.gourmetMidashi01::after {
	content: "";
	background-image: url("/attending/media/miyakojima/images/pc/gourmet_icon01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 57px auto;
	width: 57px;
	height: 50px;
	position: absolute;
	right: -36px;
	bottom: -18px;
}

.gourmetMidashi01.midashi02 {
	width: 280px;
}

.gourmetH301 {
	color: #1B4C7C;
	font-size: 26px;
	line-height: 1.4em;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}
.gourmetH301 .s01 {
	background-image: url("/attending/media/miyakojima/images/pc/hotel_text_line01.png");
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 18px;
}

.posiRe {
	position: relative;
}
.gourmetImgWrap01 {
	width: 122px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.gourmetObi01 {
	width: 123px;
	position: absolute;
	top: -14px;
    right: 5px;
}
.gourmetFuki01 {
	width: 153px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.gourmetFlex02 {
	display: flex;
	justify-content: space-between;
}
.gourmetFlex02 li {
	width: 31.7%;
}

.gourmetBadge01 {
	width: 75px;
	position: absolute;
	top: -14px;
	left: -19px;
}

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

.contBlockWrap04 {
	position: relative;
	background-image: url("/attending/media/miyakojima/images/pc/beige_bg01.png");
	background-repeat: repeat;
	background-position: center top;
	padding: 10px 0px 100px 0px;
}
.contBlockWrap04::before {
	content: "";
	background-image: url("/attending/media/miyakojima/images/pc/main_bg04.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 2000px 206px;
	width: 100%;
	height: 206px;
	position: absolute;
	left: 0px;
	top: -205px;
}
.contH201_02 {
	margin-top: -100px;
}
.sightseeingMap01 {
	position: relative;
}
.sightseeingBlock01 {
	margin-top: 70px;
}
.sightseeingH301 {
	text-align: center;
	margin-bottom: 25px;
	padding-bottom: 25px;
	background-image: url("/attending/media/miyakojima/images/pc/sightseeing_tit_bg01.png");
	background-size: 278px auto;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.sightseeingH301 .s01 {
	font-size: 32px;
	line-height: 1.5em;
	font-weight: 500;
}
.sightseeingH301 .s02 {
	font-size: 22px;
	line-height: 1.5em;
	font-weight: 500;
}

.sightseeingH301 .col01 {
	color: #8965C1;
}
.sightseeingH301 .col02 {
	color: #559F40;
}
.sightseeingH301 .col03 {
	color: #CB741E;
}
.sightseeingH301 .col04 {
	color: #36A5BF;
}
.sightseeingH301 .col05 {
	color: #D87EAC;
}

.sightseeingFlex01 {
	display: flex;
	justify-content: space-between;
}
.sightseeingBox01 {
	width: 600px;
}
.sightseeingBox02 {
	width: 380px;
}
.sightseeingBadge01 {
	width: 138px;
	position: absolute;
	top: -56px;
	left: -38px;
}
.flexRev .sightseeingBadge01 {
	left: auto;
	right: -38px;
}

.sightseeingFuki01 {
	width: 127px;
	position: absolute;
	top: 150px;
	left: 270px;
}
.contImg02 {
	margin-top: 20px;
}
.contText20_16_m {
	font-size: 20px;
	line-height: 1.6em;
	font-weight: 500;
	margin-bottom: 10px;
}

.sightseeingFlex02 {
	display: flex;
	justify-content: space-between;
}
.sightseeingFlex02 li {
	width: 492px;
}
.sightseeingFlex02 .sightseeingH301 .s01 {
	font-size: 30px;
}
.sightseeingFlex02 .sightseeingH301 .s02 {
	font-size: 20px;
}

.sightseeingFlex03 {
	display: flex;
	justify-content: space-between;
}
.sightseeingFlex03 li {
	width: 320px;
}
.sightseeingFlex03 .sightseeingH301 .s01 {
	font-size: 26px;
}
.sightseeingFlex03 .sightseeingH301 .s02 {
	font-size: 20px;
}

.tourText01 {
	text-align: center;
	margin-bottom: 22px;
}

.tourBlockWrap01.bottom {
	background-image: url("/attending/media/miyakojima/images/pc/main_bg02.png");
	background-repeat: repeat;
	background-position: center top;
	margin-bottom: 0px;
	padding-bottom: 100px;
}
.bannerBlock01 {
	margin-top: 90px;
}
.bannerBlock01 .contCyusyaku01 {
	margin-top: 5px;
}