@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=El+Messiri);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* 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-family: 'Noto Serif JP', serif;
    font-weight:400;
	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: 800px) {
.pg_ttl{
	font-size:1.6em;
}
}

@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 Japanese', 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(../images/top/bg_bra.gif) ;
	}
	
#course_list #ore{
	background-image: url(../images/top/bg_ore.gif) ;
	}
	
#course_list #gr{
	background-image: url(../images/top/bg_gre.gif) ;
	}
	
#course_list #bl{
	background-image: url(../images/top/bg_bl.gif) ;
	}

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

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

#course_list #ppl{
	background-image: url(../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     : 2px 5px 1px 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 Japanese', 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 Japanese', 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 Japanese', 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:13px;
	letter-spacing	: 0.1em;
	text-align: center;
	float:left;
}

.menu_bt a{color:#FFF;display:inline-block;padding:2px 8px;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:13px;
	letter-spacing	: 0.1em;
	text-align: center;
	float:left;
}

.yoyaku_bt a{color:#FFF;display:inline-block;padding:2px 5px;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:12px;
	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:13px;
	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:5px 5px;-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:5px 5px;-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% 4%;
	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(../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;
	}

@media screen and (max-width: 1280px) {
.trop_tx{
	font-size:0.9em;
}
}

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

@media screen and (max-width: 568px) {
.trop_tx{
	padding:3% 2%;
}
}

.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;
	}

.prs2{
	font-size:0.8em;
	margin:20px 0 0;
	text-align: center;
}
@media screen and (max-width: 568px) {
.prs2 {
	margin:15px 0 10px;
}
}
	
/* #tour_box
--------------------------------------------------*/
#tour_box {
	width:98%;
    margin:0 1%;
	float:left;
	padding:2% 0 3%;
	position: relative;
}

@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;
	font-family: 'Noto Serif JP', serif;
    font-weight:400;
}

.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;
}
}


.course_txts{
  text-align: center;
  margin:4% 0;
  line-height:2;
}

@media screen and (max-width: 800px) {
.course_txts{
  line-height:1.8;
  text-align: left;
  padding:0 2%;
}
}

#mbttm5{margin-bottom:5%;}

.fune-box{
   width:100%;
   margin:3% 0 0;
   float:left;
}

.fune-box ul{
  text-align: center;
  width:100%;
  box-sizing: border-box;
  padding:2%;
}

@media only screen and  (max-width: 568px) {
.fune-box ul{
  padding:4% 0 2%;
}
}

.fune-box li{
  display:inline-block;
  width:28%;
  vertical-align: top;
  box-sizing: border-box;
  padding:0 3%;
  color:#064CA3;
}

@media only screen and  (max-width: 800px) {
.fune-box li{
  width:50%;
}
}

@media only screen and  (max-width: 568px) {
.fune-box li{
  padding:2%;
}
}

.fune-box li .thumbnail {
  background: transparent;
  border: 0;
  margin-bottom:15px;
}

.fune-box li p strong{
  font-family: 'Noto Serif JP', serif;
  font-weight:400;
  font-size:1.6em;
}

@media only screen and  (max-width: 568px) {
.fune-box li p strong{
  font-size:1.3em;
}
}

.fune-box li img.img-circle{border-radius:50%}

.fune-box li img.img-circle.cir-img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 5px solid #B7D4FF;
  transition: all 1s;
  margin:0 auto;
}

@media screen and (max-width: 568px) {
.fune-box li img.img-circle.cir-img {
  border: 3px solid #B7D4FF;
  width: 100%;
  margin:0 0;
}
}

.fn-txt{
  padding:5px;
  line-height:1.8;
  font-size:0.95em;
}

@media only screen and  (max-width: 568px) {
.fn-txt{
  text-align: left;
  font-size:14px;
}
}

.fn-txt strong{
  color:#FF47AB;
}

.fn-txt span{
  color:#FF47AB;
}

.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;
  position: relative;
  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;
	font-size:0.95em;
}

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

.tour_info span {
	color:#FF47AB;
	font-size:1.05em;
}

.tour_info ul {
	padding-top:0;
}

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

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

.tour_info .skl .poi{
 display:inline-block;
 background-color:#FF86BF;
 background-color:#FF4D9D;
 padding:2px 5px;
 color:#FFF;
 float:left;
 font-size:13px;
 font-weight:normal;
 line-height:1.2;
 margin-right:10px;
 margin-top:6px;
 font-family: 'Roboto', sans-serif;
 font-weight:400;
 line-height:1.2;
 text-transform: uppercase;
 }
 
.tour_info .skl p{
    font-size:1.1em;
	color:#2F7BD8;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:500;
}
@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: 55%;
  margin: 0 4% 0 0;
  display:inline-block;
  vertical-align:top;
}

@media screen and (max-width: 800px) {
.tour_info2{
	padding:3%;
	width: 100%;
	box-sizing: border-box;
}
}

@media screen and (max-width: 568px) {
.tour_info2{
	padding:0 0 ;
}
}

.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;
}
}

.tour_info2 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;
	}

		
.tour_info2 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;
	}

.tour_info2 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) {
.tour_info2 td{
	font-size:13px;
	line-height:1.5;
	padding		: 8px 7px 5px 7px ;
}
}

.tour_info2 strong {
	color:#FF0033;
}

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

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

.tour_info2 .yen{
	font-size:1.4em;
	color:#FF0033;
	margin-right:5px;
	line-height:1;
	}

.tour_info2 .red{
	color:#FF0033;
}


.mpbt{
  margin-top:7px;
  margin-bottom:5px;
}

.mpbt a{text-decoration:none;color:#FFF;padding:4px 10px;background-color:#FB46AC;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mpbt a:hover{color:#FFF;text-decoration:none;background-color:#D02585;}
.mb10{
	margin-bottom:3%;
}

/* set_info
--------------------------------------------------*/
.set_info{
	width:43%;
	float:right;
	margin:1% 0 1% 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:53.5%;
	margin: 1% 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
--------------------------------------- */
.insta-box {
	width:100%;
	margin: 1% 0;
	box-sizing: border-box;
	padding:0 1%;
	float:left;
}


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

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

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

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

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

.insta_bt{
	letter-spacing	: 0.05em;
	margin:0 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;
}
}

.attire{
  width: 40%;
  display:inline-block;
  vertical-align:top;
  margin:0;
  text-align: left;
}

@media screen and (max-width: 800px) {
.attire{
  padding:3%;
  width: 100%;
  display:block;
  box-sizing: border-box;
}
}

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

.attireR{
  width: 100%;
  margin: 3% 0;
}

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

.att_ttl{
  font-size:1.3em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  text-align: center;
  margin-bottom:3%;
  color:#227E77;
}

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

@media only screen and  (max-width: 800px) {
.attire_ph{
  width: 35%;
  margin-bottom:10px;
}
}

@media only screen and  (max-width: 568px) {
.attire_ph{
  width: 40%;
  margin-top:20px;
}
}

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

.attire_tx{
  width: 45%;
  margin: 0 0 0 -5%;
  float:right;
  z-index:1;
}

@media only screen and  (max-width: 800px) {
.attire_tx{
  width: 65%;
}
}

@media only screen and  (max-width: 568px) {
.attire_tx{
  width: 60%;
}
}

.attire_tx ul{
  margin-top:20px;
}

.attire_tx li{
  width:100%;
  box-sizing: border-box;
  padding:8px 10px;
  background: rgba(5, 21, 4, 0.5);
  font-size:14px;
  color:#227E77;
  line-height:1.4;
  margin:10px 0;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

@media only screen and  (max-width: 568px) {
.attire_tx ul{
  margin-top:0px;
  margin-bottom:20px;
}

.attire_tx li{
  font-size:13px;
  margin:5px 0;
}
}

.attire_tx .mb05{
  margin-bottom:3px;
}

.attire_tx strong{
  color:#F0FF00;
}

.at_tx01{
  padding:0 2% 5%;
  color:#227E77;
  font-size:0.9em;
  font-weight:400;
  font-family: 'Noto Sans Japanese', sans-serif;
  margin-top:5px;
}

@media only screen and  (max-width: 568px) {
.at_tx01{
  margin-bottom:10px;
  padding:0 2%;
}
}
.at_tx01 p{
  padding:5px 0 0;
}

.at_tx02{
  padding:1%;
  color:#227E77;
  font-size:0.9em;
  font-weight:400;
  font-family: 'Noto Sans Japanese', sans-serif;
  border:1px solid #227E77;
  float:left;
  width:100%;
  box-sizing: border-box;
}

.at_tx02 p{
  padding:5px 1%;
  box-sizing: border-box;
  float:left;
}

.at_tx02 .tw30{
  width:35%;
}

.at_tx02 .tw70{
  width:65%;
}

@media only screen and  (max-width: 568px) {
.at_tx02 .tw30{
  width:40%;
}

.at_tx02 .tw70{
  width:60%;
}
}

.at_cancel{
  font-size:14px;
  width:100%;
  margin-bottom:3%;
}

.at_cation{
  font-size:14px;
  width:100%;
}

.atm3{margin-bottom:3%;}

.at_cation span,.at_cancel span{
color:#FF47AB;
}

.at_cation strong,.at_cancel strong{
color:#FF47AB;
}


.att_tl{
	font-size:1.2em;
	font-weight:500;
	font-family: 'Noto Sans Japanese', sans-serif;
	border-bottom:2px solid #227E77;
	padding:5px 2%;
	margin-bottom:10px;
	color:#227E77;
}

.att_txx{
	margin-bottom:5px;
	line-height:1.5;
}

.att_txx a{
	text-decoration:underline;
	color:#F0FF00;
}

.att_txx a:hover{
	text-decoration:none;
	color:#F0FF00;
}

.res_bt{
	margin-top:50px;
	font-size:1.1em;
	text-align: center;
	font-weight:500;
	font-family: 'Noto Sans Japanese', sans-serif;
}

.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;}

@media only screen and  (max-width: 800px) {
.res_bt{
	font-size:1em;
	margin-top:2%;
	margin-bottom:5%;
}
}

@media only screen and  (max-width: 568px) {
.res_bt{
	margin-top:20px;
}
}

.sres_bt{
	margin-top:20px;
	margin-bottom:30px;
	font-size:1.1em;
	text-align: center;
	font-weight:500;
	font-family: 'Noto Sans Japanese', sans-serif;
}

.sres_bt a{text-decoration:none;border:3px solid #FFF;color:#FFF;padding:10px 20px;background-color:#CB1313;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.sres_bt a:hover{border:3px solid #FFF;color:#FFF;text-decoration:none;background-color:#9D1313;}

@media only screen and  (max-width: 800px) {
.sres_bt{
	font-size:1em;
	margin-top:30px;
	margin-bottom:5%;
}
}

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

/* course_syousai
--------------------------------------- */
.course_syousai {
    width:45%;
	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:#FF0033;
}

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

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

.course_syousai .yen{
	font-size:1.4em;
	color:#FF0033;
	margin-right:5px;
	line-height:1;
	}

.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;
	}
	
/* voice
--------------------------------------- */
.voice {
	width:100%;
	float:left;
	box-sizing: border-box;
	margin: 1% 0 4%;
	}

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

.voice .voice_top{
	padding:0 2% 2%;
	text-align: center;
	}

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

.voice .voice_top img{
	width:100%;
	max-width:325px;
	height:auto;
	margin:0 auto 10px;
	}

@media only screen and  (max-width: 568px) {
.voice .voice_top img{
	max-width:250px;
	margin:0 auto 3px;
}
}

.voice ul{
	margin-top:8px;
	}
	
.voice li{
	width:50%;
	box-sizing: border-box;
	float:left;
	padding:1% 1.5%;
	}


@media screen and (max-width: 568px) {
.voice li{
	width:100%;
	padding:1% 1%;
	margin-top:3%;
	}
}

.voice li a:hover div.voice_list { opacity: 0.7; }

.bbs_list{
	width:100%;
	float:left;
	margin:0;
	box-sizing: border-box;
	background:#F8ECC5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	padding:20px 2% 2%;
	}

.voi_pin{
	position: absolute;
	left: 50%;
	top: -15px;
	width:50px;
	height:30px;
	margin-left:-25px;
	}

.voi_pin img{
	width:50px;
	height:30px;
	}

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

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

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

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

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

.voi_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;
}

.staff_coment{
	width:94%;
	margin:3% 3% 2%;
	box-sizing: border-box;
	float:left;
}

.staff_coment .staff_lf{
	width:20%;
	margin:0 0 0 0;
	float:left;
	font-size:0.9em;
	text-align	: center;
}

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

.bbs_bt{
	letter-spacing	: 0.05em;
	margin:25px auto 5px;
	text-align: center;
	width:250px;
}

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

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

/* sub
--------------------------------------- */
#sub {
	width:100%;
	float:left;
	box-sizing: border-box;
	padding:1% 0;
	text-align:left;
	position: relative;
	}

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

#sub .w33{
	width:31.3333%;
	box-sizing: border-box;
	border:1px solid #eee;
	margin:0 1%;
	float:left;
	letter-spacing	: 0.05em;
}

@media only screen and  (max-width: 1280px) {
#sub .w33{
	width:32.333%;
	margin:0 0.5%;
}
}

@media only screen and  (max-width: 800px) {
#sub .w33{
	width:48%;
	margin:1% 1%;
}
}

@media only screen and  (max-width: 568px) {
#sub .w33{
	width:100%;
	margin:1.5% 0;
}
}

#sub .w33 .sb_photo{
	width:45%;
	box-sizing: border-box;
	height:auto;
	float:right;
	margin-left:3%;
	display:block;
	position: relative;
	overflow: hidden;
}

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

@media only screen and  (max-width: 800px) {
#sub .w33 img{
	min-height:115px;
}
}

@media only screen and  (max-width: 568px) {
#sub .w33 img{
	min-height:initial;
}
}

#sub .sb_text{
	width:52%;
	box-sizing: border-box;
	padding:0 0 0 2%;
	float:left;
}

#sub .w33 h4{
	color:#FFF;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:500;
	padding:7px 0 3px 7px;
	font-size:1.2em;
}

#sub .w33 p{
	color:#FFF;
	padding:0 0 0 7px;
	font-size:0.9em;
}

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

@media only screen and  (max-width: 568px) {
#sub .sb_text{
	padding:5px 0 0 2%;
}

#sub .w33 h4{
	padding-top:2%;
	font-size:1.2em;
}
}

@media only screen and  (max-width: 800px) {
#sub .w33 p{
	font-size:12px;
}
}


.sub_bt{
	letter-spacing	: 0.05em;
	margin:7px auto 5px;
	text-align: center;
	width:100px;
}

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

.sub_bt a{font-size:13px;color:#FFF;text-decoration:none;background-color:#000;padding:4px 8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.sub_bt a:hover{color:#FFF;text-decoration:none;background-color:#5E5E5E;}

#sub #pk{
	background-image: url(../images/top/bg_pk.gif) ;
	}
	
#sub #bra{
	background-image: url(../images/top/bg_bra.gif) ;
	}
	
#sub #ore{
	background-image: url(../images/top/bg_ore.gif) ;
	}
	
#sub #navee{
	background-image: url(../images/top/bg_navi.gif) ;
	}

.cation{
	width: 96%;
	max-width:630px;
	padding:0 2% 0;
	margin:3% auto 1%;
}

.cation p{
	margin:0.5% 0;
}

@media screen and (max-width: 800px) {
.cation p{
	font-size:0.9em;
}
}
	
/* ガイド
--------------------------------------------------*/
.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;
	min-height:565px;
	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%;
	min-height: initial;
}
}

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

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

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

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

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

.guide_box #aka{
	background-image: url(../images/top/bg_aka.gif) ;
	}

.guide_box #gr2{
	background-image: url(../images/top/bg_gre2.gif) ;
	}
	
.gud_list a:hover img { opacity: 0.8; }

.thumb_ph{
	width:100%;
	margin:0 auto 5px;
	z-index:1;
	position: relative;
}

.thumb_ph ul{
	width:100%;
	margin:5px auto;
}

.thumb_ph li{
	display: inline-block;
	box-sizing: border-box;
	padding: 2px;
}

.thumb_ph li a img{
	border:1px solid #ccc;
	box-sizing: border-box;
}

.thumb_ph li a:hover img{
	border:1px solid #FFF;
}

.thumb_ph .tpw25{
	width:25%;
}

.thumb_ph .tpw33{
	width:33.3333%;
}

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

.thumb_ph p{
	font-size:11px;
	text-align:center;
	color:#000;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
}

.gud_list h4{
	font-weight:400;
	font-family: 'Noto Sans Japanese', 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 Japanese', 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 Japanese', 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 Japanese', 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;
}


.kotae img{
	width:auto;
	height:auto;
	max-width:98%;
	margin: 10px 1%!important;
}

/* お問い合わせ
--------------------------------------------------*/
.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;
}
}

.catin10{
	display:block;
	font-weight:500;
	background:#FF5D5D;
	color:#FFF;
	margin-top:10px;
	text-align: center;
	padding-top:0;
	font-size:1.2em;
	line-height:1.4;
	padding:10px 10px 5px;
	clear:both;
}

@media screen and (max-width: 800px) {
.catin10{
	font-size:1em;
	text-align: left;
	line-height:1.6;
}
}

@media screen and (max-width: 568px) {
.catin10{
	margin-top:5px;
}
}

.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;
	}

.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
	}

.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: 100%;
	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 Japanese', 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:100%;
	padding:0 1% ;
	box-sizing: border-box;
	}

@media screen and (max-width: 568px) {
.blog_entry .entry_box{
    box-sizing: border-box;
	line-height:1.6;
	padding:4% 2%;
	}
	}

.blog_entry p{
	padding:2% 0;
	font-size:14px;
}
	
.blog_entry .entry_box img{
    max-width:100%;
	width:auto;
	height:auto;
	margin:10px auto;
	}

@media screen and (max-width: 568px) {
.blog_entry .entry_box img{
	width:100%;
	}
	}

.blog_entry .photo01{
   width:100%;
   box-sizing: border-box;
   padding:0 2%;
}

@media screen and (max-width: 568px) {
.blog_entry .photo01{
   padding:2% 0;
}
}

.blog_entry .photo01 img{
   width:100%;
   heght:auto;
}

.blog_entry .photo02{
   width:100%;
   margin:0 auto;
}

.blog_entry .photo02 img{
   width:50%;
   heght:auto;
   display: inline-block;
   vertical-align: top;
   box-sizing: border-box;
   padding:0 2%;
}

@media screen and (max-width: 568px) {
.blog_entry .photo02 img{
   width:100%;
   display: block;
   padding:2% 0;
}
}

.blog_entry .ev-info{
   width:100%;
   box-sizing: border-box;
   padding:2% 0;
}

.blog_entry .ev-info dl{
   width:100%;
   padding:5px;
   margin-bottom:5px;
   border-bottom:1px dotted #CCC;
   font-size:14px;
}

.blog_entry .ev-info dt{
   width:15%;
   display: inline-block;
   vertical-align: middle;
   text-align: center; 
   box-sizing: border-box;
   padding:0 5px;
   font-weight:bold;
   letter-spacing:0.1em;
}

.blog_entry .ev-info dd{
   width:85%;
   display: inline-block;
   vertical-align: middle;
   box-sizing: border-box;
   padding:0 5px 0 15px;
}

.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;
  background: #fff;
  padding:5px;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
}

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


@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;
}
}


@media only screen and  (max-width: 568px) {
.boat_photo {
    padding:0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
}

/* 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;
}

/* acc_video
--------------------------------------------------*/
.acc_video {
  position: relative;
  width: 100%;
  max-width:800px;
  height: auto;
  margin: 0 auto 5%;
}

@media only screen and  (max-width: 568px) {
.acc_video {
	margin: 1% auto 5%;
	}
}

.acc_video .video-title {
  display:block;
  color:#FFF;
  padding:8px 0 5px;
  background:#000;
  text-align: center;
}

@media only screen and  (max-width: 568px) {
.acc_video .video-title {
	font-size:14px;
	}
}

.video-btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; /*コントローラー分下部に余白を*/
    cursor: pointer;
	z-index:2;
}

.bz-1{
	z-index:-1;
	cursor: pointer;
}

.bz-0{
	z-index:0;
	cursor: pointer;
}

/* .提案
=====================================*/
.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;
	}

@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.2em;
	color:#F36134;
	}

@media only screen and  (max-width: 568px) {
.ar_text{
	width: 96%;
	margin:0 auto 10px;
	font-size:0.9em;
	line-height:1.8;
	}
}

.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 3% 1%;
	}

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

.reco_bg{
  width		: 100%;
  height:auto;
  padding:0;
  margin:2% 0;
  background-image: url("../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;
	}
}

/* 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 Japanese', 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;
}
/* taisaku15
--------------------------------------- */
.taisaku15{
	width:100%;
	max-width:600px;
	box-sizing: border-box;
	position: relative;
	margin: 1% auto 4%;
	position: relative;
	-moz-box-shadow: 0 1px 3px #C2C2C2;
	-webkit-box-shadow: 0 1px 3px #C2C2C2;
	box-shadow: 0 1px 3px #C2C2C2;
	background:#FFF0FC;
	-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
	letter-spacing	: 0em;
	overflow: hidden;
	}


@media screen and (max-width: 568px) {
.taisaku15{
	margin: 2% auto 3%;
	}
}

.taisaku15 .p-photo{
	width:45%;
	height: auto;
	display:inline-block;
	}

.taisaku15 .p-text{
	width:55%;
	display:inline-block;
	padding:5px 10px 0 3%;
	margin:0;
	box-sizing: border-box;
	vertical-align: top;
	}

@media screen and (max-width: 800px) {
.taisaku15 .p-photo{
	width:50%;
	}

.taisaku15 .p-text{
	width:50%;
	}
}

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

.taisaku15 .p-text{
	width:100%;
	padding:0 5% 3%;
	}
}

.taisaku15 img{
	width:100%;
	height: auto;
	-webkit-border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;border-bottom-left-radius:6px;
	line-height: 0!important;
	vertical-align: bottom!important;
	margin:0 0 -5px;
	}


@media screen and (max-width: 568px) {
.taisaku15 img{
	margin:0;
	-webkit-border-bottom-left-radius:0px;-moz-border-bottom-left-radius:0px;border-bottom-left-radius:0px;
	}
}

.taisaku15 .rec_ttl {
	font-size:1.4em;
	font-weight:500;
	line-height:1.5;
	color:#F0FF00;
	font-family: 'Noto Sans Japanese', sans-serif;
	padding:5px;
	display:block;
	text-align: center;
	-webkit-border-top-left-radius:6px;-moz-border-top-left-radius:6px;border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;-moz-border-top-right-radius:6px;border-top-right-radius:6px;
}

.taisaku15 .corona {
  animation: coronaAnime 1.5s infinite alternate;
}
@keyframes coronaAnime{
   0% { background-color:#E01570; }
 100% { background-color:#781564; }
}

@media screen and (max-width: 568px) {
.taisaku15 .rec_ttl {
	font-size:1.2em;
	padding:7px 5px;
	line-height:1.4;
}
}

.taisaku15 .cg_text {
	margin-top:5px;
	color:#000;
	font-size:15px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:400;
	line-height:1.7;
}

@media screen and (max-width: 568px) {
.taisaku15 .cg_text {
	margin-top:5px;
}
}

.ta15_bt{
	font-size:13px;
	letter-spacing	: 0.05em;
	color:#FFF;
	margin-top:15px;
	margin-bottom:0;
	text-align: center;	
}

@media only screen and  (max-width: 800px) {
.ta15_bt{
	margin-top:5px;
	font-size:12px;
}
}

.ta15_bt a{display:inline-block;color:#FFF;text-decoration:none;background-color:#781564;padding:6px 8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.ta15_bt a:hover{color:#FFF;text-decoration:none;background-color:#E01570;}

/* tour_tokuten
================================================== */
.tour_tokuten {
  width: 100%;
  padding:3% 0 3%;
  position: relative;
  float:left;
  margin:2% auto;
  z-index:1;
}

@media screen and (max-width: 800px) {
.tour_tokuten {
  width: 100%;
  padding:5% 2%;
  margin:2% auto 5%;
  box-sizing: border-box;
}
}

#man-gr {
  background: rgba(9, 70, 66, 0.9);
}

#sun-or {
  background: rgba(70, 50, 20, 0.7);
}

.tour_tokuten .tsc-ttl{
  margin:0 auto;
  text-align: center;
}

.tour_tokuten .tsc-ttl p{
  font-size: 1.5em;
  background:#0FACA3;
  color:#FFF;
  padding:10px 30px;
  display:inline-block;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 400;
  margin-bottom:3%;
  -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
  position: relative;
}

@media screen and (max-width: 810px) {
.tour_tokuten .tsc-ttl p{
  font-size:1.6em;
}
}

@media screen and (max-width: 568px) {
.tour_tokuten .tsc-ttl p{
  font-size:1.4em;
  display:block;
  padding:10px 10px;
  margin-top:5%;
}
}

.tour_tokuten .tsc-ttl p::after {
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 content: ' ';
 border: 10px solid transparent;
 border-top-color: #0FACA3;
}

.tour_tokuten .suk-ttl{
  margin:0 auto;
  text-align: center;
}

.tour_tokuten .suk-ttl p{
  font-size: 1.5em;
  background:#FF6000;
  color:#FFF;
  padding:10px 30px;
  display:inline-block;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 400;
  margin-bottom:3%;
  -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
  position: relative;
}

@media screen and (max-width: 810px) {
.tour_tokuten .suk-ttl p{
  font-size:1.6em;
}
}

@media screen and (max-width: 568px) {
.tour_tokuten .suk-ttl p{
  font-size:1.4em;
  display:block;
  padding:10px 10px;
  margin-top:5%;
}
}

.tour_tokuten .suk-ttl p::after {
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 content: ' ';
 border: 10px solid transparent;
 border-top-color: #FF6000;
}

.tour_tokuten ul{
  width:100%;
  text-align: center;
}

.tour_tokuten li{
  display:inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding:1%;
}

.tour_tokuten .tkt100{
  width:97%;
  margin:1% 1.5% 0;
}


.tour_tokuten .tkt30{
  width:30.3333%;
  margin:3% 1.5% 0;
}

@media screen and (max-width: 800px) {
.tour_tokuten .tkt100{
  width:46%;
  margin:2%;
}

.tour_tokuten .tkt30{
  width:46%;
  margin:2%;
}
}

@media screen and (max-width: 568px) {
.tour_tokuten .tkt100{
  width:100%;
  margin:4% auto;
  display:block;
}

.tour_tokuten .tkt30{
  width:100%;
  margin:4% auto;
  display:block;
}
}

.tour_tokuten .tkt-ph{
  display:inline-block;
  vertical-align: middle;
  width:25%;
}

.tour_tokuten .tkt-txt{
  display:inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width:74%;
}

@media screen and (max-width: 800px) {
.tour_tokuten .tkt-ph{
  display:block;
  width:100%;
  margin:0 auto 10px;
}

.tour_tokuten .tkt-txt{
  display:block;
  box-sizing: border-box;
  width:100%;
}
}

#pdl{
  padding-left:2%;
}

#pdr{
  padding-right:2%;
}

@media screen and (max-width: 800px) {
#pdl{
  padding-left:0%;
}

#pdr{
  padding-right:0%;
}
}

.tour_tokuten .tkt-phs{
  display:block;
  width:60%;
  margin:0 auto 10px;
}

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

@media screen and (max-width: 800px) {
.tour_tokuten .tkt-phs{
  display:block;
  width:100%;
  margin:0 auto 10px;
}

.tour_tokuten .tkt-txt{
  display:block;
  box-sizing: border-box;
  width:100%;
}

.tour_tokuten li img{
  width:auto;
  margin:0 auto;
  height:150px;
}
}

@media screen and (max-width: 568px) {
.tour_tokuten .tkt100 img{
  width:70%;
  margin:0 auto;
  height:auto;
}

.tour_tokuten .tkt30 img{
  width:50%;
  margin:0 auto;
  height:auto;
}
}

.tour_tokuten .tkt-txt p{
  padding:10px 0 0;
  font-size:14px;
  color:#FFF;
  text-align: left;
}

.tour_tokuten .tkt-txts p{
  padding:10px 0 0;
  font-size:14px;
  color:#FFF;
  text-align: left;
}

@media screen and (max-width: 800px) {
.tour_tokuten .tkt-txt p{
  padding:5px 0 0;
  font-size:13px;
}
.tour_tokuten .tkt-txts p{
  padding:5px 0 0;
  font-size:13px;
}
}

.tour_tokuten li span{
  color:#D8FF00;
}

.tour_tokuten li strong{
  font-weight:500;
  font-size:1.3em;
  font-family: 'Noto Sans Japanese', sans-serif;
}

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

.course_txt{
  text-align: center;
  margin:0 0 4%;
  line-height:2;
  letter-spacing: 0em;
}


@media screen and (max-width: 800px) {
.course_txt{
  line-height:1.8;
  text-align: left;
  padding:0 2%;
}
}

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

.course_txt span{
  color:#F0FF00;
  font-weight:500;
}
.course_txt2{
  text-align: center;
  margin:3% 0 0;
  line-height:2;
  letter-spacing: 0em;
}


@media screen and (max-width: 800px) {
.course_txt2{
  line-height:1.8;
  text-align: left;
  padding:0 2%;
}
}

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

.course_txt2 span{
  color:#F0FF00;
  font-weight:500;
}

/* sflow_box
---------------------------------------------------------------------------*/
.sflow_box{
  width: 100%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 800px) {
.sflow_box{
  width: 98%;
}
}

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

.tour_time{
  width: 55%;
  margin: 0 4% 0 0;
  display:inline-block;
  vertical-align:top;
}

@media screen and (max-width: 800px) {
.tour_time{
	padding:3%;
	width: 100%;
	box-sizing: border-box;
}
}

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

.ttim01{
  margin:0 auto;
  text-align: left;
}

.ttim01 p{
  font-size: 1.1em;
  background:#449A93;
  color:#FFF;
  padding:7px 30px;
  display:inline-block;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
  margin-bottom:2%;
  -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
  position: relative;
}

.ttim01 p::after {
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 content: ' ';
 border: 10px solid transparent;
 border-top-color: #449A93;
}

.ttim01s{
  margin:0 auto;
  text-align: left;
  
}

.ttim01s p{
  font-size: 1.1em;
  background:#FF6000;
  color:#FFF;
  padding:7px 30px;
  display:inline-block;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
  margin-bottom:2%;
  -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
  position: relative;
}

.ttim01s p::after {
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 content: ' ';
 border: 10px solid transparent;
 border-top-color: #FF6000;
}

.ttim02{
	padding:1% 5px;
	font-size:1em;
}

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


.ttim02 span{
	color:#FF47AB;
}

.ttim03{
	padding:1% 5px;
	font-size:0.95em;
}

#ttimb5{
  margin-bottom:4%;
}

.tour_time li{
  width: 100%;
  padding:0 0 5px;
  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
  background:#FFF;
  margin:3% 0;
  overflow:hidden;
}

.ttm-ttl{
  width: 100%;
  padding:5px 5px 5px 3%;
  box-sizing: border-box;
  background:#E7F6D8;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  color:#659A2E;
  font-size:1em;
  margin-bottom:8px;
}

.ttm-ttls{
  width: 100%;
  padding:5px 5px 5px 3%;
  box-sizing: border-box;
  background:#FEE9DC;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  color:#F45C00;
  font-size:1em;
  margin-bottom:8px;
}


.ttm-txts{
  padding:5px 3%;
  box-sizing: border-box;
  font-size:13px;
  margin:0!important;
}

.ttm-txts strong{
  font-size:14px;
  font-weight:bold;
   margin-right:10px;
}

.ttm-txts span{
  color:#FF4D9D;
  margin-right:5px;
}

.tk_flow_box{
  text-align: center;
}

.tk_flow_box #pdy5{
  padding:3% 3% 0;
}

@media screen and (max-width: 800px) {
.tk_flow_box #pdy5{
  padding:3%;
}
}

@media screen and (max-width: 568px) {
.tk_flow_box #pdy5{
  padding:3% 0 0;
}
}

.tk_flow{
  width: 40%;
  display:inline-block;
  vertical-align:top;
  margin:0;
  text-align: left;
}

@media screen and (max-width: 800px) {
.tk_flow{
  padding:3%;
  width: 100%;
  display:block;
  box-sizing: border-box;
}
}

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

.flw-ttl{
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:500;
	text-align: center;
	margin: 0 0 3%;
	clear:both;
	font-size:1.8em;
}

@media screen and (max-width: 800px) {
.flw-ttl{
	font-size:1.6em;
}
}

@media screen and (max-width: 568px) {
.flw-ttl{
	font-size:1.4em;
}
}

.tk_flow ul{
	width:100%;
	margin:0;
	padding:0;
}

.tk_flow li{
  width: 100%;
  padding:0;
}

@media screen and (max-width: 568px) {
.tk_flow li{
	width: 96%;
	margin:1% 2% 0;
}
}

.tk_flow .sck-top{
	display:inline-block;
	padding: 8px 15px;
	line-height:1.4;
	margin:0 0 0 10px;
	-webkit-border-top-left-radius:4px;-moz-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-top-right-radius:2px;border-top-right-radius:4px;
}

@media screen and (max-width: 568px) {
.tk_flow .sck-top{
	font-size:14px
	margin:0 0 0 5px;
}
}

.tk_flow .bkp{
  color:#FFF;
  background:#449A93;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
}

.tk_flow .orge{
  color:#FFF;
  background:#FF6000;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
}


.tk_flow .bkk{
	color:#FFF;
	background:#4D1081;
}

.tk_flow .sck-syousai{
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px;
	background:#FFF;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	line-height:1.4;
	margin-bottom:10px;
}

.tk_flow .sck-syousai table{
	margin : 0;
	width: 100%;
	padding:0;
	clear:both;
	word-wrap: break-word;
	}
	
.tk_flow .sck-syousai th{
	font-size:13px;
	font-weight:normal;
	padding:5px;
	color:#F35D88;
	width:15%;
}

.tk_flow .sck-syousai td{
	font-size:13px;
	padding:5px 2%;
	text-align: center;
}

.tk_flow .sck-syousai td p{
	padding:2px 0;
}

.tk_flow .sck-syousai td p strong{
  font-size:16px;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  color:#FF47AB;
}

.tk_flow .sck-syousai td p strong span{
  color:#F45C00;
}

.tk_flow .tk-ob{
	width:100%;
	box-sizing: border-box;
	padding:7px 5px;
	margin:10px auto 0;
	color:#FCFF00;
	text-align: center;
	font-size:14px;
	font-weight:bold;
	line-height:1;
}

.chika {
  animation: chikaAnime 1.5s infinite alternate;
}
@keyframes chikaAnime{
   0% { background-color:#F9339E; }
 100% { background-color:#781564; }
}


.tk_flow .tk-obs{
	width:100%;
	box-sizing: border-box;
	padding:10px 5px ;
	color:#227E77;
	text-align: center;
	font-size:14px;
}

.tk_flow .arw{
	margin:1px 0;
	line-height:1;
	text-align: center;
}

@media screen and (max-width: 568px) {
.tk_flow .arw{
	margin:3px auto;
	text-align: center;
}
}

.tk_flow .fa-chevron-down{
	color:#AAA;
}

.tk_flow .sck-tour{
	display:block;
	line-height:1.4;
	border:1px solid #FFF;
	font-size:14px;
	padding:10px 10px;
	margin-top:0px;
}

.tk_flow .sck-tour strong{
	color:#FF6D6D;
}

.shtime{
	margin:2% auto 3%;
	width:96%;
	padding:10px 15px;
	border:2px solid #FCFF00;
	background:#FFFFDB;
	box-sizing: border-box;
}

.shtime p{
	padding:5px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:500;
}

.shtime span{ color:#FF5400;margin-left:10px;}

.shtime strong{ color:#D70000;font-size:1.2em;font-weight:500;}

.mpcode{
	font-size:14px;
	line-height:1.6;
}
.mpcode span{
	color:#FF6D6D;
}

#toujitu {
  height:auto;
  position:absolute;
  top:-100px;
  left:0;
  width:150px;
  z-index: 1;
}

@media screen and (max-width: 1580px) {
#toujitu {
  top:-80px;
  width:120px;
}
}


@media screen and (max-width: 800px) {
#toujitu {
  top:-5%;
  left:-5%;
}
}

@media screen and (max-width: 568px) {
#toujitu {
  left:initial;
  right:-5%;
  width:80px;
}
}

#toujitu img{
  width:100%;
  height:auto;
}

/* food_info
--------------------------------------- */
.food_info {
  display:block;
  width:100%;
  max-width:870px;
  margin:5% auto 2%;
}

@media screen and (max-width: 800px) {
.food_info {
  width:96%;
}
}


@media screen and (max-width: 568px) {
.food_info {
  width:98%;
}
}

.food{
  width:100%;
  box-sizing: border-box;
  position: relative;
  -moz-box-shadow: 0 1px 3px #C2C2C2;
  -webkit-box-shadow: 0 1px 3px #C2C2C2;
  box-shadow: 0 1px 3px #C2C2C2;
  -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
  background-color:#E7F6D8;
  overflow: hidden;
}

@media screen and (max-width: 568px) {
.food{
 width:96%;
 margin: 2% 2% 3%;
 }
}

.food .fs-photo{
 width:43%;
 display:inline-block;
 vertical-align:middle;
 /*overflow: hidden;
 -webkit-border-top-left-radius:6px;-moz-border-top-left-radius:6px;border-top-left-radius:6px;
 -webkit-border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;border-bottom-left-radius:6px;*/
  height:300px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.food .fs-photo .overlays {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:100%;
  height:100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.food .p-text{
 width:56%;
 display:inline-block;
 vertical-align:middle;
 padding:0 2.5% 0 3%;
 box-sizing: border-box;
 text-align: center;
 }


@media screen and (max-width: 800px) {
.food .fs-photo{
  width:100%;
  margin:0;
  height: auto;
  display:block;
}

.food .fs-photo .overlays {
  position: relative;
}

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

.food .p-text{
 width:100%;
 display:block;
 padding:2% 3%;
 box-sizing: border-box;
}
}

.food .food_ttl {
 font-size:1.4em;
 line-height:1.6;
 color:#4C9600;
 font-weight:600;
 text-align: left;
 margin-bottom:10px;
 font-family: 'Noto Sans Japanese', sans-serif;
 font-weight: 500;
}

.food .food_ttl span {
 color:#4C9600;
}

@media screen and (max-width: 800px) {
.food .food_ttl {
  font-size:1.2em;
  margin-bottom:0px;
  padding:0 2%;
}
}

.food .fs_text {
  color:#000;
  font-size:14px;
  line-height:1.8;
  text-align: left;
  padding:5px 0;
}

.food .fs_text span {
 color:#FF4D9D;
 font-weight:bold;
}


@media screen and (max-width:800px) {
.food .fs_text {
  line-height:1.6;
  padding:5px 2%;
}
}

@media screen and (max-width: 568px) {
.food .fs_text {
}
}

.food .fs_texts {
  margin-top:5px;
  color:#000;
  font-size:13px;
  line-height:1.8;
  text-align: left;
}

.food .fs_texts span {
 color:#FF4D9D;
 font-weight:bold;
}


@media screen and (max-width:800px) {
.food .fs_texts {
  line-height:1.6;
}
}

@media screen and (max-width: 568px) {
.food .fs_texts {
    padding:0 2%;
}
}

/* .提案
=====================================*/
.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.4;
	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.4;
	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.4;
}

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

@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;
	margin-bottom:5px;
}

.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%;
	line-height:1.6;
	}

@media only screen and  (max-width: 568px) {
.charter_price .sd_tx{
	font-size:14px;
	text-align: left;
	margin-bottom:10px;
	}
}
/* 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%;}
}