/* --------------------------------------------------
	セクション0 TOP
-------------------------------------------------- */
#section0 {
	width: 100%;
	margin: 0 0 0;
	padding: 0;
}

.inner0 {
	margin: 0 auto 0;
	padding: 0;
	width: 100%;
	height: auto;
	}

.mainimage {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

.mainimage img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}



.maintext {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10%;
	color: #fff;
}

.maintext p {
	font-size: 37px;
	line-height: 1.4;
	margin: 0 0 10px;
	padding: 0;
	color: #fff;
	text-shadow: 5px 5px 5px #000;
}

.maintext h1 {
	font-size: 45px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	color: #fff;
	text-shadow: 5px 5px 5px #000;
	position: relative;
}

.mainimage .maintext a {
	
}

.mainimage .maintext a img {
	width: 55px;
	height: 51px;
	vertical-align: middle;
	margin-left: 5px;
}

.mainimage .maintext a:hover img {
	width: 87px;
	height: 82px;
	vertical-align: middle;
}

/* --------------------------------------------------
	インナー
-------------------------------------------------- */
.inner582 {
	position: relative;
	margin: 0 auto 0;
	padding: 0 5% 0;
	width: 90%;
	max-width: 582px;
	height: auto;
	}

.inner800 {
	position: relative;
	margin: 0 auto 0;
	padding: 0 5% 0;
	width: 90%;
	max-width: 800px;
	height: auto;
	}

.inner1000 {
	position: relative;
	margin: 0 auto 0;
	padding: 0 5% 0;
	width: 90%;
	max-width: 1000px;
	height: auto;
	}

.inner-top {
	position: relative;
	margin: 0 auto 0;
	padding: 50px 5% 40px;
	width: 90%;
	max-width: 800px;
	height: auto;
	}

.inner-top p {
	text-align: center;
	font-size: 18px;
	}

.sub-menu {
	width: 100%;
	height: auto;
}

.sub-menu ul {
	width: 100%;
	height: auto;
	font-size: 0;
}

.sub-menu ul li {
	display: inline-block;
	margin: 0 2.5% 0 0;
	text-align: center;
	width: 18%;
	height: 20px;
	padding: 0;
	list-style: none;
	}

.sub-menu ul li:last-child {
	margin: 0 0 0 0;
	}

.sub-menu ul li a {
	color: #111;
	margin: 0;
	padding: 0;
	display: block;
	text-shadow: none;
	font-size: 0;
	}

.sub-menu ul li a img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.sub-menu ul li.one {
    background: url("image/tour-navi01_on.jpg") no-repeat;
	background-size: cover;
	height: auto;
}

.sub-menu ul li.two {
    background: url("image/tour-navi02_on.jpg") no-repeat;
	background-size: cover;
	height: auto;
}

.sub-menu ul li.three {
    background: url("image/tour-navi03_on.jpg") no-repeat;
	background-size: cover;
	height: auto;
}

.sub-menu ul li.four {
    background: url("image/tour-navi04_on.jpg") no-repeat;
	background-size: cover;
	height: auto;
}

.sub-menu ul li.five {
    background: url("image/tour-navi05_on.jpg") no-repeat;
	background-size: cover;
	height: auto;
}

.sub-menu ul li a {
    display: inline-block;
}
 
.sub-menu ul li a:hover {
	background-color: transparent;
}
 
.sub-menu ul li a:hover img {
    visibility: hidden;
}

/* --------------------------------------------------
	ニュース
-------------------------------------------------- */
#section-news {
	clear: both;
	width: 100%;
	background-color: #0071b2;
	margin: 0;
	padding: 0;
	background-image:  url("image/back-kaze.png");
	background-position: top left;
	background-repeat: repeat;
	animation: kazeLoop 30s linear infinite;
	}

@keyframes kazeLoop {
    0% { background-position: 0 0;}
  100% { background-position: -2000px 494px;}
}

#section-news .inner {
	position: relative;
	margin: 0 auto 0;
	padding: 50px 0;
	width: 90%;
	max-width: 600px;
	height: auto;
	}

ul.news {
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	padding: 0;
}

ul.news li {
	padding: 0 0 17px 25px;
	color: #fff;
	line-height: 1.6;
	background-image: url("image/mark-wave.png");
	background-position: left top 2px;
	background-repeat: no-repeat;
	background-size: 19px 13px;
}

ul.news li a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.title-news {
	font-size: 24px;
	color: #fff;
	text-align: center;
}

/* --------------------------------------------------
	TOPコンテンツ
-------------------------------------------------- */
.bnr {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.bnr-image {
	width: 100%;
	height: auto;
	margin: 0;
	overflow: hidden;
}

.bnr-image img {
	width: 100%;
	height: auto;
}

.bnr div.bnr-text p {
	text-align: left;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	color: #fff;
}

.bnr div.bnr-text {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 60px 40px 10px;
	color: #fff;
	width: 100%;
	height: 100%;
	background: rgba(0,113,178,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, transform 0.6s;
}

.bnr:hover div.bnr-text {
	color: #fff;
	opacity: 1;
}

div.bnr-text more-btn:hover {
	border: 1px solid #fff;
}

.more-btn {
position: absolute;
bottom: 40px;
 border: none; 
	right: 40px;
	background-color: #fff;
	padding: 0 20px;
}

.more-btn .btn-text {
 	color: #b7272d;
	font-size: 12px;
}

.box-bnr {
	margin: 0;
	padding: 0;
}

.box-bnr h3 {
	font-size: 18px;
	text-align: center;
	margin: 0 0 15px;
}

.bnr-left {
	float: left;
	width: 47%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

.bnr-right {
	float: right;
	width: 47%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
.bnr-left img,.bnr-right img {
	margin: 0 auto 0;
	width: 100%;
	height: auto;
	vertical-align: middle;
	}

.bnr {
	margin: 0 0 30px;
}

/* --------------------------------------------------
	TOPバナー
-------------------------------------------------- */
.bnr-all {
	margin: 0 auto 30px;
	width: 100%;
}

.bnr-normal a img {
	max-width:1000px;
}

.bnr-normal a:hover {
	opacity:0.5!important;
}

.bnr-nyukai,.bnr-shoplist,.bnr-foilevent,.bnr-foileventfb,.bnr-partner,.bnr-wc2022,.bnr-normal {
	margin: 0 auto 50px;
}

.bnr-nyukai {
    background: url("image/bnr-nyukai_on.png") no-repeat;
	background-size: cover;
	height: auto;
}

.bnr-shoplist {
    background: url("image/bnr-shoplist_on.png") no-repeat;
	background-size: cover;
	height: auto;
}

.bnr-foilevent {
    background: url("https://jw-a.org/wp-content/uploads/2021/06/allfoil-bnr.png") no-repeat;
	background-size: cover;
	height: auto;	
}

.bnr-wmpress{
	 background: url("https://jw-a.org/wp-content/uploads/2023/05/watermanspress_banner_pc2.svg") no-repeat;
	background-size: cover;
	height: auto;
}

.bnr-partner{
	 background: url("https://jw-a.org/wp-content/uploads/2025/09/partner-bnrs2025.png") no-repeat;
	background-size: contain!important;
	height: auto;
	vertical-align:center;
}

.bnr-foilevent{
	 background: url("https://jw-a.org/wp-content/uploads/2022/11/20922wc_pc.jpg") no-repeat;
	background-size: cover;
	height: auto;
}

.bnr-maui{
	 background: url("https://jw-a.org/wp-content/uploads/2023/09/maui-bnr-pc2.png") no-repeat;
	background-size: cover;
	height: auto;
}

.bnr-nyukai a,.bnr-shoplist a,.bnr-foilevent a,.bnr-wmpress a,.bnr-partner a,.bnr-wc2022 a.bnr-maui a {
    display: inline-block;
}
 
/*
.bnr-nyukai a:hover,.bnr-shoplist a:hover,.bnr-foilevent a:hover,.bnr-wmpress a:hover,.bnr-partner a:hover,.bnr-wc2022 a:hover,.bnr-maui a:hover {
	background-color: transparent;
}
*/
 
.bnr-nyukai a img,.bnr-shoplist a img,.bnr-foilevent a img,.bnr-wmpress a img,.bnr-partner a img,.bnr-wc2022 a img,.bnr-maui a img,.bnr-normal a img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.bnr-nyukai a:hover img,.bnr-shoplist a:hover img,.bnr-foilevent a:hover img,.bnr-wmpress a:hover img,.bnr-partner a:hover img,.bnr-wc2022 a:hover img,.bnr-maui a:hover img {
    visibility: hidden;
}

/* --------------------------------------------------
	ムービー
-------------------------------------------------- */
#section-movie {
	width: 100%;
	margin: 0 auto 50px;
	padding: 50px 0 30px;
	background-color: #fff;
	}

.fukidashi {
  position: relative;
  background: #73bdc4;
  padding: 15px 30px;
}

.fukidashi p {
  text-align: center;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.2;
}

.fukidashi:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -15px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #73bdc4 transparent transparent transparent;
  border-width: 15px 15px 0 15px;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	margin-top:  30px;
	margin-bottom:  0px;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.image-section-top {
	margin: 0 auto 30px;
	height: auto;
	background-position: top;
	background-size: cover;
	width: 100%;
	padding: 50px 0;
}

.image-section-top .image-text {
	margin: 0 auto;
	padding: 30px 0 5px;
	max-width: 582px;
	width: 90%;
	height: auto;
	color: #fff;
	background-color: rgb(255,255,255,0.5);
	text-align: center;
}

.image-section-top .image-text h2 {
	color: #0071b2;
	font-size: 26px;
	line-height: 1.4;
}

.image-section-top .image-text p {
	color: #333;
	font-size: 24px;
	line-height: 1.4;
}


/* --------------------------------------------------
	スマホ　カルーセル
-------------------------------------------------- */

.sp-contents {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.sp-contents h3 {
	text-align: center;
	font-size: 15px;
}

.multiple {
	margin:  0 auto 40px;
	padding: 0;
	width: 100%;
	max-width: 900px;
	}

.multiple img { width: 100%;text-align: center;}
.multiple div { margin: 0 auto;}
.multiple .slick-next { right: -20px;　z-index: 100;}
.multiple .slick-prev { left: -20px; z-index: 100;}

.sp-bnr {
	position: relative;
	border: 1px solid #555;
	background-color: #fff;
}

.sp-bnr div.sp-bnr-text p {
	text-align: left;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	color: #333;
}

.sp-bnr div.sp-bnr-text {
	margin: 0;
	padding: 10px 15px;
}

.sp-link {
position: absolute;
bottom: 10px;
border: none; 
right: 10px;
padding: 0;
	width: 45px;
	height: 35px;
}

.sp-link img {
 	width: 45px;
	height: 35px;
}