@charset "UTF-8";

/* CSS Document */

@media (max-width:767px) {

	.page_content {margin-top:15%}

	div.header{height:0;}

	div.header img{display:none;}

	.table th {display:block;width:100%;font-weight: normal;color: #8C781E;}

	.table td {display:block;width:100%;vertical-align:middle!important;}

	div.product table th {border-top: solid 1px #000;}

	div.product table td {border-top: dotted 1px #787878;}

	.prodTitle { width: 160%;}

	.prodTitle_b { width: 140%;}

}

@media (min-width: 768px) and (max-width:991px) {

	.table th {display:block;width:100%;font-weight: normal;color: #8C781E;}

	.table td {display:block;width:100%;vertical-align:middle!important;}

	div.product table th {border-top: solid 1px #000;}

	div.product table td {border-top: dotted 1px #787878;}

}

@media (min-width:768px){

	.navbar-fixed-top,

	.navbar-fixed-bottom {position: fixed;}

	ul.in_navi li {float: left;width: 50%; padding: 0px;list-style: outside none none;}

	div.page_content h3 {font-size: 200%!important;font-weight: normal;}

	div.list {max-width: 165px!important;height:220px;}

}

@media (min-width:992px){

	div.product table tr th,

	div.product table tr td {border-top: solid 1px #000;}

	div.product table tr th {padding-left: 0;padding-right: 0;}

	div.product table tr td {padding-right: 0;}

}



.page_content h2 img {

	width: 35%;

}

table tr th {

	font-weight: normal;

	width: 29%;

	color:#8c781e;

	font-weight:bold;

}

div.header img{

	width: 100%;

}

.satsuma img {

	z-index: 0;

	float: left;

	width: 30%;

}

.map {

	z-index: 10;

	float: right;

	width: 70%;

}

.page_content h2 img {

	width: 35%;

}

ul.in_navi li {

	float: left;

	width: 25%;

	padding: 0px;

	list-style: outside none none;

}

div.product {

	background: url(../../../images/sec_page/shouhin/product_bg.png) repeat-x bottom;

	padding-bottom: 50px;

	padding-top: 50px;

}

div.product.first {

	padding-top: 0;

}

div.product h3 {

	font-size: 230%;

	font-weight: normal;

	color: #000;

	margin-bottom: 5px;

	border-bottom: solid 1px #000;

}

div.product p.line {

	padding-bottom: 10px;

}

div.product .productDetail {

	padding-top: 30px;

}



/*����������������������������������

商品一覧

����������������������������������*/



@media (max-width:767px){

	ul.productsList {

		list-style-type: none;

		/*list-style-type: disc;*/

		list-style-position: inside;

	}

	ul.productsList li {

		width:30%;

		font-size: 1.5rem;

		margin:1%;

		padding:1%;

		box-sizing:border-box;

	}

	/*.productsList li img,.productsList li br{display:none;}*/

	.productsList li img {width:30%;margin:0 auto 0!important;}

	h4#imo_list,h4#mugi_list,h4#kome_list,h 4#beer_list {font-size:200%!important;}

}

@media (min-width:768px) {

	.productsList li {

		width:18%;

		font-size: 2rem;

		margin:1%;

		padding:1%;

		box-sizing:border-box;

		text-align: center;

	}

}

div.s_list div.list {

	margin:5px;

}

h4.lineup {

	clear:both;

}

.slineupProducts {

	padding-top: 0!important;

}

.prodListOnly {

	margin-top:40px!important;

}

.productsList {

	list-style-type: none;

}

div.s_list div.list {

		float: left;

		text-align:center;

		border-bottom:1px solid #969696;

		border-right: 1px solid #969696;

}

.productsList li a{

	display:block;

}

.productsList li img{

	vertical-align: middle;

	margin: 0 0 -20px;

	/*width:25%;*/

}

#imo_list,#mugi_list,#kome_list,#beer_list {

	margin-top: -50px;

	padding-top: 80px;

	font-size:2.5rem;

}

.svgTitle {width:35%;}

.productsList {

	margin-top:80px;

}

.goListPage {

    font-size: 1.8rem;

    font-weight: bold;

    text-align: right;

    display: block;

}