@charset "UTF-8";

html {
	width: 100%;
	height: 100%;
	}

body {
	width: 100%;
	min-width:100%;
	height: 100%;
	margin: 0;
	padding:0;
	font-size: 12px;
	font-size: 1.2rem;
	}
.spritespinWrap {
border: 1px solid #ccc;
margin: 0 0 15px;
position: relative;
}
.arrow_left {
width: 25px;
position: absolute;
bottom: 17px;
left: 19px;
}
.arrow_right {
width: 25px;
position: absolute;
bottom: 17px;
right: 19px;
}
#tile_images, #tile_images2 {
width: calc(100%-50px);
-webkit-width: calc(100%-50px);
background: #000;
margin: 0 0 15px;
}
.tile_imagesWrap {position: relative; display: block;}
#zoom-in, #zoom-out, #home, #zoom-in2, #zoom-out2, #home2 {
position: absolute!important;
width: 38px;
}
#zoom-in, #zoom-in2{
height: 38px;
bottom:82px;
right:8px;
}
#zoom-out, #zoom-out2 {
height: 37px;
bottom:45px;
right:8px;
}
#home, #home2 {
height: 37px;
bottom:8px;
right:8px;
}

@media screen and (min-width: 768px), print {


body {
	font-size: 10px !important;
	font-size: 1.0rem !important;
	/*min-width: 1200px;*/
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.only_sp {display: none!important;}
.only_pc {display: block!important;}

.inner {
	position: relative;
	margin: 0 auto;
}

.tile_imagesWrap {position: relative; display: block;width:800px;height:480px;}

.spritespinWrap_dia-1 {
	margin: 0 0 22px;
	padding: 0 0;
	border: none;
	width: 800px;
	height: 480px;
	overflow: hidden;
}
.spritespinWrap {
	margin: 0 0 22px;
	padding: 0 160px;
	background: #000;
	border: none;
}
.arrow_left {
	width: 51px;
	bottom: 40px;
	left: 54px;
}
.arrow_right {
	width: 51px;
	bottom: 40px;
	right: 54px;
}

#tile_images, #tile_images2 {
	height: 480px !important;
	background: #000;
	margin: 0 0 22px;
}

#zoom-in, #zoom-in2{
	bottom:94px;
	right:20px;
}
#zoom-out, #zoom-out2 {
	bottom:57px;
	right:20px;
}
#home, #home2 {
	bottom:20px;
	right:20px;
}

.spritespinWrap_dia-1 {
	margin: 0 0 22px;
	padding: 0 0;
	border: none;
	width: 800px;
	height: 480px;
	overflow: hidden;
}



}