@charset "utf-8";
/*
Theme Name: バロック2014
Theme URI: http://sg-baroque.com
*/


/* CSSリセット
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font:82%/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
color:#333333;
background: url(images/bg01.png) top repeat-x;
}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#191206;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#CCA957;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	cursor:pointer;
}
a:hover img.hoverImg {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	cursor:pointer;
}

/**** Clearfix ****/
.nav .panel:before,nav .panel:after, nav#mainNav:before,nav#mainNav:after{content: ""; display: table;}
nav .panel:after,nav#mainNav:after{clear: both;}
nav .panel,nav#mainNav{zoom: 1;}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.clear {clear: both; line-height: 0}


/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"], textarea{
vertical-align:middle;
max-width:90%;
line-height:24px;
height:24px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #4f4d4d;
background: -moz-linear-gradient(top, #4f4d4d 0%, #2e2c2c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4d4d), color-stop(100%,#2e2c2c));
background: -webkit-linear-gradient(top, #4f4d4d 0%,#2e2c2c 100%);
background: -o-linear-gradient(top, #4f4d4d 0%,#2e2c2c 100%);
background: -ms-linear-gradient(top, #4f4d4d 0%,#2e2c2c 100%);
background: linear-gradient(to bottom, #4f4d4d 0%,#2e2c2c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4d4d', endColorstr='#2e2c2c',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #4f4d4d;
background: -moz-linear-gradient(top, #2e2c2c 0%, #4f4d4d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2c2c), color-stop(100%,#4f4d4d));
background: -webkit-linear-gradient(top, #2e2c2c 0%,#4f4d4d 100%);
background: -o-linear-gradient(top, #2e2c2c 0%,#4f4d4d 100%);
background: -ms-linear-gradient(top, #2e2c2c 0%,#4f4d4d 100%);
background: linear-gradient(to bottom, #2e2c2c 0%,#4f4d4d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2c2c', endColorstr='#4f4d4d',GradientType=0 );
}

*:first-child+html input[type="submit"]{padding:3px;}


/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
margin:0 auto;
width:940px;
}

#header,#mainNav{
}

#header{overflow:hidden;}

#content{
	float:left;
	width:685px;
	padding:20px 0;
}

section.main {
	border: #D2D2D1 4px double;
	padding: 13px 26px;
	overflow:hidden;
}

#sidebar{
	float:right;
	width:230px;
	padding:20px 0;
}

#footer{
	clear:both;
	padding:130px 0 100px;
	background: #1B1206 url(images/ftin_bg.png) center top no-repeat;
	overflow:hidden;
}

/* 文字装飾
------------------------------------------------------------*/
.space5 { height:5px;}
.space10 { height:10px;}
.space15 { height:15px;}
.space20 { height:20px;}
.space30 { height:30px;}
.space40 { height:40px;}
.space50 { height:50px;}

/* フォントサイズ */
.font10	{font-size: 10px;}
.font11	{font-size: 11px;}
.font12	{font-size: 12px;}
.font13	{font-size: 13px;}
.font14	{font-size: 14px;}
.font15	{font-size: 15px;}
.font16	{font-size: 16px;}
.font17	{font-size: 17px;}
.font18	{font-size: 18px;}
.font19	{font-size: 19px;}
.font20	{font-size: 20px;}


/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/
#header h1{
	float: right;
	width: 460px;
	padding:20px 0 3px;
	font-size:85%;
	font-weight:normal;
}


/* サイトタイトル
----------------------------------*/
#header h2{
float:left;
color: #3c2f13;
font-size:160%;
font-weight:bold;
}


/* ヘッダーインフォメーション
----------------------------------*/
#headerInfo{
float:right;
text-align: center;
padding-top: 7px;
}
#headerInfo p.tel {
	font-size:26px;
	color:#000000;
	font-family:"Times New Roman", Times, serif;
}


/* トップページ
*****************************************************/

/* メイン画像
----------------------------------*/
#mainImg{
line-height:0;
text-align:center;
background:#1B1206 url(images/mainimg_bg.gif) repeat;
padding: 5px 0;
z-index:0;
}

/* 新着情報
----------------------------------*/
#t_info {
	float: left;
	width: 460px;
	margin:5px 0 0;
}

.news{
	margin-top: -10px;
	padding-bottom:11px;
}

.news p{
	clear:both;
	border-bottom: 1px solid #dddddd;
}

.news span{padding-left:10px;}

.news p a{
	display:block;
	color: #333;
	padding:8px 5px 6px 19px;
	background:url(images/arrow01.gif) no-repeat 3px 48%;
}

.news p a:hover{background-position: 5px 48%;}

.news a span{color:#333;}
.news a:hover span{color:#CCA957;}

.ichiran {
	clear:both;
	text-align:right;
	margin:0;
}

/* トップメニュー
----------------------------------*/
#t_menu {
	float: right;
	width: 440px;
	margin:25px 0 0;
}

ul.topmenu{
	margin: 0;
	padding:0;
}

ul.topmenu li{
	margin:0 0 25px;
	padding:0;
	overflow:hidden;
}

ul.topmenu img.wp-post-image{
	float:left;
	margin-top: 15px;
}

ul.topmenu h2{
	margin:0 0 0 145px;
	font-size:14px;
	font-weight: bold;
}

ul.topmenu p{
	margin:0 0 10px 150px;
	padding: 0;
}

ul.topmenu p.shosai a{
	float: right;
	font-size: 90%;
	padding-left: 13px;
	background:url(images/arrow01.gif) no-repeat 0 47%;
}

/* インスタグラム
----------------------------------*/
#t_insta {
	float: left;
	width: 460px;
	margin: 0;
}
.instabox {
	margin-top: -10px;
}

/* トップバナー
----------------------------------*/
p.t_banner {
	clear:both;
	margin:0 0 -110px 10px;
}


/* 商品リスト
----------------------------------*/
.thumbWrap{
	width:645px;
	margin-right:-20px;
}

.thumbWrap li{
	float:left;
	width: 195px;
	height: 255px;
	margin:0 20px 0 0;
	padding:0 0 15px;
	text-align:center;
	background:none;
}

ul.thumb h2{
	margin:4px 0;
	padding:0;
	font-weight: bold;
	font-size:110%;
	color:#191206;
}

ul.thumb h2 a{color:#191206;}
ul.thumb h2 a:hover{color:#CCA957;}

ul.thumb p{
	font-size:100%;
	padding: 0 3px;
	text-align:left;
}
ul.thumb p.kakaku{
	font-size:100%;
	padding: 0 3px 3px;
	text-align:center;
}
.thumbWrap img{width:100%;height:auto;}

p.pricebox {
	clear:both;
	padding: 10px 0;
	text-align: center;
}
p.pricebox img {
	width: 100%;
	max-width: 500px;
	height:auto;
}

h2.menu_title,.post h2.menu_title{
	clear:both;
	margin:20px 0 10px;
	padding:10px 3px 5px 45px;
	font-size:124%;
	font-weight:bold;
	color:#191206;
	background: url(images/ico_001.png) left top no-repeat;
}

p.sweetsbox {
	clear:both;
	padding:0;
	text-align: center;
}
p.sweetsbox img {
	width: 100%;
	max-width: 625px;
	height:auto;
}

.post h3.media_title {
	clear:both;
	margin:50px 0 15px;
	padding:0 0 5px;
	font-size:124%;
	font-weight:bold;
	color:#191206;
	border-bottom:#cccccc 1px solid;
}
.post .mediabox {
	float: left;
	width: 30.3%;
	margin-bottom: 20px;
	padding: 0 1.5%;
}
.post h4.media_title2 {
	margin:0 0 3px;
	padding:0;
	font-size:14px;
	font-weight:bold;
}
.post ul.medialist {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: disc;
}
.post ul.medialist li {
	margin: 0 0 5px;
	padding: 0;
	line-height: 1.3;
}


/* 記事共通
*****************************************************/
h1.pagetitle {
	margin:0 0 0 -8px;
	font-size:170%;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#191206;
	padding: 7px 0 6px 14px;
	background: url(images/page_icon.png) left top no-repeat;
}
h1.single{margin-bottom:20px;}

h2.title{
	clear:both;
	margin:15px 0 20px;
	padding:10px 3px 5px 45px;
	font-size:124%;
	color:#191206;
	border-bottom:2px solid #CCA957;
	background: url(images/ico_001.png) left top no-repeat;
}

article h1.title{
	clear:both;
	margin:15px 0 5px;
	padding:10px 3px 5px 45px;
	font-size:124%;
	color:#191206;
	border-bottom:2px solid #CCA957;
	background: url(images/ico_001.png) left top no-repeat;
}
article h1.cat{margin-bottom:20px;}
article h1.single{margin-bottom:20px;border-bottom:none;}

article p.postdate{
	font-size:11px;
	text-align:right;
	padding:0 5px;
	margin-bottom:10px;
}

.post h2.title{
	clear:both;
	margin:30px 0 20px;
	padding:5px 3px;
	font-size:124%;
	color:#191206;
	border-bottom:2px solid #CCA957;
}

h2.title span{
	font-size:11px;
	color:#CCA957;
	font-weight:normal;
	letter-spacing: 0.08em;
	padding: 0 5px;
	font-family: Arial, Helvetica, sans-serif;
}

h2.first,article h1.first,.post h2.first{margin-top:0;}

article{margin-bottom:10px;}

.post p{margin: 0 0 15px;}

.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
	margin: 0 0 10px 0;
}

.post strong{font-weight:bold;}
.post p.bun1{margin:0;}
.post a{text-decoration:underline;}

.post img.wp-post-image{float:left; margin:0 15px 15px 0;}

/* 詳細ボタン */
a.more-link {
	font-size:11px;
	color: #ddd;
	display:block;
	float: left;
	margin: 0 0 15px;
	padding: 5px 8px;
	text-decoration:none;
	background-color:#1B1206;
}
a:hover.more-link {
	background-color:#666;
}

.post table{
	width: 100%;
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin:10px auto 20px;
}

.post table th{
	width: 23%;
	padding:8px;
	border: #ccc solid;
	border-width: 0 0 1px 1px;
	font-weight: normal;
	text-align: center;
	background:#F7F5F1;
	vertical-align: middle;
}

.post table td{
	padding:8px;
	border: 1px #ccc solid;
	border-width: 0 0 1px 1px;
	vertical-align: middle;
}

img.alignnone {margin: 0 10px 10px 0; float:left;}

img.aligncenter {
	 clear: both;
	display: block;
	margin:5px auto 15px;
}

img.alignright, img.alignleft{
	display:inline;
}

img.alignright{margin: 0 0 15px 15px;}

img.alignleft{margin: 0 15px 15px 0;}

.alignright{float:right;}
.alignleft{float: left;}

.wp-caption-text {margin: 0; padding:3px; font-size: 12px; text-align: center;} 

/* 戻るボタン */
a.backbtn {
	width: 160px;
	font-size:110%;
	color:#333;
	display:block;
	margin: 15px auto 0;
	padding: 10px;
	text-align:center;
	text-decoration:none;
	background-color:#ded9bb;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
a:hover.backbtn {
	color:#333;
	background-color:#ddd;
}


/* お問い合わせ
----------------------------------*/
.post #formmail {
	margin: 0;
	padding: 0 0 20px;
}
.post #formmail p {
	padding: 5px 0;
	margin: 0;
}
.red {
	font-size: 12px;
	color: #F36;
}

.post #formmail dl {
	border: 1px solid #CCC;
	border-top: none;
	background: #F7F5F1;
}
.post #formmail dt,.post #formmail dd {
	padding: 10px 1%;
	min-height: 24px;
}
.post #formmail dt {
	border-top: 1px solid #CCC;
	clear: left;
	float: left;
	width: 23%;
	text-align: center;
	line-height: 24px;
}
.post #formmail dd {
	width: 72.8%;
	margin-left: 25%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #FFF;
}
.post #formmail .send {
	margin: 20px 0 0;
	text-align: center;
}

/* コンタクトフォーム */
.sent .formInner {
    display: none;
}
.complete-display{
    display: none;
}
.sent .complete-display{
    display: block;
}
.wpcf7 span.wpcf7-not-valid-tip {
	clear:both;
	display: block;
	position: static;
	top: 0;
	left: 0;
	border: none;
	color: #FF6666;
	background: none;
	font-size: 12px;
}
.wpcf7 .wpcf7-not-valid {
	background: #FFEFEA;
}
.wpcf7 .wpcf7-response-output {
	margin: 0 80px;
	padding: 8px 14px 8px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.wpcf7 .wpcf7-validation-errors {
	color: #FF6666;
	background-color: #FFEFEA;
	border: 1px solid #FF8480;
	margin-bottom: 20px !important;
}
.wpcf7 .wpcf7-mail-sent-ok {
	color: #3399CC;
	background-color: #D9EDF7;
	border: 1px solid #BCE8F1;
	margin: 30px 0 !important;
}
span.wpcf7-list-item {display: block; padding-right: 10px; float:left;}


/* プライバシーポリシー */
.post h2.p-title {
	font-size: 120%;
	color: #1B1206;
	margin: 30px 0 10px 0;
	padding: 0 3px;
	border-bottom: 1px #ddd solid;
}

.post ul.privacy {
	margin:0 0 0 25px;
	padding:0;
	list-style: outside;
}


/* サイトマップ */
.post ul#sitemap_list {
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}
.post ul#sitemap_list li {
	font-size: 14px;
	margin: 8px 0;
	padding: 0 0 0 12px;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}


/* ソーシャルボタン */
.post .wp_social_bookmarking_light {
	clear: both;
	padding: 10px 5px !important;
}


/* サイドバー
*****************************************************/
p.banner,p.banner2{padding-bottom:10px; text-align:center;}
p.banner img,p.banner2 img{vertical-align:bottom;}

#recommend {
	border:#D2D2D1 1px solid;
	padding: 14px;
	margin-bottom:10px;
}
#recommend h1 {
	margin:0 0 10px;
	font-size:180%;
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	line-height:0.8;
	letter-spacing:0.05em;
	color:#191206;
	padding: 3px 3px 8px;
	background: url(images/bg_cow.png) right top no-repeat;
	border-bottom:#D2D2D1 1px solid;
}
#recommend h1 span{
	font-size:11px;
	font-style: normal;
	color:#CCA957;
	font-weight:normal;
	padding: 0;
}
#recommend h2 {
	font-size:110%;
	font-weight:bold;
	color:#191206;
	margin-bottom: 5px;
	padding: 0 3px;
}
#recommend p {
	padding-left:3px;
	padding-right:3px;
}
#recommend img {
	margin-bottom: 5px;
}

#contactBanner{
	clear:both;
	width:231px;
	padding: 12px 14px 10px;
	border: 3px solid #EFEDE3;
}
#contactBanner h3.tenpo{
	font-size:15px;
	font-weight:bold;
	padding: 3px 0 5px;
}
#contactBanner p.tel{
	font-size:28px;
	color: #EC92A7;
	line-height: 1.4;
	letter-spacing: 0.05em;
	font-family:"Times New Roman", Times, serif;
}

#fbbox {
	width: 100%;
	margin-top: 20px;
}

#side_banner {
	width: 200px;
	margin: 20px auto 0;
}
#side_banner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#side_banner li {
	margin-bottom: 10px;
}
#side_banner li img {
	vertical-align: bottom;
}

p.side_btn a {display:none;}


/* 検索フォーム
------------------------------------------------------------*/
#side-search {
	margin-bottom: 20px;
	padding: 0 5px;
}
#side-search div {
	margin-bottom: 8px;
}
#side-search input[type="submit"] {
	float:right;
}
#side-search select {
    -webkit-appearance: button;    /* Firefox向け */
	-moz-appearance: button;       /* Google Chrome、Safari向け */
	appearance: button;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size: 12px;
	color: #555555;
	border: 1px solid #ddd;
	background: url(images/arrow_down.png), -moz-linear-gradient(rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%);
	background: url(images/arrow_down.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgb(221, 221, 221)));
	background-repeat:no-repeat;
    background-position:95% center;
	padding: 6px 8px;
	text-indent: .01px;
	text-overflow: "";
}


/* フッター
*****************************************************/
#footer .menu ul{
width: 50%;
font-size:90%;
padding-bottom:3px;
}

#footer .menu ul li{
display:inline-block;
vertical-align:text-top;
text-align:left;
padding:0;
margin:0 14px 0 0;
}

#footer .menu ul li	a{
display:block;
overflow:hidden;
color:#ccc;
}
#footer .menu ul li	a:hover{color:#CCA957;}

*:first-child+html #footer ul li{display:inline;}

#footer address {
	float: left;
	width:50%;
	font-style: normal;
	margin-top: 15px;
}
#footer address p {
	font-size: 85%;
	color:#ccc;
}

#footer address a {color:#ccc;}
#footer address a:hover {color:#CCA957;}

#copyright{
	float:right;
	color: #ccc;
	padding-top:63px;
	text-align: right;
	font-style:normal;
	font-size:77%;
	zoom:1;
}


/* page navigation
------------------------------------------------------------*/
.pagenavi {
	font-size:85%;
	margin: 0;
	padding: 15px 0 0;
	text-align: center;
}

/* ページトップ */
#back-top {
	position: fixed;
	width: 60px;
	height: 60px;
	right: 20px;
	bottom: 20px;
	z-index: 300;
}


/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
	nav#mainNav{
	clear:both;
	padding:0 0 5px;
	position:relative;
	z-index:200;
	}
	
	.panel ul{
	background:url(images/sep.png) no-repeat 50% 50%;
	}

	.panel ul li{
	float: left;
	position: relative;
	padding:0 11.5px;
	background:url(images/sep.png) no-repeat 100% 50%;
	}
	
	.panel ul li:last-child{
	background:none;
	}

	.panel ul li a{
	display: block;
	text-align: center;
	_float:left;
	color:#555555;
	padding:5px 11.5px 0;
	height:40px;
	line-height:20px;
	}
	
	.panel ul li a span{
	display:block;
	font-size:100%;
	line-height:1.4;
	}
	
	.panel ul li a span{
	font-size:70%;
	color:#CCA957;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	}

	nav div.panel{
	display:block !important;
	float:left;
	}
  
	a#menu{display:none;}
  
  /* 親メニュー */
  .panel ul li.current-menu-item a, .panel ul li a:hover, .panel ul li a:active, .panel ul li.current-menu-parent a{
	background:#eee;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}

  .panel ul li:first-child a, .panel ul li:first-child a:active{
	background:#fff;
	}
  .panel ul li:first-child a:hover{
	background:#eee;
	}

  .panel ul ul{width:160px;}
  
  .panel ul li ul{display: none;}
	
  .panel ul li li{
  float: none;
  height:40px;
  line-height:40px;
  width:160px;
	padding:0;
  }
  
  .panel ul li:hover ul{
  display: block;
  position: absolute;
  top:40px;
  left:-7px;
  z-index:500;
  }
	
  .panel ul li li a{
  width:100%;
  height:40px;
  padding:0;
  text-indent: 10px;
  line-height:40px;
  font-size:95%;
  text-align:left;
  }
	
  .panel ul li li a:hover,.panel ul li li.current-menu-item a{color:#C6B182;}
  
  .panel ul li:hover ul li{
  margin:0;
  background: #eee;
  border-bottom:1px solid #dadcdc;
  }

  .panel ul li:hover ul li:first-child a{
  background: #eee;
  }
	
	.panel ul li:hover ul li:last-child{
	border:0;
	border-radius:0 0 6px 6px;
	}
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0 0 10px;
	}
	
	nav#mainNav .inner{width:95%;}
	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	color:#fff;
	background: #a6a286 url(images/menuOpen.png) no-repeat 1em 10px;
	background: url(images/menuOpen.png) no-repeat 1em 10px, -moz-linear-gradient(top, #d7d3b6 0%, #a6a286 100%);
	background: url(images/menuOpen.png) no-repeat 1em 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d3b6), color-stop(100%,#a6a286));
	background: url(images/menuOpen.png) no-repeat 1em 10px, -webkit-linear-gradient(top, #d7d3b6 0%,#a6a286 100%);
	background: url(images/menuOpen.png) no-repeat 1em 10px, -o-linear-gradient(top, #d7d3b6 0%,#a6a286 100%);
	background: url(images/menuOpen.png) no-repeat 1em 10px, -ms-linear-gradient(top, #d7d3b6 0%,#a6a286 100%);
	background: url(images/menuOpen.png) no-repeat 1em 10px, linear-gradient(to bottom, #d7d3b6 0%,#a6a286 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d3b6', endColorstr='#a6a286',GradientType=0 );
	border:1px solid #d6c58d;
	}
	
	nav#mainNav a#menu span{padding-left:2.6em;}
	
	nav#mainNav a.menuOpen{
	border-bottom:0;
	color:#fff;
	background: #a6a286 url(images/menuClose.png) no-repeat 1em 10px;
  background: url(images/menuClose.png) no-repeat 1em 10px, -moz-linear-gradient(top, #d7d3b6 0%, #a6a286 100%);
	background: url(images/menuClose.png) no-repeat 1em 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d3b6), color-stop(100%,#a6a286));
	background: url(images/menuClose.png) no-repeat 1em 10px, -webkit-linear-gradient(top, #d7d3b6 0%,#a6a286 100%);
	background: url(images/menuClose.png) no-repeat 1em 10px, -o-linear-gradient(top, #d7d3b6 0%,#a6a286 100%);
	background: url(images/menuClose.png) no-repeat 1em 10px, -ms-linear-gradient(top, #d7d3b6 0%,#a6a286 100%);
	background: url(images/menuClose.png) no-repeat 1em 10px, linear-gradient(to bottom, #d7d3b6 0%,#a6a286 100%);
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	border:1px solid #d6c58d;
	border-top:0;
	}

	.panel ul{margin:0;padding:0;}

	.panel ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	.panel ul li a,.panel ul li.current-menu-item li a{
	display: block;
	width:100%;
	padding:1em 0;
	text-align:left;
	background:#c1bda1;
	}

 .panel ul li a strong{padding-left:1em;}
 .panel ul li a span{display:none;}
 
	.panel ul li.current-menu-item a,.panel ul li a:hover,.panel ul li.current-menu-item a,.panel ul li a:active, .panel ul li li.current-menu-item a, .panel ul li.current-menu-item li a:hover, .panel ul li.current-menu-item li a:active{
	background:#ded9bb;
	}

	.panel ul li li{
	float:left;
	border:0;
	}

	.panel ul li li a, .panel ul li.current-menu-item li a, .panel ul li li.current-menu-item a{background:#c1bda1 url(images/sub1.png) no-repeat 20px 50%;}

	.panel ul li li a:hover, .panel ul li.current-menu-item li a:hover{background:#ded9bb url(images/sub1.png) no-repeat 20px 50%;}
	
	.panel ul li li:last-child a{background:#c1bda1 url(images/subLast.png) no-repeat 20px 50%;}
	.panel ul li li:last-child a:hover,.panel ul li.current-menu-item li:last-child a:hover{background:#ded9bb url(images/subLast.png) no-repeat 20px 50%;}

	.panel ul li li a{text-indent:30px;}
	
	nav div.panel{float:none;}
	
	#mainImg{margin-bottom:10px;}
	#mainImg img{width:95%;height:auto;}

}


/* 939px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 939px){
  #wrapper, #header, .inner{width:100%;}

	#header h1{float:none;padding:3px 3%;width:94%;color:#ccc;background-color:#1B1206;}
	#header h2{float:none;width:410px;padding:0;margin:0 auto;}
	#headerInfo{float:none;width:270px;padding:0;margin:0 auto;}
	
	#t_info{float:none;width:95%;margin:0 auto 10px;}
	#t_menu{float:none;width:95%;margin:0 auto 10px;}
	#t_insta{float:none;width:95%;margin:40px auto;}

	.panel ul{margin:0 auto;}
	.panel ul ul{padding:0;}

	nav div.panel{float:none;}
	
	#mainImg img{width:95%;height:auto;}

	#content, #sidebar{
	clear:both;
	width:95%;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}
	
	.thumbWrap{margin:0 auto;}
	
	#recommend{margin-bottom:25px;}
	#recommend img{margin-right:15px; float:left;}
	
	#banners{width:100%;margin:0 auto;}
	#banners p{width:48%; float:left;margin:0 1% 0 1%;}
	#banners p img{width:100%;height:auto; max-width:230px;}

	#footer{margin-top:15px;padding-left:3%;padding-right:3%;}
	#footer .menu ul{font-size:85%;}
	#footer address {clear:both;float:none;width:60%;}
	#copyright{float:none;padding-top:10px;text-align:right;}
	
	#back-top a {display:none;}
	
	#m_category{padding-top:15px;text-align:center;}
	#m_category select, #side-menu select{
    -webkit-appearance: button;    /* Firefox向け */
	-moz-appearance: button;       /* Google Chrome、Safari向け */
	appearance: button;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size: 13px;
	color: #555555;
	border: 1px solid #ddd;
	background: url(images/arrow_down.png), -moz-linear-gradient(rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%);
	background: url(images/arrow_down.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgb(221, 221, 221)));
	background-repeat:no-repeat;
    background-position:95% center;
	padding: 8px 10px;
	width: 265px;
	text-indent: .01px;
	text-overflow: "";
	}
}


/* 幅700px以下から  画像調節
------------------------------------------------------------*/
@media only screen and (max-width: 700px){
	p.t_banner {margin:0 0 -100px 5px;}
	p.t_banner img{ width: 35%; height:auto;}
	#footer{padding-top:120px;padding-bottom:20px;background-size:260%;}
	#copyright{padding-top:15px;text-align:center;}
	
	section.main {padding: 6px 11px;}
	.thumbWrap{width:100%;margin:0 auto;text-align:center;}
	.thumbWrap ul.thumb li{width:31%; float:left;margin:0 0 0 2%;}
	.thumbWrap img{width:100%;height:auto;}
	#recommend img{width: 50%; max-width:200px; height:auto;}
	.post img{max-width:270px;height:auto;}
}


/* 幅667px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 667px){
	#header{padding:0;text-align:center;}
	#header h2{width:90%;}
	#header h2 img{width:100%; max-width:410px;}
	#headerInfo img{max-width:220px;height:auto;}
	img.alignright, img.alignleft{display:block;margin:10px auto;}
	.alignright,.alignleft{float:none;}
	p.t_banner {margin:0 0 -10px -20px;padding-top:10px;text-align:center;}
	p.t_banner img{ width:230px; height:auto;}
	
	#footer{padding-top:10px;background-image:none;}
	#footer .menu ul{width:100%; text-align:center;}
	#footer address {width:100%; text-align:center;}
	a.more-link {float:none;text-align:center; margin-bottom:0;}
	
	.post #formmail dl {
	border: none;
	background: none;
	}
	.post #formmail dt,.post #formmail dd {
	width: 100%;
	padding: 0;
	min-height: 20px;
	}
	.post #formmail dt {
	clear: both;
	float: none;
	border: none;
	margin:15px 0 0;
	text-align: left;
	font-size:14px;
	}
	.post #formmail dd {
	margin:0;
	border: none;
	background: none;
	}
	.post #formmail .send {
	margin: 15px 0 0;
	text-align: left;
	}
	.wpcf7 .wpcf7-response-output {
	margin: 0;
	padding: 8px 12px 8px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

	p.side_btn a {
	width: 245px;
	padding: 12px 10px;
	margin:0 auto 10px;
	font-size:15px;
	color: #FFF;
	text-align: center;
	display:block;
	cursor:pointer;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background: -moz-linear-gradient(rgb(255,201,212) 0%, rgb(236,146,167) 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255,201,212)), color-stop(80%, rgb(236,146,167)));
	}
	p.side_btn a:hover {
	background: #EC92A7;
	}

	.post .mediabox {width: 97%;}
}