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


/**
 * container
 */
#container {
	width:960px;
	margin:0 auto;
}
@media only screen and (max-width:480px) {
	#container { width:300px; }
}


/**
 * header
 */
header {
	text-align:center;
	margin-top:55px;
	margin-bottom:25px;
}
header h1, header h2 {
	text-indent:200%;
	overflow:hidden;
	white-space:nowrap;
}
header h1 {
	background:url(../img/head_logo.png) no-repeat center center;
	width:960px;
	height:139px;
}
header h2 {
	margin-top:25px;
	background:url(../../common/img/h0_natural.png) no-repeat center center;
	height:42px;
}

@media only screen and (max-width:480px) {
	header {
		margin-top:15px;
		margin-bottom:12px;
	}
	header h1 {
		background:url(../img/head_logo_sp.png) no-repeat center center;
		background-size:300px 60px;
		width:300px;
		height:60px;
	}
	header h2 {
		margin-top:13px;
		background-size:94px 21px;
		height:21px;
	}
}



/**
 * contents
 */
#contents {
	color:#323333;
	background:url(../../common/img/border.png) repeat-x left top;
}
@media only screen and (max-width:480px) {
	#contents {
		background:url(../../common/img_sp/border.png) repeat-x left top;
		background-size:1px 5px;
	}
}



/**
 * lead
 */
#lead {
	float:left;
	width:470px;
	padding-bottom:50px;
}
#lead h2 {
	padding:35px 0 25px 0;
}
#lead p {
	font-size:14px;
	line-height:1.5;
	margin-bottom:15px;
}
@media only screen and (max-width:480px) {
	#lead {
		padding-bottom:0;
	}
	#lead h2 {
		padding:20px 0 12px 0;
	}
	#lead p {
		font-size:14px;
	}
}

/**
 * photo
 */
#photo {
	float:right;
	margin-top:95px;
	margin-bottom:30px;
}
@media only screen and (max-width:480px) {
	#photo {
		text-align:center;
		margin-top:30px;
	}
}

/**
 * profile
 */
#profile {
	float:left;
	width:470px;
	background:url(../../common/img/border.png) repeat-x left top;
	margin-bottom:65px;
}
#profile h2 {
	padding:35px 0 25px 0;
}
#profile p.left {
	width:60%;
}
#profile p {
	font-size:12px;
	line-height:1.5;
}


#shopinfo {
	margin-top:40px;
}
#shopinfo .text {
	float:left;
	font-size:12px;
	padding-left:15px;
	line-height:1.3;
}
#shopinfo .tel {
	margin-top:10px;
	margin-bottom:10px;
	font-size:18px;
}
#shopinfo_btn {
	margin-top:5px;
}
#shopinfo_btn_sp {
	display:none;
}
#shopinfo_btn_sp img {
	width:100%;
}

@media only screen and (max-width:480px) {
	#profile {
		background:url(../../common/img_sp/border.png) repeat-x left top;
		background-size:1px 5px;
		margin-bottom:30px;
	}
	#profile h2 {
		padding:20px 0 15px 0;
	}
	
	#profile p {
		font-size:12px;
	}
	#profile p.left {
		width:65%;
	}
	
	#shopinfo {
		border-top:solid 1px #909090;
		margin-top:10px;
		padding-top:15px;
	}
	#shopinfo .text {
		font-size:12px;
		padding-left:10px;
	}
	#shopinfo .tel {
		margin-top:10px;
		font-size:14px;
	}
	#shopinfo_btn {
		display:none;
	}
	#shopinfo_btn_sp {
		clear:both;
		display:block;
		padding-top:10px;
	}
}



/**
 * style
 */
#style {
	clear:both;
	background:url(../../common/img/border.png) repeat-x left top;
	margin-bottom:30px;
}
#style h2 {
	padding:35px 0 25px 0;
}
#style ul {
	margin:0 -10px;
}
#style li {
	float:left;
	margin:10px;
}
@media only screen and (max-width:480px) {
	#style {
		background:url(../../common/img_sp/border.png) repeat-x left top;
		background-size:1px 5px;
	}
	#style h2 {
		padding:20px 0 15px 0;
	}
	#style ul {
		margin:0 0 0 10px;
	}
	#style li img {
		width:120px;
		height:120px;
	}
}

/** 
 * sns
 */
#sns {
	clear:both;
	text-align:center;
	margin-bottom:30px;
}
@media only screen and (max-width:480px) {
	#sns img {
		width:20px;
		height:20px;
	}
}


/**
 * categnavi
 */
#categnavi {
	background:url(../../common/img/border_s.png) repeat-x left top;
	padding-top:40px;
	padding-bottom:20px;
	border-bottom:solid 1px #000;
}
#categnavi li {
	float:left;
	width:225px;
	margin-left:20px;
	margin-bottom:20px;
}
#categnavi li:first-child {
	margin-left:0;
}
#categnavi li h3 {
	margin-bottom:20px;
}
@media only screen and (max-width:480px) {
	#categnavi {
		background:url(../../common/img_sp/border_s.png) repeat-x left top;
		background-size:1px 4px;
		padding-bottom:10px;
	}
	#categnavi li {
		width:140px;
	}
	#categnavi li:nth-child(odd) {
		margin-left:0;
	}
	#categnavi li img {
		width:140px;
		height:81px;
	}
	#categnavi li h3 img {
		width:100%;
		height:auto;
	}
}


/**
 * footer
 */
footer {
	text-align:center;
	padding-top:20px;
	padding-bottom:30px;
}
footer h2 {
	margin:0 auto;
	width:473px;
	height:90px;
	background:url(../img/foot_logo.png) no-repeat center top;
	text-indent:200%;
	overflow:hidden;
	white-space:nowrap;
}
#copy {
	font-size:10px;
}
@media only screen and (max-width:480px) {
	footer {
		padding-top:10px;
		padding-bottom:15px;
	}
	footer h2 {
		width:180px;
		height:36px;
		background:url(../img/foot_logo_sp.png) no-repeat center top;
		background-size:180px 26px;
	}
	#copy {
		font-size:8px;
	}
}


/**
 * common
 */
@media only screen and (max-width:480px) {
	#lead, #photo, #profile, #style {
		width:100%;
		float:none;
	}
	#lead h2 img, #photo img, #profile img, #style img {
		zoom:.5;
	}
}