@charset "Shift_JIS";
/*
layout.cssでは以下の要素を制御しています。
[]内はキーとなるid名、クラス名です。
・テキストインデント
・メインコンテンツ[#contents]
・ヘッダ[#head]
・グローバルメニュー[#gMenu]
・フッタ[#foot]
・基本構造
*/
body {
  background: #f9f8ed;
}
div#wrapper {
  width: 1024px;
  text-align: left;
  margin: 0 auto;
  background-color: #FFF;
}
div#foot {
  padding: 10px 10px 20px;
  font-size: 85%;
  line-height: 180%;
  background: #242424;
}
div#foot a {
  color: #fff;
  text-decoration: underline;
}
div#foot a:link {
  color: #fff;
  text-decoration: none;
}
div#foot a:visited {
  color: #ccc;
  text-decoration: none;
}
div#foot a:hover {
  color: #fff;
  text-decoration: underline;
}
div#foot ul li {
  display: inline;
  white-space: nowrap;
}
div#foot ul li a {
  padding: 0 3px 0 0;
}
div#foot ul#bmList {
  border-bottom: #666 1px solid;
  margin: 0 0 10px;
  padding: 0 10px 5px;
  text-align: right;
}
div#foot div#fNavi {
  float: left;
  width: 915px;
}
div#pMark {
  width: 88px;
  float: right;
  text-align: right;
}
div#copyRight {
  padding: 0 0 10px;
  text-align: center;
  clear: both;
}
.mainimg{
	width: 100%;
	margin: 0 auto;
}
.mainimg img{
	width: 100%;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: “alpha(opacity=70)”;
}
.topbar {
  height: 48px;
  background-color: blue;
}
li.top {
  list-style-type: none;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  padding-top: 12px;
}
li.top::after {
  content: '';
  margin-left: 30px;
  border-left: 3px solid #ffffff;
}
li.top::before {
  content: '';
  margin-right: 30px;
  border-left: 3px solid #ffffff;
}
.topbar > ul {
  list-style-type: none;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.contents {
  width: 90%;
  margin: 0 5%;
}
.lead {
  text-align: left;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.3;
}
ul.btn_area {
  width: 90%;
  list-style-type: none;
  display: flex;
  margin: 0 auto 3%;
  padding: 0;
}
ul.btn_area li {
  width: 50%;
}
table {
  border-spacing: 0;
}
.table_joken{
	width: 100%;
	margin: 0 auto;
}
.table_joken th {
  width: 20%;
  text-align: left;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
  font-weight: bold;
}
.table_joken td {
  text-align: left;
  padding: 10px;
  border: 1px solid #ddd;
  position: relative;
}
.another_cruise {
  display: flex;
  list-style-type: none;
  padding-left: 0 !important;
}
.another_cruise li {
  width: 23%;
  margin: 1%
}
.another_cruise li img {
  width: 100%;
}
.another_cruise_ttl {
  font-size: 20px;
  font-weight: bold;
}
.alltourbox {
  margin-top: 20px;
}
.alltourbox {
  padding-bottom: 10px;
  overflow: hidden;
  margin-left: -20px;
}
.alltourbox h2 {
  font-size: 24px;
  border-bottom: 3px solid #0D3584;
  padding: 0 0 5px 0;
  margin: 0 0 20px 20px;
}
.tourbox .point p {
  font-size: 14px;
  padding: 5px 10px;
  font-weight: bold;
  color: #043C89;
}
.cruise-content p {
  margin: 0;
  padding: 0;
}
/* ========枠========= */
.alltourbox {
  padding-bottom: 10px;
  overflow: hidden;
  margin-left: -20px;
}
.alltourbox h2 {
  font-size: 24px;
  border-bottom: 3px solid #0D3584;
  padding: 0 0 5px 0;
  margin: 0 0 20px 20px;
}
.alltourbox .des {
  overflow: hidden;
}
.alltourbox .des .mainttl {
  font-size: 18px;
  font-weight: bold;
  margin-left: 20px;
  padding-bottom: 10px;
}
#pu.alltourbox h2 {
  border-bottom: 3px solid #ff6600;
}
/*   商品BOX   */
.fancybox-ie{
	overflow: hidden;
}
.fancybox-ie_1 {
    overflow: hidden;
	margin-top: 20px;
}	
.tourbox {
  position: relative;
  z-index: 1;
  width: 430px;
  border: 2px solid #A7A7AB;
  background-color: #FFF;
  margin-bottom: 20px;
  float: left;
  margin-left: 16px;
}
#pu .tourbox {
  border: 2px solid #ffcc00;
  background-color: #FFF;
  ;
}
.tourbox + .tourbox {}
.tourbox h3 {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 10px 0px 10px;
  line-height: 1.4;
  margin-bottom: 0;	
}
.tourboxIn {
  overflow: hidden;
  padding: 10px;
}
.tourboxIn .Img {
  width: 190px;
  float: left;
}
.tourboxIn .photo {
  margin-bottom: 15px;
}
.tourboxIn .photo img {
  width: 190px;
  height: auto;
}
.tourbox .point {
  position: relative;
  background-color: #DBDBDB;
  margin: 1px 1px 5px 1px;
}
#pu .tourbox .point {
  background-color: #F3E3A3;
}
.tourbox .point:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(219, 219, 219, 0);
  border-top-color: #DBDBDB;
  border-width: 10px;
  margin-left: -10px;
}
#pu .tourbox .point:after {
  border-color: rgba(243, 227, 163, 0);
  border-top-color: #F3E3A3;
}
.tourbox .point p {
  font-size: 14px;
  padding: 5px 10px;
  font-weight: bold;
  color: #043C89;
}
#pu .tourbox .point p {
  color: #ff6600;
}
.point > p {
	margin: 0;
}
.tourboxIn .data {
  width: 200px;
  float: right;
  padding-top: 5px;
}
.tourboxIn .dataIn {
  position: relative;
}
.tourboxIn .dataIn + .dataIn {
  margin-top: 15px;
}
.tourboxIn .dataIn .ent {
  position: relative;
  z-index: 2;
}
.tourboxIn .dataIn .icon {
  background-image: url(../imp/img/icon_discount.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 49px;
  height: 64px;
  position: absolute;
  z-index: 10;
  left: 0px;
  top: -10px;
}
.tourboxIn .dataIn h4 {
  background-color: #043C89;
  color: #FFFFFF;
  font-weight: bold;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 3px 10px 2px 44px;
  text-align: left;
  margin-left: 10px;
}
#pu .tourboxIn .dataIn h4 {
  background-color: #ff6633;
}
.tourboxIn .dataIn dl {
  color: #FF6002;
  padding-left: 54px;
  padding-top: 8px;
}
#pu .tourboxIn .dataIn dl {
  color: #F03;
}
.tourboxIn .dataIn dt {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
}
.tourboxIn .dataIn dd {
  font-size: 14px;
  font-weight: bold;
}
.tourboxIn .dataIn2 dd {
  font-size: 14px;
  font-weight: bold;
  margin-left: 0;	
}
.tourboxIn .dataIn dd strong {
  font-size: 32px;
  font-family: "Arial Black", Gadget, sans-serif;
  line-height: 1.2;
}
.tourboxIn .dataIn dd strong {
  font-size: 32px;
  font-family: "Arial Black", Gadget, sans-serif;
  line-height: 1.2;
}
.tourboxIn .dataIn .ent + .ent {
  margin-top: 10px;
}
.tourboxIn .Link {
  margin-top: 15px;
  text-align: center;
  width: 200px;
}
.tourboxIn .Link a {
  padding: 8px 0;
  width: 100%;
  display: block;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #1976C3;
}
#pu .tourboxIn .Link a {
  background-color: #ff9933;
}
.tourboxIn .Link a:hover {
  background-color: #135993;
}
#pu .tourboxIn .Link a:hover {
  background-color: #ff6633;
}
.tourboxIn .Link a:before {}
.pagetop {
  text-align: right;
}
.alltourbox h2 {
    font-size: 24px;
    border-bottom: 3px solid #0D3584;
    padding: 0 0 5px 0;
    margin: 0 0 20px 20px;
}