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

/*********************
	spot_contents
**********************/
.spot_contents {
	margin:6.25% 6.25% 0 6.25%;
}
.spot_contents .titArea  {
	border-top:solid 2px #e5007f;
	border-bottom:solid 1px #e5007f;
	overflow:hidden;
	padding:5% 0 3% 0;
	font-size:4.7vw;
}

/* shop_box */
.shop_box {
	overflow:hidden;
	margin:5% 0;
}
.shop_box .left {
	width:48.21%;
	float:left;
}
.shop_box .left img {
	width:100%;
}
.shop_box .right {
	width:46.42%;
	float:right;
}
.shop_box .right .txttit {
	width:100%;
	background:#222;
	text-align:center;
	color:#fff;
	padding:3% 0 4% 0;
	font-size:3.92vw;
}
.shop_box .right .txt {
	padding:3% 0;
	font-size:3.92vw;
}
.shop_box .right .txt a {
	color:#222;
}

/* btm_more */
.btm_more {
	width:100%;
	margin-bottom:10.25%;
}
.btm_more a {
	display:block;
	width:100%;
	background:#e1e1e1;
	color:#e5007f;
	font-size:8.57vw;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
}
.btm_more a:before{
	top:-10%;
	right: 5%;
	width: 4vw;
	height: 4vw;
	border-top: 0.78vw solid #e5007f;
	border-right: 0.78vw solid #e5007f;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.btm_more_loader{
	text-align:center;
	padding:3% 3% 10%;
}


/*********************
	index.html
**********************/

/* shopping_map */
.spot_contents .shopping_map {
	position:relative;
	margin-bottom:10%;
}
.spot_contents .shopping_map .zoomin {
	position:absolute;
	bottom:2.85%;
	right:17.32%;
	width:14.46%;
}
.spot_contents .shopping_map .zoomout {
	position:absolute;
	bottom:2.85%;
	right:2.85%;
	width:14.46%;
}
.spot_contents .shopping_map .mapimg {
}
.spot_contents .shopping_map .zoomin img,
.spot_contents .shopping_map .zoomout img,
.spot_contents .shopping_map .mapimg img {
	width:100%;
}

/* area_tabmenu */
.spot_contents .area_tabmenu {
	overflow:hidden;
	border-bottom:#e5007f solid 1vw;
}
.spot_contents .area_tabmenu li {
	float:left;
	width:19.64%;
	margin-left:0.35%;
	text-align:center;
}
.spot_contents .area_tabmenu li:first-child {
	margin-left:0;
}
.spot_contents .area_tabmenu li a {
	display:block;
	color:#222;
	text-decoration:none;
	line-height:2;
	background:#fff43a;
	font-size:3vw;
	padding:12% 0 10% 0;
	order-top-left-radius : 3vw;
	-webkit-border-top-left-radius: 3vw;
	-moz-border-radius-topleft: 3vw;
	border-top-right-radius : 3vw;
	-webkit-border-top-right-radius: 3vw;
	-moz-border-radius-topright: 3vw;
}
.spot_contents .area_tabmenu li a.lines {
	line-height:1;
}
.spot_contents .area_tabmenu li.on {
}
.spot_contents .area_tabmenu li.on a {
	background:#e5007f;
	color:#fff;
}

.spot_contents .tit {
	margin:10% 0 8% 0;
}
.spot_contents .tit img {
	width:100%;
}

.spot_contents .titLine {
	background:url(../img/spot/icon_other.gif) no-repeat 3% center #fff43a;
	background-size:auto 48%;
	padding:1% 0 1% 10%;
	margin-bottom:8%;
	box-sizing:border-box;
	font-size:5.71vw;
}

.spot_list {
	border-bottom:dotted 0.5vw #222222;
	margin-bottom:10%;
}


/* more_details */
.more_details {
	margin:5% auto 5% auto;
	width:70%;
	text-align:center;
	background:url(../img/btn_more_bg.gif) repeat top center;
	background-size:contain;
	border:solid 0.62vw #e876b6;
	box-sizing:border-box;
    border-radius: 10.93vw;
    -webkit-border-radius: 10.93vw;
    -moz-border-radius: 10.93vw;
}
.more_details a {
	padding:3vw 0;
	color:#fff;
	display:block;
	font-size:6.06vw;
	text-shadow:-0.15vw -0.15vw 0.15vw #870037;
}
.more_details a:before{
	right: 5%;
	width: 3.75vw;
	height: 3.75vw;
	border-top: 0.78vw solid #fff;
	border-right: 0.78vw solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



/*********************
	detail.html
**********************/

.spot_detail .iconList {
	overflow:hidden;
	margin-bottom:5%;
}
.spot_detail .iconList li {
	width:32.14%;
	float:left;
	margin-left:1.78%;
}
.spot_detail .iconList li:first-child {
	margin-left:0;
}
.spot_detail .iconList li img {
	width:100%;
}

.spot_detail dl {
	overflow:hidden;
	margin-bottom:3%;
}
.spot_detail dt {
	background:#222;
	color:#fff;
	width:40.28%;
	float:left;
	text-align:center;
	font-size:3.92vw;
	padding:3% 0;
}
.spot_detail dd {
	float:right;
	width:56.14%;
	font-size:3.92vw;
	padding:3% 0;
}

.spot_detail .txttit {
	width:100%;
	background:#222;
	text-align:center;
	color:#fff;
	padding:3% 0 ;
	font-size:3.92vw;
}
.spot_detail .txt {
	padding:2% 0 0 0;
	font-size:3.92vw;
}

.languagetit {
	margin-top:5%;
}
.language {
	overflow:hidden;
	margin-top:4%;
	margin-bottom:4%;
}

.language li {
	float:left;
	width:23.92%;
	margin-left:1.42%;
}
.language li:first-child {
	margin-left:0;
}
.language li {
	text-align:center;
	background:url(../img/btn_more_bg.gif) repeat top center;
	background-size:contain;
	box-sizing:border-box;
    border-radius: 1.75vw;
    -webkit-border-radius: 1.75vw;
    -moz-border-radius: 1.75vw;
}
.language a {
	padding:2.5vw 0;
	color:#fff;
	display:block;
	text-shadow:-0.15vw -0.15vw 0.15vw #870037;
	font-size:3.22vw;
}
.language a:before{
	right: 7%;
	width: 1.75vw;
	height: 1.75vw;
	border-top: 0.5vw solid #fff;
	border-right: 0.5vw solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.spot_detail .google_map {
}

.spot_detail .google_map iframe {
	width:100%;
	height:45%;
	margin:8% 0;
}
.spot_detail .google_map img {
	width:100%;
	margin:8% 0;
}

.shop_list {
	border-bottom:dotted 0.5vw #222222;
	padding-bottom:8%;
}

.shop_list .shop_list_box {
	overflow:hidden;
	padding:6% 0;
}
.shop_list .shop_list_box .left {
	float:left;
	width:27.85%;
	border:solid 0.35vw #ccc;
	box-sizing:border-box;
}
.shop_list .shop_list_box .left img {
	width:100%;
}
.shop_list .shop_list_box .right {
	float:right;
	width:66.07%;
}
.shop_list .shop_list_box .right .tit {
	margin:0 0 5% 0;
	padding:0 0 5% 0;
	border-bottom:solid 0.5vw #222;
	font-size:3.92vw;
}
.shop_list .shop_list_box .right ul {
	overflow:hidden;
}
.shop_list .shop_list_box .right ul li {
	float:left;
}
.shop_list .shop_list_box .right ul li img {
	width:100%;
}
.shop_list .shop_list_box .right ul li:first-child {
	width:37.83%;
	text-align:center;
	background:#ccc;
	margin-right:2.7%;
	padding:1.8% 0;
}
.shop_list .shop_list_box .right ul li:nth-child(2) {
	width:32.43%;
	margin-right:2.7%;
}
.shop_list .shop_list_box .right ul li:last-child {
	width:21.08%;
}

.snsArea {
	margin-top:5%;
}

.spot_detail .btm_more {
	margin-top:10%;
}

.spot_detail .btm_more_loader {
    margin-top: 10%;
}