@charset "utf-8";
/* CSS Document */
.isi_tour{
	height:auto;
}
.isi_tour h1{
	font-size:1.2em;
	text-align:center;
	margin-bottom:-1em;
}
.isi_tour h2{
	font-size:1em;
	font-style:inherit;
	text-align:left;
	margin-bottom:-1em;
}
.isi_tour p{
	font-size:1em;
	text-align:center;
}


#pankuzu1{
	margin-bottom:3%;
}




/* 写真スライダー */
 .swiper-container{
      width: 100%;
      height: auto;
 }
.swiper-slide img{
	width:50%;
	height:auto;
}


/* ツアーコード */
.waktu3 {
	width: 12em; /*幅の調節*/
	color: #FFFFFF; /*文字色*/
	background-color: #999999; /*背景色*/
	border-radius: 8px; /*角の丸み*/
	margin-top:0;
	margin-right: auto;
	margin-bottom: -1em;
	margin-left: 0;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0em;
	padding-left: 1.3em;
	font-size:0.8em !important;
}
.waktu31 {
	width: 14em; /*幅の調節*/
	color: #FFFFFF; /*文字色*/
	background-color: #999999; /*背景色*/
	border-radius: 8px; /*角の丸み*/
	margin-top:0;
	margin-right: auto;
	margin-bottom: -1em;
	margin-left: 0;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0em;
	padding-left: 1.3em;
	font-size:0.8em !important;
}

/* 料金 */
.isi_tour .box2 .biaya{
	text-align: center !important;
	font-weight: normal;
	margin-top:1em;
}

/* おすすめポイント */
.isi_tour h4 {
	position: relative;/*アイコン分のスペース*/
	line-height: 1.4;/*行高*/
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 0;
	background-color: #999999;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.isi_tour p{
	text-align:left !important;
}
.ptour .ptour_left p,.ptour {
	text-align:left !important;
}
.ptour:after{
	content:"";
	display:block;
	clear:both;
}
.ptour_left{
	float: left;
	width:70%;
	padding-right:5%;
}
.ptour_right{
	float: left;
	width:25%;
	margin-top:3%;
}
.ptour_right img{
	width:100%;
}
.ptour2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}


/* 詳細 */
.box2 {
	background: #FFF;
	border: solid 3px #FF9933;/*線*/
	border-radius: 10px;/*角の丸み*/
	margin-top: 3em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 1.5em;
	padding-left: 0.5em;
}
.box2 p {
    margin: 0; 
    padding: 0;
}




/* スケジュール */
.waktu {
	width: 90%; /*幅の調節*/
	color: #FFFFFF; /*文字色*/
	background-color: #666666; /*背景色*/
	border: 2px solid #666; /*線の太さ・色*/
	border-radius: 8px; /*角の丸み*/
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0em;
	padding-left: 0.5em;
	margin-right:1em;
}
.waktu2 {
	width: 90%; /*幅の調節*/
	color: #FFFFFF; /*文字色*/
	font-size:0.8em;
	background-color: #FF9933; /*背景色*/
	border-radius: 8px; /*角の丸み*/
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0em;
	padding-left: 0.5em;
	margin-right: 1em;
}
.ptour3 p{
	text-align:left;
}
.ptour3 ul{
	text-align:left;
}
.ptour3:after{
	content:"";
	display:block;
	clear:both;
}
.ptour3_left{
	float: left;
	width:70%;
	padding-right:5%;
}
.ptour3_right{
	float: left;
	width:25%;
	margin-top:3%;
}
.ptour3_right img{
	width:100%;
}


h5{
	background-color: #999999;
	color: #FFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 1.1em;
	text-align:left;
	padding-left:1em;
}

/* オプショナルツアー */
.opisi:after{
	content:"";
	display:block;
	clear:both;
}
.opisi_left{
	float: left;
	width:70%;
	padding-right:5%;
}
.opisi_right{
	float: left;
	width:25%;
	margin-top:3%;
}
.tour_all .title .big{
	margin-bottom:-0.5em;
}
.optional_isi{
	margin-top:-3em;
	margin-bottom:4em;
}
.optional_isi:after{
	content:"";
	display:block;
	clear:both;
}
.optional_left{
	float: left;
	width:50%;
}
.optional_right{
	float: left;
	width:50%;
}
.op_masing h3,{
	margin-bottom:-1em;
	margin-left:0;
	text-align:left !important
}
.op_masing .tourl_isi .tourl_right p{
	margin-top:0;
}

.tourl_right h4{
	font-size:1em;
	text-align:center;
	padding-top:1em;

}
.tourl_isi:after{
	content:"";
	display:block;
	clear:both;
}
.tourl_left{
	float: left;
	width:35%;
	margin-right:2%;
}
.tourl_right{
	float: left;
	width:63%;
}
.tourl_left img{
	width:100%;
	height:auto;
}

.optionaltour h5{
	background-color: #c6dea6;
	color: #333;
}



/* 長文開く・閉じる */
.grad-btn {
	color: #3366FF;
	font-weight: bold;
	font-size:0.8em;
}
.grad-btn::before {
  content: "Read More▼"
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 80px; /*隠した状態の高さ*/
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn::before {
  content: "CLOSE▲" /*チェックされていたら、文言を変更する*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}
.grad-item p{
	text-align:left;
}

/* 詳細はこちら */
.op_masing .arrow_btn {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	background: #fd9535;/*背景色*/
	border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
	margin-top: 1em;
	padding-top: 0.25em;
	padding-right: 0.5em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
}

.op_masing .arrow_btn:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/* 予約・問い合わせボタン */
.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;
}

/* レンボンガンツアー */
.lembongan qa_isi{
	display:none;
}

/* マリンスポーツ */
.marin1_isi:after,.marin2_isi:after{
	content:"";
	display:block;
	clear:both;
}
.marin1_left,.marin2_left{
	float: left;
	width:25%;
	padding-right:2%;
}
.marin1_right,.marin2_right{
	float: left;
	width:73%;
	text-align:left;
}
.marin1_left img,.marin2_left img{
	width:100%;
	height:auto;
}

.marin3_isi:after{
	content:"";
	display:block;
	clear:both;
}
.marin3_left{
	float: left;
	width:25%;
	padding-right:2%;
}
.marin3_right{
	float: left;
	width:73%;
	text-align:left;
}
.marin3_isi img{
	width:100%;
	height:auto;
	margin-top:1em;
}


.marin_isi:after{
	content:"";
	display:block;
	clear:both;
}
.marin1_isi{
	float: left;
	width:49%;
}
.marin2_isi{
	float: left;
	width:49%;
}
.marin_isi h3{
	font-size:1em;
	margin-top:0;
	margin-bottom:-1em;
}
.marin_isi p{
	font-size:0.9em;
}
.kecil{
	font-size:0.9em !important;
}



.boxa {
	position: relative;
	border: solid 3px #023e8a;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxa .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #023e8a;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxb {
	position: relative;
	border: solid 3px #0077b6;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxb .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #0077b6;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxc {
	position: relative;
	border: solid 3px #0096c7;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxc .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #0096c7;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxd {
	position: relative;
	border: solid 3px #00b4d8;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxd .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #00b4d8;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxe {
	position: relative;
	border: solid 3px #48cae4;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxe .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #48cae4;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxf {
	position: relative;
	border: solid 3px #90e0ef;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxf .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #90e0ef;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxg {
	position: relative;
	border: solid 3px #ade8f4;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxg .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #ade8f4;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
	
.package p {
    margin: 0; 
    padding: 0;
}
.package ul{
	margin-left:-2em;
}
.package h3{
	font-size:1.1em;
	text-align:left;
	margin-bottom:0;
}


/* マリンスポーツオプション */
.package .option{
	text-align:left;
}
.package .option h3{
	margin-bottom:-1em;
}

/* お勧め */
.recomen{
	margin-top:2em;

}
.recomen h2{
  padding: .25em 0 .25em .75em;
  border-left: 6px solid #c6dea6;
  margin-bottom:1em;
}
.recomen_isi{
	margin-bottom:2em;
		font-size:90%;
}
.recomen_isi:after{
	content:"";
	display:block;
	clear:both;
}
.recomen_left{
	float: left;
	width:25%;
}
.recomen_right{
	float: left;
	width:75%;
	text-align:left;
}
.recomen_left img{
	width:95%;
	height:auto;
}
.recomen_right h3{
	margin-bottom:-1em;
}
.recomen .arrow_btn {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	background: #fd9535;/*背景色*/
	border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
	margin-top: -1em;
	padding-top: 0.25em;
	padding-right: 0.5em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
}

.recomen .arrow_btn:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


/* ATV */
.kecil2{
	font-size: 0.9em !important;
	margin-bottom:-1em !important;
}
.boxa1 {
	position: relative;
	border: solid 3px #220901;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxa1 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #220901;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxb1 {
	position: relative;
	border: solid 3px #621708;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxb1 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #621708;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxc1 {
	position: relative;
	border: solid 3px #941b0c;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxc1 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #941b0c;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxd1 {
	position: relative;
	border: solid 3px #bc3908;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxd1 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #bc3908;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxe1 {
	position: relative;
	border: solid 3px #f6aa1c;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxe1 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #f6aa1c;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.atv li:nth-child(even) {
  background-color: #ccc !important;
}



/* swing */
.kecil2{
	font-size: 0.9em !important;
	margin-bottom:-1em !important;
}
.boxa2 {
	position: relative;
	border: solid 3px #548A22;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxa2 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #548A22;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxb2 {
	position: relative;
	border: solid 3px #67A72D;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxb2 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #67A72D;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxc2 {
	position: relative;
	border: solid 3px #7ABF3A;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxc2 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #7ABF3A;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxd2 {
	position: relative;
	border: solid 3px #8CCF4D;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxd2 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #8CCF4D;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxe2 {
	position: relative;
	border: solid 3px #A2D45B;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxe2 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #A2D45B;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxf2 {
	position: relative;
	border: solid 3px #B7E05E;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxf2 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #B7E05E;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

/* Bali zoo */
.isi_tour .ptour .ptour_left h1 {
  position: relative;
  padding: 0.6em;
  background: #bcd645;
  text-align-last:left;
}

.isi_tour .ptour .ptour_left h1:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #bcd645;
  width: 0;
  height: 0;
}


.boxa3 {
	position: relative;
	border: solid 3px #f4923c;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxa3 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #f4923c;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxb3 {
	position: relative;
	border: solid 3px #bcd643;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxb3 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #bcd643;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxc3 {
	position: relative;
	border: solid 3px #3ca6ab;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxc3 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #3ca6ab;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxd3 {
	position: relative;
	border: solid 3px #bcd645;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxd3 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #bcd645;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxe3 {
	position: relative;
	border: solid 3px #3da6ad;
	text-align: left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.boxe3 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #3da6ad;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}





/* ########### 480px以下 スマホ＆タブレット縦 ########### */
@media (max-width: 480px) {
/* 横幅 */
.isi_tour{
	width:95%;
}
/* 写真スライダー */
.swiper-container{
	height:auto;
	margin-bottom:0;
	margin-top:0;
}
.swiper-slide img{
	width:90%;
	height:auto;
}

/* タイトル */
.isi_tour h1{
	text-align:left;
}

/* おすすめポイント */
.box2 {
	width:95%;
}
.box2 h1{
	font-size:1em !important;
}

/* ツアー */
.ptour3 ul li{
	margin-left:-3em;
}
.ptour3_left ul li{
	margin-left:0;
}
	
.ptour:after{
	content:"";
	display:block;
	clear:both;
}
.ptour_left{
	float: left;
	width:100%;
}
.ptour_right{
	float: left;
	width:100%;
	margin-left:-5%;
}
.ptour_right img{
	width:80%;
	margin-left:10%;
}
.isi_tour .ptour .ptour_left ul{
	margin-left:-5%;
}

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

.tourl_isi:after{
	content:"";
	display:block;
	clear:both;
}
.tourl_right .setsumei{
	display:none;
}
.tourl_right h4{
	margin-top:-1em;
}

.tourl_left{
	float: left;
	width:40%;
	margin-right:2%;
}
.tourl_right{
	float: left;
	width:58%;
}
.tourl_left img{
	width:100%;
	height:auto;
}
.tourl_right p{
	margin-bottom:2em;
}


/* 詳細 */
.isi_tour .box2 ul{
	margin-left:-8%;
}
.isi_tour .box2 h1{
	font-size:1em;
	text-align:center;
}

/* マリンスポーツ */
.marin_isi:after{
	content:"";
	display:block;
	clear:both;
}
.marin1_isi{
	float: left;
	width:100%;
}
.marin2_isi{
	float: left;
	width:100%;
}



.marin3_isi:after{
	content:"";
	display:block;
	clear:both;
}
.marin3_left{
	float: left;
	width:25%;
}
.marin3_right{
	float: left;
	width:73%;
}

/* スケジュール */
.ptour3:after{
	content:"";
	display:block;
	clear:both;
}
.ptour3_left{
	float: left;
	width:70%;
}
.ptour3_right{
	float: left;
	width:25%;
}
.ptour3_right img{
	width:100%;
}
.ptour3_left ul{
	margin-left:-3em;
}


/* オススメ */
.recomen_left img{
	margin-top:1em;
}	
.recomen_isi{
		font-size:80%;
}	
}


/* ########### 481px以上～767px以下 タブレット縦 ########### */
@media (min-width: 481px) and (max-width: 767px) {
/* 横幅 */
.isi_tour{
	width:95%;
}
/* 写真スライダー */
.swiper-slide img{
	width:90%;
	height:auto;
}

/* タイトル */
.isi_tour h1{
	text-align:left;
	margin-top:5%;
}

/* おすすめポイント */
.box2 {
	width:90%;
}

/* ツアー */
.ptour3 ul li{
	margin-left:-3em;
}
.ptour3_left ul li{
	margin-left:0;
}

.ptour:after{
	content:"";
	display:block;
	clear:both;
}
.ptour_left{
	float: left;
	width:100%;
}
.ptour_right{
	float: left;
	width:100%;
	margin-left:-5%;
}
.ptour .ptour_right img{
	width:80%;
	margin-left:10%;
}
.isi_tour .ptour .ptour_left ul{
	margin-left:-5%;
}

/* 料金 */
.isi_tour .box2 h1{
	text-align: center !important;
}

/* オプショナルツアー */
.op_masing .tourl_isi .tourl_right h4{
	padding-top:2em;
}

/* 詳細 */
.isi_tour .box2 ul{
	margin-left:-2em;
}

/* マリンスポーツ */
.marin_isi:after{
	content:"";
	display:block;
	clear:both;
}
.marin1_isi{
	float: left;
	width:100%;
}
.marin2_isi{
	float: left;
	width:100%;
}


.marin3_isi:after{
	content:"";
	display:block;
	clear:both;
}
.marin3_left{
	float: left;
	width:25%;
}
.marin3_right{
	float: left;
	width:73%;
}



/* スケジュール */
.ptour3{
	width:95%;
}
.ptour3:after{
	content:"";
	display:block;
	clear:both;
}
.ptour3_left{
	float: left;
	width:70%;
}
.ptour3_right{
	float: left;
	width:25%;
}
.ptour3_right img{
	width:100%;
}
.ptour3_left ul{
	margin-left:-3em;
}
/* 強制改行 */
.br:before {
	content: "\A" ;
	white-space: pre ;
}

/* オススメ */
.recomen_left img{
	margin-top:1em;
}
.recomen_isi{
		font-size:80%;
}

}



/* ########### 768px以上～1019px以下 小ＰＣ＆タブレット横 ########### */
@media (min-width: 768px) and (max-width: 1019px) {
/* タイトル */
.isi_tour .title_cl{
	text-align:center !important;
}
/* ツアー内容 */
.isi_tour{
	width:90%;
}
.ptour3_left ul li{
	margin-left:-3em;
}

/* 詳細 */
.isi_tour .box2 ul{
	margin-left:-4%;
}

/* ツアー */
.ptour3 ul li{
	margin-left:-3em;
}	
	
/* 強制改行 */
.br:before {
	content: "\A" ;
	white-space: pre ;
}	
	
}


/* ########### 1020px以上  大ＰＣ ########### */
@media (min-width: 1020px) {
/* タイトル */
.isi_tour .title_cl{
	text-align:center !important;
}
/* ツアー内容 */
.isi_tour{
	width:90%;
}
.ptour3 ul li{
	margin-left:-2em;
}

/* おすすめポイント */
.box2 {
	width:80%;
}	
.box2 .contact{
	margin-left:3em;
}
	
	
	
}