@charset "UTF-8";
/* CSS Document */


#header .headarea .headbox .head_contents {
	/*padding-top: 30px;*/
}
#header .headarea .headbox .head_navi li:nth-last-child(-n+2) a {
	background: none;
	padding: 0;
}


/*コンテンツ*/
#optional{
	width:1000px;
	margin:0 auto;
}
#optional h1{
	color:#1b1c94;
	font-size:24px;
	width:1000px;
	line-height:170%;
	border-bottom:1px solid #1b1c94;
}
#optional h1 span {
	font-size: 18px;
}
#optional h2{
	color:#fff;
	font-size:18px;
	text-align:center;
	line-height:45px;
	box-sizing: border-box;
}
#optional .title-h2-01{ line-height:150%;}
.title-box01{
	width:1000px;
	background-color:#1b1c94;
	margin-top:20px;
	padding:5px 0;
}
.title-box{
	width:1000px;
	background-color:#1b1c94;
	margin-top:20px;
}
.title-b{
	font-size:14px;
}
.contents-box{
	width:950px;
	border:1px solid #1b1c94;
	background-color:#eef9fd;
	padding:24px;
}
.c-box01{ float:left;}
.c-box02{ float:left;margin-left: 23px;}
.c-box02 img{ width:263px;}
.c-box01 p{ font-size:14px;}
.c-box03{ float:left;}

table{
	margin-top:20px;
	border-color: #1b1c94; 
}
td{
	width:173px;
	height:52px;
	text-align:center;
	font-size:14px;
 }
.tr-back{ background-color:#0eb3ed; color:#fff;width: 80px;}


.fixed-bottom {
  position: fixed;
  bottom:0px;
  width:100%;
  background-color:#3f46eb;
  height:105px;
}
.btm-bar-box{
	width:1015px;
	margin:0 auto;
}
.btm-bar-box1{ float:left;margin-left:11px;}
.btm-bar-box2{ float:left;}
.btm-bar-box3{ float:left;}


.mainimg{
	margin-top: 20px;
}


.tour-schedule {
	width: 100%;
	border: solid 1px #1b1c94;
	border-collapse: collapse;
}
.tour-schedule th,
.tour-schedule td {
	padding: 20px 10px;
	font-size: 1.4em;
}
.tour-schedule th {
	padding: 10px;
	background: #0eb3ed;
	border: solid 1px #1b1c94;
	color: #fff;
	font-weight: bold;
}
.tour-schedule td {
	width: auto;
	border-right: solid 1px #1b1c94;
	border-bottom: solid 1px #1b1c94;
	color: #222;
	line-height: 1.4em;
	text-align: left;
}
.tour-schedule td:last-child{
	border-right: none;
}
.tour-schedule td p{
	margin: 0;
}

.tour-schedule th.date,
.tour-schedule td.date {
	width: auto !important;
	text-align: center;
}
.tour-schedule th.stay,
.tour-schedule td.stay,
.tour-schedule th.meal,
.tour-schedule td.meal {
	text-align: center;
}



.text-lead {
	margin-bottom: 1.6em;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.6;
}
.outline-list{
	margin-top: 1.5em;
}

.outline-list li{
	margin-bottom: .3em;
	padding-left: 1em;
	font-size: 1.6em;
	text-indent: -1em;
	line-height: 1.6;
}

.tour-info{
	margin-top: 0;
	border-collapse: collapse;
}
.tour-info th,
.tour-info td{
	padding-bottom: .5em;
	width: auto;
	height: auto;
	border: none;
	font-size: 1.4em;
	text-align: left;
	vertical-align: top;
}
.tour-info th{
	text-align: right;
	white-space: nowrap;
}

.tour-price{
	margin-top: 0;
	border-collapse: collapse;
	border: solid #1b1c94;
	border-width: 1px 0 0 1px;
}
.tour-price th,
.tour-price td{
	padding: .8em;
	width: auto;
	height: auto;
	border: solid #1b1c94;
	border-width: 0 1px 1px 0;
	font-size: 1.4em;
	text-align: center;
	vertical-align: top;
}
.tour-price th{
	text-align:center;
}
.tour-price-notes{
	margin-top: .3em;
	text-align: right;
}

.tour-cancel{
	font-size: 1.4em;
}
.tour-cancel table{
	margin: .4em 0 0 0;
	border-collapse: collapse;
	border: solid #1b1c94;
	border-width: 1px 0 0 1px;
}
.tour-cancel table,
.tour-cancel table th,
.tour-cancel table td{
	width: auto;
	height: auto;
	font-weight: normal;
	text-align: left;
	line-height: 1.5;
}
.tour-cancel table th,
.tour-cancel table td{
	padding: .6em;
	border: solid #1b1c94;
	border-width: 0 1px 1px 0;
}
.tour-cancel table th{
	padding-right: 1em;
}
.tour-cancel .tour-cancel-caption{
	margin:0;
	font-weight: bold;
}
.tour-notes{
	margin: 50px 0 0 0;
	font-size: 1.5em;
}
.tour-notes li{
	margin-top: .4em;
}

.tour-info-date{
	margin-top: 4em;
	font-size: 1.4em;
	text-align: right;
}

#bottom-bar{background-color:#3f46eb;
            margin-top:40px;
			height:105px;
			}
#bottom-bar img{ margin-top:13px;}
#top-bar{ display:none;}
/*コンテンツここまで*/



#footer {
	padding: 5px 0;
	margin-top:20px;
}












.pagePath {
	margin-top: 30px !important;
}
.pagePath a{
	cursor: pointer;
}
.pagePath strong {
	font-weight: normal;
}

.c-box01 {
	width: 630px;
}

.c-box02 {
	float: right;
	width: 263px;
	margin: 0 34px 0 0;
}

.sp {
	display: none !important;
}

#gnavi {
	display: none !important;
}


/*クルーズ追加*/
#main .date {
    width: 100%;
    border: solid 1px #1b1c94;
    border-collapse: collapse;
}

#main .date tr th{
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	background: #0eb3ed;
	padding: 10px;
	 white-space: nowrap;
	 border: solid 1px #1b1c94;
}

#main .date tr td{
	font-size: 1.4em;
	line-height: 1.4em;
	color: #222;
	padding: 10px;
	border-right: solid 1px #1b1c94;
	border-bottom: solid 1px #1b1c94;
	width: auto;
}

#main .date tr td:nth-child(1),
#main .date tr td:nth-child(2),
#main .date tr td:nth-child(3),
#main .date tr td:nth-child(5){
	text-align: center;
}

#main .date tr td:last-child{
	border-right: none;
}

#main .date tr td > p{
	margin-bottom: 0;
}

#main .date tr td .stay{
	background: #ef702a;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	float: right;
	border-radius: 5px;
}

#main .date tr td .plan{
	background: #0eb3ed;
	color: #fff;
	padding: 2px 5px;
	
	float: left;
	border-radius: 5px;
    height: 20px;
    margin: 10px 0 -10px!important;
}
#main .date tr td .plan:after
{clear: both;}
#main .date tr td .blue{
	color: #1b1c94;
	font-size: 1.1em;
}

#main .date tr td .red{
	color: #cd2121;
	font-size: 1.1em;
}

#main .date tr td .green{
	color: #005c00;
	font-size: 1.1em;
}

#main .caption{
	margin-top: 20px;
	font-size: 1.4em;
	line-height: 2rem;
}



table#c_table{border-collapse:collapse;}
#c_table tr{ border-top: 1px solid #000;}
#c_table tr:last-child{ border-bottom: 1px solid #000;}
#c_table td:first-child{width:60px;}
#c_table tr td:nth-child(2) {text-align: left;padding-left:20px;}


table.sp_t{border-collapse:collapse;margin-top:0;}
.sp_t tr{ border-top: 1px solid #000;}
.sp_t tr:last-child{ border-bottom: 1px solid #000;}
.sp_t td:first-child{width:60px;}
.sp_t tr td:nth-child(2) {text-align: left;padding-left:20px;}

.price_table{border-spacing: 0px;border-collapse: collapse;}
.price_table td,th{/*border:1px solid #ccc;*/border-collapse: collapse;}
.td-none1{border-top:none;
border-left: none;
border-bottom: none;}
.td-none2{border-top:none;
border-left: none;}
.th-w{width:100px;}
.th-a{background-color:#FD9594 }
.th-b{background-color:#FFEA01 }
.th-c{background-color:#94E469 }
.th-d{background-color:#B3B5FF }
.th-a span,.th-b span,.th-c span,.th-d span{color:#333; }
.td-upr{background-color:#0EB3ED;color:#fff; }
.td-middle{background-color:#3F46EC;color:#fff;  }
.td-main{background-color:#35A10F;color:#fff;  }
.td-lowr{background-color: #05ABA1;color:#fff; }

.td-swt{background-color:#D92528;color:#fff; }
.td-qd{background-color:#E87B1C;color:#fff; }
.td-twin{background-color:#0094DA;color:#fff; }
.td-sgl{background-color:#897AB1;color:#fff; }


.cap {
    float: right;
    width: 20%;
    text-align: center;
    margin: 0 auto;
}
.cap img {
    text-align: center;
    margin: 0 auto;
}
.cap p{font-size:0.9em;margin:5px auto;}
.cap span{font-size:0.9em}
/*スケジュールカレンダー*/
.date_table{width: 46%;float: left;height:460px;    margin: 0 20px 20px;}
.date_wrapper{margin: 0 auto;text-align: center}

h3{color: #1b1c94;font-size: 2em;margin-bottom:20px;}




.detail #content .inquiry table{
	width: 860px !important;
}
#content {
	padding: 0;
}
#content .inquiry .contact{
	float: none;
	width: auto;
}
#content .inquiry .contact span.btn{
	width: auto;
}


.taikenndann {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 41px;
    margin-bottom: 40px;
    background: #eef9fd;
    padding-left: 30px;
    padding-right: 30px;
	font-size: 14px;
	line-height: 160%;
border-left: solid 5px #0eb3ed;
}



	 .taikenimg {
	float: right;
    margin: 18px;
   }







@media all and (min-width: 0) and (max-width: 767px) {
	
	

	

	.yuri_photo .demi {
		max-width: 48%;
		margin-top:10px;
	}

	.yuri_photo .demi:nth-child(4), 
	.yuri_photo .demi:nth-child(6) {
	    margin-left: 0px !important;
	}

	.yuri_photo .demi:nth-child(4) {
	    margin-right: 10px !important;
	}

	.max_table1709 {
		max-width: 100%;
	}

	.max_table1709 td {
		width: auto;
		font-size: 9px;
	}
	.max_table1709 .rooming {
		width: 12%;
	}

	.sp {
		display: block !important;
	}
	
	.pc {
		display: none !important;
	}
	
	a:hover img, a:active img {
		opacity: 1;
	}
	
	img {max-width:100%;width:auto;height:auto;display:block;}
	
	body {
		font-size: 64.5%;
	}
	
	#wrap {
		top: 0px !important;
	}
	
	.fixed-bottom {
		position: static;
	}
	
	#header {position:relative;z-index:1;width:100%;background:#fff;height: 65px;}
	#header .headarea {width:100%;margin:0;}
	#header .headarea .logo {width:220px;position:absolute;top:12px;left:3%;}
	
	#mainimg {margin-bottom:20px; position: relative; background:none; padding-top:0; height:auto;}
	#mainimg .headline {background:#1b1c94;padding:15px;color:#fff;text-align:center;}
	#mainimg .headline h2 {font-weight:bold;font-size:2em;color:#fff;margin-bottom:.5em;}
	#mainimg .headline p {font-size:1.2em;line-height:1.4;margin:0;}
	#contents .area {width: 100%;margin:0 auto;}
	#mainimg .main_p h3{background: #1b1c94; text-align: center; color: #fff; font-size:1.4em; padding: 5px 0;}
	#mainimg .main_p02 h3{background: #1b1c94; text-align: center; color: #fff; font-size:1.4em; padding: 0 0 5px;}
	
	#optional {
		box-sizing: border-box;
		margin: 0 auto;
		padding: 0 10px;
		width: 100%;
	}
	#optional h1 {
		color: #1b1c94;
		font-size: 18px;
		text-align: center;
		width: auto;
		border: none;
		line-height: inherit;
	}
	#optional h1 span {
		font-size: 14px !important;
	}
	
	.title-box {
		background-color: #1b1c94;
		margin-top: 20px;
		padding: 5px 0;
		width: 100%;
	}
	
	#optional h2 {
		color: #fff;
		font-size: 14px;
		line-height: 170%;
		text-align: center;
		box-sizing: border-box;
	}
	
	.contents-box {
		background: none;
		border: none;
		padding: 0;
		width: auto;
	}
	
	.c-box01,
	.c-box02 {
		float: none;
		width: auto;
		margin: 0;
	}
	
	#optional .c-box02 img {
		width: 100%;
		height: auto;
	}
	
	#optional .c-box02 p {
		margin: 0;
	}
	
	.c-box01 p {
		font-size: 13px;
	}
	
	.tableBox {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.tableBox table {
		margin: 0;
		width: 100%;
		border: none;
		/*min-width: 400px;*/
	}
	
	.spMore {
		margin: 10px 0 0;
	}
	
	.spMore img {
		width: 100%;
	}
	
	#content p {margin-bottom:1em;padding:0;font-size:1.3em;line-height:1.5;margin-top: 0;}
	
	.dw-back{ 
		margin-top: 7px;
		width:100%;
		background-color:#3f46eb;
		padding:10px 10px;
		box-sizing: border-box;
	}
	.dw-box1{ float:left; margin-left: 3px; width: 100%;}
	
	.dw-back .dw-box1 img{ width:100%;margin: 0 auto;}
	
	.taikenndan{
		max-width: 95%;
	}

	
	/*スケジュールカレンダー*/
	#content {background: #fff;padding: 0;}
	#content li {font-size:1.3em;}
	#content .area {padding: 5% 3%;width: 94%;background:#fff;}
	
	#content .recommend {margin-bottom:10px;}
	#content .recommend h1 {margin-bottom:20px;}
	#content .recommend .banner {float: none;width: 100%;}
	#content .recommend .banner li {width: 47%;display: inline-block; vertical-align:top;margin: 0 1% 1em 1%;font-size: 1.1em;line-height: 1.4;}
	#content .recommend .banner li:nth-child(even) {margin-right:0;}
	#content .recommend .banner li img {box-shadow:0 0 5px #fff, 0 0 5px #aaa;-webkit-box-shadow:0 0 5px #fff, 0 0 5px #aaa;-moz-box-shadow:0 0 5px #fff, 0 0 5px #aaa;margin-bottom:.5em;}
	
	#content .report {margin-bottom: 2em;}
	#content .report li {position:relative;display:block;background:#fff;line-height:40px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border:1px solid #ccc;margin-bottom:1em;text-align:left;}
	#content .report li a {font-size:1.1em;color:#333;font-weight:bold;display:block;width:90%;padding: 0 5%;}
	#content .report li a span {background:url(../../images/icon02.png) no-repeat left center;padding-left:20px;}
	#content .report li {background: #f3f3f3}
	#content .report li a {background:url(../../images/icon03.png) no-repeat 95% center;}
	#content .report li a span {background:none;padding:0;}
	#content .report li ul{display: none;position: absolute;top:50px;width: 100%;border:1px solid #3f46eb;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background:#fff;}
	#content .report li ul li {border-radius: 0px;-webkit-border-radius:0px;-moz-border-radius: 0px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;margin:0;display:block;border:none;border-bottom:1px solid #3f46eb;line-height:1.4;background:none;}
	#content .report li ul li:last-child {border-bottom:none;}
	#content .report li ul li a {background:none;font-size: .7em;font-weight: normal;padding: 1em 6%;background:url(../../images/icon01.png) no-repeat 3% center;}
	#content .report li ul li a:hover {color:#1b1c94;font-weight:bold;}
	
	#content .prepare {border-bottom:1px dotted #1b1c94;    margin-bottom: 5%;padding-bottom: 5%;}
	#content .prepare h1 {margin-bottom:1em;}
	#content .prepare li {width: 46%;display:inline-block; vertical-align:top;margin:.5em 0;padding-left:10px;background:url(../../images/icon01.png) no-repeat left center;}
	
	#content .bazaar {width: 100%; margin:2em auto 1em;}
	#content .bazaar img {box-shadow:0 0 5px #fff, 0 0 5px #aaa;-webkit-box-shadow:0 0 5px #fff, 0 0 5px #aaa;-moz-box-shadow:0 0 5px #fff, 0 0 5px #aaa;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
	
	#content .inquiry {background:#f3f3f3;padding: 0;margin-top: 0;}
	#content .inquiry h1 {font-size:1.8em;background: #1e1fb2;color: #fff;padding: .8em;margin-bottom:1em;}
	#content .inquiry h2 {font-size:1.7em;margin-bottom: .5em;}
	#content .inquiry .tel { width: 270px; margin: 0 auto 10px;}
	#content .inquiry .tel img {width: 40px; float: left;margin: 0 10px 0 0;}
	#content .inquiry .tel .tel-txt {font-size: 1.4em; font-weight: bold;}
	#content .inquiry .tel .tel-txt-mini {font-size: .6em;font-weight: normal;}
	#content .inquiry .tel:after {content: ""; display: block; height: 0; clear: both;}
	#content .inquiry .box {padding:0 3% 5%;}
	#content .inquiry .company {width:100%;float:none;}
	#content .inquiry .company .comp-name{margin-bottom: 10px;}
	#content .inquiry .company .comp-name > *{float:none;}
	#content .inquiry .company .comp-name > h2{color:#000;text-align:left;}
	#content .inquiry .company .comp-name .mini{margin:0;}
	#content .inquiry .contact {width:100%;float:none;}
	#content .inquiry .contact .sub {margin-top: 5%;text-align: center;}
	#content .inquiry .contact span{ display: inline; }
	#content .inquiry .contact span.btn{ margin:0;border:none;background:transparent; }
	#content .inquiry .contact span.btn a {width: 48.2%;display:inline-block; vertical-align:top;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border:1px solid #ccc;background:#fff;margin-right:1%;}
	#content .inquiry .contact span.btn:last-child a {margin-right:0;}
	#content .inquiry .contact span.btn img {height:30px;width:auto;margin:0 auto;padding:6% 0;}

	#footer {padding:5% 0; margin: 0;}
	#footer .footnavi {text-align:center;padding:0 5%;line-height:2;}
	#footer .footnavi li {display:inline-block; vertical-align:middle;font-size:1.2em;}
	#footer .footnavi li:after {content:" | ";}
	#footer .copyright {background:#1b1c94;color:#fff;text-align:center;line-height:4;margin-top: 2em;}
	
	#pagetop {position:fixed;right:3%;bottom:3%;}
	#pagetop img {max-width:50px;}
	
	.menuarea {padding-bottom:5%;background:#f3f3f3;}
	.nav {font-size:1.3em;}
	.nav .navilist {width:100%;}
	.nav .navilist li a {background:#3f46eb;color:#fff;text-align:center;line-height:3;display:block;margin:0;}
	.nav .navilist li ul {margin: 0 5%;}
	.nav .navilist li li {background:url(../images/sp/icon01.png) no-repeat left 6px;padding-left:10px;}
	.nav .navilist li li a {background:none;color:#333d99;text-align:left;line-height: inherit;display:block;margin:5px 0 0;}
	.nav .navilist li li a:hover {color:#5762c4;}
	.nav .navilist li ul ul {margin: 10px 1em;}
	
	#header .headarea .logo { z-index: 99; }
	
	.mean-container .mean-bar {float: none;width: 100%;position: absolute;background: none;padding:0;min-height: 50px;z-index: 98;top: 10px;right:0;}
	.mean-container .mean-nav {float: left;width: 100%;background: #1b1c94;margin-top: 55px;}
	.mean-container a.meanmenu-reveal {background: url(../images/sp/btn_menu.png) no-repeat center;background-size:50px;margin-right: 3%;}
	.mean-container a.meanmenu-reveal.meanclose {background: url(../images/sp/btn_close.png) no-repeat center;background-size:50px;}
	.mean-container .mean-nav ul li {}
	.mean-container .mean-nav ul li:last-child {border-bottom:none;}
	.mean-container .mean-nav ul li li {background: #3f46eb;border-bottom: 1px solid #1b1c94;}
	.mean-container .mean-nav ul li a {font-size:1.4em;padding: 12px 20px;border-bottom: 1px solid #3f46eb;border-top: none;}
	.mean-container .mean-nav ul li a.mean-expand {margin-top: 0; width: 26px;height: auto;background: rgba(0,0,0,1);border: none !important;padding: 12px 10px !important;}
	.mean-container .mean-nav ul li li a {font-size:1.3em;border:none;background:url(../images/sp/icon04.png) no-repeat 7% center;padding-left: 10%;opacity:1;}
	.mean-container .mean-nav ul li a.mean-expand , .mean-container .mean-nav ul li a.mean-expand:hover {background: none;}
	.mean-container .mean-nav ul li li li {border-top: 1px solid #1b1c94;border-bottom:none;}
	.mean-container .mean-nav ul li li li a {width: 55%;background: url(../images/sp/icon04.png) no-repeat 12% center;padding-left: 15%;}
	
	
	.title-box01 {
		width: 100%;
	}
	
	#optional .title-h2-01 {
		line-height: 170%;
	}
	
	.tableBox td {
		border-color: #3f46eb;
		height: auto;
		text-align: left;
		padding: 5px;
	}
	
	.tableBox td.tr-back {
		width: 29%;
	}
	
	.taikenndann {
    border-left: solid 3px #0eb3ed;
    max-width: 82%;
    margin-left: auto;
    margin-right: auto;

}

/*追加*/