@charset"utf-8";
@import "common.css";

/* header
-------------------------------------------------- */
header{
	position: relative;
}
/* tel-area */
header div.tel-area div.block{
	color: #1A1A1A;
}
header div.tel-area div.block p.tel a{
	color: #1A1A1A;
}
/* logo-area */
header div.logo-area a{
	background: url(../img/common/new_logo.svg) no-repeat;
}
/* nav */
header div.nav-area nav.nav-wrap div.nav-screen ul.reserve li a{
	background: #1A1A1A;
	color: #fff;
	border: 1px solid #1A1A1A;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.reserve li a:hover{
	background: #fff;
	color: #1A1A1A;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li a{
	color: #1A1A1A;
}
@media print, screen and (max-width: 960px) {
	/* nav */
	header div.nav-area nav.nav-wrap div.nav-screen ul.reserve li a{
		background: #fff;
		color: #1A1A1A;
		border: 1px solid #fff;
	}
	header div.nav-area nav.nav-wrap div.nav-screen ul.reserve li a:hover{
		background: #1A1A1A;
		color: #fff;
	}
	header div.nav-area nav.nav-wrap div.nav-screen ul.nav li a{
		color: #fff;
	}
	header div.nav-area span.nav_line{
		background: #1A1A1A;
	}
}

/* contentVisualSec
-------------------------------------------------- */
section.contentVisualSec{
	width: 100%;
	height: 60rem;
	position: relative;
}
section.contentVisualSec::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60rem;
	background: rgba(0, 0, 0, 0.2)!important;
}
section.contentVisualSec div.inner{
	max-width: 1200px;
	height: 60rem;
	margin: 0 auto;
	position: relative;
}
/* souvenir */
section.contentVisualSec.snorkel{
	background: url(../img/snorkel/visual_snorkel.jpg) center top / cover no-repeat;
}
/* mozuku */
section.contentVisualSec.mozuku{
	background: url(../img/mozuku/visual_mozuku.jpg) center center / cover no-repeat;
}
/* flow */
section.contentVisualSec.flow{
	background: url(../img/flow/visual_flow.jpg) center center / cover no-repeat;
}
/* shop */
section.contentVisualSec.shop{
	background: url(../img/shop/visual_shop.jpg) center center / cover no-repeat;
}
/* souvenir */
section.contentVisualSec.souvenir{
	background: url(../img/souvenir/visual_souvenir.jpg) center center / cover no-repeat;
}
/* faq */
section.contentVisualSec.faq{
	background: url(../img/faq/visual_faq.jpg) center center / cover no-repeat;
}
/* inquiry */
section.contentVisualSec.inquiry{
	background: url(../img/inquiry/visual_inquiry.jpg) center center / cover no-repeat;
}
/* tour-booking */
section.contentVisualSec.tour-booking{
	background: url(../img/tour-booking/visual_tour-booking.jpg) center top / cover no-repeat;
}
/* online-shopping */
section.contentVisualSec.online-shopping{
	background: url(../img/online-shopping/visual_online-shopping.jpg) center center / cover no-repeat;
}
/* news */
section.contentVisualSec.news{
	background: url(../img/news/visual_news.jpg) center center / cover no-repeat;
}
/* privacy */
section.contentVisualSec.privacy{
	background: url(../img/privacy/visual_privacy.jpg) center center / cover no-repeat;
}
/* corona */
section.contentVisualSec.corona{
	background: url(../img/corona/visual_corona.jpg) center center / cover no-repeat;
}
@media print, screen and (max-width: 767px) {
	section.contentVisualSec{
		height: 45rem;
	}
	section.contentVisualSec::after {
		height: 45rem;
	}
	section.contentVisualSec div.inner{
		height: 45rem;
	}
}

/* img-area
-------------------------------------------------- */
div.img-area img{
	width: 100%;
	height: auto;
}

/* titleSec
-------------------------------------------------- */
div.titleSec{
	position: absolute;
	top: 47%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 1;
}

/* txt-block
-------------------------------------------------- */
div.txt-block{
	margin-bottom: 7rem;
}
@media print, screen and (max-width: 767px) {
	div.txt-block{
		margin-bottom: 5rem;
	}
}

/* "h"tag
-------------------------------------------------- */
h2.h2-ttl{
	position: relative;
	color: #fff;
	font-size: 3.2rem;
	font-weight: normal;
	line-height: 1.3;
}
h3.h3-ttl{
	font-size: 2.6rem;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 5rem;
}
h3.h3-ttl.snorkel{
	color: #005FAA;	
}
h3.h3-ttl.mozuku{
	color: #E96656;	
}
h3.h3-ttl.souvenir{
	color: #B79A5E;	
}
h4.h4-ttl{
	font-size: 2.2rem;
	margin-bottom: 3rem;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
}
h6.h6-ttl{
	font-size: 1.8rem;
	margin-bottom: 2rem;
	line-height: 1.2;
	font-weight: bold;
}
@media print, screen and (max-width: 767px) {
	h2.h2-ttl{
		font-size: 2.6rem;
	}
	h3.h3-ttl{
		font-size: 2.2rem;
		margin-bottom: 3rem;
	}	
	h4.h4-ttl{
		font-size: 1.8rem;
	}
	h6.h6-ttl{
		font-size: 1.6rem;
		margin-bottom: 2rem;
	}
}

/* breadcrumbSec
-------------------------------------------------- */
section.breadcrumbSec div.breadcrumb{
	padding: 3rem 0 0;
}
section.breadcrumbSec div.content div.breadcrumb ul li{
	display: inline-block;
}
section.breadcrumbSec div.content div.breadcrumb ul li::after{
	content: '>';
	padding: 0 1.5rem;
}
section.breadcrumbSec div.content div.breadcrumb ul li:last-child::after{
	display: none;
}
section.breadcrumbSec div.content div.breadcrumb ul li a{
	color: #001929;
	text-decoration: underline;
}
section.breadcrumbSec div.content div.breadcrumb ul li a:hover{
	opacity: 0.4;
	transition: 0.6s;
}
@media print, screen and (max-width: 767px) {
	section.breadcrumbSec div.content div.breadcrumb{
		padding: 2.5rem 0 0;
	}
	section.breadcrumbSec div.content div.breadcrumb ul li{
		font-size: 1.3rem;
		line-height: 1.6;
	}
	section.breadcrumbSec div.content div.breadcrumb ul li::after{
		padding: 0 1.0rem;
	}
}

/* snorkelSec
-------------------------------------------------- */
/* "h"tag */
h4.h4-ttl-snorkel{
	font-size: 2.6rem;
	margin-bottom: 3.5rem;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #3AB0E2;
}
h4.h4-ttl-snorkel::before{
    content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 0.5rem;
	background-repeat: no-repeat;
	margin-top: -0.5rem;
}
h4.h4-ttl-snorkel.s02::before{
    
}
h4.h4-ttl-snorkel.s01::before {
    background-image: url(../img/snorkel/scuba.svg);
}
h4.h4-ttl-snorkel.s02::before {
    background-image: url(../img/snorkel/megaphone.png);
}
h4.h4-ttl-snorkel.s03::before {
    background-image: url(../img/snorkel/snorkel.svg);
}
h4.h4-ttl-snorkel.s04::before {
    background-image: url(../img/snorkel/placeholder.svg);
}
h4.h4-ttl-tour{
	font-size: 2.2rem;
	margin-bottom: 3rem;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #3AB0E2;
}
h5.h5-ttl-snorkel{
	font-size: 2.2rem;
	margin-bottom: 3rem;
	line-height: 1.2;
	font-weight: bold;
	color: #156CA3;
}
section.snorkelSec{
	margin: 7rem 0 0;
}
section.snorkelSec div.snorkel01{
	margin-bottom: 7rem;
}
section.snorkelSec div.snorkel02 div.tab_content div.wrap{
	padding: 5rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
section.snorkelSec div.snorkel02 div.tab_content div.wrap div.text-area{
	width: 48.5%;	
}
section.snorkelSec div.snorkel02 div.tab_content div.wrap div.text-area table{
	line-height: 1.4;
}
section.snorkelSec div.snorkel02 div.tab_content div.wrap div.text-area table th{
	color: #156CA3;
	text-align: left;
	padding-bottom: 1.5rem;
	width: 10rem;
}
section.snorkelSec div.snorkel02 div.tab_content div.wrap div.text-area table td{
	padding-bottom: 1.5rem;
}
section.snorkelSec div.snorkel02 div.tab_content div.wrap div.text-area table tr.period th,
section.snorkelSec div.snorkel02 div.tab_content div.wrap div.text-area table tr.period td{
	padding-bottom: 0;
}
section.snorkelSec div.snorkel02 div.block{
	margin-bottom: 3rem;
}
section.snorkelSec div.snorkel02 div.block.btm{
	margin-bottom: 0;
}
section.snorkelSec div.snorkel02 div.tab_content div.wrap div.img-area{
	width: 48.5%;
}
section.snorkelSec div.snorkel02 div.wrap div.img-area div.slide{
	width: 100%;
	margin: 0 auto 2rem;
}
section.snorkelSec div.snorkel02 div.wrap div.img-area div.slide img{
	width: 100%;
	height: auto;
}
/* tab area */
label.tab_item {
	width: 32.5%;
	color: #005FAA;
    background: #DDF0F8;
    text-align: center;
    cursor: pointer;
    padding: 0.7rem 0;
	line-height: 1.4;
	font-size: 1.5rem;
	text-align: center;
	display: block;
	float: left;
	font-weight: bold;
}
label.tab_item.t01,
label.tab_item.t02{
	margin-right: 1.25%;
}
label.tab_item:hover {
	background: #005FAA;
    color: #fff;
    transition: 0.6s;
}
input[name="tab_item"] {
	display: none;
}
div.tab_content {
	display: none;
	clear: both;
	overflow: hidden;
}
#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content {
	display: block;
}
.tabs input:checked + .tab_item {
	background: #005FAA;
    color: #fff;
}
/* slick */
div.slider-arrow.slider-prev.fa.fa-chevron-left.slick-arrow {
	position: absolute;
	color: #fff;
	z-index: 8;
	font-size: 2.6rem;
	top: 49%;
	left: 2.5%;
	transform: translateY(-47%);
	text-shadow: 1px 1px 1px rgba(30,30,30,1);
	-webkit-text-shadow: 1px 1px 1px rgba(30,30,30,1);
}
div.slider-arrow.slider-next.fa.fa-chevron-right.slick-arrow {
	position: absolute;
	color: #fff;
	z-index: 8;
	font-size: 2.6rem;
	top: 49%;
	right: 2.5%;
	transform: translateY(-47%);
	text-shadow: 1px 1px 1px rgba(30,30,30,1);
	-webkit-text-shadow: 1px 1px 1px rgba(30,30,30,1);
}
div.slider-arrow.slider-prev.fa.fa-chevron-left.slick-arrow:hover,
div.slider-arrow.slider-next.fa.fa-chevron-right.slick-arrow:hover {
	cursor: pointer;
	opacity: 0.4;
	transition: 0.6s;
}
.slick-dots{
    bottom: 0.75rem!important;
}
.slick-dots li button:before{
	font-size: 1.8rem!important;
	color: #fff!important;
}
section.snorkelSec div.snorkel03{
	margin-top: 7rem;
}
section.snorkelSec div.snorkel03 div.block{
	margin-bottom: 3rem;
}
section.snorkelSec div.snorkel03 div.block:last-child{
	margin-bottom: 0;
}
section.snorkelSec div.snorkel04{
	margin: 7rem 0 5rem;
}
section.snorkelSec div.snorkel04 div.content div.wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
section.snorkelSec div.snorkel04 div.content div.wrap div.gmap{
	width: 47%;
}
section.snorkelSec div.snorkel04 div.content div.wrap div.gmap iframe{
	width: 100%;
	height: 60rem;
}
section.snorkelSec div.snorkel04 div.content div.wrap div.imgarea img{
	width: 100%;
	height: auto;
}
section.snorkelSec div.snorkel04 div.content div.wrap div.text-area{
	width: 50%;
}
section.snorkelSec div.snorkel04 div.content div.wrap div.text-area div.block h4{
	font-size: 2.0rem;
	margin-bottom: 1rem;
	text-align: left;
}
section.snorkelSec div.snorkel04 div.content div.wrap div.text-area div.block{
	margin-bottom: 2.5rem;
}
section.snorkelSec div.snorkel04 div.content div.wrap div.text-area div.block div.img-area{
	width: 84%;
}
section.snorkelSec div.snorkel04 div.content div.wrap div.text-area div.block:last-child{
	margin-bottom: 0;
}
section.snorkelSec div.snorkel05{
	margin-top: 10rem;
}
section.snorkelSec div.snorkel05 div.wrap{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #B5B5B5;
	margin-bottom: 5rem;
}
section.snorkelSec div.snorkel05 div.wrap div.img-area{
	width: 62%;
	font-size: 0;
}
section.snorkelSec div.snorkel05 div.wrap div.img-area img{
	width: 100%;
	height: auto;
}
section.snorkelSec div.snorkel05 div.wrap div.text-area{
	width: 35%;
	padding: 0 0 0 3%;
}
section.snorkelSec div.snorkel05 div.wrap div.text-area p.p-txt{
	margin-bottom: 3rem;
}
section.snorkelSec div.snorkel05 div.wrap div.text-area div.button-area {
    width: 16rem;
    margin: 0 auto;
}
section.snorkelSec div.snorkel05 div.wrap div.text-area a.button {
    width: 16rem;
}
@media print, screen and (max-width: 767px) {
	/* "h"tag */
	h4.h4-ttl-snorkel{
		font-size: 2.2rem;
		margin-bottom: 3rem;
	}
	h4.h4-ttl-snorkel::before{
		width: 30px;
		height: 30px;
	}
	h4.h4-ttl-tour{
		font-size: 2.0rem;
		margin-bottom: 2rem;
	}
	h5.h5-ttl-snorkel{
		font-size: 2.0rem;
		margin-bottom: 3rem;
	}
	h6.h6-ttl.news{
		font-size: 1.6rem;
		margin-top: 3rem;
		margin-bottom: 2rem;
	}
	section.snorkelSec{
		margin: 7rem 0 0;
	}
	section.snorkelSec div.snorkel01{
		margin-bottom: 5rem;
	}
	section.snorkelSec div.snorkel02{
		margin-bottom: 5rem;
	}
	section.snorkelSec div.snorkel02 div.tab_content div.wrap{
		display: block;
		padding: 3rem 0;
	}
	section.snorkelSec div.snorkel02 div.tab_content div.wrap div.text-area{
		width: 100%;
		margin-bottom: 3rem;
	}
	section.snorkelSec div.snorkel02 div.tab_content div.wrap div.img-area{
		width: 100%;
	}
	section.snorkelSec div.snorkel02 div.tab_content div.wrap div.text-area table{
		width: 100%;
		margin-bottom: 1rem;
	}
	section.snorkelSec div.snorkel02 div.tab_content div.wrap div.text-area table th{
		display: block;
		padding-bottom: 0.5rem;
	}
	section.snorkelSec div.snorkel02 div.tab_content div.wrap div.text-area table td{
		display: block;
		padding-bottom: 2rem;
	}
	section.snorkelSec div.snorkel02 div.tab_content div.wrap div.text-area table tr.period td{
		padding-bottom: 0;
	}
	section.snorkelSec div.snorkel03{
		margin-top: 5rem;
	}
	section.snorkelSec div.snorkel04{
		margin-bottom: 5rem;
	}
	section.snorkelSec div.snorkel04{
		margin: 5rem 0 5rem;
	}
	section.snorkelSec div.snorkel04 div.content div.wrap{
		display: block;
	}
	section.snorkelSec div.snorkel04 div.content div.wrap div.gmap{
		width: 100%;
		margin-bottom: 3rem;
	}
	section.snorkelSec div.snorkel04 div.content div.wrap div.gmap iframe{
		width: 100%;
		height: 45rem;
	}
	section.snorkelSec div.snorkel04 div.content div.wrap div.imgarea img{
		width: 100%;
		height: auto;
	}
	section.snorkelSec div.snorkel04 div.content div.wrap div.text-area{
		width: 100%;
	}
	section.snorkelSec div.snorkel04 div.content div.wrap div.text-area div.block div.img-area{
		width: 100%;
	}
	section.snorkelSec div.snorkel04 div.content div.wrap div.text-area div.block h4{
		font-size: 1.8rem;
		margin-bottom: 0.5rem;
		text-align: left;
	}
	section.snorkelSec div.snorkel05{
		margin-top: 7rem;
	}
	section.snorkelSec div.snorkel05 div.wrap{
		display: block;
	}
	section.snorkelSec div.snorkel05 div.wrap div.img-area{
		width: 100%;
		font-size: 0;
	}
	section.snorkelSec div.snorkel05 div.wrap div.text-area{
		width: 100%;
		padding: 3rem 2rem;
	}
}
@media print, screen and (max-width: 560px) {
	/* tab area */
	label.tab_item {
		width: 100%;
	}
	label.tab_item.t01,
	label.tab_item.t02{
		margin-right: 0;
		margin-bottom: 1rem;
	}	
}

/* flowSec
-------------------------------------------------- */
/* "h"tag */
h4.h4-ttl-flow{
	font-size: 2.4rem;
	margin-bottom: 3rem;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	color: #005FAA;
}
section.flowSec{
	margin: 7rem 0 0;
}
section.flowSec div.wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 5rem 3rem;
}
section.flowSec div.wrap.w01{
	padding: 0 3rem 5rem;
}
section.flowSec div.block:nth-child(odd){
    background: rgba(221, 240, 248, 0.5)!important;
}
section.flowSec div.block:nth-child(odd) div.wrap{
	-webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
section.flowSec div.wrap div.text-area{
	width: 48.5%;
}
section.flowSec div.wrap div.img-area{
	width: 48.5%;
}
section.flowSec div.button-area{
	margin: 7rem auto 0;
}
@media print, screen and (max-width: 767px) {
	/* "h"tag */
	h4.h4-ttl-flow{
		font-size: 2.0rem;
		margin-bottom: 2rem;
	}
	section.flowSec{
		margin: 7rem 0 0;
	}
	section.flowSec div.wrap{
		display: block;
		padding: 0;
	}
	section.flowSec div.block:nth-child(odd){
		padding: 3rem 0;
		margin: 3rem 0;
	}
	section.flowSec div.wrap div.text-area{
		width: 100%;
	}
	section.flowSec div.wrap div.img-area{
		width: 100%;
		margin-bottom: 2rem;
	}
	section.flowSec div.button-area{
		margin: 5rem auto 0;
	}
}

/* shopSec
-------------------------------------------------- */
/* "h"tag */
h4.h4-ttl-shop{
	font-size: 2.4rem;
	margin-bottom: 3rem;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #E96656;
}
h4.h4-ttl-etc{
	font-size: 2.0rem;
	margin-bottom: 1rem;
	line-height: 1.4;
	font-weight: bold;
}
section.shopSec{
	margin: 7rem 0 0;
}
section.shopSec div.shop01{
	background: rgba(255, 242, 242, 0.7);
}
section.shopSec div.shop01 div.wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
	padding: 5rem 0;
}
section.shopSec div.shop01 div.wrap div.img-area{
	width: 47%;
}
section.shopSec div.shop01 div.wrap div.text-area{
	width: 47%;
}
section.shopSec div.shop02{
	margin: 7rem 0 0;
}
section.shopSec div.shop02 div.menulist{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
section.shopSec div.shop02 div.menulist div.box{
	width: 31%;
	margin-bottom: 3rem;
}
section.shopSec div.shop02 div.menulist div.box.blank{
	margin-bottom: inherit;
}
section.shopSec div.shop02 div.menulist div.box div.img-area{
	margin-bottom: 1rem;
}
section.shopSec div.shop02 div.menulist div.box div.img-area img{
  width: 100%;
  height: auto;
}
section.shopSec div.shop02 div.menulist div.box dl dt.title{
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 0.5rem;
	text-align: center;
}
section.shopSec div.shop02 div.menulist div.box dl dd.price{
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.4;
}
section.shopSec div.shop03{
	margin: 4rem 0 0;
}
section.shopSec div.shop03 div.wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
section.shopSec div.shop03 div.wrap div.img-area{
	width: 47%;
}
section.shopSec div.shop03 div.wrap div.text-area{
	width: 50%;
}
section.shopSec div.shop03 div.wrap div.text-area div.block{
	margin-bottom: 2rem;
}
section.shopSec div.shop03 div.wrap div.text-area div.block:last-child{
	margin-bottom: 0;
}
section.shopSec div.shop03 div.wrap div.text-area div.block ul li{
	list-style-type: disc;
	margin-left: 2.1rem;
}
section.shopSec div.shop04{
	margin: 7rem 0 0;
}
section.shopSec div.shop04 div.content div.wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
section.shopSec div.shop04 div.content div.wrap div.gmap{
	width: 47%;
}
section.shopSec div.shop04 div.content div.wrap div.gmap iframe{
	width: 100%;
	height: 45rem;
}
section.shopSec div.shop04 div.content div.wrap div.imgarea img{
	width: 100%;
	height: auto;
}
section.shopSec div.shop04 div.content div.wrap div.text-area{
	width: 50%;
}
section.shopSec div.shop04 div.content div.wrap div.text-area div.block h4{
	font-size: 2.0rem;
	margin-bottom: 1rem;
	text-align: left;
}
section.shopSec div.shop04 div.content div.wrap div.text-area div.block{
	margin-bottom: 2.5rem;
}
section.shopSec div.shop04 div.content div.wrap div.text-area div.block:last-child{
	margin-bottom: 0;
}
@media print, screen and (max-width: 767px) {
	/* "h"tag */
	h4.h4-ttl-shop{
		font-size: 2.2rem;
		margin-bottom: 2rem;
	}
	h4.h4-ttl-etc{
		font-size: 1.8rem;
	}
	section.shopSec{
		margin: 7rem 0 0;
	}
	section.shopSec div.shop01 div.wrap{
		display: block;
		padding: 5rem 0;
	}
	section.shopSec div.shop01 div.wrap div.img-area{
		width: 100%;
		margin-bottom: 3rem;
	}
	section.shopSec div.shop01 div.wrap div.text-area{
		width: 100%;
	}
	section.shopSec div.shop02{
		margin: 7rem 0 0;
	}	
	section.shopSec div.shop02 div.menulist div.box{
		width: 48.5%;
		margin-bottom: 2rem;
	}
	section.shopSec div.shop02 div.menulist div.box dl dt.title{
		font-size: 1.5rem;
	}
	section.shopSec div.shop02 div.menulist div.box dl dd.price{
		font-size: 1.4rem;
	}
	section.shopSec div.shop03 {
	    margin: 5rem 0 0;
	}
	section.shopSec div.shop03 div.wrap{
		display: block;
	}
	section.shopSec div.shop03 div.wrap div.img-area{
		width: 100%;
		margin-bottom: 3rem;
	}
	section.shopSec div.shop03 div.wrap div.text-area{
		width: 100%;
	}
	section.shopSec div.shop04{
		margin: 5rem 0 0;
	}
	section.shopSec div.shop04 div.content div.wrap{
		display: block;
	}
	section.shopSec div.shop04 div.content div.wrap div.gmap{
		width: 100%;
		margin-bottom: 3rem;
	}
	section.shopSec div.shop04 div.content div.wrap div.gmap iframe{
		width: 100%;
		height: 45rem;
	}
	section.shopSec div.shop04 div.content div.wrap div.imgarea img{
		width: 100%;
		height: auto;
	}
	section.shopSec div.shop04 div.content div.wrap div.text-area{
		width: 100%;
	}
	section.shopSec div.shop04 div.content div.wrap div.text-area div.block h4{
		font-size: 1.8rem;
		margin-bottom: 0.5rem;
		text-align: left;
	}
}

/* mozukuSec
-------------------------------------------------- */
/* "h"tag */
h4.h4-ttl-shipping{
	font-size: 2.2rem;
	margin-bottom: 2rem;
	line-height: 1.4;
}
h4.h4-ttl-mozuku{
	font-size: 2.2rem;
	margin-bottom: 2rem;
	line-height: 1.4;
	text-align: center;
	color: #E96656;
}
section.mozukuSec{
	margin: 7rem 0 0;
}
section.mozukuSec div.mozuku01 p.p-msg{
	font-size: 1.8rem;
	line-height: 2.0;
	text-align: center;
	margin-bottom: 7rem;
}
section.mozukuSec div.mozuku02{
	margin: 10rem 0 0;	
}
section.mozukuSec div.mozuku02 div.inner{
	max-width: 900px;
}
section.mozukuSec div.mozuku02 div.txt-block{
	text-align: center;
	margin-bottom: 0rem;
}
section.mozukuSec div.mozuku02 div.block{
	padding: 7rem 0;
}
section.mozukuSec div.mozuku02 div.block:nth-child(even){
	background: rgba(255, 242, 242, 0.7);
}
section.mozukuSec div.mozuku02 div.block div.inner{
	max-width: 550px;
	margin: 0 auto;
}
section.mozukuSec div.mozuku02 div.block img{
	margin-top: 3rem;
	width: 100%;
}
section.mozukuSec div.shipping{
	margin: 0 auto;
	border: 4px double #333;
	max-width: 90rem;
	position: relative;
}
section.mozukuSec div.shipping div.wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
section.mozukuSec div.shipping div.wrap div.img-area{
	padding: 2rem;
	width: 40%;
}
section.mozukuSec div.shipping div.wrap div.text-area{
	width: 58%;
	padding: 2rem 2rem 2rem 0;
}
section.mozukuSec div.shipping div.button-area{
	position: absolute;
	right: 2rem;
	bottom: 2rem;
}
section.mozukuSec div.shipping div.button-area a.button{
	background: #E96656;
	border: 1px solid #E96656;
}
section.mozukuSec div.shipping div.button-area a.button:hover{
	color: #E96656;
	background: #fff;
}
@media print, screen and (max-width: 767px) {
	/* "h"tag */
	h4.h4-ttl-shipping{
		font-size: 2.0rem;
		text-align: center;
	}
	h4.h4-ttl-mozuku{
		font-size: 2.0rem;
		text-align: center;
	}
	section.mozukuSec{
		margin: 7rem 0 0;	
	}
	section.mozukuSec div.mozuku01 p.p-msg{
		font-size: 1.5rem;
		line-height: 1.8;
		text-align: left;
	}
	section.mozukuSec div.mozuku02{
		margin: 7rem 0 0;	
	}
	section.mozukuSec div.mozuku02 div.block {
	    padding: 5rem 0;
	}
	section.mozukuSec div.mozuku02 div.block img{
		margin-top: 2rem;
	}
	section.mozukuSec div.shipping{
		max-width: inherit;
		padding: 1.5rem;
	}
	section.mozukuSec div.shipping div.wrap{
		display: block;
	}
	section.mozukuSec div.shipping div.wrap div.img-area{
		padding: inherit;
		width: 100%;
	}
	section.mozukuSec div.shipping div.wrap div.text-area{
		width: 100%;
		margin: 2rem 0 2rem;
		padding: inherit;
	}
	section.mozukuSec div.shipping div.wrap div.text-area p.p-txt.mb20{
		margin-bottom: 1rem;
	}
	section.mozukuSec div.shipping div.button-area{
		position: relative;
		right: inherit;
		bottom: inherit;
		width: 18rem;
	}
	section.mozukuSec div.shipping div.button-area a.button{
		width: 18rem;
	}
}
@media print, screen and (max-width: 560px) {
	section.mozukuSec div.mozuku02 div.block div.inner{
		width: 100%;
		max-width: inherit;
		margin: 0 auto;
	}
}

/* souvenirSec
-------------------------------------------------- */
section.souvenirSec{
	margin: 7rem 0 0;
}
section.souvenirSec div.souvenir01{
	margin-bottom: 7rem;
}
section.souvenirSec div.souvenir02{
	background: rgba(255, 247, 230, 0.4)!important;
}
section.souvenirSec div.souvenir02 div.souvenirlist{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0!important;
}
section.souvenirSec div.souvenir02 div.souvenirlist div.box{
	width: 31%;
	margin-bottom: 3rem;
}
section.souvenirSec div.souvenir02 div.souvenirlist div.box.blank{
	margin-bottom: inherit;
}
section.souvenirSec div.souvenir02 div.souvenirlist div.box div.img-area{
	margin-bottom: 1rem;
}
section.souvenirSec div.souvenir02 div.souvenirlist div.box div.img-area img{
  width: 100%;
  height: auto;
}
section.souvenirSec div.souvenir02 div.souvenirlist div.box dl dt.title{
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 0.5rem;
	text-align: center;
}
section.souvenirSec div.souvenir02 div.souvenirlist div.box dl dd.price{
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.4;
}
section.souvenirSec div.button-area{
	margin: 5rem auto 0;
}
@media print, screen and (max-width: 767px) {
	section.souvenirSec{
		margin: 7rem 0 0;
	}
	section.souvenirSec div.souvenir01{
		margin-bottom: 7rem;
	}
	section.souvenirSec div.souvenir02{
		padding: 5rem 0 3rem;
	}
	section.souvenirSec div.souvenir02 div.souvenirlist div.box{
		width: 48.5%;
		margin-bottom: 2rem;
	}
	section.souvenirSec div.souvenir02 div.souvenirlist div.box dl dt.title{
		font-size: 1.5rem;
		margin-bottom: 0;
	}
}

/* faqSec
-------------------------------------------------- */
section.faqSec{
	margin: 7rem 0 0;
}
section.faqSec h3.h3-ttl-faq{
	text-align: left;
	font-size: 2.4rem;
    margin-bottom: 3rem;
    line-height: 1.3;
}
section.faqSec div.content div.category{
	margin-bottom: 7rem;
}
section.faqSec div.content div.category:last-child{
	margin-bottom: 0;
}
/* off */
section.faqSec div.content ul li.faq-wrap {
	background: #005FAA;
	cursor: pointer;
	display: block;
	margin-bottom: 2.5rem;
}
section.faqSec div.content ul li.faq-wrap:last-child {
	margin-bottom: 0;
}
section.faqSec div.content ul li.faq-wrap a.question {
	color: #fff;
	display: block;
	line-height: 2.6;
	padding: 0.3rem 1rem 0.3rem 1.5rem;
	position: relative;
	font-size: 1.6rem;
	font-weight: bold;
	border: 1px solid #005FAA;
}
section.faqSec div.content ul li.faq-wrap a.question::before{
	content: 'Q.';
	margin-right: 1rem;
}
section.faqSec div.content ul li.faq-wrap a.question::after {
	content: '\f0fe';
	display: block;
	text-align: center;
	position: absolute;
	font-family: "Font Awesome 5 Free";
	top: 0.1rem;
	right: 0;
	font-size: 1.8rem;
	width: 6rem;
	line-height: 2.6;
	font-weight: 600;
	color: #fff;
}
/* off hover */
section.faqSec div.content ul li.faq-wrap:hover{
	background: #fff;
	transition: 0.5s;
}
section.faqSec div.content ul li.faq-wrap a.question:hover{
	color: #005FAA;
	transition: 0.5s;
}
section.faqSec div.content ul li.faq-wrap a.question:hover::after{
	color: #005FAA;
	transition: 0.5s;
}
/* on */
section.faqSec div.content ul li.faq-wrap a.question.on:after {
	content: '\f146';
	color: #005FAA;
}
section.faqSec div.content ul li.faq-wrap a.question.togglelink.on {
	background: #fff;
	color: #005FAA!important;
}
section.faqSec div.content ul li.faq-wrap a.question.togglelink.on::after {
	color: #005FAA!important;
}
section.faqSec div.content ul li.faq-wrap ul.answerarea {
	background: #fff;
	display: none;
}
section.faqSec div.content ul li.faq-wrap ul.answerarea li.answer {
	padding: 2.5rem 1rem 2.5rem 1.5rem;
	line-height: 1.8;
	cursor: auto;
}
section.faqSec div.content ul li.faq-wrap ul.answerarea li.answer a{
	color: #005FAA;
	text-decoration: underline;
}
section.faqSec div.content p.em{
	text-align: center;
	font-weight: bold;
	font-size: 2.0rem;
}
@media print, screen and (max-width: 767px) {
	section.faqSec{
		margin: 7rem 0 0;
	}
	section.faqSec h3.h3-ttl-faq{
		font-size: 2.0rem;
	}
	section.faqSec div.content div.category{
		margin-bottom: 5rem;
	}
	section.faqSec div.content ul li.faq-wrap {
		margin-bottom: 2rem;
	}
	section.faqSec div.content ul li.faq-wrap a.question:before{
		font-size: 1.5rem;
		font-weight: normal;
		margin-right: 0.4rem;
	}
	section.faqSec div.content ul li.faq-wrap a.question:after {
		top: 49%;
		transform: translateY(-49%);
		right: 1.5rem;
		width: 2rem;
		line-height: 1.4;
	}
	section.faqSec div.content ul li.faq-wrap a.question {
		line-height: 1.8;
		padding: 0.8rem 5rem 0.7rem 1rem;
		font-size: 1.5rem;
	}
	section.faqSec div.content ul li.faq-wrap ul.answerarea li.answer {
		padding: 1.5rem 1rem 0;
		line-height: 1.4;
		color: #333;
	}
	section.faqSec div.content p.em{
		text-align: center;
		font-weight: bold;
		font-size: 1.8rem;
	}
}

/* inquirySec
-------------------------------------------------- */
section.inquirySec{
	margin: 7rem auto 0;
}

/* tour-bookingSec
-------------------------------------------------- */
h4.h4-ttl-att{
	font-size: 2.0rem;
	margin-bottom: 2rem;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
}
section.tour-bookingSec{
	margin: 7rem auto 0;
}
div.attention{
	border: 1px solid #888;
	padding: 3rem 2rem;
}
div.attention ul{
	margin-top: 2rem;
}
div.attention ul li{
	list-style-type: disc;
	margin-left: 2.1rem;
}
@media print, screen and (max-width: 767px) {
	div.attention{
		padding: 2rem;
	}
}

/* tour-bookingSec
-------------------------------------------------- */
section.online-shoppingSec{
	margin: 7rem auto 0;
}

/* privacySec
-------------------------------------------------- */
section.privacySec{
	margin: 7rem 0 0;
}
section.privacySec h4.h4-privacy{
	color: #001929;
	font-size: 2.0rem;
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #001929;
}
section.privacySec div.content div.block{
	margin-bottom: 5rem;
}
@media print, screen and (max-width: 767px) {
	section.privacySec h4.h4-privacy{
		font-size: 1.8rem;
		margin-bottom: 1.5rem;
	}
	section.privacySec div.content div.block{
		margin-bottom: 3rem;
	}
}

/* coronaSec
-------------------------------------------------- */
section.coronaSec{
	margin: 7rem 0 0;
}
section.coronaSec ul.disc li{
	list-style-type: disc;
	margin-left: 2.1rem;
}
section.coronaSec div.block{
	margin-bottom: 3rem;
}
section.coronaSec div.block.btm{

}

/* newsSec
-------------------------------------------------- */
section.newsSec{
	margin: 7rem auto 0;
}
/*@media print, screen and (max-width: 767px) {
	section.newsSec{
		margin: 5rem auto 0;
	}
}*/

/* pagenationSec
-------------------------------------------------- */
section.pagenationSec{
	margin: 5rem auto 0;
	text-align: center;
}
.wp-pagenavi a, 
.wp-pagenavi span {
	background: #0487BE;
	width: 3.5rem;
	line-height: 2.5;
	text-align: center;
	display: inline-block;
	margin-right: 1.0rem;
	border-radius: 50%;
	color: #fff;
}
div.wp-pagenavi span.current{
	background: #0487BE!important;
	cursor: pointer;
}
div.wp-pagenavi span.current:hover{
	opacity: 0.4!important; 
	transition: 0.6s!important; 
}
div.wp-pagenavi a.nextpostslink{
	margin-right: 0!important; 
}
div.wp-pagenavi a:hover{
	opacity: 0.4!important; 
	transition: 0.6s!important; 
}

/* columnSec
-------------------------------------------------- */
section.columnSec{
	margin: 7rem 0 0;
}
section.columnSec div.content{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
section.columnSec h3.h3-newstitle{
	font-size: 2.4rem;
	border-bottom: 1px solid #C8C8C8;
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 3rem;
}
section.columnSec h4.h4-newsnavi{
	padding-left: 1.0rem;
	font-size: 2rem;
	font-weight: normal;
	line-height: 2.0;
	margin-bottom: 2rem;
	background-color: #001929;
	color: #fff;
}
section.columnSec div.content div.column_left{
	width: 66%;
}
section.columnSec div.content div.column_left section.newsDetailSec div.news-date{
	text-align: right;
	margin-bottom: 3rem;
}
section.columnSec div.content div.column_left section.newsDetailSec{
	overflow:hidden;
}
section.columnSec div.content div.column_left section.newsDetailSec div.img-area{
	width: 100%;
	margin: 0 auto 2rem;
}
section.columnSec div.content div.column_left section.newsDetailSec div.img-area img{
	width:100%;
	height:auto;
}
section.columnSec div.content div.column_left section.newsDetailSec div.news-text,
section.columnSec div.content div.column_left section.newsDetailSec div.news-text p{
	line-height: 1.8;
}
section.columnSec div.content div.column_left section.newsDetailSec div.news-text a{
	color: #A2185D;
	text-decoration: underline;
}
section.columnSec div.content div.column_left section.newsDetailSec div.news-text img{
	margin: 2rem 0;
	display: block;
}
section.columnSec div.content div.column_left section.newsDetailSec div.news-navi{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 2rem 0 3rem;
	color: #6BB9BF;
}
section.columnSec div.content div.column_left section.newsDetailSec div.news-navi a{
	color: #6BB9BF;
	text-decoration: underline;
}
section.columnSec div.content div.column_left section.newsDetailSec div.news-navi a:hover{
	opacity: 0.4;
	transition: 0.6s;
}
section.columnSec div.content div.column_right{
	width: 30%;
}
section.columnSec div.content div.column_right div.widget{
	margin-bottom: 5rem;
}
section.columnSec div.content div.column_right div.widget ul{
	border-bottom: 1px dotted #C8C8C8;  
}
section.columnSec div.content div.column_right div.widget ul li{
	border-top: 1px dotted #C8C8C8;
	padding: 1.5rem 0;
}
section.columnSec div.content div.column_right div.widget ul li:hover{
	opacity: 0.4;
	transition: 0.6s;
}
@media print, screen and (max-width: 767px) {
	section.columnSec{
		margin: 5rem 0 0;
	}
	section.columnSec h3.h3-newstitle{
    	font-size: 2.0rem;
	}
	section.columnSec h4.h4-newsnavi{
		font-size: 1.8rem;
		line-height: 2.4;
	}
	section.columnSec div.content{
		display: block;
	}
  /* column_left */
	section.columnSec div.content div.column_left{
		display: block;
		width: 100%;
		margin-bottom: 5rem;
	}
	/* column_right */
	section.columnSec div.inner div.column_right{
		display: block;
		width: 100%;
	}
	section.columnSec div.content div.column_right div.widget ul li{
		padding: 1.2rem 0;
	}
}

/* inquiry, online-shopping, tour-booking
	-------------------------------------------------- */
/* span */
th span.required{
	background: #D2302F;
	padding: 0.2rem 0.6rem 0.2rem 0.5rem;
	color: #fff;
	margin-left: 1rem;
	font-size: 1.2rem;
	line-height: 1.8;
	display: inline-block;
}
th span.optional{
	background: #F7E56C;
	padding: 0.2rem 0.6rem 0.2rem 0.5rem;
	color: #000;
	margin-left: 1rem;
	font-size: 1.2rem;
	line-height: 1.8;
	display: inline-block;
}
div.form_txt{
	margin-bottom: 5rem;
}
table.table_form{
	width: 100%;
	margin: 3rem auto 5rem;
}
/* th */
table.table_form th{
	width: 28rem;
	text-align: left;
	padding: 2.5rem 0 0;
	vertical-align: middle;
	line-height: 1.4;
	font-weight: normal;
}
table.table_form th.vatop{
	vertical-align: top;
}
table.table_form th.pd0,
table.table_form td.pd0{
	padding: 0;
}
/* td */
table.table_form td{
	padding: 2.5rem 0 0;
}
table.table_form td input,
table.table_form td select{
	line-height: 3.5;
	height: 3.5em;
	padding-left: 1rem;
	border: 1px solid #E5E5E5;
}
table.table_form td input[type=radio]{
	line-height: 2.5;
	height: 2.5em;
	padding-left: 1rem;
	border: 1px solid #E5E5E5;
}
table.table_form p.form{
	margin-top: 0.5rem;
}
td.name input,
td.kana input,
td.requestdate input{ 
	width: 70%;
}
td.postcode input,
td.pref select{
	width: 15rem;
}
td.number input{
	width: 12rem;
}
td.phone-number input{
	width: 50%;
}
td.mail-address input,
td.address input,
td.city input,
td.building input{
	width: 100%;
}
td.remarks textarea{
	width: 100%;
	height: 12em;
	line-height: 1.6;
	padding-left: 1rem;
	background-color: #F5F5F5;
	border: 1px solid #E5E5E5;
}
td input[type=text],
td input[type=tel],
td input[type=email],
td input[type=date],
td input[type=number],
td select{
	background-color: #F5F5F5;
}
/* error */
.wpcf7 .wpcf7-not-valid {
	background: pink;
}
span.wpcf7-not-valid-tip{
	display: none!important;
}
span.wpcf7-list-item {
	display: block!important;
	margin: 0!important;
}
td.experience span.wpcf7-list-item{
	display: inherit!important;
	margin-right: 1.5rem!important;
}
@media print, screen and (max-width: 767px) {
	div.form_txt{
		margin-bottom: 3rem;
	}
	/* th */
	table.table_form th{
		width: 100%;
		display: block;
		padding: 2rem 0 0;
	}
	/* td */
	table.table_form td{
		padding: 1.5rem 0 0;
		width: 100%;
		display: block;
	}
	table.table_form td input{
		line-height: 3.5;
		height: 3.5em;
		padding-left: 1rem;
		border: 1px solid #E5E5E5;
	}
	td.name input,
	td.kana input,
	td.requestdate input{ 
		width: 100%;
	}
	td.phone-number input{
		width: 70%;
	}
	td.mail-address input{
		width: 100%;
	}
	td.remarks textarea{
		line-height: 1.4;
	}
	td.type span.wpcf7-list-item{
		margin: 0.5rem 2rem 0.5rem 0;
		top: 49%;
		transform: translateY(-49%);
	}
	td.sex span.wpcf7-list-item{
		display: block!important;
		margin-right: 0!important;
	}
}

/* sendmessageSec
-------------------------------------------------- */
section.sendmessageSec{
	margin: 7rem 0 0;
}
section.sendmessageSec table.contactInfo{
	width: 80%;
	margin: 5rem auto 7rem;
	border: 1px solid #C8C8C8;
	border-collapse: collapse;
}
section.sendmessageSec table.contactInfo th {
	text-align: center;
	background-color: #888;
	color: #fff;
	font-weight: normal;
	border: 1px solid #C8C8C8;
	padding: 2.0rem 0 1.8rem;
}
section.sendmessageSec table.contactInfo td {
	text-indent: 1rem;
	border: 1px solid #C8C8C8;
}
@media screen and (max-width: 767px){
	section.sendmessageSec div.content {
		width: 95%;
	}
	section.sendmessageSec table.contactInfo{
		width: 100%;
		margin: 3rem auto 5rem;
		border-collapse: collapse;
	}
	section.sendmessageSec table.contactInfo th{
		width: 100%;
		display: block;
		padding: 1.5rem;
		line-height: 1.5;
		border-top: none;
		border-left: none;
		border-right: none;
		text-align: center;
	}
	section.sendmessageSec table.contactInfo td {
		display: block;
		border: none;
		box-sizing: content-box;
		padding: 1.5rem;
		line-height: 1.5;
		text-align: center;
	}
}

/* ==================================================
以下、装飾の指定
================================================== */
/*iPhoneでinput要素にCSSが効かない時 */
input[type="button"],input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="date"],input[type="submit"],textarea{
   -webkit-appearance: none!important;
   border-radius: 0!important;
}