@charset "UTF-8";
/*
Theme Name: FieldDay
Description:FieldDayのホームページ
Theme URI: http://advista.heteml.jp/wp/
Author: FieldDay
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/
/* Default Style Reset --------------------------------------------------------------------------------------------------------- */
body,form,fieldset{margin: 0px;padding: 0px;}
fieldset {border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;}
blockquote,li,dt,dd{}
li {list-style:none;}
input,textarea {font-size: 1em;}
img{border: 0px none;margin: 0;padding: 0;vertical-align: bottom;}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/* Tag Castam ----------------------------------------------------------------------------------------------------------------- */
body {font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 80%;line-height: 150%;background-color: #FFF;color: #000;}
em {font-weight: normal;font-style: normal;}
strong {}
a {text-decoration: none;color: #000;}
a:link {}
a:hover {text-decoration: none;}
a:visited {}
a:active {}
input,textarea {margin: 3px;padding: 2px;}
::selection {background: #92fff6;}
::-moz-selection {background: #92fff6;}
.left {float: left;}
.right {float: right;}
.container {width: 980px;height: auto;margin: 0 auto;padding: 0 0 50px 0;display: block;}
.container:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.blocklink {cursor: pointer;}
.blocklink:hover {filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.pd_top {padding: 50px 0 0 0;}
/* Home ----------------------------------------------------------------------------------------------------------------------- */
/* header --------------------------------------------------------------------------------------------------------------------- */
/* [コンテンツページ] --------------------------------------------------------------------------------------------- */
.contents #header {width: 980px;height: auto;margin: 0 auto;padding: 0 0 20px;display: block;}
.contents #header:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.contents #header .btn {width: 100%;height: 18px;margin: 0 0 10px;padding: 0;display: block;}
.contents #header .btn li {width: 80px;height: 18px;margin: 0 0 0 2px;float: right;background-color: #FFF;text-align: center;font-size: 12px;}
.contents #header .btn li a {width: 80px;height: 18px;display: block;color: #FFF;text-decoration: none;}
.contents #header .btn li a:hover{filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
.contents #header .btn1 a {background-color: #34cdff;}
.contents #header .btn2 a {background-color: #0fcebe;}
/* id */
.contents #id {width: 222px;height: 50px;margin: 0;padding: 0;display: block;float: left;}
.contents #id h1 {}
/* nav */
.contents #nav {width: 660px;height: 50px;margin: 0;padding: 0;display: block;float: right;}
.contents #nav:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.contents #nav .menu {width: 660px;height: 50px;margin: 0 auto;display: block;}
.contents #nav .menu li {width: 100px;height: 50px;margin: 0 10px 0 0;padding: 0;display: inline;float: left;text-indent: -9999em;}
.contents #nav .menu li a {width: 100px;height: 50px;margin: 0 auto;padding: 0;display: block;}
.contents #nav .menu li a:hover {background-position: left -50px;}
/*Edit*/
.contents #nav .menu #menu-item-45 a {background-image: url(images/contents_nav1.jpg);}
.contents #nav .menu #menu-item-48 a {background-image: url(images/contents_nav2.jpg);}
.contents #nav .menu #menu-item-46 a {background-image: url(images/contents_nav3.jpg);}
.contents #nav .menu #menu-item-47 a {background-image: url(images/contents_nav4.jpg);}
.contents #nav .menu #menu-item-49 a {background-image: url(images/contents_nav5.jpg);}
.contents #nav .menu #menu-item-50 a {background-image: url(images/contents_nav6.jpg);}
/*Edit*/
/* --------------------------------------------------------------------------------------------------------------- */
/* footer -------------------------------------------------------------------------------------------------------- */
#footer {width: 100%;height: auto;margin: 0;padding: 40px 0 20px 0;display: block;text-align: center;}
#footer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#footer .container {width: 980px;height: auto;margin: 0 auto;display: block;}
#footer .container:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#footer small {font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-size: 10px;}
#foot_data {width: 100%;height: auto;margin: 0;padding: 0 0 30px 0;display: block;text-align: left;}
#foot_data:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#foot_data .foot_box {width: 980px;height: auto;margin: 0 auto;padding: 0 0 0 200px;display: block;}
#foot_data li {margin: 0 0 10px;}
#foot_data .tel {font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-size: 24px;}
#foot_data .tel span {font-size: 36px;font-weight: bold;}
#foot_data .fax {font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-size: 20px;font-weight: bold;}
#foot_id {margin: 0 40px 0 0;padding: 10px 0 20px;float: left;}
#foot_link {width: 100%;height: auto;margin: 0;padding: 30px 0 0 0;display: block;border-top: solid 1px #a9a9a9;}
#foot_link:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#foot_link .link {margin: 0 0 20px;font-size: 12px;}
#foot_link .link a {color: #000;}
#foot_link .link a:hover {text-decoration: underline;}
/* [トップページ] --------------------------------------------------------------------------------------------- */
#home #header {width: 100%;height: auto;margin: 0;padding: 0;display: block;clear: both;}
#home #header:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#home #header .box {width: 980px;height: auto;margin: 0 auto;padding: 0 0 20px;display: block;position: relative;}
#home #header .box:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#home #header .btn {width: 84px;height: 40px;margin: 0;padding: 0;display: block;position: absolute;top: 0;right: 0;}
#home #header .btn li {width: 40px;height: 40px;margin: 0 0 0 2px;float: right;background-color: #FFF;}
#home #header .btn li a {display: block;}
#home #header .btn li a:hover{filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
/* id */
#home #id {float: none;text-align: center;}
#home #id h1 {padding: 16px 0 0 0;font-size: 11px;}
#home #id h1 .text {display: block;}
#home #id h1 .pict {}
#home #id h1 a {}
/* nav */
#home #nav {width: 100%;height: auto;margin: 0;padding: 10px 0 0 0;display: block;border-top: solid 1px #bbbbbb;}
#home #nav:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#home #nav .menu {width: 980px;height: 60px;margin: 0 auto;display: block;}
#home #nav .menu li {width: 160px;height: 60px;margin: 0;padding: 0;display: inline;float: left;text-indent: -9999em;}
#home #nav .menu li a {width: 160px;height: 60px;margin: 0;padding: 0;display: block;}
#home #nav .menu li a:hover {background-position: left bottom;}
/*Edit*/
#home #nav .menu #menu-item-45 a {background-image: url(images/nav1.jpg);}
#home #nav .menu #menu-item-48 a {background-image: url(images/nav2.jpg);}
#home #nav .menu #menu-item-46 a {background-image: url(images/nav3.jpg);}
#home #nav .menu #menu-item-47 a {background-image: url(images/nav4.jpg);}
#home #nav .menu #menu-item-49 a {background-image: url(images/nav5.jpg);}
#home #nav .menu #menu-item-50 a {background-image: url(images/nav6.jpg);}
/*Edit*/
/*
*/
/* pagetop ------------------------------------------------------------------------------------------------------------------ */
#pagetop {position: fixed;bottom: 20px;right: 20px;}
/* Buzz */
@-webkit-keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.hvr-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
-webkit-animation-name: hvr-buzz;
animation-name: hvr-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/* [トップページコンテンツ] */
#home .container {padding: 0;}
/* image ------------------------------------------------------------------------------------------------------ */
#image {width: 100%;height: 650px;margin: 0;padding: 0;display: block;position: relative;}
#image:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#image .main1 {background-image: url(images/main1.jpg);background-size: cover;background-position: center bottom;background-repeat: no-repeat;}
#image .main2 {background-image: url(images/main2.jpg);background-size: cover;background-position: center bottom;background-repeat: no-repeat;}
#image .main3 {background-image: url(images/main3.jpg);background-size: cover;background-position: center bottom;background-repeat: no-repeat;}
#dots {width: 100%;height: 620px;margin: 0;padding: 0;background: url(images/main_dots.png) repeat;position: absolute;top: 0;left: 0;z-index: 100;}
#image .main_pict {position: absolute;right: 0;bottom: 0;z-index: 200;}
.single-item {width: 100%;height: 620px;}
.single-item li {width: 100%;height: 620px;}
.slick-prev,.slick-next{position: absolute;top: 50%;z-index: 200;cursor: pointer;background: none;border: none;}
#image .slick-next {width: 46px;height: 84px;margin: -42px 0 0 0;background-image: url(images/arrow_right.png);right: 25px;}
#image .slick-prev {width: 46px;height: 84px;margin: -42px 0 0 0;background-image: url(images/arrow_left.png);left: 25px;}
#dl_pict {width: 180px;height: 180px;margin: 0;padding: 0;display: block;position: absolute;top: 20px;right: 100px;z-index: 1000;text-indent: -9999em;}
#dl_pict a {width: 180px;height: 180px;display: block;background-image: url(images/pict_download.png);}
#dl_pict a:hover {background-position: right bottom;}
#image li p {width: 980px;height: 620px;margin: 0 auto;display: block;}
#image .main1 p {padding: 420px 0 0 0;}
#image .main2 p {padding: 310px 0 0 0;}
#image .main3 p {padding: 420px 0 0 0;}
/* topics */
#topics {width: 100%;height: 60px;margin: 0;padding: 0;display: block;background-color: #FFF;text-align: left;}
#topics:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#topics h2 {width: 140px;height: 40px;margin: 0 7px 0 0;display: block;float: left;}
#topics dl {width: 673px;height: 44px;margin: 0 7px 0 0;display: block;float: left;background-image: url(images/news_bg.gif);}
#topics dt {width: 122px;height: auto;margin: 0;padding: 12px 0 0 20px;display: block;float: left;
font-size: 16px;font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-weight: bold;}
#topics dd {width: 548px;height: 40px;font-size: 14px;padding: 11px 0 0 10px;float: right;}
#topics dd a {display: block;}
#topics dd a:hover {color: #0fcebe;}
#topics .btn {width: 153px;height: 44px;margin: 0;padding: 0;display: block;float: right;background-image: url(images/news_btn.gif);}
#topics .btn a {width: 148px;height: 38px;margin: 0;padding: 10px 0 0 10px;display: block;font-size: 14px;}
#topics .btn a:hover {color: #0fcebe;}
/* button1 */
#button1 {width: 100%;height: auto;margin: 0;padding: 50px 0;display: block;background-color: #76d9cd;}
#button1:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.multiple-items {width: 990px;height: auto;margin: 0 -10px 0 0;}
#button1 .slick-next {width: 36px;height: 37px;margin: -19px 0 0 0;background-image: url(images/arrow_right2.png);right: -70px;}
#button1 .slick-prev {width: 36px;height: 37px;margin: -19px 0 0 0;background-image: url(images/arrow_left2.png);left: -70px;}
#button1 .box {width: 320px;height: 370px;margin: 0 10px 0 0;padding: 24px 0 0 0;background-image: url(images/button1_bg.jpg);text-align: left;}
#button1 .box ul {width: 260px;height: auto;margin: auto;padding: 10px 0 0 0;}
#button1 .box h3 {margin: 0 0 10px;}
#button1 .box .text {margin: 0 0 10px;font-size: 14px;line-height: 140%;font-weight: bold;}
#button1 .box:hover,#button1 .box:focus{outline: none;}
/* button2 */
#button2 {width: 100%;height: 500px;margin: 0;padding: 0;display: block;}
#button2 .left_box {width: 50%;height: 500px;margin: 0;padding: 0;display: inline-block;float: left;}
#button2 .right_box {width: 50%;height: 500px;margin: 0;padding: 0;display: inline-block;float: right;}
#button2 .box {width: 50%;height: 250px;margin: 0;padding: 0;display: inline-block;float: left;}
#button2 .box ul {width: 100%;height: 100%;position: relative;left: 0;top: 0;}
#button2 .btn_name {position: absolute;left: 50%;top: 50%;}
#button2 .text {position: absolute;left: 10px;bottom: 10px;}
#fukidashi {position: absolute;left: 50%;top: 50%;margin: -190px 0 0 -250px;}
#btn1 {width: 100%;height: 100%;position: relative;background: url(images/button2_bg1.jpg) no-repeat center center;}
#btn1 .btn_name {margin: -47px 0 0 -135px;}
#btn2 {width: 100%;height: 100%;background: url(images/button2_bg2.jpg) no-repeat center center;}
#btn2 .btn_name {margin: -30px 0 0 -65px;}
#btn3 {width: 100%;height: 100%;background: url(images/button2_bg3.jpg) no-repeat center center;}
#btn3 .btn_name {margin: -30px 0 0 -60px;}
#btn4 {width: 100%;height: 100%;background: url(images/button2_bg4.jpg) no-repeat center center;}
#btn4 .btn_name {margin: -30px 0 0 -143px;}
#btn5 {width: 100%;height: 100%;background: url(images/button2_bg5.jpg) no-repeat center center;}
#btn5 .btn_name {margin: -30px 0 0 -112px;}
/* button3 */
#button3 {width: 100%;height: auto;margin: 0;padding: 10px;display: block;text-align: center;}
#button3:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#button3 li {width: 25%;height: 180px;margin: 0;display: inline;float: left;background-color: #FFF;border: solid 10px #FFF;}
#button3 li a {width: 100%;height: 100%;margin: 0;padding: 20px 0 0 0;display: block;text-decoration: none;color: #FFF;font-size: 14px;letter-spacing: 0.1em;}
#button3 li .text {display: block;}
#button3 .btn1 {background-color: #fc8ea6;}
#button3 .btn1:hover {background-color: #ff5f81;}
#button3 .btn2 {background-color: #fbbd37;}
#button3 .btn2:hover {background-color: #fbdd37;}
#button3 .btn3 {background-color: #f16464;}
#button3 .btn3:hover {background-color: #ff3d3d;}
#button3 .btn4 {background-color: #41ccf4;}
#button3 .btn4:hover {background-color: #41f4f2;}
/* sns */
#sns {width: 100%;height: auto;margin: 0 auto;padding: 60px 0 70px;display: block;background: url(images/sns_bg.gif) repeat;}
#sns:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#sns h2 {margin: 0 0 10px;}
#sns .container {padding: 0 0 0 40px;}
#Fb {width: 500px;height: auto;margin: 0 40px 0 0;display: block;float: left;}
#Fb:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#Fb .box {width: 100%;height: 500px;margin: 0;padding: 0;display: block;background-color: #FFF;}
#In {width: 900px;height: auto;margin: 0 0 0 0;display: block;float: left;}
/*#In {width: 360px;height: auto;margin: 0 0 0 0;display: block;float: left;}*/
#In:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#In .box {width: 100%;height: 500px;margin: 0;padding: 0;display: block;background-color: #FFF;overflow: auto;}
/* banner */
#banner {width: 100%;height: auto;margin: 0;padding: 50px 0;display: block;background-color: #76d9cd;}
#banner:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#banner p {width: 900px;height: 130px;margin: 0 auto 20px;background-color: #FFF;}
#banner p a {display: block;}
#banner p a:hover {filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
/* --------------------------------------------------------------------------------------------------------------- */
/* [コンテンツページ] -------------------------------------------------------------------------------------------- */
article #cont_head {width: 100%;height: 400px;margin: 0;display: block;text-align: center;}
article #cont_head h1 {width: 100%;height: 400px;padding: 140px 0 0 0;display: block;background: url(images/bg_dotted2.png) repeat;}
article #cont_head h1 span {display: inline-block;}
article #cont_head h1 .pict_h {margin: 0 auto;padding: 0;display: block;}
article #cont_head h1 .jp {padding: 5px 20px;font-size: 20px;letter-spacing: 3px;font-weight: bold;background-color: #FFF;color: #0fcebe;
border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
#guide article #cont_head {background-image: url(images/h2_guide.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
#rafting article #cont_head {background-image: url(images/h2_rafting.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}
#point article #cont_head {background-image: url(images/h2_rafting.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}
#access article #cont_head {background-image: url(images/h2_access.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
#tour article #cont_head {background-image: url(images/h2_tour.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}
#staff article #cont_head {background-image: url(images/h2_staff.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}
#reservation article #cont_head {background-image: url(images/h2_reservation.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}
#faq article #cont_head {background-image: url(images/h2_other.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
#contact article #cont_head {background-image: url(images/h2_other.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
#privacy article #cont_head {background-image: url(images/h2_other.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
#company article #cont_head {background-image: url(images/h2_other.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
#news article #cont_head {background-image: url(images/h2_other.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
/* cont_body */
#cont_body {width: 100%;height: auto;margin: 0;padding: 0;display: block;background-color: #FFF;color: #000;}
#cont_body:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#cont_body section {width: 100%;height: auto;margin: 0 auto;padding: 0 0 50px;display: block;border-bottom: solid 1px #000;}
#cont_body section:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#cont_body section h2 {margin: 0 0 60px;padding: 80px 0 0 0;font-size: 20px;letter-spacing: 3px;text-align: center;color: #34cdff;font-family: "Noto Sans Japanese";font-weight: 900;}
#cont_body section h2 span {padding: 10px 0 0 0;font-size: 14px;color: #b6b6b6;display: block;font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-weight: bold;}
#cont_body .bg2 h2 {color: #ff509e;}
#cont_body section h3 {width: 100%;height: auto;margin: 0 0 20px;padding: 6px 0 ;display: block;letter-spacing: 3px;font-size: 16px;color: #FFF;background-color: #7edad2;text-align: center;}
#cont_body .bg h3 {background-color: #FFF;color: #3fdfd1;}
#cont_body .bg2 h3 {background-color: #FFF;color: #ff8abe;}
#cont_body section h4 {margin: 0 0 20px;padding: 0 0 2px 16px;font-size: 18px;border-bottom: dashed 1px #999;color: #0fcebe;background:url(images/ico_h4.png) no-repeat left 9px;}
#cont_body article h2 {margin: 0 0 40px;padding: 40px 0 0 0;font-size: 30px;letter-spacing: 3px;text-align: left;color: #1170ff;font-family: "Noto Sans Japanese";font-weight: 700;}
#cont_body .container {width: 980px;height: auto;margin: 0 auto;display: block;}
#cont_body .container:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#cont_body .bg {background-color: #fff95e;}
#cont_body .bg2 {background-color: #ffd6e8;}
#cont_body .cont_box {width: 100%;height: auto;margin: 0 0 80px;display: block;}
#cont_body .cont_box:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#cont_body .text {margin: 0 0 20px;font-size: 15px;line-height: 200%;font-weight: bold;letter-spacing: 1px;}
#cont_body .text a {color: #2fd5ff;}
#cont_body .text a:hover {text-decoration: underline;}
#cont_body dl {margin: 0 0 30px;}
#cont_body dl:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#cont_body dt {width: 60%;height: auto;margin: 0 0 5px;padding: 5px 5px 5px 20px;display: block;background-color: #ddf7ff;float: left;}
#cont_body dd {width: 40%;height: auto;margin: 0 0 5px;padding: 3px;display: block;background-color: #FFF;float: right;text-align: center;color: #047ce2;border: solid 2px #ddf7ff;}
#cont_body .large {margin: 0 0 20px;font-size: 30px;color: #1170ff;font-family: "Noto Sans Japanese";font-weight: 900;line-height: 200%;}
#cont_body .middle {font-size: 18px;font-weight: bold;}
#cont_body .small {font-size: 13px;}
#cont_body .blue {color: #1170ff;}
#other #cont_body dd {padding: 3px 3px 3px 20px;text-align: left;}
/* [ラフティング] ------------------------------------------------------------------------------------------------ */
/* rafting */
#rafting .left {width: 360px;}
#rafting .right {width: 560px;}
#rafting .img {width: 540px;height: 360px;margin: 0;padding: 0;display: block;position: relative;z-index: 100;}
#rafting .img:after {content: "";width: 540px;height: 360px;display: block;background-color: #CCC;position: absolute;left: 20px;top: 20px;z-index: -1;
background: repeating-linear-gradient(-45deg,#FFFFFF,#FFFFFF 7px,#dcdcdc 7px,#dcdcdc 14px);}
#raf_pointt ul {width: 980px;height: auto;margin: 0 0 40px;display: block;}
#raf_pointt ul:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#raf_pointt li {width: 196px;height: auto;margin: 0;display: inline;float: left;}
#raf_pointt li:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#raf_pointt span {display: block;}
#raf_pointt .text {padding: 10px 0 0 10px;font-size: 16px;font-weight: bold;color: #FFF;
text-shadow:0px 3px 1px #000,0px 2px 1px #000,1px 2px 1px #000,2px 2px 1px #000,2px 1px 1px #000,2px 0px 1px #000,3px 0px 1px #000,2px -1px 1px #000,2px -2px 1px #000,
2px -3px 1px #000,1px -3px 1px #000,0px -3px 1px #000,-1px -3px 1px #000,-2px -3px 1px #000,-3px -3px 1px #000,-3px -2px 1px #000,-3px -1px 1px #000,-3px 0px 1px #000,
-3px 1px 1px #000,-3px 2px 1px #000,-2px 2px 1px #000,-1px 2px 1px #000;}
#raf_pointt .btn {width: 440px;height: 60px;margin: auto;display: block;background-color: #FFF;border: solid 4px #000;font-size: 16px;font-weight: bold;box-shadow: 5px 5px;}
#raf_pointt .btn a {width: 100%;height: 100%;padding: 15px 0 0 20px;display: block;background: url(images/rafting/arrow1.png) no-repeat right center;}
#raf_pointt .btn a:hover {background-color: #fff602;}
/* areamap */
#areamap .box {position: relative;}
#area1 {width: 980px;height: 830px;margin: 0;padding: 0;background-image: url(images/point/area1.jpg);}
#area2 {width: 980px;height: 830px;margin: 0;padding: 0;background-image: url(images/point/area2.jpg);}
#point1,#point2,#point3,#start1,#start2,#goal1{position: absolute;}
#point4,#point5,#goal2 {position: absolute;}
#start1 {right: 14px;top: 166px;}
#point1 {left: 9px;top: 9px;}
#point2 {right: 26px;top: 270px;}
#point3 {left: 9px;top: 390px;}
#goal1 {left: 86px;top: 690px;}
#start2 {right: 57px;top: 710px;}
#point4 {right:226px;top: 40px;}
#point5 {right:140px;top: 405px;}
#goal2 {left: 32px;top: 568px;}
#areamap .btn {width: 100px;height: 24px;margin: auto;padding: 1px 0 0 8px;display: block;background: url(images/point/arrow2.png) no-repeat right center #FFF;
border: solid 2px #000;box-shadow: 4px 4px;cursor: pointer;
font-size: 16px;font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-weight: bold;}
#areamap .btn:hover {background-color: #fff602;}
#areamap .text {margin: 0;padding: 0;line-height: 100%;}
/* start1 */
#start1 .contbox {width: 420px;height: 90px;display: block;position: relative;}
#start1 .pin {position: absolute;left: 0;bottom: 0;z-index: 100;}
#start1 .start {position: absolute;right: 0;bottom: 0;}
/* point1 */
#point1 .contbox {width: 470px;height: 310px;display: block;position: relative;}
#point1 .star {position: absolute;right: 0;bottom: 76px;z-index: 100;}
#point1 .point {width: 470px;height: 310px;position: absolute;left: 0;top: 0;background: url(images/point/point1_bg.png) no-repeat;}
#point1 .pict {width: 300px;height: 310px;margin: 0;padding: 198px 0 0;display: block;background: url(images/point/point1_pict.png) no-repeat;}
/*
#point1 .contbox {width: 470px;height: 310px;display: block;position: relative;}
#point1 .star {position: absolute;right: 0;bottom: 76px;z-index: 100;}
#point1 .point {position: absolute;left: 0;top: 0;}
*/
/* point2 */
#point2 .contbox {width: 482px;height: 310px;display: block;position: relative;}
#point2 .star {position: absolute;left: 0;top: 52px;z-index: 100;}
#point2 .point {width: 470px;height: 310px;padding: 0 10px 0 0;position: absolute;right: 0;top: 0;background: url(images/point/point2_bg.png) no-repeat top right;}
#point2 .pict {width: 300px;height: 310px;margin: 0;padding: 198px 0 0;display: block;background: url(images/point/point2_pict.png) no-repeat;float: right;}
/* point3 */
#point3 .contbox {width: 446px;height: 310px;display: block;position: relative;}
#point3 .star {position: absolute;right: 0;top: 78px;z-index: 100;}
#point3 .point {width: 446px;height: 310px;position: absolute;left: 0;top: 0;background: url(images/point/point3_bg.png) no-repeat;}
#point3 .pict {width: 300px;height: 310px;margin: 0;padding: 198px 0 0;display: block;background: url(images/point/point3_pict.png) no-repeat;}
/* goal1 */
#goal1 .contbox {width: 310;height: 100px;display: block;position: relative;}
#goal1 .flag {position: absolute;left: 240px;top: 0;}
#goal1 .goal {position: absolute;left: 0;bottom: 0;z-index: 100;}
/* start2 */
#start2 .contbox {width: 574px;height: 80px;display: block;position: relative;}
#start2 .pin {position: absolute;left: 0;bottom: 0;z-index: 100;}
#start2 .start {position: absolute;right: 0;bottom: 0;}
/* point4 */
#point4 .contbox {width: 582px;height: 310px;display: block;position: relative;}
#point4 .star {position: absolute;left: 0;top: 82px;z-index: 100;}
#point4 .point {width: 582px;height: 310px;position: absolute;right: 0;top: 0;background: url(images/point/point4_bg.png) no-repeat top right;}
#point4 .pict {width: 300px;height: 310px;margin: 0;padding: 198px 0 0;display: block;background: url(images/point/point4_pict.png) no-repeat;float: right;}
/* point5 */
#point5 .contbox {width: 622px;height: 310px;display: block;position: relative;}
#point5 .star {position: absolute;left: 0;top: 82px;z-index: 100;}
#point5 .point {width: 622px;height: 310px;position: absolute;right: 0;top: 0;background: url(images/point/point5_bg.png) no-repeat top right;}
#point5 .pict {width: 300px;height: 310px;margin: 0;padding: 198px 0 0;display: block;background: url(images/point/point5_pict.png) no-repeat;float: right;}
/* goal2 */
#goal2 .contbox {width: 302;height: 100px;display: block;position: relative;}
#goal2 .flag {position: absolute;left: 240px;top: 0;}
#goal2 .goal {position: absolute;left: 0;bottom: 0;z-index: 100;}
.delay{
animation-delay: 1s;
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
-o-animation-delay: 1s;
-ms-animation-delay: 1s;
}
/* モーダルウィンドウ */
.md-perspective,
.md-perspective body {
height: 100%;
overflow: hidden;
}
.md-perspective body {
background: #222;
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
}
.md-modal {
position: fixed;
top: 50%;
left: 50%;
width: 600px;
height: auto;
z-index: 2000;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.md-show {
visibility: visible;
}
.md-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
}
.md-show ~ .md-overlay {
opacity: 1;
visibility: visible;
}
/* Content styles */
.md-content {
color: #000;
position: relative;
margin: 0 auto;
}
/* Effect 12: Just me */
.md-effect .md-content {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.md-show.md-effect ~ .md-overlay {
background: #fff95e;
}
.md-effect .md-content {
background: transparent;
}
.md-show.md-effect .md-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.md-content h3 {margin: 0 0 40px;display: block;font-size: 40px;text-align: center;}
.md-content .text {margin: 0 0 20px;font-size: 18px;font-weight: bold;line-height: 180%;}
.md-content .btn {width: 100px;height: 24px;margin: auto;padding: 0;display: block;background-color: #FFF;border: solid 2px #000;box-shadow: 4px 4px;
font-size: 16px;font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-weight: bold;cursor: pointer;text-align: center;}
.md-content .btn:hover {background-color: #fff602;}
.level {width: 100%;height: auto;margin: 0 0 20px;display: block;font-size: 18px;}
.level:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.level dt {width: 16%;height: auto;margin: 0;display: block;float: left;font-weight: bold;}
.level dd {width: 84%;height: auto;margin: 0;display: block;float: right;}
.modal-slide {width: 600px;height: 400px;}
.modal-slide li {width: 600px;height: 400px;}
/* [GUIDE] --------------------------------------------------------------------------------------------- */
/* belo */
#cont_body .goods .text {margin: 0 0 20px;font-size: 12px;line-height: 140%;font-weight: bold;letter-spacing: 1px;}
#belo {width: 100%;height: auto;margin: 0;padding: 0 0 0 20px;display: block;}
#belo:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#belo .goods {width: 220px;height: auto;margin: 0 20px 0 0;padding: 0 20px;display: block;float: left;}
#belo .goods_name {margin: 0 0 10px;font-weight: bold;color: #34cdff;font-size: 16px}
/* dis_box */
#dis_box {width: 980px;height: auto;margin: 0 0 20px;padding: 0 0 0 20px;display: block;}
#dis_box:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#dis_box li {margin: 0 20px 0 0;display: inline-block;float: left;}
/* [TOUR] ---------------------------------------------------------------------------------------------- */
#shedule {width: 920px;height: auto;margin: 0 auto;padding: 0 0 0 20px;display: block;}
#shedule:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#shedule p {margin: 0 0 20px;font-weight: bold;}
#shedule .time1 {background: url(images/tour/time_ico1.gif) no-repeat left center;padding: 0 20px 0 14px;}
#shedule .time2 {background: url(images/tour/time_ico2.gif) no-repeat left center;padding: 0 0 0 14px;}
#shedule .box {width: 180px;height: auto;margin: 0 0 20px;display: inline-block;float: left;}
#shedule .ico {background: url(images/tour/time_arrow.gif) no-repeat right 30px;}
#shedule .text {margin: 0;color: #13beac;}
#tour .left {width: 380px;}
#tour .right {width: 560px;padding: 8px 0 0 0;}
#tour .img {width: 540px;height: 360px;margin: 0;padding: 0;display: block;position: relative;z-index: 100;}
#tour .img:after {content: "";width: 540px;height: 360px;display: block;position: absolute;left: 20px;top: 20px;z-index: -1;
background: repeating-linear-gradient(-45deg,#fff95e,#fff95e 7px,#dcd76b 7px,#dcd76b 14px);}
#tour .img2 {width: 540px;height: 360px;margin: 0;padding: 0;display: block;position: relative;z-index: 100;}
#tour .img2:after {content: "";width: 540px;height: 360px;display: block;position: absolute;left: 20px;top: 20px;z-index: -1;
background: repeating-linear-gradient(-45deg,#FFF,#FFF 7px,#d9d9d9 7px,#d9d9d9 14px);}
/* option */
#option .cont_box {width: 100%;height: 360px;margin: 0 0 20px;display: block;border: solid 6px #000;background-color: #FFF;}
#option .left {width: 512px;height: auto;}
#option .right {width: 456px;height: auto;padding: 20px;border-left: solid 6px #000;}
#option .name {width: 100%;padding: 20px;border-bottom: solid 6px #000;}
#option .copy {width: 100%;padding: 20px;border-bottom: solid 3px #000;color: #0066ff;font-family: "Noto Sans Japanese";font-weight: 900;font-size: 18px;letter-spacing: 1px;}
#option .text {width: 100%;padding: 20px 20px 0 20px;font-size: 18px;font-family: "Noto Sans Japanese";font-weight: 900;text-align: justify;}
#option .ex {font-size: 40px;font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-weight: bold;}
/* download */
#download .large {line-height: 160%;}
#download .small {line-height: 140%;}
#download .btn {width: 440px;height: 60px;margin: 40px auto 0;display: block;background-color: #FFF;border: solid 4px #000;font-size: 16px;font-weight: bold;box-shadow: 5px 5px;}
#download .btn a {width: 100%;height: 100%;padding: 15px 0 0 20px;display: block;background: url(images/rafting/arrow1.png) no-repeat right center;}
#download .btn a:hover {background-color: #fff602;}
#download .cont_box {width: 100%;height: auto;margin: 0 ;padding: 40px 0 0 0;display: block;clear: both;}
#download .cont_box:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
/* [COMPANY] ------------------------------------------------------------------------------------------- */
#company #cont_body dt {width: 20%;height: auto;margin: 0 0 5px;padding: 5px 5px 5px 20px;display: block;background-color: #ddf7ff;float: left;}
#company #cont_body dd {width: 80%;height: auto;margin: 0 0 5px;padding: 3px 0 3px 20px;display: block;background-color: #FFF;float: right;text-align: left;color: #047ce2;border: solid 2px #ddf7ff;}
/* [STAFF] --------------------------------------------------------------------------------------------- */
#staff_list {width: 980px;height: auto;margin: 0;padding: 0 0 0 73px;display: block;}
#staff_list:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#staff_list .box {width: 254px;height: 380px;margin: 0 36px 40px 0;padding: 20px 20px 0 20px;display: block;float: left;border: solid 2px #000;}
#staff_list .text {padding: 10px 0 0 0;font-size: 12px;line-height: 140%;text-align: justify;}
/* [reservation] --------------------------------------------------------------------------------------- */
#reservation #cont_body .container {padding: 60px 0 0 0;}
/* [FAQ] ----------------------------------------------------------------------------------------------- */
#faq .answer {width: 100%;height: auto;margin: 0 0 40px;padding: 20px 0 0 0;display: block;}
#faq .answer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
/* [CONTACT] ------------------------------------------------------------------------------------------- */
#contact {}
#contact #cont_body dl {margin: 0 0 30px;}
#contact #cont_body dl:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#contact #cont_body dt {width: 100%;height: auto;margin: 0 0 10px;padding: 10px;display: block;background-color: #76d9cd;float: none;font-size: 15px;font-weight: bold;color: #FFF;}
#contact #cont_body dd {width: 100%;height: auto;margin: 0 0 5px;padding: 0px;display: block;float: none;text-align: left;color: #047ce2;border: none;}
#contact_box {width: 600px;height: auto;margin: auto;padding: 80px 0 0 0;display: block;}
#contact_box:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#contact_box input {width: 100%;border: solid 2px #000;}
#contact_box textarea {width: 100%;border: solid 2px #000;margin: 0;}
#contact_box .btn {width: 300px;height: 40px;margin: 40px auto 0;display: block;background-color: #FFF;border: solid 4px #000;font-size: 16px;font-weight: bold;box-shadow: 5px 5px;}
#contact_box .btn input {width: 100%;height: 100%;border: none;background: none;cursor: pointer;}
/* [NEWS] ---------------------------------------------------------------------------------------------- */
#news #cont_body {padding: 60px 0 0 0;}
#news .post {width: 80%;height: auto;margin: 0 auto 50px auto;padding: 40px;display: block;border: solid 2px #000;}
#news .post:after {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#news .post .date {margin: 0 0 10px;}
#news .post h2 {margin: 0 0 20px;padding: 0 0 10px;border-bottom: solid 1px #000;}
#news .post .more {width: 100%;height: auto;display: block;}
#news .post .more a {width: 120px;height: 30px;padding: 7px 0 0 0;text-align: center;color: #FFF;background-color: #000;float: right;
font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-weight: bold;}
#news .post .text p {margin: 0 0 20px;}
#bbqcancel { padding: 20px;}
/*20250701 追加 Contact*/
#contact_box h2 { text-align: center; margin-bottom: 60px; color: #34cdff;}
#contact_box .address { text-align: center; margin-bottom: 20px; font-size: 18px;}
/*20250701 追加 Contact*/