article, aside, canvas, details, figcaption, figure, header, footer, main, menu, nav, section, summary {
	display: block;
}
article, aside {
	text-align: left;
	margin: 10px 10px 1em 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
h1, h1 a:link, h1 a:visited, .left_col h2, .right_col h2, .left_col h3, .right_col h3, aside h3 {
	margin-top: 0px;
	padding: 0px;
	line-height: 1.1em;
	clear: both;
	color: #999;
}
article h1 {
	font-size: 2em;
}
h2, h3, h4, h5, h6, h2 a:link, h3 a:link, h2 a:visited, h3 a:visited {
	padding: 0px;
	line-height: 1.1em;
	clear: both;
	color: #999;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #F5F5F5;
	color: #333;
	font-family: Meiryo,Verdana, Geneva, Tahoma, sans-serif;
	font-size: 1em;
}
a:link {
	text-decoration: none;
	color: #06c;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: red; text-decoration: underline;
}
a img {
	border-width: 0;
}
dt{
	font-weight: bold;
}
header, footer {
	background-color: #fff;
	clear: both;
}
header h1{
	margin:0;
	padding:0;line-height:0;font-size:1em
}
header p, footer p{
	margin:10px
}
header nav a:hover {
	text-decoration: underline;
}
footer {text-align: right; 	font-size:12px;
background-color : #CCCCCC;
	clear: both;
}

aside ul {  
	padding:0;
}

aside li {position: relative;list-style-type: none;
    padding-left: 15px;border-bottom: dotted 1px; 
}
aside li:before {
  content: "";
    position: absolute;
  top: .4em;
    top: .4em;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #D20000;
  border-radius: 50%;
}
.topic_path .container {
	padding-left: 10px;
}
.subtitle {
	margin-top: -15px;
}
.lead {
	border: 1px solid #999;
	background-color: #EEE;
	margin: 10px 0;
	padding: 5px;
	clear: both;
}
.lead p {
	margin: 0;
}
.header{
	background-color:#999
}
.point {
	margin: 1em 0px 1em 0px;
	border: 1px dashed #999;
	padding: 10px;
	clear:both
}
.col_wrap {
	display: block;
    width: 100%;
    clear:both;
}
.left_col {
	float: left;
	width: 49%;
	margin-bottom: 10px;
	clear: both;
}
.right_col {
	float: right;
	width: 49%;
	margin-bottom: 10px;
}
.left_col ul, .right_col ul {
	padding-top: 0px;
	margin-top: 0px;
}
.container{
	text-align:left;
	position:relative;
	margin:auto;
	max-width:1085px
}
#nav{font-size:12px;
	background-color: #000000;
}
#nav ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
#nav li{
	float:left;
	margin:0;
	padding:0;
}
#nav li a{
	display:block;
	padding:0 1em;
	color:#FFF
}

#page_content,#sidebar {
	background-color: #fff;
}

.whatsnew {
	background-color: #FFEEEE; padding:5px; margin-bottom:10px;
}
.whatsnewlogo{ font-size:25px;  font-family: 'Lobster Two', cursive;background: #E50405; color:#fff; 
text-align: center; padding: 0;  margin:0; text-shadow: 1px 1px 2px silver;border-radius: 5px; 

}

.contents_bar{ font-size:18px;  font-family: 'Kosugi Maru', sans-serif;border-radius: 5px; 
	background-color: #000; color: #fff; padding: 5px; transform: scale( 1   , 0.7 );margin:0;
}
.contents2{ font-family: 'Exo 2', sans-serif;
}

.circle_blue,.circle_red ,.circle_pink {	width: 25%; box-sizing: border-box;  font-size:23px; font-family: 'Kosugi Maru', sans-serif; font-weight: bold;
position: relative;  display:flex;    background-color:#fff;  text-shadow: 1px 1px 2px silver;
     justify-content:center; /*横中央*/
   align-items:center; /*縦中央*/
   text-align:center; /*行揃えを中央*/
  width: 70px;  height: 70px;  border-radius: 50%;   text-align:center;
}
.circle_blue {  border: solid 3px #006DDB;
}
.circle_red {  border: solid 3px #DB0000 ;
}
.circle_pink {  border: solid 3px #FF80C0 ;
}

#hotel_content,#optional_content,#spa_content{ display:flex; width: 100%; box-sizing: border-box; 
  border-radius: 10px; margin-bottom:5px;
}

#hotel_content{ 
background: linear-gradient(90deg,rgba(121,186,252, 0.6), rgba(221,238,255, 0.6))fixed,
  url(images/index/bg_htl_foto.jpg);
  background-size: cover;
}

#optional_content{ 
background: linear-gradient(90deg,rgba(235,127,127, 0.6), rgba(249,210,210, 0.6))fixed,
  url(images/index/bg_tour_foto.jpg);
  background-size: cover;
}

#spa_content {
background: linear-gradient(90deg,rgba(238,134,211, 0.6), rgba(251,220,243, 0.6))fixed,
  url(images/index/bg_spa_foto.jpg);
  background-size: cover;
}

.circle_blue,.htl_text,.circle_red,.op_text,.circle_pink,.spa_text{ float:left; margin: 3px;
}
.htl_text,.op_text,spa_text { box-sizing: border-box;
}

.htl_text a,.op_text a,.spa_text a { padding: 10px; border-radius: 5px; font-size:30px; font-family: 'Tinos', serif;
 text-shadow:1px 1px 0 #EEE, -1px -1px 0 #EEE,
              -1px 1px 0 #EEE, 1px -1px 0 #EEE,
              0px 1px 0 #EEE,  0-1px 0 #EEE,
              -1px 0 0 #EEE, 1px 0 0 #EEE;
}

.htl_text a { color: #006DDB;
}
.op_text a { color: #DB0000; 
}
#spa_box ,#spa_box a,.spa_text a,.font_pink2,.font_pink2 a { color: #FF80C0; 
}

.font11{font-size:12px;  font-family: 'Kosugi Maru', sans-serif; font-weight: bold;
}
.font_red{ color:#CE0000;font-weight: bold;
}
.font_blue,.font_blue2 a{ color:#0080FF;font-weight: bold;
}
.font_green{ color:#008000;font-weight: bold;
}
.font_pink,.font_pink a{ color:#FF80C0;font-weight: bold;
}
.font_bold{ color:#000;font-weight: bold;
}

#ab_tour,#ab_tour a { color:#CE0000;
}
#water_tour,#water_tour a,.font_blue2,.font_blue a { color:#0080FF;
}
#land_tour,#land_tour a  { color:#008000;
}

.chapter{ background: #E50405; color:#fff; padding: 0 4px; 
}


.booking_box{ background-color:#FFEEEE;padding: 10px; border-radius: 5px; font-size:12px; border:1px solid #CE0000;
}
.booking_box,#spa_box,#land_tour,.htl_box{  margin-bottom:10px;
}
.spa_area{   margin: 0; padding: 0;  background-color:#FBDCF3;font-size:12px; color:#333;
border:1px solid #FF80C0;
}
.top_text{ font-size:12px; text-align: center;
}



.instagram-media,.fb-page{ margin-bottom :10px;
}

.whatsapp{
position:fixed;
bottom:10px;
right:10px;
}


@media only screen{
img {
	max-width: 100%;
	height: auto;
}
.wrapper{
	font-size:14px
}
}
@media(max-width:480px){
#snav{
	display:none
}
}

@media(max-width:639px){
body{
	-webkit-text-size-adjust: 100%;
}
nav#gnav{display:none}
.left_col, .right_col,footer .left_col, footer .right_col {
	float: left;
	width: 100%;
	margin:0!important
}
.left_col ul.list{
	margin-bottom:0!important
}
.right_col ul.list{
	margin-top:-1px;
	margin-bottom:1.5em
}
.right_col h3, .right_col h4{
	margin-top:1.1em!important
}
#page_content, #sidebar{
	margin: auto 0px;
	border-radius: 0px;
}
.leftimg,.rightimg {
	float: none;
	padding:0;
	text-align:center
}
img.rightimg{
	display:block;
	margin:auto
}
.font11,.circle_blue,.circle_red,.circle_pink,.booking_box { display:none;
}
.htl_text a,.op_text a,.spa_text a { font-size:16px;
}
.top_text{ font-size:9px;
}

.instagram-media{
    min-width: 100% !important;
    margin: 0 -1px !important;
    border-right: none !important;
    border-left: none !important;
}

}
@media(min-width:768px){
.search{
	position:absolute;
	top:1.5em;
	right:0px;
	width:300px;
}
}
@media(min-width:1008px){
.container{
	width:975px
}
.wrapper {
	display: inline-block;
	*display: inline; 
	*zoom: 1; 
	width: 985px;
	margin-bottom: 10px;
	margin-top:10px;
}
#page_content {
	margin: auto 0px;
	width: 750px;
	float: right;
}
#sidebar {
	float: left;
	width: 220px;
	margin: auto 0px 10px 0px;
}
#page_content, #sidebar {
	border-radius: 7px;
}
article, aside {
	padding-top: -10px;
	margin-top: 0;
	margin-bottom:0
}

}

@media only screen and (min-width: 1110px) {
.container{
	width:1075px
}
.wrapper {
	width: 1085px;
}
#page_content {
	width: 750px;
}
#sidebar {
	width: 320px;
}
}