@charset "UTF-8";
/* CSS Document */

.btn_toggle{
width: 100%;
margin: 0 auto;
}

.movie_area h3 {
    background: url(../img/sp/m_bg_h3.png) 0 0 repeat;
    color: #fff;
    padding: 14px 15px 14px 15px;
    font-size: 15px;
		font-weight: bold;
    margin: 0 0 15px;
}

dl.time_schedule{
font-size: 14px;
line-height: 24px;
margin-top: 10px;
}
dl.time_schedule dt{
clear: both;
color: #1b4782;
padding: 2px 10px 2px 0;
margin-right: 6px;
font-weight: bold;
float: left;
}
dl.time_schedule dd{
float: left;
width : 75% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : calc(100% - 70px) ;
padding-top: 2px;
}
.spot_image_text h4.common{
line-height: 22px !important;
    margin-bottom: 2px;
}

.spot_title{
float: left;
width : 50% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : calc(100% - 25% - 30px) ;
}
.spot_image_text{
float: left;
width : 90% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : calc(100% - 14px) ;
}

.ico_eat,
.ico_shop{
    margin-left: 10px;
}
ul.head_arrange2 li h4{
text-indent:-3em;
padding-left:3em;
}
ul.head_arrange3 li h4{
text-indent:-1em;
padding-left:1em;
}
.pl_72{
padding-left: 72px !importanat;
}

.box_point {
	border: 2px solid #9faab8;
	background: white;
}
.box_point ul{
	padding: 0px 5px 10px;
	line-height: 1.2em;
}
/*アクセス*/
.text01 {
	padding-left: 5em;
}



/* =======================================
　.tab（tab切り替え部分）
======================================= */
ul.tab > li {
	width: 24%;
}
ul.tab > li:first-child {
	margin-right: 0;
}
ul.tab > li+li {
	margin-left: 1.3%;
}

/* =======================================
　#cpnArea
======================================= */
#cpnArea img {
	width: 100%;
}
#cpnArea .fr {
	float: right;
}
#cpnArea .ttlBox {
	padding: 0 3.1%;
}
#cpnArea .ttlBox ul {
	margin-top: 1%;
	color: #cc0033;
	font-weight: bold;
}
#cpnArea .ttlBox ul li {
	margin-top: 1%;
}
#cpnArea .ttlBox ul li span {
	display: inline-block;
}
#cpnArea .bt {
	margin-top: 10%;
	border-top: 1px dotted #000;
	padding-top: 5%;
}

/*----tbjArea---*/
#tbjArea {
	margin-top: 5%;
}
#tbjArea a img {
	width: 25%;
}
.bb {
  border: 1px solid
}
.tbjList {
  padding: 3.1% 3.1% 0;
}
#tbjArea .frameArea03 {
	border-bottom: initial;
}
.ic05:before {
	right: 5px;
}
.attnArea {
	border-top: 1px solid #999;
	padding-top: 3%;
	margin-top: 5%;
	color: #999;
	font-size: 0.7rem;
}
.attnArea .attnTxt:before {
	content: "※"
}
.attnArea .attnTxt {
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 1%;
	font-size: 0.7rem;
}
/*----#hispoint_area---*/
#hispoint_area {
	padding: 3.1%;
}
#hispoint_area img {
	width: 100%;
}
.box_hispoint {

}
#hispoint_area .box_hispoint h3 {
	/* margin: 0 3.1%; */
	/*padding: 4%;*/
}
#hispoint_area .box_hispoint h3 .bgIcon {
	background-image: url(../../img/sp/common/open_arrow.png);
	background-repeat:  no-repeat;
	background-position: 100% 50%;
	background-size: 35px 35px;
	padding: 3% 0;
	min-height: 20px;
	line-height: 20px;
	display: block;
}
#hispoint_area .box_hispoint h3.open .bgIcon {
	background-image: url(../../img/sp/common/close_arrow.png);
}
#hispoint_area .box_hispoint .txtArea {
	margin: 0 20% 0 0;
	display: inline-block;
	vertical-align: middle;
}
.anchor_btn {
	margin: 0 35%;
}
/*----.tourArea---*/
.tourArea {
    padding: 10px;
}
.tourArea .api_detail_spr_tour {
    border-top:  1px dashed #7b7b7b;
}
#container .tourArea .tour-preview {
    border:  none;
    padding: 10px;
}
.tourArea .api_detail_spr_tour:first-child {
    margin-top: 10px;
}
.tourArea .api_detail_spr_tour {
    margin-top:  10px;
}
.tourArea .api_detail_spr_tour+.api_detail_spr_tour {
    margin:  0;
}
.tourArea .api_detail_spr_tour:last-child {
    border-bottom: 1px dashed #7b7b7b;
}
/*----.aquabeachshuttle_Neo---*/
.aquabeachshuttle_Neo .bgStar {
  text-indent: -20px;
  padding-left: 20px;
}
.aquabeachshuttle_Neo h4:after {
  content: '';
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
.aquabeachshuttle_Neo h4.ic_wifi:after {
  background: url(../img/sp/icon_wifi.png) no-repeat 0 0 /100%;
  width: 8vw;
  height: 3.4vw;
}
.aquabeachshuttle_Neo h4.ic_res:after {
  background: url(../img/sp/icon_res.png) no-repeat 0 0 /100%;
  width: 8.1vw;
  height: 3.6vw;
}
.aquabeachshuttle_Neo dl {
  line-height: 16px;
  margin-bottom: 5px;
}
.aquabeachshuttle_Neo dl dt {
  font-weight: bold;
  margin-bottom: 5px;
}

.bg_red_tri_btm li {
	padding-left: 20px;
	background: url("../../img/sp/common/bg_red_tri_btm.png") 5px 3px no-repeat;
	font-size: 12px;
  margin: 10px 0 0;
}
.content .bg_red_tri_btm li a {
  text-decoration: underline !important;
}

/* おすすめツアー */
#tourArea {
	width: auto;
	margin: 30px 3% 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFF;
	box-shadow: 0 2px 2px #d7d7d7;
}