@charset "utf-8";
/*ritou*/
@media (min-width: 950px) and (max-width: 10000px) {
  body {
    /*横のスクロールバーを950px以上は非表示*/
    overflow-x: hidden;
  }
}
.bg .slick-prev:before, .slick-next:before {
  /*color: black;*/
  display: none;
}
.bg {
  position: relative;
  background: #eaeaea;
  height: 400px;
  /*width:950px;*/
  margin: 0 auto;
}
.bg section {
  /* left: 50%;
    margin-left: -800px;*/
  max-width: 1600px;
  /*position: absolute;*/
  top: 0px;
  /*width: 1600px;
	height:400px;*/
  width: 100%;
  display: block;
  margin: 0 auto;
}
.bg .main_amami {
  background: url("../img/main_amami.jpg") no-repeat;
  padding-top: 400px;
}
.bg .main_tokunoshima {
  background: url("../img/main_tokunoshima.jpg") no-repeat;
  padding-top: 400px;
}
.bg .main_okinoerabu {
  background: url("../img/main_okinoerabu.jpg") no-repeat;
  padding-top: 400px;
}
.bg .main_yoron {
  background: url("../img/main_yoron.jpg") no-repeat;
  padding-top: 400px;
}
.bg .ph-name {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1200;
  display: block;
}
.bg .ph-name p {
  max-width: 950px;
  /*margin:0 320px 1px auto;*/
  text-align: center;
  margin: 0 auto;
}
.bg .ph-name p span {
  color: #FFF;
  font-size: 13px;
  letter-spacing: 1.5px;
  /*text-shadow:0 0 6px #000000,0 0 6px #000000,0 0 0.6px #000000;*/
  padding: 0px 10px 0px 10px;
  background-color: rgba(0, 0, 0, 0.5);
  float: right;
}
.slick-dots {
  bottom: 10px;
}
.bg .ttl {
  position: relative;
  width: 950px;
  display: block;
  margin: 0 auto;
}
.bg .ttl img {
  position: absolute;
  left: 250px;
  z-index: 1000;
  top: 135px;
  width: 439px;
}
.moduleUnitY15 .ttl img {
  position: static;
  left: 0;
  z-index: 1000;
  top: 0;
}
.late-p {
  display: none;
}
#ritou .mds img {
  display: block;
  margin: 0 auto;
}
#ritou h4 img {
  display: block;
  margin: 0 auto;
}
.under_anchor {
  margin-top: 0px;
  margin-bottom: 20px;
}
.under_anchor02 {
  margin-top: 30px;
  margin-bottom: 80px;
}
/* ++++++++++++++++++ */
/*#tabs ul {
	overflow:hidden;
	height:2em;
	list-style:none;
	border-bottom:1px solid #cccccc;
	
	
}
#tabs li {
	float:left;
	display:inline;
	margin-left:10px;
	padding:5px;
	border:1px solid #ccc;
	border-bottom:none;
	border-radius:10px 10px 0 0;
}*/
/*トップタブ*/
.contentsInr {
  margin-top: 20px !important;
}
.tabsLink {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.tabsLink > li {
  width: 24%;
  cursor: pointer;
}
.tabsLink > li > a {
  display: block;
  position: relative;
  text-decoration: none;
  color: white;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  background-color: #262626;
  transition: background-color .2s ease 0s;
}
.tabsLink > li > a::after {
  content: "";
  display: block;
  position: absolute;
  border-left: 11px solid #cb4b12;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  top: 50%;
  margin-top: -8px;
  right: 20px;
  transition: border-left-color .2s ease 0s;
}
.tabsLink > li > a:hover, .tabsLink > li > a.on {
  background-color: #50a200;
}
.tabsLink > li > a:hover::after, .tabsLink > li > a.on::after {
  border-left-color: white;
}
.tabsLink > li > a.on {
  pointer-events: none;
}
/* +++++++++++++++ */
#tabs {
  /*min-height:640px;*/
  position: relative;
}
#tabs .panel {
  width: 950px;
  min-height: 640px;
}
#panel_amami {
  background: url("../img/tab_bg_amami.jpg") no-repeat;
}
#panel_yoron {
  background: url("../img/tab_bg_yoron.jpg") no-repeat;
}
#panel_okinoerabu {
  background: url("../img/tab_bg_okinoerabu.jpg") no-repeat;
}
#panel_tokunoshima {
  background: url("../img/tab_bg_tokunoshima.jpg") no-repeat;
}
#tabs .mapicon {
  width: 950px;
  height: 640px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.05);
  background: url("../img/tab_bg00.png") no-repeat;
}
#tabs .mapicon ul {
  position: relative;
}
#tabs .mapicon li {
  position: absolute;
}
#tabs .mapicon li > a {
  display: block;
  line-height: 0;
}
#tabs .mapicon li > a > img {
  opacity: 0;
  transition: none;
  transition: opacity .2s ease 0s;
}
#tabs .mapicon li.on > a {
  pointer-events: none;
}
#tabs .mapicon li.on > a > img, #tabs .mapicon li > a:hover > img {
  opacity: 1;
}
.map_amami {
  left: 620px;
  top: 253px;
  z-index: 1;
}
.map_tokunoshima {
  z-index: 2;
  left: 546px;
  top: 311px;
}
.map_okinoerabu {
  z-index: 3;
  left: 628px;
  top: 354px;
}
.map_yoron {
  z-index: 4;
  left: 496px;
  top: 377px;
}
#tabs .info {
  height: 640px;
  padding-top: 20px;
}
#tabs .info .infobox {
  background-color: rgba(0, 0, 0, 0.6);
  width: 450px;
  height: auto;
  color: #FFFFFF;
  margin-left: 20px;
  padding-bottom: 20px;
}
#tabs .info .infobox dl {
  margin: 15px 0;
}
#tabs .info .infobox .name {
  height: 87px;
}
#tabs .info .infobox .mini {
  border-top: #FFF 1px solid;
  margin: 0px 25px;
  font-size: 14px;
  line-height: 20px;
}
#tabs .info .infobox .mini dt {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
}
#tabs .info .infobox .mini dd {
  line-height: 1.4;
}
#tabs .info .infobox .mini p {
  font-size: 12px;
  line-height: 16px;
  margin-top: 10px;
}
#tabs .pname {
  position: absolute;
  bottom: 2px;
  text-align: right;
  color: #FFF;
  font-size: 14px;
  width: 943px;
  top: 615px;
  height: 20px;
  /*margin-top:244px;
	margin-right:10px;*/
}
/*--------------------------*/
#boxer {
  border-radius: 0px;
  background: #ffffff;
}
#boxer .boxer-close {
  width: 110px;
  height: 25px;
  bottom: 10px;
  right: 10px;
  background: url("../img/close.gif") no-repeat;
  text-indent: -100px;
}
#boxer .boxer-close::before {
  bottom: 0;
  /* content: url("../img/close.gif") no-repeat;*/
  left: 0;
  line-height: 0px;
  margin: auto;
  right: 0;
  top: 0;
  text-indent: -100px;
  position: absolute;
}
#boxer .boxer-caption .caption span {
  font-size: 16px;
  line-height: 32px;
  text-decoration: underline;
}
/*------------------------*/
#ritou ul li > ul li:first-child {
  margin-top: 0px !important;
}
.phGallaryArea > h4 {
  line-height: 0;
  margin: 10px auto 30px auto;
}
.phgallary li {
  background-repeat: no-repeat;
}
.phgallary li > a {
  display: block;
  line-height: 0;
}
.phgallary li a img:hover {
  opacity: 0;
}
.inline_content {
  width: 300px;
  overflow: hidden;
}
#ritou .w450 {
  width: 450px;
}
#ritou .w380 {
  width: 380px;
}
#yaku .boxer-content iframe {
  /*width:870px;*/
  height: 200px;
}
/* 奄美大島 フォトギャラリー 個別設定 */
#amami > .phgallary .ph01 {
  width: 360px;
  height: 360px;
  background-image: url(../img/amami/pic01_bg.jpg);
}
#amami > .phgallary .ph02 {
  width: 580px;
  height: 360px;
  background-image: url(../img/amami/pic02_bg.jpg);
}
#amami > .phgallary .ph03 {
  width: 490px;
  height: 400px;
  background-image: url(../img/amami/pic03_bg.jpg);
}
#amami > .phgallary .ph04 {
  width: 220px;
  height: 180px;
  background-image: url(../img/amami/pic04_bg.jpg);
}
#amami > .phgallary .ph05 {
  width: 220px;
  height: 180px;
  background-image: url(../img/amami/pic05_bg.jpg);
}
#amami > .phgallary .ph06 {
  width: 450px;
  height: 210px;
  background-image: url(../img/amami/pic06_bg.jpg);
}
#amami > .phgallary .ph07 {
  width: 380px;
  height: 200px;
  background-image: url(../img/amami/pic07_bg.jpg);
}
#amami > .phgallary .ph08 {
  width: 380px;
  height: 200px;
  background-image: url(../img/amami/pic08_bg.jpg);
}
#amami > .phgallary .ph09 {
  width: 560px;
  height: 410px;
  background-image: url(../img/amami/pic09_bg.jpg);
}
#amami > .phgallary .ph10 {
  width: 950px;
  height: 360px;
  background-image: url(../img/amami/pic10_bg.jpg);
}
/* 徳之島・喜界島　フォトギャラリー　個別設定 */
#tokunoshima > .phgallary .ph01 {
  width: 580px;
  height: 360px;
  background-image: url(../img/tokunoshima/pic01_bg.jpg);
}
#tokunoshima > .phgallary .ph02 {
  width: 360px;
  height: 360px;
  background-image: url(../img/tokunoshima/pic02_bg.jpg);
}
#tokunoshima > .phgallary .ph03 {
  width: 360px;
  height: 360px;
  background-image: url(../img/tokunoshima/pic03_bg.jpg);
}
#tokunoshima > .phgallary .ph04 {
  width: 580px;
  height: 360px;
  background-image: url(../img/tokunoshima/pic04_bg.jpg);
}
#tokunoshima > .phgallary .ph05 {
  width: 470px;
  height: 360px;
  background-image: url(../img/tokunoshima/pic05_bg.jpg);
}
#tokunoshima > .phgallary .ph06 {
  width: 470px;
  height: 360px;
  background-image: url(../img/tokunoshima/pic06_bg.jpg);
}
/* 沖永良部島　フォトギャラリー　個別設定 */
#okinoerabu > .phgallary .ph01 {
  width: 360px;
  height: 360px;
  background-image: url(../img/okinoerabu/pic01_bg.jpg);
}
#okinoerabu > .phgallary .ph02 {
  width: 580px;
  height: 360px;
  background-image: url(../img/okinoerabu/pic02_bg.jpg);
}
#okinoerabu > .phgallary .ph03 {
  width: 580px;
  height: 360px;
  background-image: url(../img/okinoerabu/pic03_bg.jpg);
}
#okinoerabu > .phgallary .ph04 {
  width: 360px;
  height: 360px;
  background-image: url(../img/okinoerabu/pic04_bg.jpg);
}
#okinoerabu > .phgallary .ph05 {
  width: 470px;
  height: 360px;
  background-image: url(../img/okinoerabu/pic05_bg.jpg);
}
#okinoerabu > .phgallary .ph06 {
  width: 470px;
  height: 360px;
  background-image: url(../img/okinoerabu/pic06_bg.jpg);
}
/* 与論島　フォトギャラリー　個別設定 */
#yoron > .phgallary .ph01 {
  width: 360px;
  height: 360px;
  background-image: url(../img/yoron/pic01_bg.jpg);
}
#yoron > .phgallary .ph02 {
  width: 580px;
  height: 360px;
  background-image: url(../img/yoron/pic02_bg.jpg);
}
#yoron > .phgallary .ph03 {
  width: 220px;
  height: 180px;
  background-image: url(../img/yoron/pic03_bg.jpg);
}
#yoron > .phgallary .ph04 {
  width: 220px;
  height: 180px;
  background-image: url(../img/yoron/pic04_bg.jpg);
}
#yoron > .phgallary .ph05 {
  width: 450px;
  height: 210px;
  background-image: url(../img/yoron/pic05_bg.jpg);
}
#yoron > .phgallary .ph06 {
  width: 490px;
  height: 400px;
  background-image: url(../img/yoron/pic06_bg.jpg);
}
#column01 .pickup {
  margin-top: 50px;
  position: relative;
  background-color: #fbfbfb;
  border: #cccccc 1px solid;
  width: 948px;
  height: 338px;
}
#column01 .pickup .floatL {
  width: 375px;
}
#column01 .pickup .floatR {
  margin: 29px 24px 29px 19px;
}
#column01 .pickup .floatL dl {
  margin: 0 0 0 24px;
  color: #4d4d4d;
}
#column01 .pickup .floatL dt {
  height: 24px;
}
#column01 .pickup .floatL dt p {
  border-bottom: #cb4b12 1px solid;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  display: block;
}
#column01 .pickup .floatL dd {
  font-size: 14px;
  line-height: 20px;
  margin-top: 20px;
}
.movArea {
  margin: 40px 0;
}
.movArea > .movHeader {
  line-height: 0;
}
.movArea > .movContent {
  display: flex;
  justify-content: space-between;
  background-color: #fbfbfb;
  border: #cccccc 1px solid;
  padding: 15px 9px 10px 9px;
}
.movArea > .movContent > .movItem {
  width: 460px;
}
.movArea > .movContent > .movItem > .movName {
  margin: 0 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #da8870;
  text-align: center;
}
.movArea > .movContent > .movItem > .mov {
  margin-top: 15px;
}
/*繧ｵ繝悶ち繝?*/
#tabs table {
  width: 944px;
  margin: 0 3px;
}
#tabs table td {
  width: 117px;
  height: 50px;
  margin-right: 1px;
}
#tabs table td a {
  padding-left: 10px;
  color: #FFFFFF;
  line-height: 50px;
  font-size: 16px;
  text-align: left;
  /*width:117px;
	height:50px;*/
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
#tabs table td a:hover {
  padding-left: 10px;
  text-decoration: none;
  margin-right: 1px;
}
#tabs table .tab01 {
  background: url("../img/subtab01.gif") no-repeat;
}
#tabs table .tab01:hover {
  background: url("../img/subtab01_on.gif") no-repeat;
}
#tabs table .tab02 {
  background: url("../img/subtab02.gif") no-repeat;
}
#tabs table .tab02:hover {
  background: url("../img/subtab02_on.gif") no-repeat;
}
/*商品のカルーセル*/
#list {
  margin: 0 30px;
}
#list .slick-prev, .slick-next {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 30px;
  line-height: 0;
  outline: medium none;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
  width: 20px;
}
#list .slick-prev:before, .slick-next:before {
  display: block;
}
#list .slick-prev::before, .slick-next::before {
  -moz-osx-font-smoothing: grayscale;
  color: white;
  font-size: 0px;
  line-height: 1;
  opacity: 1;
}
#list .slick-next {
  background: url("../img/arrow-red-next.png") no-repeat;
}
#list .slick-next::before {
  background: url("../img/arrow-red-next.png") no-repeat;
}
#list .slick-prev {
  background: url("../img/arrow-red-befor.png") no-repeat;
}
#list .slick-prev::before {
  background: url("../img/arrow-red-befor.png") no-repeat;
}
/*カルーセル沖縄離島*/
#list .tour-oki {
  background: #fbfbfb;
  color: #3498db;
  font-size: 10px;
  line-height: 12px;
  margin: 10px;
  /*padding: 2%;*/
  position: relative;
  /*text-align: center;*/
  /*height:200px;*/
  border: #cccccc 1px solid;
  width: 273px;
}
#list .tour-oki a:hover {
  text-decoration: none;
}
#list .tour-oki dl {
  padding: 20px;
  clear: both;
  overflow: hidden;
}
#list .tour-oki .wpn {
  float: right;
}
#list .tour-oki .oki-bar {
  background: #cb4b12;
  line-height: 11px;
  padding: 4px 6px;
  color: #ffffff;
  font-size: 11px;
  line-height: 11px;
  text-align: left;
  display: inline-block;
}
#list .tour-oki .oki-sub {
  text-align: left;
  font-size: 11px;
  line-height: 22px;
  color: #4d4d4d;
  font-weight: bold;
}
#list .tour-oki dt {
  text-align: left;
  font-size: 13px;
  line-height: 18px;
  color: #cb4b12;
  height: 36px;
  font-weight: bold;
  border-bottom: #cb4b12 1px solid;
  margin-bottom: 8px;
}
#list .tour-oki .ph {
  margin-bottom: 4px;
}
#list .tour-oki .ph img {
  width: 235px;
  height: 156px;
}
#list .tour-oki .txt {
  text-align: left;
  font-size: 11px;
  line-height: 16px;
  color: #4d4d4d;
  margin-bottom: 4px;
  height: 48px;
}
#list .tour-oki .detail {
  background: #1256cc;
  padding: 0 15px;
  text-align: right;
  display: inline-block;
  float: right;
  padding: 0 15px;
  text-align: right;
  display: inline-block;
  float: right;
}
#list .tour-oki .detail p {
  background: url("../img/arrow-detail.png") no-repeat right;
  color: #ffffff;
  font-size: 13px;
  line-height: 30px;
  height: 30px;
  padding-right: 20px;
}
#list .tour-oki .detail a:hover {
  text-decoration: none;
}
/*カルーセル九州離島*/
#list .tour-kyu {
  background: #fbfbfb;
  color: #3498db;
  font-size: 10px;
  line-height: 12px;
  margin: 10px;
  position: relative;
  border: #cccccc 1px solid;
  width: 273px;
}
#list .tour-kyu dl {
  padding: 20px;
  clear: both;
  overflow: hidden;
}
#list .tour-kyu .wpn {
  float: right;
}
#list .tour-kyu .kyu-bar {
  background: #50a200;
  line-height: 11px;
  padding: 4px 6px;
  color: #ffffff;
  font-size: 11px;
  line-height: 11px;
  text-align: left;
  display: inline-block;
}
#list .tour-kyu .kyu-sub {
  text-align: left;
  font-size: 11px;
  line-height: 22px;
  color: #4d4d4d;
  font-weight: bold;
}
#list .tour-kyu dt {
  text-align: left;
  font-size: 13px;
  line-height: 18px;
  color: #50a200;
  height: 36px;
  font-weight: bold;
  border-bottom: #50a200 1px solid;
  margin-bottom: 8px;
}
#list .tour-kyu .ph {
  margin-bottom: 4px;
}
#list .tour-kyu .ph img {
  width: 235px;
  height: 156px;
}
#list .tour-kyu .txt {
  text-align: left;
  font-size: 11px;
  line-height: 16px;
  color: #4d4d4d;
  margin-bottom: 4px;
  height: 48px;
}
#list .tour-kyu .detail {
  background: #1256cc;
  padding: 0 15px;
  text-align: right;
  display: inline-block;
  float: right;
}
#list .tour-kyu .detail p {
  background: url("../img/arrow-detail.png") no-repeat right;
  color: #ffffff;
  font-size: 13px;
  line-height: 30px;
  height: 30px;
  padding-right: 20px;
}
#list .tour-kyu a:hover {
  text-decoration: none;
}
#list .tour-kyu .detail a:hover {
  text-decoration: none;
}
/*ツアーかんたん検索*/
#tourSearch {
  background: transparent url("../img/toursearchbg.gif") no-repeat scroll left top;
  height: 59px;
  margin-top: 15px;
  position: relative;
  width: 940px;
}
#tourSearch p {
  padding: 12px 0 17px 12px;
}
#tourSearch p img.search_ttl {
  margin-right: 38px;
  vertical-align: middle;
}
#tourSearch p img.area_btn {
  margin-right: 10px;
  vertical-align: middle;
}
.dtxt {
  font-size: 11px;
  color: #333333;
  margin-top: 4px;
}
.sub_subtl img {
  display: block;
  margin: 0 auto;
}
/*ホテル*/
.sample_box {
  clear: both;
  overflow: hidden;
  margin-top: 40px;
}
.sample_htl {
  float: left;
  width: 280px;
  margin-bottom: 40px;
  margin-left: 36px;
  text-align: center;
}
.sample_htl.w200 {
  width: 200px;
}
.hotelLink {
  color: #0f0f69;
  display: block;
  border: 1px solid #ccc;
  background-color: #fff;
  text-align: center;
  padding: 5px 0;
  position: relative;
  margin: 10px 15px 0;
  background: none;
  box-sizing: border-box;
  font-size: 100%;
  line-height: 1.7;
}
.hotelLink:before {
  content: "";
  width: 11px;
  height: 10px;
  background: url(/commonY15/img/icon_ext_red_01.png) 0 0 no-repeat;
  display: inline-block;
  margin-right: 5px;
}
.tripBox180 {
  margin: 20px auto;
}
.sample_box h2 {
  width: 950px;
  text-align: center;
  margin-bottom: 20px;
  overflow: hidden;
}
.hotelhead {
  display: flex;
  align-items: center;
  height: 62px;
  border-left: 4px solid #4c8f0c;
  text-align: left;
  padding: 0 0 0 10px;
  margin-bottom: 10px;
  line-height: 1.2;
}
.hotelhead.l2 {
  padding: 0 0 0 10px;
  margin-bottom: 10px;
  line-height: 1.2;
}
.hotelhead .areaname {
  display: block;
  font-weight: bold;
}
.hotelhead .hotelname {
  position: relative;
  display: block;
  color: #4c8f0c;
  font-size: 18px;
  font-weight: bold;
}
.hotelhead .hotelname > .hotelname_sub {
  display: inline-block;
  position: absolute;
  font-size: 14px;
  line-height: 1;
  color: #333;
  left: 0;
  bottom: 102%;
}
.hotelhead.sub2l > .hotelname > .hotelname_sub {
  display: block;
  position: static;
  margin-bottom: 2px;
}
.hotelImg {
  width: 100%;
  height: 210px;
  text-align: center;
  line-height: 210px;
}
.sample_htl.w200 .hotelImg {
  height: 150px;
  line-height: 150px;
}
.hotelImg > img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
/* trip advisor */
.tripBoxIn2 > .tColumnL > .number {
  text-align: left;
}
.bg .ttl .coupon {
  position: absolute;
  left: 180px;
  z-index: 1000;
  top: 65px;
  width: 120px
}
.couponbox {
  position: relative;
  width: 946px;
  margin: 40px auto;
  border: 2px solid #52aad7;
  height: 234px
}
.couponbox .pamph {
  position: absolute;
  top: 15px;
  left: 15px;
  display: block;
}
.couponbox .pamph .pamph_txt {
  font-size: 10px;
  line-height: 1.4;
  width: 180px
}
.couponbox h4 {
  background: #52aad7;
  padding: 15px 10px 15px 10px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
}
.couponbox h4 span {
  font-size: 22px;
}
.couponbox .coupon_inner {
  padding-left: 240px;
  margin-top: 10px;
}
.couponbox .coupon_inner .wpn {
  width: 80px;
  background: #ff4dac;
  color: #fff;
  text-align: center;
  border-radius: 60px;
  padding: 20px;
  height: 80px;
  font-size: 16px;
  margin-top: 10px;
}
.couponbox .coupon_inner .txt_box {
  width: 570px;
}
.couponbox .coupon_inner .coupon_ttl {
  display: inline-block;
  font-size: 20px;
  color: #ff4dac;
  font-weight: bold;
  margin-bottom: 5px;
}
.couponbox .coupon_inner .d_txt p {
  display: block;
  line-height: 1.4;
}
.couponbox .deco {
  position: absolute;
  top: 0;
  right: 0;
}
/*
しまりずむクーポンメニュー
*/
.coupon_menu_off {
  background: #52aad7;
  width: 300px;
  color: #fff;
  padding: 4px 10px;
  text-align: center;
  margin: 25px 10px 20px 0;
  display: inline-block;
}
.coupon_menu_off span {
  font-size: 80%;
  padding: 2px 6px;
  background: #fff;
  color: #52aad7;
  margin-left: 8px;
}
.coupon_menu a {
  background: #52aad7;
  color: #fff !important;
  padding: 4px 10px;
  text-decoration: none;
  width: 300px;
  margin: 10px 0;
  display: block;
  text-align: center;
  border: none !important;
}
.coupon_menu a:hover, .coupon_menu a:focus {
  background: #ff4dac;
  text-decoration: none !important;
}
.coupon_menu_off {
  display: none;
}
/*.coupon_menu{display: none;}*/
.welcome {
  box-sizing: border-box;
  width: 950px;
  margin: 10px auto 20px;
  padding: 15px;
  border: 1px solid #cc0000;
}
.welcome p {
  text-align: center;
}
.pdfreader {
  width: 918px;
  box-sizing: border-box;
  padding: 8px 15px;
  border: 1px solid #d0d0d0;
  margin: 5px auto 0;
  overflow: hidden;
}
.pdfreader p {
  color: #707070;
}
.pdfreader p a span {
  color: #0f0f69;
  padding-left: 17px;
  background: url(/commonY15/img/icon_ext_red_01.png) 0 6px no-repeat;
}
.pdfreader p a span:hover, .pdfreader p a span:focus {
  color: #cc0000;
  text-decoration: underline;
}
.caution {
  border: 1px solid #C00;
  padding: 15px;
  width: 910px;
  margin: 0 auto;
}
.caution dt {
  color: #C00;
}
.bnarea {
  margin: 20px auto;
  text-align: center;
}
/*ーーーーーーーーーーーー
20201021追記
ーーーーーーーーーーーーー*/
#tabs #panel_amami .info {
  position: relative;
}
#tabs #panel_amami .info .workation_bn {
  position: absolute;
  bottom: 35px;
  left: 15px;
}
#tabs #panel_amami .info .workation_bn .workation_cp a {
  background-color: #fff;
  color: #cb4b12;
  border: 1px solid #cb4b12;
  border-radius: 30px;
  font-size: 2rem;
  line-height: 1.7;
  text-align: center;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  padding: 0 20px;
  display: block;
}
#workation {
  margin-top: 60px;
}
.hotelhead .hotelname {
  font-family: 'Noto Sans JP', "メイリオ", sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.work_box .work01, .work_box .work02, .work_box .work03 {
  margin-top: 30px;
  padding-bottom: 3px;
  position: relative;
}
.work_box .work01:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #fde7d1 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
.work_box h5 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  color: #333;
  font-family: 'Noto Sans JP', "メイリオ", sans-serif;
}
.work_box h5 span {
  background: #cb4b12;
  display: inline-flex;
  padding: 4px;
  color: #fff;
  margin-right: 6px;
  border-radius: 50%;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.work_inner {
  margin: 10px 0 25px;
}
.work_inner > p {
  text-align: center;
  font-size: 16px;
}
.work_inner > ul {
  display: block;
  /* margin: 0 auto; */
  text-align: center;
  margin-top: 10px;
}
.work_inner > ul > li {
  display: inline-block;
  text-align: center;
  color: #4c8f0c;
  padding: 4px 10px 3px;
  border: 1px solid #4c8f0c;
  margin: 0 4px;
}
.model_plan {
  padding: 20px 0;
  border-top: 2px #cb4b12 dotted;
  border-bottom: 2px #cb4b12 dotted;
  margin-top: 20px;
  background-color: #fef7fa;
}
.model_plan h6 {
  font-size: 21px;
  color: #cb4b12;
  quotes: 0 auto;
  font-family: 'Noto Sans JP', "メイリオ", sans-serif;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 0 20px;
}
.model_plan .day_ttl {
  margin-top: 10px;
}
.model_plan .day_ttl p {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 20px;
  letter-spacing: 2px;
  color: #cb4b12;
  font-style: oblique;
}
.model_plan .day_ttl p > span {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #cb4b12;
  padding: 2px 4px;
  display: inline-block;
  position: relative;
  margin-right: 22px;
  line-height: 18px;
  font-style: normal;
  vertical-align: text-top;
}
.model_plan .day_ttl p > span:after {
  content: "";
  position: absolute;
  right: -16px;
  /* bottom: 0; */
  /* left: 0; */
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb4b12 transparent transparent transparent;
  border-width: 22px 16px 0 0px;
  top: 0px;
}
/* 奄美大島 フォトギャラリー 個別設定 */
.model_plan .phgallary .ph01 {
  width: 343px;
  height: auto;
  background-image: url(../img/amami/pic01_bg.jpg);
  background-size: cover;
}
.model_plan .phgallary .ph01 img {
  width: 343px;
  height: auto;
}
.model_plan .phgallary .ph02 {
  width: 556px;
  height: auto;
  background-image: url(../img/amami/pic02_bg.jpg);
  background-size: cover;
}
.model_plan .phgallary .ph02 img {
  width: 556px;
  height: auto;
}
.model_plan .day01 {
  padding: 0 20px;
}
.model_plan .day01 .txt01 {
  width: 343px;
  line-height: 2.0;
  /*text-align: center;*/
  font-size: 16px;
}
.model_plan .day01 .txt02 {
  width: 556px;
  line-height: 2.0;
  font-size: 16px;
}
.model_plan .day02 {
  margin-top: 4px;
  padding: 20px;
}
.model_plan .day02 dd {
  margin-top: 10px;
}
.model_plan .day02 dd p {
  font-size: 16px;
}
.model_plan .day02_box01 {
  display: flex;
}
.model_plan .day02_box02 {
  display: flex;
  margin-top: 10px;
}
.model_plan .day02_txt01, .model_plan .day02_txt02 {
  width: 210px;
}
.model_plan .day02_pic01, .model_plan .day02_pic02, .model_plan .day02_pic03, .model_plan .day02_pic04 {
  margin-left: 10px;
}
.model_plan .day02 img {
  vertical-align: top;
}
.model_plan .day04 {
  padding: 0 20px 20px 20px;
  margin-top: 10px;
}
.model_plan .day04 .day_in_txt {
  font-size: 16px;
  margin: 5px 0;
}
.model_plan .day04 .day04_box {
  display: flex;
}
.model_plan .day04 .day04_box p {
  display: inline-block;
}
.model_plan .option {
  border: 1px solid #cb4b12;
  padding: 18px;
  margin: 0 20px;
  position: relative;
  background-color: #fff;
}
.model_plan .option:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb4b12 transparent transparent transparent;
  border-width: 30px 30px 0 0px;
}
.model_plan .option .op_ttl {
  font-size: 18px;
  color: #cb4b12;
  quotes: 0 auto;
  font-family: 'Noto Sans JP', "メイリオ", sans-serif;
  letter-spacing: 2px;
  width: 250px;
}
.model_plan .option .coupon {
  /*width: 600px;
    display: flex;*/
  width: 250px;
}
.model_plan .option .coupon dt p {
  font-family: 'Noto Sans JP', "メイリオ", sans-serif;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 20px 34px;
  /*border:1px solid #cccccc;*/
  background-color: #fde7d1;
  display: inline-block;
  font-size: 16px;
  border-radius: 0 12px;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.model_plan .option .coupon .set {
  margin-left: 24px;
}
.model_plan .option .coupon .set p {
  font-size: 16px;
  line-height: 34px;
  border-bottom: 1px dotted #cfcfcf;
}
.model_plan .option .coupon .set p span {
  font-size: 14px;
  padding-right: 10px;
  color: #333;
}
.model_plan .option .op_detail {
  width: 600px;
}
.amawaku img {
  width: 100px;
  height: auto;
}
.option .bg_red {
  background: #cc0000;
  padding: 10px;
  color: #fff;
  box-sizing: border-box;
  font-weight: bold;
}
.option .w250 {
  width: 250px;
  display: inline-block;
}
.toroku {
  width: 950px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #333;
  margin: 0 auto;
}
.toroku p.underline {
  text-decoration: underline;
}
.worldheritage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-470%, -180);
  -webkit-transform: translate(-470%, -180%);
}
.worldheritage img {
  width: 100px;
}


/* ------------------------
20230602追加 
----------------------*/
.option-txt{
  font-family: 'Noto Sans JP', "メイリオ", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color:#cb4b12;
  background-color: #ffffff;
  border: solid 2px #cb4b12;
  padding: 0 8px;
}

.coupontour__block{
  padding: 20px;
  margin: 20px 20px;
  border: solid 1px #cb4b12;
  background-color: #fff;
}
.coupontour__bn img{
  width: 100%;
  height: auto;
}
.coupontour__ttl{
  font-size: 20px;
  text-align: center;
  margin-bottom: 25px;
  color: #cb4b12;
  font-family: 'Noto Sans JP', "メイリオ", sans-serif;
  font-weight: 600;
  letter-spacing: 2px;
  position: relative;
}
.coupontour__ttl::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  width: 50px;
  height: 2px;
  margin: auto;
  background-color: #cb4b12;
}