/*--
	Theme Name: sunnyday
	Theme URI: http://sunnyday-kayak.com
	Description: A theme for Wordpress + Works-Yui
	Author: Works-Yui
	Author URL: http://works-yui.com/
--*/

@charset "UTF-8";


* {
  margin: 0;
  padding: 0;
}
html {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}
body {
	background-color:#fff;
	color:#555;
	width: 100%;
	overflow-x: hidden;
}
body {
	font-size: 13px;
	font-family: "ＭＳゴシック",sans-serif;
	line-height: 20px;
}
@media print {
  body {
    font-size: 13px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
  }
}
.linkbox {
cursor: pointer;
}

/* header1
----------------------------------*/
#header {
	width: 100%;
	margin: 0 auto;
	position: relative;
	height:537px;
	background: #fff url(img/index_top.jpg) no-repeat center center;
}
#header-menu-base {
	width: 1000px;
	position: absolute;
	bottom:0px;
}
#header-menu {
	position: relative;
	height: 95px;
	display: inline-block;
	vertical-align: bottom;
}
#header-menu1 a, #header-menu3 a, #header-menu5 a, #header-menu7 a, #header-menu9 a, #header-menu11 a {
	position: relative;
	height: 95px;
	display: table-cell;
	vertical-align: bottom;
}
#header-menu1 {
	float:left;
	margin: 0;
}
#header-menu3 {
	float:left;
	margin-left: 32px;
}
#header-menu5 {
	float:left;
	margin-left: 48px;
}
#header-menu7 {
	float:left;
	margin-left: 279px;
}
#header-menu9 {
	float:left;
	margin-left: 33px;
}
#header-menu11 {
	float:left;
	margin-left: 19px;
}
#header-inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	height:537px;
	overflow: hidden;
}
#header-h{
	margin-top:233px;
	text-align:center;
}
#header-h h1 {
	font-size: 20px;
	font-weight: bold;
	font-family: "ＭＳ 明朝",serif;
	line-height: 30px;
	color:FFF;
	background-color: rgba(255,0,0,0.15);
	display:inline;
}
#header-h h2 {
	font-size: 18px;
	font-weight: bold;
	font-family: "ＭＳ 明朝",serif;
	line-height: 20px;
	color:FFF;
	background-color: rgba(255,0,0,0.15);
	display:inline;
}
#header-omsb {
	position:absolute;
	left:0px;
	top:296px;
}
#header-omsb2 {
	position:absolute;
	left:0px;
	top:55px;
}
#header-reserve {
	position:absolute;
	right:0px;
	top:180px;
}
#header-contact {
	position:absolute;
	right:0px;
	top:285px;
}
#header-home {
	position:absolute;
	bottom: 5px;
	left:50%;
	margin-left: -71px;
	height:184px;
	z-index:100;
}
/* header2
----------------------------------*/
#header2 {
	width: 100%;
	margin: 0 auto 30px;
	position: relative;
	height:283px;
	background: #fff url(img/index_top2020.jpg) no-repeat top center;
}
#header2-inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	height:283px;
	overflow: hidden;
}
#header2-h{
	margin-top:5px;
}
#header2-h h1 {
	font-size: 16px;
	font-weight: bold;
	font-family: "ＭＳ 明朝",serif;
	line-height: 20px;
	color:FFF;
	display:inline;
}
#header2-reserve {
	position:absolute;
	right:100px;
	top:35px;
}
#header2-contact {
	position:absolute;
	right:0px;
	top:35px;
}

/* other
----------------------------------*/
h3 {
	font-size: 1em;
	margin:0;
	font-weight: normal;
}
h3.default {
	font-size: 22px;
	margin:0;
	font-weight: 800;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN",Century Gothic;
}
.topix_img2 h3.default {
	margin-bottom:0.5em;
}
p{
	margin-bottom: 1em;
	line-height: 20px;
}
p.p_last {
	margin-bottom: 0;
	line-height: 20px;
}
li { list-style:none; }
.clear{
	clear:both;
}
#base{
	width: 100%;
	height: auto !important;
	margin: 0 auto;
	position: relative;
	color: #fff;
	overflow: hidden;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align:center;
	margin:0 auto;
}
.clear {
	clear:both;
}
.blue {
	color:#00B2B2;
}
.red {
	color:#FF4D4D;
}

/* link
----------------------------------*/
a{
	color: #282828;
}
a:hover{
	color: #E88159;
}
#content a:hover img, #header-contact a:hover img, #header-reserve a:hover img, #main a:hover img, #footer-return a:hover img, .course-img a:hover img, .tour_course_right a:hover, #top_banner700 a:hover, .contents_tour_menu a:hover img, .index03-miryoku-text a:hover img, .index03-miryoku-text2 a:hover img, #blog_img_thumbnail a:hover img, .top_osusume a:hover img, .tour_reserve_bottom a:hover img, #index_short_bg a:hover img {  
	opacity:0.7; 
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
a img{
	border: 0;
}

/* footer
----------------------------------*/
#footer {
	width: 100%;
	margin: 0 auto;
	position: relative;
	height:400px;
	background: url(img/footer_bg.png) no-repeat center center;
}
#footer-bg {
	background: url(img/bg.gif) top center repeat;
}
#footer-inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	height:400px;
	overflow: hidden;
}
#footer-return {
	margin: 0 auto;
	width: 90px;
}
#footer-menu-base {
	width: 1000px;
	position: relative;
	margin:5px auto;
	font-size:12px;
}
.footer-menu {
	position: relative;
	float:left;
	vertical-align: top;
}
.footer-menu-space {
	margin-bottom:1em;
}
.footer-menu-space2 {
	margin-bottom:2em;
}
li.ishigaki-tours {
	margin-left:-2.14285714em;;
}
.footer-menu-left {
	margin-right:30px;
}
.footer-menu-left.tour {
	width:500px;
}
.footer-menu-right {
	margin-right:0;
}
#footer-copyright {
	clear:both;
	width: 100%;
	margin:0 auto;
	padding-top:10px;
	text-align:center;
	font-size:11px;
}
#footer-copyright a, .footer-menu a {
	text-decoration: none;
}
/* content
----------------------------------*/
#content01 {
	width: 100%;
	position: relative;
	margin:30px auto;
	color:#555;
	overflow: hidden;
	background: #fff url(img/index_bg01.jpg) no-repeat center bottom;
	background-attachment: fixed;
}
#content03 {
	width: 100%;
	position: relative;
	margin:30px auto;
	color:#555;
	overflow: hidden;
	background: #fff url(img/index_bg02.jpg) no-repeat center center;
	background-attachment: fixed;
}
#page_base {
	width: 100%;
	height: auto !important;
	margin: 0 auto;
	position: relative;
	color: #fff;
	overflow: hidden;
	background: url(img/bg.gif) top center repeat;
}
#content_page_top {
	width: 1000px;
	position: relative;
	margin:30px auto;
	color:#555;
	overflow: hidden;
	background: #fff url(img/index_bg01.jpg) no-repeat center bottom;
}

/* main
----------------------------------*/
.main {
	clear:both;
	width: 1000px;
	position: relative;
	margin:60px auto;
	color:#777;
	overflow: hidden;
}

/* indexツアーコース紹介
----------------------------------*/
.course-inner-calendar {
	margin-right:0.5em;
	margin-top:0.5em;
}
.index01-01 {
	width:1000px;
	text-align:center;
}
.index01-course01 {
	float:left;
	position: relative;
	margin:20px 13px 0;
	overflow: hidden;
	width:230px;
	height:465px;
}
.index01-course02 {
	float:left;
	position: relative;
	margin:20px 13px 0 0;
	overflow: hidden;
	width:230px;
	height:465px;
}
.index01-course02.ma-left {
	margin:20px 13px 0;
}
.index01-course03 {
	float:left;
	position: relative;
	margin:65px 0 0;
	overflow: hidden;
}
.index01-course04 {
	float:left;
	position: relative;
	margin:20px 0 0 13px;
	overflow: hidden;
	width:230px;
	height:465px;
}
.index01-course05 {
	clear:both;
	float:left;
	position: relative;
	margin:75px 0 0 40px;
	overflow: hidden;
}
.index01-course06 {
	float:left;
	position: relative;
	margin:75px 0 0 53.33333333px;
	overflow: hidden;
}
.course-img {
	position: relative;
	z-index:100;
}
.course-inner {
	position: absolute;
	margin-top:-125px;
	height:300px;
	vertical-align: text-bottom;
	background: #FFF;
	z-index:1;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.course-inner-text {
	position: relative;
	margin-top:145px;
	padding:0 20px;
	z-index:2;
}
.course-inner-fa {
	position: absolute;
	bottom:6px;
	left:20px;
	width:190px;
}
.course-inner-fa h3{
	font-size:0.9em;
}
.course-inner-fa a {
	text-decoration: none;
	color:#777;
	font-weight: bold;
}
.course-inner-fa a:hover {
	color:#FFB399;
}

/* indexお知らせ
----------------------------------*/
.index01-02 {
	clear:both;
	margin:0 40px;
}
.index_news_header-img {
	margin:0 60px 0 40px;
	width:67px;
	float:left;
}
#blog_img_box {
	padding:0;
	float:left;
	width:700px;
	overflow: hidden;
}
#blog_img_box a {
	color:#006DD9;
}
#blog_img_box a:hover{
	color: #FFB399;
}
.index_news_title {
	font-size:1em;
}
#blog_img_box dt {
	font-weight: bold;
}
#blog_img_box dd {
	margin-bottom:10px;
}
#blog_img_thumbnail {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	width:60px;
}
#blog_img_thumbnail img {
	border:1px solid #CCC;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	width:60px;
	height:60px;
}
#blog_img_thumbnail_right {
	float:left;
	width:560px;
	overflow: hidden;
}
#blog_img_thumbnail_right li {
	display:block;
}
.index_blog_time {
	font-size:13px;
	line-height:28px;
}
.ichiran {
	background: url(img/ichiran.png) no-repeat center bottom;
	width:109px;
	text-align:center;
	font-size:12px;
}
#blog_img_box .ichiran a {
	text-decoration: none;
	color:#555;
}
#blog_img_box .ichiran a:hover{
	color: #FFB399;
}
.index01-07 {
	clear: both;
	margin: 0;
	overflow: hidden;
}
.top_blog_img {
	margin: 0 20px 0 0;
	width: 67px;
	float: left;
}
.top_blog_img2 {
	margin: 0 20px 0 54px;
	width: 67px;
	float: left;
}
.top_blog_img3 {
	margin: 0 20px 0 54px;
	width: 67px;
	float: left;
}
.top_blog_box {
	float: left;
	width: 220px;
	overflow: hidden;
}
.top_blog_box2 {
	float: left;
	width: 250px;
	overflow: hidden;
}
.top_blog_box3 {
	float: left;
	width: 550px;
	overflow: hidden;
}
.top_blog_box3_img {
	text-align:center;
}

/* index魅力
----------------------------------*/
.index01-02 {
	clear:both;
	margin:0 40px;
}
.index03-miryoku01 {
	float:left;
	position: relative;
	margin:60px 60px 0 0;
	width:293.333333px;
	z-index:1;
}
.index03-miryoku02 {
	float:left;
	position: relative;
	margin:60px 0 0 0;
	width:293.333333px;
	z-index:1;
}
.index03-miryoku04 {
	float:left;
	position: relative;
	margin:30px 60px 0 0;
	width:205px;
	z-index:1;
}
.index03-miryoku05 {
	float:left;
	position: relative;
	margin:30px 0 0 0;
	width:205px;
	z-index:1;
}
.index03-miryoku-title {
	position: relative;
	margin:0 0 0 20px;
	z-index:100;
}
.index03-miryoku-text {
	position: relative;
	margin:-24px 0 0 0;
	padding:34px 20px;
	z-index:10;
	color: #555;
	background-color: rgba(255,255,255,0.8);
	width:253.333333px;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
    height: 265px;
}
.index03-miryoku-text2 {
	position: relative;
	margin:-24px 0 0 0;
	padding:34px 20px;
	z-index:10;
	color: #555;
	background-color: rgba(255,255,255,0.8);
	width:165px;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
    height: 251px;
}
.index03-miryoku-text .fa-check {
	color:#FF7272;
}
.index03-miryoku-text img, .index03-miryoku-text2 img {
	margin-bottom:1em;
	max-width:100%;
	height:auto;
}

/* 固定ページ共通
----------------------------------*/
.page_header {
	width: 100%;
	margin: 0 auto;
	position: relative;
	height:400px;
}
.page_header_inner {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.page_header_title {
	width: 160px;
	float: left;
	text-align: center;
	vertical-align: middle;
	height: 400px;
}
.page_header_pic {
	width: 600px;
	float: right;
	height: 400px;
}
#contents {
	width: 1000px;
	color:#333;
	margin: 20px 0 0 0;
	overflow: hidden;
}
#contents p {
	line-height:26px;
}
#contents_left {
	width: 740px;
	float: left;
}
#contents_right {
	width: 600px;
	float: right;
}
#tour_left {
	width: 540px;
	float: left;
	overflow: hidden;
}
#tour_right {
	width: 400px;
	margin-left:60px;
	float: left;
	overflow: hidden;
}
.h2_title {
	line-height:56px;
}
.h2_boat {
	float:right;
	vertical-align: bottom;
}
.heightLine-group2 h3 {
	clear:both;
}
h3#tour_info_h3 {
	margin-bottom: 1em;
}
#contents_left h2, .contents_inner h2 {
	margin-bottom: 30px;
}
.contents_inner h3 {
	margin:20px 0 0;
}
.contents_inner li, .contents_back li {
	margin-bottom:0.5em;
}
h2#info {
	margin-bottom: 0.8em;
}
.contents_pic {
	margin:20px 0 ;
}
.contents_space {
	margin-top:70px;
}
#contents_left li {
	line-height:26px;
}
.contents_inner {
	margin:70px 0 ;
	padding:50px 70px;
	width: 860px;
	color:#555;
	background: #fff;
	overflow: hidden;
}
.contents_inner #contents_left {
	width: 600px;
}
.contents_left_dashed {
	border-style: dashed;
	border-width: 1px;
	border-color: #FF8040;
	margin-bottom:1em;
	opacity:0.7; 
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
.contents_h2_dashed {
	border-style: dashed;
	border-width: 1px;
	border-color: #AAA;
	margin:1.5em 0 1.5em;
	opacity:0.7; 
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
.contents_inner table {
	font-size: 13px;
	font-family: "ＭＳゴシック",sans-serif;
	line-height: 20px;
	border:0;
}
.contents_inner table th {
	text-align:right;
	font-weight:normal;
	padding-right:20px;
}
#contents_top {
	display:table;
	width: 1000px;
	margin:46px 0 66px;
}
.tour_img {
	display:table-cell;
	vertical-align: middle;
	text-align:right;
}
.info_img {
	display:table-cell;
	vertical-align: middle;
	text-align:right;
}
.tour-topic {
	margin:1em 0;
}
.contents_season {
	margin:3em 0 1em;
	padding:20px 25px;
	width: 490px;
	color:#555;
	background: #fff;
}
.contents_season img {
	margin-bottom:1em;
}
table.tour_info th {
	vertical-align: top;
	line-height:30px;
}
table.tour_info th {
	border-right:2px #FF9226 dotted;
	margin-bottom:1em;
}
table.tour_info td {
	padding-left: 20px;
}
#info_base {
	display:table;
	width: 860px;
	margin:0;
}
.contents_sab {
	display: table;
	width: 1000px;
	margin: 80px 0 0;
}
.contents_sab2 {
	width: 1000px;
	margin: 0 0 80px;
	overflow: hidden;
}
.contents_sab3 {
	width: 1000px;
	margin: 0;
	overflow: hidden;
}
.contents_img_1000 {
	margin: 60px 0 0;
}

/* ランチ
----------------------------------*/
.topix_img {
	display:table-cell;
	vertical-align: top;
	padding-right:40px;
	text-align: left;
}
.topix_img2 {
	display:table-cell;
	vertical-align: top;
	padding-right:40px;
	text-align: left;
}
.topix_img2 h3 {
	margin-bottom:1.5em;
}
.topix_img3 {
	display:table-cell;
	vertical-align: top;
	margin:0;
	text-align: left;
}
.contents_back {
	margin: 1em 0 1em;
	padding: 10px 20px;
	color: #555;
	background: #fff;
	overflow: hidden;
}
.topix_info {
	margin: 3em 0;
	float:right;
	width:785px;
	clear: both;
}
.topix_info p {
	margin-bottom: 26px;
}
.topix_info_left {
	float:left;
	padding: 25px 0 25px 20px;
}
.topix_info_right {
	float:left;
	padding: 25px 20px;
}
.topix_info p.p_last {
margin-bottom: 0;
}

/* スケジュール
----------------------------------*/
.schedule00 {
	background: #FFF;
    border: 1px dashed #ccc;
    padding: 1em 1em;
    font-size: 14px;
}
.schedule00 ul {
	line-height: 24px;
}
#schedule_base_pinaisara {
	clear:both;
	width:1000px;
	height:1050px;
	margin:50px auto;
	overflow: hidden;
	position: relative;
	background: url(img/page-tour-pinaisara_schedule.png) no-repeat top center;
}
#schedule_base_yutsun_caving {
	clear:both;
	width:1000px;
	height:700px;
	margin:50px auto;
	overflow: hidden;
	position: relative;
	background: url(img/page-tour-yutsun_caving_schedule.png) no-repeat top center;
}
#schedule_base_canoe_cany {
	clear:both;
	width:1000px;
	height:1050px;
	margin:50px auto;
	overflow: hidden;
	position: relative;
	background: url(img/page-tour-canoe_cany_schedule.png) no-repeat top center;
}
#schedule_base_canoe_yubu {
	clear:both;
	width:1000px;
	height:1050px;
	margin:50px auto;
	overflow: hidden;
	position: relative;
	background: url(img/page-tour-canoe_yubu_schedule.png) no-repeat top center;
}
#schedule_base_taki_family {
	clear:both;
	width:1000px;
	height:1050px;
	margin:50px auto;
	overflow: hidden;
	position: relative;
	background: url(img/page-tour-taki_family_schedule.png) no-repeat top center;
}
#schedule_base_taki_family2019 {
	clear:both;
	width:1000px;
	height:1500px;
	margin:50px auto;
	overflow: hidden;
	position: relative;
	background: url(img/page-tour-taki_family_schedule201901.png) no-repeat top center;
}
#schedule_base_canoe_short {
	clear:both;
	width:1000px;
	height:700px;
	margin:50px auto;
	overflow: hidden;
	position: relative;
	background: url(img/page-tour-canoe_short_schedule.png) no-repeat top center;
}
#schedule_base_short_kura {
	clear:both;
	width:1000px;
	height:700px;
	margin:50px auto;
	overflow: hidden;
	position: relative;
	background: url(img/page-tour-short_kura_schedule.png) no-repeat top center;
}
#schedule_base_short_mangrove_canoe {
	clear:both;
	width:1000px;
	height:700px;
	margin:50px auto;
	overflow: hidden;
	position: relative;
	background: url(img/page-tour-short_mangrove_canoe_schedule.png) no-repeat top center;
}
#schedule_base_short_caving {
	clear:both;
	width:1000px;
	height:700px;
	margin:50px auto;
	overflow: hidden;
	position: relative;
	background: url(img/page-tour-short_caving_schedule.png) no-repeat top center;
}
#schedule_base_collabo_ver01 {
	clear:both;
	width:1000px;
	height:1400px;
	margin:50px auto;
	overflow: hidden;
	position: relative;
	background: url(img/page-tour-collabo_ver01_schedule.png) no-repeat top center;
}
.schedule_01, .schedule_02, .schedule_03, .schedule_04, .schedule_05, .schedule_06, .schedule_07, .schedule_08, .schedule_09 , .schedule_10, .schedule_11, .schedule_12, .schedule_13, .schedule_14, .schedule_15{
	position: absolute;
	width:200px;
	overflow: hidden;
}
.schedule_01 {
	top:242px;
	left:0;
}
.schedule_02 {
	top:242px;
	left:267px;
}
.schedule_03 {
	top:242px;
	left:532px;
}
.schedule_04 {
	top:242px;
	left:800px;
}
.schedule_05 {
	top:610px;
	left:800px;
}
.schedule_06 {
	top:610px;
	left:532px;
}
.schedule_07 {
	top:610px;
	left:267px;
}
.schedule_08 {
	top:610px;
	left:0;
}
.schedule_09 {
	top:972px;
	left:0;
}
.schedule_10 {
	top:972px;
	left:267px;
}
.schedule_11 {
	top:972px;
	left:532px;
}
.schedule_12 {
	top:972px;
	left:800px;
}
.schedule_13 {
	top:1340px;
	left:800px;
}
.schedule_14 {
	top:1340px;
	left:532px;
}
.schedule_15 {
	top:1340px;
	left:267px;
}

/* SunnyDayについて
----------------------------------*/
.page_information_bg {
	background: #fff url(img/page_information_bg.jpg) no-repeat center bottom;
}

/* ピナイサーラの滝・滝上滝つぼ カヌー＆トレッキング
----------------------------------*/
.page-tour-pinaisara-bg {
	background: #fff url(img/page-tour-pinaisara-bg.jpg) no-repeat center bottom;
}

/* マングローブカヌー＆キャニオニング体験
----------------------------------*/
.page-tour-canoe_cany-bg {
	background: #fff url(img/page-tour-canoe_cany-bg.jpg) no-repeat center bottom;
}

/* マングローブカヌー＆由布島水牛車観光
----------------------------------*/
.page-tour-canoe_yubu-bg {
	background: #fff url(img/page-tour-canoe_yubu-bg.jpg) no-repeat center bottom;
}

/* マングローブカヌーショートコース
----------------------------------*/
.page-tour-canoe_short-bg {
	background: #fff url(img/page-tour-canoe_short-bg.jpg) no-repeat center bottom;
}

/* ユツンの滝ジャングルトレッキング＆ケイビング
----------------------------------*/
.page-tour-yutsun_caving-bg {
	background: #fff url(img/page-tour-yutsun_caving-bg.jpg) no-repeat center bottom;
}

/* マングローブカヌー＆滝遊びファミリーツアー
----------------------------------*/
.page-tour-taki_family-bg {
	background: #fff url(img/page-tour-taki_family-bg.jpg) no-repeat center bottom;
}

/* マングローブカヌー＆滝遊びファミリーツアー2019
----------------------------------*/
.page-tour-taki_family-bg2019 {
	background: #fff url(img/page-tour-taki_family-bg2019.jpg) no-repeat center bottom;
}

/* お手軽クーラの滝カヌー&トレッキング体験
----------------------------------*/
.page-tour-short_kura-bg {
	background: #fff url(img/page-tour-short_kura-bg.jpg) no-repeat center bottom;
}

/* 漕ぐだけ「マングローブカヌー体験」
----------------------------------*/
.page-tour-short_mangrove_canoe-bg {
	background: #fff url(img/page-tour-short_mangrove_canoe-bg.jpg) no-repeat center bottom;
}

/* 洞窟探検
----------------------------------*/
.page-tour-short_caving-bg {
	background: #fff url(img/page-tour-short_caving-bg.jpg) no-repeat center bottom;
}

/* お手軽クーラの滝マングローブカヌーとサンゴのバラス島シュノーケリングツアー
----------------------------------*/
.page-tour-collabo_ver01-bg {
	background: #fff url(img/page-tour-collabo_ver01-bg.jpg) no-repeat center bottom;
}

/* ランチ
----------------------------------*/
.page-lunch-bg {
	background: #fff url(img/page-lunch-bg.jpg) no-repeat center bottom;
}
.lunch_info_left {
	float: left;
	margin: 25px 15px 25px 20px;
}
.lunch_info_right{
	float: left;
	margin: 25px 20px;
	padding-left:25px;
	border-left:2px dotted #FF9226;
}

/* レンタル装備
----------------------------------*/
.page-rental-bg {
	background: #fff url(img/page-rental-bg.jpg) no-repeat center bottom;
}

/* 写真プレゼント
----------------------------------*/
.page-picture-bg {
	background: #fff url(img/page-picture-bg.jpg) no-repeat center bottom;
}

/* アクセス
----------------------------------*/
.page-access-bg {
	background: #fff url(img/page_access_bg.jpg) no-repeat center bottom;
}
.white_back {
	margin:70px 0;
	padding: 30px 35px;
	color: #555;
	background: #fff;
	overflow: hidden;
}
.access_left {
	float:left;
	width:424px;
	margin: 15px 28px 30px 0;
	padding: 20px 25px;
	overflow: hidden;
	border:1px dashed #777;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.access_right {
	float:left;
	width:424px;
	margin: 15px 0 30px 0;
	padding: 20px 25px;
	overflow: hidden;
	border:1px dashed #777;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.topix_p p {
	margin-left:15px;
}
.topix_last {
	margin-bottom:50px;
}
.topix_01 {
	display:table-cell;
	vertical-align: top;
	padding-right:40px;
	text-align: left;
	width:175px;
}
.topix_02 {
	display:table-cell;
	vertical-align: top;
	padding-right:40px;
	text-align: left;
	width:745px;
}
.topix_03 {
	display:table-cell;
	vertical-align: top;
	padding-left:40px;
	text-align: left;
	width:745px;
}
.topix_02 h3 {
	margin-bottom:20px;
}

/* よくある質問
----------------------------------*/
.page-faq-bg {
	background: #fff url(img/page-faq-bg.jpg) no-repeat center bottom;
}
.faq_ul dt {
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:0.5em;
	color:#007EA8;
}
.faq_ul dd {
	margin-left:2.2em;
	margin-bottom:3em;
}
.faq_phone {
	float:right;
	font-size:3em;
	color:#00A3D9;
}
.faq_mail {
	float:right;
	font-weight:bold;
	font-size:2em;
	color:#00A3D9;
}
.faq_mail a {
	color:#00A3D9;
	text-decoration:none;
}
.faq_mail  a:hover{
	color: #E88159;
}

/* ツアーご参加の方へ
----------------------------------*/
.page-welcome-bg {
	background: #fff url(img/page_welcome_bg.jpg) no-repeat center bottom;
}
.wear_ul {
	margin-left:1em;
}
.wear_ul li {
	margin-bottom:1em;
}

.caution_ul dt {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.5em;
	color:#FF6262;
}
.caution_ul dd {
	margin-left:2.2em;
	margin-bottom:1.5em;
}

.discontinuation_ul dt {
	font-size:1.1em;
	margin-bottom:1.5em;
	color:#333;
}
.discontinuation_ul li {
	font-size:1.1em;
	margin-bottom:1.5em;
	color:#333;
}
.discontinuation_ul dd {
	margin-left:2.2em;
	margin-bottom:1.5em;
}
.welcome_tel {
	line-height:2em;
	font-size: 2em;
	color: #00A3D9;
}

/* お問い合わせフォーム
----------------------------------*/
.page-contact-bg {
	background: #fff url(img/page-contact-bg.jpg) no-repeat center bottom;
}
table.formTable {
	border:#AAA;
}
.formTable h4 {
	text-align:right;
	font-weight:normal;
	font-size:14px;
	margin:0 2em 1em 0;
	vertical-align: top;
}
.formTable th {
	text-align:right;
	font-weight:normal;
	font-size:1em;
	margin:0 2em 1em 0;
	padding-top:0.2em;
	vertical-align: top;
}
.formTable td {
	text-align:left;
	font-weight:normal;
	font-size:1em;
	padding-bottom:2em;
	vertical-align: top;
	line-height:28px;
	font-size:14px;
}
.formTable .hisu {
	font-size:0.7em;
	color:#FF7373;
	display:block;
	margin-top:0.5em;
}
.mail_thanks {
	font-size:4em;
	font-weight:bold;
	color:#FF4C4C;
}
.contact_01 {
	display:table-cell;
	vertical-align: top;
	padding-right:40px;
	text-align: left;
	width:745px;
}
.contact_02 {
	display:table-cell;
	vertical-align: top;
	text-align: left;
	width:175px;
}
.contact_phone {
	font-size:3em;
	color:#00A3D9;
}


/* フォーム
----------------------------------*/
select, .text, textarea, input {
border: 1px solid #999;
padding:3px 5px;
color: #555;
font-size: 12px;
background: #fff;
border-radius: 5px;
background: -webkit-gradient(
 linear,
 left top,
 left bottom,
 from(#eee),
 to(#fff)
 );
-webkit-border-radius: 5px;
background: -moz-linear-gradient(
 top,
 #eee,
 #fff
 );
-moz-border-radius: 5px;
filter: progid:DXImageTransform.Microsoft.gradient
 (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
zoom: 1;
}


/* 予約・申し込み
----------------------------------*/
.page-reserve-bg {
	background: #fff url(img/page_reserve_bg.jpg) no-repeat center bottom;
}
.reserve_back {
	margin: 2em 0 2em;
	padding: 60px 70px;
	color: #555;
	border:#BBB dotted 1px;
	overflow: hidden;
	background:#FFF;
}
.reserve_back p {
	line-height:26px;
}


/* formWrap
----------------------------------*/
h3.container_menu_hed {
	font-size: 18px;
	font-weight: bold;
	color: #FF9226;
	line-height: 25px;
	margin-bottom: 20px;
	border-bottom: #FF9226 dotted 2px;
	padding : 5px 10px 5px 2px;
}
#formWrap {
	width:100%;
	margin:0 auto;
	line-height:120%;
	font-size:100%;
}
table.formReserve{
	width:100%;
	margin:0 auto 30px;
	border-collapse:collapse;
}
table.formReserve td,table.formReserve th{
	padding:15px 10px;
}
table.formReserve th{
	width:30%;
	color:#777;
	text-align:right;
	vertical-align:top;
	font-size:85%;
}
table.formReserve td{
	vertical-align:top;
	font-size:80%;
	line-height:30px;
}
.formReserve .hisu {
	font-size:0.7em;
	color:#FF7373;
	display:block;
	margin-top:0.5em;
	margin-left:2em;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
#formWrap h4 {
	font-size:16px;
	font-weight:bold;
}
#formWrap td.form_head {
	background: #555;
	color: #FFF;
}
#formWrap span.hisu {
	font-size:8px;
	color:#FF0000;
	margin-top:5px;
	margin-left:2em;
	display: block;
}

#formWrap h3.container_menu_hed {
	font-size: 16px;
	color: #5F4A39;
	line-height: 25px;
	margin: 30px 0 5px;
	border-bottom: none;
}
#formWrap span.top {
	line-height: 17px;
	margin-top:10px;
	display: block;
}
.mw_wp_form .red {
	font-size: 95%;
	line-height: 17px;
}
.mw_wp_form h4 .blue {
	color:#00A3D9;
}
.mw_wp_form .blue a {
	color:#00A3D9;
	text-decoration: none;
}
.mw_wp_form .blue a:hover {
	color: #E88159;
}
#formWrap input {
	margin:3px 0;
}
#formWrap label {
	margin:0 5px;
}
#formWrap #reserve-warning {
	border:2px dotted #D32A00;
	padding : 5px 20px 25px;
}
#formWrap #bank{
	width:300px;
	border:1px dotted #AAA;
	padding : 8px 25px 8px;
	margin:10px 0 2em 2em;
	text-align:center;
}
#formWrap h4 {
	font-size: 15px;
	color: red;
	line-height: 20px;
	margin: 25px 0 0;
	border-bottom: none;
}
table.warningTable{
	width:500px;
	margin:10px 0 1em 2em;
	border-collapse:collapse;
}
table.warningTable td,table.warningTable th{
	border:1px dotted #8C4600;
	padding:10px;
	text-align:center;
}
table.warningTable th{
	width:30%;
	font-weight:normal;
	background:#EEE;
	color:#333;
	vertical-align:top;
}
table.warningTable td{
	background:#F6F6F6;
}
#formWrap p {
	margin:0.7em 25px 0;
}
#formWrap .consent {
	width:830px;
	margin : 20px auto;
	text-align:center;
}
#reserve-warning {
	padding:30px 35px 5px;
	margin-bottom:30px;
	overflow: hidden;
}
#reserve-warning h4 {
	font-size:1.3em;
	color: #666;
	padding:0 0 0.5em 1em;
}
#reserve-warning p {
	padding:0 0 1em 3em;
}
.reserve_hedspace {
	margin-top:15px;
}

/* スタッフ募集
----------------------------------*/
.page-recruit-bg {
	background: #fff url(img/page-recruit-bg.jpg) no-repeat center bottom;
}

/* ツアーメニュー
----------------------------------*/
.page-tour-bg {
	background: #fff url(img/page-tour-bg.jpg) no-repeat center bottom;
}
.contents_tour_menu {
	display: table;
	width: 1000px;
	margin: 50px 0 0;
}
#tour_menu h3 {
	font-size:1.4em;
	font-weight:bold;
	line-height:2.2em;
	margin-bottom:15px;
	border-bottom:2px dotted #BBB;
}
#tour_menu h3 a {
	color:#333;
	text-decoration:none;
}
#tour_menu span{
	font-size:14px;
	float:right;
}
#tour_menu .right {
	font-size:12px;
	line-height:26px;
	margin-top:12px;
	padding:0 15px;
	font-weight:normal;
}
#tour_menu h3 a:hover, #tour_menu .right a:hover{
	color: #FF8040;
}
.tour_menu_left {
	display: table-cell;
	vertical-align: top;
	padding-top: 10px;
	width: 230px;
}
.tour_course_right {
	display: table-cell;
	vertical-align: top;
	padding-left: 40px;
	text-align: left;
	width: 730px;
}
.tour_menu_left {
	display: table-cell;
	vertical-align: top;
	padding-left: 40px;
	text-align: left;
	width: 730px;
}
.tour_course_right {
	display: table-cell;
	vertical-align: top;
	padding-top: 10px;
	width: 230px;
}
#tour_menu p {
	margin:0 33px 10px;
}
table#tour_course {
	width:100%;
	margin:0 auto 30px;
	border-collapse:collapse;
}
table#tour_course th {
	padding:7px 0 7px 0;
	border-spacing: 0;
	border: 2px solid #EEE;
	line-height: 20px;
	font-size:14px;
	font-weight:normal;
	white-space: nowrap;
	background:#FFFFD7;
}
table#tour_course td {
	padding:7px 0 7px 0;
	border-spacing: 0;
	border: 2px solid #EEE;
	line-height: 20px;
	font-size:14px;
	font-weight:normal;
	background:#FFFFFB;
	vertical-align: top;
	text-align: center;
}
table#tour_course th.kikan {
	width:110px;
}
table#tour_course th.price {
	width:180px;
}
table#tour_course td.naiyou {
	padding:7px 0 7px 30px;
	text-align: left;
	width:194px;
}
/* お知らせ
----------------------------------*/
.page-news-bg {
	background: #fff url(img/page-news-bg.jpg) no-repeat center bottom;
}


/* ブログ
----------------------------------*/
.page-blog-bg {
	background: #fff url(img/page-blog-bg.jpg) no-repeat center bottom;
}
#blog_base {
	float:left;
	width:740px;
}
h4.pagetitle {
	color:#FF7F3F;
	font-size:2em;
	margin-top:20px;
	margin-bottom:20px;
	font-weight:bold;
}
#blog_side {
	float:right;
	width:240px;
}
.box_blog_page {
	width:620px;
	background:#FFF;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding:30px 40px 30px;
	margin:50px 0 50px;
	overflow: hidden;
}
.box_blog_page img {
	max-width: 100%;
}
h2.blog_h2 {
	line-height:34px;
	margin:0 0 10px;
	border-bottom:#BBB 1px dotted;
	color:#FF7373;
}
h2.blog_h2 a {
	text-decoration: none;
	color:#FF7373;
}
h2 .date {
	float:right;
	font-size:14px;
	font-weight:normal;
	color:#999;
}
#blog_category {
	float:right;
}
.box_blog {
	margin:30px 0 10px;
}
.box_comment {
	float:right;
}

/* ブログ side
----------------------------------*/
#side {
	margin-top:60px;
}

.widget_newpostcatch h3 {
	clear:both;
	margin-top:40px;
	margin-bottom:20px;
	font-size:15px;
	border-bottom:#BBB 2px dotted;
	line-height: 26px;
	font-weight:bold;
	color:#555;
}
.widget_categories h3, .widget_archive h3, .widget_extended-categories h3, #side_blog_archive h3 {
	clear:both;
	padding-top:60px;
	margin-bottom:20px;
	font-size:15px;
	border-bottom:#BBB 2px dotted;
	line-height: 26px;
	font-weight:bold;
	color:#555;
}
#npcatch li {
	clear:both;
}
#npcatch img {
	clear:both;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	height: 40px;
	width: 50px;
	border:2px solid #FFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#npcatch .date {
	margin: 0;
	padding-top: 2px;
	color: #777;
	font-size: 11px;
	line-height: 11px;
	display:block;
}
#npcatch .title a {
	text-decoration: none;
}
#npcatch .title {
	font-size: 12px;
	line-height: 15px;
	margin-top:-2px;
}
.widget_listcategorypostswidget {
	display:none;
}
hr.hr_kome {
	clear:both;
	border:1px #BBB dotted;
	margin-top:30px;
	margin-bottom:30px;
}
.box_blog h5 {
	font-size:20px;
	border-bottom:2px #BBB dotted;
	line-height:30px;
	margin-top:50px;
	margin-bottom:30px;
}
#next {
	text-align:center;
}

/* ブログ 追加　WordPress用
----------------------------------*/
.aligncenter {
	display:block;
	text-align:center;
	margin:0 auto 1em;
}
.alignleft {
	float:left;
	margin-bottom:1em;
	margin-right:1em;
}
.alignright {
	float:right;
	margin-bottom:1em;
	margin-left:1em;
}
.alignnone {
	display:block;
	text-align:center;
	margin:0 auto 1em;
}
.wp-caption {
	background-color: #eee;
	padding: 10px 0;
	margin-bottom:1em;
}
.wp-caption-text {
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
}

/* スタッフ募集
----------------------------------*/
.recruit_left {
	clear:both;
	float:left;
	width:100px;
	margin-bottom:20px;
}
.recruit_right {
	float:left;
	padding:0 20px;
	width:720px;
	margin-bottom:20px;
}

/* リンク集
----------------------------------*/
.page-link-bg {
	background: #fff url(img/page_link_bg.jpg) no-repeat center bottom;
}
h3.h3_link {
	font-size:1.2em;
	font-weight:bold;
	margin:2em 0 1em 0;
}
.link_dl dt a{
	color:#007FFF;
}
.link_dl dt a:hover{
	color: #E88159;
}
.link_dl dt {
	margin-left:1.3em;
}
.link_dl dd {
	margin:0 0 1em 1.3em;
}

/* ツアーメニュー追加
----------------------------------*/
#tour_menu {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.2em;
	margin-bottom: 15px;
	border-bottom: 2px dotted #BBB;
}
#tour_menu a {
	color: #F07800;
	text-decoration: none;
}
#tour_menu a:hover{
	color: #333;
	text-decoration: underline;
}
.tour_course_text {
	padding:0 1em;
	float:right;
	width:700px;
}
.tour_course_image {
	float:left;
	padding:0 10px 0 0;
}
.tour_course_syousai_left {
	margin-left:0.5em;
	width:30px;
	float:left;
	text-align:center;
	clear:both;
}
.tour_course_syousai_center {
	width:80px;
	float:left;
	text-align:right;
	padding:4px 10px;
	background:#FFF8E1;
	border-bottom:1px dashed #DDD;
}
.tour_course_syousai_right {
	width:450px;
	float:left;
	padding:4px 10px;
	background:#FFFDF4;
	border-bottom:1px dashed #DDD;
}
.tour_syousai {
	clear:both;
	font-size: 13px;
	line-height: 26px;
	margin: 0 0 0 1em;
	padding-top: 1em;
	font-weight: bold;
	float:right;
}

.tour_syousai a {
	color: #00A3D9;
}
.tour_syousai a:hover{
	color: #444;
	text-decoration: underline;
}
/* トップスタッフ募集バナー
----------------------------------*/
#top_banner700 {
	padding: 0;
	margin:20px 50px 0 0;
	float: right;
	width: 700px;
	overflow: hidden;
}

/* サニーデイについて　追加
----------------------------------*/
.info-skill {
	padding-top:1em;
}
.info-skill li {
	margin-bottom:1em;
}
.information_catch_pic {
	margin:20px 100px 0;
}
.contents_osusume {
	width:1000px;
	margin:0 auto;
	text-align:center;
	overflow: hidden;
}
.top_osusume {
	clear:both;
	margin:55px auto 0;
	width:900px;
}
.point_03 {
	margin:0 auto 20px;
	width:800px;
	height:150px;
	background: url(img/point_03.png) no-repeat;
	position:relative;
}
.point_03_text {
	position:absolute;
	left:330px;
	top:68px;
	font-size:25px;
	font-weight:bold;
}
.point_04 {
	margin:20px auto;
	width:800px;
	height:150px;
	background: url(img/point_04.png) no-repeat;
	position:relative;
}
.point_04_text {
	position:absolute;
	left:190px;
	top:34px;
	font-size:25px;
	font-weight:bold;
}
.point_05 {
	margin:20px auto;
	width:800px;
	height:150px;
	background: url(img/point_05.png) no-repeat;
	position:relative;
}
.point_05_text {
	position:absolute;
	left:330px;
	top:34px;
	font-size:25px;
	font-weight:bold;
}
.point_03 a, .point_04 a, .point_05 a {
	color:#00A3D8;
	text-decoration: none;
}
.point_03 a:hover, .point_04 a:hover, .point_05 a:hover {
	color: #E88159;
}

/* トップイチオシ　変更
----------------------------------*/
.index01-course_center {
	float:left;
	position: relative;
	margin:50px 40px 0;
	overflow: hidden;
	width:32px;
	text-align:center;
}
.index01-course_osusume {
	float: left;
	position: relative;
	margin: 120px 31px 0;
	overflow: hidden;
	width: 230px;
	height: 465px;
}
.index01-course_midashi {
	float: left;
	position: relative;
	margin: 115px 0 0;
	overflow: hidden;
	width: 40px;
}
.index01-course_midashi2 {
	float: left;
	position: relative;
	margin: 115px 0 0;
	overflow: hidden;
	width: 112px;
	text-align:right;
}
.index01-collabo_ver01 {
	margin:0 auto 0;
	padding-top:35px;
	width:800px;
	text-align:center;
	overflow: hidden;
}
.index01-collabo_ver01 img{
	margin-bottom:0.5em;
}
.index01-collabo_ver02 {
	margin:0 auto 0;
	padding:35px 0;
	width:1000px;
	height:400px;
	background-image:url(img/index01-taki_family_ver03.png);
	background-position:center;
	background-repeat: no-repeat;
	overflow: hidden;
	position:relative;
}
.index01-collabo_ver02 p.index01-collabo_ver02_txt01 {
	position:absolute;
    top: 205px;
    left: 410px;
    width: 230px;
}
.index01-collabo_ver02 p.index01-collabo_ver02_txt02 {
	position:absolute;
	top: 300px;
    left: 375px;
    width: 270px;
    text-align: center;
}
.index01-taki_family_ver02_img01 {
	position:absolute;
	top: 110px;
    left: 24px;
}
.index01-taki_family_ver02_img02 {
	position:absolute;
	top: 125px;
    left: 675px;
}

/* ツアーページ予約ボタン
----------------------------------*/
.tour_reserve_bottom {
	clear:both;
	width:100%;
	text-align:center;
	margin-top:1em;
}
/* ツアー写真
----------------------------------*/
.contents_tour-pic {
	overflow: hidden;
	width:1000px;
}
.contents_tour-pic h3 {
	margin-bottom:1em;
}
.contents_tour-pic table{
	width:100%;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	font-size:13px;
	text-align:center;
}
.contents_tour-pic table img{
	margin-bottom:0.5em;
}
.contents_tour-pic table tr.contents_tour-pic_first td{
	vertical-align:top;
}
.contents_tour-pic table tr.contents_tour-pic_second td{
	vertical-align:bottom;
}

/* スマホ
----------------------------------*/
.pc_none {
	display:none;
}
#tour_menu span.sp_tour_menu_title {
	float:none;
	font-size:1.1em;
}
#tour_menu span.sp_tour_menu_title2 {
	float:none;
	font-size:1.1em;
}
.lunch_info_left i {
	margin-right:0.5em;
}

/* 追加・変更
----------------------------------*/
.goto_coupon p {
	margin-bottom:5px;
}
.sp_contact {
	margin-top:60px;
}
.sp_reserve_waku {
	margin:0 0 2em;
}
#index_short_bg {
	padding:90px 0 0;
	text-align:center;
	overflow: hidden;
	margin:0 auto;
	display: flex;
    justify-content: space-around;
}
.index_short_comment01 {
	float:left;
	width:100px;
	padding-top:10px;
}
.index_short_comment02 {
	float:left;
	width:250px;
	text-align:right;
	padding-top:10px;
}
.index_short_comment03 {
	float:left;
	width:100px;
	text-align:right;
	padding-top:10px;
}
.index_short_menu {
	float:left;
	background-color:rgba(255,255,255,0.9);
	border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
	text-align:center;
	    padding: 0 20px 20px;
}
.index_short_menu h4 {
	margin-top:-37px;
	margin-bottom:20px;
}
.index_short_menu img {
	display:inline-block;
	margin:0 22px;
}
.omsb {
	clear:both;
	margin:2em auto 0;
	border: 1px dashed #ff0202;
	background-color:#fff7f7;
	overflow: hidden;
	padding: 0 30px 10px;
	border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;
	width: 630px;
}
.omsb h3 {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN",Century Gothic;
font-size: 24px;
line-height: 1.4em;
color:#ff0202;
font-weight:800;
text-align:center;
margin-bottom:10px;
}
.omsb img{
width:180px;
height:auto;
}
.mw_wp_form .error {
    font-size: 93%;
    color: #ffffff!important;
    display: inline-block!important;
    background: red!important;
    padding: 1px 5px;
    margin: 1px;
    line-height: 20px!important;
	-webkit-animation: blink 1s ease infinite;
	animation: blink 1s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.top_blog_box3 #sbi_mod_error {
	display:none !important;
}