<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ============================= ‹¤’Ê =============================  */

* { 
	padding: 0px;
	margin: 0px;
	border: none;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

li { list-style-type: none;}

p,li,ul,dl,dt,dd{
	margin:0;
	padding:0;
}
a { text-decoration:none; color: #333; overflow: hidden;}

a:hover {
	color:#F60;
}
.head{
	width: 100%;
	height: auto;
}
article{
	max-width:1024px;
	margin:0 auto;
}
.mainImg{
	width: 100%;
	height: auto;
}
.mainImg img{
	width: 100%;
	height: auto;
}
/*ƒƒCƒ“ƒrƒWƒ…ƒAƒ‹•ƒŠ[ƒh•¶*/
.leadText{
	padding: 20px 0 10px;
}
.leadImg{
	width:35%;
	float:left;
}
.leadTextInner{
	float:right;
	width:65%;
	padding:0 10px;
}
.leadTextInner h2{
	color:#3a3e99;
	font-size:1.7em;
	margin-bottom:5px;
	font-family: "Noto Sans Japanese";
}
.leadTextInner p{
	line-height:1.5em;
	font-size:1.1em;
}

#pageNav {
	margin:0 0 8px;
}
#pageNav ul li{
	float:left;
}
#pageNav ul {
	 display: table;
	  table-layout: fixed;
	  text-align: center;
	  width: 100%;
}
#pageNav ul li{
	display: table-cell;
	float:none;
    vertical-align: middle;
	padding:10px 0;
	text-align:center;
	font-size:1.2em;
	border-right: 1px solid #3a3e99;
}
#pageNav ul li a{
	color: #3a3e99!important;
}
#pageNav ul li:hover{
	background:#fff;
}
#pageNav ul li i{
	margin-left:5px;
}
#pageNav ul li:last-child{
	border-right:none;
}
@media only screen and (max-width: 767px){
#mainContents {
    padding: 1%!important;
}
#pageNav ul li a{
	font-size:0.9em;
}
.leadText {
    padding: 0px 0 10px;
}
.leadImg{
	width:80%;
	margin:0 auto;
	float:none;
}
.leadImg img{
	width:100%;
}
.leadTextInner{
	float:none;
	width:96%;
	padding:2%;
}
.leadTextInner h2{
	font-size:1.2em;
}

.leadTextInner p{
	line-height:1.2em;
	font-size:1.0em;
}
}

/*Œ©o‚µ*/
.mainIslandCont h2{
	text-align: center;
	color:#3a3e99;
	border-bottom:none;
	font-size: 1.7em;
	padding:22px 0;
	width:80%;
	margin:0 auto;
	font-family: "Noto Sans Japanese"; 
	border-top:3px solid #3a3e99;
	border-bottom:3px solid #3a3e99;
	position:relative;
	font-family: YuGothic, ŸàƒSƒVƒbƒN, sans-serif, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ƒƒCƒŠƒI, Meiryo, verdana, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.mainIslandCont h2 svg{
	margin: 0 10px;
}

.mainIslandCont h2:before,.mainIslandCont h2:after{
	content:'';
	position:absolute;
	width:100%;
	border-top:1px solid #3a3e99!important;
	left:0;
}

.mainIslandCont h2:before{
	top:6px;
}
.mainIslandCont h2:after{
	bottom:6px;
}

@media only screen and (max-width: 767px){

.mainIslandCont h2{
	margin-top:20px;
	margin-bottom:8px;
	padding:13px 0;
	text-align:center;
	font-size:1.3em;
	clear:both;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ŸàƒSƒVƒbƒN  Medium', meiryo, sans-serif;
}
}
/*“ú•tŒŸõ*/
#year1,#month1,#day1{
	font-size:18px;
}
.searchBox{
	margin: 10px auto 20px;
    width: 98%;
    clear: both;
    border: 1px solid #666;
    background: #fff;
}
.tourTtl{
	font-size: 1.4em;
    color: #fff;
    padding: 5px 8px;
    font-weight: bold;
    background: #666;
}
.tourTtl i{
	margin-right:3px;
}
.tourTtl span.eng:after{
	content:"??";
	padding:0 2px;
	font-size:0.8em;
	font-weight:normal;
}
.searchBoxInner {
	padding:8px;
}
.searchBox img.ui-datepicker-trigger {
    width: 25px;
    height: auto;
    vertical-align: bottom;
}
.searchBox p.searchBtn{float:right; width:150px;margin:0 auto;}
.searchBox p.searchBtn button{width:100%;background-color:#f90 ;border:none;padding:1px 0; color:#FFFFFF;cursor:pointer;border-radius:5px;margin:0 auto;font-size: 1.6em;
font-weight: bold;}
.searchBox p.searchBtn button i{margin-right:5px;}
.searchBox p.searchBtn button:hover{background-color:#CCC;}
.searchBox select,.searchBox input{padding:3px;max-width: 200px;}
.searchBox #useDay01{margin:2px auto;display:inline;}
.searchBox input{padding: 5px;border: 1px solid #eee;}
.searchBox input.year1{width:100px;}
.searchBox span{float:left;margin-right:5px;}
.searchBox img{vertical-align:middle;cursor:pointer;width:29px;height:29px;}
.searchBox img:hover{opacity:0.8;}
#ndSearch {
	background-color:#fff;
}
blockquote:after{
    content: "h";
    font-size:300%;
    line-height: 0em;
    font-family: 'Times New Roman' ,"‚l‚r ‚oƒSƒVƒbƒN" ,sans-serif;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.tourBoxN{
	margin-bottom:30px;
}

/*ƒcƒA[*/
.tourGroup{
	background: #fff;
	padding: 3%;
}
h3.tourCategoryTtl{
	border: none !important;
	background:#3a3e99;
	color:#fff !important;
	text-align: center;
	border: none !important;
	padding: 4% !important;
	font-size: 1.75em !important;
	width: 100%;
	margin: 20px auto 0;
}
.tourCont{
	margin: 15px auto;
	padding: 8px 0;
	border-bottom: 1px dotted #666;
}
.tourCont:first-of-type {
	margin:0  auto 15px;
	padding: 0 0 8px;
}
.tourCont:last-of-type {
    border-bottom: none;
}
.tourCont h3.tourTitle,.tourCont h4{
	border-left:6px solid #02285c!important;
	border-bottom:none!important;
	font-size:1.3em!important;
	color:#02285c!important;
	padding:2px 0 2px 8px !important;
	margin-bottom:16px;
	background:none!important;
	border-top: none!important;
}
.tourCont .tourContInner .planImg{
	width:42%;
	float:left;
	margin-right:8px;
}
.tourBoxN .tourCont .tourContInner .planImg{
	width:40%;
}
.tourCont .tourContInner .planImg img{
	width:100%;
	height: 225px;
	object-fit:cover;
}
.tourCont .tourContInner .planDetail,.tourCont .tourContInner .tourDetail{
	font-size:1.1em;
	line-height:1.3em;
}
.tourCont .tourContInner .tourDetail table{
	width: 100%;
}
.tourCont .tourContInner .tourDetail th{
	display: block;
	float: left;
	width: 120px;
	text-align: center;
	padding: 0.4em;
	color:white;
	background:#c2c7d8;
	    margin:0 8px 3px 0;
	    clear: left;
	    border-radius: 2px;
	    display: -moz-inline-stack;
	    display: inline-block;
	    vertical-align: middle;
	    *vertical-align: auto;
	    zoom: 1;
	    *display: inline;
	    border: none;
}
.tourCont .tourContInner .tourDetail td{
	height: 32px;
	vertical-align: middle;
	line-height: 1.5em;
	border: none;
}
.tourDetail2{
	width: 100%;
    /* padding: 20px 0px; */
    height: 50px;
}
@media only screen and (min-width: 768px){

.tourCont .tourContInner .tourDetail{
	float:left;
	width:57%;
	margin-bottom: 10px;
}
}
.tourCont .tourContInner .planDetail dl{
	margin-bottom:8px;
	padding-bottom:5px;
	border-bottom: 1px dotted #666;
}
.tourCont .tourContInner .planDetail dt {
	float:left;
}
.tourCont .tourContInner .tourDetail dt {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:5px;
	margin-top:5px;
	border-left:6px solid #3a3e99;
	color:#3a3e99;
	padding:5px 0px 5px 8px;
	line-height:1.3em;
}
.tourCont .tourContInner .tourDetail dd {
	margin-bottom:6px;
}
.tourCont .tourContInner .tourDetail dd.tourIcon span{
	padding:3px;
	background:#666;
	color:#fff;
	margin-right:3px;
	font-size:0.9em;
	line-height: 3.0em;
}
.tourCont .tourContInner .planDetail dt span,.tourCont .tourContInner .tourPrice{
	color:#3a3e99;
	font-weight:bold;
	font-size:1.6em;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
}
.tourCont .tourContInner .tourPrice{
	width: 40%;
	line-height: 1.2em;
}
.tourCont .tourContInner .tourPrice span{
	font-weight:normal;
	color:#666;
	font-size:0.7em;
}

.tourCont .tourContInner  .tourLink{
	width: 59%;
/*	margin: 8px auto;*/
	float: right;
	line-height: 28px;
}
.tourCont .tourContInner .planDetail a,.tourCont .tourContInner .tourLink a{
	background: #f90;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 8px 5px;
    display: block;
    /* font-weight: bold; */
    font-size: 1.4em;
    border: #f90 2px solid;
}
.tourCont .tourContInner .tourLink a svg{
	margin-left: 5px;

}
.tourCont .tourContInner a i{
	margin-left:5px;
}
.tourCont .tourContInner a:hover{
	background:#fff;
	border:#f90 2px solid;
	color:#f90;
}
@media only screen and (max-width: 767px){
.tourCont .tourContInner .tourDetail th {
    margin-bottom: 2px;
}
.tourCont .tourContInner .planDetail,.tourCont .tourContInner .tourDetail{
	font-size:0.9em;
	line-height:1.0em;
}
.tourCont .tourContInner .tourDetail td {
    margin-bottom: 2px;
    height: auto;
    text-align: left;
}
.tourCont .tourContInner .tourPrice {
    width: 100%;
    line-height: 1.2em;
    text-align: center;
    margin: 8px 0;
}
.tourCont .tourContInner .tourLink {
    width: 100%;
    /* margin: 8px auto; */
    float: right;
    line-height: 28px;
}
.tourCont{
	margin:8px auto;
	padding:8px;
}
h3.tourCategoryTtl{
	border: none !important;
	color: #fff !important;
	text-align: center;
	border: none !important;
	padding: 10px 1% !important;
	font-size: 1.24em !important;
	width: 98%;
	margin: 0 auto;
}
.tourCont h3.tourTitle,.tourCont h4{
	border-bottom:none!important;
	font-size:1em!important;
	padding:5px 0px 5px 8px!important;
	background:none!important;
	border-top:none!important;
}
.tourCont .tourContInner p.planImg{
	float:none!important;
	width:80%;
	margin:5px auto;
}
.tourCont .tourContInner .planImg img{
	width:100%;
	height:auto;
}
.tourBoxN .tourCont .tourContInner p.planImg{
	float:left!important;
	width:100%;
	margin: 5px 5px 5px 0;
}
.tourBoxN .tourCont .tourContInner .planImg img{
	width:100%;
	height:180px;
}
.tourCont .tourContInner .planDetail{
	font-size:1em;
	line-height:1.3em;
}
.tourCont .tourContInner .planDetail dl{
	margin-bottom:8px;
	padding-bottom:5px;
	border-bottom: 1px dotted #666;
}
.tourCont .tourContInner .planDetail dt {
	/*float:left;*/
}
.tourCont .tourContInner .planDetail dt span,.tourCont .tourContInner .tourDetail dd.tourPrice{
	color:#F00;
	font-weight:bold;
	font-size:1.6em;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}
.tourCont .tourContInner .tourDetail dd:first-child{
/*	height:180px;*/
	padding:5px;
}
.tourCont .tourContInner .tourDetail dd {
	margin-bottom:6px;
	font-size:0.9em;
	line-height:1.1em;
}
.tourCont .tourContInner .tourDetail dd.tourIcon span{
	padding:3px;
	background:#666;
	color:#fff;
	margin-right:3px;
	
}
.tourCont .tourContInner .tourDetail dd.tourIcon,.tourCont .tourContInner .tourDetail dd.tourPrice {
	text-align:center;
}
.tourCont .tourContInner.tourPrice span{
	font-weight:normal;
	color:#666;
	font-size:0.7em;
}

.tourCont .tourContInner .planDetail .tourLink{
	/*width:40%;*/
	margin:8px auto;
	/*float:right;*/
}
.tourCont .tourContInner a{
	background:#f90;
	border-radius:5px;
	color:#fff;
	text-align:center;
	padding:8px 5px;
	display:block;
	font-weight:bold;
	font-size:1.1em;
	border:#f90 2px solid;
	text-decoration:none;
}
.tourCont .tourContInner a:link,.tourCont .tourContInner a:visited{
	color:#fff!important;
}
.tourCont .tourContInner .planDetail a i,.tourCont .tourContInner .tourDetail a i{
	margin-left:5px;
}
.tourCont .tourContInner .planDetail a:hover{
	background:#fff;
	border:#f90 2px solid;
	color:#f90;
}
}

.cb10{
	clear: both;
	height: 10px;
	width: 100%;
}
.cb20{
	clear: both;
	height: 20px;
	width: 100%;
}

.imgcenter{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  
body {
	font-family: Verdana,Meiryo, "ƒƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Arial,   Helvetica, sans-serif;
	color: #333333;
	padding: 0px;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 130%;
	margin-right: auto;
	margin-left: auto;
}

#mainContents{ 
	margin-bottom:5px;
	padding-bottom:8px;
	
	background:#d1ebed;
}

#mainContents a:hover img{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.waku{
	border: 1px solid #ccc;
	margin-bottom:5px;
	padding:5px;
}
.sub_ttl{
	font-weight:bold;
	color:#d0a575;
	font-size:105%;
	margin-bottom:3px;
	margin-left:20px;
}

.sns table td{
	border:none!important;
}
#h_area{
	margin-left:10px;
	background:#FFF;
	width:499px;
	padding:0 20px 20px 20px;

}

/*-------ƒƒCƒ“-------*/
#mainContents{
	padding:12px 30px;
	margin-bottom:8px;
}
#mainContents .mainContentsInner{
	background:#FFF;
	width:542px;
	margin:0px auto 20px;
	padding-top:5px;
}
#mainContents h3.title{
	font-weight:bold;
	font-size:17px;
	padding:5px;
	margin:3px 0px 0px 6px;
	border-bottom:none;
	clear:both;
}

#mainContents .planBox{
	padding:5px;
	margin-bottom:8px;
	width:520px;
	margin:8px auto;
	border:#CCC 1px solid;
}
#mainContents .planBox p{
	width:210px;
	height:154px;
	float:left;
}
#mainContents .planBox dl{
	float:left;
	width:305px;
	margin-left:5px;
}
#mainContents .planBox dl dt{
	font-weight:bold;
	margin-bottom:3px;
}
#mainContents .planBox dl dt a{
	font-size:15px;
}
#mainContents .planBox dl dd{
	margin-bottom:3px;
	line-height:1.3em;
}
#mainContents .planBox dl dd span{
	color:#F00;
	font-weight:bold;
}
#mainContents .planBox dl dd.set{
	padding:3px;
	border:#F00 1px solid;
}
#mainContents .planBox dl dd.price{
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#F00;
	float:left;
}
#mainContents .planBox dl dd.btn a{
	float:right;
	display:block;
	width:151px;
	height:38px;
	background:url(../../img/topics/template/yoyakubtn.png);
}
#mainContents .planBox dl dd.btn a:hover{
	background-position:0px -38px;
}

/*ƒIƒŒƒ“ƒW*/
#mainContents h3.title{
	color:#F60;
	border-left:#F90 7px solid;
}

.reserveBtn {
    width: 80%;
    margin: 15px auto;
    clear: both;
}
.reserveBtn a {
    display: block;
    background: #f90;
    color: #fff !important;
    border-radius: 5px;
    text-align: center;
    padding: 12px 0;
    font-size: 1.2em;
    font-weight: bold;
}

.info_boat{
	padding:8px;
}
/*FAQ*/
#question h3,.otherArea h3,.info_boat h3{
	border-left: 5px solid #d1ebed;
	padding:8px 0 8px 12px;
	border-bottom: 1px dashed #d1ebed;
	margin:15px 8px;
	font-family: "Noto Sans Japanese";
	font-size:1.5em;
	color: #333333;
	background: none;
}
#question .questionInner{
	margin-top:5px;
}

#question dl dt,
#question dl dd{
	padding:5px;
	line-height: 1.4em
}
#question dl dt,.info_boat h4{
	background:#999999;
	color:#FFFFFF;
	padding: 5px;
	font-weight:bold;
}
/*そのほかのエリア*/

.otherArea {
    margin: 8px 0 15px;
}
.otherArea .otherTtl,h2.ttl_c{
	font-family: "Sawarabi Mincho";
    color: #034510;
    font-size: 1.5em;
    font-weight: normal;
    margin: 15px 5px 10px 5px;
    position: relative;
    background:url(http://www.tabione.com/img/topics/xmas_cruise/icon_ttl_leaf.png) no-repeat left;
    padding: 5px 0px 5px 40px;
}
.otherArea .otherTtl:after,h2.ttl_c:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 5px;
    background: -webkit-repeating-linear-gradient(-45deg, #034510, #034510 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(-45deg, #034510, #034510 2px, #fff 2px, #fff 4px);
}
.otherArea li{
	float: left;
    width: 46.6%;
    margin: 0 10px;
    margin-bottom: 5px;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    background: #BFB4B2;
    border-radius: 5px;
}
.otherArea li:nth-child(3n){
	margin-right:0px;
}
.otherArea li img{
	width:100%;
	height:200px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	object-fit: cover;
	object-position: center top;
}
.otherArea li:hover{
	opacity:0.8;
}
.otherArea li .areaName{
	font-family: 'Century Gothic', cursive;
	font-size:2.6em;
	color:#fff;
	top: 46%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	position:absolute;
	-webkit-text-shadow: 0px 0px 8px #333;
  	-moz-text-shadow: 0px 0px 8px #333;
  	text-shadow: 0px 0px 8px #333;
}
.otherArea li .areaTtl{
	font-size:1.1em;
	padding: 12px 0;
    font-weight: bold;
}
@media only screen and (max-width: 767px){
.otherArea li{
    width: 44%;

}
.otherArea li img{
	width:100%;
	height:100px;
	border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
}
.crumb-list{
	max-width:1024px;
	margin:0 auto;
}</pre></body></html>