@charset "utf-8";

/*   
Theme Name: 8noki_2022
Theme URI: https://www.hachinoki.co.jp/wp-content/themes/8noki_2022/
Description: special template for kamakura HACHINOKI　鎌倉 鉢の木
Version: 2011Apr >> 2020Oct
*/

/*


p#hp-link a { color:red; }
/*　鉢の木red：#E90900; rgba(233, 9, 0, 0.85);
pale for background: 50% #F48480; 30% #F8B5B2; 20% #FBCECC; 10% #FDE6E5; 5% #FEF3F2;　*/


/*
header, footer, article, section, nav, aside, hgroup, figure { display: block; }
*/



/*　ｒｅｓｅｔ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
label, fieldset, input, p, img, blockquote, th, td
{ margin:0; padding:0; background:transparent; zoom:1; /*IE7 hasLayout*/}

a { text-decoration:none; }
a img { border:none; } /* Gets rid of IE's blue borders */

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }

table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
caption, th { text-align:left; }
q:before, q:after { content:''}

hr { display:block; height:1px; border:0; border-bottom:1px dotted #E90900; margin:2em 0;}

textarea { overflow:auto; }
input,
select { vertical-align:middle; }


/*　ｃｏｌｏｒｓ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

/* default colors */
.color1 { background-color:#CB2888; }
.color2 { background-color:#6B4224; }
.color3 { background-color:#ADA250; }

#bg-circle { background-color:#EEF1BE; } /*若苗色30%*/
#bg-circle { background-color:#E1F3F4; } /*薄浅葱　※あわない*/
#bg-circle { background-color:#FBE9E7; } /*pink*/

#bg-illust { background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/top-bg-fuji12.jpg) no-repeat center bottom;}


/*　ｔｙｐｏ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

/**
 * 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 * 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 * 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 * 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 * 26px = 197%
 */

body     { /*font:13px/1.8 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;*/
font:13px/1.8 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic Pro W3', 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
*font-size:small; /* for IE6 IE7 */
color:#333; letter-spacing:.07em; text-align:left; }

select, input, button, textarea { font:99%/1.6 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif; }

/*.wrap-food em    { font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif; }[ランチ]マーク：見出しの明朝が無くなったのでケス*/




table    { font-size:inherit; font:100%; } /* To help tables remember to inherit */


h1                     { font-size:17px; letter-spacing:.2em; }
h2                     { font-size:15px; letter-spacing:.2em; }
.page h2 { font-size:17px; margin:50px 0 20px; border-bottom:1px solid #E90900; }
.page h2.bgtitle { font-size:15px; }

h3          { font-size:15px; letter-spacing:.1em; }
.page h3 { margin-bottom:.5em; }
h4          { font-size:15px; letter-spacing:.1em; margin-bottom:.5em; }
h4, h6 { font-weight:normal; }

strong, th, dt { font-weight:bold; }

.page-title,h1,h2,h3,h4     { /*color:#222; 
font-family: "sorts-mill-goudy-1","sorts-mill-goudy-2","Adobe Caslon Pro", Garamond, Georgia, Times, serif;
font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', '細明朝体',  serif; 
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;*/ }


/*h1〜h3*/
.archive-title       { font-size:25px; }
.entry-title,
.entry-title a,
.globalpage_title      { color:#333; font-size:20px; }


.page-title            { color:#ccc; font-size:36px; margin-bottom:15px; }
/*.page-title em         { color:#ccc; font-size:20px; letter-spacing:.05em; vertical-align:middle; }*/




.food-genre h1         { color:#333; font-size:18px; letter-spacing:1em; border-bottom:1px solid #E90900; }
.page-catering .food-genre h1 { letter-spacing:.5em; }

#about-menu h3         { color:#E90900; }

em      { color:#E90900; font-weight:bold; }

/*.page-title,*/
.widget caption,/*calendar*/
blockquote           { font-weight:bold; }

/*
#top-news a em,
#top-news em a  { color:#E90900; }

em strong,
strong em    { color:#E90900; font-size:131%; padding-bottom:1em; }select both [B] and [I] at WP editor */

a        { color:#E90900; outline-style:none;/* firefox img dotted border */}
a:hover  { text-decoration:underline; }

.click a,
#top-news a,
#blog-nav a,
.footer-menu a { color:#333; }

#top-news a:hover,
.entry-title a:hover,
#blog-nav a:hover,
.footer-menu a:hover { color:#E90900; }



#top-news a  { text-decoration:underline; }
#btn-map a { font-size:14px; font-weight:bold; text-decoration:underline; }

.click a:hover  { text-decoration:none; }

ul#nav a            { color:#fff; text-shadow: #888 0 1px 0; }/*#999*/
ul#nav > li > a     { font-size:11px; }/*english nav*/
#nav-sub ul li a    { font-size:14px; text-shadow:#999 0 1px 0; }/*#aaa*/
#nav-sub a          { color:#fff; }
#twitter-wrap a          { color:#777; }
.tate-line a:hover  { color:#333; text-decoration:none; }
a:hover img,
a.img-link:hover    { text-decoration:none; -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity: 0.8; }
/*bannerなど*/

.food-column a         { color:#333; }
.food-column a:hover   { text-decoration:none; }
.food-column a:hover   { background-color:#FEF3F2; }


/*
::-moz-selection { color:#fff; background-color:#F48480; } 
::selection      { color:#fff; background-color:#F48480; }*/

.right      { text-align:right; }

.copyright  { font-size:11px; letter-spacing:normal; }

.tenpo-info,
p.colors,
p.footer-info         { color:#fff; }

p.d-date, em.date, a.date, p.blogdate, 
p.wp-caption-text     { font-size:11px; font-weight:normal; color:#777; }


#blog-nav,
.moderate,
.entry-tags,
.entry-more,
#twitter-wrap,
.comment-reply-link,
#commentform label  { font-size:11px; }

span.comment-reply  { color:#999; }


/* form */
input,
textarea             { color:#777; }

input,
textarea             { padding:2px; }


input[type="submit"] { cursor:pointer; }


/*global-search_vbox*/

input.ms-global-search_vbox       { line-height:20px; height:20px; border:1px solid #ccc; }
input.ms-global-search_vbox:focus { border:1px solid #E90900; }

#footer input[type="text"] { width:200px; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/search-b-trans.png) no-repeat right center; }


#search-obi { position:absolute; top:50%; left:50%; margin:-18px 0 0 135px; }

#search-obi input[type="text"]       { color:#fff; }
#search-obi input[type="text"]       { width:300px;padding:8px 0; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/search-trans.png) no-repeat right center; }



/*　ｃｏｍｍｏｎ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

body { min-width:960px; }

p    { margin:0 0 1.5em 0; }

.obi          { width:100%; overflow:hidden; /* for ie6 高さ1px*/}
#nav-sub .obi { height:25px; }

.height1      { height:1px; }
.height5      { height:5px; }

.c960         { width:960px; margin-left:auto; margin-right:auto; }
.c640         { width:640px; margin-left:auto; margin-right:auto; }

/* h1#title      { text-indent:-9999em; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/top-title-trans.png) no-repeat center top; width:300px; height:90px; margin:0 auto; } */
h1#title_eng  { text-indent:-9999em; width:300px; height:200px; margin:0 auto; }
h1#title a    { text-indent:-9999em; background:url(https://www.hachinoki.co.jp/shared/img/shared/logo.png) no-repeat center top; width:100%; height:200px; display:block; }

#hachimon     { position:absolute; top:0; left:50%; z-index:100; margin-left:-470px; width:212px; height:90px; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/3mon-trans.png) no-repeat center center; }

#btn-map            { position:absolute; top:30px; right:50%; margin-right:-470px; z-index:20; width:60px; height:60px; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/btn-map.png) no-repeat 0 0; }

#btn-map:hover      { cursor:pointer; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/btn-map.png) no-repeat 0 -60px; }/*js書き出し要素。ie7で無効なので、jsでも.css()*/


#btn-map p          { display:none; z-index:9998; position:absolute; top:78px; right:2px; width:400px; width:450px; padding-bottom:10px; background-color:#fff; border:solid 5px #F48480; text-align:center; 
-ms-filter:"alpha( opacity=95 )"; filter:alpha( opacity=95 ); opacity:0.95; }

#btn-map3           { position:absolute; top:30px; right:50%; margin-right:-470px; z-index:20; }

#btn-yoyaku         { position:absolute; top:30px; right:50%; margin-right:-400px; z-index:10; }
#btn-yoyaku a       { display:block; width:60px; height:60px; text-indent:-9999em; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/btn-yoyaku.png) no-repeat 0 0; }
#btn-yoyaku a:hover { -ms-filter:"alpha( opacity=95 )"; filter:alpha( opacity=95 ); opacity:0.95;
background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/btn-yoyaku.png) no-repeat 0 -60px; }

#yoyaku-tel  { position:absolute; top:13px; right:50%; margin-right:-460px; z-index:10; }

#btn-eng         { position:absolute; top:30px; right:50%; margin-right:-470px; z-index:10; }
#btn-eng a       { display:block; width:60px; height:60px; text-indent:-9999em; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/btn_eng.png) no-repeat 0 0; }
#btn-eng a:hover       { -ms-filter:"alpha( opacity=95 )"; filter:alpha( opacity=95 ); opacity:0.95; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/btn_eng.png) no-repeat 0 -60px; }



/*　ｃａｔ　＆　ｐｏｓｔｓ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

#blog-main         { float:left; width:720px; }
#blog-nav          { width:220px; margin-left:740px; padding-top:33px; }
/*body.single #blog-nav { padding-top:33px; }*/

.post              { position:relative; margin-bottom:5em; }
.entry-content     { position:relative; width:920px; margin:0 auto; }
.page-story .entry-content { width:960px; }

#blog-main .entry-content { width:auto; margin:0; } /* with sideber */

/*.entry-content .page-title     { width:960px; padding-left:0; }*/
.archive-title         { text-align:center; border-bottom:1px solid #E90900; }
.entry-title       { text-align:center; padding-top:1em; border-bottom:1px solid #E90900; }

.entry-content ul  { list-style:disc; margin:0 0 1.5em 2em; }
/*.the-content ul   { list-style:disc; margin:0 0 1.5em 1.5em; }　が下にあるよ*/


p.entry-tags       { text-align:right; }

blockquote         { margin:3em 0 2em; padding:1em 1.5em; border-left:1.5em solid #FDE6E5; }
blockquote p:last-child       { margin-bottom:0; }

#nav-below         { clear:both; text-align:right; width:640px; margin:0 auto 3em; }
.entry-more        { display:block; text-align:right; }


/* category */
#cat-upper         { text-align:center; margin-bottom:24px; }
.archive-title     { margin-bottom:10px; }
#cat-upper p       { margin-top:-10px; }
/*ul#nav-cat         { margin:10px 0 0; }*/
ul#nav-cat li      { display:inline; line-height:1; padding:0 1em; border-right:1px solid #555; }
ul#nav-cat li:first-child { border-left:1px solid #555; }

#wrap-cat-diary    { position:relative; margin-bottom:-4em;/* offset to footer margin */}
#archive-dropdown  { position:absolute; top:10px; right:10%; }
#wrap-diary-childloop { padding:10px 0; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/top-bg-about.png) repeat; }


/* diary */
body.diary .column h5     { padding:0 20px; }
body.diary .entry-content { text-align:center; }
p.d-date           { text-align:right; margin-bottom:0; }
p.d-date           { position:absolute; top:3px; right:50%; margin-right:-430px; line-height:1; }
p.d-catdir         { position:relative; top:0; left:50%; margin-bottom:0; line-height:1; margin-left:-430px; }
.diary div.wp_social_bookmarking_light div:first-child iframe { text-align:center; margin-left:360px; }

/* page */
#page-common-info  { width:100%; text-align:center; }
.page-note  { width:100%; text-align:center; margin-bottom:3em; }
.page-note p { margin:0; }

.page-company dl,
.page-data dl       { width:760px; border-bottom:#DDD solid 1px; margin-bottom:2em; }
.page-company dt,
.page-data dt       { clear:left; float:left; width:11em; padding:.4em 1em; border-top:#DDD solid 1px; }
.page-company dd,
.page-data dd       { background:#fff; margin:0 0 0 13em; padding:.4em; border-top:#DDD solid 1px; }

.enkaku p          { margin:0; }


/* contact form */
dl#contactform dt   { clear:left; float:left; text-align:right; width:13em; padding: 0 0 1.5em 0; }
dl#contactform dd   { width:auto; padding:0 0 1.5em 0; margin:0 0 0 14em; }
dl#contactform dd,
dl#contactform dd p { vertical-align:text-bottom; } /*for ie6&7 form input,radio*/
dl#contactform dd p { line-height:2.5; }


.wpcf7-form { font-weight:bold; line-height:1.8; }
.wpcf7-form p { margin-bottom:2.5em; }
.wpcf7-form .normal { font-weight:normal; }
.wpcf7-form .wpcf7-list-item-label { font-weight:normal; }
.wpcf7-form textarea       { width:480px; }
.wpcf7-form input[type="text"] { height:2em; margin-bottom:5px; border-width:3px; }
.wpcf7-form textarea,
.wpcf7-form input[type="text"] { border:3px solid #ddd; }
.wpcf7-radio { border:3px solid #ddd; padding:5px 0 5px 10px; display:block; width:470px; }
.wpcf7-form .contact-ttl { border:3px solid #ddd; padding:5px 0 5px 10px; display:block;}
.wpcf7-form [type="text"] { font-size:100%; }

.wpcf7 form input[type="submit"] { color:#fff; font-size:100%; background-color:#E90900; padding:.5em 1.5em .5em; }



/* topics */
p.catdir                { margin-bottom:0; line-height:1; }

.the-content h2   { margin:2.5em 0 1em; }
.the-content h3,
.the-content h4    { margin:1.5em 0 .5em; }

.bgtitle,
.the-content h2,
.page h2.bgtitle             { font-weight:bold; line-height:2; margin-top:2em; background:#FCE6E8; border-bottom:none; }

.the-content div,
.the-content img { max-width:640px; }
.the-content iframe { margin:20px auto; }
.the-content p.blogdate { text-align:right; margin-bottom:2em; }
.the-content ul   { list-style:disc; margin:0 0 1.5em 1.5em; }


/* images */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width:100%; /* When images are too wide for containing element, force them to fit. */
	height:auto; /* Override height to match resized width for correct aspect ratio. */
}

.alignleft,
img.alignleft { /*display:inline; IE7で回り込まなかったからからな？？*/float:left; margin-right:10px; }
.alignright,
img.alignright { /*display:inline; */float:right; margin-left:15px; }
.aligncenter,
img.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; }

img.alignleft,
img.alignright,
img.aligncenter { margin-bottom:10px; }/*without caption*/


/*.attachment img { max-width: 900px; }

.alignleft      { float:left; padding-right:15px; }
.alignright     { float:right; padding-left:15px; }
.aligncenter    { clear:both; display:block; margin-left:auto; margin-right: auto; } */

.wp-caption { line-height:18px; margin-bottom:20px; text-align:center; }
.wp-caption p.wp-caption-text { margin:4px 0 0; }




/* side */ 
.widget            { padding:0 0 1.5em; }
.widget h3         { margin-bottom:.2em; }
.widget caption    { font-weight:bold; }
#wp-calendar th    { font-weight:normal; }

#wp-calendar th,
#wp-calendar td    { padding:2px; }


.widget ul.children li { padding-left:1.2em; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/topics-li.png) no-repeat 3px 7px; }
.widget ul.children ul li { padding-left:1.2em; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/topics-li-c.png) no-repeat 3px center; }



/* search */
/*.page-globalsearch .entry-content { width:740px; padding:0 180px 0 0; }
.ms-global-search_term { font-weight:bold; }
.wrap-search-content { width:700px; padding:0 20px 2em 20px; }
.wrap-search-content .entry-more { text-align:left; }*/
.search-content { max-height:5.4em; width:700px; overflow:hidden; margin-bottom:1.5em; }
.page-globalsearch h2 { margin:0 0 2em; border-bottom:1px solid #E90900; }

/*
.page-globalsearch h2 { font-size:100%; margin-bottom:2em; border-bottom:1px solid #E90900; }
.page-globalsearch h2 span { font-size:131%; }*/



/* comments */
#wrap-comment { border-top:1px solid #E90900; }
#comment { padding-top:1.7em; }
#comment ol    { margin-bottom:30px; }
#comment ol li { position:relative; margin:.7em 0 0 0; padding:.7em 0 0 55px; border-top:1px solid #FBCECC; }

#commentform p { margin:0 0 .5em 0; }

#commentform label                    { margin:10px 5px; }

#commentform input[type="text"]       { border:3px solid #ddd; height:2em; margin: 5px 0 10px; width:300px; }
#commentform textarea                 { border:3px solid #ddd; margin: 5px 0 10px; width:480px; }
#commentform input[type="submit"]     { color:#fff; font-size:100%; background-color:#E90900; padding:.5em 1.5em .5em; }

/*
#commentform input[type="text"]:focus,
#commentform textarea:focus           { border:1px solid #E90900; }
*/
input#pings                           { border:none; }

.wp_social_bookmarking_light { clear:both; position:relative; top:2em; } /*padding doesn't work*/




/*　ａｂｏｕｔ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

#about-header    { padding-top:14px; margin-top:60px; }
#about-hachi     { margin-top:0; margin-bottom:0; position:relative; }
#about-hachi h3  { width:49px; height:49px; position:absolute; top:-35px; left:10px; text-indent:-9999em; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/top-hachi-trans.png) no-repeat left top; }
#wrap-about      { background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/top-bg-about.png) repeat; margin-bottom:-4em;/* offset to footer margin */}
#about           { padding:35px 0 3em 0; }
#about-menu      { width:218px; border:1px solid #E90900; float:left; margin:10px; display:inline;/*IE6 margin double fix */ background-color:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; /*behavior:url(border-radius.htc);*/ }
#about-menu ul   { margin-top:1em; margin-bottom:1.5em; }
#about-menu li a { display:block; padding:.5em 0 0 1em; height:1.5em; line-height:1.5em; border-bottom:1px solid #E90900; }
#about-menu h3   { line-height:1;text-align:center; margin:19px 0 0; border-bottom:1px solid #E90900; }


/*　ａｂｏｕｔ ＆ ｃａｔ　ｃｏｌｕｍｎ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.w220            { width:220px; }
.w460            { width:460px; padding-top:33px; }

.column          { float:left; margin:10px; display:inline;/*IE6 margin double fix */ background-color:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; /*behavior:url(border-radius.htc);*/ }
#top-topics { width:460px; }
#top-topics ul      { margin:1.5em 1em 1.5em 2.5em; list-style:disc; }

.click          { cursor: pointer; }
.click:hover    { background-color:#FBCECC; }

.column img      { display:block; margin:33px auto 0; max-width:220px; }
.column h5       { text-align:center; line-height:1.2; padding:0 20px; margin:20px -10px 0; border-bottom:1px solid #E90900; }
.column .entry-more { font-size:1px; display:none; }
.column .excerpt { position:relative; padding:1.5em 1em 1em; }
.column .excerpt p { margin-bottom:0; }

em.date          { display:block; text-align:right; }
p.colors         { text-align:center; height:30px; line-height:30px; }
#wrap-about p.colors { margin:0 -1em 1.5em; }
.entry-content p.colors { margin:0 0 1.5em; }

.about-circle    { position:absolute; top:-4px; right:20px; width:8px;height:8px; background-color:#E90900; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; behavior:url(border-radius.htc); }

#diary-childloop .column .excerpt { padding:1em 1em; }


/*　ｎａｖ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

ul#nav a                  { letter-spacing:.1em; }
ul#nav li.catering a span { letter-spacing:0; }

#nav-main        { position:relative; z-index:3;/*IEの親同士の重なり合いを調整*/ margin-bottom:24px; /* 201903 */margin-bottom:10px; }
.nav-pages           { margin-top:18px; }

ul#nav              { display:block; width:600px; height:60px; margin:-60px auto 0; position:relative; background: url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/nav-main-trans.png) 0 0 no-repeat; }

/* ---top level----*/
ul#nav > li         { float:left; display:block; height:60px; }
ul#nav > li.home   { width:80px; }
ul#nav > li.foods   { width:85px; }
ul#nav > li.wedding { width:95px; }
ul#nav > li.access  { width:105px; }
ul#nav > li.form    { width:105px; }
ul#nav > li.about   { width:130px; }

ul#nav > li > a                { position:relative; display:block; width:100%; height:23px; line-height:1; text-align:center; padding-top:37px; }

ul#nav > li.home > a:hover,
ul#nav > li.home:hover > a    { background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/nav-main-trans.png) 0 -60px no-repeat; }
ul#nav > li.foods > a:hover,
ul#nav > li.foods:hover > a    { background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/nav-main-trans.png) -80px -60px no-repeat; }
ul#nav > li.wedding > a:hover,
ul#nav > li.wedding:hover > a  { background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/nav-main-trans.png) -165px -60px no-repeat; }
ul#nav > li.access > a:hover,
ul#nav > li.access:hover > a   { background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/nav-main-trans.png) -260px -60px no-repeat; }
ul#nav > li.form > a:hover,
ul#nav > li.form:hover > a     { background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/nav-main-trans.png) -365px -60px no-repeat; }
ul#nav > li.about > a:hover,
ul#nav > li.about:hover > a    { background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/nav-main-trans.png) -470px -60px no-repeat; }



/* ---sub level (ul.nav-child)----*/
ul#nav li ul                   { position:absolute; z-index:9998; top:60px; display:none; width:160px; }
ul#nav li:hover ul             { display:block; }
ul#nav ul a                    { display:block; width:150px; height:40px; padding-left:10px; line-height:40px; background-color:rgba(233, 9, 0, 0.85); text-align:left; } 

*ul#nav ul a                   { background-color:#E90900; }/* IE6 IE7 */
ul#nav ul a:hover              { background-color:#F48480; }




/*　ｔａｂ　ｓｕｂｎａｖ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

#nav-sub ul                    { letter-spacing:.3em; }
#nav-sub ul#nav-foods          { letter-spacing:.1em; }
#nav-sub ul#nav-foods span     { letter-spacing:.02em; }

#nav-sub ul#nav-access         { letter-spacing:.4em; }
#nav-sub ul#nav-contact        { letter-spacing:.1em; }


#nav-sub                       { position:relative; z-index:2; height:43px; padding-top:15px; border-bottom:1px solid #E90900; }
#nav-sub ul                    { position:absolute; top:0; left:50%; z-index:5; margin:0 0 0 -300px; }
#nav-sub ul li                 { display:block; float:left; }
#nav-sub ul li a               { display:block; height:40px; padding:18px 1em 0; }
#nav-sub ul li.current_page_item { background-color:rgba(233, 9, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2E90900, endcolorstr=#B2E90900, gradienttype=0); } 

#nav-sub ul li a:hover         { background-color:rgba(244, 132, 128, 0.7); text-align:left; }

*#nav-sub ul li a:hover        { background-color:#F48480; }/* IE6 IE7 */




/*　ｔｏｐ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

#bg-mask      { position:absolute; z-index:5; top:0; left:50%; margin-left:-480px; width:960px;height:600px; background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/top-bg-mask-trans.png) no-repeat center top; }
#bg-circle    { position:absolute; z-index:1; top:0; left:50%; margin-left:-320px; width:640px;height:340px;
/*-ms-filter:"alpha( opacity=70 )"; filter:alpha(opacity=70); opacity:0.7;*/}
#bg-illust    { position:absolute; z-index:1; top:340px; left:50%; margin-left:-320px; width:640px; height:260px;
}

/*
header        { position:relative; z-index:5; }*/

#copy         { line-height:20px; margin:-7px 0 30px 0; padding:20px 35px; text-align:center; 
background:url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/top-bg-about.png) repeat; /*margin-bottom:-4em; offset to footer margin */ }
#copy p       { width:840px; margin-left:auto; margin-right:auto; margin-bottom:0; padding:15px 50px; background-color:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
}

#top-upper    { position:relative; z-index:10; }

#top-news     { position:relative; z-index:15; height:152px; text-align:center; }
#top-news p   { position:absolute; z-index:15; left:0; top:50%; margin:-2.4em 0 0 ; width:100%; }


#emergent { position:absolute; z-index:10; top:340px; left:50%; margin-left:-320px; padding-top:20px; width:640px; height:240px; text-align:center; background-color:rgba(255, 255, 255, 0.3); }/*top:340px+20px*/
#emergent { filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4CFFFFFF, endcolorstr=#4CFFFFFF, gradienttype=0); }/* IE6 IE7 */

#emergent h2,
#emergent h3,
#emergent h4 { margin-bottom:11px; }

#emergent p  { margin-bottom:11px; }

#emergent { color:#555; }


/* 店舗 */
#top-tenpo                 { margin-top:320px; /* 201903 */margin-top:0px; margin-bottom:30px; }
*:first-child+html #top-tenpo { margin-top:300px; } /* hack IE7 */

#top-tenpo dl              { width:320px; width:480px;/*２店舗*/ float:left; }
#top-tenpo dd              { padding:0 10px; }
#top-tenpo dd img          { padding-left:70px; }
#top-tenpo dd .tenpo-info  { margin-top:10px; padding:10px; }

#top-tenpo p  { margin:0; }

.tenpo-news   { border-left:1px solid #DDD; padding:30px 0 20px 5px; }


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
店舗サムネイル画像の改修用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
.tenpo-thumb  { padding:10px 0; height:200px; overflow:hidden; }
.tenpo-thumb img  { display:block; margin:0 auto; }*/



/* banners */　
ul#top-banner,
ul#footer-banner     { clear:left; }
ul#top-banner li,
ul#footer-banner li  { display:block; float:left; }
ul#top-banner li a   { display:block; padding:0 10px; float:left; }
ul#top-banner li a.snsicon { padding:15px 10px; }
a.banner-L,
a.banner-M { width:460px; }
a.banner-S { width:220px; }
ul#top-banner img { max-width:460px; }


/*　ｆｏｏｄ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.wrap-food               { text-align:center; width:960px; margin:30px auto 0; }
.page-special .wrap-food { text-align:left; }


.wrap-food em        { color:#fff; font-size:11px; font-weight:normal; background:#F48480; margin-right:.5em; padding:.1em .25em; }/*[ランチ]マーク*/

.food-column         { font-size:11px; letter-spacing:.1em; }


.food-1col           { float:left; width:192px; }
.food-2col           { float:left; width:384px; }
.food-3col           { float:left; width:576px; }
.food-column         { float:left; width:172px; padding:0 10px; }

.food-genre h1       { margin:0 10px; }/*精進料理*/
.food-genre h2       { font-size:15px; letter-spacing:.3em; line-height:2em; margin:0; padding-bottom:1em; border-bottom:none; }/*北鎌倉店*/
/*.food-genre .notenpo { padding-top:30px; }*/
.page-catering h1    { margin-bottom:30px; }

.food-genre h3       { font-size:13px; }/*料理名*/

.food-column h2      { line-height:1.6; margin:2em 0 1.5em; padding-bottom:0; border-bottom:1px solid #E90900; }/*北鎌倉店*/
.food-column a       { display:block; }

.food-img            { display:block; height:120px; overflow:hidden; }
.food-column img     { max-width:150px; max-height:120px;}

.page-eatin .wrap-food strong { display:block; width:100%; line-height:1.8; }/*来店メニュー「個室」用*/

.wrap-food .food-genre p { text-align:left; }
.wrap-food .food-genre p.price { text-align:center; margin-bottom:3em; }
p.price strong { font-weight:normal; }

.food-cafe .price,
.food-all .price,
.page-catering .price    { background-color:#FCE6E8;}
.food-kitakama .price   { background-color:#E9EBF1; }
.food-kitakama .price strong { background-color:#D3D8E2; }
.food-sinkan .price     { background-color:#E5F2EC; }
.food-sinkan .price strong   { background-color:#CCE5D9; }

.page-special .price,
.page-special2 .price    { margin-top:-1em; padding-left:30px; width:640px; background-color:#FCE6E8;}


/*　【一品料理】【デザート】など　*/
.food-column ul { margin-bottom:1.5em; }

#wrap-drink { text-align:left; }



/*　ｆｏｏｔｅｒ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

#footer          	{ clear:both; margin-top:4em; }
#footer-3mon     	{ padding:50px 0 20px; background:#E6E6E6 url(https://www.hachinoki.co.jp/t/wp-content/themes/8noki/img/footer-mon-trans.png) no-repeat center center; }
ul.footer-menu   	{ float:left; }
ul.footer-menu1 	{ width:300px; padding-left:20px; } /*240px*/
ul.footer-menu2 	{ width:300px; padding-left:20px; } /*210px*/
ul.footer-menu ul	{ list-style:disc; margin-left:1.5em; }


#twitter-wrap     { /* margin-left:490px; margin-top:-20px; width:460px; ※iframe450px */
margin-left:640px; width:300px; padding:10px 10px 20px 10px; margin-bottom:20px;
background-color:rgba(51,51,51,0.15); border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; behavior:url(border-radius.htc); 
}

p.footer-info     { text-align:center; heignt:28px;line-height:28px; margin-bottom:0; }
.copyright        { text-align:center; }


/* page - story*/
/*-----------------------------------------------
縦書きレイアウト用スタイルシート tate-style.css   
    last updated : Dec 03 , 2010 tyz@freefielder.jp
    http://freefielder.jp 
-----------------------------------------------*/

#story h3,
#story h4   { line-height: 1.1;/*letter-spacingに相当*/ }
#story .box { margin:2em 0; border-bottom:1px solid #E90900; }

.page-story h1.page-title { padding-left:20px; }/*entry-contentの差（960-920）を解消*/
#story > div:first-child { padding:0 20px; }
#story > div:first-child h3 { margin-bottom:.4em; }

#story-index { margin:2em 0; padding:2em 0 1em; background-color:#FEF3F2; border-top:1px solid #E90900; border-bottom:1px solid #E90900; }


body.page div.tate-area { float:right; margin-bottom:1em; padding:1em 20px 1em 0; }

.column .tate-area { float:right; margin-bottom:3em; }

div.tate-line{
	float:right;
	width:1.05em;
	line-height:1.05em;
	margin-right:0.3em;
	margin-left:0.3em;
	padding-bottom:0.2em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic Pro W3' , 'ＭＳ ゴシック','MS Gothic' ,monospace;
	word-wrap:break-word;
	direction:ltr; }


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
.tate-line font,strong,h1,h2,h3,h4,h5{
	line-height:1.05em; }*/

.tate-line span.tate-kuto{
	display:block;
	width:0.4em;
	line-height:0.1em !Important;
	margin-bottom:0.9em;
	margin-left:0.6em !Important; }
.tate-line span.tate-cho{
	display:block;
	-moz-transform:matrix(0, 1, 1, 0, 0, 0);
	-webkit-transform:matrix(0, 1, 1, 0, 0, 0);
	-o-transform:matrix(0, 1, 1, 0, 0, 0);
	transform:matrix(0, 1, 1, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1,, mirror=1); }
.tate-line span.tate-komoji{
	display:block;
	line-height:0.75em !Important;
	margin-bottom:0.3em;
	margin-left:0.11em !Important; }
.tate-line span.tate-kakko{
	display:block;
	-moz-transform:rotate( 90deg );
	-webkit-transform:rotate( 90deg );
	-o-transform:rotate( 90deg );
	transform:rotate( 90deg );
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
div.tate-separator{
	clear:both;
	height:2em; }


/*　202007 mobile msg ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

#mobilemsg a { font-size:38px; font-weight:bold; display:block; text-align:center; color:#fff; background-color:#000; margin:10px 0; padding:20px 50px; }
#mobilemsg a:hover { background-color:#aaa; }


/*　ｃｌｅａｒｆｉｘ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.box:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content: " ";
	clear:both;
	height:0; }
*:first-child+html .box { zoom: 1; } /* hack IE7 */
.clr { clear:both; }

/**:first-child+html #commentform label { position:relative; top:-15px; }*/ /* IE7 */



/* .hamburger {
	background-color: #954743;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	cursor: pointer;
 }
 
 .hamburger .hamburger-inr {
	height: 22px;
	position: relative;
 }
 
 .hamburger .hamburger-inr:after {
	content: 'MENU';
	font-size: 12px;
	line-height: 1;
	letter-spacing: 0.12em;
	color: #fff;
	text-align: justify;
	padding-top: 10px;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
 }
 
 .hamburger .hamburger-inr span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	transition: all 0.3s;
 }
 
 .hamburger .hamburger-inr span:nth-child(1) {
	top: 0;
 }
 
 .hamburger .hamburger-inr span:nth-child(2) {
	top: 10px;
 }
 
 .hamburger .hamburger-inr span:nth-child(3) {
	top: 20px;
 }
 
 .hamburger.is-active .hamburger-inr:after {
	content: "CLOSE";
 }
 
 .hamburger.is-active .hamburger-inr span {
	left: 10px;
 }
 
 .hamburger.is-active .hamburger-inr span:nth-child(1) {
	transform: rotate(45deg) translateY(15px);
 }
 
 .hamburger.is-active .hamburger-inr span:nth-child(2) {
	opacity: 0;
 }
 
 .hamburger.is-active .hamburger-inr span:nth-child(3) {
	transform: rotate(-45deg) translateY(-13px);
 }
 
 #menu-toggle {
	width: 100%;
	height: 100vh;
	background-color: rgba(255, 255, 255, 0.9);
	box-sizing: border-box;
	overflow-y: auto;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	z-index: 100;
 }
 
 #menu-toggle a {
	display: inline-block;
	transition: all 0.3s;
	border-bottom: 1px solid transparent;
 }
 
 #menu-toggle a:hover {
	text-decoration: none;
	border-bottom-color: #444;
 }
 
 #menu-toggle ul {
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
 }
 
 #menu-toggle ul li+li {
	padding-top: 15px;
 }
 
 #menu-toggle ul li.active a {
	border-bottom-color: #444;
 }
 
 #menu-toggle .nav-blank a {
	display: inline-block;
	padding-right: 28px;
	position: relative;
 }
 
 #menu-toggle .nav-blank a:after {
	content: '';
	width: 12px;
	height: 10px;
	background: url("https://www.hachinoki.co.jp/shared/img/shared/icon_blank.png") no-repeat center top/cover;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
 }
 
 #menu-toggle .sns dt {
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
 }
 
 #menu-toggle .sns dd {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
 }
 
 #menu-toggle .sns dd a {
	display: block;
	border-bottom: 0;
 }
 
 #menu-toggle .sns dd a:hover {
	opacity: 0.7;
	border-bottom: 0;
 }
 
 #menu-toggle .nav_tel a {
	border-bottom: 0;
 }
 
 #menu-toggle .nav_tel a:hover {
	border-bottom: 0;
 }
 
 .navOpen {
	overflow: hidden;
 }
 
 .navOpen #menu-toggle {
	opacity: 1;
	visibility: visible;
 }

 header .tel {
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0.1em;
	color: #000;
	position: absolute;
	top: 13px;
	right: 20px;
	z-index: 1;
 }

 header .tel dt {
	font-size: 15px;
 }

 header .tel dd span {
	padding-right: 18px;
	padding-left: 7px;
 }

 header .tel p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #252525;
	font-size: 15px;
	line-height: 40px;
	letter-spacing: 0.1em;
 }

 header .tel p+p {
	border-top: 1px solid rgba(128, 127, 127, 0.5);
 }

 header .tel p .fz18 {
	display: inline-block;
	font-size: 18px;
	padding: 0 10px;
 }

 header .tel p .fz24 {
	font-size: 24px;
 }

 header .tel p .cl {
	color: #954743;
 }

 header .sns-list {
	position: absolute;
	bottom: -28px;
	left: 35px;
	z-index: 1;
 }

 header .sns-list li+li {
	padding-top: 7px;
 }

 .hamburger {
	padding: 30px 29px 48px 26px;
	transition: all 0.3s;
 }

 .hamburger .hamburger-inr {
	width: 45px;
 }

 .hamburger:hover {
	opacity: 0.7;
 }

 #menu-toggle {
	padding: 2px 120px 120px;
 }

 #menu-toggle .inner {
	display: inline-block;
 }

 #menu-toggle .box-df {
	display: flex;
	flex-wrap: wrap;
		 padding-bottom: 30px;
 }

 #menu-toggle .box-df .col {
	width: 265px;
 }

 #menu-toggle .box-df .col+.col {
	border-left: 1px solid #ccc;
	padding: 0 50px;
 }

 #menu-toggle ul {
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
 }

 #menu-toggle ul+ul {
	padding-top: 25px;
 }

 #menu-toggle ul li+li {
	padding-top: 25px;
 }

 #menu-toggle ul li.sp+li{
	padding-top: 0;
 }

 #menu-toggle .nav-blank {
	padding-bottom: 0;
 }

 #menu-toggle .sns {
	padding-top: 45px;
 }

 #menu-toggle .sns dt {
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
 }

 #menu-toggle .sns dd {
	padding-top: 20px;
 }

 #menu-toggle .sns dd a {
	display: block;
 }

 #menu-toggle .sns dd a+a {
	margin-left: 19px;
 }

 #menu-toggle .nav_tel {
	font-size: 18px;
	line-height: 34px;
	letter-spacing: 0.1em;
	color: #252525;
	padding-bottom: 30px;
 }

 #menu-toggle .nav_tel dl {
	border-bottom: 1px solid #ccc;
	padding: 14px 0 16px;
 }

 #menu-toggle .nav_tel dl+dl {
	border-bottom: 0;
	padding-top: 30px;
 }

 #menu-toggle .nav_tel small {
	font-size: 15px;
 }

 #menu-toggle .nav_tel .fz24 {
	color: #954743;
	font-size: 24px;
 }
  #menu-toggle .nav_bnr p {
	padding-top: 20px;
 }
  #menu-toggle .nav_bnr img {
	width: 140%;
	  height:100%;
 }

 .bnr_fixed_r {
	position: fixed;
	top: 24%;
	right: 0;
	z-index: 90;
 } */

a {
    transition:none !important;
}

#menu-toggle a{ color:#000 !important;}




/*20220926追記*/
#menu-toggle .btn_att a {
    color: #f00 !important;
    font-weight: bold !important;
}