@charset "utf-8";

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: 1em;
	clear: both;
	color: #B8860B; font-weight: normal;　font-size: 14px;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #f1fef3;
	color: #333;
	font-family: Meiryo,Verdana, Geneva, Tahoma, sans-serif;
	font-size: 14px;
}
a:link {
	text-decoration: none;
	color: #06c;
}
article a:link {
	text-decoration: underline;
	color: #06c;
}

a:visited {
	text-decoration: none;
}
a:hover {
	color: red;
}
a img {
	border-width: 0;
}
dt{
	font-weight: bold;
}
header {
	background-color: #fff;
	clear: both;
}

footer {text-align: right; 	font-size:12px;
background-color : #CCCCCC;
	clear: both;
}

header h1{text-align: left; 
	margin:0;
	padding:0;line-height:0;font-size:1em
}         /* ロゴ左寄せ追加してる */
header p,footer p{
	margin:10px
}

footer a { color : #000000;
}

header nav a:hover {
	text-decoration: underline;
}
aside ol {
	margin: 0px 0px 10px 2em;
	padding: 0px;
}
aside ul, ul.list {
	list-style-type: none;
	margin: 0px 0px 1em 0px;
	padding: 0px;
	border-top: dotted 1px;
}
aside ul li, ul.list li {
	padding: 0.5em 0px;
	margin: 0px;
	border-bottom: dotted 1px;
}
aside ol li {
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
aside li a, .list a {
	display: block;
}
.topic_path {
	background-color: #F8F8F8;
	clear:both
}
.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;
}
.point {
	margin: 1em 0px 1em 0px;
	border: 1px dashed #999;
	padding: 10px;
	clear:both
}
.clear {
clear:both
}

.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;
}

.tour_title{ display:flex;　
width: 100%; box-sizing: border-box; 
}
.tour_box{ border: 3px solid #550000; padding:6px; background-color:#FFEBCD;
}

.tour_name,.tour_price { float: left;  
}
.tour_name {  float: left; width: 54%; box-sizing: border-box; background-color:#550000	;
padding:6px; font-weight: bold; color:#fff; font-size:15px; 

}
.tour_price { float: right; width: 46%; box-sizing: border-box; 
padding:6px; font-weight: bold; color:#fff;  text-align: right;  background-color:#550000	;
}

.tour_left{  width: 22%; text-align: left;
float: left;
}
.tour_right{  width: 78%; text-align: left;
float: left; 
}


.tour_detail{ 
  padding: 3px 8px 0px 8px; margin-bottom:10px;
  border: 3px solid #550000;border-radius: 0 0 8px 8px;
  background-color: #f8d196;　
}
.shadow{ font-size:15px;
    color: #550000;font-weight: bold;
    text-shadow: 2px 2px #fff, 5px 5px rgba(222,184,135, 0.4);
}

.font_right{
text-align: right;
}

.red { color:#FF0000; 
}
.orange { color:#F37207;font-weight: bold;
}
.green { color: #006600;font-weight: bold;
}

.font16{font-size:16px;
}
.bold{font-weight: bold; color:#fff;background-color: #006600; padding: 5px 10px 5px 10px; border-radius: 18px;
} /* スケジュール */
.marker_bold{ background: linear-gradient(transparent 60%, #FFFF66 0%);font-weight: bold;
}　/* 太字イエローライン */

.bold_underline {font-weight: bold;font-size:16px;
background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;
}
.bold_underlinered {font-weight: bold; 
background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;
}/* 太字ピンクライン */



.osusume_ninki {
background:#DB0000;   font-weight: bold;
font-size: 12px; color:  #fff;
padding:3px; margin-bottom : 3px; border-radius: 50px;　font-family: 'Yusei Magic', sans-serif;
}

aside h3 { font-size:14px;	background-color:#DB0000; color: #FFFFFF; padding:5px; font-weight: bold;
border-left: 8px solid #222222; border-right: 8px solid #222222; margin-bottom : 5px;
}

.booking, .Inquiry{ text-align: center; padding:3px; background-color: #E4E4E4 ;
 margin-bottom : 15px;margin-top : 0; font-weight: bold; border-radius: 20px;box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

aside .ab_tour{
width: 100%; box-sizing: border-box;
padding: 10px; border-radius: 20px; background-color:#FF5555;	
overflow: hidden; 
}
aside .our_tour{ font-size:16px; background:#BB0000; padding: 5px; 
border-left: 8px solid #fff; border-radius: 0 10px 10px 0;
} 

aside .our_tour a:link { 
	text-decoration: none;
	font-weight: bold;
}
aside .our_tour a:visited { color:  #000;
	text-decoration: none;
}
aside .our_tour a:hover {
	color:  #FFFFFF;font-weight: bold;
}


.list_check,.list_check2 {  padding-left : 2em;  /* 左側の余白を設定 */
  list-style-type: none;
}    /* 箇条書きの前にチェックしるし　　 */
.list_check li {  
  position: relative;
  line-height: 1.4; 
}
.list_check li::after { 
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.2em;/*左端からのアイコンまでの距離*/
  width: 8px;
  height: 2px;
  border-left: 3px solid #550000; 
  border-bottom: 3px solid #550000;
  transform: rotate(-45deg);
}
.list_check2 li{
  position: relative; 
  line-height: 1.4; 
}
 
.list_check2 li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: -1.2em;/*左端からのアイコンまでの距離*/
  width: 5px;
  height: 5px;
  background-color: #550000;
  border-radius: 50%;
}

.pickup_time{ display:flex; width: 100%; box-sizing: border-box; text-align: center;
}
.pickup_tour{ width: 20%;  box-sizing: border-box;
background-color: #006600; color:  #FFFFFF;padding: 2px;font-size:12px;
}



.kabar_box p,.balimania_box p,.localtimes_box p,.restaurant_box p {　
  margin: 0;
  padding: 0;
}
.kabar_box{
  margin: 1em 10px;  
  padding: 1em;
  background-color: #FCDD03;
  border: dashed 3px #fff;
  box-shadow: 0 0 0 10px #FCDD03;
  border-radius: 5px;
}

.localtimes_box{
  margin: 1em 10px;
  padding: 1em;
  background-color: #B0E0E6;
  border: dashed 3px #fff;
  box-shadow: 0 0 0 10px #B0E0E6;
  border-radius: 5px;
}

.balimania_box{
  margin: 1em 10px;
  padding: 1em;
  background-color: #FEC5EB;
  border: dashed 3px #fff;
  box-shadow: 0 0 0 10px #FEC5EB;
  border-radius: 5px;
}
.restaurant_box{
  margin: 1em 10px;
  padding: 1em;
  background-color: #FFE4B5;
  border: dashed 3px #fff;
  box-shadow: 0 0 0 10px #FFE4B5;
  border-radius: 5px;
}


summary {
  position: relative; 
  display: block; /* 矢印を消す */
  padding-left: 20px; /* アイコン分の余白 */
  cursor: pointer;color:#F37207; font-weight: bold;
}
summary::-webkit-details-marker {
  display: none; /* 矢印を消す */
}
/* 疑似要素でアイコンを表示 */
summary:before,
summary:after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
summary:before {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #006600;
}
summary:after {
  left: 6px;
  width: 5px;
  height: 5px;
  border: 4px solid transparent;
  border-left: 5px solid #fff;
  box-sizing: border-box;
  transition: .1s;
}
/* オープン時 */
details[open] summary:after {
  transform: rotate(90deg); /* 90度回転 */
  left: 4px;
  top: 5px;
}

.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
}

.tour_title,.col_wrap{ display: block;
}
.tour_name,.tour_price,.left_col,.right_col {float: none;
         width: 100%; max-width: 100%;
}


article h3 img{ float: none; display:block;  width: 50%;
}


.tour_box,.tour_detail{  float: none;
}
.tour_box img,.tour_detail img{  width:100%; box-sizing: border-box;  
padding-left:30px; padding-right:30px; 
}


	

	
}
@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: left;
}
#sidebar {
	float: right;
	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;
}
}