@charset "utf-8";
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 2015.09.01 ver0.0.0.1 @emix
 detail.css

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body#substratum #contents #main {
    background: #FFF none repeat scroll 0% 0%;
    margin: 0px auto 30px;
	padding-top: 20px;
}
div#contents #main h1 {
	font-size: 1.2em;
}
div#contents #main h2.ttl {
	font-weight: normal;
	padding:2.2% 2%;
	background: #222;
	display: block;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 90%;
margin: 0 auto 20px;
}
/* --------------------------------------------------------------
깡?・??・?硡??・?硡??
--------------------------------------------------------------- */
section#itemInfoTop {
	width: 94%;
margin: 0 auto 30px;
}
/* --------------------------------------------------------------
깡?・??・?硡??・?硡?? > 焏??鱚?
--------------------------------------------------------------- */
section#itemInfoTop div.swap {
	width: auto;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}
div.swap img.mainphoto {
	max-width: 400px;
	max-height: 350px;
}
div.swap p {
	height: auto;
	margin-bottom: 8px;
}
div.swap p img {
	border: none;
	padding: 0px;
	display: block;
	width: 94%;
	margin: 0 auto;
}
/* 裘??裙??裙?夦裙?? */
div.swap ul {
	margin-top: 5px;
	margin-bottom: 10px;
}
div.swap li a {
	border: none;
	padding: 0px;
	display: block;
}
div.swap li a.selected {
	background: #fff;
	border-bottom:2px solid #C62121;

}
div.swap li {
	float: left;
	margin: 0 1.5% 1.5% 0;
	width: 18.7%;
	line-height: 1;
}
div.swap li:nth-of-type(1) {margin: 0 1.5% 0 0;}
div.swap li:nth-last-of-type(1) {margin: 0 0 0 0;}


div.swap li img {
	width: 100%;
}
section#itemInfoTop div.txtArea {
	width: 96%;
	margin: 15px auto 10px;
	display: block;
}
/* --------------------------------------------------------------
깡?・??・?硡??・?硡?? > 裙?夯裘??裙?
--------------------------------------------------------------- */
/* ・ﾎ・・???・?硡?? */
div.txtArea ul.info {
	float: right;
	text-align: left;
	width:100%;
	
}
div.txtArea ul.info li {
	border-bottom: 1px dotted #ccc;
	padding: 8px 0px;
}
div.txtArea ul.info li:nth-last-of-type(1) {
	border-bottom: none;
}
div.txtArea ul.info .name {
}
div.txtArea ul.info .txt {
}


ul.info .address {
	width: 100%;
	float: left;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}
ul.info .address span{
	display:block;
	float:left;
	width:100%;
	}
/* --------------------------------------------------------------
・ﾎ・・硡?? > 裘?ﾖ・筧裘??裙?? 
--------------------------------------------------------------- */
ul.info .icon1 span {
display:inline-block;
float: left;
background: #AA1800 none repeat scroll 0% 0%;
border: 1px solid #A70404;
margin: 0.5%;
text-align: center;
padding: 2px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

ul.info .icon1 span {
color: #FFF;
font-size:12px;
}

/* --------------------------------------------------------------
・ﾎ・・螢鱧・鈑⥦裙??裙??裙? 
--------------------------------------------------------------- */
section.shopInfo {
	/*background: #FCF7D8;*/
	padding: 2%;
	text-align: left;
margin: 0px auto 40px;
/*border: 1px solid #E7E1BF;*/
width: 90%;
	
}
section.shopInfo h3 {
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #1D1D1D;
}
section.shopInfo p {
}

/* --------------------------------------------------------------
・ﾎ・・?鵆??
--------------------------------------------------------------- */
section.googlemap {
	width: 93.9%;
	padding: 0;
	margin: 0px auto 30px;
}
section.googlemap iframe {
	border: 1px solid #ccc;
}

/* --------------------------------------------------------------
꺸鞅鐱皈・皸?・??裔?・・墦裔?螢・・?裔ﾖ・ᥡ裔ﾎ・?
notfound.html
--------------------------------------------------------------- */
p.notfound{
	padding: 100px 0px 100px;
	text-align:center;
	font-size:18px;
	width:80%;
	margin:0 auto;

	}

/* --------------------------------------------------------------
裄?769px???960px????C鴪ﾂ・盒・韃ᥦꦥ?・?螟ﾁ裙ﾌ・?裙?螂・??
--------------------------------------------------------------- */
@media only screen and (min-width: 769px) {
/* --------------------------------------------------------------
깡?・??・?硡??・?硡?? > 焏??鱚?
--------------------------------------------------------------- */

section#itemInfoTop div.swap {
	width: 360px;
	height: 450px;
	margin: 0 auto;
	overflow: hidden;
	float: left;
}
div.swap p {
	height: auto;
	margin-bottom: 8px;
width: 355px;
}
div.swap p img {
	border: solid 1px #CCC;
	padding: 0px;
	display: block;
width: 100%;
max-width: 355px;
max-height: 355px;
height: auto;
}
section#itemInfoTop div.txtArea {
	width: 320px;
	margin: 0 auto;
	float: right;
}





}

/* --------------------------------------------------------------
裄?1041px??ﾜ・???C鴪ﾂ・盒・韃ᥦꦥ?・?螟ﾁ裙ﾌ・?裙?螂・?? ??ﾄ・?裙??裙??
--------------------------------------------------------------- */

@media only screen and (min-width: 1041px) {
	
/* --------------------------------------------------------------
꺸鞅鐱皈・皸?・??裔?・・墦裔?螢・・?裔ﾖ・ᥡ裔ﾎ・?
notfound.html
--------------------------------------------------------------- */
p.notfound{
	padding: 100px 0px 100px;
	text-align:center;
	font-size:18px;
	width:80%;
	margin:0 auto 100px;

	}
}