@charset "utf-8";

header {
width: 100%;
position: relative;
}

/* .intro
-------------------------------------------------- */
.intro{
	padding:2% 0 5%;
	float:left;
	width:100%;
	}

.intro h1{
		font-size:2.5em;
		margin-bottom:40px;
		text-align:center;
		font-weight:400;
		color:#FFF;
	}

@media screen and (max-width: 1280px) {
.intro h1{
		font-size:200%;
	}
}


@media screen and (max-width: 800px) {
.intro h1{
		margin-bottom:20px;
	}
}

@media screen and (max-width: 568px) {
.intro{
	font-size:0.9em;
	padding:0 0 5%;
	}
}

/* .intro3
-------------------------------------------------- */
.intro3{
	padding:2% 0 0;
	float:left;
	width:100%;
	}

.intro3 h1{
		font-size:3em;
		margin-bottom:40px;
		text-align:center;
		font-weight:400;
		color:#FFF;
	}

@media screen and (max-width: 1280px) {
.intro3 h1{
		font-size:210%;
	}
}


@media screen and (max-width: 800px) {
.intro3 h1{
		margin-bottom:20px;
	}
}

@media screen and (max-width: 568px) {
.intro3{
	font-size:0.9em;
	padding:0 0 5%;
	}
}

/* .intro2
-------------------------------------------------- */
.intro2{
	padding:2% 0 5%;
	float:left;
	width:100%;
	}

.intro2 h1{
		font-size:3em;
		margin-bottom:0;
		text-align:center;
		width:76%;
		font-weight:400;
		color:#FFF;
	}

@media screen and (max-width: 1280px) {
.intro2 h1{
		font-size:210%;
	}
}


@media screen and (max-width: 800px) {
.intro2 h1{
		text-align:center;
		margin-bottom:5px;
		width:99%;
	}
}

@media screen and (max-width: 568px) {
.intro2{
	font-size:0.9em;
	padding:0 0 2%;
	}
}

.bg_nom{
	background: url("../images/common/bg.gif");
	padding-bottom:5%;
}

.bg_access{
	background: url(../images/bg_acc.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_mang{
	background: url(../images/bg_mk.jpg);
	background-size: 100% auto;
	background-position: top center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_sunset{
	background: url(../images/bg_sst.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_fishing{
	background: url(../images/bg_fishing.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_fishing01{
	background: url(../images/bg_fishing01.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_chater{
	background: url(../images/bg_chater.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_night{
	background: url(../images/cyakei.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_surf{
	background: url(../images/bg_surf.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_sup{
	background: url(../images/bg_sup.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_nsup{
	background: url(../images/bg_nsup.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_whale{
	background: url(../images/bg_whale.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_tdive{
	background: url(../images/bg_tdive.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_fun{
	background: url(../images/bg_fun.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_sno{
	background: url(../images/bg_sno.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_sisetu{
	background: url(../images/bg_sisetu.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_license{
	background: url(../images/bg_license.jpg);
	background-size: cover;
	background-position: center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.bg_seapark{
	background: url("../images/top/bg_park.gif");
	padding-bottom:5%;
}

.overlay{
	background: rgba(0, 0, 0, 0.6);
	height: auto;
	background-attachment: fixed;

}

.overlay2{
	background: rgba(0, 0, 0, 0.7);
	height: auto;
	background-attachment: fixed;
	padding-bottom:5%;

}

@media screen and (max-width: 568px) {
.bg_mang{
	background: none;
	}
.bg_sunset{
	background: none;
	}
.bg_night{
	background: none;
	}
.bg_set{
	background: none;
	}
}

/* access
================================================== */
.kouiki_map{
	float:right;
	width: 38%;
	margin: 0 0 2%;
	text-align: center;
	}

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

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

.kouiki_map img{
	max-width:586px;
	}
}

.map_text{
	float:left;
	width		: 60%;
	font-size:1.1em;
	}

.map_text2{
	float:left;
	width		: 60%;
	font-size:1.1em;
	margin-top:1.5%;
	}
	
@media screen and (max-width: 800px) {
.map_text{
	float:none;
	width : 94%;
	margin: 1% 3%;
	font-size:1em;
	}
	
.map_text2{
	float:none;
	width : 94%;
	margin: 1% 3%;
	font-size:1em;
	}
}

.map_text .mp_ttl{
	font-size:1.5em;
	font-weight:500;
	color:#F0FF00;
	}

.map_text .mp_sy{
	font-size:0.9em;
	color:#FFF;
	}
	
@media screen and (max-width: 568px) {
.map_text .mp_ttl{
	font-size:1.2em;
	}
}

.map_text strong{
	font-size:1.2em;
	font-weight:500;
	color:#48C9FF;
	}

.map_text p{
	margin		: 2% 0;
	line-height:1.6;
	color: #FFF;
	}

.map_text small{
	color:#E33535;
	font-weight:300;
	font-size:0.8em;
	}

.map_text2 strong{
	font-size:1.2em;
	font-weight:500;
	color:#48C9FF;
	}

.map_text2 p{
	margin		: 2% 0;
	line-height:1.6;
	color: #FFF;
	text-align:center;
	}

.map_text2 small{
	color:#E33535;
	font-weight:300;
	font-size:0.8em;
	}

.menu_bt2{
	font-weight:400;
	color:#7B7B7B;
	text-align:center;
	font-size:12px;
	letter-spacing	: 0em;
}

.menu_bt2 a{color:#FFF;display:inline-block;padding:2px 10px 3px;background-color:#FF4A4A;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.menu_bt2 a:hover{color:#FFF;text-decoration:none;background-color:#D34141;}

@media screen and (max-width: 800px) {
.menu_bt2{
	text-align:center;
	}
}

.acmp{
	text-align:center;
	margin:2% auto;
}

.acmp img{
	width:100%;
	height:auto;
	max-width:767px;
}

.how_map{
	float:right;
	width: 36%;
	margin: 0 0 2%;
	text-align: center;
	}

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

.ac_text{
	width: 96%;
	text-align: left;
	margin:5px auto 15px;
	font-size:1.2em;
	padding: 10px 0 5px 2%;
	border-bottom:1px dotted #FFF;
	font-weight:bold;
	color:#FFF;
}

.ac_text2{
	width: 96%;
	margin:0 auto 10px;
	color:#FFF;
	text-align: left;
	font-size:0.9em;
}

.ac_text2 strong{
	font-size:1.1em;
	font-weight:500;
	color:#48C9FF;
	}
	
@media only screen and  (max-width: 568px) {
.ac_text2{
	width: 96%;
	margin:0 auto 10px;
	font-size:100%;
}
}

/* tour_list
================================================== */
.top_text{
    color:#FFF;
	text-align: center;
	margin-bottom:50px;
	line-height: 1.8;
}

@media screen and (max-width: 800px) {
.top_text{
	width:90%;
	margin:0 auto 30px;
	text-align: left;
	}
}

@media screen and (max-width: 568px) {
.top_text{
		font-size:0.9em;
		margin:0 auto 5px;
	}
}

#osusume_course {
    width: 100%;
	margin: 0 auto;
	position: relative;
	padding-top:2%;
	padding-bottom:2%;
}

@media screen and (max-width: 1280px) {
#osusume_course {
     width: 98%;
}
}

/* w25
--------------------------------------- */
#osusume_course .w25{
	width:29.33%;
	font-size:1em!important;
	box-sizing: border-box;
	padding: 0 0 0.5%;
	position: relative;
	background:#FFF;
	box-shadow:0 1px 5px rgba(63,112,133,.5);
	float:left;
	margin: 0 2% 4%;
}

#osusume_course .w25 .it_tx2{
	padding: 1% 6%;
	max-height:68px;
	overflow: hidden;
}
@media screen and (max-width: 568px) {
#osusume_course .w25 .it_tx2{
	max-height: initial;
}
}

#osusume_course .w25 img{
	padding:0 0;
}


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

@media screen and (max-width: 568px) {
#osusume_course .w25 {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	float:none;
	clear:both;
	box-shadow: none;
	width:96%;
	padding: 0 0 2%;
	margin: 0 2% 7%;
}
}

#osusume_course .item{
	width: 100%;
	
}

#osusume_course .item .h_photo{
	width: 100%;
	height:auto;
	margin:0;
	position: relative;
	overflow: hidden;
}

#osusume_course .item .h_photo img{
	width: 100%;
	height:auto;
}

figure .h_photo {
  position: relative;
  overflow: hidden;
  display:block;
}

figure img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 400ms;
  transition: transform 400ms;
}
figure:hover img {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}

.h_photo .ctime{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	color: #FFF;
	font-size: 13px;
	background-color: #FF5151;
	padding: 5px 5px 5px;
	font-weight:400;
	display:inline-block;
	line-height:1;
	letter-spacing	: 0.05em;
}

.h_photo .ctime2{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	color: #FFF;
	font-size: 13px;
	background-color: #0FB5CE;
	padding: 5px 5px 5px;
	font-weight:400;
	display:inline-block;
	line-height:1;
	letter-spacing	: 0.05em;
}

.h_photo .ctime3{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	color: #FFF;
	font-size: 13px;
	background-color: #49B707;
	padding: 5px 5px 5px;
	font-weight:400;
	display:inline-block;
	line-height:1;
	letter-spacing	: 0.05em;
}

.h_photo .syt{
	position: absolute;
	bottom: 2.5%;
	right: 0;
	margin: 0 !important;
	font-size: 13px;
	background-color: #000;
	padding: 2px 5px 2px 10px;
	color:#DCFFFF;
	font-weight:500;
	display:inline-block;
}

@media screen and (max-width: 800px) {
.h_photo .syt{
	bottom: 2.8%;
}
}


@media screen and (max-width: 400px) {
.h_photo .syt{
	bottom: 5%;
}
}

#osusume_course .item h3{
font-size:1.1em!important;
font-weight:500!important;
color:#191970!important;
font-family: 'Noto Sans Japanese', sans-serif;
}


#osusume_course .item h3 small{
font-size:0.8em!important;
font-weight:500!important;
color:#191970!important;
font-family: 'Noto Sans Japanese', sans-serif;
}

#osusume_course .item .name{
padding:2% 5% 0;
width:90%;
margin:0 auto;
text-align: center;
}


@media screen and (max-width: 1280px) {
#osusume_course .item h3{
font-size:1em!important;
}
#osusume_course .item .name{
padding:2% 1% 0;
width:98%;
}
}

#osusume_course .item .names{
padding:0 5% 0;
width:90%;
margin:0 auto;
font-family: 'Roboto', sans-serif;
font-size:0.8em;
color:#191970!important;
text-align: center;
margin-bottom:5px;
}

#osusume_course .it_tx{
font-size:0.9em;
}

#osusume_course .it_tx2{
margin:0;
padding-left:2px;
font-size:0.9em;
height:auto;
min-height:74px;
display:block;
position: relative;
overflow: hidden;
}

@media screen and (max-width: 800px) {
#osusume_course .it_tx2{
	min-height:initial;

}
}

#osusume_course .syt2{
	margin:2px 5% 5px;
	color:#7B7B7B;
	font-size:12px!important;
	letter-spacing:0;
	text-align: center;
	width:90%;
}

#osusume_course .syt2 a{font-size:12px;color:#FFF;display:block;padding:5px 8px;background-color:#38A4D1;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#osusume_course .syt2 a:hover{color:#FFF;text-decoration:none;background-color:#0E7AA7;}

/* tour_list
--------------------------------------- */
#tour_list {
    width: 100%;
	margin: 0 auto;
	position: relative;
	padding-top:2%;
	padding-bottom:2%;
}

@media screen and (max-width: 1280px) {
#tour_list {
     width: 98%;
}
}


#tour_list .w25{
	width:29.33%;
	font-size:1em!important;
	box-sizing: border-box;
	padding: 1%;
	position: relative;
	background-image: url(../images/bg_w25.gif);
	background-repeat: repeat;
	background-position: top right;
	box-shadow:0 1px 5px rgba(63,112,133,.5);
	float:left;
	margin: 0 2% 4%;
}

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

@media screen and (max-width: 568px) {
#tour_list .w25 {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	float:none;
	clear:both;
	box-shadow: none;
	width:96%;
	margin: 0 2% 7%;
	padding: 2.5%;
}
}

#tour_list .item{
	width: 100%;
	
}

#tour_list .item .tl_photo{
	width: 100%;
	height:auto;
	margin:0;
	position: relative;
	overflow: hidden;
}

#tour_list .item .tl_photo img{
	width: 100%;
	height:auto;
}

#tour_list .tl_title{
	position: absolute;
	top: 5%;
	left: 5%;
	margin: 0 !important;
	color: #FFF;
	font-size: 13px;
	display:inline-block;
	line-height:1;
}

#tour_list .tl_title h2{
	color: #FFF;
	font-size: 1.3em;
	font-weight:500;
	font-family: 'Noto Sans Japanese', sans-serif;
	margin-bottom:2px;
	text-align:center;
	text-shadow:1px 1px 1px #000;
}

#tour_list .tl_title .en{
	color: #FFF;
	font-size: 0.9em;
	font-weight:400;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	text-shadow:1px 1px 1px #000;
}

#tour_list .tl_title .en2{
	color: #FFF;
	font-size: 0.9em;
	font-weight:400;
	margin-left:10px;
	font-family: 'Roboto', sans-serif;
	text-shadow:1px 1px 1px #000;
}

#tour_list figure:hover .overlay {
  opacity: 1;
}
#tour_list figure:hover .overlay .buttons a {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
#tour_list figure .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}
#tour_list figure .overlay a {
  display: inline-block;
  color: #fff;
  padding: 10px 23px;
  line-height: 1;
  border: 1px solid #fff;
  border-radius: 0px;
  margin: 4px;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all 400ms;
  transition: all 400ms;
  font-size:0.9em;
}
#tour_list figure .overlay a:hover {
  text-decoration: none;
}
#tour_list figure .overlay:hover a {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
#tour_list figure .buttons {
  position: absolute;
  top: 43%;
  left: 50%;
  font-size:0.9em;
  margin-left:-75px;
}

.fune {
  padding:5px 10px;
  background: rgba(25, 25, 112, 1);
  color:#FFF;
  font-size:0.9em;
  text-align:center;
}

/* tour_box
================================================== */
#tour_box {
	width:100%;
    margin:0 auto;
	padding:0 0 4%;
}

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

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

/* .tour_photo
--------------------------------------------------*/
.tour_photo {
  width:47%;
  float:left;
  margin:0 2% 0 1%;
}

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

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

/* .main_photo
--------------------------------------------------*/
.main_photo {
  width:46%;
  float:left;
  margin:15px 2% 15px 1%;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: solid #fff 5px;
  background: #fff;
}

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

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

@media only screen and  (max-width: 800px) {
.main_photo {
	width:98%;
	margin:3% auto;
	padding-bottom:5%;
	float:none;
	clear:both;
}
}
/* tour_info
--------------------------------------------------*/
.tour_info{
	width:47%;
	float:right;
	margin:1% 1% 0 2%;
}

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

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

.tour_info h2{
	font-size:1.8em;
	color:#F6FF00;
	font-weight:400;
	line-height:1.2;
	margin-bottom:3%;
	padding:0 5px;
}

.tour_info h2 small{
	font-size:90%;
	color:#F6FF00;
	font-weight:400;
	line-height:1.2;
	margin-bottom:3%;
	padding:0 5px;
}


@media only screen and  (max-width: 800px) {
.tour_info h2{
	margin:10px auto 10px;
	font-size:1.3em;
	padding:8px 0 5px 0;
	}

.tour_info h2 small{
	margin:10px auto 10px;
	font-size:100%;
	padding:8px 0 5px 0;
	}
}

.tour_info h3{
	font-size:1.4em;
	font-weight:500;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align	: left;
	color:#FFF;
	background:#215E82;
	padding:0.5% 1% 0% 15px;
	}
	
.tour_info p {
	line-height:1.6;
	padding:0 5px 10px 5px;
	font-size:1em;
	font-weight:300;
	color:#FFF;
}

.tour_info .price{
	font-size:1.6em;
	font-weight:500;
	color:#F6FF00;
	font-family:"Century Gothic", serif;
	}
@media only screen and  (max-width: 800px) {
.tour_info .price{
	font-size:1.3em;
	}
}
	
.tor_text {
	margin-top:5px!important;
	margin-bottom:0!important;
}

.tor_text2 {
	margin-top:0!important;
	margin-bottom:10px!important;
	font-size:0.9em!important;
}

.tor_text3 {
	padding-top:5px!important;
	margin-bottom:0!important;
}

@media only screen and  (max-width: 1280px) {
.tour_info p {
	padding:0 5px 5px 5px;
}

.tor_text {
	margin-bottom:10px!important;
}

.tor_text2 {
	margin-bottom:10px!important;
}

.tor_text3 {
	margin-bottom:5px!important;
}
}

.flow_text {
	margin-top:10px!important;
	line-height:2!important;
	padding:1% 2% 0;
	font-size:1em;
	font-weight:400;
	color:#FFF;
	text-align:center;
}

@media only screen and  (max-width: 800px) {
.flow_text {
	line-height:1.6;
	text-align:left;
}
}

.flow_text2 {
	margin-top:10px!important;
	line-height:2!important;
	padding:1% 2% 0;
	font-size:1em;
	font-weight:400;
	color:#FFF;
	text-align:left;
}

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

.boukan_text {
	width:90%;
	margin:10px auto 0;
	padding:0 0 0;
	font-size:1em;
	font-weight:400;
	color:#FFF;
	text-align:left;
}

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

.boukan_text strong {
	font-weight:400;
	font-size:1.4em;
	color:#F6FF00;
}

.tour_info strong {
	font-weight:400;
	color:#F6FF00;
	font-size:1.4em;
}

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

.tour_info strong {
	font-size:1.2em;
}
}

.tour_info .red{color:#EF7000;}

.ps_ttl{
		font-size:3em;
		margin-bottom:40px;
		text-align:center;
		font-weight:400;
		color:#FFF;
	}

@media screen and (max-width: 1280px) {
.ps_ttl{
		font-size:210%;
	}
}

.fune_text {
	width:90%;
	margin:10px auto 0;
	padding:0 0 0;
	font-size:1.1em;
	font-weight:400;
	color:#FFF;
	text-align:center;
}

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

.fune_text strong {
	font-weight:400;
	font-size:1.4em;
	color:#F6FF00;
}


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

/* .bring_box
--------------------------------------------------*/
.bring_box {
  width:41%;
  float:right;
  margin:0 1% 3% 1%;
}

.bring_box h4{
	font-size:1.5em;
	font-weight:500;
	margin-bottom: 2%;
	text-align	: center;
	color:#FFF;
	background:#215E82;
	padding:1% 1% 0.5%;
	}
	
.bring_box img {
  width:100%;
  height:auto
  margin:0 0 2%;
}

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

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

.bring_box p {
	color:#FFF;
	font-size:1em;
	font-weight:300;
	line-height:1.4;
	padding:1%;
}

.bring_box strong{
	font-size:1.2em;
	font-weight:400;
	color:#F6FF00;
	}

/* plan_info
--------------------------------------------------*/
.plan_info{
	width:53%;
	float:left;
	margin:0 1% 5% 1%;
}

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

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

.plan_info table{
	width		: 98%;
	border	: 1px solid #ccc;
	background	: #FFF;
	font-size:0.9em;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0 auto;
	letter-spacing:0em;
}

@media only screen and  (max-width: 800px) {
.plan_info table{
	width		: 100%;
}
}

.plan_info th{
	border-bottom	: 1px dotted #ccc;
	padding		: 10px 5px 8px 5px;
	background	: #EDEAD9;
	color:#858066;
	width:28%;
	font-weight:400;
	text-align: center;
	vertical-align: middle;
	}

.plan_info td{
	border-bottom	: 1px dotted #ccc;
	padding		: 10px 15px 8px 10px ;
	letter-spacing	: 0.05em;
	font-weight:400;
	font-size:0.9em;
	}

@media only screen and  (max-width: 568px) {
.plan_info td{
	line-height:1.4;
	padding		: 8px 7px 5px 7px ;
}
}

.plan_info td li{
	padding:0.5% 0 0.7%;
	font-size:1em;
	line-height:1.4;
	}
	
.k_price{
	font-size:35px;
	font-weight:500;
	color:#FF7575;
	font-family:"Century Gothic", serif;
	}
	
.plan_info .blue{
	font-size:26px;
	font-weight:550;
	color:#FF7575;
	}

.k_price2{
	font-size:30px;
	font-weight:500;
	color:#FF7575;
	font-family:"Century Gothic", serif;
	}
	
.plan_info strong{
	color:#FF7575;
	font-size:110%;
	}

.plan_info small{
	font-weight:300;
	font-size:0.8em;
	line-height:1.3!important;
	}

.plan_info .line01{
	clear:both;
	border-bottom:0.05em dashed #ccc;
	margin:0 0 5px;
	}
		
.plan_info a{font-size:0.9em;color:#FFF;padding:3px 7px;background-color:#E47C4E;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.plan_info a:hover{color:#FFF;text-decoration:none;background-color:#D34141;}

.plan_info sup{
	font-size:0.8em;
	color:#FF5151;
	margin-right:5px;
	line-height:1;
	}

.plan_info .red{
	color:#FF5151;
	}
	
.res_bt{
	margin:3% 0 0;
	text-align: center;
}

.res_bt a{font-size:1.2em;color:#FFF;padding:5px 15px 5px;background-color:#FF2C2C;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.res_bt a:hover{color:#FFF;text-decoration:none;background-color:#D34141;}

/* .contact_box
================================================== */
.set_menu {
  width:96%;
  float:left;
  margin:0 2% 3% 2%;
}

.ttl_set{
		font-size:3em;
		margin-bottom:40px;
		text-align:center;
		font-weight:400;
		color:#FFF;
	}

@media screen and (max-width: 1280px) {
.ttl_set{
		font-size:210%;
	}
}

/* .how_box
================================================== */
.how_box {
	width:100%;
	max-width:930px;
	margin:15px auto 25px;
}

.how_box .other_info{
	width: 96%;
	margin:0 auto 10px;
	font-size:1.1em;
	color:#FFF;
	letter-spacing	: 0em;
}

.how_tw{
	width:96%;
    margin:20px auto 10px;
	padding:0;
	border:1px solid #056799;
	background	: #F0FAFF;
}

.tw_ttl{
	width:100%;
    margin:0;
	background:#056799;
	color:#FFF;
	font-size:2em;
	text-align: center;
	float:left;
	padding:0.5% 0;
}

.how_tw ul{

}

.how_tw h3{
    color:#0070AA;
	font-size:1.6em;
	font-weight:400;
}

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

.how_tw .wh50{
    width:50%;
	box-sizing: border-box;
	min-height:110px!important;
	padding:2%;
	float:left;
	border-bottom:1px solid #056799;

}

@media only screen and  (max-width: 1200px) {
.how_tw .wh50{
	min-height:100px;
}
}

@media only screen and  (max-width: 800px) {
.how_tw .wh50{
	width:100%;
	box-sizing: border-box;
	padding:2%;
	clear:both;
	border-bottom:1px solid #056799;
	min-height:auto;
}
}

@media only screen and  (max-width: 568px) {
.how_tw .wh50{
	padding:2% 5%;
}
}

.how_tw .wh100{
    width:100%;
	box-sizing: border-box;
	padding:2% 4%;
	clear:both;
}

.how_tw .wh100 a {
	color: #056799;
	text-decoration: underline;
	}

.how_tw .wh100 a:hover {  
	color: #056799;
	text-decoration	: none;
	}

@media only screen and  (max-width: 568px) {
.how_tw .wh100{
	padding:2% 5%;
}
}

.tw_tx{
    font-size:1em;
}

.tw_tx strong{
    font-size:1.3em;
	color:#FF4D62;
}

.tw_line{
    padding:1.5% 2%;
}


.tw_tx2{
    font-size:0.9em;
	margin:5px 0 0;
}

.how_tw .linR{
    border-right:1px solid #056799;
}

.how_tw .linb{
    border-bottom:1px dotted #056799;
}


@media only screen and  (max-width: 800px) {
.how_tw .linR{
    border-right:none;
}
}

.how_tw .linL{
    border-left:1px solid #056799;
}

/* ƒR[ƒXˆκ——
--------------------------------------------------*/
#course_list {
	width: 100%;
	margin: 0 auto 10px;
	letter-spacing	: 0.1em;
	max-width:950px;
}

.course_info{
	width: 99.5%;
	margin		: 0 0 2%;
	float		: left;
	padding-bottom:15px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	position: relative;
	background  :#FFF;
	}


.ttl_course {
	width: 97%;
	margin:0 0 5px 0;
	padding		: 0 1% 0 2%;
	float:left;
	margin-bottom:2%;
	}

.gree {
	background  : #184A0E;
	}

.oreng {
	background  : #D07703;
	}

.blue{
	background  : #215E82;
	}
	
.blu{
	border		: solid 2px #215E82;
	}
	
.blck {
	background  : #4E434F;
	}

.course_info h3{
	float:left;
	font-size   : 1.8em;
	padding		: 7px 5px 5px;
	color:#FFF;
	font-weight:400;
	}

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

@media screen and (max-width: 568px) {
.course_info h3{
	font-size   : 1.3em;
}
}

.course_photo{
	width:45%;
	float: left;
	margin: 10px 0.5% 10px 2.5%;
	}

@media screen and (max-width: 568px) {
.course_photo{
	width:92%;
	margin:1.5% 3.8% 2% 4.2%;
}
}

#main_photo{
	width:97%;
	-moz-box-shadow: 0 0 5px #cccccc;
	-webkit-box-shadow: 0 0 5px #cccccc;
	box-shadow: 0 0 5px #cccccc;
	border: solid #fff 5px;
	left: -5px;
	}

.thumbnailBox{
	width:100%;
	margin		: 10px 0 0;
	}
	
.thumbnailBox img{
	margin:0.5%;
	width:24%;
	height:auto;
	box-sizing: border-box;
	float:left;
}

@media screen and (max-width: 800px) {
.thumbnailBox img{
	margin:1%;
	width:48%;
}
}

@media screen and (max-width: 568px) {
.thumbnailBox img{
	width:24%;
	margin:0.5%;
}
}

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

.hide{
    display: none;
}

.h_syousai {
	float:right;
	width:47%;
	margin-top: 5px;
	letter-spacing	: 0em;
	margin-right: 2.5%;
	margin-left: 0.5%;
}

@media screen and (max-width: 568px) {
.h_syousai {
	clear:both;
	width:90%;
	margin-top: 0;
	margin-right: 5%;
	margin-left: 5%;
}
}

.h_syousai strong{
	color:#38A4D1;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:400;
	font-size:1.4em;
	}
	
.h_syousai .price{
	font-size:2em;
	font-weight:550;
	color:#F96855;
	font-family:"Century Gothic", serif;
	}

.h_syousai .red{
	color:#F96855;
	}
	
.h_text{
	margin: 5px 0 0;
	padding:0;
	width:100%;
	font-size:0.9em;
	font-weight:400;
	}


.h_text2{
	margin: 0 0 8px;
	padding:0;
	width:100%;
	font-size:1em;
	font-weight:400;
	}

.h_text2 small{
	font-size:0.9em;
	font-weight:400;
	}
	
.icon_tour_detail {
	float: right;
	width: 98%;
	margin-top:5px;
	margin-right:2%;
}

.menu_bt{
	font-weight:400;
	color:#7B7B7B;
	font-size:0.9em;
	text-align: center;
	float:left;
}

.menu_bt a{color:#FFF;display:inline-block;padding:5px 10px 3px;background-color:#FF4A4A;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.menu_bt a:hover{color:#FFF;text-decoration:none;background-color:#D34141;}

.cs_ct{
	width:96%;
	margin:1% auto;
}

.cs_ct p{
	font-weight:400;
	color:#FFF;
	font-size:0.9em;
	margin:0 0 10px;
}

.cs_ct strong{
	font-weight:400;
	color:#F6FF00;
	font-size:1.2em;
}

.ttel{
	font-weight:bold;
	font-size:110%;
	color:#FF585C;
	}
	
/* .contact_box
================================================== */
.contact_box {
	width:100%;
	max-width:930px;
	margin:15px auto 25px;
}

.contact_box li{
	padding :0 0 10px 18px;
	color:#FCFF1B;
	font-size:1em;
	background	: url("../images/common/point.png") 0 7px no-repeat;
}

.contact_box li strong{
	font-weight:bold;
	font-size:110%;
	color:#FCFF1B;
	}


.contact_box .cnt_text{
	width: 96%;
	margin:0 auto 10px;
	font-size:1.1em;
	color:#FFF;
	letter-spacing	: 0em;
}

.contact_box .cnt_text2{
	width: 96%;
	margin:0 auto 10px;
	font-size:0.9em;
	color:#FFF;
	font-weight:300;
	line-height:1.6;
	letter-spacing	: 0em;
}

.contact_box table{
	width		: 99%;
	border	: 1px solid #ABC9D2;
	margin : 0 auto 25px;
	background: #FFF;
	}

.contact_box caption{
	margin : 0 0 0 0;
	padding		: 7px 0 5px 3%;
	font-weight	: bold;
	background: #28B5CF;
	color:#FFF;
	width: 96.5%;
	font-size:20px;
	}

@media only screen and  (max-width: 1280px) {
.contact_box caption{
	font-size:16px;
	}
}
		
.contact_box th,
.contact_box td{
	border-right	: 1px solid #ABC9D2;
	border-bottom	: 1px dotted #ABC9D2;
	line-height:1.8;
	letter-spacing:0em;
	font-size:14px;
	}

@media only screen and  (max-width: 568px) {
.contact_box th,
.contact_box td{
	line-height:1.4;
	font-size:80%;
	}
}


.contact_box th{
	background	: #E8F7FB;
	width:25%;
	padding		: 10px;
	text-align: center;
	font-weight:400;
	}

.contact_box td strong{
	font-weight:bold;
	font-size:110%;
	color:#FF585C;
	}

.contact_box td small{
	font-weight:300;
	font-size:80%;
	margin-left:10px;
	}


.contact_box td span{
	font-weight:300;
	font-size:80%;
	}
	
@media only screen and  (max-width: 568px) {
.contact_box td small{
	margin-left:5px;
	}

.contact_box td strong{
	font-weight:bold;
	font-size:110%;
	color:#FF585C;
	}
}

@media only screen and  (max-width: 1200px) {
.contact_box th{
	width:20%;
	}
}

.contact_box td{
	padding		: 10px 10px 10px 20px;
	}

@media only screen and  (max-width: 568px) {
.contact_box th{
	width:30%;
	}

.contact_box td{
	padding		: 10px;
	}
}

.contact_box input{
	padding		: 3px 5px 2px;
	}

.contact_box select{
	padding		: 3px 5px 2px 5px!important;
	font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro W3','ƒƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',Helvetica,Arial,sans-serif;
	font-size:14px;
	}
	
.contact_box .btn_send{
	text-align	: center;
	}

@media only screen and  (max-width: 568px) {
.contact_box input{
	font-size:90%;
	}

.contact_box select{
	font-size:13px!important;
	}
	
.contact_box td p a{
	font-size:13px!important;
	}
}


.contact_box .btn_send input{
	padding		: 10px;
	}

.contact_box sup{
	color	: #FF7C7C;
	}

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

.rel_bt{
	margin:10px;
	font-size:120%;
	float:left;
}


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

.rel_bt a{text-decoration:none;color:#FFF;padding:5px 10px;background-color:#FF4F6C;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.rel_bt a:hover{color:#FFF;text-decoration:none;background-color:#00B1EF;}

@media only screen and  (max-width: 568px) {
.rel_bt a{
	font-size:12px;
}
}

.ttl_reserve {
	width: 97%;
	background  : #083C69;
	margin:3% 0 0 0;
	padding		: 8px 1% 5px 2%;
	float:left;
	color:#FFF!important;
	}

.ttl_reserve h2{
	font-size:1.6em;
	color:#FFF!important;
}

.ttl_reserve h2 span{
	font-size:1em;
	color:#FFF!important;
}

@media only screen and  (max-width: 1200px) {
.ttl_reserve{
	font-size:18px;
}
}


@media only screen and  (max-width: 568px) {
.ttl_reserve{
	width: 95%;
	padding		: 8px 1% 5px 4%;
	margin:10px 0 0 0;
}

.ttl_reserve h2{
	font-size:16px;
}
}


.ttl_reserve2 {
	width: 97%;
	background  : #547AC7;
	margin:15px 0 15px 0;
	padding		: 8px 1% 5px 2%;
	float:left;
	color:#FFF;
	font-size:20px;
	}
	
@media only screen and  (max-width: 1200px) {
.ttl_reserve2{
	font-size:18px;
}
}


@media only screen and  (max-width: 568px) {
.ttl_reserve2{
	width: 95%;
	padding		: 5px 1% 3px 4%;
	margin:10px 0 10px 0;
}

.ttl_reserve2 h3{
	font-size:16px;
	color:#FFF;
}
}

.res_bt2{
	margin:15px 5px 25px 15px;
	font-size:110%;
	float:left;
}

@media only screen and  (max-width: 1200px) {
.res_bt2{
	margin:10px 5px 10px 15px;
}
}

@media only screen and  (max-width: 568px) {
.res_bt2{
	margin:10px 5px 10px 15px;
}
}

.res_bt2 a{text-decoration:none;color:#FFF;padding:5px 10px;background-color:#FF4F6C;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.res_bt2 a:hover{color:#FFF;text-decoration:none;background-color:#00B1EF;}



.rs_list {
width:96%;
margin:0 auto 20px;
font-size:120%;
}

@media only screen and  (max-width: 568px) {
.rs_list {
width:96%;
margin:0 auto 10px;
font-size:120%;
}
}

.rs_list li{
border-bottom:1px dotted #ccc;
margin-top:15px;
}

@media only screen and  (max-width: 568px) {
.rs_list li{
line-height:1.4;
}
}

.rs_list li a{font-size:110%;color:#FFF;text-decoration:none;}
.rs_list li a:hover{color:#FFF600;text-decoration:underline;}

@media only screen and  (max-width: 568px) {
.rs_list li a{font-size:100%;}
}

.contact_cation{
	width:98%;
	margin:15px auto 15px;
	background:#DCEAFF;
	border:1px solid #547AC7;
}

.cc_ttl{
	width:96%;
	padding:5px 2%;
	margin:0;
	background:#547AC7;
	color:#FFF;
	font-weight:bold;
	font-size:130%;
}

.cc_text{
	width:96%;
	padding:1.5% 2%;
	margin:0;
	font-size:120%;
}


.privacy{
	width:96%;
	padding:1.5% 2%;
	margin:0;
	font-size:120%;
}

.n50{width:80%;}
.n35{width:40%;}
.n10{width:20%;}
.n70{width:90%;}
.n90{width:90%;margin-left:4%;}

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





/* reserve
--------------------------------------------------*/
.reserve_bt{
	width:750px;
    margin:3% auto;
}

.reserve_bt a:hover{ opacity: 0.7;text-decoration: none !important; }

.reserve_bt li {
	width:46%;
	height:auto;
    margin:1.2% 2%;
	float:left;
	}

.reserve_bt img {
	width:100%;
	height:auto;
    max-width:320px;
	margin:0 0 15px 0;
	float:left;
	}

@media only screen and  (max-width: 1280px) {
.reserve_bt li {
	width:48%;
	height:auto;
    margin:0 0 0 2%;
	float:left;
	}
}

@media only screen and  (max-width: 800px) {
.reserve_bt{
	width:96%;
	margin:20px auto 10px;
}
.reserve_bt li {
    margin:0 1%;
	}
}

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

.reserve_bt img {
	margin:0 0 10px 0;
	}
}

.sy_text{
	width: 92%;
	margin:2% auto;
}

.sy_text strong{
  color:#CA7242;
}


.sy_text2{
	width: 92%;
	margin:2% auto 5%;
}

.sy_text2 strong{
  color:#CA7242;
}

.sy_text3{
	width: 92%;
	margin:2% auto;
}

.sy_text3 strong{
  color:#CA7242;
}


/* ŠO‘Œκ
--------------------------------------------------*/
.reservef_bt{
	width:98%;
    margin:10px auto 10px;
}

.reservef_bt li {
	width:47%;
	height:auto;
    margin:3% 1% 3% 2%;
	float:left;
	text-align: center;
	font-size:1.4em;
	}

@media only screen and  (max-width: 568px) {
.reservef_bt li {
	width:96%;
	height:auto;
    margin:1% 2% 2% 2%;
	float:left;
	text-align: center;
	}
}

.reservef_bt li a{display:block;text-decoration:none;color:#FFF!important;padding:4% 2% 3%;background-color:#CB584E;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.reservef_bt li a:hover{color:#FFF!important;text-decoration:none;background-color:#BE9E87;}


.reservef_bt li span {
	font-size:140%;
	letter-spacing:0.1em;
	color:#FFF!important;
	}

/* qa_box
--------------------------------------------------*/
.qa_box{
	width:90%;
    margin:0 auto 10px;
}

@media only screen and  (max-width: 568px) {
	.qa_box{
	width:96%;
    margin:0 auto 10px;
}
}

.qa_syousai .ttl_qa{
	width: 97.2%;
	background:#C69F67;
	color:#FFF;
}

.qa_syousai{
    width: 96%;
	padding:2%;
	background:#FFF;
}
#simpleTabs h3{
	font-weight:bold;
	font-size:16px;
	padding:10px 0 7px 20px;
}

#simpleTabs { width:100%;margin: 20px auto;}
         .simpleTabs-nav ul { overflow:hidden; list-style:none; margin:0; padding:0; background:#FFF; }
         .simpleTabs-nav li { color:#AAAAAA;font-size:140%;-webkit-border-top-left-radius:2px;-moz-border-top-left-radius:2px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-top-right-radius:2px;border-top-right-radius:4px;letter-spacing: 0em;background:#F1F1F1;float:left; margin:0 -5px 0 10px;padding:10px 18px; list-style:none; cursor:pointer; line-height:1.4;font-weight:bold; }
         .simpleTabs-nav li:hover { background:#C69F67;font-weight:bold; color:#FFF;}
         .simpleTabs-nav li.close { float:right; }
         .simpleTabs-nav li.actif { font-weight:bold; color:#FFF; background:#978659; }
		 .simpleTabs-content p{letter-spacing	: 0.1em;line-height:1.8;color:#FFF;}
         .simpleTabs-content { -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; margin-left:1px;clear:both; padding:15px;background:#978659; }


#simpleTabs .question {
  width:92%;
  margin: 25px auto 8px;
  padding : 1px 5px 5px 30px;
  font-size: 1.2em;
  border-bottom:1px dotted #CA7242;
  font-weight:bold;
  color:#CA7242;
  line-height: 1.4;
  background	: url(../images/ques.gif) no-repeat 0 0px;
  }

#simpleTabs .answer {
  width:92%;
  margin: 0 auto 0;
  padding		: 2px 5px 5px 30px;
  line-height: 1.6;
  color: #6B3A06;
  font-size:0.9em;
  background	: url(../images/answer.gif) no-repeat;
}

#simpleTabs .answer a {
	text-decoration: underline;
	color: #FF7200;
}
#simpleTabs .answer a:hover {
	color: #FFCC00;
	text-decoration: none;
}

.answer .way{
	width: 100%;
	height: auto;
	margin:10px auto 5px;
	max-width:508px;
}

@media only screen and  (max-width: 568px) {
.qa_syousai .ttl_qa{
	width: 94%;
	background:#DDA578;
	color:#FFF;
}
#simpleTabs h3{
	font-size:14px;
	padding:5px 0 5px 15px;
}
.simpleTabs-nav li { font-size:90%;margin:0 -5px 0 8px;padding:7px 8px; list-style:none; cursor:pointer; line-height:1.4;font-weight:bold; }

#simpleTabs .question {
  width:85%;
  margin: 15px auto 8px;
  padding : 2px 5px 5px 30px;
  font-size: 13px;
  letter-spacing: 0em;
  }

#simpleTabs .answer {
  width:85%;
  padding		: 2px 5px 5px 30px;
  line-height: 1.4;
  font-size:100%;
}
}



/* around_box
--------------------------------------------------*/
.around_box{
	width:100%;
    margin:0 auto 10px;
}

.around_box strong{
   color:#CA7242;
   font-size:110%;
}


.around_box h4{
	width: 95.5%;
	margin:20px auto 10px;
	font-size:20px;
	padding:7px 1% 5px 3.5%;
	color:#FFF;
	background: #D75248;
}

.around_box li a {
	text-decoration: underline;
	color: #FF7200;
}
.around_box li a:hover {
	color: #FFCC00;
	text-decoration: none;
}


.around_p ul {
	width:94%;
	margin:0 3% 5%;
	float:left;
	}
	
.around_p li {
	width:30%;
	height:auto;
    margin:0 1.5% 2.2% 1.7%;
	float:left;
	}


@media only screen and  (max-width: 800px) {
.around_p li {
	width:31%;
	height:auto;
    margin:0 1% 2.2% 1.2%;
	float:left;
	}
}

@media only screen and  (max-width: 568px) {
.around_p li {
	width:47%;
    margin:0 1.5% 1.5%;
	}
}

.around_p li img{
	width:94%;
	height:auto;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
	border: solid #fff 5px;
	background: #fff;
	margin:0 4% 2.5% 1%;
	}

@media only screen and  (max-width: 568px) {
.around_p li img{
	width:96%;
	height:auto;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
	border: solid #fff 0;
	background: #fff;
	margin:0 2% 2.5%;
	}
}

.around_p h3{
	font-weight:bold;
	color:#B52D22;
	font-size:14px;
	text-align: center;
}

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

/* active_box
--------------------------------------------------*/
.active_box{
	width:100%;
    margin:0 auto 10px;
}

.active_syousai{
	width:94%;
    margin:0 3%;
}

.active_box h4{
	width: 95.5%;
	margin:20px auto 10px;
	font-size:20px;
	padding:7px 1% 5px 3.5%;
	color:#FFF;
	background: #D75248;
}

@media only screen and  (max-width: 568px) {
.active_box h4{
	margin:10px auto 0;
	font-size:18px;
}
}

.ac_te{
   font-size:0.9em;
   letter-spacing: 0em;
   padding:2% 2% 0;
}

.active_box strong{
   color:#CA7242;
   font-size:110%;
}

.active_box .a_map {
	width:55%;
    height:auto;
	max-width:461px;
	float:left;
	margin:2% auto;
	}

.active_box .a_map img{
	width:100%;
    height:auto;
	}

@media only screen and  (max-width: 1280px) {
.active_box .a_map {
	width:100%;
    height:auto;
	max-width:461px;
	float:none;
	margin:5px auto;
	}

.active_box .a_map img{
	width:100%;
    height:auto;
	}
}

.active_box .b_map {
	width:50%;
    height:auto;
	max-width:413px;
	float:left;
	margin:2% auto;
	}

.active_box .b_map img{
	width:100%;
    height:auto;
	}

@media only screen and  (max-width: 1280px) {
.active_box .b_map {
	width:100%;
    height:auto;
	max-width:413px;
	float:none;
	margin:5px auto;
	}
}

.active_box .ac_cont {
	width:52%;
	float:right;
	margin-left:-3%;
	}

.active_box .ac_cont a {
	text-decoration: underline;
	color: #FF7200;
}
.active_box .ac_cont a:hover {
	color: #FFCC00;
	text-decoration: none;
}

@media only screen and  (max-width: 1280px) {
.active_box .ac_cont {
	width:96%;
	float:left;
	margin:0 2%;
	}
}

.active_box ul {
    margin-top:0;
	}
	
.active_box li {
	width:47%;
	height:auto;
    margin:0 1.5% 1.5%;
	float:left;
	position: relative;
	}

@media only screen and  (max-width: 1280px) {
.active_box li {
	width:22%;
    margin:0 1.5% 1.5%;
	}
}

@media only screen and  (max-width: 568px) {
.active_box li {
	width:47%;
    margin:0 1.5% 1.5%;
	}
}

.active_box li .imgArea{ height: auto;position: relative; }
.active_box li .imgArea2{ height: auto;position: relative; }

.active_box li .imgArea img{ height: auto;width:100%; }
.active_box li .imgArea2 img{ height: auto;width:100%;margin-bottom:3%; }

.nob {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	color: #FFF;
	font-size: 12px;
	background-color: #F46300;
	padding: 1px 5px;
	display:inline-block;
}

.active_box li a {
	text-decoration: underline;
	color: #FF7200;
}
.active_box li a:hover {
	color: #FFCC00;
	text-decoration: none;
}

.active_box h5{
	font-weight:bold;
	color:#B52D22;
	font-size:14px;
	text-align: center;
}

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

/* around_syousai
--------------------------------------------------*/
.around_syousai {
	width:96%;
	margin:2% auto
	}

.around_syousai ul {
	width:100%;
	margin-bottom:3%;
	float:left;
	}
	
.around_syousai li {
	width:31%;
    margin:0 1% 0 1.2%;
	float:left;
	line-height:1.5;
	overflow:hidden;
	box-sizing: border-box;
	padding:1% 2%;
	}

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

.around_syousai .ar_p{
	text-align: center;
	}


@media only screen and  (max-width: 568px) {
.around_syousai li {
	width:48%;
    margin:0 0.5% 0 1%;
	}
}

.around_syousai li img {
	width:100%;
    max-width:256px;
	margin-bottom:5px;
	}
		
.around_syousai h3{
	font-weight:normal;
	color:#B52D22;
	font-size:1.4em;
	text-align: center;
}

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

.around_syousai p{
	text-align: left;
	padding:0 5px;
	font-size:0.8em;
}

.around_syousai .s_title{
	font-weight:bold;
	color:#4763B2;
	font-size:14px;
	text-align: center;
}




/* nimotu_box
--------------------------------------------------*/
.nimotu_box{
	width:96%;
    margin:0 2% 10px;
}
.takuhai_info{
	width:98%;
	margin:0 auto 10px;
}

.nimotu_pic{
	width:153px;
	height:259px;
	float:left;
	margin:0 3% 0 0;
}

@media only screen and  (max-width: 1280px) {
.nimotu_pic{
	width:30%;
	height:auto;
	float:left;
	margin:0 3% 0 0;
}
}

.takuhai_info p{
	font-size:1em;
	padding-top:10px;
	line-height:1.8;
}

.takuhai_info  strong{
color:#D97407;
font-size:20px;
	}

@media only screen and  (max-width: 1280px) {
.takuhai_info  strong{
font-size:18px;
	}
}

@media only screen and  (max-width: 568px) {
.takuhai_info  strong{
font-size:16px;
	}
}

.takuhai_info2 { 
    width:97%;
	margin: 20px auto;
	background:#CBB77A;
	padding:1.5%;
	float: left;
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	}

.takuhai_syousai{
    width: 97%;
	padding:1.5% 1.5% 3%;
	background:#FFF;
	float: left;
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}

.takuhai_syousai .ttl_takuhai{
	width: 100%;
	border:1px solid #84674A;
	border-bottom:1px solid #84674A;
	background:#84674A;
	color:#FFF;
}

@media only screen and  (max-width: 568px) {
.takuhai_syousai h2{
	font-size:16px;
	padding:10px 4% 7px 4%;
}

}

.takuhai_syousai p{
	padding:1.5% 1.5% 0 1.5%;
	font-size:14px;
	line-height:1.8;
}

.takuhai_syousai strong{
color:#D97407;
font-size:20px;
	}

@media only screen and  (max-width: 1280px) {
.takuhai_syousai strong{
font-size:18px;
	}
}

@media only screen and  (max-width: 568px) {
.takuhai_syousai strong{
font-size:16px;
	}
}

.takuhai_syousai img{
	float:right;
	margin:0 10px 0 10px;
	width:200px;
	height:auto;
}

@media only screen and  (max-width: 568px) {
.takuhai_syousai img{
	margin:0 2% 0 5%;
	width:30%;
	height:auto;
}
}

.takuhai_syousai ul{
	margin-top:2%;
	padding-left:10px;
}
.takuhai_bt{
	float: left;
	margin-right:15px;
	color:#7B7B7B;
	font-size:14px;
	letter-spacing:0.1em;
}

@media only screen and  (max-width: 1280px) {
.takuhai_bt{
	margin-bottom:15px;
}
}

@media only screen and  (max-width: 568px) {
.takuhai_bt{
	font-size:13px;
	letter-spacing:0em;
}
}

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


/* privacy_box
--------------------------------------------------*/
.privacy_box{
	width:96%;
    margin:2%;
}

.ar_tex{
	width: 96%;
	margin:0 auto 3%;
	font-size:1em;
	line-height:1.8;
}

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


.privacy_box strong{
   color:#CA7242;
   font-size:110%;
}




/* .event_box
=====================================*/
.event_box{
	width:96%;
    margin:0 auto 10px;
	max-width:800px;
	}

.rst{
	font-size:20px;
	font-weight:700;
	}
	
.event_box h3{
	width:100%;
	height      : auto;
	margin      : 0;
	padding     : 0;
	}

.event_box h3 img{
	width:100%;
	height: auto;
	margin:0;
	}

.event_syousai{
	width		: 98%;
	float:left;
	margin-bottom : 25px;
	background	: url("http://www.miyakojima-syukuhaku.com/img/bg_event.jpg") top left repeat-y;
	padding : 10px 1% 20px 1%;
    }

.event_syousai li{
	width		: 46%;
	margin : 0 2%;
	float:left;
	}
	
.event_syousai li h3{
	width		: 98%;
	margin-left:1%;
	line-height :1.8;
	margin-bottom:5px;
	color:#BF3F01;
	font-size:13px;
	word-wrap: break-word;
	}
	
.event_syousai li img{
	width		: 161px;
	height      : 122px;
	margin-right : 9px;
	float:left;
	}


@media only screen and  (max-width: 1280px) {
.event_syousai li{
	width		: 44%;
	margin : 0 3%;
	padding-top:5px;
	}

.event_syousai li img{
	width		: 80%;
	height      : auto;
	margin-left : 0%;
	margin-right : 20%;
	float:left;
	}
	
.event_syousai li p{
	padding-bottom:5px;
	padding-top:10px;
	font-size:110%;
	}
}	

@media only screen and  (max-width: 800px) {
.event_syousai li{
	width		: 46%;
	margin : 0 2%;
	border-bottom	: none;	
	padding-top:0;
	}

.event_syousai li img{
	width		: 161px;
	height      : 122px;
	margin-right : 9px;
	margin-left : 0;
	float:left;
	}
	
.event_syousai li p{
	padding-bottom:5px;
	padding-top:0;
	font-size:100%;
	}
}	


@media only screen and  (max-width: 568px) {
.event_syousai li{
	width		: 96%;
	padding-top:5px;
	margin-bottom:5px;
	border-bottom	: 1px dotted #BF3F01;
}
}	

@media only screen and  (max-width: 568px) {
.event_syousai li img{
	width		: 30%;
	height      : auto;
	}
}	


.event_syousai li p{
	line-height:1.6;
	font-size:11px;
	}

.eline {
    border-bottom	: 1px dotted #BF3F01;
	height		: 1px;
	padding		: 5px 0 5px 0;
	clear		: both;
	width:98%;
	margin-left:1%;
	margin-bottom:15px;
	}

@media only screen and  (max-width: 568px) {
	.eline {
    display:none;
	}
}	

.rec_photo{
    width:100%;
	magin:10px 0 0;
	clear:both;
	padding-top:10px;
	}

.rec_photo li{
    float:left;
	}

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

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

.reco02L{
	width		: 100%;
	margin:3% 0;
	float:left;
	}

.reco_syousai{
	width		: 94%;
	float:left;
	padding:3%;
	border-bottom	: 1px dotted #180D0F;
	}
	
.reco_syousai h3{
	font-size:30px;
	font-weight:bold;
	padding-top:2%;
	padding-left:1%;
	margin-bottom : 2%;
	color:#D75248;
	}

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

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

/* blog_box
--------------------------------------------------*/
.blog_box{
	width:78%;
    margin:0 0 10px;
	float:left;
}


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

.news_box{
	width		: 98%;
	margin		: 10px auto 15px;
	border		: solid 1px #0A539D;
	padding-bottom:5px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	background  : #FFF;
	}

.news_box h2{
	width		: 96%;
	margin		: 0;
	padding:10px 1% 5px 3%;
	background: #0A539D;
	font-weight:normal;
	color: #FFF;
	}

@media only screen and  (max-width: 568px) {
	.news_box h2{
	width		: 96%;
	margin		: 0;
	background: #0A539D;
	color: #FFF;
	}
}

.news_box h2 a {  
	color: #FFF;
	font-size:2em;
	} 

@media only screen and  (max-width: 568px) {
.news_box h2 a { 
	font-size:1.4em;
	}
}

.news_box h2 a:hover {  
	color: #FFF;
	text-decoration	: none;
	}

.news_box .entry_box a {
	text-decoration: underline;
	color: #FF7200;
}
.news_box .entry_box a:hover {
	color: #FFCC00;
	text-decoration: none;
}
		
.entry_box{
	width : 92%;
	padding : 2% 4% 4% 4%;
	line-height:1.8;
	word-wrap: break-word;
	}

@media only screen and  (max-width: 568px) {
.entry_box{
	font-size:100%;
	line-height:1.6;
	font-size:0.9em;
	}
}

.entry_box img{
	width:auto;
	height:auto;
	max-width : 100%;
	margin:2% 1% 2% 0;
	}


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

/* .sideR
=====================================*/
#sideR{
	width		: 18%;
	float		: right;
	margin-top:10px;
	}

@media only screen and  (max-width: 800px) {
	#sideR{
	clear:both;
	width:96%;
	margin:2%;
	}
}

.news_list{
	width		: 100%;
	margin		: 0 0 15px 0;
	}

.news_list h3{
	width		: 96%;
	padding:2%;
	text-align: center;
	color	:#FFF;
	background	:#0A539D;
	font-weight:400;
	}

.news_list ul{
	margin-bottom:25px;
	}
	
.news_list li{
	width		: 94%;
	padding		: 10px 3%;
	border-bottom:1px dotted #ccc;
	font-size:0.9em!important;
	letter-spacing:0em;
	}

.news_list a { font-size:0.9em!important;color: #FFF; text-decoration:none; }
.news_list a:hover{ color: #E4FF00;text-decoration:underline; }

#sideR p{
	font-size:0.9em!important;
	letter-spacing:0em;
	text-align: center;
	}

#sideR p a { font-size:0.9em!important;color: #FFF; text-decoration:none; }
#sideR p a:hover{ color: #E4FF00;text-decoration:underline; }

/* .pageNav ƒy[ƒW‘—‚θ
================================================== */
.pageNav {
	margin: 0 0 0;
	padding: 10px 10px 5px;
	text-align: center;
}

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

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

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

/* .blog_list
--------------------------------------------------*/
.blog_list {
	font-size   : 110%;
	text-align	: center;
	border-radius: 0;
	margin-top:5%;
	line-height:1.2;
	}

.current_page{
	background: #FF5058;
	color		: #FFF;
	border: 1px solid #dedede;
	padding : 5px 10px 3px 10px;
	line-height:1.2;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	}
	
.blog_list a{
	margin:0 5px;
	background : #F7F7F7;
	color		: #333;
	border: 1px solid #dedede;
	padding : 5px 10px 3px 10px;
	text-decoration	: none;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	}

.blog_list a:hover{
	background: #FF5058;
	color		: #FFF;
	text-decoration	: none;
	}

.work_bt{
	color:#FFF;
	font-size:14px;
	text-align: center;
	margin-top:10px;
}

.work_bt a{color:#FFF;display:block;padding:10px;background-color:#38A4D1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.work_bt a:hover{color:#FFF;text-decoration:none;background-color:#0E7AA7;}

/* .sea-park
-------------------------------------------------- */
.spk_center {
	width:100%;
	position: relative;
	margin:0 auto 1.5%;
}

.spk_logo {
	width:100%;
	max-width:300px;
	margin:0 auto 30px;
}

@media only screen and  (max-width: 800px) {
.spk_logo {
	margin:5% auto 20px;
}
}


@media only screen and  (max-width: 568px) {
.spk_logo {
	margin:2% auto 10px;
	max-width:220px;
}
}

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

.spk_day {
  text-align: center;
}

.spk_start {
  width:131px;
  height:131px;
  position: absolute;
  top: 5%;
  right: 25%;
}

@media only screen and  (max-width: 1280px) {
.spk_start {
  right: 18%;
}
}

.spk_start img{
  width:131px;
  height:131px;
}

@media only screen and  (max-width: 800px) {
.spk_start{
	right: 0%;
}
}

@media only screen and  (max-width: 568px) {
.spk_start {
  width:80px;
  height:80px;
}

.spk_start img{
  width:80px;
  height:80px;
}
}

.spk_text {
	text-align: center;
	color:#EE0D0D;
	margin: 0 auto 15px;
	font-size:1.6em;
	font-weight:bold;
}

@media only screen and  (max-width: 800px) {
.spk_text {
	margin: 0 auto 5px;
}
}

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

.spk_text strong{
  color:#1C2961;
  font-size:2em;
}

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

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

.spk_text2 {
	display:block;
	text-align: center;
	color:#000;
	margin: 0 auto 15px;
	font-size:1.2em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:400;
}

@media only screen and  (max-width: 800px) {
.spk_text2 {
	margin: 0 auto 5px;
	font-size:1.1em;
}
}

@media only screen and  (max-width: 568px) {
.spk_text2 {
	text-align: left;
	font-size:1em;
	padding:0 3%;
}
}

#spk_list {
	width:53%;
	float:left;
	margin:2% 2% 2% 0%;
}

@media only screen and  (max-width: 800px) {
#spk_list {
	width:96%;
	margin:2%;
}
}

.spk_menu {
	width:100%;
	float:left;
	box-sizing: border-box;
	padding:0 0;
	margin:0 0 1.5%;
	border:3px solid #1C2961;
	background:#FFF;
}

.spk_menu li {
	width:33.333333%;
	float:left;
	text-align: center;
	box-sizing: border-box;
	padding:0 0.1% 10px;
	background:#1C2961;
	position: relative;
}

@media only screen and  (max-width: 568px) {
.spk_menu {
	width:98%;
	margin:0 1% 15px;
}

.spk_menu li {
	width:50%;
}
}

.spk_menu li .flag {
	width:25%;
	height:auto;
	position: absolute;
	top: 1.5%;
	left: 2%;
}

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

.spk_menu li .spk_mn {
	width:100%;
	height:auto;
}

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

.spk_menu li .spk_nam {
	width:100%;
	height:auto;
}

.spk_menu li .spk_nam img{
	width:auto;
	max-width:100%;
	height:30px;
	margin-bottom:3px;
}

.spk-bt{
	margin:0 auto;
	font-size:0.8em;
	letter-spacing:0;
	text-align: center;
	width:80%
}

.spk-bt a{font-size:11px;color:#FFF;display:inline-block;padding:4px 15px;background-color:#38A4D1;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.spk-bt a:hover{color:#FFF;text-decoration:none;background-color:#0E7AA7;}

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

.spk_ord {
	padding:1% 2%;
}

@media only screen and  (max-width: 568px) {
.spk_ord {
	width:50%;
	padding:1% 2%;
	box-sizing: border-box;
	float:right;
}
}

.spk_ord p{
	padding:0.2% 1%;
    color:#000;
	font-size:0.9em;
	line-height:1.6;
}

@media only screen and  (max-width: 568px) {
.spk_ord p{
	padding:3px 1% 0;
	font-size:0.8em;
	line-height:1.5;
}
}

.spk_menu2 {
	width:100%;
	float:left;
	box-sizing: border-box;
	padding:0 0;
	margin:2% 0 2%;
	border:3px solid #1C2961;
	background:#FFF;
}

.spk_menu2 li {
	width:33.333333%;
	float:left;
	text-align: center;
	box-sizing: border-box;
	padding:0 0.1% 0;
	background:#1C2961;
	position: relative;
}

@media only screen and  (max-width: 568px) {
.spk_menu2 {
	width:98%;
	margin:0 1% 1.5%;
}

.spk_menu2 li {
	width:50%;
}
}
.spk_menu2 li .flag {
	width:25%;
	height:auto;
	position: absolute;
	top: 1.5%;
	left: 2%;
}

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

.spk_menu2 li .spk_mn {
	width:100%;
	height:auto;
}

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

.spk_menu2 li .spk_nam {
	width:100%;
	height:auto;
}

.spk_menu2 li .spk_nam img{
	width:auto;
	max-width:100%;
	height:47px;
	margin-top:2px;
	margin-bottom:3px;
}

.spk2_ord {
	padding:2%;
	width:100%;
	box-sizing: border-box;
	background:#FFF;
	margin-top:10px;
	text-align: left;
	display:block;
	height:auto;
	min-height:100px;
	overflow:hidden;
}

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

.spk2_ord p{
	padding:1% 1.5% 0.8%;
    color:#000;
	font-size:0.8em;
	line-height:1.6;
}

.spk_map {
	width:45%;
	float:right;
	box-sizing: border-box;
	padding:2% 0 2% 1%;
}

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

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

.safe_rule{
	width:100%;
	float:left;
	box-sizing: border-box;
	padding:5% 1% 2%;
}

.sfr01{
	text-align: center;
	margin-bottom:5px;
	font-size:3em;
	font-weight:bold;
	color:#1C2961;
}

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

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

.sfr02{
	text-align: center;
	margin-bottom:25px;
	font-size:2em;
	font-weight:bold;
	color:#1C2961;
}

@media only screen and  (max-width: 800px) {
.sfr02{
	margin-bottom:15px;
	font-size:1.6em;
}
}

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

.sfr03{
	text-align: center;
	margin-bottom:25px;
	font-size:1.4em;
	color: #333;
	font-weight:bold;
}

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

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

.sfr04 {margin-bottom:3%;float:left;}

.sfr04 li {
	float:left;
	box-sizing: border-box;
	padding:1.5% 1%;
	color:#FFF;
	-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
	border:5px solid #FFF;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.sfw33 {
	width:31.3333%;
	margin:0.5%;
	background:#1C2961;
}

.sfw50 {
	width:47.5%;
	margin:0.5%;
	background:#1C2961;
}

.sfw333 {
	width:31.3333%;
	margin:0.5%;
	background:#68BA1F;
}

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

.sfw33 {
	width:48%;
	margin:1% 1%;
}

.sfw50 {
	width:48%;
	margin:1% 1%;
}

.sfw333 {
	width:48%;
	margin:1% 1%;
}
}

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

.sfw33 {
	width:96%;
	margin:1% 2%;
}

.sfw50 {
	width:96%;
	margin:1% 2%;
}

.sfw333 {
	width:96%;
	margin:1% 2%;
}
}

.sfr04 li img{
	width:30%;
	height:auto;
	padding-right:15px;
	padding-left:5px;
	float:left;
	max-width:100px;
}

.sfr04 li small{
	font-size:0.8em;
	color:#FFF;
}

.sfr04 li p{
	color:#FFF;
	font-size:0.9em;
	line-height:1.5;
}

@media only screen and  (max-width: 1280px) {
.sfr04 li p{
	font-size:0.8em;
}
}

.rule_list{
	width:100%;
	margin:1% auto 2%;
	max-width:650px;
}

@media only screen and  (max-width: 800px) {
.rule_list{
	width:92%;
	margin:1% 2% 2% 6%;
}
}

.rule_list li{
	list-style-type: circle!important;
	padding:0.5% 0 0.5% 0.5%;
	font-size:1.2em;
	color:#000;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:500;
}

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

@media only screen and  (max-width: 568px) {
.rule_list li{
	font-weight:400;
	font-size:0.9em;
}
}

/* .sea-parkΪΧ
-------------------------------------------------- */
.spk_logo2 {
	width:100%;
	max-width:200px;
	margin:0 auto 20px;
}

@media only screen and  (max-width: 800px) {
.spk_logo2 {
	margin:2% auto 20px;
}
}


@media only screen and  (max-width: 568px) {
.spk_logo2 {
	margin:0 auto 10px;
	max-width:150px;
}
}

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

.spk_title {
	text-align: center;
	color:#EE0D0D;
	margin: 0 auto 15px;
	font-size:2.2em;
	font-weight:bold;
}

@media only screen and  (max-width: 800px) {
.spk_title {
	margin: 0 auto 5px;
}
}

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

.spk_title strong{
  color:#1C2961;
  font-size:1.2em;
}

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

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

.spk_title2 {
	text-align: center;
	color:#EE0D0D;
	margin: 0 auto 15px;
	font-size:1.6em;
	font-weight:bold;
}

@media only screen and  (max-width: 800px) {
.spk_title2 {
	margin: 0 auto 5px;
}
}

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

.spkm_sy{
	width:96%;
	height:auto;
	float:left;
	margin:1% 2%;
	border:3px solid #1C2961;
	background:#FFF;
	position: relative;
}

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

@media only screen and  (max-width: 800px) {
.spkm_sy{
	width:96%;
	margin:1% 2%;
	background:#1C2961;
}
}

.spkm_sy .mn_name{
	width:23.3333%;
	background:#1C2961;
	box-sizing: border-box;
	float:left;
	position: relative;
	display:block;
	border-right:0.05em solid #1C2961;
}

@media only screen and  (max-width: 800px) {
.spkm_sy .mn_name{
	width:35%;
	border-right:none;
}
}

.spkm_sy .mn_name img {
	width:auto;
	max-width:100%;
	height:100%;
	max-height:345px;
	margin:0 auto;
}

@media only screen and  (max-width: 1280px) {
.spkm_sy .mn_name img {
	max-height:288px;
}
}

@media only screen and  (max-width: 568px) {
.spkm_sy .mn_name img {
	width:100%;
	height:auto;
	max-height: initial;
}
}

.spkm_sy .mn_name .time{
	width:70px;
	position: absolute;
	bottom: 0;
	right: 10px;
	font-size:0.8em;
	color:#FFF;
	text-align: center;
	line-height:1.2;
}

.spkm_sy .mn_name .time span{
	font-size:2.5em;
	color:#FFF;
	text-align: center;
}

@media only screen and  (max-width: 568px) {
.spkm_sy .mn_name .time{
	width:55px;
	right: 5px;
	bottom: 2px;
	font-size:11px;
}

.spkm_sy .mn_name .time span{
	font-size:2em;
}
}

.spkm_sy .mn_name .time2{
	width:80px;
	position: absolute;
	bottom: 0;
	right: 10px;
	font-size:0.8em;
	color:#FFF;
	text-align: center;
	line-height:1.2;
}

.spkm_sy .mn_name .time2 span{
	font-size:2.5em;
	color:#FFF;
	text-align: center;
}

@media only screen and  (max-width: 568px) {
.spkm_sy .mn_name .time2{
	width:65px;
	right: 5px;
	bottom: 2px;
	font-size:11px;
}

.spkm_sy .mn_name .time2 span{
	font-size:2em;
}
}

.spkm_sy .mn_photo{
	width:43.3333%;
	float:left;
	box-sizing: border-box;
	padding:0;
	border-right:0.05em solid #1C2961;
}

@media only screen and  (max-width: 800px) {
.spkm_sy .mn_photo{
	width:65%;
	border-right:none;
}
}

.spkm_sy .mn_photo img {
	width:100%;
	height:auto;
}

.spkm_sy .mn_text{
	width:33.3333%;
	float:left;
	box-sizing: border-box;
	padding:2% 1.5% 2% 2%;
}

@media only screen and  (max-width: 800px) {
.spkm_sy .mn_text{
	width:100%;
	background:#FFF;
	padding:2% 3% 1% 3%;
}
}

@media only screen and  (max-width: 568px) {
.spkm_sy .mn_text{
	padding:2% 5% 1% 5%;
}
}

.spkm_sy .mn_text h3{
	color:#149CC1;
	font-size:1.4em;
	margin-bottom:1.5%;
}

@media only screen and  (max-width: 1280px) {
.spkm_sy .mn_text h3{
	font-size:1.2em;
	margin-bottom:0.5%;
}
}

@media only screen and  (max-width: 800px) {
.spkm_sy .mn_text h3{
	margin-bottom:0px;
}
}

.spkm_sy .mn_text .txt_sy{
	font-size:1.1em;
	padding:1.5% 1% 0;
	line-height:1.8;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:400;
}

@media only screen and  (max-width: 1280px) {
.spkm_sy .mn_text .txt_sy{
	font-size:0.9em;
	line-height:1.6;
}
}

@media only screen and  (max-width: 800px) {
.spkm_sy .mn_text .txt_sy{
	font-size:1.1em;
	padding:0.5% 0;
}
}

@media only screen and  (max-width: 568px) {
.spkm_sy .mn_text .txt_sy{
	font-size:14px;
}
}


.spp_order {
	border-top:0.05em solid #1C2961;
	float:left;
	width:100%;
}

@media only screen and  (max-width: 800px) {
.spp_order {
	background:#FFF;
	border-top:none;
}
}

.spp_order .or40 {
	width:40%;
	padding:1.5%;
	float:left;
	box-sizing: border-box;
}

@media only screen and  (max-width: 800px) {
.spp_order .or40 {
	width:100%;
	padding:0.5% 3% 1.5%;
}
}

@media only screen and  (max-width: 568px) {
.spp_order .or40 {
	padding:0.5% 4% 1.5%;
}
}

.sppr_ttl{
	padding:2px 5px 1px;
	background:#F76C6D;
	color:#FFF;
	font-size:12px;
	display:inline-block;
	margin-left:5px;
	margin-bottom:0;
}

.sppr_ttl2{
	padding:2px 5px 1px;
	background:#F76C6D;
	color:#FFF;
	font-size:12px;
	display:inline-block;
	margin-left:5px;
	margin-bottom:0;
	margin-top:15px;
}

.sppr_sy{
	font-size:0.9em;
	padding:0 5px 2px;
	line-height:1.2;
	margin-top:0;
}

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

.sppr_sy span{
	font-size:2em;
	font-weight:500;
	color:#F96855;
	margin-left:5px;
	font-family:"Century Gothic", serif;
	}

@media only screen and  (max-width: 1280px) {
.sppr_sy span{
	font-size:1.8em;
}
}

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

.sppr_sy2{
	font-size:0.8em;
	padding:8px 5px 2px;
}

.sppr_sy3{
	font-size:0.8em;
	padding:0 5px 2px;
	line-height:1.2;
	margin-top:10px;
}

.sppr_sy3 span{
	font-size:1.6em;
	font-weight:500;
	color:#F96855;
	margin-left:5px;
	font-family:"Century Gothic", serif;
	}

.spp_order .or60 {
	width:60%;
	padding:1.5% 1%;
	float:right;
	box-sizing: border-box;
}

@media only screen and  (max-width: 800px) {
.spp_order .or60 {
	width:100%;
	padding:1.5% 3%;
}
}

@media only screen and  (max-width: 568px) {
.spp_order .or60 {
	padding:0.5% 4% 1.5%;
}
}

.spp_order .wd50 {
	width:50%;
	padding:0 0.5% 0;
	float:left;
	box-sizing: border-box;
}

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

.spp_order .wd502 {
	width:50%;
	padding:1.5% 0.5% 0;
	float:left;
	box-sizing: border-box;
}

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

.spp_order .wd100 {
	width:100%;
	padding:1.5% 0.5% 0;
	float:left;
	box-sizing: border-box;
}

.jkn{
	font-size:1.1em;
	color:#000;
}

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

.jkn span{
	padding:2px 5px 1px;
	background:#1C2961;
	color:#FFF;
	font-size:12px;
	float:left;
	display:inline-block;
	margin-right:8px;
	margin-top:1px;
}

@media only screen and  (max-width: 800px) {
.jkn span{
	margin-top:1px;
}
}


.jkn2{
	font-size:0.9em;
	color:#000;
}

.jkn2 span{
	padding:2px 5px 1px;
	background:#1C2961;
	color:#FFF;
	font-size:12px;
	float:left;
	display:inline-block;
	margin-right:8px;
	margin-bottom:20px;
	margin-top:2px;
}

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

.jkn3{
	font-size:0.9em;
	color:#000;
}

.jkn3 span{
	padding:2px 5px 1px;
	background:#1C2961;
	color:#FFF;
	font-size:12px;
	float:left;
	display:inline-block;
	margin-right:8px;
	margin-bottom:0;
	margin-top:0;
}

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

.spkm_catn{
	width:94%;
	margin:0.5% 3%;
	font-size:0.8em;
	color:#000;
}

@media only screen and  (max-width: 1280px) {
.spkm_catn{
	width:98%;
	margin:0.5% 1%;
}
}

@media only screen and  (max-width: 800px) {
.spkm_catn{
	width:96%;
	margin:1% 2%;
}
}

.spk_bt{
	width:100%;
	max-width:450px;
	margin:3% auto 0;
	text-align: center;
}

.spres{
	margin:0 10px;
	letter-spacing	: 0.1em;
	text-align: center;
	float:left;
}

@media only screen and  (max-width: 568px) {
.spres{
	margin:0 5px;
	letter-spacing	: 0em;
}
}

.spres a{color:#FFF;display:inline-block;padding:5px 12px 3px;background-color:#EE1C23;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.spres a:hover{color:#FFF;text-decoration:none;background-color:#D34141;}

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

.sptm{
	margin:0 10px;
	letter-spacing	: 0.1em;
	text-align: center;
	float:left;
}

@media only screen and  (max-width: 568px) {
.sptm{
	margin:0 5px;
	letter-spacing	: 0em;
}
}

.sptm a{color:#FFF;display:inline-block;padding:5px 12px 3px;background-color:#46B3CD;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.sptm a:hover{color:#FFF;text-decoration:none;background-color:#0F98B9;}

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

.sprule{
	margin:0 10px;
	letter-spacing	: 0.1em;
	text-align: center;
	float:left;
}

@media only screen and  (max-width: 568px) {
.sprule{
	margin:0 5px;
	letter-spacing	: 0em;
}
}
.sprule a{color:#FFF;display:inline-block;padding:5px 12px 3px;background-color:#254B7C;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.sprule a:hover{color:#FFF;text-decoration:none;background-color:#326FBD;}

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

.sp_sche{
	width:100%;
	max-width:766px;
	margin:2% auto 0;
	clear:both;
}

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

.sp_sche2{
	width:96%;
	margin:2% auto 0;
	text-align: center;
	clear:both;
}

.sp_sche2 img{
	width:150px;
	height:auto;
	margin:10px auto 15px;
}

@media only screen and  (max-width: 800px) {
.sp_sche2 img{
	width:100px;
}
}

.sp_sche2 p{
	font-size:1em;
}

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

.sche2_tx{
	background:#FFF;
	color:#000;
	display:inline-block;
	padding:1.5% 2% 0.8%;
	box-shadow:inset 0 1px 3px rgba(0,0,0,.3);
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

@media only screen and  (max-width: 800px) {
.sche2_tx{
	text-align: left;
	padding:1.5% 20px 0.8%;
}
}

@media only screen and  (max-width: 568px) {
.sche2_tx{
	padding:1.5% 10px 0.8%;
}
}

/* .sea-parkiƒcƒA[ˆΔ“ΰj
-------------------------------------------------- */
#sea-park {
	width:100%;
	margin:0 auto 2%;
	padding:3% 0 3%;
	position:relative;
	z-index:2;
	background: url("../images/top/bg_park.gif");
	float:left;
}

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

#sea-park .spmlist{
	width: 98%;
	max-width:1200px;
	margin:0 auto;
}

.spmlist a:hover img { opacity: 0.7; }

.spmlist li{
	width:33.2333%;
	box-sizing: border-box;
	float:left;
	padding:0;
	background:#1C2961;
	margin:0.05%;
}

@media only screen and  (max-width: 800px) {
.spmlist li{
	width:49.9%;
}
}

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

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

.spmL{
	width:40%;
	float:left;
}

.spmR{
	width:60%;
	height:auto;
	float:right;
}

.spm_bt{
	font-weight:400;
	color:#7B7B7B;
	letter-spacing	: 0em;
	text-align:center;
	clear:both;
	margin-top:3%;
}

.spm_bt a{font-size:1.2em!important;color:#FFF;display:inline-block;padding:10px 20px 8px;background-color:#FF4A4A;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.spm_bt a:hover{color:#FFF;text-decoration:none;background-color:#D34141;}

@media screen and (max-width: 568px) {
.spm_bt a{font-size:1em!important;padding:5px 10px 3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}