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

/*=============
base
==============*/
html, body {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}

body {
	-webkit-text-size-adjust: 100%;
     font-family: "Noto Sans JP", sans-serif;
     font-size: 100%;
	 position:relative;
}

.oswald{font-family: 'Oswald', sans-serif;}

.satisfy{
  font-family: "Satisfy", cursive;
  font-weight: 400;
  font-style: normal;
}

.rubik{
  font-family: "Rubik Bubbles", system-ui;
  font-weight: 400;
  font-style: normal;
}

.trochut-regular {
  font-family: "Trochut", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.trochut-bold {
  font-family: "Trochut", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.trochut-regular-italic {
  font-family: "Trochut", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.cantarell-regular {
  font-family: "Cantarell", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.cantarell-bold {
  font-family: "Cantarell", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.cantarell-regular-italic {
  font-family: "Cantarell", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.cantarell-bold-italic {
  font-family: "Cantarell", sans-serif;
  font-weight: 700;
  font-style: italic;
}


#header_tx_inner span,
#divingand span,
.day span,
.r_day span,
.title
{
	white-space: nowrap;
}

a{
	text-decoration:none;
}

.f_l{float:left;}
.f_r{float:right;}
.clearboth{clear:both;}

.mr_15{margin-right:15px;}

.hd_pc_link_ja,.l_center,.center, .right > div:first-child{
	font-weight:bold;
}


/* pagetop */
/* Bnr
-----------------------------------------*/
.Bnr{
  margin: 0 auto;
!important;
   z-index: 100;
   left:10px;
   display:none;
}
.Bnr .Bnr__img{
  bottom: 0; 
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.Bnr__img__inner{
  height: 105px;
  box-sizing:border-box;
  padding: 10px 30px 10px 10px;
  background-color: #F00;
  border-radius:7px;
  cursor:pointer;
  border:3px solid;
}
.Bnr__img__inner:hover{
	background:#FC0;
}

.Bnr .Bnr__img__inner a{
  display: block;
}
.Bnr .Bnr__img p.close{
  position: absolute;
  right: 10px;
  top:10px;
}
.Bnr .Bnr__img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.Bnr .Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
  font-size: 20px;
  z-index: 888;
  color: #222;
}

.Bnr a{
	color:#FFF;
	text-decoration:none;
}

.pagetop {
  right: 20px;
  z-index:2;
  opacity:0.8;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  padding-bottom:20px;
}
.pagetop a {
  display: block;
  width: 60px;
  height: 60px;
  background-color: #333;
  border-radius: 10px;
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */ 
  text-align: center;
  color: #fff;
  font-size: 28px;
  text-decoration: none;
  line-height: 55px;
}

.page-top a:hover {
    text-decoration: none;
    background: #999;
}

/* pagetop end*/

/* slider */

/*=============
slick
=============*/

.full div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
}

@media screen and (max-width: 768px) {
	.full div {
	height:90vh;
	min-height:300px;
	max-height: 600px;
	animation:slide 8s ease-out infinite;
	animation-delay: -1650ms;
	}

	@keyframes slide{
	0% {background-position:0 0;
	}

	100%{
		background-position:right;
	}
	}
}
.full div.main01 {
  background-image: url(img/slider01.jpg);
}
.full div.main02 {
  background-image: url(img/slider02.jpg);
}
.full div.main03 {
  background-image: url(img/slider03.jpg);
}
.full div.main04 {
  background-image: url(img/slider04.jpg);
}
.full div.main05 {
  background-image: url(img/slider05.jpg);
}
.full div.main06 {
  background-image: url(img/slider06.jpg);
}
.full div.main07 {
  background-image: url(img/slider07.jpg);
}
.full div.main08 {
  background-image: url(img/slider08.jpg);
}
.full div.main09 {
  background-image: url(img/slider09.jpg);
}
.full div.main10 {
  background-image: url(img/slider10.jpg);
}
.full div.main11 {
  background-image: url(img/slider11.jpg);
}
.full div.main12 {
  background-image: url(img/slider12.jpg);
}
.full div.main13 {
  background-image: url(img/slider13.jpg);
}
.full div.main14 {
  background-image: url(img/slider14.jpg);
}
.full div.main15 {
  background-image: url(img/slider15.jpg);
}
.full div.main16 {
  background-image: url(img/slider16.jpg);
}
.full div.main17 {
  background-image: url(img/slider17.jpg);
}
.full div.main18 {
  background-image: url(img/slider18.jpg);
}
.full div.main19 {
  background-image: url(img/slider19.jpg);
}
.full div.main20 {
  background-image: url(img/slider20.jpg);
}
.full div.main21 {
  background-image: url(img/slider21.jpg);
}
.full div.main22 {
  background-image: url(img/slider22.jpg);
}
.full div.main23 {
  background-image: url(img/slider23.jpg);
}
.full div.main24 {
  background-image: url(img/slider24.jpg);
}
.full div.main25 {
  background-image: url(img/slider25.jpg);
}
.full div.main26 {
  background-image: url(img/slider26.jpg);
}
.full div.main27 {
  background-image: url(img/slider27.jpg);
}
.full div.main28 {
  background-image: url(img/slider28.jpg);
}
.full div.main29 {
  background-image: url(img/slider29.jpg);
}
.full div.main30 {
  background-image: url(img/slider30.jpg);
}
.full div.main31 {
  background-image: url(img/slider31.jpg);
}
.full div.main32 {
  background-image: url(img/slider32.jpg);
}
.full div.main33 {
  background-image: url(img/slider33.jpg);
}
.full div.main34 {
  background-image: url(img/slider34.jpg);
}
.full div.main35 {
  background-image: url(img/slider35.jpg);
}
.full div.main36 {
  background-image: url(img/slider36.jpg);
}
/*.full .slick-dots {
  bottom: 4%;
  z-index: +1;
}*/

/* slider end */

#header_container{
	position:relative;
}

#header_tx{
	width:100%;
	height:100%;
	color:#FFF;
	font-weight:500;
	position:absolute;
	top:0;
	left:0;
}

#header_tx_inner{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	text-align:center;
	width:90%;
}

#header_tx_inner span{
	text-shadow: darkblue 0 0 25px,1px 1px 2px black, 0 0 1em darkcyan;
/*    margin: 0px -2px;*/
	padding: 0 10px;
    background-image: repeating-linear-gradient(-44.5deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 100) 2px, transparent 0px, transparent 5px);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: auto .85em;
	font-size:23px;
}

@media screen and (min-width: 768px) {
	#header_tx_inner span{
	font-size:30px;
	}
	
}


h2 #fsz{
	font-size:0;
}

/**pagetop*/
.pagetop {
  right: 20px;
  z-index:2;
  opacity:0.8;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  padding-bottom:20px;
}
.pagetop a {
  display: block;
  width: 60px;
  height: 60px;
  background-color: #333;
  border-radius: 10px;
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */ 
  text-align: center;
  color: #fff;
  font-size: 28px;
  text-decoration: none;
  line-height: 55px;
}

.page-top a:hover {
    text-decoration: none;
    background: #999;
}

/*pagetop end*/

@media screen and (min-width: 1024px) {
	#smp_header {
		display:none;
	}
	
}

/*smp menu*/
#smp_header {
    position:fixed;
    width:100%;
    height:0px;
    top:0;
    left:0;
    z-index:100;
}

#smp_m_b{
	position:absolute;
	background:#FFF;
	top:14px;
	right:15px;
	width:45px;
	height:45px;
	box-shadow:0px 0px 6px 3px #cccccc;
	-moz-box-shadow:0px 0px 6px 3px #cccccc;
	-webkit-box-shadow:0px 0px 6px 3px #cccccc;

	/* border-radius */
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	opacity:0.9;
	cursor: pointer;
}

.spmenu_btn {
    display:block;
    position:absolute;
    top:6px;
    right:8px;
    width:30px;
    height:22px;
    background:#000;
    border-top:10px solid #fff;
    border-bottom:10px solid #fff;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}

#smp_m_b span:last-child{
	position:absolute;
	top:24px;
	right:8px;
}
.spmenu_btn:before {
    content:'';
    position:absolute;
    width:30px;
    height:2px;
    background:#000;
    top:-9px;
    right:0;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.spmenu_btn:after {
    content:'';
    position:absolute;
    width:30px;
    height:2px;
    background:#000;
    bottom:-9px;
    right:0;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.spmenu_btn.active {
    background:#FFF;
}
.spmenu_btn.active:before {
    -moz-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    top:0;
    right:0;
}
.spmenu_btn.active:after {
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    bottom:0;
    right:0;
}
 
.spmenu {
    display:none;
    position:absolute;
    top:74px;
    left:0;
    width:100%;
	z-index:999;
}

.spmenu nav ul{
	padding:0 20px;
}

nav {
    display:block;
    width:80%;
    margin:0 auto;
}
nav ul{
	list-style:none;
	background:#18499D;
}
nav li a {
    display:block;
    width:100%;
    color:#FFF;
    padding:15px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    border-bottom:1px dotted #CCC;
}

nav li:last-child >a {
    border-bottom:none;
}

/*smp menu end*/

/* pc menu */

#hd_menu_outer{
	height:110px;
	width:100%;
	position:fixed;
	z-index:2;
	padding:10px 0px;
	background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0));
}

@media screen and (min-width: 1024px) {

.hd_menu{
	display: flex;
    justify-content: flex-start;
	width:100%;
}

.hd_menu div:nth-of-type(1) {
        margin-left: auto;	
}

h2{
	margin:10px 0 0 20px;
}

span#hd_c {
    color: #fff;
	font-size: 14px;
        font-weight: normal;
		}


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

.hd_menu{
	display: none;
	}
}

.hd_menu .hd_pc_link{
	padding:0 5px;
	margin:10px 10px 0px;
}

.hd_menu .hd_pc_link a{
	color:#FFF;
	text-shadow: slategray 0 0 10px;
}

.hd_pc_link_en{
	font-family: "Cantarell", sans-serif;
	line-height:0.9;
}

/* pc menu end */

#hd_logo{
	margin:0px auto;
	background:url(img/header_logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	width:50%;
	min-width:160px;
	max-width:200px;
	height:100%;
	max-height:200px;
	position:relative;
	z-index:3;
}

/**/
#divingand{
	padding:30px 0px;
	text-align:center;
	color:#FFF;
	font-size:65px;
	background:#29ABE2;
}
/**/

@media screen and (max-width: 768px) {
h3 {
    margin: 0px auto;
}

#divingand{
	font-size:45px;
}
}

/* price */
@media screen and (max-width: 670px) {

.right > div:first-child{
	font-size:25px;
	}
	
}

@media screen and (min-width: 480px) {

.right{
	display:flex;
}

.r_day, .day{
	margin-left:10px;
	padding-top:3px;
    font-size: 12px;
    font-weight:normal;    
}

.day{
	padding-top:13px;
}

.r_day::before, .day::before{
    content:none;
}
}
@media screen and (min-width: 490px) {

.r_day{
	padding-top:13px;
}
}

@media screen and (min-width: 670px) {

.pricebox, .p_wrapper, .l_center{
	display:flex;
}

.center > div > span {
    padding-left: 5px;
}

.center{
	width:57%;
}

.cr{
	width:80%;
	}
	
.dot {
    padding: 0 20px;
}

.l_dot{
    padding-left: 20px;
}

.r_day, .day{
	margin-left:10px;
	padding-top:3px;
    font-size: 12px;
    font-weight:normal;    
}
}


@media screen and (min-width: 950px) {


.l_p_wrapper{
	display:flex;
}

.l_center, .center{
	width:56%;
}

.l_dot{
    padding: 0 20px;
}

.r_day{
	margin-bottom:-15px;
}

}


#price, .pricebox-border{
		background:linear-gradient(90deg, rgba(0, 156, 146,1) 50%,rgba(0, 72, 157,1) 100%);
}

#price{
	padding:110px 0px 100px 15%;
}




#pricetitle-main{
	color:#FFF;
	font-weight:bold;
	height:110px;
	margin-bottom:30px;
}

@media screen and (min-width: 670px) {
	
#pricetitle-main{
	margin-bottom:none;
}


}

.l_center > div > span {
    display: block;
}

.right .rescue{
	width:47%;
}

.tax{
	padding-left:3px;}

.r_day{
	width:30%;
}

span.title.tx_en{
	font-size:70px;
	font-family: "Trochut", sans-serif;
	font-weight: 400;
	font-style: italic;

}

span.title.tx_en:after{
	content:" - ";
	text-align:center;
}


span.title{
	font-size:24px;
	vertical-align:middle;
}

#pricetitle{
	height:100px;
	margin-top:30px;
}

.pricebox{
	margin-bottom:50px;
}

.rental, .center{
	display:flex;
}

#priceBG{
	background:#FFF;
	padding:30px 0 30px 30px;
	margin-left:-30px;
	border-radius:50px 0 0 50px;
}

#price_logo{
	background-image:url(img/price_logo.png);
	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center;
	height: 58px;
	width:120px;
}

#pricetitle span{
	display:block;
	line-height:0.9;
}


span.sc_title.tx_en.rubik{
	font-size:40px;
}

.left span{
	display:block;
}

#l-padi{
	width:100%;
	height:42px;
	background:url(img/e_horiz02-1.jpg) left center no-repeat;
	background-size:contain;
	margin-top:10px;
}

.r_day, .day {
    font-size: 15px;
    font-weight:bold;
    
}

.r_day:before, .day:before{
    content:" / ";
}

.thcolspan, .l_center span, .center span{
	font-weight:normal;
}

.thcolspan, .r_day, .day, .l_center span, .center span, .menu, .tax{
	font-size:12px;
}

.left span:nth-child(2) {
    /*font-weight: bold;*/
	margin-top:-5px;
}

span.c_title.tx_en.rubik {
    font-size: 30px;
}

.left{
	width:175px;
	margin-bottom:20px;
}

.cr{
	margin:0 20px;
	}

.pricebox-border{
	width:60%;
	height:5px;
	margin:50px auto;
}

.l_p_wrapper, .p_wrapper{
	width:100%;
}

.l_dot, .dot {
    flex-grow: 1;}
	
.dot {
    padding-left: 20px;
}


hr{
	border:dotted;
}

.oneline, .thcolspan{
	margin-bottom:20px;
}

.twolines{
	margin-bottom:0;
}
/* price end*/

/*rental*/

/*#rental{
    justify-content: space-around;
	width:60%;
	margin:30px auto;

}*/

#r-slider{
	width:100%;
	padding:100px 0;
	height:290px;
}

.maker{
	font-weight:bold;
	margin:0 auto 20px;
	width:80%;
}

.rental{
	width:80%;
	height:50px;
	margin:0 auto;
}

.slick-prev:before, .slick-next:before {
    opacity: .5;
    color: black;
}

.rental_box{
	height:50px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	margin:0 20px;
}

.scubapro{
	background-image:url(img/scubapro.gif);
	width:54px;
}

.aqualung{
	background-image:url(img/aqualung.gif);
	width:170px;
}

.gull{
	background-image:url(img/gull.gif);
	width:100px;
}

.tusa{
	background-image:url(img/tusa.gif);
	width:90px;
}

.xdeep{
	background-image:url(img/xdeep.gif);
	width:160px;
}

.suunto{
	background-image:url(img/suunto.gif);
	width:135px;
}

.murakamishoji{
	background-image:url(img/murakamishoji.gif);
	width:100px;
}

.apeks{
	background-image:url(img/apeks.gif);
	width:190px;
}

.worlddive{
	background-image:url(img/worlddive.gif);
	width:70px;
}

.mobbys{
	background-image:url(img/mobbys.gif);
	width:100px;
}

.seaandsea{
	background-image:url(img/seaandsea.gif);
	width:170px;
}

.nauticam{
	background-image:url(img/nauticam.gif);
	width:250px;
}

.aoi{
	background-image:url(img/aoi.gif);
	width:160px;
}

.mares{
	background-image:url(img/mares.gif);
	width:150px;
}


.apollo{
	background-image:url(img/apollo.gif);
	width:175px;
}

.oms{
	background-image:url(img/OMS.gif);
	width:195px;
}

.razor{
	background-image:url(img/razor.gif);
	width:135px;
}

.marelux{
	background-image:url(img/marelux.gif);
	width:240px;
}



/*rental end*/

/*footer*/

@media screen and (min-width: 670px) {
	
	 #ft_in_bx{
		 display:flex;
	 }
	 #ft_tx{
	flex:1 auto;
	margin-top:0px;
	}


}

#footer{
	margin-top:80px;
}

#ft_in_bx{
	width:80%;
	margin:0 auto;
	padding-top:20px;
}

#ft_in_bx > img{
	object-fit:contain;
}

#ft_tx{
	text-align:right;
	margin-top:60px;
	
}

.kkk{
	font-size:24px;
}

.add:last-child{
	font-size:12px;
}

#copyright{
	margin:50px 0 0;
	padding:20px 0px;
	text-align:center;
	background:#B4CDDC;
}
/*footer end*/