@charset "utf-8";
/*
Theme Name: 明利酒類株式会社
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* common */
html, body, div, h1, h2, h3, h4, h5, h6,
p, address, blockquote,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset, input {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
html {
	overflow-y: scroll;
	overflow-x: hidden;
}
body {
	text-align: left;
	font-family: "メイリオ", "MS PGothic", "Osaka", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Geneva, Arial, Helvetica, sans-serif;
	color: #595757;
    font-size:13px;
    *font-size:small;
    *font:x-small;
	line-height: 1.0;
}
h1, h2, h3, h4, h5, h6, dt, dd, th {
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
    font-size:inherit;
    font:1em;
}

ul li, ol li {
	list-style-type: none;
}

img {
	border: 0;
	vertical-align: bottom;
}

/* clearfix */
.clearfix:after {
  	content: "."; 
  	display: block; 
  	height: 0; 
  	clear: both; 
  	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


a {
	color:#333;
}
a:hover {
	text-decoration:none;
}

a:hover img {
	opacity:0.50;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

.spImg {
	display: none;
}


/*----------------------------------------------------
ヘッダー
----------------------------------------------------*/
#header {
	width: 100%;
	background: #000;
}
#header .head {
	width: 950px;
	height: 70px;
	margin: 0 auto;
	position: relative;
}
#header h1 {
	position: absolute;
	top: 32px;
	left: 0;
}
#header .bnr {
	position: absolute;
	top: 19px;
	right: 0;
}

#header .global-nav {
	height: 78px;
	background: #0b346e;
}
#header .global-nav {
	height: 78px;
	background: #0b346e;
}
#header #toggle {
	display:none;
}
#header .global-nav li {
	float: left;
	margin-right: 50px;
	display: inline;
	line-height: 78px;
}
#header .global-nav li.last {
	margin-right: 0;
}
#header .global-nav li a {
	color: #fff;
	text-decoration: none;
	font-size: 21px;
}
#header .global-nav li a:hover {
	text-decoration: underline;
}




/*----------------------------------------------------
フッター
----------------------------------------------------*/
#footer {
	background: #000;
	font-size: 14px;
	color: #fff;
}
#footer .footer-inner {
	width: 950px;
	margin: 0 auto;
}
#footer .footer-inner .footer-data {
	padding: 48px 0 3px;
}
#footer .footer-inner .footer-data dt {
	margin-bottom: 16px;
}
#footer .footer-inner .footer-data dd {
	margin-bottom: 9px;
	padding-left: 27px;
	height: 18px;
	line-height: 18px;
}
#footer .footer-inner .footer-data .adress {
	background: url('/wp-content/themes/meirishurui/images/icon01.gif') no-repeat left top;
}
#footer .footer-inner .footer-data .tel {
	background: url('/wp-content/themes/meirishurui/images/icon02.gif') no-repeat left top;
}
#footer .footer-inner .footer-data .fax {
	background: url('/wp-content/themes/meirishurui/images/icon03.gif') no-repeat left top;
}
#footer .footer-inner .footer-sns li {
	float: left;
	width: 20px;
	margin: 0 10px 12px 0;
}
#footer .footer-nav {
	border-top: solid 1px #bfbfbf;
	border-bottom: solid 7px #0b346e;
}
#footer .footer-nav ul {
	padding: 18px 0 18px 188px;
	width: 950px;
	margin: 0 auto;
}
#footer .footer-nav li {
	float: left;
	padding-right: 20px;
	border-right: solid 1px #fff;
	margin-right: 20px;
}
#footer .footer-nav li.last {
	border-right: none;
}
#footer .footer-nav li a {
	color: #fff;
}

#footer .copyright {
	padding: 16px 0 14px;
	text-align: center;
}


/*----------------------------------------------------
トップページ
----------------------------------------------------*/
#top #top-main-wrap {
	width: 100%;
	background: #000;
}
#top #top-main {
	height: 499px;
	overflow: hidden;
}
#top #top-main img{
	width: 100%;
	height: 100%;
	min-height: 499px;
	margin: 0 auto;
}

#top .top-nav {
	width: 950px;
	margin: 0 auto;
}
#top .top-nav li {
	float: left;
}
#top #contents {
	padding-top: 50px;
}

#main .info .info-ttl {
	margin-bottom: 15px;
}
#main .info dl {
	float: left;
	width: 410px;
}
#main .info dt {
	border-bottom: solid 1px #7f6c4a;
}
#main .info dt img{
	width: 410px;
	height: 272px;
}
#main .info dd {
	font-size: 18px;
}
#main .info .info-list {
	float: right;
	width: 200px;
	font-size: 14px;
}
#main .info dd a,
#main .info .info-list a {
	background: #7f6c4a;
	display: block;
	text-decoration: none;
	color: #fff;
	border-bottom: solid 1px #a79a83;
	height: 91px;
	padding: 5px 15px;
	line-height: 1.5;
}
#main .info dd a:hover,
#main .info .info-list a:hover {
	background: #4c3f2a;
}
#main .info dd a span,
#main .info .info-list a span {
	color: #f1eaaf;
	display: block;
}

#main .bnr {
	margin-top: 35px;
}

#main .catch-img {
	margin-top: 20px;
}


/*----------------------------------------------------
下層ページ共通
----------------------------------------------------*/

#contents {
	margin: 0 auto;
	width: 950px;
	padding: 60px 0 97px;
}
#contents #main {
	float: left;
	width: 610px;
}
#contents #side {
	float: right;
	width: 320px;
}

#side .side-nav-menu {
	display: none;
}
#side .side-nav-menu dl {
	margin-top: 12px;
	border-bottom: dashed 1px #9dae5c;
	padding-bottom: 8px;
}
#side .side-nav-menu dt {
	float: left;
	width: 100px;
	margin-right: 17px;
}
#side .side-nav-menu dt img {
	border: solid 1px #9dae5c;
	border-bottom-width: 4px;
}
#side .side-nav-menu .side-nav-ttl {
	font-size: 24px;
	color: #595757;
}
#side .side-nav-menu .side-nav-ttl .front {
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
}
#side .side-nav-menu .side-nav-txt {
	font-size: 12px;
	line-height: 1.4;
	margin-top: 10px;
	overflow: hidden;
}

#side .side-bnr {
	margin-top: 35px;
}
#side .facebook {
	margin-top: 20px;
}
#side .twitter {
	margin-top: 15px;
}

#recommend {
	width: 100%;
	border-top: solid 5px #0b346e;
	padding-bottom: 35px;
}
#recommend .recommend-inner {
	width: 950px;
	margin: -22px auto 0;
}
#recommend .recommend-ttl {
	margin-bottom: 37px;
}
#recommend dl {
	float: left;
	width: 160px;
	margin-right: 30px;
}
#recommend dl.last {
	margin-right: 0;
}
#recommend dl dt {
	width: 160px;
	height: 245px;
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
}
#recommend dl dt img {

}
#recommend dd {
	height: 62px;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	line-height: 1.5;
}
#recommend dd a {
	color: #0b346e;
	text-decoration: none;
}
#recommend dd a:hover {
	text-decoration: underline;
}


.section h3 {
	margin: 20px 0 18px;
}
.section p {
	font-size: 14px;
	line-height: 1.8;
	padding: 0 0 20px 0;
}

#news .update-history h3 {
	margin: 30px 0 22px;
}
#news .update-history-inner dl {
	float: left;
	width: 188px;

	border: solid 1px #9fa0a0;
	margin: 0 17px 17px 0;
}
#news .update-history-inner dl.last {
	margin-right: 0;
}
#news .update-history-inner dd.data {
	font-size: 14px;
	padding: 14px 8px 0 8px;
}
#news .update-history-inner dd.txt {
	font-size: 18px;
	line-height: 1.8;
	padding: 4px 8px 6px 8px;
}
.paging {
	margin: 13px auto 0;
	width: 170px;
}
.paging li {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border: solid 2px #1b1b1b;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
}
.paging li a {
	text-decoration: none;
	color: #1b1b1b;
}
.paging li a:hover {
	text-decoration: underline;
}
.paging li.last {
	margin-right: 0;
}
.paging li.current {
	background: #1b1b1b;
}
.paging li.current a {
	color: #fff;
}

/*
#other h2 {
	margin-bottom: 15px;
}
#other .other-item-inner dl {
	float: left;
	width: 188px;
	border: dashed 1px #a9b870;
	margin: 0 19px 19px 0;
}
#other .other-item-inner dl.last {
	margin-right: 0;
}
#other .other-item-inner dl dt {
	padding: 8px 14px 0;
	text-align: center;
	height: 195px;
}
#other .other-item-inner dl .txt {
	font-size: 18px;
	text-align: center;
	height: 40px;
	padding: 8px 14px;
}
#other .other-item-inner dl .price {
	font-size: 14px;
	text-align: right;
	padding: 0 14px 24px;
}
*/



/* お知らせ（詳細ページ） */
#news-page h2 {
	background: url('/wp-content/themes/meirishurui/images/news_page_ttl.gif') no-repeat 0 0;
	width: 565px;
	/* [disabled]height: 23px; */
	margin-bottom: 16px;
	padding: 15px 0 5px 44px;
	font-size: 18px;
	background-position: left bottom;
	font-weight: 700;

}
#news-page h2 span {
	font-size: 14px;
	margin-right: 20px;
}
#news-page .left-txt {
	float: left;
	width: 325px;
}
#news-page .img-list li {
	float: right;
	width: 250px;
	margin-bottom: 15px;
}
#news-page .img-list li img {
	max-width: 250px;
	height: auto;
}


/* 商品ページ */
.item {
	color: #000;
}

.item .img-right-box,
.item .img-left-box {
	margin-top: 30px;
	width: 586px;
}
.item .img-right-box .img {
	float: right;
	width: 253px;
	padding-left: 10px;
}
.item .img-left-box .img {
	float: left;
	width: 253px;
	padding-right: 10px;
}
.item .img-right-box dd,
.item .img-left-box dd {
	font-size: 14px;
	line-height: 1.7;
	margin-top: 12px;
}

.item .item-list-wrap {
	margin-top: 35px;
	width: 588px;
}
.item .item-list {
	margin-top: 30px;
	padding-bottom: 22px;
	background: url('/wp-content/themes/meirishurui/images/border.gif') no-repeat left bottom;
}
.item .item-list .img {
	float: left;
	width: 100px;
}
.item .item-list dl {
	width: 468px;
	float: right;
}
.item .item-list dt {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 12px;
	padding-left: 42px;
	padding-top: 4px;
	background: url('/wp-content/themes/meirishurui/images/icon_item01.gif') no-repeat left center;
	line-height: 28px;
	vertical-align: middle;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.item .item-list dt.icon-item02 {
	background-image: url('/wp-content/themes/meirishurui/images/icon_item02.gif');
}
.item .item-list dt.icon-item03 {
	background-image: url('/wp-content/themes/meirishurui/images/icon_item03.gif');
}
.item .item-list dt.icon-item04 {
	background-image: url('/wp-content/themes/meirishurui/images/icon_item04.gif');
}
.item .item-list dt.icon-item05 {
	background-image: url('/wp-content/themes/meirishurui/images/icon_item05.gif');
}
.item .item-list dt.icon-item06 {
	background-image: url('/wp-content/themes/meirishurui/images/icon_item06.gif');
}
.item .item-list dt.icon-item07 {
	background-image: url('/wp-content/themes/meirishurui/images/icon_item07.gif');
}
.item .item-list dt.icon-item08 {
	background-image: url('/wp-content/themes/meirishurui/images/icon_item08.gif');
}
.item .item-list dt.icon-item09 {
	background-image: url('/wp-content/themes/meirishurui/images/icon_item09.gif');
}
.item .item-list dt.icon-item10 {
	background-image: url('/wp-content/themes/meirishurui/images/icon_item10.gif');
}
.item .item-list dt.icon-item11 {
	background-image: url('/wp-content/themes/meirishurui/images/icon_item11.gif');
}
.item .item-list dt.icon-item12 {
	background-image: url('/wp-content/themes/meirishurui/images/icon_item12.gif');
}
.item .item-list dd.txt {
	font-size: 14px;
	line-height: 1.5;
}
.item .item-list dd.price {
	font-size: 16px;
	line-height: 130%;
	text-align: right;
	margin: 30px 0 10px;
}
.item .item-list dd.btn {
	text-align: right;
}




/*追加した部分_20150219*/

#header .global-nav0 {
	/* [disabled]height: 78px; */
	background: #0b346e;
}

#header .global-nav0 li.last {
	margin-right: 0;
}

#dropmenu{
	list-style-type: none;
	width: 950px;
	height: 40px;
	margin: 30px auto 0;
	padding: 0;
	background: #0b346e;

}
#dropmenu li{
	position: relative;
	width: 16.6%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #8a9ab5;
  color: #fff;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #0b346e;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #081b3d;
  border-bottom: 1px solid #081b3d;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

dl.about_left dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 315px;
	padding-left: 5px;
	color: #000;
}

dl.about_left dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
}



div.gazo-box {
float: left;
padding-right:5px;
}

div.gazo-box_end {
float: left;
}


.mys_h{
	font-size:16px;
	font-weight:600;
}
.mar_bot{
	margin-bottom:20px;
}

.news_day{
	line-height:180%;
}

.warn_tex{
	font-size: 16px;
	color: #C33;
	font-weight: 600;
}

.warn_tex01{
	line-height:150%;
	margin-top:8px;
}


/*************************************
max-width: 768px
**************************************/
@media screen and (max-width: 768px) {
img {
  max-width: auto;
  height: auto;
}
}


/*************************************
max-width: 575px
**************************************/
@media screen and (max-width: 575px) {

body {
  width: 100%;
/*  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;*/
}
img {
  max-width: 100%;
  height: auto;
}
.pcImg {
	display: none;
}
.spImg {
	display: inline;
}
#header .head {
	width: auto;
}
#header h1 {
	position: absolute;
	top: 20px;
	left: 15px;
	width: 80%;
	height: auto;
}
#header .bnr {
  display: none;
}
#header .global-nav ul {
	width: auto;
}
#header #toggle {
  display: block;
  position: relative;
  width: 100%;
  background: #222;
}
/*#header #toggle {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
}*/
#header #toggle a {
  display: block;
  position: relative;
  padding: 12px 0 10px;
  border-bottom: 1px solid #444;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#header #toggle:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
}
#header #toggle a:before, #toggle a:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 4px;
  background: #222;
}
#header #toggle a:before{
  margin-top: -6px;
}
#header #toggle a:after{
  margin-top: 2px;
}
#dropmenu {
	display: none;
}
#dropmenu li {
	float: none;
	width: 100%;
	border-bottom: 1px solid #444;
}
#dropmenu li ul {
	display: block;
	position: static;
}
#dropmenu li ul li {
  overflow: visible;
  height: 100%;
}
#dropmenu li ul li:first-child {
  border-top: solid 1px #444;
}
#dropmenu li ul li:last-child {
  border-bottom: none;
}
#dropmenu li ul li a {
	color: #ffb402;
	text-align: center;
}
#contents {
	width: auto;
	padding: 0;
}
#contents #main {
	float: none;
	width: auto;
}
#recommend .recommend-inner {
	width: 320px;
	margin: 0;
}
#recommend .recommend-inner dl {
	width: 100px;
}
#recommend .recommend-inner dl img {
	width: 60%;
	height: auto;
}
#contents #side {
  float: none;
  width: auto;
}
#contents #side li img{
  width: 568px;
}
#footer .footer-inner {
  width: auto;
  padding: 0 10px;
}
#footer .footer-inner .footer-data {
  padding: 20px 0 10px; 
}
#footer .footer-nav ul {
  width: 300px;
  margin: 0 auto;
  padding: 10px 0;
  text-align:center;
  line-height: 1.8;
}
#footer .footer-nav li {
  float : none;
  display: inline;
  text-align: center;
}
#dropmenu{
	width: auto;
	height: auto;
	margin: 0;
}

#top #contents {
	padding-top: 10px;
}
#top #top-main-wrap {
	width: auto;
}
#top #top-main {
	height: auto;
}
#top #top-main img{
	width: 100%;
	height: auto;
	min-height: 100px;
}
#top .top-nav {
	width: auto;
}
#top .top-nav li{
	width: 50%;
	padding-top: 3px;
}
#top .top-nav li:nth-child(odd) {
  border-right:solid 3px #fff;
  margin-left:-3px;
}
#top .top-nav li img{
	width: auto;
}
#main h2 {
  padding-top: 15px;
}
#main .section h3,
#main .section h4,
#main .section p {
  padding: 0 15px;
}
#main .info .info-ttl {
  margin-bottom: 2px;
}
#main .info dl {
  float: none;
  width: 100%;
}
#main .info dt img {
  width: 100%;
  height: auto;
}
#main .info .info-list {
  float: none;
  width: 100%;
}
#main .info .info-list li {
  float: left;
  width: 50%;
}
#main .info .info-list li:nth-child(odd) {
  border-right:solid 1px #a79a83;
  margin-left:-1px;
}
#main .bnr {
  margin-top: 10px;
}
#main .catch-img {
  margin-top: 10px;
}
#recommend {
  display: none;
}
#side .side-bnr {
  margin: 10px;
}

dl.about_left dt {
  float: none;
}
dl.about_left dd {
  margin-left: 0;
  padding: 0 5px;
  line-height: 1.4;
}

.mar_bot {
  margin-bottom: 0;
}
div.gazo-box,
div.gazo-box_end {
  float: none;
  padding-right: 0;
  text-align: center;
}
div.gazo-box img {
  margin: 0 auto;
}
.item {
  margin-top: 20px;
}
.item .item-list-wrap {
  width: auto;
}
.item .img-right-box,
.item .img-left-box {
  width: auto;
  margin: 10px auto;
}
.item .img-left-box .img,
.item .img-right-box .img {
  float: none;
  width: auto; 
  padding-right: 0; 
  text-align: center;
  margin: 20px auto;
}
.item .img-right-box dl, 
.item .img-left-box dl {
  padding: 0 20px;
}
.item .item-list .img,
.item .item-list dl {
  float: none;
  width: auto;
  padding: 0 20px;
}
.item .item-list .img,
.item .item-list dd.price,
.item .item-list dd.btn {
  text-align: center;
}

}




/*追加css＿20150402*/

.ne_tex4{
	font-size:16px;
	font-weight:600;
	color:#366;
	line-height:150%;
}

.ne_bott{
	margin-top:15px;
}

.fott_yen{
	font-size:12px;
}




* {  
  margin:0;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#item-list {

}

#item-list ul{
  margin-left:-20px;
  overflow:hidden;
  background-color:transparent;
}

#item-list ul li {
  list-style-type:none;
  float:left; /*floatで横並びに*/
  padding-left:2px;/*カラム間のガター*/
  margin-bottom:2px;
  text-align:center;
}

ul.cols-1 li {width: 100%;}
ul.cols-2 li {width: 50%;}
ul.cols-3 li {width: 33.33333%;}
ul.cols-4 li {width: 25%;}
ul.cols-5 li {width: 20%;}
ul.cols-6 li {width: 16.66666%;}
ul.cols-7 li {width: 14.28571%;}
ul.cols-8 li {width: 12.5%;}

.inner{ /*カラムの内側*/
  margin:0;
  height:100%;
  background:white;
}

@media only screen and (max-width: 767px) {
  ul.cols-4 li,ul.cols-5 li,ul.cols-6 li,ul.cols-7 li,ul.cols-8 li{
      width: 33%;/*４列以上は３列に*/
  }
  ul.cols-3 li{
      width:50%;/*３列は２列に*/
  } 
}

@media only screen and (max-width: 479px) {
  ul[class*='cols-'] > li{
      width: 50%;/*すべてを１列に*/
  }
}