/*   
Theme Name: The PAPILLES Theme Ver.1.2.8
Description: PAPILLES Original Theme.
Author: SAKAKI LAB INC.
Author URI: http://www.sakakilab.net
Version: 1.2.8
*/

@charset "UTF-8";

/*--------------------------------------------------------------
RESET
-------------------------------------------------------------- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}
img {
	vertical-align: bottom;
	right: 4px;
	top: 4px;
}


/*-------------------------------------------------------------------------------
CLEARFIX
-------------------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}




/*-------------------------------------------------------------------------------
 COMMON
-------------------------------------------------------------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	width: 100%;
	overflow-x: hidden;
}

html {
	overflow-y:scroll;
}

.container {
	position: relative;
}
.container-fluid {
	position: relative;
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}
a:active {
	color: #333333;
}

/* 画像配置 左 */
img.alignleft {
	float: left;
	margin: 10px 10px 10px 0;
}

/* 画像配置 中央 */
img.aligncenter {
	display: block;
	margin: 1px auto;
}

/* 画像配置 右 */
img.alignright {
	float: right;
	margin: 10px 0 10px 10px;
}

img {
	max-width: 100%;
	height: auto;
}



/* アイキャッチ画像設定 */
.eyecatch {
	width: 100%;
	height: 150px;
	background-position: center center;
	background-size: cover;
}
.eyecatch_s {
	width: 100%;
	height: 150px;
	background-position: center center;
	background-size: cover;
}

.article_post {
	position: relative;
}

/* Contact form レスポンシブ対応 */
.form-width { 
	max-width: 100%;
}
.fontg {
	color: #ACABAB;
}
/*
.wpcf7 {
	text-align: center !important;
}
*/


/* コメントフォーム レスポンシブ対応 */
#comment {
	max-width: 100%;
	border: 1px solid #EEEEEE;
}


/*　ContactForm7のテーブル化レスポンシブ調整　*/
 
/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
    border-top: 1px #DDD solid;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none;
}
/*奇数行だけ背景色つける*/
/*
.table-res-form tr:nth-child(2n+1) {
    background: #eee;
}
*/
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1.5em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
    text-align: right;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    margin: 0px 10px 0px 0px;
    background: red;
    border-radius: 2px;
}
 
/*ここから768px以下の指定*/
 
@media only screen and (max-width: 768px) {
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
　　　　　/*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }
}
 
/*ここまで768px以下の指定---終わり*/
 
/*ここから入力欄のスタイル指定*/
 
/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], input[type="tel"], textarea {
    border: 1px #89BDDE solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    border: 1px #89BDDE solid;
    padding: 0.5em 4em;
    border-radius: 5px;
    background: #4C9ED9;
    color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #006599;
    box-shadow: none;
}
/*チェックボックス　縦並び*/
span.wpcf7-list-item {
	display: block !important;
}


/*　ContactForm7のテーブル化レスポンシブ調整　*/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
    border-top: 1px #DDD solid;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none;
}
/*奇数行だけ背景色つける*/
/*
.table-res-form tr:nth-child(2n+1) {
    background: #eee;
}
*/
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1.5em;
}
/*th（項目欄）は30%幅*/
.table-res-form th {
    width: 30%;
    text-align: left;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    margin: 0px 10px 0px 0px;
    background: red;
    border-radius: 2px;
}

/*ここから768px以下の指定*/

@media only screen and (max-width: 768px) {
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
　　　　　/*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }
}

/*ここまで768px以下の指定---終わり*/

/*ここから入力欄のスタイル指定*/

/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
    border: 1px #89BDDE solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    border: 1px #89BDDE solid;
    padding: 0.5em 4em;
    border-radius: 5px;
    background: #4C9ED9;
    color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #006599;
    box-shadow: none;
}


/*コメントフォームスタイリング*/
#commentform label{
	display: inline-block;
}

#commentform textarea, #commentform input{
    border: 1px solid #4DD0E1; /* 枠線の色 */
	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-radius: 4px;
	transition: all .2s ease;
	font-size: 80%;
	
}

#commentform textarea:focus, #commentform input:focus{
	outline: none;
	border: 3px solid #4DD0E1; /* 枠線の色 */
}

#commentform #submit{
	background-color: skyblue; /* 送信ボタンの背景色 */
	color: white;
	border-radius: 10px;
	height: 40px;
	border: none;
	margin: 15px 0px 0px 0px;
	padding: 10;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	transition: all .2s ease;
}


.social_icon {
	margin: 10px 0px;
	padding: 0;
	list-style-type: none;
}
.social_icon li {
	display: inline-block;
	margin: 0px 10px 0px 0px;
}

.className li {
	line-height: 120%;
	margin: 15px 0px;
}


/*---------------------------------
 共通マージン設定
---------------------------------*/
.mt10 {
	margin: 10px 0 0px 0;
}
.mtb10 {
	margin: 10px 0 10px 0;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt70 {
	margin-top: 80px;
}
.mt80 {
	margin-top: 80px;
}
.mt100 {
	margin-top: 100px;
}
.mtb20 {
	margin: 20px 0 20px 0;
}
.mtb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.mtb40 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.mtb50 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.mtb100 {
	margin-top: 100px;
	margin-bottom: 100px;
}
.mt15 {
	margin-top: 15px;
}
.mt120 {
	margin-top: 120px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.ml_20 {
	margin: 0 0 0 20px;
}
.mr_10 {
	margin: 0 10px 0 0;
}
.mp15 {
	padding: 15px 0 0 0;
}
.mpt70 {
	padding: 70px 0 0 0;
}
.pt100 {
	padding-top: 100px;
}

figure {
	margin-bottom: 30px;
}


/*---------------------------------
 Blog img margin setting
---------------------------------*/
.fujimaru_post img, .shimanouchi_post img, .fujimaru_tokyo_post img, .kuzuha_hirakata_post img, .shokudo_osaka_post img, .hachibe_post img, .origin_post img {
	margin: 10px 0;
}


/*---------------------------------
 フォント設定
---------------------------------*/
.fs_20b {
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
}
.fs_35b {
	font-size: 35px;
	font-weight: bold;
	line-height: 40px;
}

h1 {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width: 100%;
	height: 0;
}


.h2_img_title {
	text-align: center;
	margin: 50px 0;
}
.h2_img_title_02 {
	text-align: center;
	padding: 90px 20px 50px 20px;
}
.h2_img_title_03 {
	text-align: center;
	padding: 90px 20px 0px 20px;
}
.h2_blog_page_title {
	margin: 50px 0;
	font-size: 20px;
	text-align: center;
}

.top_title {
	margin: 100px 0 10px 0;
	text-align: center;
}

.page_title {
	font-size: 27px;
	line-height: 36px;
	text-align: left;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #000000;
}
.page_title_c {
	font-size: 27px;
	line-height: 36px;
	text-align: center;
	margin: 0 0 50px 0;
}

.single_date {
	font-size: 16px;
	text-align: center;
}
.fuature_title {
	margin: 100px 0 20px 0;
	text-align: center;
	border-bottom: 1px solid #020202;
}
.underline_title {
	max-width: 570px;
	margin: 20px auto;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #020202;
}
.mw570 {
	max-width: 570px;
	margin: 5px auto;
}

.topics_title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 18px;
	line-height: 22px;
	margin: 5px 0;
}
.topics_subtitle {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.wp-caption-text {
	font-size: 12px;
	color: #2B2E34;
}
.fg {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.attention_txt {
	font-size: 14px;
	padding: 3px 0px 3px 0px;
}

/*Google Fonts（明朝体） */
.gf_mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}


/*Shop & Restaurants*/
.shop_rest_area {
	font-family: 'Scheherazade', serif;
	font-size: 18px;
	line-height: 18px;
}
.shop_rest_subtitle {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 14px;
	line-height: 24px;
}
.shop_rest_title {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	border-bottom: 1px solid #000000;
	padding: 0 0 5px 0;
}
.shop_rest_title_e {
	font-family: 'Scheherazade', serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 28px;
	border-bottom: 1px solid #000000;
	padding: 0 0 5px 0;
}
.shop_rest_title_nb {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	border-bottom: no;
	padding: 0 0 5px 0;
}

.font-en {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}


/*---------------------------------
 ANIMATION Setting
---------------------------------*/
.animation_fadin {
	animation: fadeIn 50s ease 100s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}


/*---------------------------------
 PAGE NAVI Setting
---------------------------------*/
.wp_navi {
	margin: 20px auto;
	text-align: center;
}


/*---------------------------------
 ページトップへ戻るボタン
---------------------------------*/
#page-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    font-size: 77%;
}
#page-top a {
    background: #2B2E34;
    text-decoration: none;
    color: #fff;
    padding: 5px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/*---------------------------------
 .box Setting
---------------------------------*/
.box {
	margin-bottom: 35px;
}
.box_date {
	font-size: 12px;
}
.bg_h {
	font-size: 0;
	margin: 5px 0;
}
.box_cat {
	font-size: 12px;
	padding: 2px;
	background-color: #CACACA;
}
.box_title {
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	text-decoration: underline;
}
.box_title2 {
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	text-decoration: note;
	padding: 10px 0px;
}


/*---------------------------------
 Page Setting
---------------------------------*/
.page_bg {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 1.7em;
	padding-bottom: 100px;
}

.w_line {
	width: 100%;
	height: 1px;
	background-color: #FFFFFF;
	display: block;
}

/*---------------------------------
 PAGINATION Setting
---------------------------------*/
.pagenavi {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.pagination h2.screen-reader-text { 
	display: none;
}

.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:14px;
	line-height:16px;
}
 
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #999999;
}
 
.pagination a:hover{
	color:#fff;
	background: #333333;
}
 
.pagination .current{
	padding:6px 9px 5px 9px;
	background: #333333;
	color:#fff;
}

.related_article_title {
	margin: 50px 0 15px 0;
	padding: 5px 0;
	border-bottom: 1px solid #000000;
}


/*---------------------------------
 MULTIPLE SLIDER Setting
---------------------------------*/
.b_article_slider {
	margin: 0 30px;
}


/*---------------------------------
 SIDE Setting
---------------------------------*/
#side_area {
	margin: 15px;
}
#searchform {
	margin: 20px 0;
}
.side_category_title {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
	border-bottom: 1px solid #000000;
}
.side_category_list {
	margin: 0 0 30px 20px;
}
.side_archive_title {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
	border-bottom: 1px solid #000000;
}
.side_archive_list {
	margin: 0 0 0 20px;
}


/*---------------------------------
 COMMENT Setting
---------------------------------*/
.comment-respond {
	margin: 15px 0 50px 0;
}
#comments_title {
	font-size: 18px;
	font-weight: bold;
	margin: 50px 0 0 0;
	border-bottom: 1px solid #000000;
}
.compost {
	margin: 30px 20px;
}
.comment-reply-title {
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0 0 0;
}


/*---------------------------------
 TABLE Setting
---------------------------------*/
.tr_bline {
	border-bottom: 1px solid #000000;
}


/*---------------------------------
 FOOTER Setting
---------------------------------*/
#footer_area {
	margin: 30px auto 5px auto;
	border-top: 1px solid #000000;
	position: relative;
}
#sakakilab {
	position: absolute;
	top: 2px;
	left: 5px;
}
.copyright {
	font-family: 'Scheherazade', serif;
	font-size: 18px;
	text-align: center;
	margin: 5px 0;
}


/*ソーシャルボタン*/
/*---------------------------------------------------------------
Social Button
-------------------------------------------------------------- */	
.social_area {
	margin: 50px 0 0 0;
}

#facebook {
	background: url(library/images/social/facebook_h.png) no-repeat;
	background-size: 31px 31px;
}
#facebook a {
  display: inline-block;
	cursor: pointer;
}
#facebook a:hover {
	background-color: transparent; /* IE6対応 */
}
#facebook a:hover img {
  visibility: hidden;
}	
	
	
#twitter {
	background: url(library/images/social/twitter_h.png) no-repeat;
	background-size: 31px 31px;
}
#twitter a {
  display: inline-block;
	cursor: pointer;
}
#twitter a:hover {
	background-color: transparent; /* IE6対応 */
}
#twitter a:hover img {
  visibility: hidden;
}	


#pinterest {
	background: url(library/images/social/pinterest_h.png) no-repeat;
	background-size: 31px 31px;
}
#pinterest a {
  display: inline-block;
	cursor: pointer;
}
#pinterest a:hover {
	background-color: transparent; /* IE6対応 */
}
#pinterest a:hover img {
  visibility: hidden;
}	
	
	


/* ボタン設定 */
.button-area {
	width: 100%;
}
.button-area:after {
	content: '';
	clear: both;
	display: block;
}
.button-area-title {
	font-family: Georgia, "Times New Roman", Times, "serif";
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 8px;
	text-align: left;
}
.button-whole {
	float: left;
	width: 31px;
	height: 31px;
	margin: 0 5px 0 5px;
	box-sizing: border-box;
}

.title-fill {
	font-size: 14px;
}


/*-------------------------------------------------------------------------------
 幅768px以下の指定
-------------------------------------------------------------------------------*/

.pc_disp {
	display: none;
}
.sp_disp {
	display: block;
}
.pcn_disp {
	display: none;
}
.spn_disp {
	display: block;
}


/*
header {
	height: 50px;
}
*/

.h2_page_title {
	margin: 50px auto;
	text-align: center;
	position: relative;
}
.h2r_img_btn {
	position: absolute;
	top: 60px;
	right: 20px;
}
.h2_search_title {
	margin: 30px 0 20px 0;
	font-size: 20px;
	text-align: center;
}	

.bsingle {
	margin: 50px 0; 
}


#slider {
	margin-top: 54px;
}


/*---------------------------------
 ハンバーガーメニュー
---------------------------------*/
#fixednavi_sp {
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 9999;
	padding: 10px;
}

.menu-btn {
	position: absolute;
	top: 10px;
	right: 10px;
}
.side_navi {
	margin: 20px 20px 20px 0px;
	list-style-type: none;
	font-family: 'Scheherazade', serif;
	font-size: 2em;
}
.side_navi li {
	margin: 10px 0;
	text-align: center;
}


/*----------------------------------------
Shop & Restaurants Menu (Blog Menu)
----------------------------------------*/
.shop_rest_menu {
	margin: 0;
}
.menu_title {
	text-align: center;
	margin: 100px 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #FFFFFF;
}
.bmenu_title {
	text-align: center;
	margin: 30px 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #000000;
}
.pos_center {
	position: absolute;
	top: 6.5%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 240px;
	height: 39px;
	z-index: 9999;
}
.menu-nav {
	margin: 0 0 100px 0;
	padding: 0;
	list-style-type: none;
}
.bmenu-nav {
	margin: 0 0 50px 0;
	padding: 0;
	list-style-type: none;
}
/*clearfix*/
.menu-nav:after {
	content: "";
	clear: both;
	display: block;
}
.menu-nav li {
	float: left;
	width: 100%;
	margin: 15px 0;
}
.bmenu-nav li {
	float: left;
	width: 100%;
	margin: 15px 0;
}


/*----------------------------------------
Wine Making Background
----------------------------------------*/
#wine_making_bg-01, #wine_making_bg-02 {
	min-height: 640px;
}


/*---------------------------------------------------------------------------------------------------------------------------
 Media queries!
---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width : 768px ){
/*最小幅768px以上の指定*/

	.pc_disp {
		display: block;
	}
	.sp_disp {
		display: none;
	}
	.pcn_disp {
		display: none;
	}
	.spn_disp {
		display: block;
	}


	.h2_page_title {
		margin: 50px auto;
		text-align: center;
		position: relative;
	}
	.h2r_img_btn {
		position: absolute;
		top: 100px;
		right: 20px;
	}
	.h2_search_title {
		margin: 30px 0 20px 0;
		font-size: 20px;
		text-align: center;
	}	
	
	.bsingle {
		margin: 50px 0; 
	}
	
	
	#slider {
		margin-top: 0px;
	}

	
	/*----------------------------------------
	Shop & Restaurants Menu (Blog Menu)
	----------------------------------------*/
	.shop_rest_menu {
		margin: 0;
	}
	.menu_title {
		text-align: center;
		margin: 100px 0 20px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #FFFFFF;
	}
	.bmenu_title {
		text-align: center;
		margin: 30px 0 20px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #000000;
	}
	.pos_center {
		position: absolute;
		top: 6.5%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 240px;
		height: 39px;
		z-index: 9999;
	}
	.menu-nav {
		margin: 0 0 80px 0;
		padding: 0;
		list-style-type: none;
	}
	.bmenu-nav {
		margin: 0 0 50px 0;
		padding: 0;
		list-style-type: none;
	}
	/*clearfix*/
	.menu-nav:after {
		content: "";
		clear: both;
		display: block;
	}
	.menu-nav li {
		float: left;
		width: 100%;
		margin: 15px 0;
	}
	.bmenu-nav li {
		float: left;
		width: 100%;
		margin: 15px 0;
	}
	
	
	/*----------------------------------------
	Wine Making Background
	----------------------------------------*/
	#wine_making_bg-01, #wine_making_bg-02 {
		min-height: 640px;
	}

	
}
/*---------------------------------------------------------------------------------------------------------------------------
 Media queries!
---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:992px){
/*最小幅992px以上の指定*/

	.pc_disp {
		display: block;
	}
	.sp_disp {
		display: none;
	}
	.pcn_disp {
		display: block;
	}
	.spn_disp {
		display: none;
	}
	
	
	.h2_page_title {
		margin: 50px auto;
		text-align: center;
		position: relative;
	}
	.h2r_img_btn {
		position: absolute;
		top: 100px;
		right: 20px;
	}
	.h2_search_title {
		margin: 50px 0 20px 0;
		font-size: 20px;
		text-align: center;
	}	
	
	.bsingle {
		margin: 100px 0; 
	}
	
	
	#slider {
		margin-top: 0px;
	}
	
	
	/*----------------------------------------
	header
	----------------------------------------*/
/*
	header {
		height: 50px;
	}
*/
	
	/*ロゴ*/
	#logo {
		width: 100%;
		padding: 5px 0;
	}

	/*グローバルナビ*/
	ul#gnavi {
		width: 640px;
		font-family: 'Scheherazade', serif;
		font-size: 20px;
		line-height: 15px;
		float: left;
		list-style-type: none;
		display: table;
		margin: 12px 0px;
		padding: 0px;
	}
	#gnavi li {
		display: table-cell;
 		text-align: center;
		border-left:1px solid #000;
		padding: 3px 0 0 0;
	}
	#gnavi li:first-child {	
		border-left:none;
		margin-left: -8px;
	}

	/*オンラインショップ・業務店様専用入口ボタン*/
	.container ul#h_btn {
		position: absolute;
		top: 5px;
		right: 15px;
		list-style-type: none;
	}
	#h_btn li {
	}
	
	
	/*----------------------------------------
	Shop & Restaurants Menu (Blog Menu)
	----------------------------------------*/
	.shop_rest_menu {
		margin: 0;
	}
	.menu_title {
		text-align: center;
		margin: 100px 0 20px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #FFFFFF;
	}
	.bmenu_title {
		text-align: center;
		margin: 30px 0 20px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #000000;
	}
	.pos_center {
		position: absolute;
		top: 10%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 240px;
		height: 39px;
		z-index: 9999;
	}
	.menu-nav {
		margin: 0 0 80px 0;
		padding: 0;
		list-style-type: none;
	}
	.bmenu-nav {
		margin: 0 0 50px 0;
		padding: 0;
		list-style-type: none;
	}
	/*clearfix*/
	.menu-nav:after {
		content: "";
		clear: both;
		display: block;
	}
	.menu-nav li {
		float: left;
		width: 100%;
		margin: 15px 0;
	}
	.bmenu-nav li {
		float: left;
		width: 100%;
		margin: 15px 0;
	}
	
	
	/*----------------------------------------
	Wine Making Background
	----------------------------------------*/
	#wine_making_bg-01, #wine_making_bg-02 {
		min-height: 640px;
	}
	
	
}
/*---------------------------------------------------------------------------------------------------------------------------
 Media queries!
---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1200px){
/*最小幅1200px以上の指定*/

	.pc_disp {
		display: block;
	}
	.sp_disp {
		display: none;
	}
	.pcn_disp {
		display: block;
	}
	.spn_disp {
		display: none;
	}

	
	.h2_page_title {
		margin: 50px auto;
		text-align: center;
		position: relative;
	}
	.h2r_img_btn {
		position: absolute;
		top: 100px;
		right: 20px;
	}
	.h2_search_title {
		margin: 100px 0 20px 0;
		font-size: 20px;
		text-align: center;
	}

	
	.bsingle {
		margin: 100px 0; 
	}


	#slider {
		margin-top: 0px;
	}

	
	/*----------------------------------------
	header
	----------------------------------------*/
/*
	header {
		width: 100%;
		height: 50px;
		z-index: 9999;
		position: fixed;
		background-color: #FFFFFF;
		filter:alpha(opacity=90);
	    -moz-opacity: 0.9;
	    opacity: 0.9;
	}
*/
	
	/*ロゴ*/
	#logo {
		width: 100%;
		padding: 5px 0;
	}

	/*グローバルナビ*/
	ul#gnavi {
		width: 810px;
		font-family: 'Scheherazade', serif;
		font-size: 22px;
		line-height: 15px;
		float: left;
		list-style-type: none;
		display: table;
		margin: 12px 0px;
		padding: 0px;
	}
	#gnavi li {
		display: table-cell;
 		text-align: center;
		border-left:1px solid #000;
		padding: 3px 0 0 0;
	}
	#gnavi li:first-child {	
		border-left:none;
		margin-left: -8px;
	}

	/*オンラインショップ・業務店様専用入口ボタン*/
	.container ul#h_btn {
		position: absolute;
		top: 5px;
		right: 15px;
		list-style-type: none;
	}
	#h_btn li {
	}

	
	/*----------------------------------------
	Shop & Restaurants Menu (Blog Menu)
	----------------------------------------*/
	.shop_rest_menu {
		margin: 70px 0 0 0;
	}
	.menu_title {
		text-align: center;
		margin: 150px 0 20px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #FFFFFF;
	}
	.bmenu_title {
		text-align: center;
		margin: 30px 0 20px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #000000;
	}
	.pos_center {
		position: absolute;
		top: 15%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 240px;
		height: 39px;
		z-index: 9999;
	}
	.menu-nav {
		margin: 0 0 60px 0;
		padding: 0;
		list-style-type: none;
	}
	.bmenu-nav {
		margin: 0 0 50px 0;
		padding: 0;
		list-style-type: none;
	}
	/*clearfix*/
	.menu-nav:after {
		content: "";
		clear: both;
		display: block;
	}
	.menu-nav li {
		float: left;
		width: 50%;
		margin: 15px 0;
	}
	.bmenu-nav li {
		float: left;
		width: 50%;
		margin: 15px 0;
	}
	
	
	/*----------------------------------------
	Wine Making Background
	----------------------------------------*/
	#wine_making_bg-01, #wine_making_bg-02 {
		min-height: 640px;
	}
	

}
/*-------------------------------------------------------------------------------
 Print styles!
-------------------------------------------------------------------------------*/
@media print {
}
