@charset "utf-8";
@import url("jquery.bxslider.css");

/*-----------------------------------------------------------FILE:TOP*/

/*ボタン-エリアと目的の表示コントロール*/
.button_area button {display:block;}
.button_purpose button {display:none;}

/*------------------------------------------------------------------------------------main_visual*/
#main_visual {
	top:0px;
	width:100%;
	height:100%;
	margin:auto auto;
	overflow:hidden;
	z-index:1;
}
.top_slider {
	width:100%;
	height:auto;
	margin:auto;
	background:url(../img/bg02.jpg);

}
#main_visual .top_slider li:nth-child(2){
	display:none;
}

.bxslider li {
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	text-indent:-9000px;
}

.bxslider img {
	display:block;
	margin:0 auto;

}
.bxslider li a {
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
}
.bx-wrapper {
	margin-bottom:0;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 2%;
    width: 100%;
}
.mv01 {	background:url(../img/slide_img_asuka3.jpg) no-repeat center top;}
.mv02 {	background:url("../img/slide_imgcp_promotion.png") no-repeat center top;}
.mv03 {	background:url("../img/slide_img05.jpg") no-repeat center top;}
.mv04 {	background:url("../img/slide_img_viking_ocean.jpg") no-repeat center top;}
.mv05 {	background:url("../img/slide_img_conductor.jpg") no-repeat center top;}
.mv06 {	background:url("../tour/nipponmaru/img/mainvisual.jpg") no-repeat center top;}
.mv01,.mv02,.mv03,.mv04,.mv05,.mv06{
display:none;
}

/*bxslider制御のみこちらに記載その他は下方*/
/*--------------------------------------------------- ------
					bxslider 1326px over
-----------------------------------------------------------*/
@media only screen and (min-width: 1326px) {
.bxslider img {
	width:80%;

}
.mv01,.mv02,.mv03,.mv04,.mv05,.mv06,.mv07{
	background-size:auto 100%;

}
}
/*--------------------------------------------------- ------
					bxslider 950px以下
-----------------------------------------------------------*/
@media only screen and (max-width: 950px) {
.bxslider img {
	width:100%;

}
.mv01,.mv02,.mv03,.mv04,.mv05,.mv06,.mv07{
	background-size:auto 100%;

}
}

/*--------------------------------------------------- ------
						bxslider スマホ対応
-----------------------------------------------------------*/
@media screen and (max-width:480px) {

.mv01 {	background:url(../img/bnr_top_asuka3.jpg) no-repeat center top;}
.mv02 {	background:url("../img/slide_img_promotion.png") no-repeat center top;}
.mv03 {	background:url("../img/slide_img05sp.jpg") no-repeat center top;}
.mv04 {	background:url("../img/slide_img_viking_ocean_sp.jpg") no-repeat center top;}
.mv05 {	background:url("../img/slide_imgsp_conductor.jpg") no-repeat center top;}
.mv06 {	background:url("../img/bnr_top_nipponmaru.jpg") no-repeat center top;}
.mv01,.mv02,.mv03,.mv04,.mv05,.mv06{
	background-size:auto 100%;

}
.bxslider img {
	width:160%;

}

}

/*------------------------------------------------------------------------------------Inner_menu*/
#inner_menu {
	border-top:2px solid #99CC99;
	border-bottom:1px solid #99CC99;
}
#inner_menu ul {
}
#inner_menu li {
	display:inline-block;
	width:19.1%;
	text-align:center;
	font-weight: bolder;
}

#inner_menu li a{
	display:block;
	width:100%;
	height:100%;
	padding:15px 0 15px 0;
	color:#666666;
}
#inner_menu li a:hover{
	border-bottom:5px solid #99CC99;
	padding:15px 0 10px 0;
}
/*-----------------------------------------------------------------------------------GREETING*/
.greeting{
    text-align: center;
    margin: 2em auto 0 auto;
    display: block;
    max-width: 950px;
}
.greeting img{
    width: 100%;
}

/*------------------------------------------------------------------------------------NEWS_GUIDE*/
#news_guide {
	padding:2% 0 2% 0;
}
/*--------------------news*/
.news {
	float:left;
	display:inline-block;
	width:63%;
	margin:0 3% 0 0;
}
.news h4 {
	color:#6db66d;
	font-size:1.6em;
	background:url(../img/icon_comment.png) no-repeat left top;
	background-size:18px;
	font-weight:normal;
	padding-left:25px;
	border-image:url(../img/line_green.png) 15 round;
	border-style:solid;
	border-width:0 0 5px 0;
	line-height:1;
}
.news h4 strong {
	font-size:0.6em;
	margin-left:1em;
	font-weight:normal;
}
.news ul {
	max-height:24em;
	overflow:auto;
	width:100%;
	padding:2%;
	border-bottom:1px solid #cee1d3;
}
.news ul li {
	padding:1% 1%;
}
.news ul li span {
/*	display:block;
	width:5em;*/
}

.news ul li span.new_mark {
	background:#D70049;
	color:#FFFFFF;
	line-height:1;
	padding:0 0.5em;
	margin:1% 0 1% 1%;
	font-size:0.5em;
	vertical-align:middle;
}
.news ul li a {
	display:block;
	width:100%;
	font-weight:bold;
	color:#000000;
}
.news ul li a:hover {
	display:block;
	width:100%;
	font-weight:bold;
	color:#009900;
}


.news ul li:hover {
	background:#EFF4F1;

}
.news p img{
    width: 100%;
    margin-top: 1em;
}
/*--------------------to_guide*/
.to_guide {
	float:left;
	display:inline-block;
	width:34%;
}
.to_guide h4 {
	color:#6db66d;
	font-size:1.6em;
	background:url(../img/icon_rudder.png) no-repeat left top;
	background-size:18px;
	font-weight:normal;
	padding-left:25px;
	border-image:url(../img/line_green.png) 15 round;
	border-style:solid;
	border-width:0 0 5px 0;
	line-height:1;
}
.to_guide h4 strong {
	font-size:0.6em;
	margin-left:1em;
	font-weight:normal;
}
.to_guide p {
	padding:0 2% 2%;
	line-height:1.5;
	color:#666666;
}

.to_guide p:nth-child(even) img {
	width:100%;
}




/*------------------------------------------------------------------------------------Featured_Tour*/
#featured_tour {
	background:#fbfbfb;
	border-top:1px solid #ececec;
	padding:1.6% 0 10% 0;

}
#featured_tour .w950 {

}
.banner_top{
    clear: both;
    width: auto;
    display: block;
    margin-bottom: 3em !important;
}
.banner_top img{
    width: 100%;
    margin-bottom: 0.4em;
}
.banner_top .ban2{
    display: inline-block;
    /*float: left;*/
    width: 49%;
    margin: auto;
    vertical-align: top;
    width: calc( 100/2 );
}
.banner_top .ban2:nth-child(odd){margin-right: 0.4em;}
.banner_list{
    display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.banner_top .ban2 p{
	margin-bottom: 1em !important;
}
.banner_top .ban3{
    display: inline-block;
    /*float: left;*/
    width: 32.5%;
    margin: auto;
    vertical-align: top;
    width: calc( 100/3 );
}
.banner_top .ban3:nth-child(1),.banner_top .ban3:nth-child(2){margin-right: 0.4em;}
.banner_list{
    display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.banner_list dl{
	width: 31.5%;
    height: auto;
    position: relative;
    vertical-align: top;
	margin: 0 auto 2.5%;
    display: inline-block;
}
.banner_list dl:nth-child(3n){
	margin-right:0;
}


.banner_list dl dt img {
	width:100%;
	border:1px solid #E7E7E7;
}

.banner_list dl dd {
	font-size:0.9em;
	color:#666666;
	padding:2% 0;
}
.banner_list dl dd strong{
	margin-right: 0.4em;
}

/*------------------------------------------------------------------------------------new_tour*/
#new_tour{
    display: block;
    position: relative;
    margin: -1em auto 2em;
    text-align: center;
    background: #eee;
}
#new_tour .fukidashi {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 0 5px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #FFF;
  font-size: 1.2em;
  font-weight: bold;
  background: #D70049;
  border-radius: 50%;
  box-sizing: border-box;
}

#new_tour .fukidashi:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #D70049;
  z-index: 0;
}


/*------------------------------------------------------------------------------------Tour_list*/
#tour_list {
	background:#f0faf3;
	border-top:1px solid #ececec;
	padding:6% 0 10% 0;
}
#tour_list .w950 {


}

#tour_list .tour_data_date{
	display:none;
}

.fixed {
  position: relative;
}

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


}

/*--------------------------------------------------- ------
					タブレット対応
-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {

/*------------------------Inner_menu*/
#inner_menu li a{
	font-size:0.9em;
}


}

/*--------------------------------------------------- ------
				   スマホ対応
-----------------------------------------------------------*/
@media screen and (max-width:480px) {
/*--------------------Inner_menu*/
#inner_menu {
	border-top:2px solid #99CC99;
	border-bottom:1px solid #99CC99;
     background: #ffffff;
    width: 100% !important;
    
}
#inner_menu ul {
   
}
#inner_menu li{width:32%;}
#inner_menu li:nth-child(1),
#inner_menu li:nth-child(2){width:49%; border-bottom:1px solid #99CC99;}

#inner_menu li a{
	font-size:0.9em;
	padding:10px 0 10px 0;
}
#inner_menu li a:hover{
	border-bottom:5px solid #99CC99;
	padding:10px 0 5px 0;
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

/*--------------------news*/
.news {
	float:none;
	display:block;
	width:90%;
	margin:10% auto;
}
.to_guide {
	float:none;
	display:block;
	width:90%;
	margin:10% auto;
}
.news ul {
	max-height:20em !important;
}
/*--------------------Featured_Tour*/
.banner_list dl{
	width:48%;
}
.banner_list dl:nth-child(3n){
	margin-right:2.5%;
}

.banner_list dl:nth-child(2n){
	margin-right:0;
}
.banner_list dl dt img {
	width:100%;
}

.banner_list dl dd {
	font-size:0.9em;
	color:#666666;
	padding:2% 0;
}
.banner_top img{margin-bottom: 0;}
.banner_top .ban2{
    display: block;
    width: 100%;
    margin: auto;
}
.banner_top .ban2:nth-child(1){margin-right: 0;}
.banner_top .ban3{
    display: block;
    width: 100%;
    margin: auto;
}
.banner_top .ban3:nth-child(1),.banner_top .ban3:nth-child(2){margin-right: 0;}

}