@charset "utf-8";

/***************************************************************
-----------------------------------------------------------------

	florent 2012 Renewal
	/accessページ用スタイルシート
	                                                                         2012.5.10 by FLICKS
-----------------------------------------------------------------	
*************************************************************** */


/*------------------------------------------------------------
	基本
------------------------------------------------------------*/
#wrapper #main #main-inner #contents .contents-inner #map {
	width: 310px;
	box-shadow: 2px 2px 8px #d3c8b0; /*CSS3*/
	-moz-box-shadow: 2px 2px 8px #d3c8b0; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 8px #d3c8b0; /* Google Chrome, Safari用*/
	background: #886F47 url(../img/access/bg.jpg) no-repeat right bottom;
	border: 1px solid #C9BAA5;
	float: left;
	color: #FFFFFF;
}

#wrapper #main #main-inner #contents .contents-inner #data {
	float: right;
	width: 344px;
}

#wrapper #main #main-inner #contents .contents-inner h3 {
	margin-top: 8px;
	margin-bottom: 4px;
	border-bottom: 1px dotted #CAC0AC;
}

#wrapper #main #main-inner #contents .contents-inner #photo-area .photo {
	margin-bottom: 10px;
}

#wrapper #main #main-inner #contents .contents-inner #photo-area {
	background: #ECE9D8 url(../img/access/bg.jpg) left bottom;
	padding: 13px;
	border: 1px solid #C9BAA5;
	box-shadow: 2px 2px 8px #d3c8b0; /*CSS3*/
	-moz-box-shadow: 2px 2px 8px #d3c8b0; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 8px #d3c8b0; /* Google Chrome, Safari用*/





	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d3c8b0');
	margin-bottom: 15px;
	color: #FFFFFF;
}

#wrapper #main #main-inner #contents .contents-inner #data .text {
	padding: 0px 10px;
}

#wrapper #main #main-inner #contents .contents-inner #map .text {
	padding: 10px 10px 20px;
}

#wrapper #main #main-inner #contents .contents-inner #data #photo-area .place .ex {
	min-height: 9.5em;
	height: auto!important;
	height: 9.5em;
}

#wrapper #main #main-inner #contents .contents-inner #map area {
	cursor: pointer;
}
#data #photo-area .place a {
	color: #FFF;
}


/*------------------------------------------------------------
	 2016responsive化
------------------------------------------------------------*/

/* ===========================================================

	スマホ用（600px以下）
	
============================================================ */
@media screen and (max-width : 600px) {

#wrapper {
	
}

#contents .contents-inner #data {
	float: none !important;
	width: 310px !important;
	margin: 0 auto;
}

#wrapper #main #main-inner #contents .contents-inner #map {
	float: none !important;
	margin: 0 auto;
}

#wrapper #main #main-inner #contents .contents-inner #photo-area img {
	width: 100%;
	height: 100%;
}

#wrapper #main #main-inner #contents .contents-inner #data .text {
	padding: 0px 10px;
	display: table-header-group;
}

.contents-inner #data #photo-area {
	display: table-row-group;
}

.contents-inner #data #photo-area .place {
	padding: 12px !important;
}

}

/* ===========================================================

	スマホ用（360px以下）
	
============================================================ */
@media screen and (max-width : 360px) {

#contents .contents-inner #data {
	float: none !important;
	width: auto !important;
	margin: 0 auto;
}

#wrapper #main #main-inner #contents .contents-inner #map {
	float: none !important;
	margin: 0 auto;
	width: auto;
}

#wrapper #main #main-inner #contents .contents-inner #photo-area img {
	width: 100%;
	height: 100%;
}

.contents-inner #map img {
	width: 100%;
	height: 100%;
}

}