@charset "UTF-8";
/* CSS Document */


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



body{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#4C4C4C;
	font-size:12px;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#FFF;
	-webkit-font-smoothing: subpixel-antialiased;
}

img{
	vertical-align:bottom;
}


header{
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:10;
	height:auto;
	min-width:990px;
	padding-bottom:0px;
}

header .mb{ display:none;}

header .logo{
	position:absolute;
	top:20px;
	left:20px;
	z-index:20;
}

header h1{
	position:absolute;
	top:50%;
	margin-top:-29px;
	left:5%;
	width:360px;
}


section #wrapper{
	width:100%;
}

section .itemarea{
	background:#FFF;
	margin-top:60px;
}

section .itemareaIn{
	width:950px;
	padding:0 40px;
	margin:0 auto;
}

section .itemareaIn .itemimg{
	float:left;
	width:340px;
	padding-top:15px;
}

section .itemareaIn .itemright{
	width:508px;
	float:right;
	text-align:left;
}

section .itemareaIn .itemright h2{
	font-size:2.3em;
	margin:0px 0 15px 0;
}
section .itemareaIn .itemright h3{
	font-size:1.1em;
	line-height:1.8;
}

section .itemareaIn .itemright h4{
	margin-top:20px;
	font-size:2.1em;
	line-height:1.0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
}
section .itemareaIn .itemright h4 span{ font-size:0.7em;}

section .itemareaIn .itemright .price{
	font-size:1.2em;
	margin-top:5px;
}

section .itemareaIn .itemright .icon{
	margin-top:15px;
}



section ul.part{
	width:978px;
	margin:0 auto;
	padding:0 6px;
	margin-top:50px;

}

section ul.part li{
	width:296px;
	float:left;
	margin:15px;
	text-align:left;
}

section ul.part li h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:1.6em;
	line-height:1.2;
	margin-top:10px;
}

section ul.part li h3{
	margin-bottom:8px;
}
section ul.part li h4{
	height:4.5em;
}



.fabric{
	width:100%;
	border-top:1px solid #CCC;
	margin-top:40px;
	padding-top:20px;
}




section .fabric dl{
	width:950px;
	padding:0 20px;
	margin:0 auto;
	text-align:left;
}
section .fabric dl dt{
	float:left;
	width:90px;
	padding:2px 0;
}
section .fabric dl dd{
	float:left;
	width:850px;
	padding:2px 0;
}



.shop{
	width:100%;
	text-align:left;
	border-top:1px solid #CCC;
	margin-top:25px;
	padding-top:25px;
}
.shopIn{
	width:950px;
	margin:0 auto;
	padding:0 20px;
}

.shop h3{
	width:100%;
	text-align:left;
	font-size:1.3em;
	border-bottom:1px solid #E6E6E6;
	padding-bottom:5px;
}

.shop dl{
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #E6E6E6;
}
.shop dl dt{
	float:left;
	width:280px;
	padding:5px 0;
}
.shop dl dd{
	float:left;
}
.shop dl dd.add{
	width:520px;
	padding:5px 0;
}
.shop dl dd.tel{
	width:100px;
	padding:5px 0;
}
.shop dl dd.map{
	width:50px;
	text-align:center;
}
.shop dl dd.map a{
	width:100%;
	display:block;
	color:#4C4C4C;
	text-decoration:none;
	padding:5px 0;
}

.shop dl dd.map a:hover{
	color:#E60000;
}







.buy{
	width:100%;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin-top:30px;
	margin-bottom:100px;
}

.buy a{
	padding:30px 0;
	background:#EDEDED;
	display:block;
	width:100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	color:#4C4C4C;
	text-decoration:none;
	font-size:2.6em;
}

.buy a:hover{
	background:#4C4C4C;
	color:#FFF;
}


br.mbview{ display:none;}


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

header{
	width:100%;
	margin:0;
	position:relative;
	z-index:10;
	height:auto;
	min-width:inherit;
	padding-bottom:0px;
}

header .logo{
	position:absolute;
	top:20px;
	left:20px;
	z-index:20;
}

header h1{
	width:30%;
	position:absolute;
	top:40%;
	left:4%;
}

header .pc{
	display:none;
}
header .mb{
	display:block;
}

section .itemareaIn{
	width:100%;
	padding:0;
}

section .itemareaIn .itemimg{
	float:none;
	width:60%;
	margin:0 auto;
	padding-top:35px;
	padding-bottom:35px;
}

section .itemareaIn .itemright{
	width:90%;
	float:none;
	margin:0 auto;
	padding-top:0px;
	text-align:center;
}

section .itemareaIn .itemright h2{
	font-size:2.2em;
	margin:0;
	margin-bottom:15px;
}
section .itemareaIn .itemright h3{
	font-size:1.1em;
	line-height:1.8;
	text-align:left;
}

section .itemareaIn .itemright h4{
	margin-top:20px;
	font-size:2.5em;
	line-height:1.0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	width:100%;
	text-align:center;
}
section .itemareaIn .itemright h4 br{ display:none;}
section .itemareaIn .itemright h4 span{ font-size:0.7em; margin-left:10px;}

section .itemareaIn .itemright .price{
	font-size:1.2em;
	margin-top:5px;
}

section .itemareaIn .itemright .icon{
	margin-top:10px;
}


section ul.part{
	width:96%;
	margin:0 auto;
	padding:0;
	margin-top:30px;
}

section ul.part li{
	width:45%;
	float:left;
	margin:0 2.5% 2.5% 2.5%;
	text-align:left;
}

section ul.part li h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:1.6em;
	line-height:1.2;
	margin-top:6px;
}

section ul.part li h3{
	margin-bottom:8px;
}

section ul.part li h4{
	height:6em;
}

.fabric{
	width:100%;
	border-top:1px solid #CCC;
	margin-top:0px;
	padding-top:20px;
}

section .fabric dl{
	width:92%;
	padding:0;
	margin:0 auto;
	text-align:left;
}
section .fabric dl dt{
	float:left;
	width:17%;
}
section .fabric dl dd{
	float:left;
	width:83%;
}

.shopIn{
	width:90%;
}

.shop h3{
	text-align:center;
}

.shop dl{
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #E6E6E6;
}
.shop dl dt{
	float:none;
	width:100%;
	padding:7px 0 0 0;
}
.shop dl dd{
	float:left;
}
.shop dl dd.add{
	width:70%;
	padding:0 0 7px 0;
}
.shop dl dd.tel{
	width:20%;
	padding:0 0 7px 0;
	text-align:right;
}
.shop dl dd.map{
	width:45px;
	text-align:center;
	float:right;
}
.shop dl dd.map a{
	
	padding:0 0 7px 0;
}



}



@media only screen and (max-width: 553px) {
	
header{
	padding-bottom:0px;
}

section .itemareaIn{
	padding-top:0px;
}
section .itemarea{
	margin-top:30px;
}

br.mbview{ display:block;}	
section .itemareaIn .itemright h2{
	font-size:2.0em;
	margin:0;
	margin-bottom:15px;
}
section .itemareaIn .itemimg{
	width:80%;
	margin:0 auto;
}
section ul.part{
	width:80%;
	margin:40px auto 0 auto;
}
section ul.part li{
	width:100%;
	float:none;
	margin:0;
	text-align:left;
}
section .itemareaIn .itemright h4{
	font-size:2.0em;
}

.fabric{
	width:100%;
	border-top:1px solid #CCC;
	margin-top:0px;
	padding-top:20px;
}

section .fabric dl{
	width:90%;
	padding:0;
	margin:0 auto;
	text-align:left;
}
section .fabric dl dt{
	float:none;
	width:100%;
	margin-top:5px;
}
section .fabric dl dd{
	float:none;
	width:95%;
	margin:0 auto;
}



.shop dl{
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #E6E6E6;
}
.shop dl dt{
	float:none;
	width:100%;
	padding:7px 0 0 0;
	text-align:center;
}
.shop dl dd{
	float:none;
}
.shop dl dd.add{
	width:100%;
	padding:0;
	text-align:center;
}
.shop dl dd.add span{
	display:none;
}
.shop dl dd.tel{
	width:100%;
	padding:0;
	text-align:center;
}
.shop dl dd.map{
	width:100%;
	text-align:center;
	float:none;
}
.shop dl dd.map a{
	
	padding:0 0 7px 0;
}



}



/* ========================================================
                            Clerfix
   ======================================================== */

#wrapper:after,
ul:after,
dl:after,
section .itemareaIn:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}