@charset "utf-8";

*{
margin: 0;
padding: 0;
}
html, body{
height: 100%;
width: 100%;
}
body{
color:#000;
margin: 0 ;
overflow-x: hidden;
width: 100%;
height: auto !important;
background-color:#2CA6E0;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
line-height:20px;
-webkit-text-size-adjust : 100% ;
font-size: 14px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
p {
margin-bottom:0.5em;
line-height:1.7;
}
img {
max-width: 100%;
height: auto;
margin: 0 auto;
}
a img {
border-style:none;
}
.linkbox {
cursor: pointer;
}
.text_right {
text-align:right;
}
.text_bottom {
vertical-align:bottom;
}
.center {
text-align:center;
}
.right {
float:right;
}
.left {
float:left;
}
.clear {
clear:both;
}
i {
margin-right:0.5em;
}
li {
list-style: none;
}
.blue {
color:#0059B2;
}
.red {
color:red;
}
.pink {
color:#f55454;
}
.orange {
color:#EB6C00;
}
a {
color:#0059b2;
}
a:hover {
color:#ff8000;
}
.pic3 {
margin:1em 0;
} .ma_top_2 {
margin-top:2em;
}
.ma_top_1 {
margin-top:1em;
} #bg {
position:relative;
z-index:0;
overflow:hidden;
}
.bg_gradation {
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/gradation.png) center 700px no-repeat;
overflow:hidden;
}
.bg_mesh {
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/mesh.png) center top;
overflow:hidden;
}
.bg_gradation_sab {
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/gradation_sab.png) center 150px no-repeat;
overflow:hidden;
}
.bg_mesh_sab {
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/mesh.png) center top;
overflow:hidden;
}
#bg.index{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/top.jpg) center top no-repeat;
}
#bg.ship{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/ship.jpg) center top no-repeat;
}
#bg.charter{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/charter.jpg) center top no-repeat;
}
#bg.parasailing{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/parasailing_ver01.jpg) center top no-repeat;
}
#bg.experience{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/experience.jpg) center top no-repeat;
}
#bg.snorkel{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/snorkel.jpg) center top no-repeat;
}
#bg.course{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/course_ver01.jpg) center top no-repeat;
}
#bg.reserve{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/set_ver01.jpg) center top no-repeat;
}
#bg.set{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/set_ver01.jpg) center top no-repeat;
}
#bg.access{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/access.jpg) center top no-repeat;
}
#bg.faq{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/faq.jpg) center top no-repeat;
}
#bg.voice{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/voice.jpg) center top no-repeat;
}
#bg.recruit{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/recruit.jpg) center top no-repeat;
}
#bg.safety{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/safety.jpg) center top no-repeat;
}
#bg.ishigakijima{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/ishigaki.jpg) center top no-repeat;
}
#bg.staff{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/staff.jpg) center top no-repeat;
}
#bg.campaign{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/campaign_ver01.jpg) center top no-repeat;
}
#bg.camera_rental{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/camera_rental.jpg) center top no-repeat;
}
#bg.thanks{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/thanks.jpg) center top no-repeat;
}
#bg.contact{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/contact_ver01.jpg) center top no-repeat;
}
#bg.shop{
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/bg/shop.jpg) center top no-repeat;
} #side_reserve_btn {
z-index:10;
position: fixed;
bottom: 200px;
right: 0;
width: 76px;
height:194px;
}
@media screen and (max-width: 1200px) {
#side_reserve_btn {
display:none;
}
}
#page-top a {
display: block;
} #header {
margin:0 auto;
width:1000px;
position:relative;
}
#header h1{
margin:0;
width:220px;
text-align:center;
padding:0 0 1px;
background:#FFF;
border-radius: 0 0 7px 7px;-webkit-border-radius: 0 0 7px 7px;-moz-border-radius: 0 0 7px 7px;
box-shadow: 0.1em 0.1em 0.1em 0.1em #888;
-webkit-box-shadow: 0.1em 0.1em 0.1em 0.1em #888;
-moz-box-shadow: 0.1em 0.1em 0.1em 0.1em #888;
}
.h1_in {
margin:0 3px 2px 3px;
border-radius: 0 0 6px 6px;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;
border-bottom:1px dashed #999;
border-left:1px dashed #999;
border-right:1px dashed #999;
}
.header_info {
position:absolute;
top:42px;
left:283px;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight:bold;
}
.header_info a {
color:#FFF;
text-decoration: none;
}
.header_info a:hover {
text-decoration: underline;
}
.header_tel {
position:absolute;
top:0;
right:0;
width:341px;
height:62;
}
.header_menu {
position:absolute;
top:69px;
right:5px;
width:740px;
height:36px;
background-color:#FFD24D;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight:bold;
border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
box-shadow: 0.1em 0.1em 0.1em 0.1em #888;
-webkit-box-shadow: 0.1em 0.1em 0.1em 0.1em #888;
-moz-box-shadow: 0.1em 0.1em 0.1em 0.1em #888;
}
.header_menu ul{
margin:0 auto;
padding-top:9px;
line-height:20px;
text-align:center;
}
.header_menu li {
float:left;
border-right:1px solid #004080;
padding-left:31px;
padding-right:31px;
color:#004080;
}
.header_menu li:last-child {
float:left;
border-right:none;
padding-left:24px;
padding-right:0;
}
.header_menu a {
color:#004080;
text-decoration: none;
}
.header_menu a:hover {
text-decoration: underline;
} #header_message {
width:1000px;
margin:260px auto 0;
text-align:center;
}
#header_message h2{
font-size:34px;
color:#0059B2;
font-weight: bold;
text-shadow: #FFF 1px 1px 0px, #FFF -1px 1px 0px, #FFF 1px -1px 0px, #FFF -1px -1px 0px;
text-decoration: none;
}
#header_message h3{
margin-top:1em;
}
.sab #header_message {
width:1000px;
margin:100px auto;
text-align:center;
} #contents {
margin:280px auto 0;
width:1000px;
position:relative;
z-index:1;
}
#main a:hover img, #side a:hover img, #footer a:hover img {
opacity:0.7;
filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity: 0.7; zoom:1;
} #nav {
width:1000px;
margin:0 auto;
}
#nav li {
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
float: left;
margin: 0;
padding: 0;
height: 32px;
line-height: 32px;
overflow: hidden;
position: relative;
margin-right: 2px;
width: 143px;
border-radius: 7px 7px 0 0;-webkit-border-radius: 7px 7px 0 0;-moz-border-radius: 7px 7px 0 0;
}
#nav li a {
text-decoration: none;
color: #FFF;
display: block;
outline: none;
font-weight: bold;
text-align: center;
line-height: 34px;
background:#0059B2;
}
#nav li a:hover {
text-decoration: none;
color: #f0f0f0;
display: block;
outline: none;
font-weight: bold;
text-align: center;
background:rgba(0,89,178,0.5);
}
#now {
text-decoration: none;
color: #0059B2;
display: block;
outline: none;
font-weight: bold;
text-align: center;
background:rgba(255,255,255,0.85);
}
#nav li:first-child {
width: 130px;
}
#nav li:last-child {
margin-right: 0;
} #wrapper{
clear:both;
margin:0 auto 55px;
width:950px;
padding:45px 25px 10px;
position:relative;
overflow:hidden;
z-index:1;
background:rgba(255,255,255,0.85);
border-radius: 0 0 7px 7px;-webkit-border-radius: 0 0 7px 7px;-moz-border-radius: 0 0 7px 7px;
} #breadcrumbs {
margin:0 0 2em;
font-size:0.9em;
} .top_banner {
margin:0 0 3em;
} #main {
float: left;
width: 700px;
padding-bottom: 35px;
overflow: hidden;
}
#main p {
margin-left: 15px;
margin-right: 15px;
}
#main h3 {
clear:both;
margin:3em 0 1em;
padding-left:15px;
border-left:8px solid #0059B2;
color:#0059B2;
font-size:23px;
font-weight:bold;	font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
clear:both;
}
#main h3 span {
display:block;
color:#ff2626;
font-size:13px;
font-weight:normal;
padding-bottom:0.3em;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
} ul.main_ranking {
}
ul.main_ranking li {
float:left;
margin-right:20px;
}
ul.main_ranking li:last-child {
margin-right:0;
}
.ranking_price {
margin-top:0.5em;
text-align:center;
font-size:12px;
}
.ranking_price span {
font-size:20px;
font-weight:bold;
color:#f00;
} .news_bg {
margin: 0;
}
dl.news {
border:1px solid #00698c;
background:#FFF;
padding:15px 20px 5px;
}
dl.news dt {
background:#00698c;
color:#FFF;
float:left;
width:130px;
clear:both;
text-align:center;
margin-bottom:10px;
margin-right:1em;
border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;
line-height:22px;
}
dl.news dd {
margin-bottom:10px;
line-height:22px;
}
.top_campaign_txt {
text-align:center;
}
.top_campaign_txt span.highlight_blue {
font-weight:bold;
font-size:1.3em;
color: red;
}
.course_price_campaign.top {
background:#FFF;
padding:10px 15px;
margin-top:2em;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
}
#main p.ranking_price {
margin-left: 0;
margin-right: 0;
} .top_menu_left {
float:left;
width:260px;
}
.top_menu_center {
float:left;
width:180px;
text-align:center;
padding-top:30px;
}
.top_menu_right {
float:left;
width:260px;
}
.top_menu_left li, .top_menu_center li, .top_menu_right li {
margin-bottom:1em;
} #side {
float: right;
width: 200px;
padding-left: 24px;
border-left: 1px dotted #999;
}
#side h3 {
font-size:15px;
color:#0059B2;
font-weight: bold;
text-shadow: #FFF 1px 1px 0px, #FFF -1px 1px 0px, #FFF 1px -1px 0px, #FFF -1px -1px 0px;
text-decoration: none;
border-bottom:1px solid #0059B2;
margin-top:3em;
margin-bottom:1em;
}
#side h3.first {
margin-top:0;
}
.side_banner {
margin-top:2em;
}
ul.side_ranking {
position:relative;
}
.side_ranking li {
height:53px;
padding:35px 10px 0;
font-size:13px;
line-height:16px;
}
.side_ranking li a {
color:#0059B2;
}
.side_ranking li a:hover {
color:#000;
}
.side_ranking li.no1 {
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/side_ranking01.png) no-repeat;
}
.side_ranking li.no2 {
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/side_ranking02.png) no-repeat;
}
.side_ranking li.no3 {
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/side_ranking03.png) no-repeat;
} #footer {
width:100%;
margin: 0;
}
.footer_up {
background:rgba(0,89,178,0.5);
}
.footer_up_in {
width:1000px;
padding:25px 0;
margin:0 auto;
text-align:center;
}
.footer_up_in img {
margin:0 2em;
}
.footer_bottom {
background:rgba(0,89,178,1);
}
.footer_bottom_in {
width:1000px;
padding:25px 0 0;
margin:0 auto;
text-align:center;
}
.footer_bottom_in ul {
overflow:hidden;
}
.footer_bottom_in li {
float:left;
margin:0 17px;
}
.footer_bottom_in li:last-child img {
display:block;
}
.footer_bottom_copyright {
text-align:center;
color:#FFF;
font-size:12px;
line-height:30px;
}
.footer_bottom_copyright a{
color:#FFF;
} h4.h4_contact3 {
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/h4_default.png) left center no-repeat;
line-height: 40px;
font-size: 30px;
font-weight: bold;
color:#0059b2;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
border-bottom: 1px solid #0059b2;
padding: 10px 0px 5px 55px;
}
h4.h4_contact2 {
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/h4_default.png) left center no-repeat;
margin-bottom: 1em;
line-height: 40px;
font-size: 30px;
font-weight: bold;
color:#0059b2;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
border-bottom: 1px solid #0059b2;
padding: 10px 0px 5px 55px;
}
h4.h4_contact {
background:url(//ishigaki-parasailing.com/wp/wp-content/themes/parasailing/img/h4_default.png) left center no-repeat;
margin-bottom: 1em;
margin-top:55px;
line-height: 40px;
font-size: 30px;
font-weight: bold;
color:#0059b2;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
border-bottom: 1px solid #0059b2;
padding: 10px 0px 5px 55px;
}
h5.manta {
margin:2em 1.5em 0.7em;
line-height: 30px;
font-size: 16px;
font-weight: bold;
color:#0059b2;
border-bottom: 1px dashed #0059b2;
} dl.manta {
margin:0 1.5em;
overflow: hidden;
}
dl.manta dt {
clear:both;
float:left;
width:100px;
text-align:center;
background:#0059b2;
color:#FFF;
margin-left:25px;
margin-bottom:0.3em;
padding:4px 0;
}
dl.manta dd {
float:left;
margin-bottom:0.3em;
padding:4px 0 3px 1em;
border-bottom:1px solid rgba(0, 89, 178, 0.3);
}
dl.manta dd.second {
width:480px;
}
div.manta {
margin:0 36px;
}
#main .manta p {
margin-left: 0;
margin-right: 0;
}
.manta_info {
background: #FFF;
padding: 1em 1em;
margin: 2em 1em;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
} .contact_tel {
margin-top: 20px;
font-size: 16px;
line-height: 26px;
}
.contact_tel span {
font-size: 26px;
}
ol.reserve_chu, ul.reserve_chu {
margin-left: 3em;
}
ol.reserve_chu li, ul.reserve_chu li {
list-style-type: decimal;
line-height: 24px;
}
.flow_img {
margin:1em 0;
}
.reserve_bikou {
margin-top: 1em;
padding: 15px 15px 15px;
background: #f0f0f0;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border: 1px dashed #e60012;
}
.reserve_bikou h4 {
color: #e60012;
font-weight: bold;
margin-bottom:1em;
text-align:center;
font-size:1.2em;
}
.reserve_important {
line-height: 24px;
margin: 0 0 20px;
border: 1px dashed red;
background: #FFF;
padding: 1.5em ;
}
h5.reserve_kakuninjikou {
color: red;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight: bold;
font-size: 26px;
text-align: center;
margin-bottom: 0.5em;
}
form#mailformpro .reserve_important dl {
overflow:auto;
}
form#mailformpro .reserve_important dt {
clear:both;
float:left;
width:180px;
font-weight:bold;
padding:1em 0;
font-size: 14px;
text-align: left;
border-top:1px solid #EEE;
}
form#mailformpro .reserve_important dd {
float:left;
width:475px;
padding:1em 0;
font-size: 14px;
text-align: left;
border-top:1px solid #EEE;
}
form#mailformpro .reserve_important dt.bo_none, form#mailformpro .reserve_important dd.bo_none {
padding:0 0 1em;
border:none;
}
.reserve_important i.fa-check-square-o {
color: red;
font-size: 1.3em;
}
.reserve_important i.fa-long-arrow-right {
margin-left:0.5em;
}
.important {
margin-top: 1em;
padding: 1em 2em;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
text-align: center;
}
h5.h5_contact {
text-align:center;
margin:1em 0;
font-size:1.1em;
}
span.chu {
margin-left: 0.5em;
color: red;
}
span.bikou {
display:block;
padding-top:0.5em;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password {
padding: 0.2em 0;
}
#reserve_ichiran {
overflow: hidden;
margin: 35px 1em 35px;
padding: 20px 30px 20px 40px;
background: #FFF;
-webkit-box-shadow: 0 0 7px 0 #999;
-moz-box-shadow: 0 0 7px 0 #999;
box-shadow: 0 0 7px 0 #999;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
position: relative;
}
h4.reserve_ichiran span {
font-size: 28px;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: bold;
color: #0059b2;
float: left;
padding-top: 5px;
}
h4.reserve_ichiran span a {
color: #0059b2;
text-decoration: none;
}
#reserve_ichiran i {
float: right;
font-size: 30px;
color: #0059b2;
}
h5.reserve_ichiran span {
font-size: 14px;
color: #000;
float: right;
margin-right: 30px;
padding-top: 5px;
}
#reserve_ichiran:hover {
background: #c1e0ff;
transition: 0.7s;
}
#short_course {
padding: 7px 10px;
background-color: #E8EEF9;
margin: 3px;
line-height:1.8em;
}
form#mailformpro #course_select label.mfp_checked {
padding: 7px 10px;
border: solid 1px #CCC;
background-color: #E8EEF9;
box-shadow: 0px 1px 3px #CCC inset;
}
form#mailformpro #course_select label.mfp_not_checked {
padding: 7px 10px;
border: none;
background-color: #FFF;
}
span.time_select {
color: red;
background-color: #E8EEF9;
padding-left:0.5em;
}
form#mailformpro dl dd ul.bikou, form#mailformpro dl dd ol.bikou {
margin-left:2em;
}
form#mailformpro #course_select label {
padding: 7px 10px;
border: none;
background-color: #FFF;
display:block;
cursor: pointer;
margin: 5px 5px 5px 0;
}
h5.sanka_select {
font-size:1.1em;
font-weight:bold;
color: #0059b2;
margin:2em 5px 0 0;
background:#DDD;
padding:0.5em 1em ;
}
h5.sanka_select.none {
margin:0 5px 0 0;
}
.voice_thanks {
font-weight:bold;
color:red;
text-align:center;
margin-top:2em;
font-size:1.2em;
line-height:1.2;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.jyusyo {
margin:2em auto;
text-align:center;
}
.jyusyo_info {
margin:0 auto;
padding:0.7em 2em;
background:#DDD;
border:1px solid #AAA;
width:50%;
} .container_menu_in h4 {
background:#0059b2;
border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;
padding:0.5em 1em 0.3em 1em;
font-size:1.3em;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color:#FFF;
font-weight:bold;
}
.container_menu_in h4 a {
text-decoration: none;
color:#FFF;
}
.container_menu_in h4:hover {
background:#1474d4;
}
.container_menu_in h4.link_none:hover {
background:#0059b2;
}
p.zeikomi {
color:#0059b2;
font-size:20px;
font-weight: bold;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
clear: both;
text-align:center;
}
p.zeikomi span.anshin {
font-size:30px;
padding-left:0.2em;
}
.container_menu_in {
clear:both;
margin-bottom:3em;
}
.container_menu_in_in {
background:#FFF;
border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;
padding:1em;
overflow: auto;
}
.container_menu_in_img {
float:left;
width:150px;
margin-right:23px;
margin-bottom:20px;
}
.container_menu_in_img img{
border: 1px solid #DDD;
background: #fff;
box-shadow: 1px 1px 5px rgba(20,20,20,0.1);
}
.container_menu_in_right {
float:left;
width:498px;
margin-bottom:20px;
}
.container_menu_table {
width:100%;
}
.container_menu_table th {
border-spacing: 0;
line-height: 18px;
background-color: #cee2ff;
color: #5F4A39;
padding: 6px 10px;
empty-cells: show;
}
.container_menu_table td {
border-spacing: 0;
line-height: 18px;
background-color: #FFF;
color: #5F4A39;
padding: 6px 10px;
empty-cells: show;
overflow: hidden;
}
.container_menu_table td.container_menu_table_price {
padding-left:2em;
}
.container_menu_in_in_price {
background:#EB6C00;
color:#FFF;
padding:0.2em 0.3em 0.2em 1em;
margin-bottom:0.5em;
line-height: 38px;
}
.container_menu_in_in_price span{
font-size:0.8em;
}
.container_menu_in_in_price.tsujo {
background:#999;
}
.container_menu_in_in_price_jpy s span.tsujo {
color: #555;
}
.container_menu_in_in_price_hito {
line-height: 38px;
margin-right:1em;
}
.container_menu_in_in_price_jpy {
color: #EB6C00;
font-size: 28px;
line-height: 30px;
font-weight: bold;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.container_menu_in_in_price_jpy i.fa {
font-size: 20px;
margin-right:0.2em;
}
.container_menu_in_in_price_jpy i.fa.tsujo {
color: #555;
}
.container_menu_table td.container_menu_table_sab {
background-color: #FFF;
border-bottom:1px dashed #9bc3fd;
}
.container_menu_in_info {
margin:0 0 0.5em;
font-weight:bold;
}
.container_menu_in_time {
margin:0.5em 2px;
padding:0.4em 1em 0.3em;
}
.container_menu_in_syousai a {
color: #333;
text-decoration: none;
font-size:0.8em;
font-weight:bold;
}
.container_menu_in_syousai {
margin:0.5em 0 0 166px;
position: relative;
display: inline-block;
width:200px;
padding: 0.2em 64px;
background-color: #fed24b;
border: 2px solid #fed24b;
color: #333;
text-align: center;
text-decoration: none;
}
.container_menu_in_syousai.linkbox:hover {
background-color: #EB6C00;
border: 2px solid #EB6C00;
}
.container_menu_in_syousai::before,
.container_menu_in_syousai::after {
position: absolute;
top: 50%;
right: .3em;
content: '';
margin-top: -5px;
border: 7px solid transparent;
border-top-width: 5px;
border-bottom-width: 5px;
border-left-color: #000;
}
.container_menu_in_syousai::after {
opacity: 0;
right: 1em;
}
.container_menu_in_syousai:hover::before {
animation: arrowbefore .5s;
}
.container_menu_in_syousai:hover::after {
animation: arrowafter .5s;
}
@keyframes arrowbefore {
100% {
right: -.4em;
opacity: 0;
}
}
@keyframes arrowafter {
99% {
right: .2em;
opacity: 1;
}
100% {
opacity: 0;
}
}
.course_price_campaign {
clear:both;
}
.course_price_campaign table {
width:100%;
text-align:center;
border-collapse: separate;
border-spacing: 5px;
}
.course_price_campaign table th {
width:33%;
color: #FFF;
padding:5px 0 4px;
}
.campaign_th01 {
background:#EB6C00;
}
.campaign_th02 {
background:#ff2626;
}
.campaign_th03 {
background:#0059b2;
}
.campaign_price01, .campaign_price02, .campaign_price03 {
font-size:1.2em;
font-weight:bold;
}
.campaign_price01 {
color: #EB6C00;
}
.campaign_price02 {
color: #ff2626;
}
.campaign_price03 {
color: #0059b2;
}
#main p.course_price_campaign_hed {
font-weight:bold;
font-size:16px;
text-align:center;
color:red;
}
.container_menu_in_in_price_jpy s {
color:#555;
}
.container_menu_in_in_price_jpy s span {
color:#EB6C00;
} .icon {
margin:20px 0 0;
text-align:center;
}
.icon span {
font-size: 24px;
font-weight: bold;
color: #FFF;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
padding: 3px 5px 2px;
}
.icon_snorkel {
background:#00b9eb;
}
.icon_taiken {
background: #1474d4;
}
.icon_parasailing {
background: #EB6C00;
}
.icon_hamajima {
background: #fed24b;
}
.icon.kaisetsu {
background: #FFF;
padding:15px 0 13px;
}
.icon.kaisetsu span {
font-size: 18px;
} table.recruit_table {
width:100%;
border-collapse: collapse;
}
table.recruit_table th {
white-space: nowrap;
padding: 7px 20px;
border: 1px solid #0059b2;
background: #227fc3;
color:#FFF;
}
table.recruit_table td {
border: 1px solid #0059b2;
border-collapse: collapse;
background: rgba(255,255,255,0.6);
padding: 7px 20px;
}
ul.recruit {
margin-left:3em;
color:#0059b2;
font-weight:bold;
line-height:2;
font-size:1.2em;
}
.recruit_info {
background:#FFF;
padding:1em 1em 0.5em;
margin:2em 1em ;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
}
ul.recruit_in_ul {
margin-left:1em;
}
dl.recruit_dl {
}
dl.recruit_dl dt {
float:left;
width:100px;
clear:both;
margin-bottom:0.5em;
}
dl.recruit_dl dd {
float:left;
margin-bottom:0.5em;
} #access {
}
dl.access1 {
font-size:1.2em;
margin:1em 1em ;
overflow: auto;
}
dl.access1 dt{
float:left;
width:150px;
clear:both;
margin-bottom:0.5em;
}
dl.access1 dd{
float:left;
margin-bottom:0.5em;
}
dl.access5 {
background:#FFF;
margin:1em 1em ;
padding: 0.7em 1em 0;
overflow: auto;
}
dl.access5 dt{
float:left;
width:300px;
clear:both;
margin-bottom:0.5em;
}
dl.access5 dd{
float:left;
margin-bottom:0.5em;
}
.access5_dd {
margin-left:300px;
}
.access_info {
clear:both;
margin:2em 1em ;
padding:0.7em 1em ;
background:#FFF;
line-height:24px;
}
.access_chu {
margin:0 15px 2em;
}
p.bo_border {
border-bottom:1px dashed #AAA;
}
iframe {
border:0;
}
#main p.print_pdf {
font-size:26px;
color:#0a57a9;
text-align:center;
}
#main p.print_pdf span {
font-size:16px;
}
.fa-file-pdf-o {
color:#f50705;
font-size:40px;
} .fun_price_waku {
border: 1px dashed #0059b2;
padding: 25px 35px;
margin: 0 auto 0;
border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
background:#FFF;
}
.fun_price_waku h4 {
position: relative;
margin-top: -30px;
margin-bottom: 20px;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-size: 30px;
color: #0059b2;
text-align: center;
}
.fun_price_waku h4 span {
background: #e3f1f8;
padding: 0 1em;
}
.fun_price_waku h5 {
border-bottom: 1px solid #0059b2;
color: #0059b2;
font-size: 20px;
margin-top: 1em;
margin-bottom: 0.5em;
line-height: 30px;
}
.fun_price_waku h5.none {
margin-top:0;
}
.fun_price_waku dl {
overflow: auto;
}
.fun_price_waku dt {
float: left;
width: 180px;
margin-right: 20px;
text-align: right;
font-weight:bold;
}
.fun_price_waku dd {
float: left;
width: 428px;
margin-bottom: 0.5em;
}
.fun_price_waku li {
margin-bottom: 0.5em;
}
.default_inner {
}
h4.h4_mousikomikakunin {
margin-bottom: 0;
margin-top: 55px;
line-height: 40px;
font-size: 30px;
font-weight: bold;
color: #0059b2;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.hmousikomikakunin_btn a{
color:red;
font-weight:bold;
text-align:center;
text-decoration: none;
}
.reserve_banner {
clear:both;
text-align: center;
margin: 1em auto 0;
}
.reserve_banner_in {
font-size: 20px;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
width: 500px;
padding: 8px 5px;
margin: 30px auto 0.7em;
border-radius: 100px;
background: #ffd24d;
color: #0059b2;
font-weight:bold;
}
.reserve_banner_in a {
color: #0059b2;
text-decoration: none;
}
.reserve_banner_in:hover {
background: #eb6c00;
}
.course_setsumei {
clear:both;
padding: 13px 10px 5px;
background: #f1eee1;
border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;
}
p.koko_point {
color:red;
font-weight:bold;
font-size:1.1em;
border-bottom:1px dashed red;
} .big28 {
font-size:28px;
font-weight:bold;
}
.big25 {
font-size:25px;
font-weight:bold;
}
.big22 {
font-size:22px;
font-weight:bold;
}
.big16 {
font-size:16px;
font-weight:bold;
}
.highlight_blue {
background: linear-gradient(transparent 60%, #92e8ff 0%);
line-height: 1.7em;
padding-left:0.5em;
}
.highlight_red {
background: linear-gradient(transparent 60%, #ffaeae 0%);
line-height: 1.7em;
padding-left:0.5em;
} p.ship {
margin-bottom:0;
}
table.ship {
width:100%;
border-collapse: separate;
border-spacing:5px;
}
table.ship td {
vertical-align:top;
}
table.ship td img {
max-width: 100%;
height: auto;
}
table.ship td:nth-child(1) {
width:270px;
}
table.ship td:nth-child(2) {
width:20%;
}
table.ship td:nth-child(3) {
width:254px;
text-align:center;
}
table.charter_op {
width:622px;
margin:0 auto;
border-collapse: separate;
border-spacing:5px;
}
table.charter_op th {
width:35%;
background:#92e8ff;
padding:5px 15px;
}
table.charter_op td {
padding:5px 15px;
border-bottom:1px dashed #AAA;
}
table.charter_op th.none {
background:none;
}
table.charter_op td.none {
border-bottom:none;
}
p.charter_contact {
text-align:center;
font-size:1.3em;
}
p.charter_contact span {
margin:0 0.5em;
} #faq_hed {
position:relative;
margin:35px 3em;
font-size:1.2em;
}
#faq_hed li {
margin-bottom:0.5em;
}
#faq_hed li i {
color:#f55454;
} .container_menu_in h4.kuwashiku {
background: #fed24b;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
padding: 0.5em 1em 0.3em 1em;
margin: 30px auto;
font-size: 16px;
font-weight:bold;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
color: #000;
width: 300px;
text-align:center;
}
.container_menu_in h4.kuwashiku a {
color: #000;
}
.container_menu_in h4.kuwashiku:hover {
background: #fbba55;
}
.hosoku_txt {
text-align:center;
background:#92e8ff;
padding:0.5em 0;
margin-left: 15px;
margin-right: 15px;
font-weight:bold;
}
ul.ship_txt {
text-align:left;
margin:0.5em 0 0 3em;
font-size:1.1em;
}
ul.ship_txt li {
margin-bottom:0.5em;
} #shop_hed {
position: relative;
margin: 25px 15px;
font-size: 1.4em;
}
#shop_hed ul {
overflow: hidden;
padding:1em 0 0 20px;
}
#shop_hed li {
margin:0 0 0.7em;
}
#shop_hed li i {
color: #f55454;
}
.safety_waku.shop h5 {
color: #f55454;
}
.safety_waku.shop .safety_waku_in {
border: 1px dashed #f55454;
}
#main .safety_waku.shop .safety_waku_in p {
margin-left: 180px;
} #safety_hed {
position: relative;
margin: 25px 15px;
font-size: 1.2em;
}
#safety_hed ul {
overflow: hidden;
background:#e4e4e4;
padding:1em 0 0 20px;
}
#safety_hed li {
float:left;
margin:0 20px 1em 0;
}
#safety_hed li:nth-child(4), #safety_hed li:nth-child(7) {
margin:0 0 1em 0;
}
#safety_hed li i {
color: rgb(0, 178, 0);
}
.safety_waku {
margin: 50px auto 0;
position:relative;
z-index:1;
}
.safety_waku .shop_number{
position:absolute;
top:43px;
left:28px;
z-index:10;
}
.safety_waku i{
margin:0 0.3em;
}
.safety_waku h5 {
position: relative;
text-align: center;
color: #00b200;
font-size: 26px;
line-height: 30px;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
margin-bottom: 5px;
}
.safety_waku h6 {
font-size:16px;
border-bottom:1px solid #AAA;
line-height:30px;
margin-bottom:10px;
margin-left:180px;
}
.safety_waku h6.h6_space {
margin-top:20px;
}
.safety_waku h6 i {
margin:0 0.5em 0 0;
}
.safety_waku .fa-ul {
margin-left:207px;
}
.safety_waku .fa-ul i {
margin:0 1em 0 0;
font-size: 16px;
}
.safety_waku .fa-ul li {
margin-bottom:0.5em;
}
.safety_waku_in {
background:#FFF;
padding: 20px 25px ;
margin:0 15px;
border:1px dashed #00b200;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
overflow: hidden;
}
.safety_img {
float:left;
padding:4px;
border:1px solid #ccc;
background:#fff;
box-shadow: 1px 1px 5px rgba(20,20,20,0.2); } #staff h3 {
clear:both;
margin:3em 0 0.4em;
padding-left:15px;
padding-bottom:0.2em;
border-left:8px solid #0059B2;
color:#0059B2;
font-size:28px;
font-weight:bold;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#staff h3 span {
display:block;
color:#777;
font-size:13px;
font-weight:normal;
padding-bottom:0.7em;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#staff h3 span.nickname {
float:right;
color: #ff7c03;
font-size: 16px;
font-weight: bold;
padding-bottom: 0.3em;
font-family: Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.staff_waku {
border: 1px solid #ccc;
padding: 30px;
margin: 0 auto 0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #FFF;
overflow: hidden;
}
.staff_pic {
float: left;
padding: 4px;
border: 1px solid #ccc;
background: #fff;
box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
margin-bottom:2em;
}
.staff_dl {
float: right;
width:280px;
margin-bottom:2em;
}
.staff_dl dt {
float: left;
width:85px;
clear:both;
margin-bottom:0.4em;
}
.staff_dl dd {
float: left;
width:195px;
margin-bottom:0.4em;
}
.staff_dl2 {
clear:both;
margin:1.5em 0;
}
.staff_dl2 dt {
font-size:1.2em;
border-bottom:1px dashed #ff7f00;
color: #ff7f00;
font-weight: bold;
margin-bottom:0.7em;
}
#staff p {
margin-left: 0;
margin-right: 0;
} .campaign_banner {
margin-bottom:1em;
}
.campaign_in {
width:650px;
margin:0 auto;
}
table.monitor_table {
width:100%;
text-align:center;
margin:3em 0;
border-collapse: collapse;
}
th.monitor_table_th {
font-size:1.1em;
padding:0.4em 1em 0.3em;
border-left:7px solid #ff7f00;
border-bottom:1px solid #ff7f00;
background:rgba(255,255,255,0.8);
text-align:left;
}
th.pre_table_th {
font-size:1.1em;
padding:0.4em 1em 0.3em;
border-left:7px solid #ff2626;
border-bottom:1px solid #ff2626;
background:rgba(255,255,255,0.8);
text-align:left;
}
th.open_table_th {
font-size:1.1em;
padding:0.4em 1em 0.3em;
border-left:7px solid #0059b2;
border-bottom:1px solid #0059b2;
background:rgba(255,255,255,0.8);
text-align:left;
}
table.monitor_table td {
border-bottom:1px dashed #BBB;
padding:0.2em 0;
}
table.monitor_table .fa-long-arrow-right {
font-size:2em;
color: #EB6C00;
}
th.monitor_table_th2 {
padding:0.7em 0 0.4em;
}
.price_big {
color: #EB6C00;
font-size: 28px;
line-height: 30px;
font-weight: bold;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
background:rgba(255,255,255,0.4);
}
.price_big i {
font-size: 20px;
}
.price_bg {
background:rgba(255,255,255,0.4);
}
p.campaign_hed {
text-align:center;
font-size:18px;
font-weight:bold;
margin:1em 0 1em;
}
.campaign_txt {
background:#FFF;
padding:15px 20px;
border:1px dashed #AAA;
margin:0 auto 2em;
width:600px;
}
span.monitor_title {
float:right;
background:#EB6C00;
font-size:12px;
color:#FFF;
padding:2px 10px 1px;
}
span.pre_title {
float:right;
background:#ff2626;
font-size:12px;
color:#FFF;
padding:2px 10px 1px;
}
span.open_title {
float:right;
background:#0059b2;
font-size:12px;
color:#FFF;
padding:2px 10px 1px;
}
span.monitor_time {
font-size:13px;
font-weight:normal;
margin-left:1em;
}
.camera_price {
color: #EB6C00;
font-size: 28px;
line-height: 30px;
font-weight: bold;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}