@charset "euc-jp";
/* CSS Document */

/* ----------------------
	LIST
---------------------- */
#list h3 {
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	border-bottom: solid 1px #DDD;
	margin-bottom: 5px;
	padding: 0 3%;
	overflow: hidden;
}
#list a {
	display: block;
	text-decoration: none;
	color: #000;
}
#list a:hover {
	background: #F7F5FE;
}
#list ul {
	list-style: none;
	padding: 0 3% 2%;
}
#list li {
	font-size: 14px;
	font-size: 1.4rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#list li.price {
	font-size: 16px;
	font-size: 1.6rem;
	color: #C14363;
	font-weight: bold;
}
#list .listthumb img {
	max-width: 100%;
	max-height: 100%;
	image-orientation: from-image;
	text-align: center;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* ----------------------
	ITEM
---------------------- */
#item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#photoContainer, .item_images {
	width: 55%;
	float: left;
	margin-bottom: 1em;
}

#item_dt {
	width: 45%;
	float: right;
	padding-left: 2%;
	margin-bottom: 1em;
}

#mainPhoto {
	padding-top: 0 !important;
	text-align: center;
	padding: 0 10px;
}
#mainPhoto p {
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.3;
	margin: 0.5em 0 0;
	color: #666;
}

/* 	PHOTO
---------------------- */
#photoContainer .boxcontainer {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: solid 1px #CCC;
}
#photoContainer .box {
	padding: 5px;
}
#photoContainer .box a {
	position: relative;
}
#photoContainer .box a::after {
	position: absolute;
	right: 0;
	bottom: 0;
	content: "";
	width: 20px;
	height: 20px;
	background: url(../images/zoom.png) no-repeat;
	background-size: contain;
	z-index: 2;
}
#photoContainer .box p {
	font-size: 1.4rem;
	line-height: 1.3;
	margin: 0.5em 0 0;
	color: #666;
}

/* ----------------------
	googlemap
---------------------- */
.map {
	text-align: center;
	margin-bottom: 1em;
	padding: 0 0 1em;
	border-bottom: solid 1px #CCC
}
.map #map_spot {
	width: 100% !important;
	height: 300px;
	margin: 0 auto;
	text-align: center;
}

/* 	ITEM DETAIL
---------------------- */
#itemInner {
	background: #F0EDF9;
	border-radius: 6px;
	padding: 0.5em;
}

#item_dt h2 {
	background: #8676B4;
	color: #FFF;
	line-height: 1.2;
	padding: 0.4em;
	margin: 0 0 1em;
	font-size: 1.8rem;
}
#item_dt h2::before, 
#item_dt h2::after {
	content: none;
	height: 0;
	background: none;
}

#item_dt table {
	width: 100%;
}
#item_dt tr:nth-child(odd) {
	background-color: #E2DDF4;
}
#item_dt th, #item_dt td {
	padding: 0.4em;
}
#item_dt th {
	width: 25%;
	color: #001040;
	text-align: left;
	vertical-align: top;
}
#item_dt .price {
	width: 75%;
	color: #C00;
	font-size: 120%;
}
#item_dt td {
	word-break: break-all;
}

@media screen and (min-width: 1400px){
#photoContainer .box a::after {
	width: 28px;
	height: 28px;
}
}

@media screen and (max-width:979px){
#list .box4 {
	width: 33%;
}
section#item {
	padding: 2em 1em 3em;
}
}

@media screen and (max-width:799px){
#photoContainer .box3 {
	width: 49.5%;
}
}

@media screen and (max-width:639px){

/* 	LIST
---------------------- */
#list .box4 {
	width: 49.5%;
}

/* 	ITEM
---------------------- */
section#item {
	padding: 1em 10px 3em;
}
.item_images, #photoContainer {
	width: 100%;
	float: none;
}
#item_dt {
	width: 100%;
	float: none;
	padding-left: 0;
}

/* 	PHOTO
---------------------- */
#photoContainer .box3 {
	width: 33%;
}
#photoContainer .box a::after {
	width: 16px;
	height: 16px;
}
}

@media screen and (max-width:499px){
#photoContainer .box3 {
	width: 49.5%;
}
}

@media screen and (max-width:339px){
#list .box4 {
	width: 100%;
}
}


/* --------------------------------------------
		PRINT SETTING
-------------------------------------------- */
@media print {
#hdr, #bread, .pagenavi, #footer .inner::before, #ftnav, #sns {
	display: none;
}
.contents {
	margin: 0 auto;
}
#pageTitle {
	width: 100%;
	background: none;
	border-bottom: solid 1px #999;
}
#pageTitle h1 {
	font-size: 16pt;
	color: #000;
	padding: 0.5em 0;
	text-shadow: none;
}

#photoContainer, .item_images {
	width: 45%;
}
#photoContainer .box3 {
	width: 49.5%;
}
#photoContainer .box a::after {
	background: none;
}
#mainPhoto p, #photoContainer .box3 p {
	font-size: 7pt;
}
#photoContainer .box:nth-child(3), #photoContainer .box:nth-child(4), #photoContainer .box:nth-child(5), #photoContainer .box:nth-child(6) {
	display: none;
}

#item_dt {
	width: 55%;
}

#item_dt h2 {
	display: none;
}
#itemInner {
	background: none;
	border-radius: 0;
	padding: 0;
}
#item_dt tr:nth-child(odd) {
	background-color: #FAF9FD;
}
#item_dt th, #item_dt td {
	border-bottom: solid 1px #CCC;
	font-size: 8pt;
	color: #000;
}

#footer {
	background: none;
	color: #000;
}
#footer address a {
	color: #000 !important;
	padding: 0;
	background: none;
}
#footer address a:before {
	content: "Tel "
}
}