/* CSS Document */
/*----------------------------------------------------------------------COMMON*/
body {

}
.pc {
	display: block;
}
.tb {
	display: none;
}
.sp {
	display: none;
}
/*----------------------------------------------------------------------tour_main_visual*/
#mainvisual {
	position: relative;
	overflow: hidden;
	background: url(../img/title_bg.jpg) no-repeat center top;
	min-height: 640px;
}
#mainvisual .w950 {
	position: relative;
}
#mainvisual .hero_title {
	width:90%;
}
#mainvisual .hero_cunard_logo{
	width: 15%;
	margin:1em 0;
}
#mainvisual .hero_title img,
#mainvisual .hero_cunard_logo img{
	width:100%;
}
/*-----------------------------------------------------------INMENU*/
#bread_crumb {
	position: absolute;
	bottom: 4em;
	right: 0;
	border-top: none;
	border-bottom: 1px solid #aa9b8f;
	text-align: right;
	width: 70%;
}
#bread_crumb a {
	color: #aa9b8f;
}
/*-----------------------------------------------------------INMENU*/
.inmenu {
	position: relative;
	width: 100%;
	border-top: 2px solid #7c6856;
	border-bottom: 1px solid #7c6856;
}
.inmenu ul {
}
.inmenu li {
	display: inline-block;
	float: left;
	width: 16.66%;
	text-align: center;
	border-left: 1px solid #99CC99;
}
.inmenu li:nth-child(1) {
	border-left: 0;
}
.inmenu li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 0 10px 0;
	color: #666666;
}
.inmenu li a:hover {
	border-bottom: 5px solid #99CC99;
	padding: 10px 0 5px 0;
}
/*------------------------------------------------------------------------------breadCrumb*/
#bread_crumb strong {
	display: none;
}
/*------------------------------------------------------------------------------intro*/
#intro {
	position: relative;
	top: -2em;
	background: rgba(255,255,255,0.5);
	padding:2% 3%;
}
#intro h4 {
	background:url(../img/lead_icon.gif) no-repeat left;
	font-size: 1.4em;
	margin: 1em 0 0.5em 0;
	color:#000095;
	padding:0 0 0 2em;
}
#intro p {
	font-size: 1.1em;
	color: #666666;
	line-height: 1.6;
}
/*------------------------------------------------------------------------------page_common*/
h4.headline {
	width: 100%;
	display:block;
	border-top:2px solid #ffd600;
	padding-top:0.3em;
	font-size: 1.8em;
	font-weight: normal;
	text-align: center;
	background:rgba(255,255,255,0.8);
	margin-bottom:1.5em;
}
h4.headline strong {
	font-weight:bold;
}

h4.headline span{
	display:block;
	background:#ffd600;
	color:#ff8000;
	font-size:0.5em;
	margin-top:0.3em;
	padding:0.2em 0;
}
/*------------------------------------------------------------------------------tour_index*/
#tour_index {
	padding: 5em 0 5em 0;
	background:url(../img/tour_bg.jpg);
	position:relative;
	top:0em;
}
.tour_box {
	width: 100%;
	margin: 0 auto;
	position: relative;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	margin-bottom: 3em;
}
.tour_box ul.tour_icon{
	text-align:right;
	margin:0 0.5em;
}
.tour_box ul.tour_icon li{
	display:inline-block;
	padding:0.3em 0.5em 0.2em 0.5em;
	color:#FFFFFF;
	margin-bottom:0.2em;
}
.tour_box ul.tour_icon li.tour_icon_dept {
	background:#009be4;
}
.tour_box ul.tour_icon li.tour_icon_biz {
	background:#0057d8;
}
.tour_box ul.tour_icon li.tour_icon_plan {
	background:#e36873;
}
.tour_box ul.tour_icon li span {
	font-size:0.5em;
}

.tour_box_title {
	position: relative;
	float: right;
	vertical-align: top;
	width: 68%;
	z-index: 100;
	padding: 0.5em 0 1em 0;
	margin: 0 0 0 -10%;
}
.tour_box_title h5 {
	font-size: 1.1em;
	right: -2px;
	padding: 3% 1% 2% 20%;
	background: url(../img/h5_bg.png) no-repeat left top;
	background-size: 100% 100%;
}
.tour_box h5 strong {
	display: block;
	font-size: 1.3em;
}
.tour_box_left {
	float: left;
	width: 42%;
}
.tour_box_left ul {
	position: relative;
	font-size: 0.85em;
	line-height: 2;
	color: #7c6856;
}
.tour_box_left ul li:nth-child(2) {
	float: left;
	width: 47%;
	margin: 2%;
}
.tour_box_left ul li:nth-child(3) {
	float: left;
	width: 47%;
	margin: 2% 0;
}
.tour_box_left ul li:nth-child(4) {
	position: absolute;
	right: 0;
	top: 0;
}
.tour_box_left ul li:nth-child(4) img {
	height:100%;
}
.tour_box_left ul li img {
	width: 100%;
}
.tour_box_right {
	float: right;
	vertical-align: top;
	width: 58%;
	z-index: 1;
	padding: 0em 3% 2em 3%;
	margin: 0 0 0 -2%;
	background: url(../img/bg_fade.png) repeat-y left;
}
.tour_box_right h6 {
	color: #3448ab;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
.tour_box_right p {
	color: #666666;
	line-height: 1.6;
}
table.tour_spec, table.tour_spec th, table.tour_spec td {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	font-size: 1em;
}
table.tour_spec {
	margin: 1.5em 0;
	width: 100%;
}
table.tour_spec th {
	font-family: 'メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック';
	font-size: 14px;
	background: #f3f2f1;
	padding: 1%;
	width: 4em;
	text-align: center;
	font-size: 0.95em;
}
table.tour_spec td {
	padding:1.5% 2%;
}
table.tour_spec td strong.price {
	color: #D80003;
	font-size: 1.2em;
}
.btm_book a {
	display: block;
	width: 100%;
	font-size: 1.1em;
	text-align: center;
	background: #998059;
	color: #FFFFFF;
	padding: 0.8em 0;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
}

/*------------------------------------------------------------------------------ship_main*/
.ship_main {
	margin-bottom:1em;
}
.ship_main dl dt{
	display:inline-block;
	vertical-align:top;
	width:68%;
	position:relative;
}
.ship_main dl dt h5{
	position:absolute;
	top:0em;
	left:0;
	width:65%;	
}
.ship_main dl dt h5 img,
.ship_main dl dt p img {
	width:100%;
}

.ship_main dl dd{
	display:inline-block;
	vertical-align:top;
	width:30%;
	background:#eaf4ff;
}
.ship_main dl dd h6{
	color:#0090d6;

}
.ship_main dl dd h6 + p {
	padding:1em 2em;
}
.ship_main dl dd h6 span {
	display:inline-block;
	background-color:#0090d6;
	color:#FFFFFF;
	padding:0.3em;
	margin-right:1em;
}
.ship_main dl dd p.btn_guide {
	text-align:center;

	
}
.ship_main dl dd p.btn_guide a{
 	display:inline-block;
	margin:1em auto;
	text-align:center;
	background:#0090d6;
	color:#FFFFFF;
	padding:1em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
}
/*------------------------------------------------------------------------------about_ship*/
#about_ship {
	background: url(../img/icon_cunard.jpg) no-repeat center top #FFFFFF;
	padding: 4em 0;
}
.about_ship_box dl {
	display:inline-block;
	vertical-align:top;
	width: 18.5%;
	margin-right: 0.5%;
	margin-bottom: 1em;
}
.about_ship_box dl:nth-child(5n) {
	margin-right: 0;
}
.about_ship_box dl dt img {
	width: 100%;
}
.about_ship_box dl h5 {
	text-align: center;
	color: #FFFFFF;
	padding: 0.3em 0;
}
.about_ship_box dl:nth-child(odd) h5{
	background:#009ee7;
}
.about_ship_box dl:nth-child(even) h5{
	background:#ffa800;
}
.about_ship_box dl p{
	min-height:5em;
	padding:0.8em;
	font-size:0.85em;
}
.about_ship_box dl:nth-child(odd) dd p{
	background-color:#d9eeff;
}
.about_ship_box dl:nth-child(even) dd p{
	background-color:#fffaca;
}
.about_ship_box dl:last-child {
	background:#009ee7;
}
.about_ship_box dl:last-child dd {
	background:#FFFFFF;
}
/*------------------------------------------------------------------------------ship_cabin*/
.ship_cabin {
	margin-top:2em;
}
.ship_cabin h4 {
	background:#eaf4ff;
	color:#0090d6;
	margin-bottom:0.5em;
}

.ship_cabin h4 span {
	display:inline-block;
	background-color:#0090d6;
	color:#FFFFFF;
	padding:0.3em;
	margin-right:1em;
}
.ship_cabin dl {
	width:23%;
	margin-right:1.5%;
	display:inline-block;
	vertical-align:top;
}
.ship_cabin dt {
	background:#006ab4;
	color:#FFFFFF;
	border-left:5px solid #fbce00;
	padding:0.2em 0.5em;
	font-size:1.1em;
	
}
.ship_cabin dl dd p {
	margin-bottom:0.5em;
	font-size:0.9em;
}
.ship_cabin dl dd img{
	width:100%;
}



/*------------------------------------------------------------------------------Recommended_Area*/
#recommended_area {
	background:#EAF9F2;
	padding: 6% 0 10% 0;
}
/*ボタン-エリアと目的の表示コントロール*/
.button_area button {
}
.button_purpose button {
	display: none;
}



/*--------------------------------------------------- ------
					950px以上
-----------------------------------------------------------*/
@media only screen and (min-width: 950px) {
/*----------------------------------------------------------------------tour_main_visual*/	
#tour_main_visual_index p.hero_img img {

}
}

/*--------------------------------------------------- ------
					950px以下
-----------------------------------------------------------*/
@media only screen and (max-width: 950px) {
/*----------------------------------------------------------------------tour_main_visual*/













}

/*--------------------------------------------------- ------
					タブレット対応
-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {
/*----------------------------------------------------------------------tour_main_visual*/
#mainvisual {
	position: relative;
	overflow: hidden;
	background: url(../img/title_bg.jpg) no-repeat center top;
	background-size: auto 100%;
	min-height: 400px;
}
#mainvisual .hero_title img {

}
/*------------------------------------------------------------------------------intro*/
#intro {
	top: -1em;
}
/*------------------------------------------------------------------------------tour_index*/
.tour_box_title {
	float: none;
	width: 100%;
	margin: 0 0 0 0%;
}
.tour_box_title h5 {
	padding: 2% 0%;
	text-align: center;
}
/*------------------------------------------------------------------------------ship_main*/
.ship_main {
	margin-bottom:1em;
}
.ship_main dl dt{
	width:100%;
}

.ship_main dl dd{
	width:100%;

}
.ship_main dl dd h6{
	color:#0090d6;

}
/*------------------------------------------------------------------------------about_ship*/
.about_ship_box dl {
	width: 32%;

}
.about_ship_box dl:nth-child(5n) {
	margin-right:auto;
}

.about_ship_box dl:nth-child(4n) {
	margin-right:0;
}


}

/*--------------------------------------------------- ------
						スマホ対応
-----------------------------------------------------------*/
@media screen and (max-width:480px) {
body {
	font-size: 12px;
}
.pc {
	display: none;
}
.tb {
	display: none;
}
.sp {
	display: block;
}
/*----------------------------------------------------------------------tour_main_visual*/
#mainvisual {
	position: relative;
	overflow: hidden;
	background: url(../img/title_bg.jpg) no-repeat center top;
	background-size: auto 100%;
	min-height: 300px;
}
#mainvisual .hero_cunard_logo{
	width: 25%;
	margin:0.2em 0;
}
#mainvisual .hero_title {
	width:95%;
}

/*------------------------------------------------------------------------------intro*/
#intro {
	top: -1em;
}
/*------------------------------------------------------------------------------tour_index*/
.tour_box ul.tour_icon{
	text-align:left;
}

.tour_box_title h5 {
	padding: 1em 2em;
	text-align: left;
	background: url(../img/h5_bg.png) no-repeat right center;
	background-size: 130% 100%;
}

.tour_box h5 strong {
	display: block;
	font-size: 1.2em;
}
.tour_box_left {
	float: none;
	width: 100%;
}
.tour_box_left ul {
	width: 90%;
	margin: 0 auto;
}
.tour_box_left ul li:nth-child(1) {
	margin: 0 2%;
}
.tour_box_left ul li:nth-child(4) {
	display: none;
}
.tour_box_right {
	clear: both;
	float: none;
	width: 90%;
	margin: 0 auto;
	padding: 0em 3% 1em 3%;
}
/*------------------------------------------------------------------------------about_ship*/
.about_ship_box dl {
	width: 48%;

}
.about_ship_box dl:nth-child(5n) {
	margin-right:auto;
}

.about_ship_box dl:nth-child(4n) {
	margin-right:auto;
}
.about_ship_box dl:nth-child(2n) {
	margin-right:0;
	margin-bottom:0.2em;
}

}