@charset "utf-8";

.floating-banner {
    position: fixed; /* 追従 */
    z-index: 99999; /* 他の要素の下に隠れないように */
    bottom: 0px;/* バナーの上下の位置 */
   left:0px; /* バナーの左右の位置 */
}
.pc {
    width: 550px; /* バナーの横幅を指定 */

}

.sp {
    display: none; /* PCではスマホ用のバナーは非表示に */
}


.mainNextWrapper{
	height:calc(44vw);
	min-height:562px;
	/*画像以外はshare.cssに記述*/
	/*TOPは動画*/

}
.mainNextWrapper p{
	position:absolute;
	left:-200vw;
}
/*############################################*/
/*（3）ビデオ*/
/*############################################*/
.videoBox{
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	_background:#000;
}
video#bgvid {
	position: absolute;
	left: 0;
	top: 0;
	bottom:0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
	z-index: 0;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
/*--------------------------------------------------------------------------------*/
article.honbunWrapper{
	margin:0 0 0;
	padding:0px 0 0px;
}
.mainCopyWrapper{
	position:relative;
}
.mainCopyWrapper .titleBox{
}
.mainCopyWrapper .titleBox img{
	margin:-20px 0 0;
}
.mainCopyWrapper .titleBox div{
	line-height:1em;
	_font-weight:normal;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, sans-serif;
}
.mainCopyWrapper .titleBox p {
	margin:60px 0 67px;
}
.mainCopyWrapper .upperLine p::before {
    top: -45px;
    height: 30px;
}
/*------------------------------------------------*/
.contWrapper.c01{
	margin:70px auto 0;
}
.contWrapper.c01 .titleBox{
}
.contWrapper.c01 .inner{
	position:relative;
	width:977px;
	height:550px;
	margin:0 auto;
}
.contWrapper.c01 .pBox{
	width:500px;
	height:312px;
}
.contWrapper.c01 .pBox:nth-child(1){
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.contWrapper.c01 p{
	position:absolute;
	width:400px;
	top:00px;
	right:0;
	text-align:left;
	font-size: 20px;
}
.contWrapper.c01 .pBox:nth-child(3){
	position:absolute;
	top:186px;
	right:0;
}
.contWrapper.c01 .basicBtn{
	margin:0 auto;
}
/*------------------------------------------------*/
.contWrapper.c02{
	width:100%;
	margin:40px 0 0;
	padding: 55px 0 70px;
	background: url(../images/share/concept_bk.jpg);
	background-size: 100% 100%;
}
/**/
.contWrapper.c02 .titleBox{
	position:relative;
	width:1000px;
	margin:0 auto;
}
.contWrapper.c02 .titleBox .moreBtn{
	position:absolute;
	display:block;
	width:152px;
	top:0;
	right:0;
	padding:6px 0;
	text-align:center;
	color:#5a5a5a;
	font-family: 'Lato', 游ゴシック体, 'Yu Gothic', YuGothic, sans-serif;
	font-weight:normal;
	background:rgba(255,255,255,0.33);
	border:solid 1px #fff;
}
.contWrapper.c02 .titleBox .moreBtn::after{
	position:absolute;
	content:"";
	top:14px;
	right:10px;
	width: 10px;
	height: 10px;
	border: 2px solid;
	border-color: #999 #999 transparent transparent;
	transform: rotate(45deg);
}
/**/
.fairBox{
	width:1000px;
	margin:0 auto;
	padding:30px 0 0px;
}
.fairBox .innerBox{
	width:300px;
	text-align:left;
	background:#fff;
}
.fairBox .pBox{
	position:relative;
	width:100%;
	height:186px;
	overflow:hidden;
}
.fairBox .date{
	position:relative;
	width:90%;
	margin:0 auto;
	padding:10px 0 0 13px;
	color:#5a5a5a;
	font-family: 'Lato', 游ゴシック体, 'Yu Gothic', YuGothic, sans-serif;
}
.fairBox .date::before{
	position:absolute;
	content:"";
	top:-13px;
	left:0px;
	width:3px;
	height:46px;
	background:#ccc;
}
.fairBox .txt{
	width:90%;
	margin:0 auto;
	padding:8px 0 50px;
	color:#5a5a5a;
	line-height:1.5em;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, sans-serif;
}
/*------------------------------------------------*/
.contWrapper.c03{
	width:100%;
	_margin:70px 0 0;
	padding: 55px 0 0px;
}
.contWrapper.c03 .titleBox p {
    margin: 0px 0 67px;
}
.contWrapper.c03 .flex{
	width:1000px;
	margin:50px auto 40px;
}
.contWrapper.c03 .flex .pBox{
	width:500px;
	height:400px;
}
.contWrapper.c03 .basicBtn{
	margin:0 auto;
}
/*------------------------------------------------*/
.contWrapper.c04{
	padding: 100px 0 0;
}
.contWrapper.c04 .left,
.contWrapper.c05 .left{
	width:100%;
}
.contWrapper.c04 .left .pBox:nth-child(1),
.contWrapper.c05 .left .pBox:nth-child(1){
	width:100%;
	height:33vw;
}
.contWrapper.c04 .left .pBox:nth-child(2),
.contWrapper.c05 .left .pBox:nth-child(2){
	width:36%;
	height:33vw;
}
/**/
.contWrapper.c04 .right,
.contWrapper.c05 .right{
	width:100%;
}
.contWrapper.c04 .right .inner,
.contWrapper.c05 .right .inner{
	width:245px;
	margin:0 auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.contWrapper.c04 .right .inner .txt,
.contWrapper.c05 .right .inner .txt{
	margin:60px 0 0 0;
	padding:35px 0 35px 0;
	border-top:solid 1px #989898;
	text-align:left;
}
/*------------------------------------------------*/
.contWrapper.c05{
	padding: 120px 0 0;
}
.contWrapper.c05 .left{
	order:2;
}
.contWrapper.c05 .left .pBox:nth-child(1){
	order:2;
}
.contWrapper.c05 .left .pBox:nth-child(2){
	order:1;
}
/**/
.contWrapper.c05 .right{
	order:1;
}
.contWrapper.c05 .right .inner{
}
.contWrapper.c05 .right .inner .txt{
}
/*------------------------------------------------*/
.contWrapper.c06{
	width:100%;
	height:47vw;
	margin:120px 0 0;
	padding: 55px 0 0px;
	background:url(../images/top/cuisine.jpg);
	background-size:cover;
	color:#fff;
}
.contWrapper.c06 .basicBtn{
	margin:50px auto 0;
	background:rgba(255,255,255,0.15);
}
.contWrapper.c06 .txt{
	width:600px;
	margin:80px auto 0;
	color:#fff;
	font-size: 15px;
}
/*------------------------------------------------*/
.contWrapper.c07{
	padding: 55px 0 50px;
}
.contWrapper.c07 .basicBtn{
	display: block;
	margin:70px auto 30px;
	padding: 24px 0 6px;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color:#5a5a5a;
	border: solid 1px#e4e4e4;
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-image: url(../images/share/pict_insta_w.png);
	background-position: center 8px;
}
.contWrapper.c07 .inner{
	width:720px;
	margin:0 auto;
	flex-wrap:wrap;
}
.contWrapper.c07 .inner .pBox{
	width:233px;
	height:162px;
	margin-bottom:10px;
}
/*20200825*/
.basicBtn.corona{
	position:absolute;
	top:50px;
	right:60px;
	width:270px;
	height:auto;
	padding:25px 0;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0;
	line-height:1.2em;
}














/*responsive---------------------------------------------------------------------------------------*/
@media (max-width: 992px) {

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


	.mainNextWrapper{
		height:100vw;
		min-height:100vw;
		/*画像以外はshare.cssに記述*/
		/*TOPは動画*/
		_background-image:url(/ship/images/top/main.jpg);
	}
	.mainNextWrapper p{
	}
	/*############################################*/
	/*（3）ビデオ*/
	/*############################################*/
	.videoBox{
		width:100%;
		height:100%;
	}
	video#bgvid {
		position: absolute;
		left: 0;
		top: 0;
		bottom:0;
		min-width: 100%;
		min-height: auto;
		width:220vw;
		height: auto;
		margin:0 auto;
		z-index: 0;
		top: 50%;
		left:calc(50vw - 110vw)!important;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}

	/*20200825*/
	.basicBtn.corona{
		position:relative;
		top:0;
		left:0;
		right:0px;
		width:90%;
		height:auto;
		margin:36px auto 0;
		padding:20px 0;
		font-size:16px;
		font-weight:bold;
		text-align:center;
		letter-spacing:0;
		line-height:1.2em;
		background:rgba(255,255,255,0.5);
	}
	.basicBtn.corona span{
		width:100%;
	}

	/*--------------------------------------------------------------------------------*/
	article.honbunWrapper{
		margin:0 0 0;
		padding:0px 0 0px;
	}
	.mainCopyWrapper{
	}
	.mainCopyWrapper .titleBox{
	}
	.mainCopyWrapper .titleBox img{
		width:90%;
		height:auto;
	}
	.mainCopyWrapper .titleBox p {
	}
	.mainCopyWrapper .upperLine p::before {
	}
	.mainCopyWrapper .titleBox img{
		margin:-12px 0 0;
	}
	/*------------------------------------------------*/
	.contWrapper.c01{
		width:90%;
		min-width:90%;
		margin:0px auto 0;
	}
	.contWrapper.c01 .titleBox{
	}
	.contWrapper.c01 .inner{
		flex-direction:column;
		width:100%;
		height:auto;
	}
	.contWrapper.c01 .pBox{
		width:100%;
		height:56vw;
	}
	.contWrapper.c01 .pBox:nth-child(1){
		position:static;
		top:0;
		left:0;
	}
	.contWrapper.c01 p{
		position:static;
		width:100%;
		top:0px;
		right:0;
		text-align:center;
		line-height:2.5em;
		padding:50px 0;
	}
	.contWrapper.c01 .pBox:nth-child(3){
		position:static;
		top:0;
		right:0;
	}
	.contWrapper.c01 .basicBtn{
		width:100%;
		margin:30px 0 0;
	}
	.contWrapper.c01 .basicBtn span{
		width:100%;
	}
	/*------------------------------------------------*/
	.contWrapper.c02{
		width:100%;
		margin:70px 0 0;
		padding: 55px 0 70px;
	}
	/**/
	.contWrapper.c02 .titleBox{
		position:relative;
		width:100%;
		margin:0 auto 90px;
		padding:0 0 0 0;
	}
	.contWrapper.c02 .titleBox .moreBtn{
		top:auto;
		bottom:-90px;
		right:0;
		left:0;
		margin:0 auto;
	}
	.contWrapper.c02 .titleBox .moreBtn::after{
	}
	/**/
	.fairBox{
		display:block;
		width:80%;
	}
	.fairBox .innerBox{
		width:100%;
	}
	.fairBox .pBox{
		width:100%;
		height:56vw;
	}
	.fairBox .date{
	}
	.fairBox .date::before{
	}
	.fairBox .txt{
		padding:8px 0 70px;
	}
	.slick-prev::before, .slick-next::before {
		color:#333;
	}
	/*------------------------------------------------*/
	.contWrapper.c03{
		width:100%;
	}
	.contWrapper.c03 .titleBox p {
	}
	.contWrapper.c03 .flex{
		width:90%;
		margin: 50px auto 40px;
		flex-wrap:wrap;
	}
	.contWrapper.c03 .flex .pBox{
		width:100%;
		height:72vw;
	}
	.contWrapper.c03 .basicBtn{
		width:90%;
		margin:0 auto;
	}
	.contWrapper.c03 .basicBtn span{
		width:100%;
	}
	/*------------------------------------------------*/
	.contWrapper.c04{
		padding: 50px 0 0;
		flex-wrap:wrap;
	}
	.contWrapper.c04 .left,
	.contWrapper.c05 .left{
		width:100%;
	}
	.contWrapper.c04 .left .pBox:nth-child(1),
	.contWrapper.c05 .left .pBox:nth-child(1){
		width:100%;
		height:53vw;
	}
	.contWrapper.c04 .left .pBox:nth-child(2),
	.contWrapper.c05 .left .pBox:nth-child(2){
		width:37%;
		height:53vw;
	}
	/**/
	.contWrapper.c04 .right,
	.contWrapper.c05 .right{
		width:100%;
	}
	.contWrapper.c04 .right .inner,
	.contWrapper.c05 .right .inner{
		margin:50px auto 0;
		top: 0%;
		-webkit-transform: translateY(0%); /* Safari用 */
		transform: translateY(0%);
	}
	.contWrapper.c04 .right .inner .txt,
	.contWrapper.c05 .right .inner .txt{
	}
	/*------------------------------------------------*/
	.contWrapper.c05{
			flex-wrap:wrap;
		padding: 70px 0 0;
	}
	.contWrapper.c05 .left{
		order:1;
	}
	.contWrapper.c05 .left .pBox:nth-child(1){
		order:2;
	}
	.contWrapper.c05 .left .pBox:nth-child(2){
		order:1;
	}
	/**/
	.contWrapper.c05 .right{
		order:2;
	}
	.contWrapper.c05 .right .inner{
	}
	.contWrapper.c05 .right .inner .txt{
	}
	/*------------------------------------------------*/
	.contWrapper.c06{
		width:100vw;
		height:100hw;
		margin-top:80px;
		background-image:url(../images/top/cuisine.jpg);
	}
	.contWrapper.c06 .basicBtn{
		margin:30px auto 0;
	}
	.contWrapper.c06 .txt{
		width:100%;
		margin:60px auto 0;
	}
	/*------------------------------------------------*/
	.contWrapper.c07{
	}
	.contWrapper.c07 .basicBtn{
	}
	.contWrapper.c07 .inner{
		width:90%;
		margin:0 auto;
		flex-wrap:wrap;
	}
	.contWrapper.c07 .inner .pBox{
		width:33%;
		height:21vw;
		margin-bottom:0.5vw;
	}



} /* /@media */
@media only screen and (max-width: 374px) {
	/*iPhone5サイズ*/




} /* /@media */


/*　トップ流れるニュース*/
.scroll {
  margin: auto;
  width: 100%;
  color: #666666;
  overflow:hidden;
  background-color: #f5f5f5;
}
.news {
  font-size: 14px;
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
  line-height: 1em;
  animation: scrollAnime 36s linear infinite;
}
.news div {display: inline-block; margin-right: 10px;}
@keyframes scrollAnime{
    0% {transform: translateX(0)}
  100% {transform: translateX(-100%)}
}

/*　トップイベント情報横スクロール*/
ul.horizontal-list {
	width:100px;
	overflow-x: auto;
	white-space: nowrap;
		position:center;
}
li.item {
	display: inline-block;
	width:350px;
	height: 100%;
	margin: 10px;
	font-size: 15px;
	color: #fff;
	background-color: #f6f6f6;
}