@charset "utf-8";

/**
 *
 *  コンセプトショップ　詳細
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
 #Main  
---------------------------------------------------------------------------*/
#Main{
	background:url(/shared/images/bg_content.jpg) no-repeat top right;
	border-bottom:1px solid #CCC;
}


/* .cont-wrap
-----------------------------------------------------------------*/
.cont-wrap{
	width:820px;
	margin:0 auto;
	padding:0 0 80px 0;
}
.cont-wrap a{
	text-decoration:none;
}

h2{
	font-size:20px;
	margin-bottom:15px;
}

/* .info
-----------------------------------------------------------------*/
.info{
	padding-bottom:60px;
	border-bottom:1px solid #000000;
	word-wrap: break-word;
}



/* slide
-----------------------------------------------------------------*/
.slide ul{
	margin:40px 0;
}
.slide ul li{
	margin-right:10px;
	float:left;
}
.slide ul li:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}
.slide ul li.active img{
	opacity:0.3;
	filter:alpha(opacity=30);
}

/* .address
-----------------------------------------------------------------*/
.address-info{
	padding:68px 0 0 0;
}
.address-info .l-box,
.address-info .r-box{
	float:left;
	font-size:14px;
}

/* .l-box */
.address-info .l-box{
	width:426px;
}
.address-info .l-box h3{
	margin-bottom:15px;
	font-size:20px;
	line-height:1.2em;
}
.address-info .l-box .tel{
	margin-top:15px;
	font-weight:bold;
}

/* .r-box */
.address-info .r-box dl{
	margin-bottom:20px;
}
.address-info .r-box dl dt,
.address-info .r-box dl dd{
	display:inline-block;
	vertical-align:top;
}
.address-info .r-box dl dt{
	width:100px;
	padding:0 10px;
	font-weight:bold;
	line-height:1.2em;
	border-left:1px solid #666666;
}
.address-info .r-box dl dd{
	width:240px;
	margin-top:-5px;
}

.address-info .map{
	margin-top:40px;
}
.address-info .map iframe{
	width:820px;
	height:317px;
	display:block;
}

/* .bottom-box
-----------------------------------------------------------------*/
.bottom-box{
	height:54px;
	position:relative;
	border-top:1px solid #d4d4d4;
}
.bottom-box #Back{
	position:absolute;
	left:0;
	border-right:1px solid #d4d4d4;
}




/* xxx
-----------------------------------------------------------------*/

/* xxx */



/* //////////////////////////////////////////////////C
smartPhone
////////////////////////////////////////////////// */
@media screen and (max-width: 767px){

/*--------------------------------------------------------------------------
  #Main 
---------------------------------------------------------------------------*/
#Main{
	background:none;
	border-bottom:none;
}

/* 
-----------------------------------------------------------------*/
.cont-wrap{
	width:280px;
	padding:0 0 20px;
}
h2{
	font-size:15px;
	margin-bottom:15px;
}
.info{
	padding-bottom:30px;
}
.info p{
	font-size:11px;
}


/* slide
-----------------------------------------------------------------*/
.slide ul{
	margin:20px 0;
}
.slide p img#ProductPhoto{
	height:auto;
	width:280px;
}
.slide ul{
	position:relative;
	width:285px;
}
.slide ul li{
	margin:0 5px 5px 0;
	float:left;
}
.slide ul li img{
	width:66px;
	height:auto;
}
.slide ul li:hover{
	opacity:1;
}


/* .address
-----------------------------------------------------------------*/
.address-info{
	padding:30px 0 0 0;
}
.address-info .l-box,
.address-info .r-box{
	float:none;
	font-size:11px;
}


/* .l-box */
.address-info .l-box{
	width:280px;
	margin-bottom:20px;
}
.address-info .l-box h3{
	margin-bottom:15px;
	font-size:14px;
}
.address-info .l-box .address{
	font-size:12px;
}


/* .r-box */
.address-info .r-box dl:last-child{
	margin-bottom:0;
}
.address-info .r-box dl dt{
	width:70px;
}
.address-info .r-box dl dd{
	width:160px;
}


/* map */
.address-info .map{
	margin-top:25px;
}
.address-info .map iframe{
	width:280px;
	height:190px;
}

/* .bottom-box
-----------------------------------------------------------------*/
.bottom-box{
	margin-top:20px;
	height:44px;
	border-bottom:none;
}
.bottom-box #Back{
	left:0;
}
.bottom-box #Back img{
	height:44px;
	width:auto;
}





}