/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* base */
@font-face {
	font-family: 'Kosugi';
	src: url("/font/Kosugi-Regular.ttf");
}
body {
	font-size: 16px;
	font-family: "Kosugi";
	color: #373e58;
}
a{
	color: #373e58;
	text-decoration: none;
}
a img:hover{
	opacity: 0.8;
}

a.event_tour_link{
	font-size: 20px;
}


/****************** 全画面共通 ******************/


.grand_blue_campaign{
	text-align: center;
}
.grand_blue_campaign img{
	width: 100%;
	max-width: 1080px;
}

/* responsive */
.pc_only{
	display: initial;
}
.sp_only{
	display: none;
}

/* スマホ表示 */
@media (max-width: 870px) {
	.pc_only{
		display: none;
	}
	.sp_only{
		display: initial;
	}
}

.through{
	text-decoration: line-through;
}

/* フォントの色変更に */
.font_color_red{
	color: #F00;
}
.font_color_blue{
	color: #00F;
}
.font_color_dark_red{
	color: #890000;
}

/* フッターのツイッター */
.twitter-tweet{
	margin-top: 0 !important;
}

/* ステップ矢印 */
#main_contents_inner .step_arrow_block{
	text-align: center;
}
#main_contents_inner .step_arrow_block .step_arrow {
	width: 80px;
}

/* カタログデーター */
#catalog_data{
	
}
#catalog_data li{
	font-size: 28px;
	line-height: 1.5em;
}
#catalog_data li a{
	
}

.warning_pickup_area_wrapper{
	text-align: center;
}
.warning_pickup_area_wrapper .warning_pickup_area{
	width: 100%;
	max-width: 900px;
}


/* 折り返し時に字下げする */
.text_notice_br_indent{
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 0.5em;
}

/* ダイビングスケジュールアイコン */
.schedule_free_icon{
	background-color: #3985ec;
	color: #FFF;
	padding: 0.25em 0.6em;
}
.schedule_diving_icon{
	background-color: #fff68d;
	padding: 0.25em 0.6em;
}
.schedule_store_icon{
	background-color: #ffd7f9;
	padding: 0.25em 0.6em;
}



/* WordPressのCSSを無理やり上書き */
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

/*スクロールダウン全体の場所*/
.scrollDownIcon{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom: 1%;
	right: 50%;
    /*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 1s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
 }


/* ScrollDownIconの描写 */
.scrollDownIcon span{
    /*描画位置*/
	position: absolute;
	left: 3px;
	transform: translateX(-50%);
    -webkit-transform: translateY(-50%);
	-ms-transform: translateX(-50%);
	bottom: -102px;
    /*テキストの形状*/
	color: #eee;
	font-size: 1rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	cursor: pointer;
}

/* 矢印の描写 */
.scrollDownIcon:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: -80px;
    right: -1px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #eee;
    transform: skewX(-31deg);
}

.scrollDownIcon:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:-80px;
	right:5px;
    /*矢印の形状*/
	width:1px;
	height: 50px;
	background:#eee;
}

/* main contents */
#main_contents{
	padding-top: 105px;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 50px;
}

/* スマホ表示 */
@media (max-width: 600px) {
	#main_contents{
		background: none;
	}
}

	
#main_contents_inner{
	width: calc(100% - 20px);
	max-width: 1280px;
	margin: 0 auto;
	padding-bottom: 80px;
}
#main_contents_inner > div{
	line-height: 1.5em;
}
#main_contents_inner p{
	margin: 1em 0;
	line-height: 2em;
	font-size: clamp(15px, 4vw, 19px);
}
#main_contents_inner div{
	font-size: clamp(15px, 4vw, 19px);
}

#main_contents_inner img{
	width: 100%;
}
#main_contents_inner a{
	text-decoration: underline;
}
#main_contents_inner a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}



/* ページごとのタイトル */
.page_title{
	width: 100%;
	background-color: #002c5d;
	margin-bottom: 20px;
}
.page_title h1{
	color: #ff6464;
	text-align: center;
	padding: 0.8em 0;
	font-size: 42px;
	font-weight: 800;
}
.page_title h1 br{
/*
	display: none;
*/
}

/* ページごとのイメージ画像 */
.page_image{
	display: block;
	margin-bottom: 30px;
}
.page_image img{
	width: 100%;
}

/* ページごとのコンセプト */
h2.page_concept{
	width: calc(100% - 25px);
	border-left: 10px solid #0597da;
	padding-left: 15px;
	border-bottom: 1px solid #AAA;
	line-height: 1.5em;
	font-size: clamp(14px, 5vw, 32px);
	margin-bottom: 30px;
	text-align: left !important;
	
}

/* イベントの説明 */
div.event_detail h2{
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 30px;
	line-height: 1.2em;
	width: calc(100% - 25px);
	border-left: 10px solid #0597da;
	padding-left: 15px;
	border-bottom: 1px solid #AAA;
	line-height: 1.5em;
	font-size: clamp(14px, 5vw, 32px);
	margin-bottom: 30px;
	text-align: left !important;
}


/* イベントの強調タイトル */
div.event_detail h3{
	font-weight: bold;
	font-size: clamp(16px, 8vw, 24px);
}


/* ポイントのコンセプト */
div.point_concept > h2{
	width: calc(100% - 25px);
	border-left: 10px solid #0597da;
	padding-left: 15px;
	border-bottom: 1px solid #AAA;
	line-height: 1.5em;
	font-size: clamp(14px, 5vw, 32px);
	margin-bottom: 30px;
	text-align: left !important;
}

/* お問い合わせアイコン */
.contact_icon{
	max-width: 505px;
	width: 100%;
}

#jaran_reserve_img_block_contact{
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
#jaran_reserve_img{
	width: 100%;
	max-width: 800px;
	text-align: center;
}


/* ウラカタ予約アイコン */
#urakata_reserve_img_block_contact{
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
#urakata_reserve_img_block_contact .urakata_reserve_img{
	width: 100%;
	max-width: 800px;
}

.urakata_reserve_img_block{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.urakata_reserve_img_block .urakata_reserve_img{
	width: 100%;
	max-width: 800px;
}


/* 説明用のテキスト */
p.explanation_text{
	font-size: 20px;
}

/* 説明用のテーブル */
table.explanation_table {
	border-collapse: collapse;
	width: calc(100% - 10px);
	margin-bottom: 30px;
}
table.explanation_table .pc_only {
	display: table-cell;
}
table.explanation_table .sp_only {
	display: none;
}
table.explanation_table ul.point_list{
}
table.explanation_table ul.point_list li{
	font-size: 24px;
	line-height: 2em;
}
table.explanation_table ul#point_photo_list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

table.explanation_table ul#point_photo_list li {
  width: calc(25% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

table.explanation_table th {
	width: 20%;
	max-width: 300px;
	padding: 10px 15px;
	border: 1px solid #777;
	background-color: #96d6ff;
	vertical-align: middle;
	font-weight: bold;
	font-size: clamp(15px, 4vw, 19px);
}


table.explanation_table td {
	padding: 10px 15px;
	border: 1px solid #777;
	line-height: 1.6em;
	background-color: #FFF;
	vertical-align: middle;
	font-size: clamp(15px, 4vw, 19px);
}

table.explanation_table td .total {
  font-weight: 700;
  font-size: 110%;
}
table.explanation_table a{
	text-decoration: underline;
}
table.explanation_table a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}
table.explanation_table #point_map iframe{
	width: 100%;
	height: 420px;
}

table.explanation_table  .point_list{
	line-height: 1em;
	margin-bottom: 1.5em;
}

@media (max-width:767px) {
	h2.page_concept{
		padding-left: 10px;
	}
	table.explanation_table .pc_only {
		display: none;
	}
	table.explanation_table .sp_only {
		display: table-row;
	}
	table.explanation_table th {
		padding: 10px 5px;
		min-width: 60px;
	}
	table.explanation_table td {
		padding: 10px 5px 30px;
	}
	table.explanation_table td br,
	table.explanation_table th br {
		display: inline;
	}
	table.explanation_table ul#point_photo_list li {
		width: calc(50% - 10px);
	}
}


/* アンダーライン */
.underline{
	text-decoration: underline;
}


/* PCとスマホの中間 */
@media (max-width: 1000px) {
	.page_title h1{
		font-size: 32px;
	}
}

/* スマホ表示 */
@media (max-width: 870px) {
	.page_title h1{
		font-size: 22px;
	}
	.page_title h1 br{
		display: inline;
	}
}



/* 説明用のテーブル2 */
table.explanation_table2 {
	border-collapse: collapse;
	width: calc(100% - 10px);
	max-width: 600px;
}
table.explanation_table2 th {
  width: 58%;
  max-width: 300px;
  padding: 10px 15px;
  border: 1px solid #777;
  background-color: #96d6ff;
  vertical-align: middle;
  font-weight: bold;
}

table.explanation_table2 td {
	padding: 10px 15px;
	border: 1px solid #777;
	background-color: #FFF;
}
table.explanation_table2 td {
	line-height: 1.6em;
}


.deal_block{
	color: red;
}

.font_weight_bold{
	font-weight: bold;
}


/* WordPressページ */
.wp-block-embed__wrapper{
	text-decoration: underline;
}
.wp-block-embed__wrapper:hover{
	cursor: pointer;
	opacity: 0.8;
}



/* パパママ学割のテーブル */
table.papamama_student_table {
	border-collapse: collapse;
	width: calc(100% - 10px);
	margin-bottom: 30px;
}
table#papamama_student_table_pc{
	display: table;
}
table#papamama_student_table_sp{
	display: none;
}
table.papamama_student_table th {
  width: 20%;
  max-width: 300px;
  padding: 10px 15px;
  border: 1px solid #777;
  background-color: #96d6ff;
  vertical-align: middle;
  font-weight: bold;
  font-size: 18px;
}
table#papamama_student_table_sp .td_row td{
	padding-bottom: 50px;
}
table.papamama_student_table td {
	padding: 10px 15px;
	border: 1px solid #777;
	line-height: 1.6em;
	background-color: #FFF;
}
table.papamama_student_table a{
	text-decoration: underline;
}
table.papamama_student_table a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}
table.papamama_student_table #point_map iframe{
	width: 100%;
	height: 420px;
}

@media (max-width:767px) {
	table#papamama_student_table_pc{
		display: none;
	}
	table#papamama_student_table_sp{
		display: table;
	}
	
	table.papamama_student_table th {
		padding: 10px 5px;
		min-width: 60px;
	}
	table.papamama_student_table td {
		padding: 10px 5px 10px;
	}

	table.papamama_student_table ul#point_photo_list li {
		width: calc(50% - 10px);
	}
}






/* ２年間はレンタルが無料の表記 */
.rental_equipment_free_image{
	width: 100%;
	margin-bottom: 50px;
}
.rental_equipment_free_image img{
	width: 100%;
	object-fit: contain;
}
@media (max-width: 1300px) {
	.rental_equipment_free_image{
		height: 63.69vw;
		
	}
}


/* パパママ応援バナー */
.papamama_student_page_banner{
	width: 100%;
	max-width: 800px;
	text-align: center;
	margin: 20px auto !important;
}
.papamama_student_page_banner img{
	width: 100%;
	max-width: 800px;
}


/* チェック画像のLI */
ul.check_image_ul_li li{
	background-image: url(/images/check.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto clamp(18px, 4vw, 30px);
	padding-left: clamp(18px, 4vw, 30px);
	line-height: clamp(18px, 4vw, 30px);
	margin-bottom: 0.5em;
	font-size: 18px;
	font-size: clamp(18px, 4vw, 23px);
	color: #4d000a;
	font-weight: bold;
}


/* ポイントマークの見出し */
#main_contents_inner h3.point_h_block{
	display: flex;
	justify-content: left;
	align-items: center;
	border-bottom: 2px solid #0084FF;
}
#main_contents_inner h3.point_h_block > img{
	display: block;
	width: initial;
	width: clamp(35px, 10vw, 60px) !important;
	margin-bottom: 0.25em !important;
}
#main_contents_inner h3.point_h_block > p{
	font-size: 32px;
	font-size: clamp(20px, 7vw, 32px);
	margin: 0 0 0.1em 0.25em !important;
	color: #0084FF;
	font-weight: bold;
}


/* 画像の上にテキストが乗っている画像一覧 */
.text_on_image_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.text_on_image_list > li{
	position: relative;
	width: calc(50% - 6px);
	margin: 15px 0;
}
.text_on_image_list > li > img{
	display: block;
	width: 100%;
}
.text_on_image_list > li > p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 1em);
	background: rgba(0.3, 0.3, 0.3, 0.7);
	padding: 0.2em 0.5em;
	font-size: clamp(14px, 2vw, 19px) !important;
	margin: initial !important;
	color: #FFF;
	text-align: center;
}
@media (max-width: 700px) {
	.text_on_image_list > li{
		display: block;
		width: calc(100% - 6px);
	}
}


/****************** ヘッダー ******************/
header{
	position: fixed;
	width: 100%;
	height: 105px;
	background-color: #e9f9ff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	z-index: 100;
}
header#standard_header{
	display: flex;
	justify-content: center;
	align-items: center;
}
header#standard_header #padi_dc_logo_1_wrapper{
	width: 73px;
	margin: 4px;
}
header#standard_header #padi_dc_logo_1_wrapper img{
	width: 70px;
}
header#standard_header #header_menu_wrapper{
	width: calc(100% - 6px);
	max-width: 1280px;
	margin: 5px 0;
}

header #header_top{
	display: flex;
	justify-content: space-between;
	max-width: 1280px;
	width: calc(100% - 6px);
}
header #header_top_br{
	display: none;
}
header #header_top a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}
header .sp_menu_customer_only{
	display: none;
}
header a{
	cursor: pointer;
}
header a > #padi_dc_logo_2{
	display: none;
	width: 60px;
	position: relative;
	left: 2px;
}

header  h1{
	font-size: 14px;
	color: #33A5D4;
}
header #header_inner{
	display: flex;
	justify-content: space-between;
	max-width: 1280px;
	margin: 0 auto;
}
header #sp_menu_icon{
	display: none;
}
header ul#header_menu{
	width: calc(100% - 20px);
	max-width: 700px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style-type: none;
}
header ul#header_menu li#header_sns_link{
	display: flex;
	align-items: center;
}
header ul#header_menu li#header_sns_link img{
	width: 30px;
}
header ul#header_menu li > a{
	width: calc(100% - 20px);
	margin: 0 10px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	color: #000000;
	text-decoration: none;
}
header ul#header_menu li > a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}
header ul#header_menu li#header_sns_link > a{
	height: initial;
	line-height: initial;
	margin: 0 6px;
}
header ul#header_menu li.dropdown-link .dropdown-menu{
	position: relative;
}
header ul#header_menu li.dropdown-link .dropdown-menu ul{
	position: absolute;
	top: 0;
	left: -40px;
	background-color:red;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	background-color: #eefafe;
	width: 310px;
	z-index: 99;
	display: none;
}

header ul#header_menu li.dropdown-link .dropdown-menu ul li{
	font-size: 14px;
	padding-left: 10px;
	list-style-type: none;
	border-bottom: 1px dotted rgba(148, 46, 89, .4);
}


/* PC表示の時 */
@media (min-width: 871px) {
	header #header_menu{
		display: flex !important;
	}
	header ul#header_menu li.dropdown-link:hover .dropdown-menu ul{
		display: block;
	}
	header .header_top_customer_only a{
		display: inline-block;
		margin: 0 7px 0 0;
	}
}

/* PCとスマホの中間 */
@media (max-width: 1060px) {
	header{
		height: auto;
		min-height: 83px;
	}
	header h1{
		font-size: 13px;
	}
	header#standard_header #padi_dc_logo_1_wrapper{
		width: 60px;
		margin: 4px;
	}
	header#standard_header #padi_dc_logo_1_wrapper img{
		width: 60px;
	}
	header a > #padi_dc_logo_2{
		width: 45px;
	}
	header a.logo img{
		width: 210px;
	}
	header ul#header_menu{
		max-width: 600px;
		font-size: 14px;
	}
	#main_contents{
		padding-top: 83px;
	}
}

/* スマホ表示 */
@media (max-width: 870px) {
	header{
		height: auto;
		min-height: 83px;
	}
	header  h1{
		font-size: 11px;
	}
	header#standard_header #padi_dc_logo_1_wrapper{
		width: 55px;
		margin: 4px;
	}
	header#standard_header #padi_dc_logo_1_wrapper img{
		width: 55px;
	}
	header a > #padi_dc_logo_2{
		width: 40px;
	}
	header a.logo img{
		width: 200px;
	}
	header #sp_menu_icon{
		display: block;
		margin-right: 10px;
	}
	header #sp_menu_icon[data-menu_status="close"]::after{
		content: url("/images/menu_close.png");
	}
	header #sp_menu_icon[data-menu_status="open"]::after{
		content: url("/images/menu_open.png");
	}
	header #header_inner{
		justify-content: space-between;
		align-items: center;
	}
	header ul#header_menu{
		position: absolute;
		z-index: 20;
		display: none;
		width: 100%;
		max-width: initial;
		top: 78px;
		left: 0;
		margin-left: 0;
		background-color: #e9f9ff;
		box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.3);
	}
	header ul#header_menu li{
		width: 100%;
	}
	header ul#header_menu li > a{
		width: auto;
		height: 40px;
		line-height: 40px;
	}
	header ul#header_menu li#header_sns_link{
		justify-content: right;
	}
	header ul#header_menu li#header_sns_link img{
		width: 40px;
	}
	header ul#header_menu li.dropdown-link .dropdown-menu ul{
		display: none;
		position: initial;
		width: 100%;
		opacity: 1;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	header ul#header_menu li.dropdown-link .dropdown-menu ul li{
		width: calc(100% - 30px);
		margin: 0 10px 0 20px;
		padding: 0;
	}
	header ul#header_menu .header_main_page_link{
		display: flex;
		
		justify-content: space-between;
	}
	header ul#header_menu .header_main_page_link .menu_status_char{
		display: block;
	}
	header ul#header_menu li.header_instagram_link{
		height: 60px;
		line-height: 60px;
	}
	#main_contents{
		padding-top: 83px;
	}
	header .header_top_customer_only{
		display: none;
	}
	header .sp_menu_customer_only{
		display: block;
	}
}
@media (max-width: 390px) {
	header  h1{
		font-size: 10px;
	}
}
@media (max-width: 360px) {
	header #header_top_br{
		display: inline;
	}
}

@media (max-width: 870px) and (max-height: 750px){
	header ul#header_menu li > a{
		width: auto;
		height: 25px;
		line-height: 25px;
	}
}


/* 緊急告知用のポップアップ */
#urgent_popup_filter{
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(160, 160, 160, 0.8);
	width: 100%;
	height: 100%;
}

#urgent_popup_filter #urgent_popup{
	position: fixed;
	top: 50%;
	left: calc(0.5% + 2.5px);
	transform: translate(0, -50%);
	background: rgba(255, 255, 255, 0.95);
	border: 2px solid #000;
	border-radius: 10px;
	width: calc(99% - 10px);
	padding: 10px 0;
}
#urgent_popup_filter #urgent_close_button_block{
	position: fixed;
	top: -45px;
	right: 0%;
}
#urgent_popup_filter #urgent_close_button{
	cursor: pointer;
}
#urgent_popup_filter #urgent_popup h1{
	color: #F00;
	font-size: 24px;
	line-height: 1.5em;
	text-align: center;
}
#urgent_popup_filter #urgent_popup #urgent_content{
	line-height: 1.5em;
	width: calc(100% - 6px);
	padding: 3px;
	max-width: 800px;
	margin: 0 auto;
}
#urgent_popup_filter #urgent_popup #urgent_content a{
	color: #001191;
}
#urgent_popup_filter #urgent_popup #urgent_content a:hover{
	text-decoration: underline;
}


/* フッター */
footer{
	background-color: #002c5d;
	padding: 40px 0 20px;
}
footer .footer_inner{
	width: calc(100% - 20px);
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

footer #footer_left{
	margin-right: 50px;
	margin-bottom: 50px;
}
footer #footer_right{
	display: flex;
	color: #FFF;
}

/* フッターのPADIロゴ */
footer #footer_left #footer_padi{
	margin-bottom: 50px;
}
footer #footer_left #footer_padi img{
	height: 100vh;
	min-height: 190px;
	max-height: 190px;
}

/* フッターの営業時間 */
footer #footer_left #footer_business{
	position: relative;
	margin-bottom: 50px;
}
footer #footer_left #footer_business h3{
	font-size: 23px;
	padding-left: 15px;
	font-weight: 800;
	margin-bottom: 20px;
	color: #FFF;
}
footer #footer_left #footer_business > h3::before{
	content: '';
	position: absolute;
	left: 0;
	width: 3px;
	height: 23px;
	background-color: #64acff;
}
footer #footer_left #footer_business > ul > li{
	margin-bottom: 10px;
}
footer #footer_left #footer_business > ul > li > span{
	color: #FFF;
}
footer #footer_left #footer_business > ul > li > span > a{
	color: #FFF;
}
footer #footer_left #footer_business > ul > li > span > a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}

/* フッターのお問い合わせ */
footer #footer_left #footer_contact{
	position: relative;
}
footer #footer_left #footer_contact h3{
	font-size: 23px;
	padding-left: 15px;
	font-weight: 800;
	margin-bottom: 20px;
	color: #FFF;
}
footer #footer_left #footer_contact > h3::before{
	content: '';
	position: absolute;
	left: 0;
	width: 3px;
	height: 23px;
	background-color: #64acff;
}
footer #footer_left #footer_contact > ul li{
	margin-bottom: 10px;
}
footer #footer_left #footer_contact > ul li a{
	display: flex;
	justify-content: left;
	align-items: center;
	color: #FFF;
}
footer #footer_left #footer_contact > ul li a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}
footer #footer_left #footer_contact > ul li a img{
	display: inline-block;
	margin-right: 5px;
}

footer #footer_right > div{
	min-width: 180px;
}
footer #footer_right > div:nth-child(1){
	margin-right: 50px;
}
footer #footer_right > div:nth-child(2){
}
footer #footer_right > div h3{
	position: relative;
	font-size: 23px;
	padding-left: 15px;
	font-weight: 800;
}
footer #footer_right > div h3::before{
	content: '';
	position: absolute;
	left: 0;
	width: 3px;
	height: 23px;
	background-color: #64acff;
}
footer #footer_right > div ul {
	margin-bottom: 50px;
}
footer #footer_right > div ul li{
	margin-bottom: 15px;
}
footer #footer_right > div ul li#footer_twitter{
	width: 355px;
}
footer #footer_right > div ul li a{
	display: flex;
	justify-content: left;
	align-items: center;
	color: #FFF;
	background-color: #FFF;
	border-radius: 10px;
}
footer #footer_right > div ul li a img{
	display: block;
	border-radius: 10px;
}
footer #footer_right > div ul li a div{
	display: block;
}
footer #footer_right > div ul li a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}
footer li .footer_banner{
	width: 100%;
	max-width: 350px;
}

footer #copyright{
	color: #FFF;
	text-align: center;
}
footer #copyright #c_1{
	
}
footer #copyright #c_1::after{
	content: ' ';
}


/* お問い合わせメニューをページ下部に固定 */
footer #sp-fixed-menu{
	display: none;
	position: fixed;
	width: 100%;
	bottom: 0px;
	font-size: 0;
	opacity: 0.9;
	z-index: 99;
}

/*メニューを横並びにする*/
footer #sp-fixed-menu ul{
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

footer #sp-fixed-menu li{
	justify-content: center;
	align-items: center;
	width: 50%;
	padding: 0;
	margin: 0;
	font-size: 14px;
	border-right: 1px solid #fff;
}

/*左側メニューを緑色に*/
footer #sp-fixed-menu li:first-child{
	background: #02c93f;
}

/*左側メニューをオレンジ色に*/
footer #sp-fixed-menu li:last-child{
	background: #dd0383;
}

/*ボタンを調整*/
footer #sp-fixed-menu li a{
	color: #fff;
	text-align: center;
	display:block;
	width: calc(100% - 40px);
	padding: 20px;
	font-size: clamp(16px, 5vw, 22px);
}



/* スマホ表示 */
@media (max-width: 870px) {
	footer .footer_inner{
		display: block;
		-ms-flex-wrap: initial;
		flex-wrap: initial;
	}
	footer #footer_left{
		margin-bottom: 50px;
		margin-right: 0px;
	}
	footer #footer_right{
		display: block;
	}
	footer #footer_right > div{
		margin-left: 0;
		margin-bottom: 40px;
	}
	footer #footer_right > div ul li{
		margin-bottom: 1.5em;
	}
	footer #footer_right > div ul li#footer_twitter{
		width: 100%;
		max-width: 500px;
	}
	footer #footer_right > div ul li a{
		display: inline-block;
	}
}
@media (max-width: 700px) {
	footer{
		background-color: #002c5d;
		padding: 40px 0 80px;
	}
	footer li .footer_banner{
		max-width: initial;
	}
	footer #footer_right > div:nth-child(1){
		margin-right: 0;
	}
	footer #sp-fixed-menu{
		display: block;
	}
}
@media (max-width: 500px) {
	footer #copyright #c_1{
		display: block;
	}
	footer #copyright #c_1::after{
		display: none;
	}
	footer #copyright #c_2{
		display: block;
	}
	
}





/* トップページ */
#top_banner{
	width: 100%;
	max-width: 1920px;
	height: 40vw;
	max-height: 776px;
	margin: 0 auto 80px;
}

#top_banner ul li{
	position: absolute;
	z-index: 10;
}
#top_banner ul li picture{
	width: 100%;
	max-width: 1920px;
}
#top_banner ul li picture source{
	position: initial;
	z-index: 10;
	width: 100%;
	object-fit: cover;
}
#top_banner ul li picture img{
	position: initial;
	z-index: 10;
	width: 100%;
	object-fit: cover;
}
#top_banner ul > li > a:hover,
#top_banner ul > li > a img:hover{
	opacity: 1.0;
}


/* PC用バナー */
@media (min-width: 601px) {
	.top_banner_pc_only{
		display: initial;
	}
	.top_banner_sp_only{
		display: none;
	}
}

/* スマホ用バナー */
@media (max-width: 600px) {
	#top_banner{
		width: 100%;
		max-width: 600px;
		height: 116.66vw;
		max-height: 800px;
		margin: 0 auto 80px;
	}
	.top_banner_pc_only{
		display: none;
	}
	.top_banner_sp_only{
		display: initial;
	}
	#top_banner ul li .text h2{
		font-size: 16px;
		margin-bottom: 20px;
	}
	#top_banner ul li .text p{
		font-size: 13px;
		line-height: 24px;
	}
	
	#top_banner ul li .text{
		left: 2%;
	}
}


/* トップページ */
.top_img_link_wrapper{
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top_img_link_wrapper .top_img_col_3{
	width: calc(33.333% - 20px);
	max-width: 360px;
	margin: 10px 10px 50px;
}
.top_img_link_wrapper .top_img_col_4{
	width: calc(25% - 20px);
	max-width: 360px;
	margin: 10px 10px 50px;
}
.top_img_link_wrapper .top_img_link{
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(150, 150, 150, .3);
	box-shadow: 0 0 15px rgba(150, 150, 150, .3);
}
.top_img_link_wrapper .top_img_link .image img{
	width: 100%;
	max-width: 360px;
	margin-bottom: 10px;
}
.top_img_link_wrapper .top_img_link .content{
	width: calc(100% - 20px);
	margin: 0 10px;
}
.top_img_link_wrapper .top_img_link .content a{
	display: block;
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: .7s;
	transition: .7s;
	text-align: center;
	margin-bottom: 20px;
}
.top_img_link_wrapper .top_img_link .content p{
	line-height: 1.6em;
	padding-bottom: 1em;
}
.top_img_link_wrapper .top_img_link .content a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}

/* トップページのメニュー */
.top_menu{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 80px;
}
.top_menu .top_section_title{
	margin-bottom: 80px;
	text-align: center;
}
.top_menu .top_section_title > h1{
	font-size: 25px;
	color: #ff6464;
	font-weight: 600;
	margin-bottom: 1em;
}
.top_menu .top_section_title > div{
	font-size: 25px;
}

/* カレンダーリンク */
#schedule_calendar_link_point{
	margin-bottom: 120px;
	height: 1px;
}

/* トップページのスマホ表示(大きめサイズ) */
@media (max-width: 1100px) {
	.top_img_link_wrapper{
		justify-content: space-around;
	}
	.top_img_link_wrapper .top_img_col_3,
	.top_img_link_wrapper .top_img_col_4{
		width: calc(50% - 20px);
		max-width: 600px;
	}
	.top_img_link_wrapper .top_img_link .image img{
		max-width: 600px;
	}
}

/* トップページのスマホ表示(小さめサイズ) */
@media (max-width: 730px) {
	.top_menu .top_section_title{
		margin-bottom: 50px;
	}
	.top_menu .top_section_title > div{
		font-size: 18px;
	}
	.top_img_link_wrapper .top_img_col_3,
	.top_img_link_wrapper .top_img_col_4{
		width: calc(50% - 8px);
		max-width: 600px;
		margin: 10px 4px 40px;
	}
	.top_img_link_wrapper .top_img_link .content{
		width: calc(100% - 10px);
		margin: 0 5px;
	}
	.top_img_link_wrapper .top_img_link .content a{
		margin-bottom: 10px;
	}
	.top_img_link_wrapper .top_img_link .content a h3{
		font-size: 16px;
	}
	.top_img_link_wrapper .top_img_link .content p{
		font-size: 14px;
	}
	.top_img_link_wrapper .top_img_link .content p br{
		display: none;
	}
}

/* カレンダーへ移動リンク */
#schedule_page #move_calendar_link{
	margin-bottom: 50px;
	font-size: 22px;
	text-align: center;
}
#schedule_page #move_calendar_link > a,
#schedule_page #move_calendar_link > a:link,
#schedule_page #move_calendar_link > a:visited{
	color: #0067c7;
	text-decoration: none;
}
#schedule_page #move_calendar_link >  a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}

#schedule_page #mck_schedule_point{
	margin-bottom: 200px;
}


/* カレンダーのツアー */
#top_page #schedule_calendar #calendar_tour_title{
	display: none;
}
#top_page #schedule_calendar ul#calendar_tour_list{
	display: none;
}
#schedule_calendar ul#calendar_tour_list{
	width: 100%;
	max-width: 900px;
	font-size: clamp(14px, 8vw, 18px);
	margin-bottom: 70px;
}
#schedule_calendar ul#calendar_tour_list > li{
	display: block;
	margin-bottom: 2em;
}
#schedule_calendar ul#calendar_tour_list > li .date{
	width: initial;
	text-align: left;
	padding-right: 1em;
	font-weight: bold;
}
#schedule_calendar ul#calendar_tour_list > li > div{
	margin-bottom: 0.5em;
	padding: 0;
}
#schedule_calendar #clendar_touer_notice{
	color: #AA0000;
	line-height: 1.9em;
}
#schedule_calendar ul#calendar_tour_list > li a,
#schedule_calendar ul#calendar_tour_list > li a:link,
#schedule_calendar ul#calendar_tour_list > li a:visited{
	color: #0067c7;
	text-decoration: none;
}
#schedule_calendar ul#calendar_tour_list > li a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}



/* PCのCカード */
#main_contents_inner img.pc_c_card{
	max-width: 1000px;
}
/* SPのCカード */
#main_contents_inner img.sp_c_card{
	max-width: 600px;
}



/**************** コースの流れ関係 ********************/
#course_step{
	border-radius: 10px;
	margin-bottom: 15px;
}
#course_step .list{
	display: flex;
	border: 1px solid #777;
	width: calc(100% - 12px);
}
#course_step .list .step_img{
	margin: 10px;
	text-align: center;
	width: calc(40vw - 20px);
}
#course_step .list .step_img img{
	max-width: 400px;
}
#course_step .list .step_explanation{
	width: calc(60vw - 20px);
	margin: 10px;
}
#course_step .list .step_explanation h4{
	font-size: 18px;
	font-weight: bold;
}
#course_step .step_arrow_block{
	text-align: center;
}
#course_step .step_arrow_block .step_arrow{
	width: 80px;
}
#course_step a{
	text-decoration: underline;
}
#course_step a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}

/* スマホ表示(小さめサイズ) */
@media (max-width: 730px) {
	#course_step .list{
		display: block;
	}
	#course_step .list .step_img{
		width: initial;
	}
	#course_step .list .step_explanation{
		width: initial;
	}
}



/******************* ランク割引制度 ******************/
ul#rank_discount_system_wrapper{
	display: flex;
	margin-bottom: 15px;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul#rank_discount_system_wrapper::after{
	content: "";
	display: block;
	width: 32.5%;
}
ul#rank_discount_system_wrapper li{
	width: 32.5%;
	margin-bottom: 50px;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(150, 150, 150, .3);
	padding-top: 0.5em;
	padding-bottom: 1em;
}

ul#rank_discount_system_wrapper li .image{
	text-align: center;
	margin-bottom: 20px;
}
ul#rank_discount_system_wrapper li > div{
	width: 95%;
	padding: 0 2.5%;
}
ul#rank_discount_system_wrapper li .image > img{
	width: 95%;
	max-width: 390px;
}
ul#rank_discount_system_wrapper li .rank{
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
ul#rank_discount_system_wrapper li .discount,
ul#rank_discount_system_wrapper li .dm_discount{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	padding: 10px 2.5%;
}
ul#rank_discount_system_wrapper li .discount{
	background-color: #FE5564;
	color: #FFF;
}
ul#rank_discount_system_wrapper li .dm_discount{
	background-color: #000;
	color: #FFF;
}
ul#rank_discount_system_wrapper li .explanation{
	font-size: 16px;
	text-align: left;
	margin-bottom: 20px;
	line-height: 1.5em;
}



/* イベントスマホ表示(小さめサイズ) */
@media (max-width: 900px) {
	ul#rank_discount_system_wrapper::after{
		width: 49%;
	}
	ul#rank_discount_system_wrapper li{
		width: 49%;
	}
}
@media (max-width: 700px) {
	ul#rank_discount_system_wrapper::after{
		width: 99%;
	}
	ul#rank_discount_system_wrapper li{
		width: 99%;
	}
}



/******************* ファンダイビングページ ******************/
#fundiving_page #point_page_link a{
	cursor: pointer;
}
#fundiving_page #point_page_link a:hover{
	opacity: 0.8;
}


/******************* ポイントページ ******************/


/* ポイントページ */
#point_page .fundiving_link_wrapper{
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: left;
}
#point_page .fundiving_link_wrapper .fundiving_link{
	width: calc(25% - 20px);
	max-width: 360px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(150, 150, 150, .3);
	box-shadow: 0 0 15px rgba(150, 150, 150, .3);
	margin: 10px 10px 50px;
}
#point_page .fundiving_link_wrapper .fundiving_link .image img{
	width: 100%;
	max-width: 360px;
	margin-bottom: 10px;
}
#point_page .fundiving_link_wrapper .fundiving_link .content{
	width: calc(100% - 20px);
	margin: 0 10px;
}
#point_page .fundiving_link_wrapper .fundiving_link .content a{
	display: block;
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: .7s;
	transition: .7s;
	text-align: center;
	margin-bottom: 20px;
}
#point_page .fundiving_link_wrapper .fundiving_link .content p{
	line-height: 1.6em;
	padding-bottom: 1em;
}
#point_page .fundiving_link_wrapper .fundiving_link .content a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}

/* ファンダイビングのスマホ表示 */
@media (max-width: 900px) {
	#point_page .fundiving_link_wrapper .fundiving_link{
		width: calc(50% - 20px);
		max-width: 600px;
	}
	#point_page .fundiving_link_wrapper .fundiving_link .image img{
		max-width: 600px;
	}
}

/* ファンダイビングのスマホ表示（小さめ） */
@media (max-width: 900px) {
	#point_page .fundiving_link_wrapper .fundiving_link{
		width: calc(50% - 6px);
		max-width: 600px;
		margin: 3px 3px 30px;
	}
	#point_page .fundiving_link_wrapper .fundiving_link .image img{
		max-width: 600px;
	}
	#point_page .fundiving_link_wrapper .fundiving_link .content a{
		font-size: 18px;
	}
	#point_page .fundiving_link_wrapper .fundiving_link .content p{
		font-size: 14px;
	}
}



/************* 器材の試用・トライアルページ ****************/

#trial_equipment_page #tusa_logo{
	max-width: 300px;
}
#trial_equipment_page #aqualung_logo{
	max-width: 400px;
}
#trial_equipment_page #bism_logo{
	max-width: 300px;
}
#trial_equipment_page #scubapro_logo{
	max-width: 244px;
}
#trial_equipment_page #atomic_logo{
	max-width: 300px;
}
#trial_equipment_page #water_proof_logo{
	max-width: 200px;
}
#trial_equipment_page #fisheye_group_logo{
	max-width: 450px;
}
#trial_equipment_page #seven_seas_planet_logo{
	max-width: 300px;
}



/**************** 器材販売ページ ***************/

#equipment_page .equipment_explanation #tusa_logo{
	max-width: 300px;
}
#equipment_page .equipment_explanation #scubapro_logo{
	max-width: 244px;
}
#equipment_page .equipment_explanation #atomic_logo{
	max-width: 300px;
}
#equipment_page .equipment_explanation #bism_logo{
	max-width: 300px;
}
#equipment_page .equipment_explanation #water_proof_logo{
	max-width: 200px;
}
#equipment_page .equipment_explanation #fisheye_group_logo{
	max-width: 450px;
}
#equipment_page .equipment_explanation #seven_seas_planet_logo{
	max-width: 300px;
}

#equipment_page .equipment_explanation ul#mck_equipment_point{
	margin: 20px 0;
}
#equipment_page .equipment_explanation #shop_qeuipment{
}
#equipment_page .equipment_explanation #yahoo_shopping_logo{
	max-width: 560px;
}
#equipment_page .equipment_explanation a{
	text-decoration: underline;
}
#equipment_page .equipment_explanation a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}

#equipment_page #dealer_pc{
	width: 100%;
	max-width: 1154px;
}
#equipment_page #dealer_sp{
	width: 100%;
	max-width: 684px;
	display: none;
}

#equipment_page table#equipment_table {
  border-collapse: collapse;
  width: calc(100% - 10px)
}
#equipment_page table#equipment_table .pc_only {
	display: table-cell;
}
#equipment_page table#equipment_table .sp_only {
	display: none;
}
#equipment_page table#equipment_table .price{
	color: #F00;
	font-size: 22px;
}
#equipment_page table#equipment_table .notice{
	font-size: 16px;
}
#equipment_page table#equipment_table th {
  width: 20%;
  max-width: 300px;
  padding: 10px 15px;
  border: 1px solid #777;
  background-color: #96d6ff;
  vertical-align: middle;
  font-weight: bold;
}
#equipment_page table#equipment_table th{
	width: 30%;
}
#equipment_page table#equipment_table td{
	width: 70%;
	text-align: center;
}
#equipment_page table#equipment_table img{
	width: 100%;
	max-width: 550px;
}
#equipment_page table#equipment_table td br,
#equipment_page table#equipment_table th br{
	
}
#equipment_page table#equipment_table td{
	padding: 10px 15px;
	border: 1px solid #777;
	line-height: 1.6em;
}
#equipment_page table#equipment_table td a{
	text-decoration: underline;
}
#equipment_page table#equipment_table td a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}
#equipment_page .equipment_photo{
}
#equipment_page .equipment_photo img{
	width: calc(50% - 10px);
}

#equipment_page #tusa_complete_set{
	margin-bottom: 50px;
}
#equipment_page #tusa_complete_set img{
	width: 100%;
	max-width: 1280px;
}

@media (max-width:767px) {
	#equipment_page table#equipment_table .pc_only {
		display: none;
	}
	#equipment_page table#equipment_table .sp_only {
		display: table-row;
	}
	#equipment_page table#equipment_table th {
		padding: 10px 5px;
		min-width: 60px;
	}
	#equipment_page table#equipment_table td {
		padding: 10px 5px 70px;
	}
	#equipment_page table#equipment_table td br,
	#equipment_page table#equipment_table th br {
		display: inline;
	}
	#equipment_page table#equipment_table ul#point_photo_list li {
		width: calc(50% - 10px);
	}
	
	#equipment_page #dealer_pc{
		display: none;
	}
	#equipment_page #dealer_sp{
		display: block;
	}

}




/*************** 無料送迎サービス **************/
#pickup_service .pickup_service_explanation #pickup_icon{
	max-width: 800px;
}
#pickup_service #use_car_or_train{
	display: flex;
	margin-bottom: 50px;
}
#pickup_service #use_car_or_train img{
	display: block;
	width: 50%;
}
@media (max-width: 870px) {
	#pickup_service #use_car_or_train{
		display: block;
	}
	#pickup_service #use_car_or_train img{
		width: 100%;
	}
}
#pickup_service #pickup_service_map{
	width: 100%;
	max-width: 1100px;
}
#pickup_service .explanation_table #tojo_line_back{
	background: url("/images/pickup_service/tojo-line-back.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
#pickup_service .explanation_table #seibu_line_back{
	background: url("/images/pickup_service/seibu-line-back.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
#pickup_service .explanation_table #keio_line_back{
	background: url("/images/pickup_service/keio-line-back.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
#pickup_service .pickup_point_list{
	display: flex;
	margin-bottom: 50px;
}
#pickup_service .pickup_point_list .point_image{
	width: 100%;
	max-width: 350px;
	margin-right: 2%;
}
#pickup_service .pickup_point_list .point_image img{
	border-radius: 50%;
}
#pickup_service .pickup_point_list .point_explanation{
	width: 100%;
	max-width: 1000px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 1em;
}
#pickup_service .pickup_point_list .point_explanation h2{
	position: relative;
	margin-bottom: 1rem;
	padding-bottom: 2rem;
	font-weight: bold;
	font-size: 26px;
	color: #353535;
}
#pickup_service .pickup_point_list .point_explanation h2::before{
	position: absolute;
	left: -10px;
	bottom: 0px;
	width: 100%;
	height: 10px;
	transform: skew(-30deg);
	background-image: repeating-linear-gradient(90deg, transparent 0 4px, #b3ddb5 4px 8px);
	content: '';
	z-index: -1;
}

#pickup_service .pickup_point_list .point_explanation > div{
	font-size: clamp(15px, 4vw, 21px);
}

@media (max-width:900px) {
	#pickup_service .pickup_point_list{
		display: block;
		margin-bottom: 150px;
	}
	#pickup_service .pickup_point_list .point_image{
		width: 95%;
		max-width: 600px;
		margin: 0 auto 10px;
	}
}



/************* 保険について *****************/
#insurance .insurance_explanation table.explanation_table th {
	width: 25%;
	max-width: 350px;
}
#insurance .insurance_explanation a{
	text-decoration: underline;
}
#insurance .insurance_explanation a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}

/************* アクセス *****************/
#access #access_warning{
	margin: 0.75em 0;
}
#access #access_warning_title{
	font-size: clamp(18px, 10vw, 26px);
	color: red;
	font-weight: bold;
	margin-bottom: 0.5em;
}
#access #access_warning li{
	margin-bottom: 0.5em;
	font-size: clamp(16px, 5vw, 22px);
}
#access .access_explanation .half img{
	display: inline-block;
	width: calc(50% - 10px);
	margin: 2px;
}

#access #access_google_map iframe{
	width: 100%;
	height: 600px;
}

/* スマホ用バナー */
@media (max-width: 680px) {
	#access .access_explanation .half img{
		display: inline-block;
		width: calc(100% - 10px);
	}
}

/*************** お問い合わせ *************/

#contact_page #everyday_contact_ok{
	margin: 30px 0;
	font-size: 22px;
	line-height: 1.4em;
	color: #750000;

}
#contact_page .schedule_underline{
	text-decoration: underline;
	font-weight: bold;
}
#contact_page .contact_text{
	font-size: clamp(16px, 5vw, 22px);
}

@media (max-width: 900px) {
	#contact_page #everyday_contact_ok{
		font-size: 18px;
	}
}

/************* 営業方針について *****************/
#about .about_contents{
	margin-bottom: 60px;
}
#about #padi_dc_img{
	width: auto;
	height: 100vh;
	max-height: 190px;
}
#about #padi_dc_year_img{
	width: auto;
	height: 100vh;
	min-height: 190px;
	max-height: 190px;
}
#about .about_contents .about_contents_photo_text{
	display: flex;
	justify-content: left;
	align-items: center;
	width: 100%;
}
#about .about_contents .about_contents_photo_text .sp_only_image{
	display: none !important;
}
#about .about_contents .about_contents_photo_text .text{
	width: calc(70% - 10px);
	margin-right: 10px;
}
#about .about_contents .about_contents_photo_text .photo{
	width: calc(30% - 10px);
	margin-right: 10px;
}
#about .about_contents .about_contents_photo_text .photo img{
	width: clamp(100px, 28vw, 370px);
	border-radius: 50%;
}

@media (max-width: 900px) {
	#about .about_contents .about_contents_photo_text .text{
		width: calc(55% - 10px);
	}
	#about .about_contents .about_contents_photo_text .photo{
		width: calc(45% - 10px);
	}
	#about .about_contents .about_contents_photo_text .photo img{
		width: clamp(100px, 38vw, 370px);
	}
}

@media (max-width: 700px) {
	#about .about_contents .about_contents_photo_text{
		display: block;
		margin-bottom: 50px;
	}
	#about .about_contents .about_contents_photo_text .pc_only_image{
		display: none;
	}
	#about .about_contents .about_contents_photo_text .sp_only_image{
		display: block !important;
	}
	#about .about_contents .about_contents_photo_text .text{
		width: calc(100% - 10px);
		margin: 0 auto 10px;
	}
	#about .about_contents .about_contents_photo_text .photo{
		width: calc(100% - 10px);
		max-width: initial;
		margin: 0 auto;
		text-align: center;
	}
	#about .about_contents .about_contents_photo_text .photo img{
		width: 70vw;
		max-width: 400px;
	}
}


/************* よくあるダイビングの質問・疑問 *****************/
#q_and_a #qa_logo_list{
	margin-bottom: 20px;
}
#q_and_a #qa_logo_list img{
	width: 100%;
	max-width: 92px;
}
#q_and_a .question_category_list{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
#q_and_a .question_category_list a{
	text-decoration: underline;
}
#q_and_a .question_category_list a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}
#q_and_a .question_category_list ul li{
	margin-bottom: 20px;
}
#q_and_a .question_category{
	padding-top: 120px;
}
#q_and_a .question_category h3{
	color: #c14d4d;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
#q_and_a .question_category .question_and_answer_set{
	padding: 3px 0;
	border-bottom: 1px solid #777;
	margin-bottom: 20px;
}
#q_and_a .question_category .question_and_answer_set a{
	color: #c14d4d;
	text-decoration: underline;
}
#q_and_a .question_category .question_and_answer_set .warning{
	color: #FF0000;
}
#q_and_a .question_category .question_and_answer_set .question{
	padding: 3px 0;
	line-height: 1.8em;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	cursor: pointer;
}
#q_and_a .question_category .question_and_answer_set .question div.text{
	display: flex;
	align-items: flex-start;
}
#q_and_a .question_category .question_and_answer_set .question div.text > *{
	color: #28718a;
}
#q_and_a .question_category .question_and_answer_set .question div.dropdown{
	width: 30px;
	min-width: 30px;
	display: flex;
	align-items: center;
}
#q_and_a .question_category .question_and_answer_set .question div.dropdown img{
	display: inline-block;
	width: 30px;
	min-width: 30px;
	transition: 0.5s ease-in-out;
}
#q_and_a .question_category .question_and_answer_set .question div{
	margin: initial;
	font-size: 18px;
	font-weight: bold;
}
#q_and_a .question_category .question_and_answer_set .question div:nth-child(1){
	margin-right: 5px;
}


#q_and_a .question_category .question_and_answer_set .answer{
	padding: 3px 0;
	line-height: 1.8em;
	display: flex;
	align-items: flex-start;
	font-size: 18px;
}
#q_and_a .question_category .question_and_answer_set .answer div{
	margin: initial;
}
#q_and_a .question_category .question_and_answer_set .answer div:nth-child(1){
	margin-right: 5px;
}
#q_and_a .question_category .question_and_answer_set .answer div img{
	width: 92px;
}


/***************  レンタル *******************/

#rental_equipment_page .rental_sample img{
	width: calc(25% - 5px);
}
#rental_equipment_page #rental_price_wrapper{
	display: flex;
}
#rental_equipment_page #rental_price_wrapper #rental_price_list{
	width: 50%;
	max-width: 600px;
}
#rental_equipment_page #rental_price_wrapper #rental_price_list table{
	border-collapse: collapse;
	width: 100%;
}
#rental_equipment_page #rental_price_wrapper #rental_price_list table th{
	width: 60%;
	max-width: 300px;
	border: 1px solid #777;
	background-color: #96d6ff;
	vertical-align: middle;
	font-weight: bold;
}
#rental_equipment_page #rental_price_wrapper #rental_price_list table td{
	border: 1px solid #777;
	background-color: #FFF;
	vertical-align: middle;
	text-align: center;
}
#rental_equipment_page #rental_price_wrapper #rental_price_list table td img{
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto;
}
#rental_equipment_page #rental_price_wrapper #rental_price_list table div{
	text-align: center;
}
#rental_equipment_page #rental_price_wrapper #rental_price_list table div.font_color_red{
	font-weight: normal;
	font-size: 80%;
}
#rental_equipment_page #rental_price_wrapper #rental_max_banner{
	width: 50%;
	max-width: 600px;
}
#rental_equipment_page #rental_price_wrapper #rental_max_banner img{
	width: 100%;
}
@media (max-width: 850px) {
	#rental_equipment_page .rental_sample img{
		width: calc(50% - 5px);
	}
	#rental_equipment_page #rental_price_wrapper{
		display: block;
	}
	#rental_equipment_page #rental_price_wrapper #rental_price_list{
		width: 100%;
	}
	#rental_equipment_page #rental_price_wrapper #rental_max_banner{
		width: 100%;
	}
}

/* LPページ専用 */
.about_padi_license{
	font-size: 24px;
}

#lp_point_photo_list{
	display: flex;
	flex-wrap: wrap;
}
#lp_point_photo_list li{
	display: block;
	width: 50%;
}
#lp_point_photo_list li a{
	width: 100%;
}
#lp_point_photo_list li a img{
	width: 100%;
}



/******************* 会員専用ページ *******************/

#customer_page_item #preparation{
	font-size: 28px;
}

#customer_page_item .item_contact_mail img{
	border-radius: 10px;
}

/* 商品カテゴリ */
#customer_item_category_wrapper{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#customer_item_category_wrapper a.customer_item_category{
	display: inline-block;
	width: calc(50% - 10px);
	margin-bottom: 20px;
}
#customer_item_category_wrapper a.customer_item_category img{
	border-radius: 15px;
}
@media (max-width: 850px) {
	#customer_item_category_wrapper a.customer_item_category{
		width: calc(100% - 10px);
		margin-bottom: 15px;
	}
}

/* 商品 */
#customer_item_wrapper{
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}
#customer_item_wrapper .item{
	display: inline-block;
	width: calc(33.333% - 24px);
	margin-bottom: 20px;
	margin-left: 12px;
	margin-right: 12px;
}
#customer_item_wrapper .item .item_content{
	width: 100%;
}
#customer_item_wrapper .item tr td{
	padding: 5px;
}
#customer_item_wrapper .item .item_image{
	max-width: 300px;
	margin: 0 auto;
}
#customer_item_wrapper .item .item_name,
#customer_item_wrapper .item .item_photo,
#customer_item_wrapper .item .variation,
#customer_item_wrapper .item .explanation,
#customer_item_wrapper .item .regular_price,
#customer_item_wrapper .item .mck_price,
#customer_item_wrapper .item .option_price,
#customer_item_wrapper .item .official_link,
#customer_item_wrapper .item .official_link_no{
	border: 1px solid #777;
	line-height: 1.5em;
}
#customer_item_wrapper .item .official_link_no{
	text-decoration: line-through;
}
#customer_item_wrapper .item .item_name{
	text-align: center;
	font-weight: bold;
	background-color: #D0FAFF;
	font-size: 1.1em;
}
#customer_item_wrapper .item .mck_price{
	font-weight: bold;
	color: #FF0000;
}
@media (max-width: 1000px) {
	#customer_item_wrapper .item{
		width: calc(50% - 24px);
	}
}
@media (max-width: 600px) {
	#customer_item_wrapper .item{
		width: calc(100% - 24px);
	}
}



/* メンテナンス */
#maintenance_page .oh_service_explanation{
	margin-bottom: 50px;
}
#maintenance_page #oh_service_name_list{
	margin-bottom: 50px;
	line-height: 2.0em;
}
#maintenance_page #oh_benefits{
	margin-bottom: 50px;
	line-height: 2.0em;
}

#maintenance_page #oh_service_notice{
	margin-bottom: 100px;
}
#maintenance_page #oh_service_img_list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
#maintenance_page #moma_img_link{
	width: calc(50% - 5px);
	display: block;
}
#maintenance_page #moma_img_link #moma_img{
	width: 100%;
	max-width: 640px;
}
#maintenance_page #ohc_img_link{
	width: calc(50% - 5px);
	display: block;
}
#maintenance_page #ohc_img_link #ohc_img{
	width: 100%;
	max-width: 640px;
}
#maintenance_page #customer_maintenance_wrapper{
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}
#maintenance_page #customer_maintenance_wrapper .maintenance{
	display: inline-block;
	width: calc(33.333% - 22px);
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #777;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.8);
}
#maintenance_page #customer_maintenance_wrapper .maintenance .maintenance_name{
	width: calc(100% - 10px);
	padding: 5px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	background-color: #f8d9ff;
}
#maintenance_page #customer_maintenance_wrapper .maintenance .maintenance_image{
	width: calc(100% - 10px);
	padding: 5px;
	margin: 0 auto;
	text-align: center;
}
#maintenance_page #customer_maintenance_wrapper .maintenance .maintenance_image img{
	width: 100%;
	max-width: 300px;
}
#maintenance_page #customer_maintenance_wrapper .maintenance .price{
	width: calc(100% - 10px);
	padding: 5px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	color: #FF0000;
	font-size: 14px;
	text-align: left;
	background-color: rgba(220,220,220,0.8);
}

#maintenance_page #customer_maintenance_wrapper .maintenance .explanation{
	width: calc(100% - 10px);
	padding: 5px;
	margin: 0 auto;
}

@media (max-width: 1000px) {
	#maintenance_page #customer_maintenance_wrapper .maintenance{
		width: calc(50% - 22px);
	}
}
@media (max-width: 700px) {
	#maintenance_page #customer_maintenance_wrapper .maintenance{
		width: 100%;
	}
}
@media (max-width: 500px) {
	#maintenance_page #oh_service_img_list{
		flex-wrap: wrap;
	}
	#maintenance_page #moma_img_link,
	#maintenance_page #ohc_img_link{
		width: 100%;
	}
}




/***************  バナー ********************/
.banner_wrapper_1{
	text-align: left;
	margin-bottom: 10px;
}

.banner_wrapper_1 .banner_image{
	width: 100%;
	max-width: 800px;
}



/**************** クレジットカード決済 ***************/
.step_wrapper{
	margin-bottom: 40px;
}
.step_wrapper .step_title{
	width: calc(100% - 15px);
	padding-left: 10px;
	border-left: 5px solid #0597da;
	border-bottom: 1px solid #0597da;
	margin-bottom: 10px;
	font-size: 20px;
}
.step_wrapper .step_content{
	font-size: 20px;
	line-height: 1.5em;
}
.step_wrapper .step_content img{
	width: 100%;
	max-width: 1000px;
}


/******** LPページ共通 ***********/
#use_car_or_train{
	display: flex;
	margin-bottom: 50px;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto 50px;
}
#use_car_or_train img{
	display: block;
	width: 50%;
}
@media (max-width: 870px) {
	#use_car_or_train{
		display: block;
	}
	#use_car_or_train img{
		width: 100%;
	}
}


/********* LPページのオープン・ウォーター共通 ***********/


#lp_page_open_water .point_block{
	text-align: center;
	width: 99vw;
	max-width: 880px;
	margin: 50px auto 20px;
	border-bottom: 4px solid #0084FF;
}
#lp_page_open_water .point_block img{
	width: 100%;
	max-width: 980px;
}

#lp_page_open_water .point_detail{
	width: calc(100% - 50px);
	line-height: 1.8em;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	margin-bottom: 15px;
}

#lp_page_open_water .point_underline{
	text-decoration: underline;
}



/**************** LPページ(オープンウォーターダイバー) ***************/


/**** 一番上の広告 ****/
#lp_page_open_water{
}
#lp_page_open_water #lp_top{
	display: table;
	height: 500px;
	width: 100%;
	/*padding-top: inherit;*/
	background: url("/images/ow_psd_lp/saitama-license.jpg");
	background-position: left;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#lp_page_open_water #lp_top #saitama_license_sp{
	display: none;
}


/* LP-OWD送迎 */
#lp_page_open_water #use_car_or_train{
	display: flex;
	margin-bottom: 50px;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto 50px;
}
#lp_page_open_water #use_car_or_train img{
	display: block;
	width: 50%;
}
@media (max-width: 870px) {
	#lp_page_open_water #use_car_or_train{
		display: block;
	}
	#lp_page_open_water #use_car_or_train img{
		width: 100%;
	}
}



@media (max-width: 930px) {
	#lp_page_open_water #lp_top{
		background: url("/images/ow_psd_lp/saitama-license-sp.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		height: calc(62.5vw)
	}
	#lp_page_open_water #lp_top #saitama_license_sp{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	#lp_page_open_water #lp_top #saitama_license_sp img{
		width: calc(98% - 60px);
		max-width: 600px;
	}
}



/***** 理想の店 ****/
#lp_page_open_water #ideal_shop{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between;
	height: 360px;
	padding: 60px 0 80px;
	width: 100%;
	background: url("/images/ow_psd_lp/lp-02.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#lp_page_open_water #ideal_shop #warning_01{
	text-align: center;
}
#lp_page_open_water #ideal_shop #warning_01 img{
	width: 70vw;
	max-width: 330px;
}
#lp_page_open_water #ideal_shop #warning_02{
	text-align: center;
}
#lp_page_open_water #ideal_shop #warning_02 img{
	width: 70vw;
	max-width: 570px;
}
#lp_page_open_water #ideal_shop #warning_03{
	text-align: center;
}
#lp_page_open_water #ideal_shop #warning_03 img{
	width: 70vw;
	max-width: 670px;
}
@media (max-width: 600px) {
	#lp_page_open_water #ideal_shop{
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: space-between;
		height: 300px;
		padding: 60px 0 80px;
	}
	#lp_page_open_water #ideal_shop #warning_02 img{
		width: 90vw;
		max-width: 570px;
	}
}

#lp_page_open_water #lp_trap{
	margin-bottom: 50px;
}
#lp_page_open_water #lp_trap #trap_01{
	text-align: center;
}
#lp_page_open_water #lp_trap #trap_01 img{
	width: 99vw;
	max-width: 450px;
}
#lp_page_open_water #lp_trap #suspicion{
	text-align: center;
}
#lp_page_open_water #lp_trap #suspicion img{
	width: 99vw;
	max-width: 700px;
}


#lp_page_open_water #lp_danger{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-around;
	height: 435px;
	padding: 85px 0 80px;
	width: 100%;
	background: url("/images/ow_psd_lp/danger.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#lp_page_open_water #lp_danger #danger_sample_title{
	text-align: center;
	display: block;
}
#lp_page_open_water #lp_danger #danger_sample_title_sp{
	text-align: center;
	display: none;
}
#lp_page_open_water #lp_danger #danger_sample_title img{
	width: 90vw;
	max-width: 680px;
}
#lp_page_open_water #lp_danger #danger_sample_title_sp img{
	width: 90vw;
	max-width: 500px;
}
#lp_page_open_water #lp_danger #danger_sample{
	text-align: center;
}
#lp_page_open_water #lp_danger #danger_sample img{
	width: 95vw;
	max-width: 600px;
}
#lp_page_open_water #lp_danger #danger_owner{
	text-align: center;
	display: block;
}
#lp_page_open_water #lp_danger #danger_owner_sp{
	text-align: center;
	display: none;
}
#lp_page_open_water #lp_danger #danger_owner img{
	width: 90vw;
	max-width: 830px;
}
#lp_page_open_water #lp_danger #danger_owner_sp img{
	width: 90vw;
	max-width: 760px;
}
@media (max-width: 600px) {
	#lp_page_open_water #lp_danger{
		display: flex;
		flex-flow: column;
		align-items: center;
		background: url("/images/ow_psd_lp/danger-sp.png");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 460px;
		padding: 60px 0 80px;
	}
	#lp_page_open_water #lp_danger #danger_sample_title{
		display: none;
	}
	#lp_page_open_water #lp_danger #danger_sample_title_sp{
		display: block;
	}
	#lp_page_open_water #lp_danger #danger_owner{
		display: none;
	}
	#lp_page_open_water #lp_danger #danger_owner_sp{
		display: block;
		
	}
}



/* 当店の特徴 */
#lp_page_open_water #lp_kawauso_point{
	margin-bottom: 50px;
}
#lp_page_open_water #lp_kawauso_point #lp_kawauso_point_title{
	text-align: center;
}
#lp_page_open_water #lp_kawauso_point #lp_kawauso_point_title img{
	width: 92vw;
	max-width: 800px;
}



/* 料金は総額表示 */
#lp_page_open_water #lp_kawauso_total_price{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between;
	height: 550px;
	width: 100%;
	background: url("/images/ow_psd_lp/kawauso-price.jpg?d=20250401");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}


@media (max-width: 850px) {
	#lp_page_open_water #lp_kawauso_total_price{
		display: flex;
		height: 78vw;
		background: url("/images/ow_psd_lp/kawauso-price-sp.jpg?d=20250401");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}



/****** LPページ PADIのCカードを取得可能 *****/
#lp_page_open_water #lp_padi_diving{
	margin-bottom: 50px;
}
#lp_page_open_water #lp_padi_diving #kawauso_diving_padi_title{
	
}
#lp_page_open_water #lp_padi_diving #padi_c_card{
	text-align: center;
}
#lp_page_open_water #lp_padi_diving #padi_c_card img{
	width: 90vw;
	max-width: 590px;
}

#lp_page_open_water #lp_padi_diving #kawauso_diving_padi{
	text-align: center;
	display: block;
}
#lp_page_open_water #lp_padi_diving #kawauso_diving_padi_sp{
	text-align: center;
	display: none;
}
#lp_page_open_water #lp_padi_diving #kawauso_diving_padi img{
	width: 90vw;
	max-width: 1000px;
}
#lp_page_open_water #lp_padi_diving #kawauso_diving_padi_sp img{
	width: 90vw;
	max-width: 600px;
}
@media (max-width: 600px) {
	#lp_page_open_water #lp_padi_diving #kawauso_diving_padi{
		display: none;
	}
	#lp_page_open_water #lp_padi_diving #kawauso_diving_padi_sp{
		display: block;
	}
}



/****** OW_PSD-LPページ ２年間はレンタルが無料 *****/
#lp_page_open_water #lp_rental_equipment_free_image{
	width: calc(100% - 5px);
	max-width: 1300px;
	text-align: center;
	margin: 0 auto;
}
#lp_page_open_water #lp_rental_equipment_free_image img{
	width: 100%;
	object-fit: contain;
}




/* 無料送迎サービス */
#lp_page_open_water #lp_pickup_service{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between;
	height: 654px;
	width: 100%;
	background: url("/images/ow_psd_lp/lp_pickup_service.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#lp_page_open_water #lp_pickup_service #cheap_secrets_title{
	text-align: center;
}
#lp_page_open_water #lp_pickup_service #cheap_secrets_title img{
	width: 90vw;
	max-width: 360px;
}

#lp_pickup_service_point_title{
	width: calc(100% - 20px);
	font-size: 38px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
}
#lp_pickup_service_point{
	font-size: 28px;
	text-align: center;
}
#lp_pickup_service_point a{
	text-decoration: underline;
}
#lp_pickup_service_point a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}
@media (max-width: 600px) {
	#lp_pickup_service_point_title{
		font-size: 28px;
	}
}





/**** 講習開催場所が自由自在 ****/
#lp_page_open_water #sea_condition{
	text-align: center;
}
#lp_page_open_water #sea_condition img{
	width: 100%;
	max-width: 880px;
}



/**** 安さの秘訣 ****/
#lp_page_open_water #lp_cheap_secrets{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-around;
	height: 500px;
	width: 100%;
	background: url("/images/ow_psd_lp/cheap_secrets.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#lp_page_open_water #lp_cheap_secrets #cheap_secrets_title{
	text-align: center;
}
#lp_page_open_water #lp_cheap_secrets #cheap_secrets_title img{
	width: 90vw;
	max-width: 520px;
}
#lp_page_open_water #lp_cheap_secrets #cheap_secrets{
	text-align: center;
}

#lp_page_open_water #lp_cheap_secrets #cheap_secrets img{
	width: 95vw;
	max-width: 720px;
}
@media (max-width: 600px) {
	#lp_page_open_water #lp_cheap_secrets{
		height: 65vw;
	}
}





/******** LP オープン、スクーバーコース詳細 *********/
#lp_page_open_water #course_detail{
	width: calc(100% - 20px);
	font-size: 38px;
	text-align: center;
	font-weight: bold;
}

#lp_page_open_water #course_detail_list{
	text-align: center;
	margin-bottom: 70px;
}
#lp_page_open_water #course_detail_list li{
	font-size: 28px;
	margin: 1.5em 0;
}
#lp_page_open_water #course_detail_list li a{
	text-decoration: underline;
}
#lp_page_open_water #course_detail_list li a:hover{
	text-decoration: underline;
	color: #ff6464;
	transition: 0.2s ease-in-out;
}


/* OW・PSDのプレゼント */
#lp_page_open_water #present_img_block{
	text-align: center;
	margin-bottom: 90px;
}
#lp_page_open_water #present_img_block img{
	width: 100%;
	max-width: 1000px;
}
#lp_page_open_water #how_to_contact{
	width: calc(100% - 20px);
	font-size: 38px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

#lp_page_open_water .contact_icon_block{
	text-align: center;
	margin-bottom: 10px;
}

#lp_page_open_water #contact_tel_open_lp{
	width: calc(100% - 20px);
	font-size: 38px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

@media (max-width: 600px) {
	#lp_page_open_water #course_detail{
		font-size: 28px;
	}
	#lp_page_open_water #course_detail_list li{
		font-size: 22px;
	}
	#lp_page_open_water #how_to_contact{
		font-size: 28px;
	}
	#lp_page_open_water #contact_tel_open_lp{
		font-size: 28px;
	}
}





/********* LPページの体験ダイビング共通 ***********/

#lp_page_dsd .point_block{
	text-align: center;
	width: 99vw;
	max-width: 880px;
	margin: 50px auto 20px;
	border-bottom: 4px solid #0084FF;
}
#lp_page_dsd .point_block img{
	width: 100%;
	max-width: 980px;
}

#lp_page_dsd .point_detail{
	width: calc(100% - 50px);
	line-height: 1.8em;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	margin-bottom: 15px;
}

#lp_page_dsd .point_underline{
	text-decoration: underline;
}



/**************** LPページ(体験ダイビング) ***************/


/**** 一番上の広告 ****/
#lp_page_dsd{
}
#lp_page_dsd #lp_top{
	display: table;
	height: 500px;
	width: 100%;
	/*padding-top: inherit;*/
	background: url("/images/dsd_lp/saitama-dsd.jpg");
	background-position: left;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#lp_page_dsd #lp_top #saitama_dsd_sp{
	display: none;
}
@media (max-width: 930px) {
	#lp_page_dsd #lp_top{
		background: url("/images/dsd_lp/saitama-dsd-sp.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		height: calc(62.5vw)
	}
	#lp_page_dsd #lp_top #saitama_dsd_sp{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	#lp_page_dsd #lp_top #saitama_dsd_sp img{
		width: calc(90% - 60px);
		max-width: 600px;
	}
}


/* 当店の特徴 */
#lp_page_dsd #lp_kawauso_point{
	margin-bottom: 50px;
}
#lp_page_dsd #lp_kawauso_point #lp_kawauso_point_title{
	text-align: center;
}
#lp_page_dsd #lp_kawauso_point #lp_kawauso_point_title img{
	width: 92vw;
	max-width: 800px;
}

#lp_page_dsd .point_detail .dsd_price_total{
	font-size: 28px;
	color: #04b900;
	font-weight: bold;
}


/* 料金は総額表示 */
#lp_page_dsd #lp_kawauso_total_price{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between;
	height: 550px;
	width: 100%;
	margin-bottom: 50px;
}



/* 無料送迎サービス */
#lp_page_dsd #lp_pickup_service{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between;
	height: 654px;
	width: 100%;
	background: url("/images/dsd_lp/lp_pickup_service.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#lp_page_dsd #lp_pickup_service #cheap_secrets_title{
	text-align: center;
}
#lp_page_dsd #lp_pickup_service #cheap_secrets_title img{
	width: 90vw;
	max-width: 360px;
}

#lp_page_dsd #lp_pickup_service_station{
	width: 100%;
	max-width: 900px;
	text-align: center;
	margin: 0 auto 80px;
}
#lp_page_dsd #lp_pickup_service_station .explanation_table{
}
#lp_page_dsd #lp_pickup_service_station .explanation_table th{
	text-align: center;
}
#lp_page_dsd #lp_pickup_service_station .explanation_table td{
	text-align: left;
}
#lp_page_dsd #lp_pickup_service_station #tojo_line_back{
	background: url("/images/dsd_lp/tojo-line-back.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
#lp_page_dsd #lp_pickup_service_station #seibu_line_back{
	background: url("/images/dsd_lp/seibu-line-back.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
#lp_page_dsd #lp_pickup_service_station #keio_line_back{
	background: url("/images/dsd_lp/keio-line-back.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
#lp_page_dsd #lp_pickup_service_sp_img{
	display: none;
}
@media (max-width: 600px) {
	#lp_page_dsd #lp_pickup_service{
		height: 93vw;
		width: 100%;
		background: initial;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#lp_page_dsd #lp_pickup_service_sp_img{
		display: inline;
		width: 100%;
	}
}




/**** 講習開催場所が自由自在 ****/
#lp_page_dsd #sea_condition{
	text-align: center;
}
#lp_page_dsd #sea_condition img{
	width: 100%;
	max-width: 880px;
}
#lp_page_dsd #pool_condition{
	text-align: center;
}
#lp_page_dsd #pool_condition img{
	width: 100%;
	max-width: 880px;
}
#lp_page_dsd #sea_diving{
	text-align: center;
}
#lp_page_dsd #sea_diving img{
	width: 100%;
	max-width: 880px;
}



/**** 安さの秘訣 ****/
#lp_page_dsd #lp_cheap_secrets{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-around;
	height: 500px;
	width: 100%;
	background: url("/images/dsd_lp/cheap_secrets.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#lp_page_dsd #lp_cheap_secrets #cheap_secrets_title{
	text-align: center;
}
#lp_page_dsd #lp_cheap_secrets #cheap_secrets_title img{
	width: 90vw;
	max-width: 520px;
}
#lp_page_dsd #lp_cheap_secrets #cheap_secrets{
	text-align: center;
}

#lp_page_dsd #lp_cheap_secrets #cheap_secrets img{
	width: 95vw;
	max-width: 720px;
}
@media (max-width: 600px) {
	#lp_page_dsd #lp_cheap_secrets{
		height: 65vw;
	}
}




/******** LP 体験ダイビングコース詳細 *********/
#lp_page_dsd #course_detail{
	width: calc(100% - 20px);
	font-size: 38px;
	text-align: center;
	font-weight: bold;
}

#lp_page_dsd #course_detail_list{
	text-align: center;
	margin-bottom: 70px;
}
#lp_page_dsd #course_detail_list li{
	font-size: 28px;
	margin: 1.5em 0;
}
#lp_page_dsd #course_detail_list li a{
	text-decoration: underline;
}
#lp_page_dsd #course_detail_list li a:hover{
	text-decoration: underline;
	color: #ff6464;
	transition: 0.2s ease-in-out;
}

#lp_page_dsd #how_to_contact{
	width: calc(100% - 20px);
	font-size: 38px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

#lp_page_dsd .contact_icon_block{
	text-align: center;
	margin-bottom: 10px;
}

#lp_page_dsd #contact_tel_open_lp{
	width: calc(100% - 20px);
	font-size: 38px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

@media (max-width: 600px) {
	#lp_page_dsd #course_detail{
		font-size: 28px;
	}
	#lp_page_dsd #course_detail_list li{
		font-size: 22px;
	}
	#lp_page_dsd #how_to_contact{
		font-size: 28px;
	}
	#lp_page_dsd #contact_tel_open_lp{
		font-size: 28px;
	}
}






/********* LPページのステップアップコース共通 ***********/


#lp_page_stepup .point_block{
	text-align: center;
	width: 99vw;
	max-width: 880px;
	margin: 50px auto 20px;
	border-bottom: 4px solid #0084FF;
}
#lp_page_stepup .point_block img{
	width: 100%;
	max-width: 980px;
}

#lp_page_stepup .point_detail{
	width: calc(100% - 50px);
	line-height: 1.8em;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	margin-bottom: 15px;
}




/**************** LPページ(ステップアップコース) ***************/


/**** 一番上の広告 ****/
#lp_page_stepup{
}
#lp_page_stepup #lp_top{
	display: table;
	height: 500px;
	width: 100%;
	/*padding-top: inherit;*/
	background: url("/images/stepup_lp/stepup-image.jpg");
	background-position: left;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#lp_page_stepup #lp_top #stepup_sp{
	display: none;
}
@media (max-width: 930px) {
	#lp_page_stepup #lp_top{
		background: url("/images/stepup_lp/stepup-image-sp.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		height: calc(62.5vw)
	}
	#lp_page_stepup #lp_top #stepup_sp{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	#lp_page_stepup #lp_top #stepup_sp img{
		width: calc(98% - 60px);
		max-width: 600px;
	}
}




/* 当店の特徴 */
#lp_page_stepup #lp_kawauso_point{
	margin-bottom: 50px;
}
#lp_page_stepup #lp_kawauso_point #lp_kawauso_point_title{
	text-align: center;
}
#lp_page_stepup #lp_kawauso_point #lp_kawauso_point_title img{
	width: 92vw;
	max-width: 800px;
}
/* 料金は総額表示 */
#lp_page_stepup #lp_kawauso_total_price{
	background: url("/images/stepup_lp/kawauso-price.jpg?d=20250401");
}
#lp_page_stepup #lp_kawauso_total_price2{
	background: url("/images/stepup_lp/kawauso-price2.jpg");
}
#lp_page_stepup #lp_kawauso_total_price,
#lp_page_stepup #lp_kawauso_total_price2{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between;
	height: 550px;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}


/* LPステップアップ送迎 */
#lp_page_stepup .point_underline{
	text-decoration: underline;
}



@media (max-width: 850px) {
	#lp_page_stepup #lp_kawauso_total_price{
		background: url("/images/stepup_lp/kawauso-price-sp.jpg?d=20250401");
	}
	#lp_page_stepup #lp_kawauso_total_price2{
		background: url("/images/stepup_lp/kawauso-price2-sp.jpg");
	}
	#lp_page_stepup #lp_kawauso_total_price,
	#lp_page_stepup #lp_kawauso_total_price2{
		display: flex;
		height: 78vw;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}


/* 開催可能なスペシャルティ */
#lp_page_stepup #specialty_list_table_block{
	width: 100%;
	max-width: 1000px;
	margin: 10px auto;
}



/****** LPページ PADIのCカードを取得可能 *****/
#lp_page_stepup #lp_padi_diving{
	margin-bottom: 50px;
}
#lp_page_stepup #lp_padi_diving #kawauso_diving_padi_title{
	
}
#lp_page_stepup #lp_padi_diving #padi_c_card{
	text-align: center;
}
#lp_page_stepup #lp_padi_diving #padi_c_card img{
	width: 90vw;
	max-width: 590px;
}

#lp_page_stepup #lp_padi_diving #kawauso_diving_padi{
	text-align: center;
	display: block;
}
#lp_page_stepup #lp_padi_diving #kawauso_diving_padi_sp{
	text-align: center;
	display: none;
}
#lp_page_stepup #lp_padi_diving #kawauso_diving_padi img{
	width: 90vw;
	max-width: 1000px;
}
#lp_page_stepup #lp_padi_diving #kawauso_diving_padi_sp img{
	width: 90vw;
	max-width: 600px;
}
@media (max-width: 600px) {
	#lp_page_stepup #lp_padi_diving #kawauso_diving_padi{
		display: none;
	}
	#lp_page_stepup #lp_padi_diving #kawauso_diving_padi_sp{
		display: block;
	}
}



/****** STEPUP-LPページ ２年間はレンタルが無料 *****/
#lp_page_stepup #lp_rental_equipment_free_image{
	width: calc(100% - 5px);
	max-width: 1300px;
	text-align: center;
	margin: 0 auto;
}
#lp_page_stepup #lp_rental_equipment_free_image img{
	width: 100%;
	object-fit: contain;
}


@media (max-width: 850px) {
	#lp_page_stepup #lp_rental_equipment_free_image{
		display: flex;
		height: 78vw;
	}
}




/* 無料送迎サービス */
#lp_page_stepup #lp_pickup_service{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between;
	height: 654px;
	width: 100%;
	background: url("/images/stepup_lp/lp_pickup_service.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#lp_page_stepup #lp_pickup_service #cheap_secrets_title{
	text-align: center;
}
#lp_page_stepup #lp_pickup_service #cheap_secrets_title img{
	width: 90vw;
	max-width: 360px;
}

#lp_page_stepup #lp_pickup_service_station{
	width: 100%;
	max-width: 900px;
	text-align: center;
	margin: 0 auto 80px;
}
#lp_page_stepup #lp_pickup_service_station .explanation_table{
}
#lp_page_stepup #lp_pickup_service_station .explanation_table th{
	text-align: center;
}
#lp_page_stepup #lp_pickup_service_station .explanation_table td{
	text-align: left;
}
#lp_page_stepup #lp_pickup_service_station #tojo_line_back{
	background: url("/images/stepup_lp/tojo-line-back.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
#lp_page_stepup #lp_pickup_service_station #seibu_line_back{
	background: url("/images/stepup_lp/seibu-line-back.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
#lp_page_stepup #lp_pickup_service_station #keio_line_back{
	background: url("/images/stepup_lp/keio-line-back.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
#lp_page_stepup #lp_pickup_service_sp_img{
	display: none;
}
@media (max-width: 600px) {
	#lp_page_stepup #lp_pickup_service{
		height: 93vw;
		width: 100%;
		background: initial;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#lp_page_stepup #lp_pickup_service_sp_img{
		display: inline;
		width: 100%;
	}
}




/* 無料送迎サービス */
#lp_page_stepup #lp_pickup_service{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between;
	height: 654px;
	width: 100%;
	background: url("/images/stepup_lp/lp_pickup_service.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#lp_page_stepup #lp_pickup_service #cheap_secrets_title{
	text-align: center;
}
#lp_page_stepup #lp_pickup_service #cheap_secrets_title img{
	width: 90vw;
	max-width: 360px;
}

#lp_page_stepup #lp_pickup_service_station{
	width: 100%;
	max-width: 900px;
	text-align: center;
	margin: 0 auto 80px;
}
#lp_page_stepup #lp_pickup_service_station .explanation_table{
}
#lp_page_stepup #lp_pickup_service_station .explanation_table th{
	text-align: center;
}
#lp_page_stepup #lp_pickup_service_station .explanation_table td{
	text-align: left;
}
#lp_page_stepup #lp_pickup_service_station #tojo_line_back{
	background: url("/images/stepup_lp/tojo-line-back.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
#lp_page_stepup #lp_pickup_service_station #seibu_line_back{
	background: url("/images/stepup_lp/seibu-line-back.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
#lp_page_stepup #lp_pickup_service_station #keio_line_back{
	background: url("/images/stepup_lp/keio-line-back.jpg");
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}
#lp_page_stepup #lp_pickup_service_sp_img{
	display: none;
}
@media (max-width: 600px) {
	#lp_page_stepup #lp_pickup_service{
		height: 93vw;
		width: 100%;
		background: initial;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#lp_page_stepup #lp_pickup_service_sp_img{
		display: inline;
		width: 100%;
	}
}


/**** 講習開催場所が自由自在 ****/
#lp_page_stepup #sea_condition{
	text-align: center;
}
#lp_page_stepup #sea_condition img{
	width: 100%;
	max-width: 880px;
}
#lp_page_stepup #pool_condition{
	text-align: center;
}
#lp_page_stepup #pool_condition img{
	width: 100%;
	max-width: 880px;
}
#lp_page_stepup #sea_diving{
	text-align: center;
}
#lp_page_stepup #sea_diving img{
	width: 100%;
	max-width: 880px;
}



/**** 安さの秘訣 ****/
#lp_page_stepup #lp_cheap_secrets{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-around;
	height: 500px;
	width: 100%;
	background: url("/images/stepup_lp/cheap_secrets.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#lp_page_stepup #lp_cheap_secrets #cheap_secrets_title{
	text-align: center;
}
#lp_page_stepup #lp_cheap_secrets #cheap_secrets_title img{
	width: 90vw;
	max-width: 520px;
}
#lp_page_stepup #lp_cheap_secrets #cheap_secrets{
	text-align: center;
}

#lp_page_stepup #lp_cheap_secrets #cheap_secrets img{
	width: 95vw;
	max-width: 720px;
}
@media (max-width: 600px) {
	#lp_page_stepup #lp_cheap_secrets{
		height: 65vw;
	}
}



/* ステップアップのプレゼント */
#lp_page_stepup #present_img_block{
	text-align: center;
	margin-bottom: 90px;
}
#lp_page_stepup #present_img_block img{
	width: 100%;
	max-width: 1000px;
}




/******** LP ステップアップコース詳細 *********/
#lp_page_stepup #course_detail{
	width: calc(100% - 20px);
	font-size: 38px;
	text-align: center;
	font-weight: bold;
}

#lp_page_stepup #course_detail_list{
	text-align: center;
	margin-bottom: 70px;
}
#lp_page_stepup #course_detail_list li{
	font-size: 28px;
	margin: 1.5em 0;
}
#lp_page_stepup #course_detail_list li a{
	text-decoration: underline;
}
#lp_page_stepup #course_detail_list li a:hover{
	text-decoration: underline;
	color: #ff6464;
	transition: 0.2s ease-in-out;
}

#lp_page_stepup #how_to_contact{
	width: calc(100% - 20px);
	font-size: 38px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

#lp_page_stepup .contact_icon_block{
	text-align: center;
	margin-bottom: 10px;
}

#lp_page_stepup #contact_tel_open_lp{
	width: calc(100% - 20px);
	font-size: 38px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

@media (max-width: 600px) {
	#lp_page_stepup #course_detail{
		font-size: 28px;
	}
	#lp_page_stepup #course_detail_list li{
		font-size: 22px;
	}
	#lp_page_stepup #how_to_contact{
		font-size: 28px;
	}
	#lp_page_stepup #contact_tel_open_lp{
		font-size: 28px;
	}
}




/****** パパママ応援・学割ページ ******/
#papamama_student_page .pc_only{
	display: inline-block;
}
#papamama_student_page .sp_only{
	display: none;
}
#papamama_student_page .papamama_card{
	width: 66.66%
}
#papamama_student_page #student_card{
	width: 33.33%
}
#papamama_student_page ul#papamama_student_point{
	list-style: none;
}
#papamama_student_page ul#papamama_student_point li{
	background-image: url(/images/papamama_student/ps_check.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size:  auto 40px;
	padding-left: 45px;
	line-height: 40px;
	font-weight: bold;
	font-size: 24px;
	color: #b9000b;
}

@media (max-width: 600px) {
	#papamama_student_page ul#papamama_student_point li{
		background-size:  auto 40px;
		padding-left: 40px;
		font-size: 20px;
	}

	#papamama_student_page .pc_only{
		display: none;
	}
	#papamama_student_page .sp_only{
		display: inline-block;
	}
	#papamama_student_page .papamama_card{
		width: 100%
	}
	#papamama_student_page #student_card{
		width: 100%
	}
	
}




/**************** オーダースーツ関係 ********************/
#order_suit_page #order_saisun_img_block{
	
}
#order_suit_page #order_suit_tusa_block img{
	max-width: 900px;
}
#order_suit_page #order_saisun_img_block img{
	max-width: 900px;
}
#order_suit_page #order_cloth_color_block img{
	max-width: 900px;
}
#order_suit_page #order_logo_mark_block img{
	max-width: 900px;
}
#order_suit_page #mck_order_suit_good{
	display: flex;
}
#order_suit_page #mck_order_suit_good img{
	display: block;
	width: 50%;
	max-width: 800px;
}
@media (max-width: 600px) {
	#order_suit_page #mck_order_suit_good{
		display: block;
	}
	#order_suit_page #mck_order_suit_good img{
		width: 100%;
	}
}

/**************** オーダーレンズ関係 ********************/
#order_lens_page .lens_check{
	font-size: clamp(16px, 10vw, 28px);
}


/**************** イベント関係 ********************/
#main_contents #event_page_explanation{
	margin-bottom: 40px;
}


#special_event_list{
	display: flex;
	margin-bottom: 15px;
	justify-content: space-between;
	flex-wrap: wrap;
}
#special_event_list::after{
	content: "";
	display: block;
	width: 32.5%;
}
#special_event_list .list{
	width: 32.5%;
	margin-bottom: 50px;
	box-shadow: 0 0 15px rgba(150, 150, 150, .3);
	padding-bottom: 1em;
}
#special_event_list .list h2{
	font-weight: bold;
	line-height: 1.2em;
	width: calc(100% - 1em);
	margin: 0.2em auto;
}
#special_event_list .list > div{
	line-height: 1.2em;
	width: calc(100% - 1em);
	margin: 0.2em auto;
}
#special_event_list .list *{
	font-size: clamp(15px, 3.5vw, 19px);
}
#special_event_list .list > div.price{
}
#special_event_list .list > div.dive{
}
#special_event_list .list > div.detail{
	margin-top: 1em;
	text-align: center;
}
#special_event_list .list > h2.event_explanation a,
#special_event_list .list > div.detail a{
	text-decoration: none;
}
#special_event_list .list > div.detail a{
	display: inline-block;
	padding: 0.5em 1em;
	background-color: #DDD;
}
#special_event_list .list > div.detail a:hover{
	text-decoration: none;
	opacity: 0.8;
	transition: none;
	color: #333;
}
#special_event_list .list > div.event_img{
	width: 100%;
	margin: 0;
}

#special_event_list .list div.category > div {
	line-height: 1.4em;
	padding: 0.1em 1em;
	display: inline-block;
}
#special_event_list .list div.category > div.diving_tour {
	background-color: #77d4ff;
}
#special_event_list .list div.category > div.diving_training {
	background-color: #9bffab;
}
#special_event_list .list div.category > div.equipment_sales {
	background-color: #ff8282;
}


/* イベントスマホ表示(小さめサイズ) */
@media (max-width: 1200px) {
	#special_event_list::after{
		width: 49%;
	}
	#special_event_list .list{
		width: 49%;
	}
}
@media (max-width: 600px) {
	#special_event_list::after{
		width: 99%;
	}
	#special_event_list .list{
		width: 99%;
	}
}


/******** スケジュールカレンダー ***********/
#schedule_calendar{
	width: 100%;
	max-width: 1600px;
	text-align: center;
	margin: 20px auto;
}
#schedule_calendar h1{
	font-size: 25px;
	color: #ff6464;
	font-weight: 600;
	margin-bottom: 1em;
}
#schedule_calendar .top_section_title{
	margin-bottom: 20px;
}
#schedule_calendar #everyday_contact_ok{
	margin: 30px 0;
	font-size: 22px;
	line-height: 1.4em;
	color: #750000;
}
#schedule_calendar .schedule_underline{
	text-decoration: underline;
	font-weight: bold;
}
#schedule_calendar .top_section_title{
	margin-bottom: 20px;
}
#schedule_calendar .top_section_title h1{
	font-weight: bold;
}
#schedule_calendar #calendar_notice{
	color: #AA0000;
	line-height: 1.5em;
	font-size: clamp(15px, 3.5vw, 19px);
	margin-bottom: 20px;
}
#schedule_calendar #schedule_api_calendar_wrapper{
	height: 150vh;
	max-height: 600px;
	margin-bottom: 30px;
}
#schedule_calendar #schedule_api_calendar_wrapper iframe{
	width: calc(100% - 4px);
	height: calc(100vh - 400px);
	min-height: 780px;
	max-height: 950px;
}

#schedule_calendar ul{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
#schedule_calendar ul > li{
	line-height: 1.5em;
	width: calc(100% - 20px);
	padding: 0 10px;
	text-align: left;
}
#schedule_calendar ul > li > p{
	padding-top: 0.5em;
	margin-bottom: 0.25em;
}
#schedule_calendar ul > li > div{
	padding-bottom: 1em;
}

#schedule_calendar ul > #reserve_ok{
	background-color: #3985ec;
	color: #e8fbff;
}
#schedule_calendar ul > #reserve_ok p{
	border-bottom: 1px solid #e8fbff;
}
#schedule_calendar ul > #reserve_ng{
	background-color: #6a6a6a;
	color: #dcdcdc;
}
#schedule_calendar ul > #reserve_ng p{
	border-bottom: 1px solid #dcdcdc;
}
#schedule_calendar ul > #reserve_info{
	background-color: #a1ffcd;
	color: #02622f;
}
#schedule_calendar ul > #reserve_info p{
	border-bottom: 1px solid #02622f;
}
#schedule_calendar ul > #reserve_contact{
	background-color: #fff68d;
	color: #d22525;
}
#schedule_calendar ul > #reserve_contact p{
	border-bottom: 1px solid #dd6800;
}
#schedule_calendar ul > #shop_open{
	background-color: #ffd7f9;
	color: #8f1919;
}
#schedule_calendar ul > #shop_open p{
	border-bottom: 1px solid #fff;
}
#schedule_calendar #reserve_notice{
	width: 100%;
	max-width: 1200px;
	margin: 20px auto 70px;
	line-height: 1.5em;
	text-align: left;
}

#schedule_calendar #calendar_operation_detail{
	width: calc(100% - 10px);
	font-size: clamp(16px, 4vw, 20px);
	margin: 0 auto 1em;
}

/* カレンダー本体 */
#api_calendar {
	width: 100%;
	max-width: 1280px;
	height: 150vh;
	max-height: 600px;
	margin: 0 auto;
}

/* イベントテキスト中央寄せ */
#api_calendar div.fc-event-title-container{
	text-align: center;
	padding: 2px 0;
}

/*  */
#api_calendar .fc-today-button{
	content: "今日に移動" !important;
}

/* 前月 */
#api_calendar .fc-prev-button{
	margin-right: 0.5em;
}

/* 次月 */
#api_calendar .fc-next-button{
}

/* カレンダーの曜日ヘッダ */
#api_calendar .fc-col-header-cell{
	padding: 5px 0;
	font-weight: bold;
}
#api_calendar th,
#api_calendar td{
	font-size: clamp(14px, 5vw, 20px);
}
#api_calendar th.fc-day-sat,
#api_calendar td.fc-day-sat {
	color: #5838ff;
}
#api_calendar th.fc-day-sat{
	background-color: #eaf4ff;
}
#api_calendar th.fc-day-sun,
#api_calendar td.fc-day-sun {
	color: #ff4533;
}
#api_calendar th.fc-day-sun{
	background-color: #ffeaea;
}
#api_calendar .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
	min-height: 3em !important;
}

/* スケジュールをクリックした時のポップアップのフィルター*/
#calendar_bg_filter{
	position: fixed;
	display: none;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0.3, 0.3, 0.3, 0.7);
	z-index: 1000;
}
#calendar_bg_filter #calendar_schedule{
	position: relative;
	width: calc(100% - 30px);
	height: calc(100% - 210px);
	max-width: 600px;
	max-height: 510px;
	border-radius: 5px;
	padding: 10px 5px;
	margin: 90px 15px;
	border: 2px solid;
	background-color: #FFF;
	z-index: 1001;
}

/* カレンダー詳細のタイトル */
#calendar_bg_filter #calendar_schedule h4#calendar_schedule_title{
	width: calc(100% - 6px);
	font-size: clamp(14px, 5vw, 20px);
	line-height: 1.8em;
	border-bottom: 2px solid;
	margin: 0 auto 1em;
	font-weight: bold;
	text-align: left;
}

/* カレンダー詳細のタイトル */
#calendar_bg_filter #calendar_schedule div#calendar_schedule_content{
	width: calc(100% - 6px);
	margin: 0 auto;
}
#calendar_bg_filter #calendar_schedule div#calendar_schedule_content *{
	line-height: 1.5em;
	text-align: left;
}
/* カレンダー詳細の閉じるボタン */
#calendar_bg_filter #calendar_schedule div#calendar_schedule_content #calendar_schedule_close_button{
	display: inline-block;
	position: absolute;
	top: -62px;
	right: -16px;
	padding: 5px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	font-size: 48px;
	z-index: 1002;
	color: #FFF;
}
/* カレンダー詳細の本文 */
#calendar_bg_filter #calendar_schedule div#calendar_schedule_content #calendar_schedule_content_body{
	overflow-x: hidden;
	overflow-y: scroll;
	width: calc(100% - 10px);
	padding: 0 5px;
	height: calc(100vh - 260px);
	max-height: 450px;
	font-size: clamp(14px, 4vw, 18px);
}
#calendar_bg_filter #calendar_schedule div#calendar_schedule_content #calendar_schedule_content_body a {
	text-underline-offset: 0.6ex;
}
#calendar_bg_filter #calendar_schedule div#calendar_schedule_content #calendar_schedule_content_body a:hover {
	color: #f00;
	transition: 0.2s ease-in-out;
}
#calendar_bg_filter #calendar_schedule div#calendar_schedule_content #calendar_schedule_content_body > ul > li{
	list-style: none;
}
.font_color_pink{
	color: #ffcdf7;
}


#everyday_contact_ok{
	margin: 30px 0;
	font-size: 22px;
	line-height: 1.4em;
	color: #750000;
	text-align: center;
}
#everyday_contact_ok .schedule_underline{
	text-decoration: underline;
	font-weight: bold;
}

/* スケジュールスマホ表示(小さめサイズ) */
@media (max-width: 900px) {
	#everyday_contact_ok{
		font-size: 18px;
	}
}



/******* 当店の予約システム ******/
#mck_reserve_system{
	width: calc(100% - 20px);
	padding: 0 10px;
	text-align: center;
}
#mck_reserve_system h1{
	font-size: 25px;
	font-weight: bold;
	color: #ff6464;
	font-weight: 600;
	margin-bottom: 1em;
}
#mck_reserve_system img{
	width: 100%;
	max-width: 1200px;
}

#mck_reserve_system #mck_reserve_notice{
	font-size: 18px;
	line-height: 1.4em;
	color: #111;
	text-align: center;
}
#mck_reserve_system #mck_reserve_notice a{
	color: #AA0000;
}
#mck_reserve_system #mck_reserve_notice a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}

/* 予約の注意書きの小さめサイズ */
@media (max-width: 700px) {
	#mck_reserve_system #mck_reserve_notice{
		font-size: 16px;
	}
}


/* 訳あり激安ダイビング */
ul.cheap_diving_ul{
	list-style: none;
}
ul.cheap_diving_ul li{
	background-image: url(/images/check.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto 25px;
	padding-left: 30px;
	line-height: 25px;
	margin-bottom: 5px;
	font-size: 18px;
	color: #4d000a;
	font-weight: bold;
}

#cheap_diving_banner{
	width: 100%;
	max-width: 800px;
}
#cheap_diving_banner img{
	width: 100%;
	max-width: 800px;
}



/* クレジットカード決済ブロック */
.credit_card_img_block{
	width: 100%;
	margin-bottom: 20px;
}
.credit_card_img_block .credit_card_img{
	width: 100%;
	max-width: 800px;
}


.cashless_img_block{
	width: 100%;
	max-width: 800px;
}



/* トップページのPADIの賞 */
#top_padi_award_box{
	text-align: center;
}
#top_padi_award_box div{
	font-size: 18px;
	line-height: 1.8em;
}
#top_padi_award_box img{
	width: calc(100% - 10px);
	max-width: 800px;
}




/******* 漫画ページ関係 ********/
.comics_owd_banner_wrapper{
	text-align: center;
}
.comics_owd_banner_wrapper .comics_owd_banner{
	width: 100%;
	max-width: 900px;
}
#comics_owd{
}
#comics_owd #comics_images_wrapper{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#comics_owd #comics_images_wrapper > div{
	margin-bottom: 20px;
}



/*******************************************************
****************   ワードプレス関係 ********************
********************************************************/


/* ブログの一覧ページ */
#blog_list_wrapper .cate_diving{
	background-color: #77d4ff;
	color #050154;
}
#blog_list_wrapper .cate_info{
	background-color: #fffeae;
	color: #544f01;
}
#blog_list_wrapper .cate_equipment{
	background-color: #ff8282;
	color: #460000;
}
#blog_list_wrapper .cate_training{
	background-color: #9bffab;
	color: #001900;
}
#blog_list_wrapper .cate_column{
	background-color: #ffac62;
	color: #001900;
}

#blog_page{
}
#blog_list_wrapper{
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
}
#blog_list_wrapper .blog_block{
	width: calc(33.333% - 20px);
	max-width: 360px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(150, 150, 150, .3);
	box-shadow: 0 0 15px rgba(150, 150, 150, .3);
	margin: 10px 10px 50px;
}
#blog_list_wrapper .blog_block .image{
	margin: 0 auto 10px;
}
#blog_list_wrapper .blog_block .image img{
	width: 100%;
	max-width: 360px;
}
#blog_list_wrapper .blog_block .content{
	width: calc(100% - 20px);
	margin: 0 10px;
}
#blog_list_wrapper .blog_block .content h3{
	margin-bottom: 20px;
}
#blog_list_wrapper .blog_block .content h3 a{
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: .7s;
	transition: .7s;
	text-align: center;
	margin-bottom: 20px;
	text-decoration: none;
}
#blog_list_wrapper .blog_block .content p{
	line-height: 1.6em;
	padding-bottom: 1em;
}
#blog_list_wrapper .blog_block .content a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}
#blog_list_wrapper .blog_block .content .date_category{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
#blog_list_wrapper .blog_block .content .date_category .date{
	line-height: 1.5em;
	font-size: 16px;
}
#blog_list_wrapper .blog_block .content .date_category .category{
	line-height: 1.4em;
	padding: 0.1em 1em;
	font-size: 16px;
}
#blog_list_wrapper .blog_block .content .text{
	margin-bottom: 20px;
	line-height: 1.5em;
	overflow-wrap: break-word;
	word-break: break-all;
}
#blog_list_wrapper .blog_block .content .read_more{
	text-align: right;
	font-size: 18px;
	margin-bottom: 18px;
	font-weight: bold;
}
#blog_list_wrapper .blog_block .content .read_more a{
	text-decoration: none;
}
#blog_section #blog_more{
	text-align: center;
}
#blog_section #blog_more a{
	font-size: 20px;
}
#blog_section #blog_more a:hover {
  color: #ff6464;
  transition: 0.2s ease-in-out;
}

@media (max-width: 1100px) {
	#blog_list_wrapper{
		justify-content: space-around;
	}
	#blog_list_wrapper .blog_block{
		width: calc(50% - 20px);
		max-width: 600px;
	}
	#blog_list_wrapper .blog_block .image img{
		max-width: 600px;
	}
}
@media (max-width: 730px) {
	#blog_list_wrapper .blog_block{
		width: calc(100% - 20px);
		justify-content: space-between;
		margin: 0 auto 50px;
	}
}


/* 特定のブログページ */
#blog_page .cate_diving{
	background-color: #77d4ff;
	color #050154;
}
#blog_page .cate_info{
	background-color: #fffeae;
	color: #544f01;
}
#blog_page .cate_equipment{
	background-color: #ff8282;
	color: #460000;
}
#blog_page .cate_training{
	background-color: #9bffab;
	color: #001900;
}
#blog_page .cate_column{
	background-color: #ffac62;
	color: #001900;
}

#blog_page #blog_post{
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
#blog_page #blog_post #blog_block{
	width: calc(100% - 80px);
	max-width: 1200px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 15px rgba(150, 150, 150, .3);
	box-shadow: 0 0 15px rgba(150, 150, 150, .3);
	margin: 10px auto 50px;
	padding: 20px 40px 30px;
}
#blog_page #blog_post #blog_block #eyecatch_image{
	text-align: center;
}
#blog_page #blog_post #blog_block #eyecatch_image img{
	width: 100%;
	max-width: 600px;
	margin-bottom: 10px;
}
#blog_page #blog_post #blog_block #blog_content{
	width: 100%;
	margin: 0 auto;
}
#blog_page #blog_post #blog_block #blog_content *{
	word-break: break-word;
}
#blog_page #blog_post #blog_block #blog_content a{
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: .7s;
	transition: .7s;
	text-align: left;
}
#blog_page #blog_post #blog_block #blog_content h3{
	display: block;
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: .7s;
	transition: .7s;
	text-align: center;
	margin-bottom: 20px;
}
#blog_page #blog_post #blog_block #blog_content h3{
	background-color: #EEE;
	min-height: 2em;
	line-height: 2em;
}
#blog_page #blog_post #blog_block #blog_content p{
	line-height: 1.3em;
	padding-bottom: 1em;
	margin: initial;
}
#blog_page #blog_post #blog_block #blog_content a:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}
#blog_page #blog_post #blog_block #blog_content #blog_date_category{
	width: 100%;
	max-width: 600px;
	margin: 5px auto 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#blog_page #blog_post #blog_block #blog_content #blog_date_category #blog_date{
	line-height: 1.5em;
	font-size: 16px;
}
#blog_page #blog_post #blog_block #blog_content #blog_date_category #blog_category{
	line-height: 1.4em;
	padding: 0 1em;
	font-size: 16px;
}

#blog_page #blog_post #blog_block #blog_content #blog_text{
	text-align: left;
}
#blog_page #blog_post #blog_block #blog_content #blog_text img{
	width: 100%;
	height: initial;
	max-width: 800px !important;
}
#blog_page #blog_post #blog_block #blog_content #blog_text figcaption{
	max-width: 800px !important;
}
#blog_page #blog_link{

	width: 100%;
	max-width: 400px;
	margin: 0 auto 30px;
	display: flex;
	justify-content: space-between;
}
#blog_page #blog_back{
	width: 100%;
	text-align: center;
	
}
#blog_page #blog_link > div,
#blog_page #blog_back > div{
	font-size: 20px;
}
#blog_page figcaption{
	line-height: 1.5em;
}


#page_move_block .pagenavi__list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#page_move_block .pagenavi__list .pagenavi__item{
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
	margin: 0 0.4em;
	padding: 0.4em 0.7em;
	margin-bottom: 0.71em;
}
#page_move_block .pagenavi__list a.pagenavi__item{
	text-decoration: none;
}
#page_move_block .pagenavi__list a.pagenavi__item:hover{
	color: #ff6464;
	transition: 0.2s ease-in-out;
}
#page_move_block .pagenavi__list .pagenavi__dot{
	display: flex;
	align-items: center;
	font-size: 18px;
}
#page_move_block .pagenavi__list .pagenavi__dot span{
	display: block;
}
#page_move_block .pagenavi__list .pagenavi__link{

}
#page_move_block .pagenavi__list .current_page{
	background-color: #002c5d;
	color: #FFF;
}
#page_move_block .pagenavi__list .other_page{
	background-color: #e9f9ff;
	color: #000;
}

#blog_modal_area{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 5000;
	background-color: rgba(70,70,70,0.85);
}
#blog_modal_area #blog_modal_inner{
	padding-top: 30px;
	text-align: center;
	width: 100vw;
	height: 100vh;
}
#blog_modal_area #blog_modal_inner #wp_close_button{
	text-align: right;
	width: calc(100% - 90px);
	margin: 0 auto;
	max-width: 600px;
}
#blog_modal_area #blog_modal_inner #wp_close_button img{
	position: absolute;
	top: 5px;
	right: 20px;
	cursor: pointer;
	z-index: 5002;
}
#blog_modal_area #blog_modal_inner #blog_modal_image{
	width: calc(100% - 80px);
	margin: 50px auto 0;
}

#blog_modal_area #blog_modal_inner #blog_modal_image img{
	display: inline-block;
	width: 100%;
	margin: 10px auto;
	max-width: 800px;
	margin-bottom: 10px;
	position: relative;
	left: -10px;
	z-index: 5001;
}
@media (max-width: 600px) {
	#blog_page #blog_post #blog_block{
		width: calc(100% - 20px);
		padding: 20px 10px 30px;
	}
	#blog_modal_area #blog_modal_inner #blog_modal_image{
		width: calc(100% - 10px);
	}
	#blog_modal_area #blog_modal_inner #blog_modal_image img{
		left: initial;
	}

}


#blog_modal_area #blog_modal_inner #blog_modal_image figcaption{
	font-size: 24px;
	color: #FFF;
	margin-bottom: 20px;
}

.wp-block-gallery{
	display: flex;
}

.wp-block-gallery .wp-block-image img{
	cursor: pointer !important;
}


/***** ワードプレスのエラー *****/
#wp_http_404_error{
	text-align: center;
	margin: 60px 0 30px;
	font-size: 28px;
	color: #3d0000;
}




