@charset "UTF-8";

/* =================================================================== 

   reset style

   =================================================================== */

/* Noto Sans Japanese */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; word-wrap: break-word;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea { margin: 0; padding: 0; border: none; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }
img { vertical-align: bottom; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section, div, address, iframe, canvas, hr, textarea {  display: block;  line-height: 1; }
a, label { cursor: pointer; }
blockquote {  padding: 0;  margin: 0;  display: block; }
address, em { font-style: normal; }
hr { border: 0;  margin: 0;  padding: 0; }
ul, ol, li { list-style: none; }
textarea { resize: vertical; overflow: hidden; -webkit-appearance: none; border: none; }
input, button, select { vertical-align: middle; border-radius: 0px; border: none; background: transparent; margin: 0; padding: 0; -webkit-appearance: none; }
table { border-collapse: collapse; }
*:before, *:after { padding: 0; margin: 0; line-height: 1; }




/* =================================================================== 

   Basic 

   =================================================================== */
* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;}

body { 
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:250;
	color: #333333;
	margin: 0px;
	padding: 0px;}

img {
	border: 0px;
	vertical-align: bottom;}
strong {color:#FF0000;}
sup { vertical-align: 5px;}
small { font-size:12px;}
iframe{margin-bottom:50px;}
address{
	color:#FFFFFF;
	padding-top: 25px;
	padding-bottom:15px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;}
address:after{
	content: "";
	display: block;
	clear: both;}
address h3{
	font-size:16px;
	margin-bottom:12px;
	padding-top:7px;color:#FFFFFF;}
address p{font-size:14px;
	float:left;
	margin-right:25px;
	letter-spacing:0.1em;}
address img{
	float:left;
	padding-right:20px;}






/* Link */
/* ----------------------------------------------------- */
a{outline:none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all  1s ease;}
a:link { text-decoration:none; color:#333333;}
a:visited { text-decoration:none; color:#333333;}
a:hover { text-decoration:underline; color:#333333;
opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

/* パンくず */
#bread a:link{ text-decoration:none; color:#333333;}
#bread a:visited{ text-decoration:none; color:#333333;}
#bread a:hover{ text-decoration:underline; color:#333333;}

.page #contents a:link { text-decoration:underline;}
.page #contents a:visited { text-decoration:underline;}
.page #contents a:hover { text-decoration:none; }

.page #contents #sidebar a:link{ text-decoration:none;}
.page #contents #sidebar a:visited { text-decoration:none;}
.page #contents #sidebar a:hover { text-decoration:underline; }


.page #contact p.btn a:link{	text-decoration:none;}
.page #contact p.btn a:visited{	text-decoration:none;}
.page #contact p.btn a:hover{	text-decoration:none;opacity:0.5;filter:alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";}

/* ページ内リンク */
#damare-ippin{
  margin-top : -100px;
  padding-top : 100px;}

header nav ul li.tel:hover{
	background-image: url(../img/tel.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 26px;}


/* ===================================================================

   Layout

   =================================================================== */
#wrap {	padding-top:15px;}
#contents {	clear:both;}



/* Header */
/* ----------------------------------------------------- */
header {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	padding-top:10px;}
header p.logo{float:left;}
header p.logo img{margin-top:15px;}

#h-wrap{float:right;}


header .h-navi{}
header .h-navi li{
	font-size:12px;
	display:inline;
	margin-left:40px;}
header .h-navi li a{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/h_arw.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 7px;}
header .h-info{margin-top:20px;}
header .h-info li{
	float:right;
	margin-left:20px;
	margin-right:0px;}
header .h-info li:nth-child(3){
	background-color:#FF6E0D;
	width:120px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;}
header .h-info li:nth-child(3) a{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:8px;
	padding-bottom:8px;
	display:block;}
header nav{margin-top:25px;}
header nav:after{
	content: "";
	display: block;
	clear: both;}
header nav li {
	float:left;
	font-size:15px;
	font-weight:700;
	margin-left:47px;
	margin-right:47px;}


/* スマホ用 */
#top-head {}
 

 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;}
#nav-toggle div { position: relative;}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {    top: 0;}
#nav-toggle span:nth-child(2) {    top: 11px;}
#nav-toggle span:nth-child(3) {    top: 22px;}




/* Sidebar */
/* ----------------------------------------------------- */
#sidebar{
	background-color:#1C70C5;
	width:240px;
	font-size:14px;
	padding-top:20px;
	padding-bottom:30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float:right;
	margin-left:40px;
	margin-bottom:0px;
	margin-top:0px;}
#sidebar a{color:#FFFFFF;}
#sidebar dt{
	border-bottom: 1px solid #8EB8E2;
	font-size:16px;
	margin-left:15px;
	margin-right:15px;
	padding-bottom:10px;
	margin-bottom:20px;
	font-weight:700;}
#sidebar dd{
	margin-left:15px;
	margin-right:15px;}
#sidebar dd ul{}
#sidebar dd ul li{border-bottom: 1px dotted #8EB8E2;}
#sidebar dd ul.sub-menu{margin-bottom:15px;}
#sidebar dd ul.sub-menu li a{
	background-color:#498DD1;
	margin-bottom:5px;
	padding-top:4px;
	padding-bottom:4px;
	font-size:13px;}
#sidebar dd ul li:first-child{border-bottom:none;}
#sidebar dd ul li:last-child{border-bottom:none;}
#sidebar dd ul li a{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/li_ico.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 22px;
	padding-top:9px;
	padding-bottom:9px;
	display:block;}
#sidebar dd ul li ul li {
	line-height:170%;
	border-bottom:none;}
#sidebar dd ul li ul li a{
	background-image:none;
	padding-top:1px;
	padding-bottom:1px;}



/* Footer */
/* ----------------------------------------------------- */
footer {
	width:100%;
	background-color:#333333;}
#sns_icon{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:15px;}
#sns_icon ul{
	padding-bottom:20px;
	height:65px;
	margin-left:150px;}
#sns_icon ul li{
	font-size:13px;
	float:left;
	margin-right:20px;
	margin-left:20px;
	font-weight:500;}
#sns_icon ul li img{
	vertical-align:middle;
	margin-right:10px;}
footer nav{
	background-color:#f2f2f2;
	padding-top:20px;
	padding-bottom:25px;}
footer nav dl{
	float:left;
	margin-left:50px;}
footer nav dl.sub{
	margin-top:25px;}
footer nav dl dt{font-size:14px;
	font-weight:600;
	margin-bottom:10px;}
footer nav dl dd{}
footer nav dl dd ul{}
footer nav dl dd ul li{
	font-size:13px;
	line-height:170%;}
footer dl dd ul.f-btn li{
	background-color:#FF6E0D;
	width:130px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;}
footer dl dd ul.f-btn li a{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	display:block;}
footer dl dd ul.f-btn li a img{	margin-right:8px;}
#f-navi{
	width:1000px;
	margin-left:auto;
	margin-right:auto;}
#f-navi-sp{
	display:none;
}

p.copyright{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	font-size:9px;
	padding-top:10px;
	padding-bottom:20px;}





/* ===================================================================

   Common Parts
 
   =================================================================== */
h2{
	font-size:32px;
	line-height:120% }
h3{
	font-size:24px;
	font-weight:bold;
	line-height:120%; }

p{	line-height:150%;
	margin-bottom:15px;}

.page #contents{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;}

.page #contents h2{
	font-size:28px;
	font-weight:500;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:30px;
	margin-top:60px;}

.page #contents h3{margin-bottom:15px;}

.page #contents p.catch{
	font-size:16px;
	font-weight:500;
	line-height:160%;
	margin-bottom:40px;}

p.img{ text-align:center; }
p.img img{ margin-left:10px; margin-right:10px; }
p.img2 img{ margin-left:5px; margin-right:5px; }
p.img3{ text-align:center;
	margin-top:40px;
	margin-bottom:60px; }
p.img3 img{ margin-left:10px; margin-right:10px; margin-bottom:20px;
width:42%;}

p.img4{ text-align:center;
	margin-top:40px;
	margin-bottom:60px; }
p.img4 img{ margin-left:5px; margin-right:5px; margin-bottom:20px;
width:35%;}



/* ----------------------------------------------------- */
/* h1部分  */ 
/* ----------------------------------------------------- */
.heading{background-color:#1C70C5;}
.heading h1{
	padding-top:130px;
	font-size:48px;
	color:#FFFFFF;
	font-weight:900;
	padding-bottom:25px;}
.heading h1 span{font-size:20px;}
.heading p{
	font-size:22px;
	color:#FFFFFF;
	line-height:140%;
	padding-left:15px;}

/* info */
#info-bg{	height:200px;}
#info-bg h1{
	font-size:36px;
	padding-top:80px;
	text-align:center;
	font-weight:600;}

/* モグリナのこだわり */
#commitment_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/commitment/commitment_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:360px;
	background-color:#FFFFFF;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;}
#commitment_bg_wrap{
	width:1000px;
	margin:0 auto 0 auto;}
#commitment_bg h1{color:#333333;}
#commitment_bg p{color:#333333;}

/* 料金表 */
#price_bg{
	background-size:cover;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/price/price_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:360px;}
#price_bg_wrap{
	width:1000px;
	margin:0 auto 0 auto;}

/* ダイビングメニュー */
#menu_bg{
	background-size:cover;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:360px;}
#menu_bg_wrap{
	width:1000px;
	margin:0 auto 0 auto;}

/* 慶良間ファンダイビング */
#kerama_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/kerama_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

/* チービシファンダイビング */
#chibishi_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/chibishi_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

/* 万座ファンダイビング */
#manza_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/manza_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

/* 糸満ファンダイビング */
#itoman_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/itoman_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

/* 辺戸岬ファンダイビング */
#hedomisaki_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/hedomisaki_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

/* 沈船 */
#emmons_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/emmons_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

/* 粟国 */
#aguni_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/aguni_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

/* 渡名喜 */
#tonaki_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/tonaki_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}


/* リフレッシュ */
#refresh_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/refresh_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

/* ホエールスイム */
#whale_swim_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/whale_swim_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

/* 体験ダイビング */
#experience_diving_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/experience_diving_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}


/* オープンウォーター・コース */
#open_water_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/open_water_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

/* アドバンス・コース */
#advance_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/advance_bg.png);
	background-repeat: no-repeat;
	background-position: right top;}

/* お客様の声 */
#voice_bg{
	width:1030px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/voice/voice_bg.png);
	background-repeat: no-repeat;
	background-position: center center;}
#voice_bg h1{
	text-align:center;
	padding-top:120px;}
#voice_bg p{
	text-align:center;
	padding-left:15px;}



/* ボートチャーター */
#boat_charter_bg{
	width:1000px;
	height:360px;
	margin:0 auto 0 auto;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/boat_charter_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;}

#boat_charter_bg h1{line-height:80%;}


/* ----------------------------------------------------- */
/* ダイビングメニュー */ 
/* ----------------------------------------------------- */

p.topic{
	font-size:22px;
	font-weight:700;
	margin-bottom:40px;
	line-height:120%;
	text-align:center;}
p.topic strong{	font-weight:700;}


/* ビーチポイント */
.beach-point{
	width:50%;
	float:left;
	margin-bottom:30px;}
.beach-point dt{
	font-weight:700;
	margin-bottom:8px;}
.beach-point dt img{
	float:left;
	margin-right:20px;
	margin-bottom:20px;}
.beach-point dd{
	font-size:12px;	line-height:150%;
	margin-bottom:10px;
	margin-right:20px;}


/* ポイント */
dl.point{}
dl.point dt{
	font-size:20px;
	width:300px;
	font-weight:700;
	color:#FF9752;
	border: 2px solid #FF9752;
	text-align:center;
	padding: 10px 0 10px 0 ;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	margin-bottom:15px;
	letter-spacing:1px;}

dl.point dd{
	font-size:14px;
	line-height:160%;
	margin-bottom:40px;
	margin-left:10px;}

.border-box{
	font-size:22px;
	margin-top:40px;
	margin-bottom:40px;}
.border-box span{
	border:1px solid #000000;
	padding:5px 10px 5px 10px ;
	font-weight:700;}


/* スケジュール */
.schedule-table{
	border-bottom: 1px solid #498DD1;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;}
.schedule-table strong{
	font-weight:700;
	color:#FFFFFF;}
.schedule-table em{	font-weight:700;}
.schedule-table th{
	background-color:#498DD1;
	font-size:18px;
	padding-top:15px;
	padding-bottom:15px;
	color:#FFFFFF;
	text-align:center;
	line-height:180%;}
.schedule-table th:nth-child(1){border-right: 1px solid #FFFFFF;}
.schedule-table td{
	padding-left:50px;
	text-align:left;
	font-size:16px;
	line-height:180%;
	padding-top:30px;
	padding-bottom:30px;}
.schedule-table td.area{
	text-align:center;
	font-size:18px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:0px;
	background-color:#eeeeee;}
.schedule-table td:nth-child(1){border-right: 1px solid #498DD1;}

/* シングルバージョン */
.single td{
border-left: 1px solid #498DD1;
padding-left:200px;
}
.single th:nth-child(1){
border-right: 1px solid #498DD1;}


/* 値段 */
.price{
	width:360px;
	border-top: solid 4px #FF0000;
	border-bottom: solid 4px #FF0000;
	color:#FF0000;
	padding-top:20px;
	padding-bottom:12px;}
.price p{
	text-align:center;
	font-size:18px;
	font-weight:600;
	line-height:180%;}
.price p:nth-child(1){margin-bottom:20px;}
.price strong{
	font-size:30px;
	font-weight:700;}
.price em{
	font-size:50px;
	font-weight:900;}
#price-wrap{
	width:780px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	margin-bottom:30px;}
#price-wrap:after{
	content: "";
	display: block;
	clear: both;}
#price-wrap .price:nth-child(1){float:left;}
#price-wrap .price:nth-child(2){float:right;}

#price-wrap3{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:30px;}
#price-wrap3:after{
	content: "";
	display: block;
	clear: both;}
#price-wrap3 .price:nth-child(2){
	margin-left:20px;
	margin-right:20px;}

#price-wrap3 .price{
	width:320px;
	border-top: solid 4px #FF0000;
	border-bottom: solid 4px #FF0000;
	color:#FF0000;
	padding-top:20px;
	padding-bottom:12px;
	float:left;}
#price-wrap3 .price p{
	text-align:center;
	font-size:16px;
	font-weight:600;
	line-height:180%;
	letter-spacing:-1px;}

.w-price{
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:0px;}



/* テーブル */
.table {
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
	margin-top:30px;
	margin-bottom:50px;}

.table th {
	width:38%;
	font-size: 14px;
	padding: 18px;
	line-height: 150%;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	vertical-align:top;
	text-align: right;
	font-weight:bold;}
.table td {
	font-size: 14px;
	line-height: 150%;
	padding: 18px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #ffffff;
	text-align: left;}

#txt18{margin-top:0px;}
#txt18 th,
#txt18 td{font-size:16px;}
#txt18 th{background-color:#f6f6f6;}


.t-center{
	margin-top:60px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;}

.commitment{margin-bottom:20px;}
.commitment thead th{
background-color:#eee;
padding: 12px 18px 12px 18px;
border:none;
text-align:center;}
.commitment th{width:50%;}

#price .table th {
	width:35%;
	font-size: 18px;
	padding: 18px;
	line-height: 150%;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	vertical-align:top;
	text-align: right;
	font-weight:bold;}

#price .table td {
	font-size: 18px;
	line-height: 180%;
	padding: 18px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #ffffff;
	text-align: left;}

#price .table td em{color:#FF0000;
font-size:32px;
font-weight:bold;}
#price .table td span{color:#FF0000;}

#price .table td strong{
background-color:#FF0000;
color:#FFFFFF;
font-size:14px;
padding: 2px 8px 3px 8px;}


/* パンくずリスト */
#bread{
	font-size: 12px;
	margin-bottom: 20px;
	padding-top:8px;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/path_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom: 8px;}
#bread p{
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	padding-bottom: 0px;
	margin-bottom: 0px;}
#bread a{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/bread_path.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 35px;}	
#home #bread{display:none;}


/* 問い合わせ */
.w1000{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;}
#contact{
	border: 1px solid #FF9752;
	margin-top:70px;
	margin-bottom:100px;
	padding: 20px 0 20px 0 ;}
#contact:after{
	content: "";
	display: block;
	clear: both;}
#contact .left{
	text-align:center;
	width:340px;}
#contact .left img{margin: 20px 0 20px 0;}
#contact .right{
	text-align:center;
	width:640px;}
#contact .right p{padding: 10px 0;}
#contact p{
	font-size:14px;
	line-height:150%;
	margin-bottom:0px;}
#contact p:nth-child(1){
	font-size:16px;
	font-weight:700;}
#contact p.btn{	width:610px;}
#contact p.btn a{
	display:block;
	background-color:#FF6E0D;
	font-size:36px;
	font-weight:700;
	color:#FFFFFF;
	padding:30px 0px 30px 50px;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/i_mail_ico.png);
	background-repeat: no-repeat;
	background-position: 145px center;}



/* カテゴリナビ */
#category{
	margin-bottom:0px;
	width:980px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:50px;}
#category h3 {
	width:980px;
	text-align:center;
	position: relative;
	display: inline-block;
	padding: 0 280px;
	margin: 0 auto 20px auto;}
#category h3:before,
#category h3:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 280px;
	height: 1px;
	background-color: black;}
#category h3:before { left:0;}
#category h3:after { right: 0;}
#category dt{ 
	font-size:18px;
	font-weight:700;
	padding-bottom:8px;}
#category dt.txt14{	font-size:14px;}
#category dd{
	margin-left:0px;
	padding-left:0px;}
#category dd ul{margin-left:0px;}
#category dd ul li{
	float:left;
	width:230px;
	height:100px;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;}
#category dd ul li p{
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	font-weight:300;
	background-color: rgba(0,0,0,0.7);
	padding:4px 0 5px 0 ;
	margin-top:60px;}
#category dd ul li span{
	font-size:11px;
	background-color: rgba(255,255,102,0.8);
	position:absolute;
	top:4px;
	right:4px;
	padding: 3px 10px 3px 10px ;}
#category ul li#cat_kerama_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_kerama_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;	}
#category ul li#cat_chibishi_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_chibishi_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
#category ul li#cat_manza_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_manza_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
#category ul li#cat_itoman_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_itoman_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right:0px;}
#category ul li#cat_hedomisaki_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_hedomisaki_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
#category ul li#cat_emmons_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_emmons_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
#category ul li#cat_aguni_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_aguni_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
#category ul li#cat_tonaki_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_tonaki_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right:0px;}
#category ul li#cat_open_water_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_open_water_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
#category ul li#cat_advance_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_advance_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
#category ul li#cat_refresh_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_refresh_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
#category ul li#cat_whale_swim_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_whale_swim_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
#category ul li#cat_boat_charter_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_boat_charter_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
#category ul li#cat_experience_diving_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/cat_experience_diving_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;}


/* Page-link */
ul.page-link{
	width:900px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/page-link_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;}
ul.page-link:after{
	content: "";
	display: block;
	clear: both;}
ul.page-link li{
	display:inline;
	margin-right: 30px;}
ul.page-link li a{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/p_arw.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 14px;
	font-size: 14px;}


/* Other */
.img-left {	
	float: left;
	margin-right: 30px;
	margin-bottom:20px; }
.img-right {
	float: right;
	margin-left: 30px;
	margin-bottom:20px;}
.center{text-align:center;}
.small{font-size:11px;}
.left{	float:left;}
.right{	float:right;}
.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px;}

/* list */
ul.list{
	margin-left:20px;
	margin-bottom: 20px;}
ul.list li {
	font-size:16px;
	line-height:160%;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/list.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 18px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	list-style-type: none;}

.table ul.list{
margin-left:0px;
margin-bottom: 0px;}


/* pagetop */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
	opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
	margin-bottom:0px;
	z-index:10000}
.pagetop a {color: #ffffff;}


.btn{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top:10px;}

.btn a{
	background-color:#223787;
	font-size:16px;
	color:#FFFFFF;
	padding:10px 34px 10px 18px;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/arw.png);
	background-repeat: no-repeat;
	background-position: 94% center;}

.box{
	font-size:16px;
	line-height:200%;
	background-color:#f6f6f6;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	margin-top:20px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;}
.box li{padding-left: 25px;}


/* =================================================================== 

   Pages

   =================================================================== */


/* ----------------------------------------------------- */
/* TOPページ - index.html  */ 
/* ----------------------------------------------------- */
#index{	
	text-align:center;
	margin-top:70px;}
	
#index h2{
	font-size:32px;
	font-weight:bold;
	margin-bottom:50px;}

#t_about{
	text-align:left;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:80px;}
#t_about:after{
	content: "";
	display: block;
	clear: both;}
#t_about h1{
	font-size:24px;
	color:#2044B4;
	font-weight:900;
	margin-bottom:15px;}
#t_about p{
	font-size:16px;
	line-height:160%;
	margin-bottom:20px;}
#t_about .mov{
	float:right;
}


/* ダイビングメニュー */
#t_fundive-menu{
	background-size: cover;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/diving-menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:810px;}
#t_fundive-menu p{
	color:#FFFFFF;
	font-size:24px;
	font-weight:200;
	padding-top:1em;
	padding-bottom:1em;}
#fundive-menu-wrap{
	position:relative;
	width:1000px;
	margin-left:auto;
	margin-right:auto;}
#t_fundive-menu #fundive-menu-wrap p.map{
	position:absolute;
	right:60px;
	top:300px;}
#t_fundive-menu ul {	clear:both;}
#t_fundive-menu ul li{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/kerama_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 214px;
	width: 214px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;}
#t_fundive-menu ul a:hover li  {
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";}

#t_fundive-menu ul li#kerama_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/kerama_bg.png);
	background-repeat: no-repeat;
	background-position: center center;	}
#t_fundive-menu ul li#chibishi_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/chibishi_bg.png);
	background-repeat: no-repeat;
	background-position: center center;}
#t_fundive-menu ul li#manza_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/manza_bg.png);
	background-repeat: no-repeat;
	background-position: center center;}
#t_fundive-menu ul li#itoman_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/itoman_bg.png);
	background-repeat: no-repeat;
	background-position: center center;}
#t_fundive-menu ul li#hedomisaki_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/hedomisaki_bg.png);
	background-repeat: no-repeat;
	background-position: center center;}
#t_fundive-menu ul li#emmons_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/emmons_bg.png);
	background-repeat: no-repeat;
	background-position: center center;}
#t_fundive-menu ul li#aguni_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/aguni_bg.png);
	background-repeat: no-repeat;
	background-position: center center;}
#t_fundive-menu ul li#tonaki_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/tonaki_bg.png);
	background-repeat: no-repeat;
	background-position: center center;}
#t_fundive-menu ul li h3{
	font-weight:200;
	font-size:18px;
	color:#FFFFFF;
	padding-top:155px;
	line-height:160%;}
#t_fundive-menu ul li h3 span{
	font-size:13px;
	color:#FFFF66}
#t_fundive-menu ul li#aguni_bg h3,
#t_fundive-menu ul li#tonaki_bg h3{	padding-top:123px;}

#t_diving-menu{
	width:960px;
	margin-left:auto;
	margin-right:auto;}
#t_diving-menu ul{}
#t_diving-menu ul li{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_license.png);
	background-repeat: no-repeat;
	height: 280px;
	width: 300px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;}
#t_diving-menu ul li#license_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_license.png);
	background-repeat: no-repeat;}
#t_diving-menu ul li#refresh_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_refresh.png);
	background-repeat: no-repeat;}
#t_diving-menu ul li#expedition_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_expedition.png);
	background-repeat: no-repeat;}
#t_diving-menu ul li#whale_swim_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_whale_swim.png);
	background-repeat: no-repeat;}
#t_diving-menu ul li#experience_diving_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_experience_diving.png);
	background-repeat: no-repeat;}
#t_diving-menu ul li#boat_charter_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_boat_charter.png);
	background-repeat: no-repeat;}
#t_diving-menu ul li h3{
	background-color: rgba(0,0,0,0.6);
	font-size:22px;
	font-weight:200;
	color:#FFFFFF;
	line-height:80%;
	padding-top:12px;
	padding-bottom:12px;
	margin-top:190px;}
#t_diving-menu h3 span{
	font-size:10px;
	letter-spacing:1px;}
#t_diving-menu p{
	font-size:22px;
	margin-bottom:30px;
	margin-top:50px;}

/* リボン */
.ribbon-wrapper {
  display: block;
  position: relative;}
.ribbon-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 85px;
  height: 85px;
  overflow: hidden;  }
.ribbon {
  display: inline-block;
  position: absolute;
  padding: 5px 0;
  right: -24px;
  top: 20px;
  width: 160px;
  text-align: center;
  font-size: 14px;
  line-height: 15px;
  background: #FF9752;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);}
.ribbon2 {
  display: inline-block;
  position: absolute;
  padding: 5px 0;
  right: -24px;
  top: 20px;
  width: 160px;
  text-align: center;
  font-size: 14px;
  line-height: 15px;
  background: #ff0000;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);}

/* ニュース */
#news-top{
	margin-top:60px;
	margin-bottom:60px;}
#news-top h2{
	font-size:24px;
	text-align:left;
	padding-left:10px;
	margin-bottom:20px;}
#news-top:after{
	content: "";
	display: block;
	clear: both;}
#news-wrap{
	width:980px;
	margin-left:auto;
	margin-right:auto;}
.news-table td span{
	font-size:11px;
	background-color:#333333;
	color:#FFFFFF;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	text-align:center;
	margin-left:14px;
	margin-bottom:8px;
	line-height:100%;
	padding:0px 15px 0px 15px;}
#news-top .left{width:470px;}
#news-top .right{width:470px;}
#news-top dl{
	text-align:left;
	border-top: 1px dotted #CCCCCC;}
#news-top dl dt{
	padding-left:10px;
	padding-top:17px;
	font-size:12px;
	margin-bottom:7px;}
#news-top dl dd{
	font-size:16px;
	font-weight:500;
	border-bottom: 1px dotted #CCCCCC;
	padding-left:15px;
	padding-bottom:17px;}
#news-top dl dd a{	font-weight:bold;}

/* ----------------------------------------------------- */
/* ダイビングメニュー - menu/index.html */ 
/* ----------------------------------------------------- */
.page #contents #menu-wrap h2 {
	font-size:40px;
	width:1000px;
	text-align:center;
	position: relative;
	display: inline-block;
	padding: 0 260px;
	margin: 50px auto 20px auto;
	font-weight:800;
	border:none;}
#menu-wrap h2:before,
#menu-wrap h2:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 260px;
	height: 1px;
	background-color: black;}
#menu-wrap h2:before { left:0;}
#menu-wrap h2:after { right: 0;}
#menu-wrap p{font-size:14px;}

/* ダイビングメニュー */
#menu-wrap {}
#menu-wrap section{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;}
#menu-wrap section:after{
	content: "";
	display: block;
	clear: both;}
#menu-wrap section li{
	width:420px;
	height:240px;
	float:left;
	position:relative;
	margin-bottom:30px;}
#menu-wrap section li.one{margin-left:240px;}	
#menu-wrap section li h3{
	text-align:center;
	font-size:24px;
	color:#FFFFFF;
	font-weight:500;
	background-color: rgba(0,0,0,0.6);
	padding:8px 0 6px 0 ;
	margin-top:160px;
	line-height:110%;}
#menu-wrap section li h3 em{font-size:14px;}
#menu-wrap section li span{
	font-size:14px;
	top:6px;
	left:-6px;
	position:absolute;
	background-color:#FFCC00;
	padding: 4px 8px 5px 8px;
	font-weight:500; }
#menu-wrap #m_kerama_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_kerama_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:60px;}
#menu-wrap #m_chibishi_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_chibishi_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu-wrap #m_manza_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_manza_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:60px;}
#menu-wrap #m_itoman_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_itoman_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu-wrap #m_hedomisaki_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_hedomisaki_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:60px;}
#menu-wrap #m_emmons_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_emmons_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;	}
#menu-wrap #m_aguni_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_aguni_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:60px;}
#menu-wrap #m_tonaki_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_tonaki_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu-wrap #m_open_water_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_open_water_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:60px;}
#menu-wrap #m_advance_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_advance_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu-wrap #m_refresh_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_refresh_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu-wrap #m_experience_diving_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_experience_diving_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu-wrap #m_whale_swim_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_whale_swim_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu-wrap #m_boat_charter_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/m_boat_charter_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;}



.menu-point{
	background-color:#E0F7FE;
	padding: 4px 4px 15px 4px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:40px;}
.menu-point:after{
	content: "";
	display: block;
	clear: both;}
.menu-point dt{
	font-size:14px;
	font-weight:600;
	color:#FFFFFF;
	text-align:center;
	background-color:#45B7F0;
	width:140px;
	padding: 7px 0px 9px 0px;}
.menu-point dd{
	width:630px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 0 20px 0 ;}
.menu-point dd li{
	font-size:14px;
	line-height:180%;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/point_li.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;}

#m-point{width:720px;
	margin-left:0;
	margin-right:0;
	margin-top:0px;
	height:140px;
		padding:4px 4px 4px 4px;}
#m-point dt{}
#m-point dd{width:600px;}



/* ----------------------------------------------------- */
/* 粟国遠征ダイビング - menu/expedition_diving/aguni.html */ 
/* ----------------------------------------------------- */

/* カレンダー */
.calendar table{
	width: 24%;
	float: left;
	margin-right: 1%;}
.calendar table th{
	font-size:13px;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid #CCCCCC;}
.calendar table td{
	font-size:14px;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid #CCCCCC;}
.cellTableHead{background: #eee;}
.cellHoliday {	background: #ccc;}
.cellSaturday {	background: #BDE2E8;}
.cellSunday,
.cellHoliday {	background: #ECC6C7;}
.date{
	background: #ff0000;
	color:#FFFFFF;}

.date-list{margin-top:30px;}
.date-list dt{
	font-size:16px;
	font-weight:700;
	margin-bottom:8px;}
.date-list dd{
	font-size:15px;
	letter-spacing:1px;
	margin-bottom:15px;}



/* ----------------------------------------------------- */
/* アドバンス・コース */
/* ----------------------------------------------------- */
.type{
	width:360px;
	border-top: none;
	border-bottom: none;
	color:#FF0000;
	padding-top:0px;
	padding-bottom:0px;}

.type p{text-align:left;
	font-size:15px;
	font-weight:500;
	line-height:160%;}
.type p:nth-child(1){}
.type p:nth-child(2){margin-left:15px;}
.type p:nth-child(3){color:#000000;font-size:13px;font-weight:300;}



/* ----------------------------------------------------- */
/* ホエールスイム - menu/whale_swim.html */
/* ----------------------------------------------------- */
.caution {margin-top:50px;}
.caution dt{
	font-size:18px;
	cursor: pointer;
	margin-bottom:10px;
	text-align:center;
	line-height:150%;
	background-color:#FF6E0D;
	color:#FFFFFF;
	width:40%;
	padding: 10px 15px 10px 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-weight:700;
	margin-left:160px;}
.caution dt span{font-size:14px;}
.caution dd{
	display:none;
	background-color:#eee;
	padding: 20px 20px 10px 20px;
	font-size:14px;
	line-height:160%;}



/* ----------------------------------------------------- */
/* お客様の声 - info/voice.html */ 
/* ----------------------------------------------------- */
#voice-wrap{
	width:1070px;
	margin-left:auto;
	margin-right:auto;
	margin-left:-35px;}
.page #contents #voice-wrap h2{
	color:#1C70C5;
	clear:both;
	border: none;
	margin-bottom:60px;
	text-align:center;}
.page #contents #voice-wrap h2 span{
	font-size:38px;
	font-weight:800;
	border:1px solid #1C70C5;
	padding:10px 25px;}
#voice-wrap p{margin-bottom:60px;}
#voice-wrap p img{vertical-align:middle;}
#voice-wrap p.right img:nth-child(2){margin-left:50px;}
#voice-wrap p.left img:nth-child(1){margin-right:50px;}



/* ----------------------------------------------------- */
/* ショップについて - info/shop.html */ 
/* ----------------------------------------------------- */
.store-img{float:right;}
.store-img img{
	margin-top:15px;
	margin-right:10px;}


/* ----------------------------------------------------- */
/* よくあるご質問 - info/faq.html */ 
/* ----------------------------------------------------- */
.faq{}
.faq dt{
	font-size:18px;
	font-weight:700;
	margin-bottom:15px;
	cursor: pointer;
	line-height:160%;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/faq/q.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 33px;
	margin-left:20px;}
.faq dd{
	margin-bottom:40px;
	padding-bottom:20px;
    display: none;
    background: #f2f2f2;
	line-height:160%;
	padding: 20px 20px 20px 30px ;}



/* ----------------------------------------------------- */
/* サイトマップ - info/sitemap.html */ 
/* ----------------------------------------------------- */
#sitemap-wrap{
	margin-left:auto;
	margin-right:auto;}
#sitemap-wrap h2{
	font-size:24px;
	margin-bottom:25px;
	padding-bottom:10px;
	border-bottom: 1px solid #CCCCCC;}
#sitemap-wrap ul{ 
	margin-left:20px;
	margin-bottom:40px;}
#sitemap-wrap ul:after{
	content: "";
	display: block;
	clear: both;}
#sitemap-wrap ul li{
	font-size:18px;
	line-height: 220%;}
#sitemap-wrap ul li a{}
#sitemap-wrap section{width:70%;}
#sitemap-wrap section .left{width:40%;}
#sitemap-wrap section .right{width:40%;}















.news-list h2{
	color: #fff;
	font-size:20px;
	font-weight: bold;
	padding:10px 10px 10px 20px;
	background-color: #555;
	margin-bottom: 15px;
}
.cate{border: 1px solid #666;
padding:0px 8px 0px 8px;
line-height:100%;
margin-left: 10px;
font-size:12px;}
.entry-meta{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:20px;
}
a.readmore{
	padding-left: 15px;
	text-decoration:underline;
}
.entry-content{
	margin-bottom:30px;
	padding:10px 20px 10px 10px;
}

.single a{
	text-decoration:underline;
}

.w720{width:720px;}



#multi{
	text-align:left;
	margin-left:160px;}

.txt14{font-size:14px;}

#navy{background-color:#223787;}

.button {
    text-align:center;
    padding:10px;
    color:#fff;
    background:#03A9F4;
    width:200px;}
.close { background:#666;}

#price{margin-bottom:100px;}

.down{margin-top:10px;}
.indent{margin-left:40px;}

.column{ width:100%; }
.column .left{ width:46%; }
.column .right{ width:46%; }

.pc-none{display:none;}


figcaption {
	text-align: center;
	padding-top: 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;}
figure {
	width: 300px;
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-top: 30px;}




.slideshow {
	position: relative;
	overflow: hidden;}

.slideshow h1{
	position:absolute;
	top:30%;
	left:10%;
	color:#FFFFFF;
	font-size:60px;
	font-weight:700;
	line-height:140%;
	text-align:left;
	text-shadow: 1px 2px 1px #666;}

.slideContents #slide5 h1{
	color:#333333;}

/* :::::: slideContents :::::: */
.slideContents {
	position: relative;
	background: #fff;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;}
.slideContents section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;}
.slideContents section img {
	max-width: 100%;
	padding: 0 50px;
	box-sizing: border-box;
	vertical-align: middle;}

/* :::::: mechanism :::::: */
.slideContents #slide1 {position: relative;}
.slideContents section {
	animation: autoplay 30s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
@keyframes autoplay {
	0%, 16%, 100% { transform: none; }
	20% { transform: translateX(-100%); }
	20.001%, 96% { transform: translateX(100%); }
}
.slideContents #slide1 {
background-size:cover;
	animation-delay: 0s;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/top_img1.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	height:500px;}
.slideContents #slide2 {	
background-size:cover;
animation-delay: -24s; 
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/top_img2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:500px;}
.slideContents #slide3 { 
animation-delay: -18s; 
background-size:cover;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/top_img3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:500px;}

.slideContents #slide4 { 
animation-delay: -12s; 
background-size:cover;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/top_img4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:500px;}

.slideContents #slide5 { 
animation-delay: -6s; 
background-size:cover;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/top_img5.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:500px;}




















/* スマホ横向き対応 */
@media (orientation: landscape) and (max-width: 760px){

p{font-size:13px;}

address{
	color:#FFFFFF;
	padding-top: 25px;
	padding-bottom:15px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;}
address img{margin-left:20px;}
address p{margin-left:20px;}

header {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	padding-top:10px;}
header p.logo{float:left;}
header p.logo img{margin-top:10px;
	margin-left:15px;
	margin-right:0px;
	width:70%;}
#h-wrap{float:none;}
header .h-navi{
	float:left;
	margin-bottom:20px;}
header .h-navi li{
	font-size:12px;
	display:inline;
	margin-left:10px;}
header .h-navi li:nth-child(1){display:none;}
header .h-info{margin-top:20px;}
header .h-info li{
	float:right;
	margin-left:0px;
	margin-right:20px;}
header .h-info li:nth-child(3){
	background-color:#FF6E0D;
	width:120px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;}
header .h-info li:nth-child(3) a{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:8px;
	padding-bottom:8px;
	display:block;}

header nav li {
	float:left;
	font-size:12px;
	font-weight:500;
	margin-left:20px;
	margin-right:0px;}


/* Sidebar */
/* ----------------------------------------------------- */
#sidebar{display:none;}

#sns_icon{width:94%;
	margin-left:3%;
	margin-right:3%;}
#sns_icon ul{
	margin-left:0px;}
#sns_icon ul li{
	font-size:12px;
	float:left;
	margin-right:10px;
	margin-left:10px;
	font-weight:500;}

#sns_icon ul li:last-child{display:none;}

footer nav dl{
	float:left;
	margin-left:15px;}
footer nav dl.sub{
	margin-top:25px;}
footer nav dl dt{font-size:12px;}
footer nav dl dd ul li{
	font-size:12px;
	line-height:170%;}

footer dl dd ul.f-btn li{
	margin-right:5px;
	float:left;}
footer dl dd ul.f-btn li a img{display:none;}

#f-navi{
	width:100%;
	margin-left:auto;
	margin-right:auto;}
p.copyright{
	width:100%;
	text-align:center;}


/* ===================================================================

   Common Parts
 
   =================================================================== */
h2{
	font-size:28px;
	line-height:120% }
h3{
	font-size:22px;
	font-weight:bold;
	line-height:120%; }

p{	line-height:150%;
	margin-bottom:15px;}

.page #contents{
	width:94%;
	margin-left:3%;
	margin-right:3%;
	padding-top:30px;}

.page #contents h2{	font-size:28px;}
.page #contents p.catch{	font-size:14px;}

p.img img{ 
	margin-left:10px;
	margin-right:10px;
	width:45%;
	margin-bottom:20px;}
p.img2 img{ 
	margin-left:2px; 
	margin-right:2px;
	width:32%; }
p.img3{ text-align:center;
	margin-top:30px;
	margin-bottom:40px; }
p.img3 img{ 
	margin-left:10px;
	margin-right:10px;
	width:45%;
	margin-bottom:20px; }



/* ----------------------------------------------------- */
/* h1部分  */ 
/* ----------------------------------------------------- */
.heading h1{
	padding-top:100px;
	font-size:40px;
	color:#FFFFFF;
	font-weight:900;
	padding-bottom:25px;
	text-align:center;
	text-shadow: 1px 2px 1px #666;}
.heading p{
	font-size:18px;
	color:#FFFFFF;
	line-height:140%;
	padding-left:15px;
	text-align:center;
	text-shadow: 1px 2px 1px #666;}

/* モグリナのこだわり */
#commitment_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/commitment/commitment_bg_sp.jpg);
	height:280px;
	background-color:#FFFFFF;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;}
#commitment_bg_wrap{
	width:100%;
	margin:0 auto 0 auto;}

/* 料金表 */
#price_bg{
	background-size:cover;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/price/price_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:280px;}
#price_bg_wrap{
	width:100%;
	margin:0 auto 0 auto;}

/* ダイビングメニュー */
#menu_bg{
	background-size:cover;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/menu/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:280px;}
#menu_bg_wrap{
	width:100%;
	margin:0 auto 0 auto;}

/* 慶良間ファンダイビング */
#kerama_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* チービシファンダイビング */
#chibishi_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* 万座ファンダイビング */
#manza_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* 糸満ファンダイビング */
#itoman_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* 辺戸岬ファンダイビング */
#hedomisaki_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* 沈船 */
#emmons_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* 粟国 */
#aguni_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* 渡名喜 */
#tonaki_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* リフレッシュ */
#refresh_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* ホエールスイム */
#whale_swim_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* 体験ダイビング */
#experience_diving_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* オープンウォーター・コース */
#open_water_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* アドバンス・コース */
#advance_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}

/* お客様の声 */
#voice_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center center;}

/* ボートチャーター */
#boat_charter_bg{
	background-size:contain;
	width:100%;
	height:280px;
	background-position: center top;}


/* ----------------------------------------------------- */
/* ダイビングメニュー */ 
/* ----------------------------------------------------- */
/* ビーチポイント */

.beach-point dt img{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	width:50%;}
.beach-point dd{
	font-size:11px;
	line-height:130%;
	margin-bottom:10px;
	margin-right:20px;}

/* スケジュール */
.schedule-table{width:100%;}
.schedule-table th{
	padding-top:10px;
	padding-bottom:10px;}
.schedule-table td{	padding-left:20px;}

/* 値段 */
.price{
	width:100%;
	border-top: solid 0px #FF0000;
	border-bottom: solid 0px #FF0000;
	padding-top:8px;
	padding-bottom:6px;}
.price strong{	font-size:24px;}
.price em{	font-size:40px;}

#price-wrap{
	width:94%;
	margin-left:3%;
	margin-right:3%;
	margin-bottom:10px;}
#price-wrap .price:nth-child(1){float:none;}
#price-wrap .price:nth-child(2){float:none;}

#price-wrap3{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;}
#price-wrap3:after{
	content: "";
	display: block;
	clear: both;}
#price-wrap3 .price:nth-child(2){
	margin-left:3px;
	margin-right:3px;}

#price-wrap3 .price{
	width:32%;
	border-top: solid 0px #FF0000;
	border-bottom: solid 0px #FF0000;
	color:#FF0000;
	padding-top:10px;
	padding-bottom:5px;
	float:left;}
#price-wrap3 .price p{
	text-align:center;
	font-size:12px;
	font-weight:600;
	line-height:180%;
	letter-spacing:-1px;}

#price-wrap3 .price strong{	font-size:22px;}
#price-wrap3 .price em{	font-size:26px;}

.w-price{
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:0px;}

/* テーブル */
.table {
width:100%;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
	margin-top:10px;
	margin-bottom:50px;}

.table th {
	width:38%;
	font-size: 12px;
	padding: 18px;
	line-height: 150%;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	vertical-align:top;
	text-align: right;
	font-weight:bold;}
.table td {
	font-size: 12px;
	line-height: 150%;
	padding: 18px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #ffffff;
	text-align: left;}


.t-center{	margin-top:20px;}

.commitment{margin-bottom:20px;}
.commitment thead th{
	background-color:#eee;
	padding: 12px 18px 12px 18px;
	border:none;
	text-align:center;}
.commitment th{width:50%;}

#price .table th {
	width:35%;
	font-size: 16px;
	padding: 14px;
	line-height: 150%;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	vertical-align:top;
	text-align: right;
	font-weight:bold;}

#price .table td {
	font-size: 16px;
	line-height: 180%;
	padding: 14px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #ffffff;
	text-align: left;}

#price .table td em{
	color:#FF0000;
	font-size:32px;
	font-weight:bold;}
#price .table td span{color:#FF0000;}

#price .table td strong{
	background-color:#FF0000;
	color:#FFFFFF;
	font-size:14px;
	padding: 2px 8px 3px 8px;}


/* パンくずリスト */
#bread p{
	margin-left:3%;
	margin-right:3%;
	width: 94%;
	padding-bottom: 0px;
	margin-bottom: 0px;}


/* 問い合わせ */
	.w1000{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	padding-top:0px;}
#contact .left{
	text-align:left;
	width:100%;
	float:none;}
#contact .left p:first-child{
font-size:18px;
text-align:center;
margin-bottom:15px;}
#contact .left img{
	margin: 10px 10px 10px 30px;
	float:left;}
#contact .right{
	text-align:center;
	width:100%;}
#contact .right img{width:85%;}
#contact p{
	font-size:14px;
	line-height:150%;
	margin-bottom:0px;}
#contact p.btn{	width:90%;
	margin-left:5%;
	margin-right:5%;}
#contact p.btn a{
	display:block;
	background-color:#FF6E0D;
	font-size:28px;
	font-weight:700;
	color:#FFFFFF;
	padding:30px 0px 30px 0px;
	background-image:none;}

/* カテゴリナビ */
#category{
	margin-bottom:0px;
	width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:50px;}
#category h3 {
	width:100%;
	text-align:center;
	position: relative;
	display: inline-block;
	padding: 0 30px;
	margin: 0 auto 20px auto;}
#category h3:before,
#category h3:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 50px;
	height: 1px;
	background-color: black;}
#category h3:before { left:0;}
#category h3:after { right: 0;}
#category dt{ 
	font-size:18px;
	font-weight:700;
	padding-bottom:8px;}
#category dt.txt14{	font-size:14px;}
#category dd{
	margin-left:0px;
	padding-left:0px;}
#category dd ul{margin-left:10px;}
#category dd ul li{
	float:left;
	width:230px;
	height:100px;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;}
#category dd ul li p{
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	font-weight:300;
	background-color: rgba(0,0,0,0.7);
	padding:4px 0 5px 0 ;
	margin-top:60px;}
#category dd ul li span{
	font-size:11px;
	background-color: rgba(255,255,102,0.8);
	position:absolute;
	top:4px;
	right:4px;
	padding: 3px 10px 3px 10px ;}

/* Page-link */
ul.page-link{
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/page-link_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;}

/* Other */
.img-left {	
	float: left;
	margin-right: 20px;
	margin-bottom:20px; }
.img-right {
	float: right;
	margin-left: 20px;
	margin-bottom:20px;}

/* list */
ul.list{
	margin-left:20px;
	margin-bottom: 20px;}
ul.list li {
	font-size:16px;
	line-height:160%;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/list.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 18px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	list-style-type: none;}

.table ul.list{
margin-left:0px;
margin-bottom: 0px;}


/* pagetop */
.pagetop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;}

.btn{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top:10px;}

.btn a{
	background-color:#223787;
	font-size:16px;
	color:#FFFFFF;
	padding:10px 34px 10px 18px;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/arw.png);
	background-repeat: no-repeat;
	background-position: 94% center;}



/* =================================================================== 

   Pages

   =================================================================== */


/* ----------------------------------------------------- */
/* TOPページ - index.html  */ 
/* ----------------------------------------------------- */
#index{	
	text-align:center;
	margin-top:20px;}
#t_about{
	text-align:left;
	width:92%;
	margin-left:4%;
	margin-right:4%;
	margin-bottom:40px;}
#t_about h1{
	font-size:24px;
	color:#2044B4;
	font-weight:900;
	margin-bottom:15px;
	line-height:130%;
	text-align:center;}
#t_about p{
	font-size:13px;
	line-height:160%;
	margin-bottom:20px;}
#t_about p.btn{text-align:center;}



/* ダイビングメニュー */
#t_fundive-menu{
	width:100%;
	background-size: cover;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/diving-menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:auto;
	padding-bottom:10px;
	margin-bottom:0px;}
#t_fundive-menu p{
	color:#FFFFFF;
	font-size:18px;
	font-weight:200;
	padding-top:1em;
	padding-bottom:0;}
#fundive-menu-wrap{
	position:static;
	width:100%;
	margin-left:auto;
	margin-right:auto;}
#t_fundive-menu #fundive-menu-wrap p.map{position:static;}
#t_fundive-menu ul {
	clear:both;
	width:90%;
	margin-left:5%;
	margin-right:5%;}
#t_fundive-menu ul li{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/kerama_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 180px;
	width: 48%;
	float:left;
	margin-top:0px;
	margin-bottom:15px;
	margin-left:1%;
	margin-right:1%;}

#t_fundive-menu ul a:hover li  {
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";}

#t_fundive-menu ul li h3{
	font-weight:200;
	font-size:16px;
	color:#FFFFFF;
	padding-top:130px;
	line-height:160%;}

#t_fundive-menu ul li#aguni_bg h3,
#t_fundive-menu ul li#tonaki_bg h3{	padding-top:102px;}


#t_diving-menu{
	width:100%;
	margin-left:auto;
	margin-right:auto;}
#t_diving-menu ul{}
#t_diving-menu ul li{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_license.png);
	background-repeat: no-repeat;
	height: auto;
	width: 49%;
	float:left;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-bottom:3px;}
#t_diving-menu ul li#license_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_license.png);
	background-size: cover;
	background-repeat: no-repeat;}
#t_diving-menu ul li#refresh_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_refresh.png);
	background-size: cover;
	background-repeat: no-repeat;}
#t_diving-menu ul li#expedition_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_expedition.png);
	background-size: cover;
	background-repeat: no-repeat;}
#t_diving-menu ul li#whale_swim_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_whale_swim.png);
	background-size: cover;
	background-repeat: no-repeat;}
#t_diving-menu ul li#experience_diving_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_experience_diving.png);
	background-size: cover;
	background-repeat: no-repeat;}
#t_diving-menu ul li#boat_charter_bg{
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/t_boat_charter.png);
	background-size: cover;
	background-repeat: no-repeat;}
#t_diving-menu ul li h3{
	background-color: rgba(0,0,0,0.6);
	font-size:16px;
	font-weight:200;
	color:#FFFFFF;
	padding-top:12px;
	padding-bottom:12px;
	margin-top:120px;}
#t_diving-menu h3 span{
	font-size:10px;
	letter-spacing:1px;}
#t_diving-menu p{
	font-size:18px;
	margin-bottom:30px;
	margin-top:50px;}




/* :::::: slideContents :::::: */
.slideshow {
	width:100%;
	position: relative;
	overflow: hidden;
	z-index: -100;}

.slideshow h1{
	position:absolute;
	top:30%;
	left:10%;
	color:#FFFFFF;
	font-size:40px;
	font-weight:700;
	line-height:140%;
	text-align:left;
	text-shadow: 1px 2px 1px #666;}

.slideContents #slide5 h1{
	color:#333333;}


.slideContents {
	position: relative;
	background: lightSeaGreen;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;}
.slideContents section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;}
.slideContents section img {
	max-width: 100%;
	padding: 0 50px;
	box-sizing: border-box;
	vertical-align: middle;}

/* :::::: mechanism :::::: */
.slideContents #slide1 {position: relative;}
.slideContents section {
	animation: autoplay 30s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
/*@keyframes autoplay {
	0%, 16%, 100% { transform: none; }
	20% { transform: translateX(-100%); }
	20.001%, 96% { transform: translateX(100%); }
}*/
.slideContents #slide1 {
	background-size:cover;
	animation-delay: 0s;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/top_img1.jpg);
	background-repeat: no-repeat;
	background-position: 70% 70%;
	height:250px;}

.slideContents #slide2 {	
	background-size:cover;
	animation-delay: -24s; 
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/top_img2.jpg);
	background-repeat: no-repeat;
	background-position: 70% 70%;
	height:250px;}

.slideContents #slide3 { 
	animation-delay: -18s; 
	background-size:cover;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/top_img3.jpg);
	background-repeat: no-repeat;
	background-position: 70% 70%;
	height:250px;}

.slideContents #slide4 { 
	animation-delay: -12s; 
	background-size:cover;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/top_img4.jpg);
	background-repeat: no-repeat;
	background-position: 70% 70%;
	height:250px;}

.slideContents #slide5 { 
	animation-delay: -6s; 
	background-size:cover;
	background-image: url(https://mogurina-ds.com/wp-content/themes/mogu_wp/img/common/top_img5.jpg);
	background-repeat: no-repeat;
	background-position: 20% 70%;
	height:250px;}



/* ニュース */
#news-top h2{
	font-size:20px;
	text-align:center;
	padding-left:10px;
	margin-bottom:10px;
	margin-top:20px;}
#news-wrap{
	width:94%;
	margin-left:3%;
	margin-right:3%;}
#news-top .left{width:100%;}
#news-top .right{width:100%;}



/* ----------------------------------------------------- */
/* ダイビングメニュー - menu/index.html */ 
/* ----------------------------------------------------- */
.page #contents #menu h2 {
	font-size:26px;
	width:100%;
	text-align:center;
	position: relative;
	display: inline-block;
	padding: 0 80px;
	margin: 20px auto 20px auto;
	font-weight:800;
	border:none;}
#menu h2:before,
#menu h2:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 80px;
	height: 1px;
	background-color: black;}

/* ダイビングメニュー */
#menu section{
	width:100%;
	margin-bottom:0px;}
#menu section li{
	width:48%;
	margin-right:1%;
	margin-left:1%;
	height:180px;
	float:left;
	position:relative;
	margin-bottom:10px;}
#menu section li.one{margin-left:0px;}	
#menu section li h3{
	font-size:18px;
	margin-top:120px;}
#menu section li h3 em{font-size:10px;}
#menu #m_kerama_bg{	margin-right:0px;}
#menu #m_manza_bg{	margin-right:0px;}
#menu #m_hedomisaki_bg{	margin-right:0px;}
#menu #m_aguni_bg{	margin-right:0px;}
#menu #m_open_water_bg{	margin-right:0px;}

.menu-point{
	background-color:#E0F7FE;
	padding:4px 4px 5px 4px;
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:20px;
	margin-top:40px;}
.menu-point dd{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	padding:10px 0 10px 0 ;}
.menu-point dd .left{float:none;}
.menu-point dd .right{float:none;}
#m-point{width:100%;
	margin-left:0;
	margin-right:0;
	margin-top:0px;
	height:auto;
		padding:4px 4px 4px 4px;}
#m-point dt{}
#m-point dd{width:100%;}


/* ----------------------------------------------------- */
/* ホエールスイム - menu/whale_swim.html */
/* ----------------------------------------------------- */
.caution dt{
	width:80%;
	font-weight:700;
	margin-left:10%;
	margin-right:10%;}



/* ----------------------------------------------------- */
/* お客様の声 - info/voice.html */ 
/* ----------------------------------------------------- */
#voice-wrap{
	width:80%;
	margin-left:10%;
	margin-right:10%;}
.page #contents #voice-wrap h2{
	color:#1C70C5;
	clear:both;
	border: none;
	margin-bottom:40px;
	text-align:center;}
.page #contents #voice-wrap h2 span{
	font-size:24px;
	font-weight:800;
	border:1px solid #1C70C5;
	padding:10px 25px;}
#voice-wrap p{margin-bottom:30px;}
#voice-wrap p img{
	vertical-align:middle;
	width:100%;
	margin-bottom:20px;}

#voice-wrap p.right{text-align:center;}
#voice-wrap p.right img:nth-child{}
#voice-wrap p.right img:nth-child(2){margin-left:0px;}

#voice-wrap p.left{text-align:center;}
#voice-wrap p.left img:nth-child(1){margin-right:0px;}
#voice-wrap p.left img:nth-child(2){}



/* ----------------------------------------------------- */
/* ショップについて - info/shop.html */ 
/* ----------------------------------------------------- */
.store-img{float:none;}
.store-img img{
	margin-top:15px;
	margin-right:5px;
	width:48%;}
figure {
	width:50%;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;}
figure img{width:94%;}
figcaption {
	text-align: left;
	padding-top: 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;}


/* ----------------------------------------------------- */
/* サイトマップ - info/sitemap.html */ 
/* ----------------------------------------------------- */
#sitemap-wrap h2{font-size:20px;}
#sitemap-wrap ul li{	font-size:14px;}
#sitemap-wrap section{width:90%;}
#sitemap-wrap section .left{width:43%;}
#sitemap-wrap section .right{width:43%;}


.sp-img{
width:80%;
margin-left:10%;
margin-right:10%;}

.tb-none{display:none;}

#multi{
	text-align:left;
	margin-left:40px;}
.w720{width:100%;}

.column{ width:100%; }
.column .left{float:none;width:100%;}
.column .right{ float:none;width:100%; }

.column ul.list li{
width:250px;
float:left;}

.sp-table{width:96%;}
.sp-table td ul.list li{
	font-size:12px;
	background-position: left 5px;}
.border-box{
	font-size:14px;
	margin-top:40px;
	margin-bottom:40px;}

.tb{
display:block;}

	.txt14{display:none;}
	
}


