@charset "utf-8";

/*
Theme Name: 福岡・博多・糸島の酒蔵。地酒・地ビールの杉能舎
Author URI: http://www.suginoya.co.jp
*/

/* body */
body {
	width: 100%;
	background:#ece5dc  repeat-x url("../images/bg.png") top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	line-height : 1.5;
	}

a {
	color: #369;
	}

a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	text-decoration: none;
	}
img {
	max-width: 100%;
	}

.clear {
	clear:both;
	}


/* ヘッダー */
header {
	width: 110%;
	color: #afafaf;
	background:#373737 repeat-x url("../images/header_bg.png") top;
	text-align: center;
	}
header h1 img {
	padding: 15px 0 5px 0;
	}
header h3 {
	font-size: 50%;
	font-weight:normal;
	}
header .toggleBtn {
	float: left;
	margin: 0;
	padding: 0;
	}

/* ナビ */
nav#head {
	width: 110%;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	padding-top: 5px;
	background: #000;
	}
nav#head a {
	padding: 10px;
	color: #fff;
	display: block;
	text-decoration: none;
	}
nav#head ul {
	padding-bottom: 5px;
	}
nav#head ul li {
	border-bottom: 1px solid #373737;
	}
nav#head ul li a {
	display : block;
	font-size : 15px;
	color : white;
	text-decoration: none;
	}
nav#head ul li a:hover {
	color : #afafaf;
	background-color : #373737;
	}
nav#head ul li:last-child {
	border: none;
	}

nav#pagemenu {
	width: 100%;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color: #333;
	background-color: #fafafa;
	border: 1px solid #e3e3e3;
	margin: 10px 0 20px 0;
	}
nav#pagemenu a {
	padding: 10px;
	color: #333;
	display: block;
	text-decoration: none;
	}
nav#pagemenu ul {
	padding-bottom: 5px;
	}
nav#pagemenu ul li {
	border-bottom: 1px solid #e3e3e3;
	}
nav#pagemenu ul li a {
	display : block;
	font-size : 17px;
	color: #333;
	text-decoration: none;
	}
nav#pagemenu ul li a:hover {
	color : #afafaf;
	background-color : #373737;
	}
nav#pagemenu ul li:last-child {
	border: none;
	}


/* メイン */
div#slide {
	width: 100%;
	}
div#contents {
	overflow : hidden;
	background-color : #fff;
	text-align: left;
	font-size: 14px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	}
section.info .event .photo .blog .facebook .shop {
	line-height : 1.5;
	margin-bottom: 20px;
	}
section.catch {
	text-align: center;
	margin: 30px 0 30px 0;
	}
section.maincopy {
	font-size: 16px;
	line-height: 1.75em;
	margin: 20px 0 20px 0;
	}
section.maincopy p {
	margin: 0 0 20px 0;
	}
section.snap {
	margin-bottom: 20px;
	}
section.text {
	line-height: 1.75em;
	margin-bottom: 20px;
	}
div#contents img.copy {
	margin: 20px 0 10px 0;
	}
div#contents img.snap {
	margin: 0 0 20px 0;
	}
div#contents img.eventsnap {
	margin: 0 0 40px 0;
	}

/* フッター */
footer {
	width: 110%;
	background: #00572f repeat-x url("../images/footer_bg.png") top;
	}
footer nav#footer a {
	padding: 10px;
	color: #fff;
	display: block;
	text-decoration: none;
	}
footer nav#footer {
	padding-top: 5px;
	background: #00572f repeat-x url("../images/footer_bg.png") top;
	}
footer nav#footer ul {
	padding-bottom: 5px;
	}
footer nav#footer ul li {
	font-size: 12px;
	}
footer nav#footer ul li a:hover {
	color : #afafaf;
	background-color : #373737;
	}
footer p {
	padding: 5px 0;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height : 1.5;
	}


/* タブレット指定 */
@media only screen and (min-width: 769px) {
nav#head .toggleBtn {
	display: none;
	}
}


/* PC指定 */
@media only screen and (min-width: 1001px) {
header {
	width: 1000px;
	color: #afafaf;
	background:#373737 repeat-x url("../images/header_bg.png") top;
	text-align: center;
	margin: 0 auto;
	}
header .wrapper {
	}
header .toggleBtn {
	display: none;
	}
header h1 {
	float: left;
	}
header h1 img {
	width: 100%;
	padding: 15px 0 5px 0;
	}
header h2 {
	font-weight:normal;
	float: right;
	padding: 20px 0 0 0;
	}
header h3 {
	font-size: 10px;
	font-weight:normal;
	padding: 25px 0 0 0;
	}
nav#head {
	padding-bottom: 5px;
	text-align: center;
	margin: 0 auto;
	}
nav#head ul {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	}
nav#head ul li {
	border: none;
	float: left;
	text-align: center;
	display: inline;
	position: relative;
	}
nav#head a.cl {
	color : #fff9bc;
	}
div#slide {
	width: 1000px;
	}
div#contents {
	width: 1000px;
	background: #fff;
	font-size: 14px;
	margin: 2px auto 0px auto;
	padding: 10px 30px;
	}
section.main {
	width: 640px;
	float: left;
	}
section.info {
	width: 48%;
	float: left;
	margin-bottom: 20px;
	}
section.event {
	width: 48%;
	float: right;
	margin-bottom: 20px;
	}
section.photo {
	width: 350px;
	height: 470px;
	float: left;
	margin-bottom: 20px;
	}
section.blog {
	width: 640px;
	float: right;
	margin-bottom: 20px;
	}
section.facebook {
	width: 350px;
	float: left;
	margin-bottom: 20px;
	}
section.shop {
	width: 640px;
	float: right;
	margin-bottom: 20px;
	}
section.shop p {
	float: left;
	}
section.shop p.small {
	font-size: 10px;
	float: right;
	}
section.info .event .photp .blog .facebook .map h1 {
	margin: 0;
	padding: 0;
	}
nav#pagemenu {
	width: 100%;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	text-align: center;
	color: #333;
	background-color: #fafafa;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	margin: 20px auto 30px auto;
	}
nav#pagemenu ul {
	text-align: center;
	display: table;
	position: relative;
	margin: 0 auto;
	padding: 5px;
	}
nav#pagemenu ul li {
	border: none;
	float: left;
	text-align: center;
	display: table;
	position: relative;
	margin: 0 auto;
	}
nav#pagemenu ul li a {
	display : block;
	font-size : 17px;
	color : #333;
	text-decoration: none;
	}
nav#pagemenu ul li a:hover {
	color : #333;
	background-color : #d9d9d9;
	}
nav#pagemenu a {
	padding: 10px;
	color: #333;
	display: block;
	text-decoration: none;
	}
nav#pagemenu a.cl {
	color : #333;
	}
nav#pagemenu ul li:last-child {
	border: none;
	}
section.catch {
	text-align: center;
	margin: 30px 0 30px 0;
	}
section.maincopy {
	font-size: 16px;
	line-height: 1.75em;
	margin: 20px 0 20px 0;
	}
section.maincopy p {
	margin: 0 0 20px 0;
	}
section.snap {
	width: 35%;
	float: left;
	margin-bottom: 20px;
	}
section.text {
	width: 63%;
	font-size: 16px;
	line-height: 1.75em;
	float: right;
	margin-bottom: 20px;
	}
img.copy {
	margin: 0 0 10px 0;
	}
img.snap {
	margin: 0 0 20px 0;
	}
img.eventsnap {
	margin: 0 0 40px 0;
	}
section.text p {
	margin-bottom: 20px;
	}
footer nav#footer {
	padding-top: 5px;
	background: #00572f repeat-x url("../images/footer_bg.png") top;
	}
footer nav#footer ul {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 0 7%;
	}
footer nav#footer ul li {
	border: none;
	float: left;
	text-align: center;
	display: inline;
	position: relative;
	}

}