@charset "EUC-JP";
.photoViewPop, body.hidden, html.hidden {
	height: 100%;
	overflow: hidden
}
.photoViewPop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #000;
	z-index: 7;
	visibility: hidden
}
.sp-image-container.auto {
	overflow: auto
}
.photoViewPop:after, .photoViewPop:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 109px;
	z-index: 1
}
.photoViewPop:before {
	top: 0;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/bg_top.png)repeat-x left top;
	background-size: 15px auto
}
.photoViewPop:after {
	bottom: 0;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/bg_btm.png)repeat-x left top;
	background-size: 15px auto
}
.viewInfo {
	z-index: 6
}
.infoOver, .viewInfo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.subInfo {
	top: 50%;
	padding: 0;
	font-size: 27px;
	font-weight: 700;
	text-align: center;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/bg_info.png)repeat;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}
.sp-image {
	margin: 139pt auto 0
}
.subInfo p {
	top: 20px;
	margin: 0;
	z-index: 5
}
.sp-buttons, .subInfo p {
	position: absolute;
	left: 0;
	width: 100%
}
.sp-buttons {
	bottom: 0;
	padding: 0
}
.sp-button {
	width: 10px;
	height: 10px;
	border: 0;
	background: #fff
}
.sp-selected-button {
	background: #000
}
.btn.left_on>img, .btn.on>img {
	opacity: 0;
	filter: alpha(opacity=0)
}
.btn_close {
	right: 10px
}
.btn_close, .btn_scale {
	position: absolute;
	z-index: 4;
	top: 20px
}
.btn_scale {
	left: 15px
}
.btn_scale.on {
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/btn_scale.png)no-repeat;
	background-size: 33px auto
}
.btn_scale.left_on {
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/btn_scale_on.png)no-repeat;
	background-size: 33px auto
}
.btmBtn {
	position: absolute;
	left: 0;
	bottom: 3px;
	width: 100%;
	z-index: 4;
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none
}
.btmBtn>li {
	width: 20%;
	text-align: center
}
.btmBtn .btn {
	display: inline-block;
	margin: 0 auto;
	position: relative
}
.btnInfo {
	position: absolute;
	right: 0;
	bottom: 66px;
	width: 155px;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/bg_info.png)repeat;
	display: none
}
.btnInfo:before {
	content: "";
	position: absolute;
	right: 9pt;
	bottom: -14px;
	width: 18px;
	height: 14px;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/icon_arrow.png)no-repeat;
	background-size: 18px 14px
}
.btnInfo ul {
	list-style: none;
	margin: 0;
	padding: 4px 5px 0 18px
}
.btnInfo ul li {
	padding: 11px 0;
	color: #000;
	text-align: left
}
.btnInfo ul li img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px
}
.btnInfo ul li a {
	color: #000;
	text-decoration: none;
	font-size: 18px;
	line-height: 30px
}
.btn_contact .btnInfo {
	width: 245px
}
.btn_contact .btnInfo ul {
	padding: 4px 5px 4px 18px
}
.btn_contact .btnInfo ul li {
	padding: 5px 0
}
.btn_contact .btnInfo ul li a {
	line-height: 1.3
}
.sp-horizontal .sp-arrows {
	margin-top: -25px
}
.sp-arrow {
	width: 25px;
	height: 50px
}
.sp-horizontal .sp-previous-arrow {
	left: 10px;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/btn_prev.png)no-repeat;
	background-size: 25px auto
}
.sp-horizontal .sp-next-arrow {
	right: 10px;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/btn_next.png)no-repeat;
	background-size: 25px auto
}
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .sp-top-thumbnails .sp-previous-thumbnail-arrow {
	left: 5px
}
.sp-bottom-thumbnails .sp-next-thumbnail-arrow, .sp-top-thumbnails .sp-next-thumbnail-arrow {
	right: 5px
}
.sp-thumbnails-container {
	visibility: hidden
}
.sp-thumbnails {
	left: 0
}
.sp-thumbnails-close {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 50px;
	height: 50px;
	background: #000 url(https://img.goo-net.com/common_v2/img/hq/sp/btn_close.png)no-repeat center center;
	background-size: 33px auto;
	z-index: 5
}
.sp-caption-container {
	margin: 0;
	padding: 10px 15px 55px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
	box-sizing: border-box;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/bg_coment.png)repeat left top;
	z-index: 2
}
.sp-caption-close {
	margin-left: 10px;
	width: 25px;
	height: 25px;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/btn_close.png)no-repeat center center;
	background-size: 25px auto;
	z-index: 3;
	display: block
}
.linkBox {
	padding: 0 2%;
	margin-bottom: 24px
}
.linkBox a {
	height: 53px;
	display: block;
	color: #000;
	font-size: 19px;
	font-weight: 700;
	line-height: 53px;
	text-align: center;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/btn_bg.png)no-repeat left top;
	background-size: 100% 100%
}
.linkBox span {
	padding: 1px 14px 0 55px;
	display: inline-block;
	position: relative;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/hq_img.png)no-repeat left center;
	background-size: 49px auto
}
.linkBox span:before {
	margin-top: -8px;
	width: 8px;
	height: 1pc;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/link_icon.png)no-repeat left top;
	background-size: 8px 1pc;
	position: absolute;
	top: 50%;
	right: 0;
	content: ""
}
/*高画質画像を表示*/
#high_glide .sp-image{
	position: relative;
	width: inherit;
}
#high_glide .main_slider{
	display: flex;
}

#high_glide{
	position: relative;
}
#high_glide .sp-arrows{
	position: unset;
}

#high_glide .sp-next-arrow {
	right: 9px;
	top: 64.5%;
	z-index: 13;
}
#high_sp-next-arrow:before {
	content: "";
	display: block;
	width: 21px;
	height: 54px;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/btn_next.png)no-repeat center center;
	background-size: 25px auto;
	z-index: 15;
}
#high_glide .sp-previous-arrow {
	left: 10px;
	top: 64.5%;
	z-index: 13;
}
#high_sp-previous-arrow:before {
	content: "";
	display: block;
	width: 21px;
	height: 54px;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/btn_next.png)no-repeat center center;
	background-size: 25px auto;
	z-index: 15;
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}
.subInfo .sp-slide{
	width: -webkit-fill-available;
	top: 180px;
	background: url(https://img.goo-net.com/common_v2/img/hq/sp/bg_info.png) repeat;
}
.subInfo .sp-slide .sp-image{
	bottom: 80px;
}
