@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=El+Messiri);

/* p_navi
---------------------------------------------------------------------------*/
.p_navi{
	width: 100%;
	text-align: right;
	font-size :0.7em;
	letter-spacing	: 0.05em;
	font-weight:400;
	padding:0 0 0.5%;
	margin:0 auto;
	color: #3A2928;
	}
	
.p_navi a {
	color		: #3A2928;
	font-weight:400;
	text-decoration: none;
	}

.p_navi a:hover {  
	color: #3A2928;
	text-decoration: underline;
	}

@media screen and (max-width: 800px) {
  .p_navi{display:none;}
	}


/* .section-heading
-------------------------------------------------- */
.section-heading {
  text-align: center;
  margin-bottom: 50px;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 568px) {
.section-heading {
  margin-bottom: 30px;
}
}
.section-heading p {
  font-size: 14px;
  font-weight: 300;
  color: #727272;
  line-height: 20px;
}
.title {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 300;
  color: #333;
  margin-bottom: 20px;
}

/* page_ttl
--------------------------------------------------*/
.page_ttl{
  width:100%;
  color:#6E3609;
  float:left;
  text-align:center;
  margin:2% 0 5%;
}

@media only screen and  (max-width: 800px) {
.page_ttl{
	padding:2% 0 1%;
}
}

@media only screen and  (max-width: 568px) {
.page_ttl{
	padding:3% 0 1%;
}
}

.pg_ttl{
	font-size:2.2em;
	font-weight:normal;
	margin-bottom:10px;
	text-align:center;
}

.pg_ttl2{
	font-size:2em;
	font-weight:normal;
	margin-bottom:10px;
	text-align:center;
}

.page_ttl .en{
	font-weight:400;
	font-size:0.9em;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	text-align:center;
}

.catch{
	margin-top:20px;
	line-height:1.8;
	text-align:center;
}


@media only screen and  (max-width: 568px) {
.pg_ttl{
	font-size:1.4em;
	margin-bottom:5px;
}
.pg_ttl2{
	font-size:1.2em;
}

.catch{
	margin:10px 1% 0;
	line-height:1.6;
	text-align:left;
	font-size:0.9em;
}
}

/* page_ttl
--------------------------------------------------*/
.page_ttl2{
  width:100%;
  color:#6E3609;
  float:left;
  text-align:center;
  margin:2% 0 1%;
}

@media only screen and  (max-width: 800px) {
.page_ttl2{
	padding:2% 0 1%;
}
}

@media only screen and  (max-width: 568px) {
.page_ttl2{
	padding:3% 0 1%;
}
}

.page_ttl2 .en{
	font-weight:400;
	font-size:0.9em;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}
}

/* other_box
================================================== */
#other_box {
	width:100%;
    margin:0 auto;
	padding:0 0 5%;
}

@media only screen and  (max-width: 800px) {
#other_box {
	width:96%;
	padding:0 0 5%;
}
}

@media only screen and  (max-width: 568px) {
#other_box {
	width:100%;
}
}

.other-top{
  font-size: 1em;
  text-align: center;
  margin-top:2%;
  margin-bottom:3%;
  color:#FFF;
  line-height:1.8;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight:300;
}

@media screen and (max-width: 800px) {
.other-top{
	width:90%;
	margin:0 5% 5%;
	letter-spacing:0em;
	font-size: 16px;
}
}

@media screen and (max-width: 568px) {
.other-top{
	width:98%;
	margin:0 1% 0;
	text-align: left;
	font-size: 14px;
}
}

.other_info{
	width:96%;
    margin:0 auto 3%;
	font-size:16px;
	text-align: center;
}

.other_info2{
	width:96%;
    margin:0 auto 1%;
	font-size:16px;
	text-align: center;
}

.other_info2 strong{
	font-size:160%;
	color:#CA7242;
}

.other_info3{
	width:96%;
    margin:0 auto 3%;
	font-size:16px;
	text-align: center;
	line-height:1.8;
}


@media only screen and  (max-width: 800px) {
.other_info{
	width:94%;
}
.other_info2{
	width:96%;
}
.other_info3{
	width:96%;
	text-align: left;
}
}

@media only screen and  (max-width: 568px) {
.other_info{
	margin:15px auto 15px;
	font-size:14px;
	line-height:1.6;
}
.other_info2{
	width:96%;
	margin:15px auto 5px;
	font-size:14px;
}
.other_info2 strong{
	font-size:140%;
}
.other_info3{
	font-size:14px;
	line-height:1.6;
	margin:5px auto 0;
}
}

/* コース一覧
--------------------------------------------------*/
#course_list {
	width: 96%;
	padding:0 2% 0;
	margin:0 auto;
	max-width:1000px;
}

@media only screen and  (max-width: 800px) {
#course_list {
	width: 100%;
	padding:0 0 0;
	}
}

.course_info{
	width: 100%;
	margin		: 0 0 4%;
	float:left;
	box-sizing: border-box;
	padding: 1.5% 2% 2.5%;
	box-shadow:0 1px 5px rgba(153,151,142,.5);
	}

@media only screen and  (max-width: 568px) {
.course_info{
	margin		: 0 0 20px 0;
	width: 100%;
}
}

#course_list #bra{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_bra.gif) ;
	}
	
#course_list #ore{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_ore.gif) ;
	}
	
#course_list #gr{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_gre.gif) ;
	}
	
#course_list #bl{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_bl.gif) ;
	}

#course_list #navee{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_navi.gif) ;
	}

#course_list #pk{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_pk.gif) ;
	}

#course_list #ppl{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_ppl.gif) ;
	}
	
.ttl_course {
	width: 100%;
	box-sizing: border-box;
	margin:0 0 5px 0;
	padding		: 0 1% 1%;
	float:left;
	border-bottom:1px solid #FFF;
	}

.h_rank{
	font-size   : 13px;
	margin-top:8px;
	padding     : 1px 5px 2px 5px;
	background	: #FF4747;
	color:#FFF;
	text-align	: center;
	float:left;
	}
	
.course_info h3{
	float:left;
	font-size:1.6em;
	line-height:1.1;
	font-weight:400;
	font-family: 'Noto Sans TC', sans-serif;
	padding		: 4px 5px 5px 15px;
	color:#FFF;
	}

@media only screen and  (max-width: 568px) {
.course_info h3{
	font-size   : 16px;
	padding		: 5px 0 5px 3px;
	line-height:1.4;
	letter-spacing	: 0em;
	clear:both;
	}
}

.course_photo{
	width:45%;
	box-sizing: border-box;
	float		: left;
	padding: 10px 1.5%;
	position: relative;
	}
	
.course_photo img{
	width:100%;
	height:auto;
	}

@media only screen and  (max-width: 1280px) {
.course_photo{
	width:45%;
	}
}

@media only screen and  (max-width: 568px) {
.course_photo{
	width:96%;
	float		: none;
	margin		: 0 2% 5px 2%;
	}
}

.cs_catch{
    width:100%;
	box-sizing: border-box;
	padding:1% 3.5%;
	font-size:1.4em;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:500;
	color:#F6FF00;
}

@media only screen and  (max-width: 568px) {
.cs_catch{
	font-size:1em;
	}
}

.h_syousai {
	float:right;
	box-sizing: border-box;
	width:54%;
	padding: 10px 1.5%;
	color:#FFF;
	line-height:1.8;
}

.h_syousai .price{
	font-size:2em;
	font-weight:500;
	font-family:"Century Gothic", serif;
	color:#F6FF00;
	}

.h_syousai .thumbnailBox {
	width:100%;
	margin-top: 0;
}

.h_syousai .thumbnailBox li{
	width:25%;
	box-sizing: border-box;
	padding:0 1% 0 0.5%;
	float:left;
}

.h_syousai .thumbnailBox li img{
	width:100%;
	height:auto;
}

.thumb{
	border: 2px solid #A8A8A8;
	height:auto;
}


@media only screen and  (max-width: 1280px) {
.h_syousai {
	width:45%;
	}
}

@media only screen and  (max-width: 1280px) {
.h_syousai {
	font-size:13px;
	margin-right: 1.5%;
	width:53%;
}
}

@media only screen and  (max-width: 800px) {
.h_syousai {
	margin-right: 1.5%;
}
}

@media only screen and  (max-width: 568px) {
.h_syousai {
	width:96%;
	font-size:13px;
	margin-left: 2%;
	padding: 0 1.5%;
}
}

.h_text{
	margin: 0 0 10px;
	padding:0;
	width:100%;
	float : left;
	font-family: 'Noto Sans TC', sans-serif;
	font-size:15px;
	font-weight:400;
	}

@media only screen and  (max-width: 1280px) {
.h_text{
	margin: 0 0 5px;
	}
}

@media only screen and  (max-width: 800px) {
.h_text{
	margin: 0 0 10px;
	}
}

@media only screen and  (max-width: 568px) {
.h_text{
	margin: 0 0 5px;
	border-bottom:none;
	padding-bottom:5px;
	}
}

.h_text2{
	margin: 0;
	padding:0;
	width:100%;
	float : left;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
	font-size:0.9em;
	}
	
.icon_tour_detail {
	float: right;
	width: 98%;
	margin-top:10px;
	margin-right:2%;
}

@media only screen and  (max-width: 568px) {
.icon_tour_detail {
	margin-bottom:10px;
}
}
.menu_bt{
	margin-right:10px;
	color:#7B7B7B;
	font-size:14px;
	letter-spacing	: 0.1em;
	text-align: center;
	float:left;
}

.menu_bt a{color:#FFF;display:inline-block;padding:2px 8px 4px;background-color:#FF4747;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.menu_bt a:hover{color:#FFF;text-decoration:none;background-color:#D34141;}

.yoyaku_bt{
	color:#FFF;
	font-size:14px;
	letter-spacing	: 0.1em;
	text-align: center;
	float:left;
}

.yoyaku_bt a{color:#FFF;display:inline-block;padding:2px 5px 4px;background-color:#333;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.yoyaku_bt a:hover{color:#FFF;text-decoration:none;background-color:#5FCA00;}

@media only screen and  (max-width: 1280px) {
.menu_bt{
	margin-right:5px;
	font-size:13px;
	letter-spacing	: 0em;
}
.yoyaku_bt{
	font-size:12px;
	letter-spacing	: 0em;
}
}

@media only screen and  (max-width: 800px) {
.menu_bt{
	margin-right:10px;
	font-size:14px;
	letter-spacing	: 0.1em;
}
.yoyaku_bt{
	font-size:13px;
	letter-spacing	: 0.1em;
}
}

@media only screen and  (max-width: 568px) {
.menu_bt{
	margin-right:10px;
	font-size:14px;
	letter-spacing	: 0em;
}
.menu_bt a{color:#FFF;display:inline-block;padding:4px 5px 6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.yoyaku_bt{
	font-size:14px;
	letter-spacing	: 0em;
}
.yoyaku_bt a{color:#FFF;display:inline-block;padding:4px 5px 6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
}

/* トロピカルフィッシング
--------------------------------------------------*/
.tropi_top{
	width:98%;
	float:left;
	box-sizing: border-box;
	padding:0 0 0 2%;
	text-align:left;
	position: relative;
	margin:2% 1% 0%;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
	}

@media screen and (max-width: 800px) {
tropi_top{
	width:100%;
	padding:0 0;
	margin:2% 0;
	height:auto;
}
}

.tropi_top .tropL{
	width:37%;
	height:auto;
	margin:1% 3% 0 0;
	float:left;
	z-index:1;
	position: relative;
	}

@media screen and (max-width: 800px) {
.tropi_top .tropL{
	display:none;
}
}

.tropi_top .tropL img{
	width:100%;
	height:auto;
}

.trop_tx{
	padding:2.5% 2% 2.5% 120px;
	background-image: url(//www.okinawa-fishing.jp/images/bg_tr.gif) ;
	color:#333;
	width:71%;
	height:auto;
	position: absolute;
	top: 1%;
	right:0;
	box-sizing: border-box;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	-moz-box-shadow: 0 1px 3px #C2C2C2;
	-webkit-box-shadow: 0 1px 3px #C2C2C2;
	box-shadow: 0 1px 3px #C2C2C2;
	}

.trop_tx h3{
	font-size:2.4em;
	line-height:1;
	color:#0A50A1;
	}
	
@media screen and (max-width: 1280px) {
.trop_tx{
	font-size:0.9em;
}
.trop_tx h3{
	font-size:2em;
	}
}

@media screen and (max-width: 800px) {
.trop_tx{
	width:100%;
	padding:3% 2%;
	position: relative;
	box-sizing: border-box;
}
.trop_tx h3{
	margin:0 10px 10px;
	}
}

@media screen and (max-width: 568px) {
.trop_tx{
	padding:3% 2%;
}
.trop_tx h3{
	font-size:1.2em;
	margin:5px 10px 5px;
	}
}

.trop_tx img{
	width:98%;
	height:auto;
	margin:0 0 3% 0;
	}

@media screen and (max-width: 800px) {
.trop_tx img{
	width:96%;
	margin:0 auto 1.5%;
}
}

.trop_tx span{
	color:#FF3171;
	font-size:1.1em;
	}


.trop_nam{margin-bottom:10px;font-size:1.3em;color:#225ECB;font-weight:bold;}
.trop_com{box-sizing: border-box;width:99%;margin:3% 0;background:#FFF;line-height:1.8;padding:2% 3%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

@media screen and (max-width: 800px) {
.trop_com{
	width:98%;margin:0 auto 3%;
}
}

.prs {
	font-size:1.2em;
	margin:0 0;
	line-height:1;
	text-align: center;
}

@media screen and (max-width: 568px) {
.prs {
	font-size:1.2em;
	line-height:1.6;
}
}
.prs span{
	font-size:1.8em;
	font-weight:500;
	font-family:"Century Gothic", serif;
	color:#FF2B2B;
	}

.prs small{
	font-size:0.7em;
	}
	
/* #tour_box
--------------------------------------------------*/
#tour_box {
	width:98%;
    margin:0 1% 2%;
	float:left;
}

@media only screen and  (max-width: 800px) {
#tour_box {
	width:96%;
	padding:0 0 5%;
}
}

@media only screen and  (max-width: 568px) {
#tour_box {
	width:100%;
	margin:0 0 2%;
}
}

/* tour_ttl
--------------------------------------------------*/
.tour_ttl{
  width:100%;
  color:#6E3609;
  float:left;
  text-align:center;
  margin:2% 0 2%;
}

@media only screen and  (max-width: 800px) {
.tour_ttl{
	padding:2% 0 1%;
}
}

@media only screen and  (max-width: 568px) {
.tour_ttl{
	padding:3% 0 1%;
}
}

.tr_ttl{
	font-size:2.2em;
	font-weight:normal;
	margin-bottom:10px;
}

.tr_ttl .en{
	font-weight:400;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	padding-left:25px;
}

@media only screen and  (max-width: 568px) {
.tr_ttl{
	font-size:1.3em;
}
.tr_ttl .en{
	padding-left:15px;
}
}
.tr_time{
	margin:15px auto 10px;
	line-height:1.8;
	font-size:1.5em;
	color:#C832BF;
}

@media only screen and  (max-width: 568px) {
.tr_time{
	line-height:1.6;
	font-size:1.2em;
	margin:10px auto 5px;
}
}

.tr_time small{
	font-size:14px;
}

.tr_time2{
	margin:15px auto 2%;
	line-height:1.8;
}

@media only screen and  (max-width: 568px) {
.tr_time2{
	margin:5px auto 2%;
	line-height:1.6;
	text-align:left;
}
}

.trb_time{
	margin:15px auto 10px;
	line-height:1.8;
	font-size:1.5em;
	color:#299027;
}

@media only screen and  (max-width: 568px) {
.trb_time{
	line-height:1.6;
	font-size:1.2em;
}
}

.trb_time small{
	font-size:0.7em;
}

/* .tour_photo
--------------------------------------------------*/
.tour_photo {
  width:52%;
  float:left;
  margin:0 0 0 0;
}

@media only screen and  (max-width: 1280px) {
.tour_photo {
  width:47%;
  margin:0 1% 0 0;
}
}

@media only screen and  (max-width: 800px) {
.tour_photo {
	width:98%;
	margin:3% auto;
	padding-bottom:5%;
	float:none;
	clear:both;
}
}

/* tour_info
--------------------------------------------------*/
.tour_info{
	width:43%;
	float:right;
	margin:0 0 0 0;
}

@media only screen and  (max-width: 1280px) {
.tour_info{
	width:49%;
	margin:0 0 0 1%;
}
}

@media only screen and  (max-width: 800px) {
.tour_info{
	width:98%;
	float:none;
	margin:1% 1% 0;
	clear:both;
}
}

.tour_info p {
	line-height:1.8;
}

.tour_info ul {
	padding-top:2%;
}

.tour_info li {
	padding:0;
	margin-bottom:3%;
}

.tour_info .skl {
	width:100%;
	float:left;
	margin:0 0 0;
}

.tour_info .skl .poi{
 display:inline-block;
 background-color:#FF86BF;
 padding:2px 5px;
 color:#FFF;
 float:left;
 font-size:13px;
 font-weight:normal;
 line-height:1.2;
 margin-right:10px;
 margin-top:5px;
 font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
 }
 
.tour_info li p{
    font-size:1em;
}

.tour_info .skl p{
    font-size:1.1em;
	color:#2F7BD8;
}
@media only screen and  (max-width: 800px) {
.tour_info .skl .poi{
	margin-top:2px;
}
 
.tour_info .skl p{
	font-size:1em;
}
}

/* tour_info2
--------------------------------------------------*/
.tour_info2 {
	width:50%;
	margin: 0;
	box-sizing: border-box;
	padding:1% 1%;
	float:left;
}

@media screen and (max-width: 800px) {
.tour_info2 {
	width:100%;
	padding-left:5px;
}
}

@media screen and (max-width: 568px) {
.tour_info2 {
	width:100%;
	margin: 2% 0 2%;
	padding:0 1%;
}
}

.tour_info2 p {
	line-height:1.6;
	font-size:0.9em;
}

.tour_info2 ul {
	padding-top:3%;
}

.tour_info2 li {
	padding:0;
	margin-bottom:3%;
}

.tour_info2 .skl {
	width:100%;
	float:left;
	margin:0 0 0;
}

.tour_info2 .skl .poi{
 display:inline-block;
 background-color:#FF86BF;
 padding:2px 5px;
 color:#FFF;
 float:left;
 font-size:13px;
 font-weight:normal;
 line-height:1.2;
 margin-right:10px;
 margin-top:5px;
 font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
 }
 
.tour_info2 .skl p{
    font-size:1.2em;
	color:#2F7BD8;
}
@media only screen and  (max-width: 800px) {
.tour_info2 .skl .poi{
	margin-top:2px;
}
 
.tour_info2 .skl p{
	font-size:1em;
}
}

.mb10{
	margin-bottom:3%;
}

/* set_info
--------------------------------------------------*/
.set_info{
	width:43%;
	float:right;
	margin:0 0 2% 0;
}

@media only screen and  (max-width: 1280px) {
.set_info{
	width:49%;
	margin:0 0 0 1%;
}
}

@media only screen and  (max-width: 800px) {
.set_info{
	width:98%;
	float:none;
	margin:1% 1% 0;
	clear:both;
}
}

.set_info h3  {
  font-size:1.3em;
  color:#FF3171;
  font-weight:500;
  padding:0 0 2%;
}

.set_info p {
	line-height:1.8;
}

.set_info .blue {
	color:#2F7BD8;
}

.set_info .ort {
	color:#FF6A21;
}

/* res_bt
--------------------------------------- */
.res_bt{
	margin-top:5%;
	font-size:1.2em;
	margin-bottom:3%;
	text-align: center;
	font-weight:500;
}

.res_bt{
	margin:5% 0;
	text-align: center;
}

.res_bt a{color:#FFF;padding:8px 15px 8px;background-color:#77C513;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.res_bt a:hover{color:#FFF;text-decoration:none;background-color:#00B1EF;}


/* insta
--------------------------------------- */
.insta {
	width:50%;
	margin: 2% 0;
	box-sizing: border-box;
	padding:0 1%;
	float:left;
}

@media screen and (max-width: 800px) {
.insta {
	width:100%;
	padding-left:5px;
}
}

@media screen and (max-width: 568px) {
.insta {
	margin: 2% 0 2%;
	padding:0 1%;
	overflow:hidden;
	display:block;
}
}

.insta .insta_top{
	padding:1% 2% 4%;
	text-align: center;
	}

@media screen and (max-width: 568px) {
.insta .insta_top{
	font-size:0.9em;
	padding:1% 2% 3%;
}
}

.insta .insta_top img{
	width:100%;
	max-width:261px;
	height:auto;
	margin:0 auto 10px;
	}

@media only screen and  (max-width: 568px) {
.insta .insta_top img{
	max-width:180px;
	margin:0 auto 3px;
}
}


.insta_bt{
	letter-spacing	: 0.05em;
	margin:10px auto 5px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
	text-align: center;
	width:250px;
}

@media screen and (max-width: 568px) {
.insta_bt{
	margin-bottom:0;
	font-size:14px;
}
}
.insta_bt a{font-size:13px;	color:#FFF;text-decoration:none;background-color:#000;padding:4px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.insta_bt a:hover{color:#FFF;text-decoration:none;background-color:#5E5E5E;}

@media screen and (max-width: 568px) {
.insta_bt:hover{
	margin-bottom:0;
	font-size:14px;
}
}

/* course_syousai
--------------------------------------- */
.course_syousai {
    width:48.5%;
	float:right;
	box-sizing: border-box;
	padding:0 0 0 2%;
	margin: 1% 0;
}

@media only screen and  (max-width: 800px) {
.course_syousai {
    width:100%;
	margin: 4% 0 0;
	padding:0;
}
}

.course_syousai strong {
	color:#EF6363;
}

.course_syousai .cp_price {
	font-size:1.8em;
	font-weight:500;
	font-family:"Century Gothic", serif;
	color:#EF6363;
	line-height:1.2em;
}

@media only screen and  (max-width: 568px) {
.course_syousai .cp_price {
    font-size:1.5em;
}
}

.course_syousai table{
	width		: 100%;
	border	: 1px solid #5BB3C9;
	font-size:0.9em;
	box-sizing: border-box;
	background:#FFF;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
	}

		
.course_syousai th{
	border-bottom	: 1px dotted #79CBDE;
	line-height:1.5;
	padding		: 10px 5px 8px;
	background	: #E5FAFF;
	color:#0F3D7D;
	width:28%;
	font-weight:bold;
	text-align: center;
	box-sizing: border-box;
	}

.course_syousai td{
	border-bottom	: 1px dotted #79CBDE;
	line-height:1.6;
	padding		: 10px 10px 8px 10px ;
	letter-spacing	: 0em;
	}

@media only screen and  (max-width: 568px) {
.course_syousai td{
	font-size:13px;
	line-height:1.5;
	padding		: 8px 7px 5px 7px ;
}
}

.course_syousai .line01{
	padding-top:5px;
	border-bottom	: 1px solid #ccc;
	margin-bottom:7px;
	}
.cation{
	width: 96%;
	padding:0 2% 0;
	margin:1% auto 1%;
}

.cation p{
	margin:0.5% 0;
	text-align: center;
}

@media screen and (max-width: 800px) {
.cation p{
	font-size:0.9em;
	text-align: left;
}
}
	
/* ガイド
--------------------------------------------------*/
.guide_box {
	width: 96%;
	padding:0 2% 0;
	margin:0 auto;
}

@media only screen and  (max-width: 800px) {
.guide_box {
	width: 100%;
	padding:0 0 0;
	}
}

.gud_list {
	width:29.33%;
	height:auto;
	box-sizing: border-box;
	padding: 1%;
	position: relative;
	box-shadow:0 1px 5px rgba(153,151,142,.5);
	float:left;
	margin: 0 2% 4%;
	color:#FFF;
}

.gud_photo{
	width:100%;
	height:auto;
	position: relative;
	margin:0 auto;
}

.gud_photo .icon {
	position: absolute;
	left: 0;
	top: 0;
	background:#0D4CAA;
	padding: 5px 10px;
	color:#FFF;
	font-size:0.9em;
	line-height:1;
}

.gud_list img{
	width:100%;
	height:auto;
}


@media screen and (max-width: 800px) {
.gud_list {
	width:47%;
	margin: 0 1.5% 3%;
	padding: 1.5%;
}
}

@media screen and (max-width: 568px) {
.gud_list {
	width:98%;
	margin: 0 1% 5%;
	padding: 3% 3% 5%;
}
}

.guide_box #bra{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_bra.gif) ;
	}

.guide_box #bra02{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_navi.gif) ;
	}
	
.guide_box #ore{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_ore.gif) ;
	}
	
.guide_box #gr{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_gre.gif) ;
	}
	
.guide_box #bl{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_bl.gif) ;
	}

.guide_box #pk{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_pk.gif) ;
	}

.guide_box #ppl{
	background-image: url(//www.okinawa-fishing.jp/images/top/bg_ppl.gif) ;
	}

.gud_list h4{
	font-weight:400;
	font-family: 'Roboto', sans-serif;
	font-size:1.4em;
	text-align: center;
	line-height:1.2;
	padding:10px 1% 5px;
}

.gud_list .g_en{
	font-weight:400;
	font-size:0.8em;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	line-height:1;
	padding:1% 1% 10px;
}

.gud_list .g_con{
	font-size:0.9em;
	padding:1.5% 1.8% 1.5%;
}


.gud_list a {
	text-decoration: underline;
	color: #FFFF;
}
.gud_list a:hover {
	color: #FFF;
	text-decoration: none;
}

/* お魚図鑑
--------------------------------------------------*/
.zukan_box {
	width: 96%;
	padding:0 2% 0;
	margin:0 auto;
	max-width:1000px;
}

@media only screen and  (max-width: 800px) {
.zukan_box {
	width: 100%;
	padding:0 0 0;
	}
}

.zukan_box .w33{
	width:29.33%;
	font-size:1em!important;
	box-sizing: border-box;
	padding: 1%;
	position: relative;
	background:#FFF;
	box-shadow:0 1px 5px rgba(153,151,142,.5);
	float:left;
	margin: 0 2% 4%;
}

.zukan_box .w33 img{
	width:100%;
	height:auto;
}


@media screen and (max-width: 800px) {
.zukan_box .w33 {
	width:46%;
	margin: 0 2% 3%;
	padding: 1.5%;
}
}

@media screen and (max-width: 568px) {
.zukan_box .w33 {
	width:47%;
	margin: 0 1.5% 3%;
	padding: 1.5%;
}
}

.cc_photo{
	width:100%;
	height: auto;
	max-height:184px;
	overflow: hidden;
	position: relative;
	display:block;
}

@media screen and (max-width: 568px) {
.cc_photo{
	max-height:100px;
}
}

.zukan_box .w33 .rph img {
	width:100%;
	height: auto;
}

.zukan_box .w33 .icon {
	position: absolute;
	left: 0;
	bottom: 0;
	background:#2EC300;
	background: rgba(46, 195, 0, 0.7);
	padding: 1.5% 2%;
}

.zukan_box .cc_text {
	height:30px;
	padding:7px 3px 8px;
	box-sizing: border-box;
	display:block;
	font-family: 'Noto Sans TC', sans-serif;
	overflow: hidden;
}

@media screen and (max-width: 568px) {
.zukan_box .cc_text {
	height:25px;
	padding:5px 3px 8px;
}
}

.zukan_box .w33 p {
	text-align: center;
}

@media screen and (max-width: 568px) {
.zukan_box .w33 p {
	font-size:12px;
}
}

.zukan_syousai {
	width: 96%;
	padding:0 2% 0;
	margin:0 auto 5%;
	max-width:500px;
}

.zukan_syousai img{
	box-sizing: border-box;
	width:100%;
	height:auto;
	margin:0 auto 3%;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	background: #fff;
}

.zukan_syousai p {
	font-size:1.2em;
	margin-top:3%;
	font-family: 'Noto Sans TC', sans-serif;
	text-align:center;
}

/* よくある質問
--------------------------------------------------*/
.qa_box {
	width: 96%;
	padding:0 2% 0;
	margin:0 auto;
	max-width:950px;
}

@media only screen and  (max-width: 568px) {
.qa_box {
	width: 100%;
	padding:0 0 0;
	}
}

.qa {
	width:100%;
	margin:0 0 10px 0;
	border-bottom:0.05em dotted #CCC;
	height:auto;
	min-height:60px;
	clear:both;
}

.qa dd p{
	font-size:1.3em;
	padding-top:8px;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:500;
	color:#0F98CF;
}

.qa dd a {
	text-decoration: none;
	color:#0F98CF;
}
.qa dd a:hover {
	color:#0F98CF;
	text-decoration: none;
}

@media screen and (max-width: 1280px) {
.qa dd p{
	font-size:1.2em;
	padding-top:10px;
}
}

@media screen and (max-width: 800px) {
.qa dd p{
	font-size:1.2em;
	padding-top:5px;
	line-height:1.4;
}
}

@media screen and (max-width: 568px) {
.qa {
	min-height:55px;
}

.qa dd p{
	font-size:1.1em;
	padding-top:3px;
	line-height:1.3;
}
}

.kotae {
	width:100%;
	margin:0 0 5% 0;
}

@media screen and (max-width: 568px) {
.kotae {
	margin:0 0 25px 0;
}
}

.kotae dd p{
	line-height:1.8;
	padding: 1% 2% 1% 1%;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
}

.kotae dd strong{
	font-size:1.2em;
	color:#FF3171;
	font-weight:normal;
}

@media screen and (max-width: 800px) {
.kotae dd p{
	font-size:0.9em;
	line-height:1.6;
}
.kotae dd strong{
	font-size:1em;
}
}

.ques {
	width:50px;
	height:50px;
	border-radius:50px;
	background:#00A9EC;
	margin:0 10px;
	float:left;
}

.ques p{
	font-family: 'El Messiri', sans-serif;
	text-align:center;
	font-size:1.6em;
	color:#FFF;
	padding-top:5px;
}

@media screen and (max-width: 568px) {
.ques {
	width:45px;
	height:45px;
	margin:0 10px 0 5px;
}

.ques p{
	font-size:1.3em;
	padding-top:7px;
}
}

.answ {
	width:50px;
	height:50px;
	border-radius:50px;
	background:#F8719B;
	margin:0 10px 10% 10px;
	float:left;
}

.answ p{
	font-family: 'El Messiri', sans-serif;
	text-align:center;
	font-size:1.6em;
	color:#FFF;
	padding-top:5px;
}

@media screen and (max-width: 568px) {
.answ {
	width:45px;
	height:45px;
	margin:0 5px 5px 5px;
}
.answ p{
	font-size:1.3em;
	padding-top:7px;
}
}

.kotae a {
	text-decoration: underline;
	color: #F60B54;
}
.kotae a:hover {
	color: #F60B54;
	text-decoration: none;
}

/* お問い合わせ
--------------------------------------------------*/
.contact_box{
	width:100%;
	max-width:950px;
    margin:0 auto 0;
}

.contact_box strong{
   font-size:1.4em;
   font-weight:normal;
}

.contact_box .red{
   color:#FF3171;
}

.contact_box ul{
	width: 98%;
	margin:0 auto 15px;
}

.contact_box .cntc{
	width: 98%;
	margin:0 auto 15px;
}

@media screen and (max-width: 568px) {
.contact_box .cntc{
	font-size:0.9em;
}
}

.contact_box .cntc strong{
	font-size:1.4em;
	color:#FF585C;
	}

@media screen and (max-width: 1280px) {
.contact_box ul{
	width: 96%;
}
}

.contact_box li{
	padding :0 0 10px;
}

.contact_box .cnt_text{
	width: 90%;
	margin:0 auto 15px;
}

@media screen and (max-width: 1280px) {
.contact_box .cnt_text{
	width: 96%;
}
}

.reserve_info{
	width:100%;
	margin:0 auto 3%;
	text-align: center;
	padding-top:0;
	font-size:1em;
}

@media screen and (max-width: 800px) {
.reserve_info{
	width:96%;
	text-align: left;
	font-size:0.9em;
}
}

.reserve_info .ore{
    font-weight:500;
	background:#FF5D5D;
	font-size:1.2em;
	color:#FFF;
	display:inline-block;
	padding:1% 3%;
}

@media screen and (max-width: 800px) {
.reserve_info .ore{
	font-size:1em;
}
}

.contact_box td a { color: #00B8EE; text-decoration:underline; }
.contact_box td a:hover{ color: #FF2C8F;text-decoration:none; }

.contact_box table{
	margin : 0 0 3%;
	width		: 100%;
	box-sizing: border-box;
	border-top	: 1px solid #786A38;
	border-left	: 1px solid #786A38;
	font-size	: 0.9em;
	color		: #333;
	background	: #FFF;
	}

.contact_box th{
	padding		: 1.5% 10px 1.2% 10px;
	border-right	: 1px solid #786A38;
	border-bottom	: 1px solid #786A38;
	line-height:1.1;
	background	: #FFF7EC;
	font-weight:500;
	}

.contact_box th{
	width:25%;
	}

@media screen and (max-width: 568px) {
.contact_box th{
	font-weight:normal;
	width:30%;
	padding		: 1.5% 5px 1.2% 5px;
	font-size:0.9em;
}
}

.contact_box th sup{
   color:#FF2C2C;
   font-size:0.7em;
}

.contact_box th small{
  font-family: 'Roboto', sans-serif;
  font-size:0.7em;
  font-weight:400;
  text-transform: uppercase;
}

.contact_box td{
	padding		: 1.5% 2% 1.2% 2%;
	border-right	: 1px solid #786A38;
	border-bottom	: 1px solid #786A38;
	line-height	: 1.8;
	font-weight:normal;
	}

.contact_box td strong{
	font-size:1.4em;
	color:#FF585C;
	}

.contact_box td p{
	padding-top:5px;
	line-height:1.4;
	}
	
@media screen and (max-width: 568px) {
.contact_box td strong{
	font-size:1.1em;
}
}

.btn_send{
	text-align	: center;
	margin-right:10px;
	}

.contact_box input{
	padding		: 5px;
	margin-bottom:5px;
	}

.contact_box textarea{
	padding		: 5px;
	border :1px solid #cccccc;
	}

.contact_box input{
	padding		: 5px;
	border :1px solid #cccccc;
	}
		
.btn_send input{
	padding		: 15px;
	cursor: pointer;
	font-family: 'Noto Sans TC', sans-serif;
	font-size:16px;
	}

.btn_send input:hover { opacity: 0.7; }

.contact_box select{
	padding: 7px;
	letter-spacing:0.1em;
	}

.contact_box td img {
vertical-align: top;
margin-top: 2px;
}

.contact_box td .flef {
float:left;
margin-right: 7px;
}

.douhan{
	background:#8E8279!important;
	color:#FFF!important;
	letter-spacing:0.05em;
	padding		: 1% 2% 0.8%!important;
	}

.douhan span{
	font-size:1.2em;
	font-weight:normal;
	}
	
/* 釣り日記
--------------------------------------- */
#blog_box {
	width:100%;
	max-width:1100px;
    margin:0 auto 0;
}

@media only screen and  (max-width: 1280px) {
#blog_box {
	width:96%;
	float:none;
	margin:3% auto 5%;
}
}

.blog_left{
	width: 77%;
	margin: 0;
	float:left;
	padding: 0 2% 0 2%;
	box-sizing: border-box;
	}

@media screen and (max-width: 800px) {
.blog_left{
	width: 98%;
	margin: 0 auto;
	float:none;
	padding: 0;
	clear:both;
	}
	}
	
.blog_entry{
	width: 98%;
	margin: 0 auto 5%;
	padding: 3% 1% 0.5%;
	background:#FFF;
	-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
	box-shadow: inset 0 0 5px rgba(175, 165, 133, 0.6);
	}

	
.blog_entry h3{
	width: 95%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 1% 2% 1% 3%;
	background:#00A9EC;
	font-size:1.5em;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:500;
	color:#FFF;
	}

.blog_entry h3 a {
	color:#FFF;
	text-decoration: none;
}
.blog_entry h3 a:hover {
	color:#FFF;
	text-decoration: none;
}

@media screen and (max-width: 568px) {
.blog_entry h3{
	font-size:1.1em;
	}
	}
	
.blog_entry .entry_box{
	width:96%;
	box-sizing: border-box;
	margin:0 auto;
	line-height:1.8;
	padding:3% 3% 4%;
	}

.blog_entry .entry{
	width:98%;
	padding:0 1% ;
	}

@media screen and (max-width: 568px) {
.blog_entry .entry_box{
	width:92%;
	font-size:0.8em;
	line-height:1.6;
	padding:3% 4% 3%;
	}
	}
	
.blog_entry .entry_box img{
    max-width:600px;
	width:auto;
	height:auto;
	margin:10px 0;
	}

@media screen and (max-width: 568px) {
.blog_entry .entry_box img{
	width:100%;
	}
	}
	
.blog_entry .entry_box a{
	color: #F60B54!important;
	text-decoration:underline;
	}
	
.blog_entry .entry_box a:hover{
	color		: #F60B54;
	text-decoration:none;
	}

.entry_fotter{
	width:96%;
	box-sizing: border-box;
	margin:0 auto 0;
	text-align: right;
	padding:1% 2% 5px;
	border-top:1px dotted #CCC;
	font-size:0.9em;
	}

@media screen and (max-width: 568px) {
	.entry_fotter{
	font-size:0.8em;
	}
	}
	
.blog_right{
	width		: 20%;
	float		: right;
	box-sizing: border-box;
	}

@media screen and (max-width: 800px) {
.blog_right{
	width: 97%;
	margin: 0 0 0 3%;
	}
	}
	
.bl_list{
	width		: 100%;
	margin		: 0 0 15px 0;
	}

.bl_list h5{
	width		: 96%;
	padding:2% 2% 1.8%;
	text-align: center;
	color	:#FFF;
	background:#F8719B;
	}

.bl_list ul{
	margin-bottom:25px;
	}

@media screen and (max-width: 800px) {
.bl_list ul{
	margin-bottom:0;
	padding-bottom:25px;
	}
	}
	
.bl_list li{
	width		: 96%;
	padding		: 10px 2% 8px;
	border-bottom:1px dotted #ccc;
	font-size:0.9em;
	letter-spacing:0em;
	}

.bl_list li a{
	color: #F60B54!important;
	text-decoration:underline;
	}
.bl_list li a:hover{
	color		: #F60B54;
	text-decoration:none;
	}

/* .pageNav ページ送り
================================================== */
.pageNav {
	margin: 10px 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}

.pageNav li {
	display: inline;
	font-size:0.8em;
	margin: 5px 2px 3px;
	padding: 0;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px 3px;
	background: #eeeff7;
	text-decoration: none;
	vertical-align: middle;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

.pageNav li a:hover {
	color: #FFF;
	background: #AAAAAA;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

.blog_list {
	font-size:1em;
	text-align	: center;
	padding : 10px 10px 10px 10px;
	margin-bottom:5%;
	font-size:0.8em;
	}

.blog_list a{
	color		: #EF6000;
	text-decoration	: underline;
	}

.blog_list a:hover{
	color		: #EF6000;
	text-decoration	: none;
	}

.blog_list2 {
	font-size:1em;
	text-align	: center;
	padding : 0;
	color:#FFF;
	}

.blog_list2 a{
	color		: #CBF2FF;
	text-decoration	: underline;
	}

.blog_lis2t a:hover{
	color		: #CBF2FF;
	text-decoration	: none;
	}

/* .クチコミ　
=====================================*/	
.kuchikomi_list{
	width:100%;
	box-sizing: border-box;
	padding:3%;
	margin: 0 auto 40px;
	background:#F8ECC5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
}

.bbs_pin{
	position: absolute;
	left: 50%;
	top: -20px;
	width:83px;
	height:50px;
	margin-left:-41px;
	}

.bbs_pin img{
	width:83px;
	height:50px;
	}
	
.bbs_entry{
	width:100%;
	box-sizing: border-box;
	line-height:1.8;
	padding-top:1%;
}

.bbs_ttl{
	padding:0 5px 0 10px;
	font-size	: 14px;
	margin:0 0 0 5px; 
	width:100%;
	box-sizing: border-box;
	font-weight:bold;
}

.bbs_name{
	padding:0 5px 0 10px;
	margin:5px 0 10px 5px; 
	width:100%;
	box-sizing: border-box;
	font-weight:bold;
	font-size	: 14px;
	}

@media (max-width: 1280px) {
.bbs_name{
    margin:0 0 5px 5px; 
  }
}

.bbs_name a{
	color		: #FF5400;
	text-decoration	: underline;
	}

.bbs_name a:hover{
	color		: #FF5400;
	text-decoration	: none;
	}
	
.bbs_day{
	margin:0; 
	width:100%;
	box-sizing: border-box;
	padding-right:10px;
	font-size:0.9em;
	text-align	: right;
	}

.bbs_custmer{
	width:98%;
	box-sizing: border-box;
	margin:2% 1% 1%;
}

.bbs_photo{
	width:100%;
	height: auto;
	position: relative;
	display:block;
	margin:10px auto 5px;
}

.bbs_custmer img{
	width:auto;
	max-width:100%;
	height:auto;
}

.bbs_custmer .rph img {
	width:100%;
	height: auto;
}

.bbs_custmer .icon {
	position: absolute;
	left: 0;
	bottom: 0;
	background:#2EC300;
	background: rgba(46, 195, 0, 0.7);
	padding: 1.5% 2%;
}

.bbs_custmer .ctext{
	width:100%;
	box-sizing: border-box;
	margin:2% 0 1%;
	padding:3%;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	font-size:14px;
	background: #fff;
}


.custmer_photo{
	width:100%;
	margin:3% auto;
}

.custmer_photo img{
	width:100%;
	height:auto;
	box-sizing: border-box;
	padding:5px;
}
	
.staff_comt{
	width:100%;
	margin:3% 0 0;
}

.staff_comt .staff_lf{
	width:18%;
	margin:0 0 0 1%;
	display: inline-block;
	font-size:0.9em;
	text-align	: center;
}

.staff_comt .staff_lf img{
	width:100%;
	height:auto;
	margin-bottom:5px;
	vertical-align:top;
}

.staff_rt{
	vertical-align:top;
	width:78%;
	margin:1% 0 0 2%;
	box-sizing: border-box;
	background:#FAF98F;
	display: inline-block;
	padding:2.5% 3% 2%;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	font-size:14px;
	line-height:1.6;
	color:#57380B;
}

@media only screen and  (max-width: 800px) {
.voi_custmer .ctext{
	font-size:13px;
}
.staff_rt{
	font-size:13px;
}
}
.bbs_line{
	margin:5px auto; 
	border-bottom	:2px solid #FFF;
	width:98%;
	clear:both;
	}

/* 釣り船
================================================== */
#boat_box {
	width:100%;
	max-width:1100px;
    margin:0 auto 0;
}

@media only screen and  (max-width: 800px) {
#boat_box {
	width:96%;
	padding:0 0 5%;
}
}

@media only screen and  (max-width: 568px) {
#boat_box {
	width:100%;
}
}

/* .boat_photo
--------------------------------------------------*/
.boat_photo {
  width:52%;
  float:left;
  margin:0 0 0 0;
}

@media only screen and  (max-width: 1280px) {
.boat_photo {
  width:47%;
  margin:0 1% 0 0;
}
}

@media only screen and  (max-width: 800px) {
.boat_photo {
	width:98%;
	margin:3% auto;
	padding-bottom:5%;
	float:none;
	clear:both;
}
}

/* boat_info
--------------------------------------------------*/
.boat_info{
	width:43%;
	float:right;
	margin:0 0 0 0;
}

@media only screen and  (max-width: 1280px) {
.boat_info{
	width:49%;
	margin:0 0 0 1%;
}
}

@media only screen and  (max-width: 800px) {
.boat_info{
	width:98%;
	float:none;
	margin:1% 1% 0;
	clear:both;
}
}

.boat_info h4 {
	font-size:1.5em;
	color:#FF3171;
	font-weight:normal;
	line-height:1.4;
	margin-bottom:15px;
	padding-top:10px;
}


@media only screen and  (max-width: 800px) {
.boat_info h4 {
	margin:10px auto 10px;
	font-size:1.2em;
	padding:8px 0 0 0;
	}
}

.boat_info h5 {
	font-size:1.5em;
	color:#427CC3;
	font-weight:normal;
	line-height:1.4;
	margin-bottom:15px;
	padding-top:10px;
}


@media only screen and  (max-width: 800px) {
.boat_info h5 {
	margin:10px auto 10px;
	font-size:1.2em;
	padding:8px 0 0 0;
	}
}

.boat_info p {
	line-height:1.8;
	padding:0;
}

.tor_text {
	margin-bottom:10px;
}

.tor_text2 {
	margin-top:10px;
	font-size:1.4em;
	color:#427CC3;
}

.tor_text2 small{
	font-size:0.8em;
}

@media only screen and  (max-width: 1280px) {
.tor_text {
	margin-bottom:0;
	font-size:0.9em;
}
.tor_text2 {
	font-size:1.1em;
}
}

@media only screen and  (max-width: 568px) {
.tor_text {
	margin-bottom:5px;
}
}

.boat_info .red{color:#FF3171;font-size:1.1em;}
.boat_info .green{color:#089831;font-size:1.1em;}


/* access_box
================================================== */
.access_box{
	width:100%;
	max-width:1100px;
    margin:5% auto;
}

.acc_ttl{
  width:100%;
  padding:2% 0 1.6%;
  line-height:1;
  color:#FFF;
  text-align:center;
  margin:3% 0 4%;
}

.access_box #ore{
  background:#F9779F;
}

.access_box #bll{
  background:#049FDD;
}


@media only screen and  (max-width: 800px) {
.acc_ttl{
	padding:2% 0 1%;
}
}

@media only screen and  (max-width: 568px) {
.acc_ttl{
	padding:3% 0 1%;
}
}

.ac_ttl{
	font-size:2.2em;
	font-weight:normal;
	margin-bottom:10px;
}

@media screen and (max-width: 568px) {
.ac_ttl{
	font-size:1.6em;
	margin-bottom:5px;
	}
}

.acc_ttl .en{
	font-weight:400;
	font-size:0.9em;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}

.kouiki_map{
	float:left;
	width: 60%;
	margin: 0 0 2%;
	}

.kouiki_map img{
	width:100%;
	height:auto;
	max-width:650px;
	}

@media screen and (max-width: 800px) {
.kouiki_map{
	float:none;
	width: 96%;
	margin: 0 2%;
	}
}

@media screen and (max-width: 568px) {
.kouiki_map{
	width: 100%;
	margin: 0 0;
	}
}

.map_text{
	float:right;
	width		: 37%;
	}

@media screen and (max-width: 800px) {
.map_text{
	float:none;
	width : 94%;
	margin: 1% 3%;
	}
}

.map_text strong{
	font-weight:500;
	font-size:1.8em;
	color:#FF3171;
	}

@media screen and (max-width: 800px) {
.map_text strong{
	font-size:2em;
	}
}

@media screen and (max-width: 568px) {
.map_text strong{
	font-size:1.6em;
	}
}

.map_text p{
	margin		: 2% 0;
	line-height:1.8;
	font-size:15px;
	}

@media screen and (max-width: 568px) {
.map_text p{
	line-height:1.8;
	font-size:14px;
	}
}

.acc_map{
	width		: 100%;
	margin		: 2% auto;
	}

.acc_map img{
	width: 100%;
	height:auto;
	}

.acc_map p{
	margin-top:5%;
	text-align	: center;
	line-height:1.8;
	font-size:2em;
	}

.acc_map .red{
	color:#FF3171;
	}
	
@media screen and (max-width: 800px) {
.acc_map{
	float:none;
	width: 94%;
	margin: 0 3%;
	}

.acc_map p{
	line-height:1.8;
	font-size:1.7em;
	}
}

@media screen and (max-width: 568px) {
.acc_map{
	width: 100%;
	margin: 0;
	}
.acc_map p{
	font-size:1.2em;
	line-height:1.6;
	text-align	: left;
	margin:2% 2% 0;
	}
}

.map_text .bule{
	color:#427CC3;
	font-size:2em;
	}

@media screen and (max-width: 568px) {
.map_text .bule{
	width: 100%;
	font-size:1.6em;
	}
}

.map_text .red{
	font-size:1.2em;
	color:#FF3171;
	}
	
.map_text .green{
	color:#089831;
	font-size:1.1em;
	}
	
.acc_text{
	width:92%;
	padding	: 1% 0 2% 0;
	margin:0 auto;
	line-height:1.8;
	}

@media only screen and  (max-width: 800px) {
.acc_text{
	float:none;
	width : 94%;
	margin: 1% 3%;
	}
}

.acc_bt{
	margin:2% 0 7%;
	text-align: center;
}

.acc_bt a{font-size:1.2em;color:#FFF;padding:8px 15px 8px;background-color:#4883F0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.acc_bt a:hover{color:#FFF;text-decoration:none;background-color:#366BCE;}


@media only screen and  (max-width: 568px) {
.acc_bt{
	margin:5% 0 10%;
}
.acc_bt a{font-size:1em;}
}

.m_sisetu{
	width:100%;
	margin:0 auto 0;
}

.m_sisetu li{
	width:33%;
	box-sizing: border-box;
	padding: 1% 1.7% 1%;
	float:left;
	margin: 0 0 3%;
	font-size:0.9em;
}

.m_sisetu strong{
	font-size:1.6em;
	color:#FF3171;
	font-weight:500;
}

.m_sisetu span{
	color:#427CC3;
	}

@media screen and (max-width: 800px) {
.m_sisetu li{
	width:50%;
	padding: 1% 1.7% 0.8%;
	font-size:0.9em;
}

.m_sisetu strong{
	font-size:1.4em;
}
}

@media screen and (max-width: 568px) {
.m_sisetu li{
	width:100%;
}
}
.m_sisetu li img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}


/* .提案
=====================================*/
.recom_box{
	width: 100%;
	padding:0;
	max-width:1000px;
	margin:0 auto 3%;
	}

.recom_box h3{
	font-size:1.8em;
	font-weight:600;
	text-align: center;
	color:#FFA94C;
	margin-bottom:3%;
	}

@media only screen and  (max-width: 800px) {
.recom_box h3{
	font-size:1.4em;
	}
}
@media only screen and  (max-width: 568px) {
.recom_box h3{
	font-size:1.2em;
	}
}

.recom_box h4{
	font-size:1.8em;
	font-weight:600;
	text-align: center;
	color:#FFA94C;
	}

@media only screen and  (max-width: 800px) {
.recom_box h4{
	font-size:1.4em;
	}
}
@media only screen and  (max-width: 568px) {
.recom_box h4{
	font-size:1.2em;
	}
}
.ar_tex{
	width: 96%;
	margin:3% auto;
	font-size:1.1em;
	line-height:1.8;
	text-align: center;
}

.recom_box .red{
	font-size:1.4em;
	color:#F36134;
	}

@media only screen and  (max-width: 800px) {
.ar_tex{
	font-size:1em;
	}
}

@media only screen and  (max-width: 568px) {
.recom_box .red{
	font-size:1.2em;
	}

.ar_tex{
	width: 100%;
	margin:10px auto 10px;
	font-size:0.9em;
	line-height:1.6;
	text-align: left;
	}
}

.rec_photo{
    width:100%;
	magin:0 0 0;
	float:left;
	}

.rec_photo li{
    float:left;
	}

.rec_photo li img{
    width:100%;
	height:auto;
	}
	
.rec_photo .w50{
    width:48%;
	margin:0 0 0 1%;
	}

.rec_photo .w48{
    width:50%;
	margin:0;
	box-sizing: border-box;
	padding:0 3%;
	}
	
@media only screen and  (max-width: 800px) {
.rec_photo .w48{
	padding:0 2%;
	}
}

.rec_photo .w25{
    width:24%;
	margin:0 0% 1% 1%;
	}

.reco_bg{
  width		: 100%;
  height:auto;
  padding:0;
  margin:2% 0;
  background-image: url("//www.okinawa-fishing.jp/images/bg_reco.jpg") ;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  float:left;
}

.reco_bg .overlay{
	background: rgba(255, 255, 255, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */
	height: auto;
	background-attachment: fixed;
	padding: 0 0;
	float:left;
}

.reco_syousai{
	width		:100%;
	box-sizing: border-box;
	float:left;
	padding:2.5% 3% 3%;
	border-bottom	: 1px dotted #180D0F;
	}
	
.reco_syousai h5{
	font-size:2em;
	padding-top:2%;
	padding-left:1%;
	margin-bottom : 2%;
	text-shadow:0 0 4px #FFF;
	}

.reco_syousai .red2{color:#F41684;}
.reco_syousai .ble2{color:#1871BC;}
.reco_syousai .gre2{color:#4CB51D;}
.reco_syousai .ore2{color:#BF44C3;}

@media only screen and  (max-width: 800px) {
.reco_syousai h5{
	font-size:1.5em;
	}
}

.reco_syousai img{
	float:left;
	padding-bottom:20px;
	width:140px;
	height:auto;
	margin-right:15px;
	}
	
.reco_syousai p{
	line-height:1.8;
}

@media only screen and  (max-width: 800px) {
.reco_syousai p{
	font-size:14px;
	line-height:1.6;
	}
}

@media only screen and  (max-width: 568px) {
.reco_syousai p{
	font-size:13px;
	}
}

.charter_price {
	width:100%;
    margin:2% auto 4%;
	float:left;
	border-bottom:1px dotted #ccc;
	padding-bottom:1%;
}

.charter_price li{
	width:50%;
    box-sizing: border-box;
	padding:0 3% 2%;
	float:left;
	text-align: center;
}

@media only screen and  (max-width: 800px) {
.charter_price li{
	padding:0 1.5% 2%;
	font-size:0.9em;
	}
}

@media only screen and  (max-width: 568px) {
.charter_price li{
	width:100%;
	padding:0 2% 5%;
	}
}

.charter_price li img{
	width:100%;
    height:auto;
	margin-bottom:5px;
}

.charter_price .bname{
	font-size:1.3em;
	font-weight:600px;
	color:#F36134;
}

.charter_price .bat_tx{
	font-size:1em;
	margin-bottom:5px;
}

.charter_price  .price{
	font-size:2em;
	font-weight:500;
	font-family:"Century Gothic", serif;
	color:#F36134;
	}

.charter_price .sdy{
	font-size:1.6em;
	font-weight:600;
	text-align: center;
	color:#FF3171;
	margin-bottom:10px;
	}

@media only screen and  (max-width: 800px) {
.charter_price .sdy{
	font-size:1.4em;
	}
}
@media only screen and  (max-width: 568px) {
.charter_price .sdy{
	font-size:1.2em;
	}
}

.charter_price .sd_tx{
	text-align: center;
	margin-bottom:2%;
	}

@media only screen and  (max-width: 568px) {
.charter_price .sd_tx{
	font-size:14px;
	text-align: left;
	margin-bottom:10px;
	}
}

/* site_map
================================================== */
.site_map {
	width:100%;
    margin:0 auto;
	float:left;
}

.site30 {
	width:33.3333%;
    box-sizing: border-box;
	padding:0 1% 1%;
	float:left;
}

@media only screen and  (max-width: 800px) {
.site30 {
	width:50%;
	padding:1% 2%;
	margin-bottom:3%;
	}
}

@media only screen and  (max-width: 568px) {
.site30 {
	width:100%;
	padding:1% 0.5%;
	margin-bottom:5%;
	}
}

.site30 .smp_ttl {
	width:100%;
	box-sizing: border-box;
	padding:2.5% 2% 0.5% 4%;
	float:left;
	margin-bottom:4%;
}

@media only screen and  (max-width: 800px) {
.site30 .smp_ttl {
	margin-bottom:2%;
	}
}

.site30 .bgpp {
	background:#F7DFEF;
	border-bottom:4px solid #CE82BD;
	color:#94258F;
}

.site30 .bggn {
	background:#DEEBB5;
	border-bottom:4px solid #94C74A;
	color:#006D29;
}

.site30 .bgbl {
	background:#CEE3EF;
	border-bottom:4px solid #8CBADE;
	color:#4A8EC6;
}


.smp_ttl h3 {
	margin-right:5%;
	float:left;
	font-weight:normal;
}

.smp_ttl p {
	font-family: 'Roboto', sans-serif;
	font-size:0.9em;
	padding-top:3px;
}

.site30 .sttx {
	font-size:0.9em;
	margin:3% 0 1% 10%;
	list-style-type: disc;
	width:90%;
}

@media only screen and  (max-width: 568px) {
.site30 .sttx {
	margin:2% 0 1% 10%;
	}
}

.site30 .sttx2 {
	font-size:0.9em;
	margin:0% 0 1.5% 12%;
	width:88%;
}

.sul {
	margin-top:2%;
	margin-bottom:4%;
}

.site30 a:hover  {color:#0EAFD2;text-decoration: underline; }


/* reserve_list
================================================== */
.reserve_list {
	width:100%;
    margin:0 auto 5%;
	float:left;
}

.res30 {
	width:33.3333%;
    box-sizing: border-box;
	padding:0 1% 1%;
	float:left;
}

@media only screen and  (max-width: 800px) {
.res30 {
	width:50%;
	padding:1% 2%;
	margin-bottom:3%;
	}
}

@media only screen and  (max-width: 568px) {
.res30 {
	width:100%;
	padding:1% 0.5%;
	margin-bottom:5%;
	}
}

.res30 .res_ttl {
	width:100%;
	box-sizing: border-box;
	padding:1.5% 2% 1% 4%;
	float:left;
	margin-bottom:4%;
}

@media only screen and  (max-width: 800px) {
.res30 .res_ttl {
	margin-bottom:2%;
	}
}

.res30 .bgpp {
	background:#23B44C;
	border-bottom:4px solid #24AB4B;
	color:#FFF;
}

.res30 .bggn {
	background:#F8719B;
	border-bottom:4px solid #F86693;
	color:#FFF;
}

.res30 .bgbl {
	background:#00A9EC;
	border-bottom:4px solid #03A3E2;
	color:#FFF;
}


.res_ttl h3 {
	margin-right:5%;
	float:left;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:500;
	font-size:1.1em;
}

.res_ttl p {
	font-family: 'Roboto', sans-serif;
	font-size:0.9em;
	padding-top:7px;
}

.res30 .sttx {
	font-size:1em;
	margin:3% 2% 1% 5%;
	list-style-type: disc;
	width:93%;
}

@media only screen and  (max-width: 568px) {
.res30 .sttx {
	margin:2% 2% 1% 5%;
	font-size:0.9em;
	}
}

.res30 a {
	text-decoration: underline;
	color: #F60B54;
}
.res30 a:hover {
	color: #F60B54;
	text-decoration: none;
}

/* credit
---------------------------------------------------------------------------*/
.credit {
	width:100%;
	margin:3% auto 2%;
	text-align: center;
}

.credit ul{
	width:100%;
	max-width:700px;
	margin:0 auto;
}

.credit li{display:inline-block;padding:3px;}
.credit li img{width:50px;height:auto;}
.credit p{margin-bottom:10px;color:#FF4687;font-size:1.2em;font-weight:bold;}

@media screen and (max-width: 800px) {
.credit p{font-size:1.4em;}
}

@media screen and (max-width: 568px) {
.credit li{width:14%;box-sizing: border-box;}
.credit p{font-size:1em;}
.credit li img{width:100%;}
}