@charset "utf-8";

/* -------- １）クルーズの魅力　＞　クルーズ料金は大変お得　　 --------- */


#attractive h1 {
	font-size: 16px;
	color: #333333;
	padding: 0px;
	font-weight:bold;
	margin-bottom:20px;
}

#attractive #mainhead_a {	
	/*
	font-size: 16px;
	color: #333333;
	padding: 0px;
	font-weight:bold;
	margin-bottom:20px;
	*/
	text-align: center;
	ccmax-width: 800px;*/
	margin: auto;
}

@media screen and (max-width: 480px) {
	#attractive #mainhead_a {	
		text-align: center;
		/*max-width: 400px;*/
		margin: auto;
	}
}

#attractive #mainhead_a img{	
	width: 100%;
}

#attractive h2 {
	/*
	font-size: 18px;
	height:25px;
	color: #333333;
	background:url("../img/common/bg_h2_green.png") repeat-x bottom;
	margin-bottom:5px;
	margin-top:5px;
	font-weight:bold;
	border-right:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 17px;
	*/
	position: relative;
	padding: 1rem .5rem;
	font-size: 20px;
	color: #333333;
	font-weight:bold;
}

#attractive h2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	content: '';
	border-radius: 3px;
	background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
	background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
	background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);
	}

#attractive_top {
	position:relative;
}

#attractive_top p{
	line-height:150%;
	font-size:18px;
}


/*#attractive_top .at_top_img1 {
	position:absolute;
	right:20px;
	top:0px;
}

.attractive_1 {
	margin-left:30px;
	font-size:15px;
}
*/



/*
.price_hikaku_wrap table {
	margin:10px 0 15px 35px;
	width:80%;
}

.price_hikaku_wrap table tr{
	border-bottom:1px dotted #336300;
}

.price_hikaku_wrap table th,
.price_hikaku_wrap table th {
	padding:5px 0;
}
*/

.price_hikaku_wrap table,
.syokuji_hikaku_wrap table {
	margin: 20px auto;
	}
	.price_hikaku_wrap table th,
	.syokuji_hikaku_wrap table th {
	background: #e9727e;
	border: solid 1px #ccc;
	color: #fff;
	padding: 10px;
	}
	.price_hikaku_wrap table td,
	.syokuji_hikaku_wrap table td {
	border: solid 1px #ccc;
	padding: 10px;
	}
	.price_hikaku_wrap table .nowrap,
	.syokuji_hikaku_wrap table .nowrap {
		white-space: nowrap;
	}
	.price_hikaku_wrap table .align-r,
	.syokuji_hikaku_wrap table .align-r {
		text-align: right;
	}
	 
	@media screen and (max-width: 640px) {
	  .price_hikaku_wrap table .last td:last-child,
	  .syokuji_hikaku_wrap table .last td:last-child{
		border-bottom: solid 1px #ccc;
		width: 100%;
	  }
	  .price_hikaku_wrap table,
	  .syokuji_hikaku_wrap table{
		width: 90%;
	  }
	  .price_hikaku_wrap table th,
	  .price_hikaku_wrap table td,
	  .syokuji_hikaku_wrap table th,
	  .syokuji_hikaku_wrap table td  {
		border-bottom: none;
		display: block;
		width: 100%;
		}
	}


/*
.syokuji_hikaku_wrap {
	padding-top:0px;
	font-size:11px;
}
*/

/*.syokuji_hikaku_wrap .haku7 {
	/*width:120px;
	float:left;
	padding:30px 0;
	/*padding-left:25px;
	font-weight:bold;
}
*/

.syokuji_hikaku_wrap h3.haku7 {
	position: relative;
	margin-top:50px;
	padding: 0 65px;
	text-align: center;
	font-size: 18px;
	color: #333333;
	font-weight:bold;
  }
  
.syokuji_hikaku_wrap h3.haku7:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #ccc;
  }
  
.syokuji_hikaku_wrap h3.haku7 span {
	position: relative;
	padding: 0 1em;
	background: #fff;
	font-weight:bold;
  }


/*.syokuji_hikaku_wrap table {
	width:58%;
	float:left;
	vertical-align:middle;
}


.syokuji_hikaku_wrap table td {
	padding:5px 0;
}
*/	

.sho_green {
	color:#5FB700;
	margin-bottom:15px;
}

.syokuji_hikaku_wrap .yajirushi{
	/*width:30px;
	float:left;*/
	padding:30px 10px;
	text-align:center!important;
	color:#5FB700!important;
}
.syokuji_hikaku_wrap .gokei {
	/*width:150px;
	float:left;*/
	text-align:center!important;
	font-weight:bold;
	font-size:20px;
	padding-top:15px;
}


/*.syokuji_hikaku_wrap .onpu {
	height:45px;
	background:url(../img/attractive/price_re/bg_onpu.png) no-repeat left top;
	padding-top:25px;
	padding-left:50px;
	color:#FF3366;
	font-weight:bold;
	margin-left:45px;
	font-size:14px;
}*/
.syokuji_hikaku_wrap .onpu {
	display:block;
	padding:25px;
	color:#666666;
	font-weight:bold;
	margin:20px 0;
	font-size:17px;
	text-align:center;
	}
.syokuji_hikaku_wrap .onpu::before {
	content: '\f001';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color:#30ACEE;
	font-size:30px;
	padding-bottom:30px;
  }


.syoku_hikaku_img_wrap {
	width:100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-items: stretch;
    align-items: stretch;
}

@media screen and (max-width: 640px) {
	.syoku_hikaku_img_wrap {
		width:100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		justify-items: stretch;
		align-items: stretch;
	}
	
}
.syoku_box {
	width:100%;
	box-sizing: border-box;
	padding: 3px;
	border:1px solid #BABABA;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	position:relative;
	/*float:left;
	margin: 0 35px 35px 0;*/
}

.syoku_box h4.syoku_boxH4{
	text-align:center;
	padding-top: 9px ;
	font-weight:bold;
	color:#333300 ;
	margin-bottom:3px;
	font-size:18px;
	background-color:#ffd4ff;
}
.syoku_box p {
	padding:3px 5px 0;
	font-size:13px;
}

.syoku_box div.main{
	text-align:center!important;
	margin:5px auto!important;
}

.syoku_box .syoku_time {
	position: absolute;
	top:-15px;
	left:-15px;
	z-index:10;
}


.syoku_setsu {
	font-size:14px;
	margin:30px 0;
}






.child_price_wrap {
	padding-top:5px;
	padding-left:25px;
}


.child_top {
	float:none;
	clear:both;
}

.child_1_left {
	width:300px;
	float:left;
}

.child_1_right {
	float:left;
	width:450px;	
}

.child_1_right h4 {
	color:#6BC11B;
	margin:10px 0;
	font-weight:bold;
}


@media screen and (max-width: 480px) {
	.child_1_left {	
		width:100%;
		float:none;
		clear:both;
		display:block;
		margin-bottom:15px;
	}
	.child_1_right {
		float:none;
		clear:both;
		width:100%;
		display:block;
	}

}



.child_plan {
	border-bottom: 1px dotted #333333;
	float:none;
	clear:both;
	margin-right:15px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.child_plan h3 {
	color:#e9727e;
	font-weight:bold;
	margin-bottom:10px;
	font-size:16px!important;
}

.child_plan .child_box {
	width:50%;
	float:left;
	font-size:11px;
}

.child_plan .child_box .child_img{
	width:36%;
	float:left;
}

.child_plan .child_box h4 {
	width:62%;
	float:left;
	padding: 4px 0;
}

.child_plan .child_box a {
	width:60%;
	float:left;
	margin-left:7px;
}

@media screen and (max-width: 480px) {
	.child_plan .child_box {
		width:100%;
		float:none;
		clear:both;
		font-size:11px;
		margin-bottom:15px;
	}
	.child_plan .child_box .child_img{
		width:100%;
		float:none;
		clear:both;
	}
	.child_plan .child_box h4 {
		width:100%;
		float:none;
		clear:both;
		padding: 4px 0;
	}
	.child_plan .child_box a {
		width:100%;
		float:none;
		clear:both;
		margin-left:0px;
	}
}


.no_include {
	margin-top:10px;
	font-size:11px;
}

.no_include h3 {
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
}

.no_include h4 {
	margin-left:30px;
	margin-bottom:5px;
}

.no_include ul {
	margin-bottom:15px;
	margin-left:30px;
}




/* -------- ２）クルーズの魅力　＞ 気軽に便利に　　　 --------- */




#kigaru_top {
	position:relative;
	margin-bottom:25px;
	font-size: 14px;
}

#kigaru_top .at_top_img2 {
	position:absolute;
	right:20px;
	top:-10px;
}

.kigaru_1 {
	margin-left:30px;
}



/* -------- クルーズの魅力　＞ 非日常　　　 --------- */

.com_box {
	box-sizing: border-box;
	width:98%;
	padding:15px;
	margin-bottom:20px;
}

.orange_border {
	background:#E0AF6C;
}

.com_box_white {
	box-sizing: border-box;
	background:#FFFFFF;
	grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-items: stretch;
    align-items: stretch;
	padding:12px 12px;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}


#attractive .com_box .h3 {
	border-bottom :1px dotted #333333;
	margin:0 0 10px 0;
	padding:0px 0 6px 0;
	background-image:none;
	float:none;
	clear:both;
}


span.h3_main {
	display:block;
	/*width:42%;*/
	font-weight:bold;
	font-size:18px;
	
}

span.h3_sub {
	display:inline-block;
}


#attractive .com_box span.h3_sub {
	display:inline-block;
	font-size: 14px;
}

.com_left {
	box-sizing: border-box;
	width:100%;

}

.com_right {
	box-sizing: border-box;
	width:100%;
}

.com_right p {
	font-size:16px!important;
	line-height:150%;
	padding-bottom: 5px;
}

.photo_three {
	float:none;
	clear:both;
	grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-items: stretch;
    align-items: stretch;
}

.photo_three img {
}
.photo_three img.photo_3 {
	margin-right:0px;
}





/* --------５）クルーズの魅力　＞ 船内設備とエンターテイメント　　　 --------- */



#enter_top {
	position:relative;
	margin-bottom:15px;
}


.enter_1 {
	margin-left:30px;
	font-size: 14px;
}

.kon_border{
	background: #1D1D4A;
}

.credit {
	text-align: right;
	font-size:11px;
	color:#999999;
}



.setsubi_wrap {
	width:100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-items: stretch;
    align-items: stretch;
}


.setsubi_box {
	/*width:23%;*/
	min-height:285px;
	/*float:left;*/
	margin-right:14px;
	margin-bottom:20px;
	border:1px solid #CCCCCC;
}


@media screen and (max-width: 640px) {
	.setsubi_wrap {
		width:100%;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		justify-items: stretch;
		align-items: stretch;
	}
	
}





.setsubi_box .h3 {
	background:#ACDAF4;
	text-align:center;
	padding:6px 0;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	color:#000033;
	font-size:16px;
}
	
.setsubi_box p {
	font-size:15px;
	padding:8px;
	line-height: 110%;
}

.setsubi_box span {
	font-size:10px;
}

.setsubi_box img {
	margin 0 auto 10px auto;
	text-align:center;
	width:100%;
}
	


.show_wrap {
	width:100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-items: stretch;
    align-items: stretch;
}


.show_wrap .setsubi_box {
	min-height:380px;
}

.show_wrap .setsubi_box p {
	font-size:15px;
	padding:8px;
	line-height: 110%;
}


.show_wrap .setsubi_box .h3 {
	background:#FFCCFF;
	text-align:center;
	padding:6px 0;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	color:#000033;
	font-size:16px;
}










/* --------４）クルーズの魅力　＞  非日常空間へ　　　 --------- */



#hinichi_top {
	position:relative;
	margin-bottom:15px;
	font-size: 15px;
}


.hinichi_1 {
	margin-left:30px;
	font-size: 14px;
}

.kon_border{
	background: #1D1D4A;
}







/* --------５） クルーズの魅力　＞　寄港地の魅力　　　 --------- */



#kikouchi_top {
	position:relative;
	margin-bottom:15px;
	font-size: 1.1em;
}


.kikouchi_1 {
	margin-left:10px;
	margin-bottom: 0px;
}

.kikouchi_1 h3.kkc1_H3 {
	font-weight: bold;
	font-size: 1.3em;
	border-bottom:solid 2px #004364;
}

.kikouchi1_d {
	margin: 10px 0 0 30px;
	font-size: 1.1em!important;
}

.kikouchi_2 {
	margin-left:30px;
	margin-top: 0px;
}

.kikouchi_2 h3.kkc2_H3 {
	font-weight: bold;
	color:#004364;
	margin-top:15px;
	font-size: 1.3em;
	border-bottom:solid 2px #004364;
}



.tab_btn {
	border-bottom:3px solid #0076af;
	margin-right:25px;
}

.tab_btn ul#tab {
	
}
	
.disnon {
  display: none;
}

	
.tab_btn ul#tab li {
	width:250px;
	float:left;
	background:url(../img/attractive/kikouchi/bg_tab_off.png) #0076af top repeat-x;
	text-align:center;
	padding: 6px 0;
	color:#333333;
	font-weight: bold;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	margin-right:6px;
	border:1px solid #02679a;
	border-bottom:none;
	cursor:pointer;
	font-size: 15px;
}

.tab_btn ul#tab li.select {
	background:url(../img/attractive/kikouchi/bg_tab_on.png) #d7e7ec top repeat-x;
	color:#FFFFFF;
}


.kikouchi_main h3 {
	font-weight:bold;
	margin: 25px 0 10px 25px;
	font-size: 16px;
}

.kikouchi_main p.ki_h3_sub {
	margin: 0 0 10px 25px;
	font-size: 14px;
}




.kikou_miryo_box {
	padding:5px 0 10px 0;
	margin-right:35px;
	margin-left:20px;
	border-bottom: 1px dotted #333333;
}
	
.kikou_miryo_box h4 {
	font-weight:bold;
	color:#CC0000;
	letter-spacing: 0.6em;
	font-size: 17px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.ki_mi_left {
	width: 205px ;
	float:left;
	text-align:center;
}

.ki_mi_right {
	width: 575px ;
	float:right;
}


@media screen and (max-width: 640px) {
	.ki_mi_left {
		width: 100% ;
		float:none;
		clear:both;
		text-align:left;
	}
	
	.ki_mi_right {
		float:none;
		clear:both;
		text-align:left;
	}
	
}



.ki_mi_right h5 {
	font-weight:bold;
	margin-bottom:10px;
	font-size: 18px;
}

.ki_mi_right dl dt {
	margin-left: 25px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight:bold;
	border-bottom:dotted 1px #1c83ff;
}

.ki_mi_right dl dd {
	margin-left: 45px;
	font-size:14px;
}


.link_to_tour {
	margin-top: 40px;
	margin-right: 0;
	margin-left: 40px;
	margin-bottom: 30px;
}

.link_to_tour a {
	font-size: 17px;
}





/* --------６） クルーズの魅力　＞　非日常空間へ　　　 --------- */

#ibunka_top {
	position:relative;
	margin-bottom:15px;
	margin-top: -10px;
}


.ibunka_1 {
	margin-left:30px;
	font-size: 14px;
}

.ibunka_page .h3_sub {
	color:#000033;
	font-weight:bold;
}



/* --------７） クルーズの魅力　＞　良質のサービスとおもてなし　　　 --------- */


#good_s_top {
	position:relative;
	margin-bottom:15px;
}


.good_s_1 {
	margin-left:30px;
	font-size: 14px;
}

.good_s_page h2 {
	margin-bottom:12px!important;
}

.ligreen_border {
	background:#ebe8c7;
}

.ligreen_border h3 {
	color:#FF80C0;
}

.ligreen_border .h3_sub {
	color:#C48B52;
	font-weight:bold;
}

.ligreen_border sup {
	vertical-align: super;
	font-size: 9px;
}



/* --------８） クルーズの魅力　＞　クルーズ客船の安全性について　　 --------- */



#safety_top {
	position:relative;
	margin-bottom:15px;
}


.safety_1 {
	margin-left:30px;
	font-size: 16px;
}


.safety_2 {
	margin: 0 0 15px 30px;
	padding-top:5px;
	font-size: 16px;
}


.safety_3 {
	margin-left:30px;
	font-size:16px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.safety_3 .safety_3_left {
	width:205px;
	float:left;
}

.safety_3 .safety_3_right {
	width:590px;
	float:right;
	padding-top:10px;
	margin-bottom:15px;
	font-size: 16px;
}

@media screen and (max-width: 480px) {
	.safety_3 .safety_3_left {	
		width:100%;
		float:none;
		clear:both;
		display:block;
		margin:0 auto 15px auto!important;
		text-align:center!important;
	}
	.safety_3 .safety_3_left img{	
		width:100%;
	}
	.safety_3 .safety_3_right {
		float:none;
		clear:both;
		width:100%;
		margin-bottom:15px;
		font-size: 16px;
	}
}

.safety_4 {
	margin:0 0 25px 30px;
	padding-top:10px;
	font-size: 16px;
}


.safety_5 {
	margin:0 0 25px 30px;
	font-size:16px;
	padding-top:10px;
}


.safety_5 .safety_5_left {
	width:285px;
	float:left;
}

.safety_5 .safety_5_right {
	width:510px;
	float:right;
	padding-top:10px;
	margin-bottom:25px;
	font-size: 16px;
}


.safety_5 p,
.safety_5 .safety_5_right p{
	margin-bottom:10px;
	font-size: 16px;
}

.safety_5 dl {
	margin:15px 0;
	font-size: 16px;
}

.safety_5 dl dt{
	width:25%;
	float:left;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom: 1px dotted #ccc;

}

.safety_5 dl dd{
	width:70%;
	float:left;
	margin-bottom:10px;
	border-bottom: 1px dotted #ccc;
}
@media screen and (max-width: 480px) {
	.safety_5 .safety_5_left {
		width:100%;
		float:none;
		clear:both;
		display:block;
	}	
	.safety_5 .safety_5_right {
		width:100%!important;
		float:none!important;
		clear:both!important;
		display:block!important;
	}
	.safety_5 dl dt{
		width:100%;
		float:none!important;
		clear:both!important;
		font-weight:bold;
		margin-bottom:10px;
		border-bottom: 1px dotted #ccc;
	}
	
	.safety_5 dl dd{
		width:100%;
		float:none!important;
		clear:both!important;
		margin-bottom:10px;
		border-bottom: 1px dotted #ccc;
	}
}




/* --------９） クルーズの魅力　＞　世代問わず楽しめるクルーズ旅行　　 --------- */



#sedai_top {
	position:relative;
	margin-bottom:15px;
	font-size: 14px;
}


.sedai_1 {
	margin-left: 10px;
    font-size: 18px;
    line-height: 1.8;
}

.sedai_wrap {
	width:98%;
	margin-top:15px;
	display: grid;
	grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px!important;
    grid-row-gap: 10px!important;
    justify-items: stretch;
    align-items: stretch;
	box-sizing: border-box;
}

.sedai_box {
	width:100%;
	box-sizing: border-box;
	height:auto;
	margin: 15px 15px 0 0;
	border:1px solid #FE6203;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	padding:5px;
	background:url(../img/attractive/sedai/bg_sedai_box.png) repeat;
}

.sedai_box .sedai_boxh3 {
	background:#FE6203;
	border-radius: 8px;        /* CSS3草案 */
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;   /* Firefox用 */
	color:#FFFFFF;
	font-weight:bold;
	padding:7px 15px;
	margin-bottom:6px;
	font-size: 17px;
}
.sedai_box p {
	padding:9px;
	font-size:18px;
	float:none;
	clear:both;
}

.sedai_box .sedai_img{
	width:90%;
	display: grid;
	grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px!important;
    grid-row-gap: 10px!important;
    justify-items: stretch;
    align-items: stretch;
	margin-left:10px;
	box-sizing: border-box;


}
.sedai_box img.sedai_img_left {
	margin: 0 5px 0 0;
	width:auto;
}

.sedai_box img.sedai_img_right {
	margin: 0 0 0 5px;
	width:auto;
}


.sedai_page h2 {
	font-size:19px!important;
}






@media screen and (max-width: 640px) {
	.sedai_wrap {
		width:95%;
		margin:15px auto;
		display: block;
		box-sizing: border-box;
		grid-template-columns:none;
		grid-column-gap:none;
		grid-row-gap:none;
		margin:10px;
	}
	.sedai_box{
		margin-bottom:15px;
	}
	
}



/* --------１０） クルーズの魅力　＞　世代問わず楽しめるクルーズ旅行　　 --------- */



#repeat_top {
	position:relative;
	margin-bottom:15px;
}


.repeat_1 {
	margin-left:30px;
	font-size:15px;
}


.repeat_2 {
	margin-left:30px;
	padding-top:0px;
	margin-bottom:15px;
}

.repeat_2 dl {
	width: 100%;
	float:none;
	clear:both;
	padding:10px 0;
	font-size:1.2rem;
}

.repeat_2 dl dt {
	width: 95px;
	float:left;
	color:#30ACEE;
	font-weight:bold;
	font-style:italic;
	font-size:1.2rem;
	
	
}

.repeat_2 dl dd {
	width:400px;
	float:left;
	margin-top:3px;
	font-size:1.2rem;
}
	
.repeat_3 {
	margin-left:30px;
	padding-top:10px;
	margin-bottom:15px;
	font-size:14px;
}

.repeat_3 .h3 {
	margin-top:15px;
	margin-bottom:10px;
	font-weight:bold;
	color:#0C1D39;
	font-size: 17px;
}


.repeat_3_1{
	padding-top:10px;
}

.repeat_3_1_left {
	width:300px;
	float:left;
	margin-left:40px;
}

.repeat_3_1_right {
	width:460px;
	float:left;
}


.repeat_3_2 {
	margin-left:40px;
	padding-top:10px;
	margin-bottom:15px;
	font-size:14px;
}

.repeat_3_2 p {
	margin-bottom:15px;
}

.repeat_3_2 h4 {
	font-weight:bold;
	margin-bottom:10px;
}

.repeat_3_2_1 {
	width:350px;
    float:left;
}


.repeat_3_2_2 {
	width:180px;
    float:left;
}

.repeat_3_2_3 {
	width:180px;
    float:left;
}



.repeat_3_3 {
	margin-left:40px;
	padding-top:10px;
	margin-bottom:15px;
}


.repeat_4 {
	width:98%;
	margin-top:15px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px!important;
    grid-row-gap: 10px!important;
    justify-items: stretch;
    align-items: stretch;
	box-sizing: border-box;
}

.repeat_4_box {
	width:100%;
	float:none;
	margin-right:10px;
}

.repeat_4_box .h3 {
	padding:6px 0;
	font-size: 17px;
	font-weight:bold;
}
.repeat_4_box p {
	font-size:14px;
}

@media screen and (max-width: 640px) {
	.repeat_4 {
		width:98%;
		margin-top:15px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 10px!important;
		grid-row-gap: 10px!important;
		justify-items: stretch;
		align-items: stretch;
		box-sizing: border-box;
	}
	
}




/* --------１１） クルーズの魅力　＞　日本語対応完備　　 --------- */



#japanese_top {
	position:relative;
	margin-bottom:15px;
	margin-top:15px;
}


.japanese_1 {
	margin-left:30px;
	font-size:16px;
}


.japanese_2 {
	margin-left:5px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.ja_wrap {
	width:100%;
	margin-top:15px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px!important;
    grid-row-gap: 10px!important;
    justify-items: stretch;
    align-items: stretch;
	box-sizing: border-box;	
	margin-bottom:25px;
}

.ja_box {
	width: 100%;
	border:1px solid #D5D8DB ;
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	padding:5px;
	background:url(../img/attractive/japanese/bg_ja_box.png) repeat;
	box-sizing: border-box;
	margin: 0 10px 20px 0;
}

.ja_box .h3 {
	background: url(../img/attractive/japanese/bg_h3_ja.png) top repeat-x #1c83ff;
	border-radius: 8px;        /* CSS3草案 */
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;   /* Firefox用 */
	color:#FFFFFF;
	padding:6px 15px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:15px;
}

.ja_box .txt {
	font-size:14px;
	margin-top:8px;
	padding:8px;
	background:#FFFFFF;
}

.ja_box img{
	width:100%;
	height:auto;
}

@media screen and (max-width: 640px) {
	.ja_wrap {
		width:100%;
		margin-top:15px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 10px!important;
		grid-row-gap: 10px!important;
		justify-items: stretch;
		align-items: stretch;
		box-sizing: border-box;	
		margin-bottom:25px;
	}
	.ja_box .h3 {
		background: url(../img/attractive/japanese/bg_h3_ja.png) top repeat-x #1c83ff;
		border-radius: 8px;        /* CSS3草案 */
		-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 8px;   /* Firefox用 */
		color:#FFFFFF;
		padding:6px 15px;
		margin-bottom:5px;
		font-weight:bold;
		font-size:20px;
	}
}


.japanese_2_2 {
	margin-bottom:25px;
	margin-top: -15px;
	font-size:16px;
}


.japanese_2_3 h3 {
	display:block;
}

.japanese_2_3 h3 .sup_h3_main {
	display:inline-block;
	float:left;
	width:260px;
	text-align:center;
	background:#CC0000;
	color:#FFFFFF;
	font-weight:bold;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	margin-right:20px;
	padding:5px 0;
	font-size: 16px;
	
}

.japanese_2_3 h3 .sup_h3_sub {
	display:inline-block;
	float:left;
	padding:4px 0;
	font-size: 17px;
	font-weight: bold;
}


.japanese_2 .sup_wrap {
	float:none;
	clear:both;
	padding-top:20px;
	padding-bottom:10px;
}

.japanese_2 .sup_wrap .sup_box {
	width:170px;
	height: 90px;
	float:left;	
	padding-right: 85px;
	position: relative;
	margin-bottom:15px;
	
}
	
.japanese_2 .sup_wrap .sup_box .nagare_title {
	background:#FFFFCA;
	text-align: center;
	border: 1px solid #CC0202;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
	position:relative;
	font-weight: bold;
	padding:4px 0;
}

.japanese_2 .sup_wrap .sup_box p {
	/* font-size:12px; */
	margin-top:5px;
	width:100%;
}

.japanese_2 .red_ya {
	position:absolute;
	top:0;
	right:9px;
}
	
.japanese_2 .sup_wrap .chui {
	width:555px;
	float:left;
	font-size:13px;
	padding: 5px 0 0 15px;
}



.japanese_3 {
	padding: 10px 0 ;
	margin-left:30px;
}

.japanese_3 p {
	margin-bottom:15px;
	font-size:14px;
}
	

.japanese_3 a {
	font-size:16px;
	margin-bottom: 30px;
}


.ja_blue {
	color:#3366CC;
	font-weight:bold;
}


/* --------１２）クルーズの魅力　＞　 良質のサービスとおもてなし　　 --------- */


#s_cruise_top {
	position:relative;
	margin-bottom:15px;
}


.s_cruise_1 {
	margin-left:30px;
	font-size: 14px;
}


.s_cruise_2 {
	margin-left:30px;
	padding-top:10px;
	margin-bottom:35px;
}

.s_cruise_2 dl {
	width: 620px;
	float:none;
	clear:both;
	padding:6px 0;
}

.s_cruise_2 dl dt {
	width: 95px;
	float:left;
	color:#0066FF;
	font-weight:bold;
	font-size:17px;
	font-style:italic;
	padding-left:25px;
	
}

.s_cruise_2 dl dd {
	width:500px;
	float:left;
	margin-top:4px;
	font-size: 14px;
}


.s_cruise_2_1 p {
	margin-bottom:5px;
	font-size: 14px;
}
	


.s_cruise_2_2 .s_cruise_title {
	margin-bottom:5px;
}


.s_cruise_2_2 .s_cruise_title img {
	width:135px;
	height:35;
	float:left;
	margin-right:10px;
}

.s_cruise_2_2 .s_cruise_title h3 {
	float:left;
	display:inline-table;
	vertical-align:middle;
	font-weight:bold;
	font-size: 15px;
	width: 620px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}


.s_cruise_wrap{
	
}

.s_cruise_2 .s_cru_box {
	width:120px;
	float:left;
	margin-right:10px;
}

.s_cruise_2 .s_cru_box h4 {
	text-align:center;
	padding:1px 0;
	background:#e0edd2;
	font-size:16px;
}


.s_cruise_2 .s_cru_box img{
	width:100%;
}

.s_cruise_2 .s_cru_box .s_cru_shosai {
	font-size:13px;
	height:115px;
	margin-top:5px;
}

.rouis p.s_cru_shosai {
	height:145px!important;
}

.s_cruise_2 .s_cru_box .s_cru_place {
	text-align: right;
	font-size:11px;
	
}




.s_cru_day {
	font-weight:bold;
	color:#F60;
}

/* --------１３）クルーズの魅力　＞　 良質のサービスとおもてなし　　 --------- */



#ja_ad_top {
	position:relative;
	margin-bottom:15px;
	font-size: 14px;
}


.ja_ad_1 {
	margin-left:30px;
	font-size: 14px;
}

.ja_ad_2 {
	margin-left:30px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.ja_ad_2 dl {
	margin-bottom:20px;
}

.ja_ad_2 dt {
	font-size:17px;
	font-weight:bold;
	margin-bottom:5px;
	color:#0C1D39;
}

.ja_ad_2 dd {
	margin-left:30px;
	font-size: 14px;
}





.ja_ad_3  {
	padding-bottom:15px;
	margin: 0 10px;
}

.ja_ad_box {
	padding:15px 0 ;
	border-bottom:1px dotted #A1A1A1;
}


.ja_ad_left {
	width:140px;
	float:left;
	text-align:center;
}

.ja_ad_left img {
	width: 140px;
	height:auto;
}

.ja_ad_right {
	width:680px;
	float:right;
	font-size:11px;
}

.ja_ad_right h3 {
	padding:5px 0;
	font-weight:bold;
	font-size: 16px;
}

.ja_ad_right dl {
	padding:3px 0;
	font-size:14px;
}

.ja_ad_right dt {
	width:77%;
	float:left;
}

.ja_ad_right dd {
	width:23%;
	float:right;
}
	
	

/* --------１４）クルーズの魅力　＞　 良質のサービスとおもてなし　　 --------- */



#ship_view_top {
	position:relative;
	margin-bottom:15px;
	font-size: 16px;
}



.ship_view_1 {
	margin: 10px 30px;
	font-size:16px;
	line-height:150%;
}