@charset "utf-8";
/***********************************************/
/*ツアー共通								*/
/***********************************************/





/*-- カテゴリ共通ヘッダー用
------------------------------------------*/

#tour_wrapper{
	margin:0 auto;
	width:980px;
	margin-top:15px;
	position:relative;
	}

.tb_headerLocalNavList.\--isSecond {
  width: 220px !important;
  }
/*-- カテゴリ共通ヘッダー用 パンくず
------------------------------------------*/
#breadCrumb {
    width: 980px;
    box-sizing: content-box;
}
.pankuzu_margin {
    line-height: 1.8;
}
.pankuzu_margin li {
    float: left !important;
}

.panclear {
	clear:both;
}


/* 共通 footer箇所　特集導線
---------------------------------------------------------- */
.h2special {
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    padding: 0 0 5px;
    clear:both;
    color: #000000 !important;
    margin-top: 20px;
}
.h2special:before {
    background-color: #d00410;
    content: " ";
    float: left;
    height: 20px;
    margin-right: 7px;
    overflow: hidden;
    width: 5px;
}
#tour_wrapper.naha_p h2.h2special {
    margin-bottom: 20px;
}
.otherPlans {
  overflow: hidden;
  clear: both;
  width: 980px;
  margin: 20px auto 40px;
}
h2.h2special {
clear: both;
color: #000;
font-size: 16px;
font-weight: normal;
padding: 0 0 5px;
margin: 0 0 20px;
border-bottom: 1px solid #ccc;
}
h2.h2special:before {
overflow: hidden;
content: " ";
float: left;
width: 5px;
height: 20px;
margin-right: 7px;
background: #003894;
}
.otherPlans ul {
  overflow: hidden;
}
.otherPlans ul li {
border: 1px solid #cccccc;
  float: left;
  height: 117px;
  margin: 0 20px 0 0;
  padding: 1px;
  position: relative;
  width: 226px;
}
.otherPlans ul li:last-child {
  margin-right: 0;
}
.otherPlans ul li a,
.otherPlans ul li a:link,
.otherPlans ul li a:visited,
.otherPlans ul li a:hover,
.otherPlans ul li a:active {
  color: #000;
  text-decoration: none;
}
.otherPlans ul li a .bnrText {
  left: 1px !important;
  position: absolute;
  top: 91px !important;
  font-size: 14px;
  line-height: 1;
  background: #fff;
  padding: 5px;
  display: block;
  width: 216px;
  height: 15px;
}

.otherPlans ul li a .bnrText::after {
  position: absolute;
  top: 7px;
  right: -4px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #003894;
  border-width: 6px 10px 6px 10px;
  border-style: solid;
}
/* --------------------------------------------------
おすすめツアー
-------------------------------------------------- */
.otherPlans .h3Common {
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    font-weight: bold;
    text-align:left;
    font-family: HiraKakuPro-W3, "Hiragino Kaku Gothic Pro",'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', osaka, Arial, Helvetica, Verdana, sans-serif;
    padding: 0 0 5px !important;
    margin: 0 0 20px !important;
}
.otherPlans .h3Common:before {
    background-color: #003894;
    content: " ";
    float: left;
    height: 20px;
    margin-right: 7px;
    overflow: hidden;
    width: 5px;
}

/* 共通 margin
---------------------------------------------------------- */
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}

.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb60 {
    margin-bottom: 60px;
}

/* 共通 リンク画像カラー
---------------------------------------------------------- */
a:hover img{
	filter:alpha(opacity=80);  /* IE */
	opacity:0.80;              /* Firefox,Opera,Safari */
	-moz-opacity:0.80;         /* Firefox 0.90 */
}

.eat_mg {
	margin-top:15px;
}

/* お知らせ
*/
#tabiraiinfo {
    width: 950px;
    border: 5px solid #D1E7FF;
    line-height: 140%;
    margin: 10px auto 20px;
    padding: 10px;
}

#tabiraiinfo p {
    margin: 0;
    text-align: left;
    font-size: 13px;
}
#tabiraiinfo span {
    font-weight: bold;
    color: #d7000f;
    font-size: 15px;
}

/* 共通 文字間
 */
.letter_s {
    letter-spacing: -0.9px;
}

/*その他のツアーを探す*/
.searchbtn {
    text-align: center;
    padding: 20px 0 40px;
    margin: 0;
    clear: both;
}

/*TOPに戻る*/
#page-top-article {
	position: fixed;
	bottom: 50px;
	right: 20px;
	display: block;
	width:80px;
	height: 80px;
	background:url(/tour/common/tour_sys/images/search/btn_gotosearchtop.png) 0 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

/* ---------------------------------------------------------
定型フッター
--------------------------------------------------------- */

.pl-infoSec {
  margin: 51px auto 89px;
  /*margin: 100px auto 89px; added on 20171220*/
  border-top: solid 3px #124199; /*added on 20171220*/
  padding-top: 51px; /*added on 20171220*/
}

.pl-leadText {
  font-size: 26px;
  font-weight: 400;
  font-feature-settings: "palt";
  text-align: center;
  color: #003894
}

.pl-leadText::before {
  content: "＼";
  display: inline-block;
  margin-right: 1em;
  color: inherit;
}

.pl-leadText::after {
  content: "／";
  display: inline-block;
  margin-left: 1em;
  color: inherit;
}

.pl-infoSec .pl-button-snsfooter {
  width: 270px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.25em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 18px;
  transition: background-color .1s linear;
  background-color: #f08300
}

.pl-infoSec .pl-button-snsfooter:link,
.pl-infoSec .pl-button-snsfooter:visited {
  color: #fff;
  text-decoration: none;
}

.pl-infoSec .pl-button-snsfooter:hover {
  background-color: #ffeed9;
  color: #f08300;
  text-decoration: none;
}

.pl-infoSec .pl-button-snsfooter.\+arrow {
  position: relative;
}

.pl-infoSec .pl-button-snsfooter.\+arrow::after {
  content: "";
  width: 16px;
  height: 16px;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: rotate(45deg);
  box-sizing: border-box;
  margin-top: -8px;
}

.pl-flag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #003894;
  border-bottom: 1px solid #003894;
  width: 640px;
  margin: 21px auto;
  padding: 21px 0;
}

.pl-flag__item {
  margin: 0 .5em;
  font-size: 18px;
}

.pl-sns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.pl-sns__item {
  margin: 0 .25em;
}

.pl-snsButton {
  width: 100px;
  height: 40px;
  font-size: 12.5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #bbb;
  border-radius: 4px
}

.pl-snsButton:link,
.pl-snsButton:visited {
  color: #fff;
  text-decoration: none;
}

.pl-snsButton:hover,
.pl-snsButton:active {
  color: #fff;
  text-decoration: none;
}

.pl-snsButton.\--isFacebook {
  background-color: #5070BD;
}

.pl-snsButton.\--isFacebook:hover,
.pl-snsButton.\--isFacebook:active {
  background-color: rgb(100, 129, 196);
}

.pl-snsButton.\--isTwitter {
  background-color: #000;
}

.pl-snsButton.\--isTwitter:hover,
.pl-snsButton.\--isTwitter:active {
  background-color: rgb(53 53 53);
}

.pl-snsButton.\--isGooglePlus {
  background-color: #FF6161;
}

.pl-snsButton.\--isGooglePlus:hover,
.pl-snsButton.\--isGooglePlus:active {
  background-color: rgb(255, 122, 122);
}

.pl-snsButton.\--isInstagram {
  background-color: #C83D90;
}

.pl-snsButton.\--isInstagram:hover,
.pl-snsButton.\--isInstagram:active {
  background-color: rgb(206, 80, 155);
}

.pl-snsButton.\--isYoutube {
  background-color: #D13535;
}

.pl-snsButton.\--isYoutube:hover,
.pl-snsButton.\--isYoutube:active {
  background-color: rgb(213, 72, 72);
}

.pl-snsButton.\--isPinterest {
  background-color: #FF9239;
}

.pl-snsButton.\--isPinterest:hover,
.pl-snsButton.\--isPinterest:active {
  background-color: rgb(255, 160, 82);
}

/*otherPlans = フッターバナー*/