@charset "utf-8";

img.displayPc {
  display: initial;
}

img.displayPc {
  display: block;
}

.displaySp {
  display: none;
}

#main {
  width: 960px;
  height: 904px;
  background: url(../img/main.jpg) no-repeat;
  position: relative;
}

.title01 {
  margin: 0;
  padding: 0;
}

.btn_yoyaku {
  position: absolute;
  top: 835px;
  left: 710px;
  width: 130px;
}

.btn_yoyaku a{
  display: inline-block;
}

.btn_yoyaku img {
  width: 100%;
}

/*------------------------------------------
mujinto
------------------------------------------*/

#mujinto {
  font-size: 14px;
}

#mujinto_summary {
  width: 960px;
  height: 310px;
  background: url(../img/bk_mujin_summary.jpg) no-repeat;
  padding: 40px 0 0;
}

#mujinto li {
  background: url(../img/list_fish.png) no-repeat 0 4px;
  margin-bottom: 15px;
  padding-left: 30px;
}

.summary_inner {
  width: 880px;
  height: 280px;
  clear: right;
  padding: 0 40px 0;
}

.summary_inner p {
  width: 255px;
  text-indent: -1.0em;
  margin: 0;
}

.mujinto_base {
  width: 400px;
  padding: 0;
  margin: 54px 0 0;
  list-style-type: none;
}

/*------------------------------------------
option
------------------------------------------*/

.mujinto_option{
  width: 410px;
  padding: 0;
  list-style-type: none;
  margin: 25px 0 0;
}

.blue01 {
  color: #39c1ff;
  font-size: 18px;
  font-weight: bold;
  margin: 0 5px;
}

.blue02 {
  color: #1f5fb7;
  font-size: 18px;
  font-weight: bold;
  margin: 0 5px;
}

.blue03 {
  color: #3ecfdb;
  font-size: 18px;
  font-weight: bold;
  margin: 0 5px;
}

.option01 {
  background: url(../img/option_diving.jpg) no-repeat;
  width: 960px;
  height: 365px;
  position: relative;
}

.opcome01 {
  position: absolute;
  top: 160px;
  left: 370px;
  width: 280px;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  background: rgba(1,120,220,0.8);
}

.bnrSpcase01 {
  position: absolute;
  top: 140px;
  left: 685px;
  width: 27%;
}

.bnrSpcase01 img, .bnrSpcase01 img {
  width: 100%;
}

.diving_otokuBox {
  background: rgba(0, 91, 147, 0.5);
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 18px;
  text-shadow: 0 0 6px #000;
  border: 1px solid #062456;
  box-sizing: border-box;
  padding: 10px 2%;
}

.diving_otokuBox p {
  color: #cc0e00;
  font-size: 20px;
  font-weight: bold;
  text-shadow:1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;
}

.otoku_area {
  font-weight: bold;
  background: #042656;
  text-shadow: none;
  font-size: 16px;
  padding: 0 5px;
  margin: 0 10px 0 0;
}

.otoku_price {
  font-weight: bold;
  font-size: 28px;
  color: #fbf740;
  text-shadow:1px 1px 0 #ca2013, 1px -1px 0 #ca2013, -1px 1px 0 #ca2013, -1px -1px 0 #ca2013;
}

.option02 {
  background: url(../img/option_snorkelling.jpg) no-repeat;
  width: 960px;
  height: 380px;
  position: relative;
}

.opcome02 {
  position: absolute;
  top: 160px;
  left: 20px;
  width: 338px;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  background: rgba(1,89,213,0.5);
}

.bnrSpcase02 {
  position: absolute;
  top: 140px;
  left: 635px;
}

#mujinspot {
  background: url(../img/bk_mujin_spot.jpg) no-repeat;
  width: 934px;
  height: 741px;
  padding-left: 26px;
  position: relative;
}

.spotcome01 {
  position: absolute;
  top: 220px;
  left: 45px;
  width: 470px;
}

.spotcome02 {
  position: absolute;
  top: 650px;
  left: 530px;
  width: 395px;
}

.red {
  color: #ff0000;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.spbox {
  display: none;
}

/*------------------------------------------
movie
------------------------------------------*/
.movie_title {
	position: relative;
	padding: .5em .75em;
	background-color: #3DDEF7;
	border-radius: 6px;
	font-size: 18px;
	font-weight: bold;
	width: 90%;
	margin: 20px auto;
}

.movie_title::after {
	position: absolute;
	top: 100%;
	left: 50px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #3DDEF7;
}

#movie {
  margin: 20px auto;
  padding-top: 56.25%;
  position: relative;
  width: 90%;
}

.youtube iframe{
  width: 100% !important;
  height: 90% !important;
  position: absolute;
  top: 0;
  right: 0;
}

/*------------------------------------------
strap case
------------------------------------------*/

#strap_details {
  margin: 0 0 40px;
  padding-top: 20px;
}
#strap_details h2 {
  background: #f9da3b url("../img/kerama_icon.png") no-repeat scroll 25px 5px;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  height: 30px;
  padding: 5px 0 8px 60px;
}
#strap_details_wrap {
  border-bottom: 2px solid #f9da3b;
  border-left: 2px solid #f9da3b;
  border-right: 2px solid #f9da3b;
  padding: 0 8px;
}
#strap_details_wrap h2 {
  background: #b0d8ff none repeat scroll 0 0;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 8px 0 5px 5px;
}
#strap_details_box3 {
  margin: 0 0 15px;
}
#strap_details_box3 ul {
  margin: 0 0 0 20px;
  padding-left: 0;
  text-align: center;
}
#strap_details_box3 ul:nth-of-type(1) {
  margin: 0 0 15px 20px;
  padding-left: 0;
  text-align: center;
}
#strap_details_box3 li {
  float: left;
  list-style-type: none;
  margin-bottom: 5px;
  margin-right: 20px;
  text-align: center;
  width: 200px;
}
#strap_details_box3 .left {
  float: left;
  margin-left: 5px;
}
#strap_details_box3 .right {
  float: right;
}
#strap_details_box3 .left p {
  margin: 0 0 10px;
}
#strap_details_box3 .right img {
  margin: 10px 10px 0 0;
}

/*------------------------------------------
mujinflow
------------------------------------------*/

#mujinflow {
  background: url(../img/bk_mujin_flow.jpg) no-repeat;
  width: 960px;
  height: 2794px;
  position: relative;
}

#mujinflow h2 {
  margin-left: 170px;
}

.flowcome01 {
  position: absolute;
  top: 240px;
  left: 450px;
  width: 250px;
  color: #fff;
}

.flowcome02 {
  position: absolute;
  top: 575px;
  left: 255px;
  width: 500px;
  color: #072758;
  font-size: 23px;
  font-weight: bold;
}

.flowcome03 {
  position: absolute;
  top: 625px;
  left: 280px;
  width: 200px;
  font-size: 15px;
}

.flowcome03-2 {
  position: absolute;
  top: 625px;
  left: 500px;
  width: 230px;
  font-size: 15px;
}

.blue04 {
  display: inline-block;
  background-color: #316cc8;
  color: #fff;
  font-weight: bold;
  padding: 2px 5px;
}

.flowcome04 {
  position: absolute;
  top: 1155px;
  left: 150px;
  width: 280px;
}

.flowcome05 {
  position: absolute;
  top: 1145px;
  left: 620px;
  width: 200px;
  color: #072758;
  font-size: 26px;
  font-weight: bold;
}

.flowcome06 {
  position: absolute;
  top: 1235px;
  left: 550px;
  width: 300px;
}

.flowcome07 {
  position: absolute;
  top: 1528px;
  left: 200px;
  width: 200px;
  color: #fff;
}

.flowcome08 {
  position: absolute;
  top: 1950px;
  left: 300px;
  width: 500px;
  color: #072758;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

.flowcome09 {
  position: absolute;
  top: 2590px;
  left: 660px;
  width: 230px;
}

.bgc_time {
  background: #d2efff;
}

#tourinner {
  background: url(../img/bk_mujin_tour2.jpg) no-repeat;
  width: 960px;
  height: 1090px;
  position: relative;
}

.blue05 {
  color: #316cc8;
  font-weight: bold;
  font-size: 24px;
}

.blue06 {
  color: #072758;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  padding-top: 40px;
}

.blue07 {
  color: #072758;
  font-size: 22px;
  font-weight: bold;
}

.blue08 {
  color: #072758;
  font-size: 16px;
  font-weight: bold;
}

.underline01 {
  border-bottom: 3px solid #072758;
}

.tourblock01 {
  position: absolute;
  top:135px;
  left:50px;
  width:475px;
  height: 240px;
}

.mujin_course dl {
  margin-left: 5px;
}

.mujin_course dt {
  float: left;
  width: 135px;
  font-size: 17px;
}

.mujin_course dd {
  float: right;
  text-align: right;
  width: 80px;
  font-size: 18px;
  font-weight: bold;
  color: #316cc8;
}

.mujin_course {
  width: 220px;
}

/*------------------------------------------
mujin_half_area(yoyaku)
------------------------------------------*/
.mujin_half_area  {
  margin: 30px 0;
}

.mujin_half_area h2 {
  font-size: 24px;
  color: #ec0a0a;
  text-align: center;
  width: 90%;
  margin: auto;
  font-weight: bold;
}

.mujin_half_area h3 {
  font-size: 24px;
  color: #230948;
  font-weight: bold;
}

.mujin_half_box1 {
  padding: 10px;
  background: #F9DDA7;
  border: 1px solid #ec0a0a;
  border-radius: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

/*------------------------------------------
mujin_full_area(yoyaku)
------------------------------------------*/
.mujin_full_area  {
  margin-bottom: 30px;
}

.mujin_full_area h2 {
  font-size: 24px;
  color: #ec0a0a;
  text-align: center;
  margin-left: 20px;
  margin-bottom: 10px;
  width: 90%;
  margin: auto;
  font-weight: bold;
}

.mujin_full_area h3 {
  font-size: 24px;
  color: #230948;
  font-weight: bold;
}

.mujin_full_box1 {
  padding: 10px;
  background: #F9DDA7;
  border: 1px solid #ec0a0a;
  border-radius: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.btn-entry {
  margin-bottom: 20px;
  text-align: center;
}

.btnrsv_c-am {
  -moz-box-shadow: 0px 5px 0px 0px #055079;
  -webkit-box-shadow: 0px 5px 0px 0px #055079;
  box-shadow: 0px 5px 0px 0px #B4B7B9;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 15px 10px 15px;
  margin: 0 10px 10px 0;
  text-decoration: none;
  width: 45%;
}

.btnrsv_three {
  -moz-box-shadow: 0px 5px 0px 0px #055079;
  -webkit-box-shadow: 0px 5px 0px 0px #055079;
  box-shadow: 0px 5px 0px 0px #B4B7B9;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 15px 10px 15px;
  margin: 0 10px 10px 0;
  text-decoration: none;
  width: 29%;
}

.bg-green{
  background-color: #1AB716;
}

.bg-blue{
  background-color: #162CB7;
}

.bg-orange{
  background-color: #FB421B;
}

.bg-purple{
  background-color: #7A1FF7;
}

.bg-red{
  background-color: #EC0A0A;
}

.bg-dblue{
  background-color: #230948;
}

.bg-pink{
  background-color: #ea0b73;
}

.bg-lblue{
  background-color: #3b9aed;
}

/*------------------------------------------
mujinto_detail
------------------------------------------*/

#mujin_det_contwrap {
  background-image: linear-gradient(-45deg, #7dc4f0 30%, transparent 30%, transparent 50%, #7dc4f0 50%, #7dc4f0 80%, transparent 80%, transparent);
  background-size: 10px 10px;
  box-sizing: border-box;
  margin-bottom: 25px;
  padding: 1%;
  width: 100%;
}

.mujin_det_inner {
  background: #fff url("../img/mujin_tour_img.jpg") no-repeat 570px 170px;
}

#mujin_det_contwrap li {
  list-style: none;
}

#mujin_det_contwrap h3{
  height: 55px;
  width: 380px;
  color: #003366;
  font-size: 38px;
  border-bottom: solid 3px #003366;
  display: inline-block;
  font-weight: bold;
}

#mujin_det_price_area {
  width: 940px;
  margin: 0 auto;
}

#mujin_det_price_area h4{
  width: 515px;
  font-size: 24px;
  color: #3366cc;
  text-align: center;
  padding-top: 30px;
  margin-left: 20px;
}

#mujin_det_price_area h5{
  width: 515px;
  font-size: 22px;
  color: #3366cc;
  margin-left: 20px;
}

#mujin_box_naha {
  width: 485px;
  margin: 0 0 10px 20px;
  padding: 15px;
  background: #d2efff;
  border: 1px solid #316cc8;
  border-radius: 10px;
  -webkit-border-radius: 10px;	/* Safari,Google Chrome */
  -moz-border-radius: 10px;		/* Firefox */
}

#mujin_box_chatan {
  width: 868px;
  margin: 0 0 10px 20px;
  padding: 15px;
  background: #f1edff;
  border: 1px solid #316cc8;
  border-radius: 10px;
  -webkit-border-radius: 10px;	/* Safari,Google Chrome */
  -moz-border-radius: 10px;		/* Firefox */
}

#mujin_det_price_area_left_naha {
  float: left;
  width: 230px;
  margin-bottom: 10px;
}

#mujin_det_price_area_right_naha {
  float: right;
  width: 230px;
}

#mujin_det_price_area_left_chatan {
  float: left;
  width: 430px;
}

#mujin_det_price_area_right_chatan {
  float: right;
  width: 430px;
}

#mujin_det_price_area_left_naha h6, #mujin_det_price_area_left_chatan h6{
  color: #003366;
  font-size: 20px;
  font-weight: bold;
}

#mujin_det_price_area_right_naha h6, #mujin_det_price_area_right_chatan h6{
  color: #003366;
  font-size: 20px;
  font-weight: bold;
}

#mujin_det_price_nahahan {
  margin-left: 10px;
  font-size: 18px;
}

#mujin_det_price_nahahan dt{
  width: 150px;
  float: left;
  margin: 0 0 5px 0;
}

#mujin_det_price_nahahan dd{
  margin: 0;
  width: 70px;
  float: left;
  color: #3366cc;
  font-weight: bold;
  text-align: right;
}

#mujin_det_price_nahasyu {
  margin-left: 10px;
  font-size: 18px;
}

#mujin_det_price_nahasyu dt{
  width: 150px;
  float: left;
  margin-bottom: 5px;
}

#mujin_det_price_nahasyu dd{
  margin: 0;
  width: 70px;
  float: left;
  color: #3366cc;
  font-weight: bold;
  text-align: right;
}

#mujin_det_price_chatanhan {
  margin-left: 10px;
  font-size: 18px;
}

#mujin_det_price_chatanhan dt{
  width: 220px;
  float: left;
  margin: 0 0 5px 0;
}

#mujin_det_price_chatanhan dd{
  margin: 0;
  width: 200px;
  float: right;
  color: #3366cc;
  font-weight: bold;
  text-align: center;
}

#mujin_price_in {
  clear: both;
}

#mujin_price_in h6{
  color: #003366;
  font-size: 20px;
  font-weight: bold;
}

#mujin_option_price h5 {
  font-size: 24px;
  color: #3366cc;
  text-align: center;
  margin-left: 20px;
}

.mujin_box2 {
  width: 848px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  font-size: 16px;
  line-height: 1.3;
  border: 1px solid #316cc8;
  border-radius: 10px;
  -webkit-border-radius: 10px;	/* Safari,Google Chrome */
  -moz-border-radius: 10px;		/* Firefox */}

.uline {
  list-style: none;
  display: inline-block;
  border-bottom: 2px dotted #666;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.option_left {
  width: 370px;
  float: left;
  margin: 0;
  padding: 0;
}

.option_menu {
  width: 270px;
  float: left;
}

.option_price {
  color: #3366cc;
  font-weight: bold;
  width: 100px;
  float: right;
  text-align: right;
}

.shu {
  margin-left: 127px;
  width: 143px;
}

.clr {
  clear: both;
}

.option_right1 {
  width: 420px;
  float: right;
  margin: 0;
  padding: 0;
}

.option_menu2 {
  width: 320px;
  float: left;
}

.blue05 {
  color: #003366;
  font-size: 20px;
  font-weight: bold;
  width: 420px;
  float: right;
  margin: 30px 0 20px;
}

table{
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}
th,td{
  vertical-align:middle;
  border:solid 0 #000;
  padding: 5px;
}

.mujin_box2 table {
  width: 848px;
}

.condition_area {
  background: #036;
  display: inline;
  color: #fff;
  padding: 0 5px;
  font-weight: normal;
}

.condition_item {
  color: #3366cc;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.condition_course {
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1.5;
}

.condition_data {
  font-size: 14px;
  text-align: center;
}

.uline_condition_dotted {
  border-bottom: 2px dotted #666;
}

.uline_condition_solid {
  border-bottom: 1px solid #666;
}

/*------------------------------------------
blog_btn
------------------------------------------*/

.blog_btn {
  width: 580px;
  margin: 30px auto 30px;
}

.blog_btn_text {
  font-size: 18px;
  margin: 0 20px 0 10px;
  padding-top: 30px;
}

/*------------------------------------------
footer
------------------------------------------*/

#footer{
  width: 960px;
  margin: 100px auto 0;

}

#footer_left {
  width: 500px;
}

#footer_right {
  width: 440px;
}


#address {
  font-size: 14px;
  margin: 20px;
}

#opening_hours {
  font-size: 17px;
  color: #336699;
}

#company_name {
  font-size: 28px;
  color: #336699;
}

#tel {
  font-size: 20px;
  margin-bottom: 10px;
}

#copy_right {
  height: 15px;
  padding-top: 5px;
  font-size: 12px;
  text-align: center;
  color: #0099ff;
  background: url(../img/footer_line_960x12.jpg) no-repeat;
}

/*------------------------------------------
pagetop
------------------------------------------*/

.pagetop {
  margin: 0 auto;
  text-align: right;
  display: none;
  position: fixed;
  bottom: 120px;
  right: 55px;
}

/*
sp
------------------------------------------*/
@media (max-width: 768px) {

img.displayPc, p.displayPc, h3.displayPc {
  display: none;
}

img.displaySp {
  display: inline-block;
}

p.displaySp, div.displaySp, dl.displaySp {
  display: block;
}

#wrapper {
  width: 100%;
}

#kaisuiyoku {
    width: 100%;
    overflow: hidden;
  }

#main {
  width: 100%;
  height: auto;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 57.3%;
  padding-bottom: 20px;
  margin: 0 0 30px;
  background: #fff url(../img/main_kaisuiyoku_sp.png) no-repeat;
  background-size: 100% auto;
}

.title01 {
  margin: -56% auto 0;
  padding: 0;
  width: 90%;
  position: static;
}

.title01 img {
  width: 100%;
}

.price_box{
  background: rgba(0, 91, 147, 0.5);
  margin: 40% auto 0;
  width: 90%;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  text-shadow: 0 0 6px #000;
  border: 1px solid #062456;
}

.pbox_op {
  margin: 0 0 5px;
  font-weight: bold;
  font-size: 20px;
}

.pbox_op:last-of-type {
  border-top: 1px solid #00305f;
  padding-top: 10px;
}

.pbox_area {
  font-weight: bold;
  background: #042656;
  text-shadow: none;
  font-size: 16px;
  padding: 2px 5px;
  margin: 0 10px 0 0;
}

.pbox_Cprice {
  font-weight: bold;
  font-size: 28px;
  color: #fbf740;
  text-shadow:1px 1px 0 #ca2013, 1px -1px 0 #ca2013, -1px 1px 0 #ca2013, -1px -1px 0 #ca2013;
}

.pbox_price {
  font-weight: bold;
  font-size: 28px;
  color: #fbf740;
}

.Ckakaku {
  text-shadow:1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;
  font-weight: bold;
  color: #cc0e00;
}

.btn_yoyaku {
  position: static;
  width: 40%;
  margin: 20px auto 0;
}

/*------------------------------------------
mujinto
------------------------------------------*/

#mujinto {
  background-color: #f0e4ce;
}

#mujinto h2 img {
  width: 100%;
}

#mujinto_summary {
  width: 100%;
  height: auto;
  background-image: none;
  padding: 0;
}

.summary_inner {
    height: auto;
    padding: 0;
    width: 100%;
}

.summary_inner p {
  width: 90%;
  margin: 0 0 4% 6%;
  float: none;
}

.summary_base {
  width: 50%;
}

.mujinto_base {
  margin: 0 0 0 2%;
  padding: 0 0 0 2%;
  width: 92%;
  float: none;
}

.summary_base {
  width: 50%;
}

.summary_option {
  width: 40%;
}

.mujinto_option {
  margin: 0 0 0 2%;
  padding: 0 0 0 2%;
  width: 92%;
  float: none;
}

/*------------------------------------------
option
------------------------------------------*/

#options h2 span {
  display: block;
  color: #fff;
  font-size: 18px;
  width: 100%;
  padding: 2%;
  text-shadow: 1px 1px 0 #000;
  background: linear-gradient(#3da9d7, #005ba4);
  border: 1px solid #004882;
  font-weight: bold;
  box-sizing: border-box;
}

.option01 {
  background: none;
  background-color: #0158d5;
  width: 100%;
  height: auto;
  position: static;
  margin: 0;
  padding: 0 0 10px;
}

.opcome01, .opcome02 {
  position: static;
  width: 96%;
  box-sizing: border-box;
  margin: 10px auto;
  background: rgba(255,255,255,0.3);
}

.bnrSpcase01, .bnrSpcase02 {
  position: static;
  width: 96%;
  margin: 0 auto;
}

.bnrSpcase01 img, .bnrSpcase01 img {
  width: 100%;
}

.option02 {
  background: none;
  background-color: #0158d5;
  width: 100%;
  height: auto;
  position: static;
  margin: 0;
  padding: 0 0 10px;
}

.bnrSpcase02 {
  position: absolute;
  top: 140px;
  left: 635px;
}

.option_title {
  width: 100%;
  margin: 20px 0 10px;
}

.option_title + p {
  margin: 0 0 10px 2%;
  width: 98%;
}

.option_img {
  width: 100%;
  float: none;
  margin: 0;
}

.option_img img {
  width: 100%;
}

/*------------------------------------------
movie
------------------------------------------*/
#movie {
  margin: 10px auto;
  width: 98%;
}

.youtube iframe{
  height: 98% !important;
}

/*------------------------------------------
strap case
------------------------------------------*/

#strap_details {
  margin: 0;
}

#strap_details h2 {
  background: #f9da3b url("../img/kerama_icon.png") no-repeat scroll 2% 6px;
  background-size: 20px auto;
  font-size: 20px;
  height: auto;
  padding: 5px 5px 5px 38px;
}

#strap_details_box3 li {
  float: none;
  margin-bottom: 5px;
  margin-right: 20px;
  text-align: center;
  width: 100%;
}

/*------------------------------------------
mujin_full_area(yoyaku)
------------------------------------------*/

.mujin_full_area h2 {
  font-size: 20px;
}

.mujin_full_area h3 {
  font-size: 20px;
}

.btnrsv_c-am {
    font-size: 18px;
    margin: 0 auto 10px;
    width: 85%;
}

/*------------------------------------------
mujinspot
------------------------------------------*/

#mujinspot {
  background: #e5f8fe;
  width: 100%;
  height: auto;
  padding: 10px 0;
  position: static;
}

#mujinspot h2 img {
  width: 100%;
}

.mujin_spot_map {
  width: 100%;
}

.spotcome01, .spotcome02 {
  position: static;
  width: 96%;
  box-sizing: border-box;
  margin: 10px auto;
  padding: 10px;
  background: rgba(255,255,255,0.3);
}

/*------------------------------------------
mujinflow
------------------------------------------*/

#mujinflow {
  background: #f2dcaa;
  width: 100%;
  height: auto;
  position: static;
  padding: 10px 0;
}

#mujinflow h2 {
  margin: 0 auto;
  width: 96%
}

#mujinflow h2 img{
  width: 100%;
}

.mujinflow_img {
  margin: 20px 0 0 2%;
  width: 96%;
}

.mujinflow_img100 {
  margin: 10px 0;
  width: 100%;
}

.flowbox_sp {
  border: 5px solid #3768d1;
  padding: 20px 2%;
  background: #fff no-repeat scroll left top;
  background-size: 26% auto;
}

.point1_sp {
  background-image: url("../img/mujin_flow_point01_sp.jpg");
}

.point2_sp {
  background-image: url("../img/mujin_flow_point02_sp.jpg");
}

.point3_sp {
  background-image: url("../img/mujin_flow_point03_sp.jpg");
}

.flowcome01 {
  position: static;
  margin: 20px auto 10px;
  width: 96%;
  color: #333;
}

.flowcome02_sp, .flowcome05_sp, .flowcome08_sp {
  color: #072758;
  font-size: 20px;
  font-weight: bold;
  margin: 0 2% 10px 26%;
  text-align: center;
}

.flowcome03-2_sp {
  margin: 10px 0 0;
}

.flowcome04 {
  position: static;
  margin: 20px auto 10px;
  width: 96%;
  color: #333;
}

.flowcome07, .flowcome09 {
  position: static;
  margin: 20px auto 0;
  width: 96%;
  color: #333;
}

/*------------------------------------------
mujin_detail
------------------------------------------*/

#mujin_detail {
  margin: 30px 0 0;
}

#mujin_detail h2 {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

#mujin_detail h2 img{
  width: 200%;
}

.mujin_det_inner {
  background: #fff none;
}

#mujin_det_contwrap h3{
  height: auto;
  width: 96%;
  font-size: 20px;
  border-bottom: solid 2px #003366;
  display: inline-block;
  margin: -30px auto 0;
}

#mujin_det_price_area {
  width: 100%;
  margin: 0 auto;
}

#mujin_det_price_area h4{
  width: 100%;
  font-size: 18px;
  padding-top: 20px;
  margin: 0;
}

#mujin_det_price_area h5, #mujin_option_price h5{
  width: 100%;
  font-size: 18px;
  margin: 0;
  text-align: center;
}

#mujin_box_naha, #mujin_box_chatan {
  width: 96%;
  height: auto;
  margin: 0 2% 20px;
  padding: 10px;
  box-sizing: border-box;
}

#mujin_det_price_area_left_naha, #mujin_det_price_area_right_naha, #mujin_det_price_area_left_chatan, #mujin_det_price_area_right_chatan {
  float: none;
  width: 100%;
}

#mujin_det_price_area_right_naha h6, #mujin_det_price_area_right_chatan h6, #mujin_price_in h6{
  font-size: 18px;
}

#mujin_det_price_nahahan, #mujin_det_price_nahasyu, #mujin_det_price_chatanhan {
  font-size: 16px;
}

#mujin_det_price_nahahan dt, #mujin_det_price_nahasyu dt, #mujin_det_price_chatanhan dt{
  width: 60%;
}

#mujin_det_price_nahahan dd, #mujin_det_price_nahasyu dd, #mujin_det_price_chatanhan dd{
  width: 40%;
  text-align: right;
}

#mujin_price_in {
  clear: both;
}

.mujin_box2 {
  width: 96%;
  height: auto;
  margin: 0 2% 20px;
  padding: 15px 10px;
  box-sizing: border-box;
  overflow: hidden;
}

.uline {
  display: block;
}

.option_left {
  width: 100%;
  float: none;
  border-bottom: 2px dotted #666;
}

.option_menu, .option_menu2 {
  width: 75%;
}

.option_price {
  width: 25%;
}

.shu {
  margin-left: 8em;
  width: 25%;
}

.option_right1 {
  width: 100%;
  float: none;
  margin: 10px 0 0;
}

th,td{
  padding: 5px;
  min-height: 3.5em;
}

.mujin_box2 table {
  width: 100%;
}

.mujin_box2 table thead {
  float: left;
  display: block;
  background: #E5F5FF;
}

.mujin_box2 table tbody {
  display: block;
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
/*
.mujin_box2 table tbody::-webkit-scrollbar:horizontal{
	background: #9aadfc;
}
*/
.mujin_box2 table th {
  display: block;
  width: auto;
}

.mujin_box2 table tbody tr {
  display: inline-block;
  white-space: normal;
  vertical-align:top;
}

.mujin_box2 table td {
  display: block;
}

.condition_area {
  padding: 2px 5px;
}

.condition_item {
  font-size: 14px;
}

.condition_course {
  font-size: 16px;
}

.uline_condition_dotted {
  border-bottom: none;
}

.uline_condition_solid {
  border-bottom: none;
}

/*------------------------------------------
blog_btn
------------------------------------------*/

.blog_btn {
  width: 100%;
  margin: 30px auto 30px;
}

.blog_btn p, .blog_btn_text {
  font-size: 16px;
  margin: 0 auto;
  padding-top: 0;
  width: 96%;
  float: none;
  text-align: center;
}

/*------------------------------------------
footer
------------------------------------------*/

#footer{
  width: 100%;
  margin: 30px 0 0;
}

#footer_left, #footer_right {
  width: 100%;
  float: none;
}

#footer_left img {
  width: 96%;
  margin: 0 0 0 2%;
}

#footer_right img {
  width: 90%;
  margin: 0 0 0 5%;
}

#address {
  font-size: 14px;
  margin: 20px 2% 10px;
}

#opening_hours {
  font-size: 16px;
  margin: 0 2% 10px;
}

#company_name {
  font-size: 24px;
  margin: 0 2%;
}

#tel {
  margin: 0 2% 10px;
}

#copy_right {
  height: auto;
  padding-top: 5px;
  background-size: 100% auto;
}

/*------------------------------------------
pagetop
------------------------------------------*/

.pagetop {
  bottom: 2%;
  right: 2%;
}
}


/*------------------------------------------
キャンペーン2016/07用
------------------------------------------*/
.campaign_07_title {
	color: #fff;
	background-color: #cc0e00;
  font-size: 16px;
  border-radius: 6px;
}

.nocampaign_title {
	color: #fff;
	background-color: #0143b1;
  font-size: 16px;
  border-radius: 6px;
}

.campaign07_box_left,
.campaign07_box_right {
	width:46.5%;
	padding:10px;
	border:3px solid #3366cf;
}

.campaign07_box_double {
	border:3px solid #3366cf;
}

.campaign07_box_double .campaign07_box_left,
.campaign07_box_double .campaign07_box_right {
	border: none;
}

.c_term {
  background: #f4c369;
  padding: 2px 0;
}

.n_term {
  background: #cee6ea;
  padding: 2px 0;
}

@media (min-width: 769px) {
	.campaign07_box_left { float: left; }
	.campaign07_box_right { float: right; }
}

@media (max-width: 768px) {
	.campaign07_box_left,
	.campaign07_box_right {
		width:95%;
	}

}

.btnrsv_c-am.campaign07 {
	width: 47%;
	padding: 15px 0;
	margin-right: 0;
}

.btnrsv_c-am.campaign07_100 {
	width: 95%;
}

#mujin_box_naha h6 {
  color: #003366;
  font-size: 20px;
  font-weight: bold;
}

#mujin_box_naha td, .mujin_box_naha th {
    font-size: 16px;
}

.price_07 {
    color: #3366cc;
    font-weight: bold;
}