/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Version: 4.6.7
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */
.header_small_menu {
    background: #213754 !important;
}
.header-wrap, #header ul.sub-menu, #header ul.children, #scrollnav, .description_sp {
    background: #08223f !important;
}
.header-wrap a, #scrollnav a, .drawer-hamburger:after, div.logo_title {
    color: #ffffff !important;
}
 
 input[type="text"], input[type="email"], textarea {
    margin: 0;
    width: auto;
	padding: 13px 4px;
    color: #777;
    font-size: 16px;
    background-color: #F7F7F7;
}
.contactForm .input_text{
	width:100%;
}
.contactForm{
	max-width:900px;
	margin: 0 auto;
	padding:60px 20px 0;
}
.contactForm dt{
	margin-bottom:10px;
}
.contactForm dd{
	margin-bottom:25px;
}
.confirmation .contactForm dt{
	color:#888;
}
.submitBtnWrap .submitBtn{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 598px;
    margin: 0 auto;
    text-align: center;
}
.submitBtnWrap .submitBtn input{
	display: block;
	margin: 20px auto 0;
    color: #fff;
}
/*.contactForm .return{
	margin-right:30px;
}*/
.contactFormIn{
	margin-bottom:40px;
}
button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    background: rgb(17, 102, 142);
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, .4);
}
button, input[type="submit"], input[type="reset"], input[type="button"] {
    background-color: #004363;
    font-size: 16px;
	font-family: 游ゴシック体, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",FontAwesome, sans-serif;
}
.privacy{
	padding-top:60px;
}
.privacy dt{
	border-bottom: 2px solid #333 !important;
    background: #fff;
    border-radius: 0;
	font-size: 1.3em;
	padding: .3em 1em;
    font-weight: bold;
	color: #333;
    margin-bottom: 10px;
}
.num{
	width:3em !important;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


.home #custom_html-6{
	display:none;
}

/*------------facebook------ */
.fb-container{
	width:290px;
}

.fb-container{
		width:100%;
		background:#ccc;
	}
	
	.fb-page{
		display:block !important;
		width:100%;
		max-width:290px;
	}
@media screen and (max-width:959px){
	.fb-page{
		display:block !important;
		width:100%;
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
		height: 450px;
		overflow: hidden;
	}
	
}

@media screen and (max-width:959px){
.gcalender {position: relative;}
.gcalender::before {
  content: "";
  display: block;
  padding-top: calc(100% * 3 / 4);
}
.gcalender iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
}

@media screen and (max-width: 599px){
.contactForm .contactBtn{
	/*display:block;*/
}


}













/*------------スライドショー------ */










.content ul {
    list-style-type: none;
	margin:0;
	padding:0;
}
.content img {
    margin: 0;
}
.red{
color:#f66;
}
#container .content p{
	padding:0;
}

.content dt {
    color: #000;
    border-bottom: none;
    padding: 0;
}

.content dd {
    color: #333;
    border-bottom: none;
    padding: 0;
}


.spView{
	display:none;
}
.pcView{
	display:block;	
}
@media screen and (max-width: 960px){
.spView{
	display:block;
}
.pcView{
	display:none;	
}
}


@media screen and (max-width: 959px){
#nav, #onlynav {
    display: none!important;
}
.fb-container {
    width: 100%;
}
.fb-page {
    display: block !important;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    height: 450px;
}
}





/*------------ダイビングメニューリンクボタン------------------- */
.UlBox ul.menuLinkBtn{
	display:flex;
    justify-content: space-between;
}
.UlBox ul.menuLinkBtn li{
	width:24%;
	text-align:center;
	/*display: table;*/
}
.UlBox ul.menuLinkBtn li span{
	display:block;
	font-size: 1rem;
}
.UlBox ul.menuLinkBtn li a{
	height:160px;
	background-size:cover;
	color:#fff;
	font-size:1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	/*display: table-cell;
    vertical-align: middle;*/
	border-radius: 0.75em;
}
.UlBox ul.menuLinkBtn li.Btn_01 a{
	background-image:url("/images/common/topBtn01.jpg");
	text-shadow: 2px 2px 1px #333;
}
.UlBox ul.menuLinkBtn li.Btn_02 a{
	background-image:url("/images/common/topBtn02.jpg");
	text-shadow: 2px 2px 1px #333;	
}
.UlBox ul.menuLinkBtn li.Btn_03 a{
	background-image:url("/images/common/topBtn03.jpg");
	text-shadow: 2px 2px 1px #333;
}
.UlBox ul.menuLinkBtn li.Btn_04 a{
	background-image:url("/images/common/topBtn04.jpg");
	text-shadow: 2px 2px 1px #333;
}
/*------------その他リンクボタン(TOP)------------------- */
.UlBox ul.otherLink{
	display:flex;
    justify-content: space-between;
}
.UlBox ul.otherLink li{
	width:33%;
}
/*------------その他リンクボタン(SIDE)------------------- */
.sideUl li{
	width:310px;
}
.index .sideUl{
	display:none;
}
@media screen and (max-width:959px){
.sideUl li{
	width:auto;
}
}
/*------------ショップページ------------------- */
.shop .textBox{
    padding-bottom:30px;
}
.shop .mapArea{
    margin-top:30px;
}
.shop .addressBox{
    padding:30px 0;
}
.shop .imgBox{
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.shop .imgBox li {
    width: 25%;
    margin: 0 0 10px;
	padding-right: 10px;
	box-sizing:border-box;
}
.shop .imgBox li:nth-child(4n){
	padding:0;
}
.mapLinkList{
	padding-top:1em;
}
.mapLinkList ul li a{
	text-decoration:underline;
}
.pageMainVisual img {
    width:100%;
}
.boatImg{
	margin-bottom:30px;
	
}
.boatImg img{
	width:100%;
	border-radius: 0.75em;
}
@media screen and (max-width:959px){
.shop .imgBox{
    display:block;
}
.shop .imgBox li{
    width:100%;
    margin-bottom:15px;
	padding-right:0;
}
}
/*------------石垣島合宿サークル団体割引ページ------------------- */
.discount table th{
    width:20%;
}
.gakuwariImg{
    display:flex;
	justify-content:space-between;
	padding: 30px 0;
}
.gakuwariImg img{
	width:49%;
	height:100%;
	border-radius: 0.75em;
}
@media screen and (max-width:959px){
.gakuwariImg{
    display:block;
}
.gakuwariImg img{
	width:100%;
}
.gakuwariImg img:first-child{
    margin-bottom:30px;
}
}
/*------------ライセンス講習コースページ------------------- */
.license table th{
    background:#d1e4ed;
}
.license .tableBg td:first-child{
    background:#ffffcc;
}
.license .h4text{
    padding-bottom:20px;
}
.license .textBox{
    margin-bottom:30px;
}
.license .padiLink{
    padding-bottom:30px;
}
.license .padiLink a{
    display:inline-block;
}
/*------------スタッフ紹介ページ------------------- */
.staff .textBox{
	margin-bottom:30px;
}
.staff dl{
	display:flex;
	padding:20px 0;
}
.staff dt{
	width:30%;
}
.staff dt img{
	border-radius:0.75em;
}
.staff dd{
	width:65%;
	margin-left:5%;
}
.staff .textTop{
	margin-bottom:3%;
	line-height:2;
}
.staff .textTop p:before{
	content:"■";
	color:#333;
	margin-right: 0.5em;
}
@media screen and (max-width: 768px){
.staff dl{
	display:block;
}
.staff dt{
	width:auto;
	text-align: center;
	margin-bottom: 10px;
	
}
.staff dd{
	width:auto;
	margin-left:0;
}

}
/*------------オススメホテル------------------- */
.content .hotelList li{
    margin-bottom:60px;
}
.hotelList .imgBox{
    display:flex;
    flex-wrap:wrap;
    padding:30px 0 10px;
}
.hotelList .imgBox li{
    width:23%;
    margin:0 2% 0 0;
}
@media screen and (max-width: 959px){
.hotelList .imgBox li{
    width:48%;
    margin:0 2% 2% 0;
}
}
/*------------季節ごとの海の見どころ------------------- */
.seasonList .imgBox{
    display:flex;
    justify-content: space-between;
    padding: 30px 0 10px;
}
.seasonList .imgBox li{
    width:30%;
    margin:0;
}
.seasonList  .textIn{
    padding-top:20px;
}
.seasonList ul li{
    margin-bottom:60px;
}
@media screen and (max-width:959px){
.seasonList .imgBox{
    display:block;
}
.seasonList .imgBox li{
    width:100%;
    margin-bottom:15px;
}
}
/*------------ダイビングメニュー------------------- */
.hide{
    display:none;
}
.red{
    color: #ff0000;
}
.tabContents{
    padding: 3px;
    border-radius: 3px;
    background: #eee;
}
.tabContents th{
    background:#d1e4ed;
}
.tabContents th:first-child{
    background:#fff;
}
.tabContents td:first-child{
    background:#ffffcc;
}
.content ul.tabMenu{
    box-sizing: border-box;
    display: flex;
    margin:0;
}
.time ul {
    display: flex;
    flex-wrap: wrap;
}
.content ul.tabMenu li{
    margin-right: 3px;
    padding: 10px 15px;
    font-size: 16px;
    cursor: pointer;
    margin:0;
}
.content ul.tabMenu li:hover{
    background: #f5f5f5;
}
.content ul.tabMenu li.current{
    background:#fff;
}
.content ul.tabMenu li.current:hover{
    cursor: default;
}
.tabContents .textBox{
    padding:30px 0;
}
.tabContents .imgBox {
    display: flex;
    justify-content: space-between;
}
.tabContents .imgBox li{
    width:30%;
}
.tabContents .time ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2em;
}
.tabContents .time li {
    width: 25%;
    font-size: 13px;
    margin-bottom:30px;
}
.tabContents .time li img{
    display:block;
    margin-bottom:5px;
}
.tabPanel{
    padding: 15px;
    font-size: 16px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #fff;
    color: #333;
}
.reservation a {
    display: block;
    background: #004363;
    width: 300px;
    padding: 20px 0;
    color: #fff !important;
    text-align: center;
    margin: 0 auto;
}


input[name="tabItem"] {
  display: none;
}

.tabCont {
  display: none;
}

#tab01:checked ~ #tab01Cont,
#tab02:checked ~ #tab02Cont,
#tab03:checked ~ #tab03Cont {
  display: block;
}

.tabBg {
  margin-right: 3px;
  padding: 12px 15px;
  font-size: 16px;
  cursor: pointer;
  margin: 0;
  display: inline-block;
}

.tabList input:checked + .tabBg {
  background-color: #fff;
}






.tab_area{
	overflow:hidden;
	display:flex;
	margin:0 !important;
	background: #efefef;
	}
	
.tab_area li{
    margin-bottom: 0 !important;
	}
.tab_area li a{
	height:52px;  
	display:flex;  
	justify-content: center;
	align-items: center;
	padding: 0 15px;
	color: #373737;
	text-decoration: none;
	}
.tab_area li a:hover{
    color: #373737;
}
.tab_area li a.active{
    background: #fff;
}
.all_area { 
	background:#efefef; 
	/*padding:10px; */
	overflow: hidden;
	}
	
.all_area div.tabcont{
	/*Tabの内容を表示するエリアの装飾*/
	background:#ffffff; 
	padding:10px 10px 10px 2px;  
	/*border-top: 1px dotted #bbbbbb;*/
	}

.tab_area li.select{
	/*アクティブタブの装飾*/
	background-color:#ffffff; 
	background-image:none; 
	color:#333333;
	/*border-top:2px solid #e94545;*/
	}
	
.hide{display:none;}

.tabBox .panel{display:none;}





@media screen and (max-width: 768px){
.time li {
    width: 50%;
}
.content ul.tabMenu{
    display: block;
}
.tabContents .imgBox{
    display:block;
}
.tabContents .imgBox li{
    width:100%;
}
.tabContents .time li {
    width: 50%;
}
.tabPanel{
    font-size: 14px;
}
.tabContents .time ul {
    justify-content: space-between;
	padding: 0;
}
.tabContents .time li{
    width:48%;
}
.tabBg {
  width: calc(100% / 3);
  text-align: center;
}




.tab_area {
    display: flex;
}
.tab_area li {
    width: calc(100% / 3);
}
.tab_area li a{
	margin-bottom: 0 !important;
}







}
@media screen and (max-width: 599px){
.tabBg {
  font-size: 2.5vw;
}
.tab_area li{
  font-size: 2.5vw;
}
}


.content{
    font-size:16px !important;
}

@media screen and (max-width: 768px){
h1{
    font-size:20.8px !important;
}
.content{
    font-size:14px !important;
}
}

.page_title {
    padding: 20px 0;
    padding-bottom: 0 !important;
    margin-bottom: 20px !important;
}






.imgBox li img{
    max-width:100%;
    border-radius:0.75em;
}
.pageMainVisual img{
    border-radius:0.75em;
}
.subImg{
	display:flex;
	justify-content: space-between;
    margin-top: 30px;
}
.subImg img{
	width:49%;
	height:100%;
}

.content h2 {
    background: #09c !important;
}
h1{
    /*font-size: 2.25em;*/
}
.bg_blue{
	background-color:#d1e4ed;
}
.bg_yellow{
	background-color:#ffffcc;
}
.bg_pink{
	background-color:#fbd2d9;
}
.widget > ul:first-of-type > li,.widget ul:first-child > li,.d_tab_tab > ul:first-of-type > li{
    border-bottom: none;
}

@media screen and (max-width: 768px){
.UlBox ul.menuLinkBtn{
    display:block;
}
.UlBox ul.menuLinkBtn li{
	width:100%;
	margin-bottom: 15px;
}
.UlBox ul.otherLink{
	display:block;
}
.UlBox ul.otherLink li{
	width:100%;
}

.staffList dl{
	display:block;
	padding:20px 0;
}
.staffList dt{
	width:100%;
	margin-bottom:20px;
}
.staffList dd{
	width:100%;
	margin-left:0;
}
	
	
}
h1.page_title {
    box-shadow: none !important;
}
.l-main-container {
    display: flex;
    gap: 20px;
}
@media screen and (max-width: 959px){
.l-main-container {
    display: block;
}
}