@charset "utf-8";
/* CSS Information========

Table of Contents:
 * info
 
========================== */
.page_image {
	margin-bottom: 0;
}
.page_image p img {
	height: 0;
}
a:hover {
  text-decoration: underline;
}
dd {
	margin-left: 0;
}
#search {
	z-index: 999;
}
/* =======================
		h1
========================== */
#main {
	line-height: 1.5;
}
#main .sub_ttl {
	margin-bottom: 30px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","MS 明朝","MS Mincho", serif;
	font-size: 1.2em;
	line-height: 1.3;
}
/* =======================
		h2
========================== */
#main h2 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: #e3e3e3 solid 1px;
}
#main h2 .zei {
	font-size: 1.3rem;
	float: right;
	padding-top: 8px;
}


/* =======================
		guide
========================== */
#main .guide dl dd span {
	display: inline-block;
}
#main .guide a {
	text-decoration: none;
}
#main .guide a:hover {
	text-decoration: underline;
}
#main .border h2 {
	text-align: center;
	line-height: 1.3;
	padding-bottom: 15px;
}

/* =======================
		.menu
========================== */
#main .menu dl dt{
	width: 100%;
}

#main .menu dl dt .name {
	font-weight: bold;
	float: left;
}
#main .menu dl dt .price {
	text-align: right;
	display: block;
	width: 100%;
}
#main .menu dl dd {
	float: none;
	padding-left: 15px;
	border-bottom: 1px dotted #e3e3e3;
	padding-bottom: 10px;
}
#main .menu .example {
	padding: 20px;
	background-color: #eeeeee;
}
#main .menu2 dl dt {
	float: left;
}
#main .menu2 .clearfix dd {
	text-align: right;
}


#main .menu2 dl {
	border-bottom: 1px dotted #e3e3e3;
	padding-bottom: 10px;
}

/* =======================
		.menu_img
========================== */
#main .menu_img li {
	float: left;
	margin-right: 25px;
	width: 216px;
}
#main .menu_img li:nth-child(3n) {
  margin-right: 0;
}
#main .menu_img > *:first-child + * + *{
  margin-right: 0;
}




/* =======================
		#spbr
========================== */
.spbr {
	display: none;
}
.tbbr {
	display: none;
}
.tbbr2 {
	display: block;
}



/*タブレット*/
@media screen and (max-width:1000px) {
a:hover {
  text-decoration: none;
}
/* =======================
		.menu_img
========================== */
#main .menu_img {
	width: 103%;
}
#main .menu_img li {
	float: left;
	width: 31%;
	margin-right: 11px;
}
#main .menu_img li:nth-child(3n) {
  margin-right: 0;
}
#main .menu_img > *:first-child + * + *{
  margin-right: 0;
}

/* =======================
		#spbr
========================== */
.spbr {
	display: none;
}
.tbbr {
	display: block;
}
.tbbr2 {
	display: none;
}


}

/*スマートフォン*/
@media screen and (max-width:640px) {

/* =======================
		container
========================== */
#container {
	width: 93.75%;
}	
	
/* =======================
		#container
========================== */

.pc_pad {
	display: none;
}

/* =======================
		.main
========================== */
.main {
	width: 100%;
	float: none;
	margin-bottom: 0;
}

/* =======================
		.menu_img
========================== */
#main .menu_img {
	margin: 0;
	width: 100%;
}
#main .menu_img li {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

/* =======================
		#spbr
========================== */
.spbr {
	display: block;
}
.tbbr2 {
	display: block;
}


}
