@charset "utf-8";
/* CSS Document */


/* 背景 parallax(z-index:-2;) */
@keyframes parallax-bg2 {
from { background-position: center 100px; }
to { background-position: center -100px; }
}

body { font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic'; font-size:16px; }
@media (max-width:600px) {
body { font-size:12px; }
}

body { background-image: url(../images/munakata/bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; animation: parallax-bg2 linear both;
animation-timeline: view(); background-color: #F4F1E3; }




/* アンカーリンク上部の余白 */
a.anchor { display: block; padding-top: 120px; margin-top: -120px; }
.gnavi_wrap { background: #00A4BB; position: sticky; top: 0; z-index: 100; box-shadow: 0 3px 10px rgba(0,0,0,0.3); }
.gnavi { width: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.0) 40%, rgba(0,0,0,0.1) 100%); /*position: fixed; z-index: 10;*/ }
.gnavi ul { max-width: 1280px; text-align: center; display: flex; margin: 0 auto; }
.gnavi ul li { flex: 1; display: inline-block; padding: 10px 0; align-content: center; }
.gnavi ul li a { display: block; color: #fff; text-decoration: none; padding: 15px 25px; font-weight: bold; line-height: 1.4em; border-left: 1px solid #fff; text-shadow: 1px 1px 1px #000; }
.gnavi ul li:last-child a { border-right: 1px solid #fff; }
@media (max-width:600px) {
.gnavi ul { width: 100%; }
.gnavi ul li { padding: 10px 0; }
.gnavi ul li a { padding: 10px 10px; }
.gnavi ul li a span { display: inline-block; }
.gnavi ul li:first-child a { border-left: none; }
.gnavi ul li:last-child a { border-right: none; }
}






.icon_pdf { background:url(../images/icon_pdf.png) left center no-repeat; background-size:16px; padding-left:24px; }

/* utility */
.t_a_c { text-align: center; }
.t_a_l { text-align: left; }
.t_a_r { text-align: right; }
.pa_25 { padding: 25px; }
.fc_red { color:red; }
	
.wrapper { width: 100%; }
.cont_wrap { max-width: 1280px; margin: 0 auto; padding: 25px; }

h2 { text-align: center; font-size: 32px; margin: 50px 0 25px; }

.scroll_txt { display: none; }
	
.travel_plan { display: flex; width: 1440px; margin: 0 auto; }
.travel_plan_inner { flex: 1; background-color: #fff; margin: 5px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.3); } 
.travel_plan_inner div:nth-child(1) { width: 100%; min-height: 160px; background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; }
.travel_plan_inner div:nth-child(1) span { background: rgba(255,140,0,1.0); color: #fff; display: inline-block; padding: 8px 8px; font-size: 16px; border-radius: 0 0 10px 0; }
.travel_plan_inner div:nth-child(2) { padding: 10px 10px 0 10px; min-height: 410px; }
.travel_plan_inner h3 { font-size: 14px; color: #3367d1; line-height: 1.3em; }
.travel_plan_inner h3 span { font-size: 18px; background: #000; color: #fff; padding: 1px 2px; line-height: 1.5em; }
.travel_plan_inner h4 { font-size: 14px; }
.travel_plan_inner .tag span { font-size: 10px; padding: 1px 4px 0 4px; border: 1px solid #999; display: inline-block; color: #999; border-radius: 4px; margin: 1px; }
.travel_plan_inner .bt_green { margin: 15px 0; }
	
.schedule_d_f { display: flex; } 
.schedule_d_f div { flex:1; } 
	
.price { font-weight: bold; color: red; font-size: 20px; }
.price span { display: inline-block; }
	
.ph_01 { background: url(../images/munakata/29723266_s.jpg) center center no-repeat; background-size: cover; }
.ph_01_02 { background: url(../images/munakata/golf_001.jpg) center center no-repeat; background-size: cover; }
.ph_02 { background: url(../images/munakata/4227199_s.jpg) center center no-repeat; background-size: cover; }
.ph_02_02 { background: url(../images/munakata/26469927_s.jpg) center center no-repeat; background-size: cover; }
.ph_03 { background: url(../images/munakata/32095106_s.jpg) center center no-repeat; background-size: cover; }
.ph_04 { background: url(../images/munakata/k8.png) center center no-repeat; background-size: cover; }
	
.bt_green { text-align: center; color: #fff; text-decoration: none; padding: 10px; display: inline-block; min-width: 180px; margin: 25px auto; border: 1px solid #5CBC75; border-radius: 25px; background-color: #5CBC75; font-weight: bold;
transition: 0.1s; transition-timing-function: ease; transition-delay: 0.1s; }
.bt_green:hover { cursor: pointer; color: #5CBC75; background-color:#fff; }

.bt_orange { text-align: center; color: #fff; text-decoration: none; padding: 10px; display: inline-block; min-width: 180px; margin: 25px auto; border: 1px solid #FF8C00; border-radius: 25px; background-color: #FF8C00; font-weight: bold;
transition: 0.1s; transition-timing-function: ease; transition-delay: 0.1s; }
.bt_orange:hover { cursor: pointer; color: #FF8C00; background-color:#fff; }

.bt_disabled { color:#999; border:1px solid #999; background:#eee; pointer-events: none; }
.bt_disabled:hover { color:#999; border:1px solid #999; background:#eee; cursor:none; pointer-events: none; }

@media (max-width:1680px) {
.scroll_txt { display: block; padding: 0 25px; }
.scroll_wrap { width: 100%; padding: 5px 10px; overflow: auto; }
	
.scroll_wrap::-webkit-scrollbar { height: 6px; }
.scroll_wrap::-webkit-scrollbar-track { background: none; }
.scroll_wrap::-webkit-scrollbar-thumb { background-color: #8b8b8b; border-radius: 3px; }
.scroll_wrap::-webkit-scrollbar-thumb:hover { background-color: #636363; border-radius: 3px; }
	
}
@media (max-width:980px) {
.cont_wrap { width: 100%; padding: 15px; }
h2 { font-size: 24px; }

.travel_plan { width: 1680px; }
.travel_plan_inner h3 span { font-size: 16px; }
.travel_plan_inner div:nth-child(1) { min-height: 160px; }
.travel_plan_inner div:nth-child(2) { min-height: 300px; }

.top_d_f { flex-direction: column; max-width: 100%; padding: 10px; }
	
.schedule_d_f { flex-direction: column; } 
}
@media screen and (max-width:820px) { }
@media screen and (max-width:600px) { }
@media screen and (max-width:428px) { }





.slider { width: 100vw; height: 420px; overflow: hidden; position: relative; max-width: 100%; }

.slider div { position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;
	opacity: 0;
	animation-name: slide-fade;
	animation-duration: 15s;
	animation-iteration-count: infinite;
}

@keyframes slide-fade {
	0% { opacity: 0; }
	20% { opacity: 1; }
	80% { opacity: 1; }
	100% { opacity: 0; z-index: 0; }
}
/*.slider div.hotel_ph:first-of-type{ background-image: url(../images/hotel_003.jpg); }
.slider div.hotel_ph:nth-of-type(2){ background-image: url(../images/hotel_002.jpg); animation-delay: 5s; }
.slider div.hotel_ph:last-of-type{ background-image: url(../images/hotel_001.jpg); animation-delay: 10s; }*/

	.travel_point { display: flex; margin: 50px auto 0 auto; }
	.travel_point h3 { border-bottom: 1px solid #000; padding: 15px; font-size: 24px; }
	.travel_point h4 { padding: 15px; font-size: 18px; }
	.travel_point_txt { width: 55%; min-height:; background-color: #D9F1F5; border-radius: 10px; margin: 50px 0; padding: 15px; /*box-shadow: 0 0 15px rgba(0,0,0,0.3);*/ }
	.travel_point_txt p { padding: 15px; }
	.txt_hotel { background-image:url(../images/txt_hotel.png); background-size: 50%; background-position: bottom right; background-repeat:no-repeat; }
	.txt_golf { background-image:url(../images/txt_golf.png); background-size: 40%; background-position: bottom right; background-repeat:no-repeat; }
	.txt_fishing { background-image:url(../images/txt_fishing.png); background-size: 60%; background-position: bottom right; background-repeat:no-repeat; }
	.txt_option { background-image:url(../images/txt_option.png); background-size: 60%; background-position: bottom right; background-repeat:no-repeat; }
	
	.travel_point_ph { width: 45%; min-height: 420px; border-radius: 10px; /*box-shadow: 0 0 15px rgba(0,0,0,0.3);*/ }
	.ph_hotel { background: url(../images/13184264.png)center center no-repeat; background-size: cover; }
	.ph_golf { background: url(../images/img_cid367_hole1_1.jpg)center center no-repeat; background-size: cover; }
	.ph_fishing { background: url(../images/32232593_s.jpg)center center no-repeat; background-size: cover; }
	
@media screen and (max-width:1280px) {
	.wrapper { width: 100%; }
}
@media screen and (max-width:1024px) { }
@media screen and (max-width:820px) { }
@media screen and (max-width:600px) {
	
	.slider { height: 240px; }
	
	.travel_point { display: block; border-radius: 15px; overflow: hidden; }
	.travel_point h3 { padding: 10px; font-size: 20px; }
	.travel_point h4 { padding: 10px; font-size: 14px; }
	.travel_point_txt { width: 100%; border-radius: 0; margin: 0; padding: 10px; }
	.travel_point_ph { width: 100%; min-height: 240px; border-radius: 0; }
}
@media screen and (max-width:428px) { }






	.schedule_wrap { width:; margin: 25px auto; background: #fff; border-radius: 10px; font-size: 14px; }
	.schedule_inner { padding:15px; }
	.schedule_cont { display: flex; }
	.schedule_cont div:nth-child(1) { width: 23%; padding:15px; }
	.schedule_cont div:nth-child(2) { width: 54%; padding:15px; }
	.schedule_cont div:nth-child(3) { width: 23%; padding:15px; }
@media screen and (max-width:1280px) { }
@media screen and (max-width:1024px) { }
@media screen and (max-width:820px) { }
@media screen and (max-width:600px) {
	.schedule { margin: 0 auto; }
	.schedule_inner { padding:10px; }
	.schedule_cont { display: block; }
	.schedule_cont div:nth-child(1) { width: 100%; padding:10px; }
	.schedule_cont div:nth-child(2) { width: 100%; padding:10px; }
	.schedule_cont div:nth-child(3) { width: 100%; padding:10px; }
	}
@media screen and (max-width:428px) { }

/* table */
table {
border-collapse:collapse;
text-align:center;
border:solid 1px #aaa;
width: 100%;
}
table th,
table td {
border:solid 1px #aaa;
padding: 5px;
}
table th {
background-color:#D9F1F5;
padding: ;
white-space: nowrap;
}
table td {
background-color:#ffffff;
padding: ;
}

	
	
table.nittei {
text-align: left;
}
table.nittei th,
table.nittei td {
border:none;
vertical-align: top;
}
table.nittei th {
background-color:#fff;
border-right:solid 1px #aaa;
}
table.nittei td {
background-color:none;
}


	
/* 透明table */
table.cl_table,
table.cl_table tr,
table.cl_table tr th,
table.cl_table tr td { text-align: center; vertical-align: center; width: auto; border:none; background: none; padding: 10px 0 0 0; color: #00A4BB; font-weight: bold; }
table.cl_table { margin: 0 auto; border:none !important }
table.cl_table tr th { white-space: nowrap; }

@media screen and (max-width:1280px) { }
@media screen and (max-width:1024px) { }
@media screen and (max-width:820px) { }
@media screen and (max-width:600px) {
table.cl_table,
table.cl_table tr,
table.cl_table tr th,
table.cl_table tr td { padding: 5px 0 0 0; font-size: 12px; }
table.cl_table { margin: 0 auto; }
}
@media screen and (max-width:428px) { }





.pagetop {
position: fixed;
bottom: -4px;
right: 4px;
z-index: 100;
}
.pagetop a {
display: block;
width: 56px;
height: 56px;
background-color: rgba(0,0,0,0.3);
border-radius: 12px 12px 0 0;
background-image: url(../images/pagetop.png);
background-position: center center no-repeat;
background-repeat: no-repeat;
background-size: 56px 56px;
}
.pagetop a:hover {
background-color: rgba(0,0,0,0.6);
}
@media screen and (max-width:600px) {
.pagetop a {
width: 46px;
height: 46px;
background-size: 46px 46px;
}
}





.contact_bt { background-color: #EB6165; color:#fff; text-decoration: none; display: block; position: fixed; z-index: 1000; margin: 0; display: block; text-align: center; width: 124px; height: 124px; border-radius: 64px; bottom:42px; right:42px; box-shadow: 0 3px 10px rgba(0,0,0,0.3); line-height: 1.2em; /*background-image: url(../images/icon_contact.png); background-position: top 8px center; background-size: 78px; padding: 78px 0 0 0;*/ }
.icon_info { border: 2px solid #fff; font-weight: bold; border-radius: 30px; padding: 8px 15px; display: inline-block; margin: 20px auto 10px; font-size: 18px; }
@media screen and (max-width:600px) {
.contact_bt { width: 88px; height: 88px; bottom:44px; right:8px; /*background-size: 48px; padding: 56px 0 0 0;*/ }
.icon_info { padding: 6px 10.5px; margin: 12.5px auto 10px; }
}

	
.fadeInDown_05 {
 animation-fill-mode:both;
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-duration:1.5s;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
  animation-name: fadeInDown_05;
 -webkit-animation-name: fadeInDown_05;
 -ms-animation-name: fadeInDown_05;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown_05 {
 0% { opacity: 0; }
 100% { opacity: 1; }
}
@keyframes fadeInDown_05 {
 0% { opacity: 0; }
 100% { opacity: 1; }
}







/* お問い合わせ */
div.form_wrapper { background:#efefef; border-radius: 5px; padding: 5px 0; }

div.form_wrapper div { border-bottom:1px solid #ccc; display:flex; padding: 15px; }
div.form_wrapper div:last-child { border-bottom:none; }

div.form_wrapper div p:nth-child(1) { width:240px; }
div.form_wrapper div p:nth-child(2) { flex:1; }
div.form_wrapper div p:nth-child(2) span { display:block; font-size:12px; }

div.form_wrapper div.doui_window { border-bottom:none; padding:25px; display:block; }
div.form_wrapper div.doui_window p:nth-child(1) { font-size: 90%; line-height: 1.4em; width:100%; background:#fff; border:1px solid #ccc; border-radius:5px; padding:25px; }
div.form_wrapper div.doui_window p:nth-child(1) span { width:100%; display:block; text-align:center; margin-bottom: 10px; }

div.form_wrapper div p label { display:inline-block; background:#fff; padding:10px; border-radius:10px; border:1px solid #ccc; margin:5px 5px 0 0; }
div.form_wrapper div p label:hover { box-shadow:0 0 10px rgba(0,0,0,0.3); cursor:pointer; }

span.hissu { display:inline-block; background:#dc1017; text-align:center; color:#fff; padding:0 4px; margin:0 0 0 4px; font-size:12px; border-radius:3px; }

input[type="text"], textarea, select { border-radius:5px; border:1px solid #ccc; background:#fff; padding:7px; }
input[type="text"]:focus, input[type="text"]:hover, textarea:focus, textarea:hover, select:focus, select:hover { outline:0; box-shadow:0 0 10px rgba(0,0,0,0.3); }

select:hover { cursor:pointer; }

input[type="text"].little { width:80px; }
input[type="text"].mini { width:120px; }
input[type="text"].small { width:240px; }
input[type="text"].middle { width:320px; }
input[type="text"].long { width:420px; }

textarea { vertical-align:middle; }
textarea { width:480px; min-height:160px; resize:vertical; }

::placeholder { color: #ccc; }

@media screen and (max-width: 640px) {
div.form_wrapper { }

div.form_wrapper div { display:block; }

div.form_wrapper div p:nth-child(1) { width:100%; padding-bottom: 10px; }
div.form_wrapper div p:nth-child(2) { width:100%; padding-top: 0; }
div.form_wrapper div p:nth-child(2) span { font-size:10px; }

div.form_wrapper div p.contact_doui label { display:inline-block; width:100%; margin:10px 0; }

div.form_wrapper div.doui_window { padding:15px; }
div.form_wrapper div.doui_window p:nth-child(1) { padding:15px; height:120px; overflow:auto; }

input[type="text"], textarea, select { /*margin:5px 0 10px 0;*/ }

input[type="text"].little { width:80px; }
input[type="text"].mini { width:120px; }
input[type="text"].small { width:100%; }
input[type="text"].middle { width:100%; }
input[type="text"].long { width:100%; }

textarea { width:100%; min-height:120px; resize:vertical; }
}



/* チェックを入れると色が変わるcheckbox */
/*div.form_wrapper div p:nth-child(2).check_wrap { flex:1; }*/
div.form_wrapper div p:nth-child(2).check_wrap span { display:inline-block; font-size:clamp(0.875rem, 0.839rem + 0.13vw, 1rem);/*14px-16px*/ }
p.check_wrap span.box_check {
display: inline-block;
}
p.check_wrap span.box_check label {
display: inline-block;
background: #fff;
border: 1px solid #ccc;
border-radius: 10px;
padding: 10px 10px 10px 30px;
}
p.check_wrap span.box_check label:hover {
cursor: pointer;
}
/* サブテキストあり */
p.check_wrap span.box_check label span {
font-size: 80% !important
}
/* 画像あり */
p.check_wrap span.box_check label img {
border: 1px solid #ccc;
}
p.check_wrap span.box_check input[type="checkbox"] {
position: absolute;
margin: 22px 0 0 11px;
padding: 0;
}
p.check_wrap span.box_check input[type="checkbox"]:hover + label {
box-shadow:0 0 10px rgba(0,0,0,0.3);
}
p.check_wrap span.box_check input[type="checkbox"]:checked + label {
background: #00AEEB;
border: 1px solid #004DA0;
color: #fff;
border-radius: 10px;
}
p.check_wrap span.doui input[type="checkbox"]:checked + label {
background: #FADACA;
border: 1px solid #DC1017;
color: #000;
}

@media screen and (max-width: 640px) {
p.check_wrap span.box_check,
p.check_wrap span.box_check label {
width: 100%;
}
}

/* 約款 */
table.yakkan { border: none; }
table.yakkan tr td { color: #000000; text-align: left; font-weight: normal; border: none; font-size: 12px; padding: 0; vertical-align: top; }
@media screen and (max-width: 640px) {
table.yakkan tr td { font-size: 10px; }
}

.tac { width: 100%; height: 80vh; /*border: #fff 1px solid;*/ overflow-y: auto; }
/*iframe.tac { width: 100%; height: 80vh; border: #fff 1px solid; }*/





/* TOPページスライド */

.top_main_wrap { width: 100%; margin: 0 auto; height: auto; /*overflow: hidden;*/ position: relative; z-index: 2; padding: 25px;
/*position: absolute; /* 位置指定 */
/*top: 50%; /* 親要素の半分下にずらす */
/*left: 50%; /* 親要素の半分右にずらす */
/*transform: translateY(-50%) translateX(-50%); /* 要素自体の半分、上と左にずらす */
}

div.top_main_cont div.top_main_top { display: flex; }
div.top_main_cont div.top_main_top p { width: 50%; }
div.top_main_cont div.top_main_top p:nth-child(1) { font-size: 22px; color: #fff; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,1.0); }
div.top_main_cont div.top_main_top p:nth-child(2) { text-align: right; }
div.top_main_cont div.top_main_top p:nth-child(2) img { width: 72px; }
	
div.top_main_cont div.top_main_middle { text-align: center; /*padding: 25px;*/ }
div.top_main_cont div.top_main_middle h1:nth-child(1) { font-size: 20px; color: #fff; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,1.0); }
div.top_main_cont div.top_main_middle h1:nth-child(1) img { width: 26%; }
 
div.top_main_cont div.top_main_bottom { display: flex; }
div.top_main_cont div.top_main_bottom div { width: 50%; }
div.top_main_cont div.top_main_bottom div:nth-child(1) p { background: rgba(255,255,255,0.9); border-radius: 10px; padding: 10px 15px 5px; font-weight: bold; display: inline-block; }
div.top_main_cont div.top_main_bottom div:nth-child(1) p span { font-size: 20px; }
div.top_main_cont div.top_main_bottom div:nth-child(2) p { background: rgba(255,255,255,0.9); border-radius: 10px; padding: 10px 15px 5px; font-weight: bold; display: inline-block; text-align: right; float: right; }
div.top_main_cont div.top_main_bottom div:nth-child(2) p span { font-size: 22px; color: red; }
@media screen and (max-width:1920px) {
.top_main_wrap { max-width: 1440px; }
}
@media screen and (max-width:1280px) { }
@media screen and (max-width:1024px) { }
@media screen and (max-width:820px) { }
@media screen and (max-width:600px) { 
div.top_main_cont { }
div.top_main_cont div.top_main_top { }
div.top_main_cont div.top_main_top p { width: 100%; }
div.top_main_cont div.top_main_top p:nth-child(1) { font-size: 16px; }
div.top_main_cont div.top_main_top p:nth-child(2) { }
div.top_main_cont div.top_main_top p:nth-child(2) img { width: 56px; }
	
div.top_main_cont div.top_main_middle { }
div.top_main_cont div.top_main_middle h1:nth-child(1) { font-size: 16px; padding: 25px 0; }
div.top_main_cont div.top_main_middle h1:nth-child(1) img { width: 80%; }
 
div.top_main_cont div.top_main_bottom { display: block; }
div.top_main_cont div.top_main_bottom div { width: 100%; text-align: center; }
div.top_main_cont div.top_main_bottom div:nth-child(1) p { padding: 5px 15px 5px; text-align: center; }
div.top_main_cont div.top_main_bottom div:nth-child(1) p span { font-size: 16px; }
div.top_main_cont div.top_main_bottom div:nth-child(2) p { padding: 5px 15px 5px; text-align: center; float: none; margin-top: 10px;  }
div.top_main_cont div.top_main_bottom div:nth-child(2) p span { font-size: 20px; }
}
@media screen and (max-width:428px) { }


@-webkit-keyframes zoomUp {
  0% { -webkit-transform: scale(1);
      transform: scale(1);
	}
  100% { -webkit-transform: scale(1.15);
      transform: scale(1.15);
	}
}

@keyframes zoomUp { /* 1.15倍させる指定 */
  0% { -webkit-transform: scale(1);
      transform: scale(1);
	}
  100% { -webkit-transform: scale(1.15);
      transform: scale(1.15);
	}
}
.swiper-container { position: relative;
	height: 700px;
	overflow: hidden;
	margin-top: -700px;
}
.swiper-slide { overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img { /* 12秒かけて拡大させる */
    -webkit-animation: zoomUp 12s linear 0s;
    animation: zoomUp 12s linear 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper-img { background-size: cover; 
    background-position: center center; /* 背景画像は中央を軸に表示させる */
    height: 700px; /* 640pxの高さで表示させる */
}