/*@import url('http://bali-oh.com/css_new/import_1216.css');*/
/************************************************************
 *   オプショナルCSS
 ************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	overflow: hidden; /*デザイン時のみ使用 */
	display: inline-table;
}
/* Hides from IE-mac \*/
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
li {
	list-style-type: none;
}
h1,h2,h3,h4,h5 {
	font-size:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}
img {
	vertical-align: bottom;
	border:0px;
}
*{
	margin: 0px;
	padding: 0px;
}
#background_autumn{
	background:none;
	}
#background_winter_chara{
	background:none;
	}

#container {
	width:1100px;
	margin: 0px auto;
	min-height:3000px;
}
#main {
	float: none;
    margin: 0;
    width: 1100px;
	background-color: #FFF;
}
#header-sp,
#footer-sp
 {
	display:none;
	}
/*--------------------------------------------------*
 *   トピックパス
 *--------------------------------------------------*/
#topicpath {
	font-size: 15px;
	line-height: 1.0em;
	background-color: #CC0001;
	color: #FFF;
	padding: 8px 10px;
}
#topicpath a {
	color: #FEF268;
}
#topicpath a:hover {
	color: #FFF;
}
#topicpath span {
	padding: 0px 4px;
}

/*--------------------------------------------------*
 *   ヘッド部分
 *--------------------------------------------------*/
 #main_head_grp .top_fixed{
	 position:fixed;
	 top:0;
	 background-color:rgba(255,255,255,1);
	 z-index:10000;
	 border-top: 5px solid #e1354d;
	  border-radius: 0 0 20px 20px;
	  width: 1090px !important;
	 }
#main_head_grp {
	width: 1100px;
	border-top: 4px solid #E1354D;
	background-color: #FFF;
padding-bottom: 20px;
}
#main_head_grp .above {
	/*width: 1070px;*/
    width: auto;
	margin:0 auto;
	padding: 15px 5px;
}
#main_head_grp .above p.logo {
	width: 200px;
	float: left;
}
#main_head_grp .above .search {
	padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#main_head_grp .above .search form{
    display: flex;
}
#main_head_grp .above .search .keyword {
	/*width: 250px;*/
    width: 185px;
	display:inline-block;
}
#main_head_grp .above .search .keyword p.waku {
	/*width: 194px;*/
    width: 150px;
	height: 26px;
	float: left;
	border: 3px solid #E1354D;
}
#main_head_grp .above .search .keyword p.waku input {
	/*width: 184px;*/
    width: 140px;
	height: 26px;
	border: none;
	line-height: 25px;
	padding-left: 10px;
	font-size: 15px;
}
#main_head_grp .above .search .keyword p.button {
	width: 30px;
	float: right;
}
#main_head_grp .above .search .keyword p.button a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
/* 人気のキーワード16/09/27追加 */
 #main_head_grp .above .search .keyword_base{
	 /*display: inline-block;*/
     display: flex;
     align-items: center;
	  margin-left: 10px;
    /*padding-bottom: 2px;*/
    background: #fdf9dc;
        border: solid 1px #f98100;
 }
#main_head_grp .above .search .popular_keyword{
   display: flex;
}
#main_head_grp .above .search .popular_keyword p{
	float: left;
    margin-right: 5px;
}
#main_head_grp .above .search .popular_keyword .kw_title {
/*background: #e8e8e8;*/
    /*border-radius: 3px;*/
    color: #FFF;
    background: #f68b17;
    /*font-size: 12px;*/
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 5px;
}
#main_head_grp .above .search .popular_keyword .kw{
	/*width:85px;*/
	/*border:2px solid #bbbbbb;*/
	border-radius:3px;
	text-align:center;
	padding:4px 2px;
	font-size:12px;
}
#main_head_grp .above .search .popular_keyword .kw a{
	color: #333;
	/*text-decoration: none;*/
	font-weight:bold;
}
#main_head_grp .above .search .popular_keyword .kw a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
/* 人気のキーワード16/09/27追加 */
#main_head_grp .above .search .popular_keyword .keyword_box{
    display: inline-block;
}

#main_head_grp .above .search ul {
	/*display: inline-block;*/
    display: flex;
    align-items: center;
    letter-spacing: -0.4em;
    /*padding-bottom: 8px;*/
    text-align: right;
	/*margin-left: 20px;*/
    padding-left: 10px;
    
}
#main_head_grp .above .search ul li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	/*padding-left: 15px;*/
	padding-right: 12px;
	vertical-align: top;
	letter-spacing: normal;
	font-size: 13px;
	/*background-image: url(../img-top/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;*/
}
#main_head_grp .above .search ul li:last-child{
    padding-left: 5px;
}
#main_head_grp .above .search ul li a {
	color: #0066CB;
	text-decoration: none;
}
#main_head_grp .above .search ul li span {
	color: #333;
	/*padding-left: 10px;*/
    padding-left: 5px;
    text-decoration: underline;
}
#main_head_grp .above .search ul li a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
#head_line{
	overflow:hidden;
	background:#E1354D;
	padding:5px;
	}
#head_line ul {
	display: inline-block;
    text-align: right;
	margin-left: 130px;
}
#head_line ul li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-left: 15px;
	padding-right: 12px;
	vertical-align: top;
	letter-spacing: normal;
	font-size: 15px;


}
#head_line ul li a {
	color: #0066CB;
	text-decoration: none;
	background-image: url(../img-top/icon_arrow.gif);
	background-repeat: no-repeat;
	display:block;
	background-color:#fff;
	border-radius:4px;
	padding:5px 5px 5px 5px;
	background-position: right center;
}
#head_line ul li span {
	color: #333;
	padding-left: 10px;
}
#head_line ul li a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

/*--------------------------------------------------*
 *   大枠
 *--------------------------------------------------*/
#main_content {
	width: 1080px;
	margin: 0px auto;
	font-size: 14px;
	line-height: 1.4em;
	color: #333;
	padding-bottom: 30px;
}
#main_content p.img_bottom {
	font-size: 0px;
	line-height: 0;
}
#main_content h3,
#main_content h2 {
	margin-top: 0px;
	background: none;
	height: auto;
}
#main_content h3.lead,
#main_content h2.lead{
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 15px;
	text-align: center;
}
#main_content h3.lead span,
#main_content h2.lead span {
	font-size: 28px;
	color: #FF3334;
	padding-left: 5px;
	padding-right: 5px;
}
#main_content div.lead{
	font-size: 16px;
	line-height: 1.5em;
	margin-top: 15px;
	text-align: center;
	margin-bottom: 15px;
}/*20190708追加*/

/*--------------------------------------------------*
 *   オプショナルメニュー
 *--------------------------------------------------*/
#main_content .optional_menu {
	width: 1080px;
	margin: 12px auto 0px auto;
}
#main_content .optional_menu li {
	width: 175px;
	float: left;
	padding: 0px 2.5px;
}
#main_content .optional_menu li a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

/*--------------------------------------------------*
 *   オプショナルメイン
 *--------------------------------------------------*/
#wrapper {
	width: 1080px;
	margin: 10px auto 0px auto;
}
#wrapper a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
#wrapper a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}
#optional_main {
	width: 750px;
	float: right;
}
#optional_main .photo_block {
	width: 745px;
/*	background-color: #F0F0F0;*/
	padding: 10px 0px;
/*	margin-top:10px;*/
}
#optional_main .photo_block .box {
	width: 354px;
	float: left;
	border: 1px solid #CCC;
	margin-left: 10px;
	background-color: #FFF;
}
#optional_main .photo_block .box a {
	text-align:center;
	display: block;
	color: #333;
	text-decoration: none;
}

.new-op-tour {
    background: #ffe9e9;
	 border: 1px solid #c00;
    border-top: 5px solid #c00;
    margin-top: 5px;
	margin-bottom:10px;
}
.op-tour-grp {
    background: #faeedc;
    border: 1px solid #F90;
    border-top: 5px solid #F90;
    margin-top: 5px;
    margin-bottom: 10px;
}
#optional_main .photo_block .box .memo {
	display: block;
	font-size: 15px;
	padding: 10px 10px 0px 10px;
	min-height: 70px;
	text-align:left;
}
.photo-img{
	display:block;
 height: 238px;
    overflow: hidden;
    position: relative;
    width: 354px;
	}
.photo-img img{
	 height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    width: 100%;
	}
.photo-img-s{
	display:block;
    height: 170px;
    overflow: hidden;
    position: relative;
    width: 250px;
	}

.photo-img-s img{
	 height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    width: 100%;
	}

#optional_main .photo_list1 {
	width: 750px;
/*	background-color:  #F0F0F0;*/
	margin-top: 5px;
	overflow: visible;
}
#optional_main .photo_list1 .bxBase{
	width:730px;
	padding:0px 10px 10px 15px;
}
#optional_main .new-op-tour .photo_list1 li {
	width: 32%;
	padding:0.5% 0.5% 0.5% 0px;
	display:inline-block;
}
#optional_main .op-tour-grp .photo_list1 li {
	width: 32%;
	padding:0.5% 0.5% 0.5% 0px;
	display:inline-block;
}
#optional_main .photo_list1 li a {
	display: block;
	color: #333;
	text-decoration: none;
}
#optional_main .photo_list1 li .memo {
	display: block;
	background-color: #FFF;
	padding: 7px;
	  text-align: left;
	min-height: 79px;
}
#optional_main .photo_list1 li .memo.height1{
    min-height: 98px;
}
#optional_main .photo_list1 .newslid {
	width:100%;
	display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    border-bottom: none;
    text-align: center;
}
#optional_main .photo_list1 .photo-img-s{
	display:block;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
	}

#optional_main .photo_list1 .photo-img-s img{
    max-width: 100%;
	height:auto;
	position:static !important;
	transform:none;
	}
/*20230816追加*/
.sp_none{
display:block;
}
.pc_none{
display: none;
}
#optional_main .new-op-tour .photo_list1 li .memo{
/*min-height: 80px;*/
min-height: 100px;
}
#optional_main .new-op-tour .photo_list1 li{
width: 210px;
padding: 10px 10px 0 0;
}
#optional_main .new-op-tour .photo_list1 .optional_cam_slider {
display: none;
}
#optional_main .new-op-tour .photo_list1 .optional_cam_slider.slick-initialized.slick-slider{
display: block;
}
#optional_main .new-op-tour .photo_list1 .optional_cam_slider .slick-prev{
    background:url("../img-top/access-left.png") no-repeat;
    width: 28px;
    height: 28px;
}
#optional_main .new-op-tour .photo_list1 .optional_cam_slider .slick-next{
    background:url("../img-top/access-right.png") no-repeat;
    width: 28px;
    height: 28px;
}
#optional_main .new-op-tour .photo_list1 .optional_cam_slider .slick-prev{
  left: -7px;
  z-index: 2;
}
#optional_main .new-op-tour .photo_list1 .optional_cam_slider .slick-next{
  right: 0;
  z-index: 2;
}
#optional_main .new-op-tour .photo_list1 .optional_cam_slider .photo-img-s .price{
text-shadow : 2px 2px 1px #ffffff,
-2px 2px 1px #ffffff,
2px -2px 1px #ffffff,
-2px -2px 1px #ffffff,
2px 0px 1px #ffffff,
0px 2px 1px #ffffff,
-2px 0px 1px #ffffff,
0px -2px 1px #ffffff;
position: absolute;
bottom: 5px;
right: 5px;
font-weight: bold;
color: #ed1000;
font-size: 20px;
}
#optional_main .new-op-tour .photo_list1 .optional_cam_slider .photo-img-s .s-price{
font-size: 17px;
}

/*--------------------------------------------------*
 *   オプショナルツアー売れ筋ランキング/満足度ランキング
 *--------------------------------------------------*/
#optional_main .ranking_block {
	width: 750px;
	margin-top: 12px;
}
#optional_main .ranking_block .box_a {
	display: block;
	width: 370px;
	float: left;
}
#optional_main .ranking_block .box_b {
	width: 370px;
	float: right;
}
#optional_main .ranking_block .box_a .inner {
	width: 332px;
	background-image: url(../img-top/frame_ranking_middle_a_2.gif);
	background-repeat: repeat-y;
	padding: 0px 19px;
}
#optional_main .ranking_block .box_b .inner {
	width: 332px;
	background-image: url(../img-top/frame_ranking_middle_b_2.gif);
	background-repeat: repeat-y;
	padding: 0px 19px;
}
#optional_main .ranking_block .box .inner ul li {
	border-top: 1px dotted #999;
	padding-top: 10px;
	padding-bottom: 10px;
}
#optional_main .ranking_block .box .inner ul li:first-child {
	border-top: none;
	padding-top: 5px;
}
#optional_main .ranking_block .box .inner ul li a {
	color: #333;
	text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1; /* ここを2や3に変更することで、行数を指定 */
  max-height: calc(1.5em * 1);
}
#optional_main .ranking_block .box .inner ul li.no1 {
	background-image: url(../img-top/icon_no1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
}
#optional_main .ranking_block .box .inner ul li.no2 {
	background-image: url(../img-top/icon_no2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
}
#optional_main .ranking_block .box .inner ul li.no3 {
	background-image: url(../img-top/icon_no3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
}
#optional_main .ranking_block .box .inner p.bt_ranking_more {
	padding-top: 5px;
	text-align: center;
}

/*--------------------------------------------------*
 *   オプショナル最新情報
 *--------------------------------------------------*/
#optional_main .new_info {
	width: 750px;
	margin-top: 15px;
	padding-bottom: 5px;
}
#optional_main .new_info .frm_top {
	width: 750px;
	height: 16px;
	background-image: url(../img-top/frame_top_new_info.gif);
	background-repeat: no-repeat;
}
#optional_main .new_info .frm_bottom {
	width: 750px;
	height: 16px;
	background-image: url(../img-top/frame_bottom_new_info.gif);
	background-repeat: no-repeat;
}
#optional_main .new_info .frm_middle {
 border: 6px solid #b4e3f7;
    border-radius: 10px;
    padding: 15px 0 10px;
    width: 736px;
}
#optional_main .new_info .frm_middle h3 {
	background-image: url(../img-top/icon_new_info.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 32px;
	margin-left: 15px;
	font-size: 22px;
	line-height: 1.2em;
	font-weight: bold;
}
#optional_main .new_info .frm_middle > ul {
	width: 700px;
	padding: 7px 20px 0px 20px;
}
#optional_main .new_info .frm_middle ul li {
	padding: 5px 0px;
	border-bottom: 1px dotted #999;
}
#optional_main .new_info .frm_middle ul li img {
	padding-right: 10px;
}
#optional_main .new_info .frm_middle ul li a {
	display: block;
	color: #333;
	text-decoration: none;
}
#optional_main .new_info .frm_middle ul li .info_img{
    display: inline-block;
    vertical-align: middle;
}
#optional_main .new_info .frm_middle ul li .info_text{
    display: inline-block;
    vertical-align: middle;
    width: 590px;
}
#optional_main .new_info .frm_middle p.bt_info_more {
	padding-top: 14px;
	text-align: center;
}
#optional_main .new_info .frm_middle p.bt_info_more > a,
#info_more > a {
    background: #fedfdd none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 3px 3px 0.1px #ffbdb9;
    display: block;
    margin: 0 20px 5px;
    padding: 10px;
	font-weight: bold;
	cursor:pointer;
	color:#ff6666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*--------------------------------------------------*
 *   タイトル
 *--------------------------------------------------*/
#optional_main h3.ttl_guide {
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.3em;
	padding-left:10px;
	margin-top: 20px;
}
#optional_main h3.ttl_kuchikomi {
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.3em;
	font-weight: bold;
	padding-left:10px;
	margin-top: 20px;
	}
#optional_main h3.ttl_optional_new{
	font-size: 18px;
	line-height: 1.2em;
/*	margin-top: 20px;*/
	position:relative;
}
#optional_main h3.ttl_optional_new span{
	padding-left: 8px;
    position: absolute;
    top: 6px;
    vertical-align: middle;
}
#optional_main h3.ttl_optional_new img{
	vertical-align:middle;
}	
/*--------------------------------------------------*
 *   オプショナルツアー
 *--------------------------------------------------*/
#optional_main .photo_list2 {
	width: 675px;
	overflow: visible;
	padding-left: 5px;
	margin-top: 10px;
}
#optional_main .photo_list2 li {
	width: 216px;
	padding-right: 4px;
}
#optional_main .photo_list2 li img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	margin:0 auto;
	position: relative;
}

/*--------------------------------------------------*
 *   オプショナル完全ガイド（体験レポート）
 *--------------------------------------------------*/
#optional_main .report_block {
	width: 750px;
	margin-top: 10px;
	background-color: #ade9a8;
	border-radius:5px;
	padding: 10px 0px;
}
#optional_main .report_block ul {
	width: 740px;
	margin: 0px auto;
}
#optional_main .report_block ul li {
	width: 236px;
	float: left;
	padding: 0px 5px;
}
#optional_main .report_block ul li .frm_top {
	width: 236px;
	height: 16px;
	background-image: url(../img-top/frame_top_report.gif);
	background-repeat: no-repeat;
}
#optional_main .report_block ul li .frm_bottom {
	width: 236px;
	height: 16px;
	background-image: url(../img-top/frame_bottom_report.gif);
	background-repeat: no-repeat;
}
#optional_main .report_block ul li .frm_middle {
   border: 1px solid #cccccc;
    border-radius: 10px;
    padding: 10px;
    width: 216px;
	background:#fff;
}
#optional_main .report_block ul li .frm_middle p.photo {
	text-align: center;
    position: relative;
}
#optional_main .report_block ul li .frm_middle p.photo .date{
    top: 0;
    left: 0;
    padding: 3px 7px;
    background: #FF8D00 !important;
    width: auto;
    height: auto;
    position: absolute;
    color: #FFF;
}
#optional_main .report_block ul li .frm_middle .high {
	margin-top: 8px;
	min-height: 150px;
}
#optional_main .report_block ul li .frm_middle .high p.title {
	font-size: 16px;
	line-height: 1.2em;
	font-weight: bold;
}
#optional_main .report_block ul li .frm_middle .high p.memo {
	padding-top: 5px;
}
#optional_main .report_block ul li .frm_middle .high p.continue {
	text-align: right;
}
#optional_main .report_block ul li .frm_middle .high p.continue a {
	color: #0066CB;
}
#optional_main .report_block ul li .frm_middle .low {
	margin-top: 10px;
	min-height: 90px;
}
#optional_main .report_block ul li .frm_middle .low p.notice {
	font-size: 13px;
	line-height: 1.3em;
}
#optional_main .report_block ul li .frm_middle .low p.star a {
	color: #0066CB;
	text-decoration: none;
}
#optional_main .report_block ul li .frm_middle .low p.star img {
	vertical-align: baseline;
}
#optional_main p.bt_report_more {
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
}

/*--------------------------------------------------*
 *   オプショナルツアー口コミ情報
 *--------------------------------------------------*/
#optional_main .review_block {
/*	width: 750px;*/
	margin-top: 10px;
	background:#fad1a5;
	padding: 10px 5px;
	border-radius:5px;
}
#optional_main .review_block ul {
	width: 750px;
	margin: 0px auto;
}
#optional_main .review_block ul li {
	width: 240px;
	float: left;
	padding: 0px 2.5px;
}
/*20160704追加*/
.review_block .photo {
    border: 1px solid #ccc;
	border-bottom:none;
	text-align:center;
	height:160px;
	width:238px;
	display:table-cell;
	vertical-align:middle;
	background-color:#eee;
    position: relative;
}
/*/20160704追加*/
.review_block .photo .photo-img-m{
	display:block;
    height: 160px;
    overflow: hidden;
    position: relative;
	width: 238px;
	}
.review_block .photo .photo-img-m img{
	 height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    width: 100%;
	}
.review_block .photo .date{
    top: 0;
    left: 0;
    padding: 3px 7px;
    background: #FF8D00 !important;
    width: auto;
    height: auto;
    position: absolute;
    color: #FFF;
    z-index: 100;
}
#optional_main .review_block ul li .frm_bottom {
	display:none;
}
#optional_main .review_block ul li .frm_middle {
    border: 1px solid #ccc;
    border-radius: 0 0 10px 10px;
    padding: 10px 10px 0;
	background: #fff ;
    width: 218px;
}
#optional_main .review_block ul li .frm_middle .high {
	border-bottom: 1px dotted #999;
	min-height: 100px;
}
#optional_main .review_block ul li .frm_middle .high p.title {
	font-weight: bold;
}
#optional_main .review_block ul li .frm_middle .high p.memo {
	padding-top: 5px;
}
#optional_main .review_block ul li .frm_middle .high p.continue {
	text-align: right;
}
#optional_main .review_block ul li .frm_middle .high p.continue a {
	color: #0066CB;
}
#optional_main .review_block ul li .frm_middle .low {
	margin-top: 10px;
	min-height: 70px;
}
#optional_main .review_block ul li .frm_middle .low p.notice {
	font-size: 13px;
	line-height: 1.3em;
}
#optional_main .review_block ul li .frm_middle .low p.star a {
	color: #0066CB;
	text-decoration: none;
}
#optional_main .review_block ul li .frm_middle .low p.star img {
	vertical-align: baseline;
}
#optional_main p.bt_review_more {
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	margin-bottom:20px;
}

/*--------------------------------------------------*
 *   オプショナルサイド
 *--------------------------------------------------*/
#optional_side {
	width: 306px;
	float: left;
}


	
/*--------------------------------------------------*
 *   ツアー検索
 *--------------------------------------------------*/
#optional_side .tour_search {
	width: 306px;
}
#optional_side .tour_search h3{
	background-color:#FF3333;
	border-radius:5px 5px 0 0;
	padding:10px;
	width: 286px;
}
#optional_side .tour_search .inner {
/*	background-image: url(../img-top/frame_middle_tour_search.gif);*/
	 border: 1px solid #ff3333;
}
#optional_side .tour_search .inner {
/*	background-image: url(../img-top/frame_middle_tour_search.gif);*/
	background-repeat: repeat-y;
}
#optional_side .tour_search .inner a {
	display: block;
	padding: 10px;
	color: #F33;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../img-top/icon_tour_search.gif);
	background-repeat: no-repeat;
	background-position: 220px center;
}

/*--------------------------------------------------*
 *   バリ王 オプショナル（カテゴリー）
 *--------------------------------------------------*/
#optional_side .op_category {
	width: 306px;
	margin-top: 10px;
}
#optional_side .op_category h3{
		background-color:#0CA3B8;
	border-radius:5px 5px 0 0;
	padding:10px;
	width: 286px;
	}
#optional_side .op_category .inner {
	width: 304px;
	border: 1px solid #0ca3b8;
/*	background-image: url(../img-top/frame_middle_op_category.gif);*/
	background-repeat: repeat-y;
}
#optional_side .op_category .inner ul li {
/*	width: 356px;*/
/*	background-image: url(../img-top/frame_middle_op_category.gif);*/
	background-repeat: repeat-y;
	border-top: 1px dotted #0CA3B8;
}
#optional_side .op_category .inner ul li:first-child {
	border-top: none;
}
#optional_side .op_category .inner ul li a {
	display: block;
	color: #0CA3B8;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 6px 6px 10px;
}
#optional_side .op_category .inner ul li span {
	color: #333;
	font-weight: normal;
	padding-left: 5px;
}
/*--------------------------------------------------*
 *   バリ王 オプショナル（カテゴリー）
 *--------------------------------------------------*/
#optional_side .op_wedding {
	width: 306px;
	margin-top: 10px;
}
#optional_side .op_wedding h3{
		background-color:#FD2B84;
	border-radius:5px 5px 0 0;
	padding:10px;
	width: 286px;
	}
#optional_side .op_wedding .inner {
	width: 304px;
	border:1px solid #FD2B84;
/*	background-image: url(../img-top/frame_middle_op_wedding.gif);*/
/*	background-repeat: repeat-y;*/
}
#optional_side .op_wedding .inner ul li {
/*	width: 356px;
	background-image: url(../img-top/frame_middle_op_wedding.gif);*/
	background-repeat: repeat-y;
	border-top: 1px dotted #FD2B84;
}
#optional_side .op_wedding .inner ul li:first-child {
	border-top: none;
}
#optional_side .op_wedding .inner ul li a {
	display: block;
	color: #FD2B84;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 6px 6px 10px;
}
#optional_side .op_wedding .inner ul li span {
	color: #333;
	font-weight: normal;
	padding-left: 5px;
}

/*--------------------------------------------------*
 *   ページトップへ
 *--------------------------------------------------*/
p.bt_pagetop {
	width: 180px;
	height: 40px;
	padding:10px 0px;
	float: right;
}
p.bt_pagetop a {
	width: 180px;
	height: 40px;
	display: block;
	background:url(../img-top/bt_pagetop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
p.bt_pagetop a:hover {
	background-position: left bottom;
}
p.bt_pagetop a span {
	position:absolute;
	left:-7650px;
}

/************************************************************
 *   モーダルウィンドウ（ツアーを検索する）
 ************************************************************/
#popup_modal #popup1 {
	width: 800px;
	margin: 0px auto;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 20px;
	position:fixed;
	display:none;
}
#popup_modal p.bt_close {
	text-align: right;
	padding-right: 15px;
}
#popup_modal p.bt_close a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
#popup_modal .box {
	width: 720px;
	margin: 0px auto;
	padding-top: 10px;
}
#popup_modal .box p.ttl_tour_search {
	border-bottom: 2px solid #EBEBEB;
}
#popup_modal .box table {
	width: 720px;
	margin-top: 10px;
}
#popup_modal .box table td {
	border-bottom: 1px dotted #999;
	padding: 10px 0px;
	text-align: left;
	vertical-align: top;
}
#popup_modal .box table td.item_01 {
	width: 105px;
	font-size: 14px;
	color: #FC3434;
	font-weight: bold;
}
#popup_modal .box table td.item_02 {
	width: 270px;
}
#popup_modal .box table td.item_03 {
	width: 250px;
}
#popup_modal .box table td.item_04 {
	width: 720px;
}
#popup_modal .box table td.item_05 {
	width: 240px;
	padding-left: 35px;
}
#popup_modal .box table td.item_06 {
	width: 340px;
}
#popup_modal .box table td p.icon_area {
	background-image: url(../img-top/icon_area.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 28px;
	padding-left: 34px;
}
#popup_modal .box table td p.icon_category {
	background-image: url(../img-top/icon_category.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 28px;
	padding-left: 34px;
}
#popup_modal .box table td p.icon_time {
	background-image: url(../img-top/icon_time.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 28px;
	padding-left: 34px;
}
#popup_modal .box table td p.icon_target {
	background-image: url(../img-top/icon_target.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 28px;
	padding-left: 34px;
}
#popup_modal .box table td p.icon_keyword {
	width: 110px;
	float: left;
	background-image: url(../img-top/icon_keyword.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 28px;
	padding-left: 34px;
	font-size: 14px;
	color: #FC3434;
	font-weight: bold;
}
#popup_modal .box table td p.icon_others {
	background-image: url(../img-top/icon_others.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 28px;
	padding-left: 34px;
}
#popup_modal .box table td .keyword_box {
	width: 576px;
	float: left;
}
#popup_modal .box table td select {
	width: 240px;
	border: 1px solid #CCC;
	padding-left: 4px;
	height: 28px;
	line-height: 28px;
}
#popup_modal .box table td .keyword_box input {
width: 380px;
	border: 1px solid #CCC;
	padding-left: 4px;
	height: 28px;
	line-height: 28px;
	font-size: 15px;
}
#popup_modal .box table td .memo_01 {
    font-size: 12px;
    letter-spacing: -0.05em;
	padding-top: 5px;
}
#popup_modal .box table td .memo_02 {
	font-size: 12px;
	padding-left: 5px;
}
#popup_modal .box p.bt_search {
	text-align: center;
	margin-top: 15px;
}
#popup_modal .box p.bt_search a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
#lean_overlay {
	position: fixed; z-index:10000;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	display: none;
}

/*--------------------------------------------------*
 *   bx-sliderリセット
 *--------------------------------------------------*/
.bx-wrapper .bx-viewport {
-webkit-box-shadow: 0 0 0px #ccc !important;
box-shadow: 0 0 0px #ccc !important;
border: none !important;
background: none !important;
}
/*--------------------------------------------------*
 *   TOPへ戻る
 *--------------------------------------------------*/
#floating{
	bottom: 0;
    height: 18px;
    left: 51%;
    margin-left: -432px;
    position: fixed;
    width: 960px;
    z-index: 10100;
}
#floating #page-top {
    height: 48px;
    position: absolute;
    right: 0;
    top: -40px;
    width: 48px;
    z-index: 100;
}
/*.floating #page-top a {
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	background:#FFFFFF;
}
*/
#floating #page-top a:hover {
    opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;
}
/*--------------------------------------------------*
 *   20161013
 *--------------------------------------------------*/
 
body {
	background:#FFF;
	padding:0;
	}
#optional_main .bali_blog_info{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
#optional_main .bali_blog_info h3.bali_blog_info_title{
	background:url(../img-top/info/blog_title_back.png) repeat-x bottom #fc8800;
	border-radius:7px 7px 0 0 ;
	padding:15px;
	font-size:20px;
	text-align:center;	
	}
#optional_main .bali_blog_info h3.bali_blog_info_title a{
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	}
#optional_main .bali_blog_info h3.bali_blog_info_title a img{
	height:22px;
	padding:0 5px;
	}
#optional_main .bali_blog_info ul{
    margin: 0 auto;
	padding: 5px 3px;
	border: 2px solid #fc8800;
    overflow: hidden;
    width: 740px;
	background:#fffdeb;
	}
#optional_main .bali_blog_info ul li{
	display:inline-block;
	width:238px;
	margin:0 2px;
	}
#optional_main .bali_blog_info ul li a{
	position: relative;
	height: 100%;
	display:block;
	width: 100%;
	}
#optional_main .bali_blog_info ul li img{
	width:238px;
	}

#optional_main .bali_blog_info span.blog_day {
    background-color: #f60;
    color: #fff;
    padding: 5px;
    position: absolute;
    z-index: 5;
}
#optional_main .bali_blog_info span.blog_caption {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    padding: 3px;
    position: absolute;
}
.shopinfo-more {
    color: #fb6600 !important;
    display: block;
    font-weight: bold;
    text-align: right;
    padding: 5px;
}
/**********************************************
オプショナルパンフレットプレゼント
***********************************************/
#contact_panph{
	position: absolute;
	width: 222px;
	background:url(../img_top/contact/contact_panph_back.png) no-repeat;
	height: 412px;
	float: right;
	padding-top:20px;
 	right: 0;
	z-index:10001;
	text-align:center;
	top:160px;
	background-size: 222px 404px;
}
#contact_panph #con_close_btn{
   bottom: 0;
    cursor: pointer;
    height: 41px;
	padding-top:10px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 54px;
    z-index: 100;
	background:url(../img_top/contact/pamf_close_btn_back.png) no-repeat;
}
#con_panph_btn{
	padding:10px;
	}
#contact_panph a:hover img{
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}
body{
	position:relative;
}

#page{position: static; }


.bx-wrapper .bx-controls-direction a{
	z-index:10 !important;
	}
#contact_panph_sp{
	display:none;
	}


.side_banner{padding:10px 0 0 0 ;}
.sp-design{
	display: none !important;
}
/*左サイドスパ*/
.spa_box{
	border:#25d9c2 solid 2px;
	width: 300px;
    margin-top: 10px;
    text-align: center;
}
.spa_box .title{
	padding:10px 0 0;
}
.spa_box ul li{
	margin:10px 0;
}
.spa_box .link{
	padding: 10px 0 20px;
}
/*バリ王まとめ*/
#optional_main .bali_matome{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 20px;
	}
#optional_main .bali_matome h3.bali_blog_info_title{
	background:#c80201;
	border-radius:7px 7px 0 0 ;
	padding:15px;
	font-size:20px;
	text-align:center;	
	}
#optional_main .bali_matome h3.bali_blog_info_title a{
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	}
#optional_main .bali_matome h3.bali_blog_info_title a img{
	height:22px;
	padding:0 5px;
	}
#optional_main .bali_matome ul{
    margin: 0 auto;
	padding: 5px 3px;
	border: 2px solid #c80201;
    overflow: hidden;
    width: 740px;
	background:#fffdeb;
	}
#optional_main .bali_matome ul li{
	display:inline-block;
	width:238px;
	margin:0 2px;
	}
#optional_main .bali_matome ul li a{
	position: relative;
	height: 100%;
	display:block;
	width: 100%;
	}
#optional_main .bali_matome ul li img{
	width:238px;
	}

#optional_main .bali_matome span.blog_day {
    background-color: #f60;
    color: #fff;
    padding: 5px;
    position: absolute;
    z-index: 5;
}
#optional_main .bali_matome span.blog_caption {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    padding: 3px;
    position: absolute;
}
/*星*/
.review{
    width: 895px;
    margin: 23px auto 0;;
    padding: 10px;
    text-align:center;
    background-color: #faf0e6;
	background-image: url(../img-top/hyouka_left.png),url(../img-top/hyouka_right.png);
    background-repeat: no-repeat;
    background-position: left top,right bottom;
}
.review a{
    text-decoration: none;
}
.review a:hover{
    opacity: 0.8;
}
.review .review_t{
    width: 580px;
    display: inline-block;
    text-align: center;
    color: #553a26;
    font-size: 18px;
}
.review .review_t span{
    display: table-cell;
    vertical-align: middle;
}
.review .star{
    display: inline-block;
}
.review .star .item1 {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0px;
}
.review .star .item1 img{
    width: 20px;
}
.review .star .item2{
    color: #e30030;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 5px;
    padding-left: 14px;
}

.side_text{
	padding: 10px 0 0 0;
	width: 300px;
}
.side_text a{
	background: #b31f1f;
	display: block;
	color: #FFF;
	padding: 10px;
	text-decoration: none;
	position: relative;
}
.side_text a::after {
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	content: "";
	top: 38%;
	right: 17px;
}
/**********************************************
コスパ重視ランキング
***********************************************/
#optional_main .ranking_block .box_c .inner {
	background-image: url(../img-top/frame_ranking_middle_c.png);
}
#optional_main .ranking_block .box_d .inner {
	background-image: url(../img-top/frame_ranking_middle_d.png);
}

#main_head_grp .above .search .popular_keyword .kw.long{
    /*width: 100px;*/
}
/*アクセスランキング*/
.accessranking{
    margin: 15px 0;
}
.accessranking .access-area{
    background: url(../img-top/brand.png) no-repeat left;
    padding-left: 7%;
    font-size: 20px;
    padding-bottom: 5px;
    display: flex;
}
.accessranking .access-area .period{
    font-size: 14px;
}
.accessranking .access-area .bt_ranking_more{
    margin-left: auto;
    width: 22%;
    margin-right: 3%;
}
.accessranking .access-area .bt_ranking_more a {
    display: block;
    padding: 8px 0px;
    background: #E0324D;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    position: relative;
    border-radius: 5px;
    text-decoration: none;
}
.accessranking .access-area .bt_ranking_more a::after {
    display: block;
    position: absolute;
    top: 34%;
    right: 9px;
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #FFF;
}
.accessranking .inner{
    background: #FCFBE7;
    border-top: 5px solid #FC9B00;
    padding: 10px 20px 5px;
}
.accessranking ul li img{
  width: 100%;
}
.accessranking ul{
  position: relative;
 max-width: 715px;
}
.accessranking li{
  font-size: 20px;
  text-align: center;
  list-style: none;
  padding:5px 0;
  height: 158px;
  width: 155px;
}
.accessranking .slick-prev{
    background:url("../img-top/access-left.png") no-repeat;
    width: 28px;
    height: 28px;
}
.accessranking .slick-next{
    background:url("../img-top/access-right.png") no-repeat;
    width: 28px;
    height: 28px;
}
.accessranking .slick-prev{
  left: -7px;
  z-index: 2;
}
.accessranking .slick-next{
  right: -7px;
  z-index: 2;
}
.accessranking .slick-list {
    padding: 0 10% 0 0 !important;
}
.accessranking .slick-slide {
    margin-right: 10px;
}
.accessranking a{
    text-decoration: none;
    color: #333;
}
.accessranking .rank{
    text-align: center;
    border-radius: 5px;
    padding: 0 5px;
    font-size: 16px;
    margin-bottom: 10px;
}
.accessranking .rank span{
    font-size: 13px;
}
.accessranking .rank.top1{
    background: #DAB92E;
    font-weight: bold;
    color: #FFF;
}
.accessranking .rank.top2 {
    background: #A7A7B3;
    font-weight: bold;
    color: #FFF;
}
.accessranking .rank.top3 {
    background: #BD6A42;
    font-weight: bold;
    color: #FFF;
}
.accessranking .hotel-name{
    font-size: 14px;
    margin-top: 5px;
    text-align: left;
    overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.accessranking .hotel-name.bold{
    font-weight: bold;
}
.accessranking .access-img img{
    object-fit: cover;
    height: 80px;
}

#optional_side .op_category .inner ul li span.new-icon{
    color: #FF3333;
    font-size: 11px;
    font-weight: bold;
    padding-left: 0;
}

.mvBody-main{
    border-radius: 40px;
    overflow: hidden;
}
.mvBody-main iframe {
    border-radius: 40px;
    overflow: hidden;
}
.mvBody-main video {
        width: 200px;
    /* height: 522px; */
    border-radius: 40px;
    margin: 0 auto;
    display: block;
}

.mvBody {
    margin: 0 auto 20px;
}
.mvBody-top {
        position: relative;
        display: inline-block;
        text-align: center;
        font-size: 18px;
        color: #F95937;
        font-weight: bold;
        line-height: 125%;
        margin: 15px auto 15px;
        /* width: 293px; */
        width: 100%;
        padding: 0;
    }
.mvBody-top:before, .mvBody-top:after {
  content: '';
  position: absolute;
bottom: 30%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #F95937;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.mvBody-top p::before {
/*content: "";*/
    background: url(/img/icon-mv-o.png) no-repeat center center;
    width: 60px;
    display: none;
    /* position: absolute; */
    height: 52px;
    background-size: 46px;
    margin: 20px auto 10px;
}
.mvBody-top:before {
  left: 15px;
-webkit-transform: rotate(-240deg);
    transform: rotate(240deg);
}
.mvBody-top:after {
  right: 15px;
}
@media (max-width: 639px) {
.mvBody-main video {
    width: 210px;
    }
.mvBody {
    margin: 0 auto 30px;
    text-align: center;
    margin-top: 40px;
}
.mvBody-top{
        margin: 0 auto 20px;    
    }
.mvBody-top p{
        margin: 0 auto 0px;
    }
.mvBody-top p:before{
    display: none;
    }
.mvBody-top:before, .mvBody-top:after {
    bottom: 35%;
    }
}