@charset "utf-8";
/* CSS Document */
/* タイトル */
.title{
	background-color:#FFF;
	text-align:left;
	padding-top:21%;
	height:auto;
	margin-bottom:30px;
}
.title h3{
	text-align:left;
	font-size:1.2em;
}
.title p{

	color: #333;
	margin-top: -1%;
}
.title h1{
	font-size: 2.5em;
	text-align: center;
	margin-top:5px;
	margin-bottom:-10px;;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.notedll{
	margin-top:-1em;
}



/* 車チャーター */
.charter{
	width:98%;
	margin-bottom:-2em;
}

.charter_left img{
	width:98%;
	height:auto;
}
.charter:after{
	content:"";
	display:block;
	clear:both;
	margin-bottom:30px;
}
.charter_left{
	margin-left:1%;
	float: left;
	width:25%;
}
.charter_right{
	text-align:left;
	float: left;
	width:74%;
}
.charter_right p{
	margin-left:1em;
}
.charter_right h3{
	font-size: 1.1em;
	margin-bottom: -10px;
	text-decoration: underline;
}
.charter_right .spasi2{
	padding-left:-1em;
}
.charter_right .spasi3{
	padding-left:3em;
	font-size:0.9em;
	margin-top:-1em;
	margin-bottom:-1em;
}
.charter_right .noteul{
	padding-left:4em;
}
p .arrow.yajirushi{
	text-align: left;
	font-weight: normal;
	text-decoration: underline;
}
.charter .big{
	text-decoration: underline;
}

/* 料金詳細 */
.price{
	text-align:left;
	margin-left:1em;
	font-size:1.1em;
}
.price h4{
	margin-bottom:-1em;
}
.price p{
	margin-left:1em;
}
.box5 {
	background: #FFF;
	border: solid 3px #FF9933;/*線*/
	border-radius: 10px;/*角の丸み*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 1.5em;
	padding-left: 0.5em;
	text-align:left;
}
.box5 p {
	margin-left: 2em;
	margin-top:0;
	padding: 0;
	font-size: 1.1em;
/*	font-family: Verdana, Geneva, sans-serif;*/
	font-weight: bold;
}
.box5 h4{
	font-size: 1.1em !important;
	text-decoration: none;
	margin-bottom:0;
	margin-left:2em;
}

.button2 {
	width: 130px;
	font-size:0.7em;
	text-decoration: none;
	display: block;
	text-align: center;
	color: #333;
	background-color: #CCCCCC;
	border-radius: 5px;
	box-shadow: 2px 2px #333;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}


/* バリ島内 */
.aroundbali{
	text-align: left;
	float:left;
	width:100%;

}




/* ポイント枠 */
.waku_point {
	border: 2px solid #da4033;
	border-radius: 4px;
	position: relative;
	margin-top: 3em;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 2%;
	font-size: 0.9em;
	padding-right: 2%;
	text-align:left;
}
.waku_point::before {
	background-color: #FFFFFF;
	color: #da4033;
	content: "POINT";
	font-weight: bold;
	left: 1em;
	padding: 0 .5em;
	position: absolute;
	top: -1em;
}
.charter_right .waku_point ul li{
	list-style-type: square;
}
.info p{
	text-align:left;
}

/* カテゴリー */
.midashi {
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-left: 6px solid #c6dea6;
  text-align:left;
  font-size:1em;
}



/* 個別メニュー */
.menu_isi:after{
	content:"";
	display:block;
	clear:both;
}
.gray,.foto,.plan{
	float:left;
	width:100%;	
}

/* オプショナルツアー */
.optional_isi:after{
	content:"";
	display:block;
	clear:both;
}
.optional_left{
	float: left;
	width:50%;
}
.optional_right{
	float: left;
	width:50%;
}
.optional_isi p{
	text-decoration: underline;
}

/* ツアー */
.private_top{
	font-size: 1.1em !important;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 5px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #c6dea6;
	text-align:left;
}

/* 各地から各地へ */
.charter #aroundbali p{
	margin-bottom:0;
}


/* メニュー */
.menu{
	margin-bottom:20px;
	margin-left:2%;
	margin-top:50px;
}
.menu:after{
	content:"";
	display:block;
	clear:both;
}
.menu_isi{
	float: left;
	width:22%;
	margin-left:1%;
	margin-right:1%;
	border: 1px solid #CCC;
	margin-bottom:15px;
}
.menu_isi .gray{
	background-color: #F3F3F3;
	height:65px;
	margin-top:-7px;
}
.menu a img{
	width:100%;
	height:auto;
	margin-bottom:0;
}
.menu h3{
	font-size: 0.9em;
	color: #000;
	padding-left: 2%;
	padding-right: 2%;
	text-align:left;
	margin-top:5px;
}

.menu p{
	font-size: 1em;
	color: #333;
	padding-left: 2%;
	padding-right: 2%;
	text-align:left;
}



/* ランキング */
.ranking{
margin: 0;
padding: 0;
list-style-type: none;
text-align:left;
}
.ranking li{
position: relative;
margin: 0;
padding: 0 0 0 16px;
border-bottom: 1px dotted #ccc;
}
.ranking li::before{
	position: absolute;
	top: 7px;
	left: 1px;
	color: #000;
	content: "■";
	font-size: 9px;
}
.ranking li:first-child::before,
.ranking li:nth-child(2)::before,
.ranking li:nth-child(3)::before{
position: absolute;
top: 1px;
left: 0;
width: 0;
height: 0;
border: 6px solid transparent;
border-bottom: 10px solid #fb0;
content: "";
}
.ranking li:first-child::after,
.ranking li:nth-child(2)::after,
.ranking li:nth-child(3)::after{
position: absolute;
top: 9px;
left: 0;
width: 0;
height: 0;
border: 6px solid #fb0;
border-top: 3px solid transparent;
border-bottom: 6px solid #f90;
content: "";
}
.ranking li:nth-child(2)::before{
border-bottom: 10px solid #ccc;
}
.ranking li:nth-child(2)::after{
border: 6px solid #ccc;
border-top: 3px solid transparent;
border-bottom: 6px solid #aaa;
}
.ranking li:nth-child(3)::before{
border-bottom: 10px solid #d98;
}
.ranking li:nth-child(3)::after{
border: 6px solid #d98;
border-top: 3px solid transparent;
border-bottom: 6px solid #c76;
}
.ranking li span{
	padding-left:1em;
color: #9ab;
font-size: 0.8em;
}


/* インフォメーション */
.info{
	width: 87%;
	margin-right:2%;
	border: 1px solid #CCC;
	padding-left:3%;
	padding-right:3%;
	padding-bottom:1%;
	padding-top:1%;
	margin-bottom:30px;
}
.info h3{
	font-size:1.2em;
	color:#000;
	position: relative;
	text-align: center;
}
.info h3 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.info h3::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #F00;
}



/* ########### 480px以下 スマホ＆タブレット縦 ########### */
@media (max-width: 480px) {
/* slide */	
.slide{
	margin-top:40px;
}
	
/* チャーター枠 */
.charter:after{
	content:"";
	display:block;
	clear:both;
	margin-bottom:30px;
}
.charter_left{
	float: left;
	width:100%;
}
.charter_right{
	text-align:left;
	float: left;
	width:100%;
	margin-bottom:-10px;
}
.charter_right ul{
	margin-left:-30px;
}

.charter_right .waku_point li{
	margin-left: 15px;
	list-style-type: none;
}

.charter_right h3{
	margin-bottom: 0;
}

/* 料金詳細 */
.price{
	margin-left:0;
}

.box5 {
	padding-left:3px;
	padding-right:3px;
	margin-top:1em;
}
.box5 p {
	margin-left: 1em;
	font-weight: normal;
}
.box5 ul{
	padding-left:1.5em;
	padding-right:1em;
}
.box5 h4{
	margin-left:0;
}
.box5 p .ss{
	font-size: 90% !important;
}


/* 写真表示 */
.pcimg{
	display:none;
}
.hpimg img{
	width:70%;
	height:auto;
	margin-top:-30px;
	margin-bottom:30px;

}

/* オプショナルツアー */
.optional_isi:after{
	content:"";
	display:block;
	clear:both;
}
.optional_left{
	float: left;
	width:100%;
	margin-bottom:-1em;
}
.optional_right{
	float: left;
	width:100%;
}

/* バリ島内 */
.aroundbali{
	margin-left:-5px;
}
/* メニュー */
.menu:after{
	content:"";
	display:block;
	clear:both;
}
.menu_isi{
	float: left;
	width: 100%;
	margin-left: 1%;
	margin-right: 1%;
	height: 380px;
	margin-top: 0;
	margin-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.menu_isi:after{
	content:"";
	display:block;
	clear:both;
}
.menu_isi .foto{
	float:left;
	width:30%;
}
.menu_isi .gray{
	float:left;
	width:65%;
	height:auto;
	background-color:#fff;
	margin-top:5px;
	margin-left:5px;
}
.menu_isi .plan{
	float:left;
	width:100%;
}
.menu .menu_isi .gray h3{
	font-size:80%;
}

/* バリ島内 */
#aroundbali .besar{
	display:none !important;
}
#aroundbali .kecil{
	font-size:0.7em;
}


}



/* ########### 481px以上～767px以下 タブレット縦 ########### */
@media (min-width: 481px) and (max-width: 767px) {
/* チャーター枠 */
.charter:after{
	content:"";
	display:block;
	clear:both;
	margin-bottom:30px;
}
.charter_left{
	float: left;
	width:100%;
}
.charter_right{
	text-align:left;
	float: left;
	width:100%;
	margin-bottom:-20px;
}

.charter_right h3{
	margin-bottom: 0;
}

/* 写真表示 */
.pcimg{
	display:none;
}
.hpimg img{
	width:70%;
	height:auto;
	margin-top:-30px;
	margin-bottom:30px;
}

/* 料金詳細 */
.price{
	margin-left:0;
}
.box5 {
	padding-left:3px;
	padding-right:3px;
	margin-top:1em;
}
.box5 p {
	margin-left:1em;
}

/* メニュー */
.menu:after{
	content:"";
	display:block;
	clear:both;
}
.menu_isi{
	float: left;
	width:46%;
	margin-left:1%;
	margin-right:1%;
	height:600px;
	margin-bottom:10px;
}

.menu_isi h3{
	font-size:80%;
}

/* オプショナルツアー */
.optional_isi:after{
	content:"";
	display:block;
	clear:both;
}
.optional_left{
	float: left;
	width:100%;
	margin-bottom:-1em;
}
.optional_right{
	float: left;
	width:100%;
}

/* バリ島内 */
#aroundbali .besar{
	display:none !important;
}
	
	
}


/* ########### 768px以上～1019px以下 小ＰＣ＆タブレット横 ########### */
@media (min-width: 768px) and (max-width: 1019px) {
	/* チャーター枠 */
.charter:after{
	content:"";
	display:block;
	clear:both;
	margin-bottom:30px;
}
.charter_left{
	float: left;
	width:30%;

}
.charter_right{
	text-align:left;
	float: left;
	width:66%;
}
/* 写真表示 */
.hpimg{
	display:none;
}

/* メニュー */
.menu:after{
	content:"";
	display:block;
	clear:both;
}
.menu_isi{
	float: left;
	width:30%;
	margin-left:1%;
	margin-right:1%;
	height:650px;
	margin-bottom:10px;
}

.menu h4{
	padding-top:2px;
}
/* 各エリア紹介 */
.daerah:after{
	content:"";
	display:block;
	clear:both;
}
.daerah_left{
	float: left;
	width:40%;
	margin-left:3%;
}
.daerah_right{
	float: left;
	width:46%;
	margin-left:3%;
}

/* バリ島内 */
#aroundbali .kecil{
	display:none !important;
}	
	
}


/* ########### 1020px以上  大ＰＣ ########### */
@media (min-width: 1020px) {
/* 写真表示 */
.hpimg{
	display:none;
}
/* バリ島内 */
#aroundbali .kecil{
	display:none !important;
}

/* プランメニュー */
.menu_isi{
	height:600px;

}
}