@charset "UTF-8";
/* CSS Document */

body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; line-height:180%; font-weight:normal; color:#523F26;}
p, li { text-align:justify; text-justify:inter-ideograph;}
strong, b { font-weight:bold;}
em { font-style:normal;}
a:link, a:active { text-decoration:none; color:#523F26;}
a:hover, a:visited:hover { text-decoration:none; color:#523F26;}
a:visited { text-decoration:none; color:#523F26;}

.clearfix:after { font-size:1px; content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { zoom:1;}

/* 共通CSS ++++++++++++++++++++ */

/* 文字装飾 */
.red { color:#C30;}


/* 背景全画面 supersized ++++++++++++++++++++ */
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center;}

#supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


/* スマホ用 ++++++++++++++++++++ */
@media screen and (max-width:640px){
#supersized { height:calc(100vw * 0.625); width:100%; }
#supersized li { top:51px; height:calc(100vw * 0.625);}


header { width:100%; padding:0; border-bottom:1px solid #523F26; display:block; background:#FFF; position:fixed; top:0; left:0; z-index:9999;}
header h1 a { width:calc(100% - 100px); height:50px; margin:0 0 0 50px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/phone/bg_h1_logo.png) center no-repeat; background-size:190px 50px; -webkit-background-size:190px 50px; -moz-background-size:190px 50px; -o-background-size:190px 50px;}

nav p.navtitle { width:50px; height:50px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/phone/btn_nvBtn.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; cursor:pointer; position:absolute; top:0; right:0;}
nav { width:100%; display:block; overflow:hidden;}
nav ul { width:100%; border-top:1px dotted #523F26; display:none; overflow:hidden;}
nav ul li { list-style:none;}
nav ul li a { float:left; width:100%; height:32px; border-bottom:1px dotted #523F26; display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
nav ul li:last-child a { border-bottom:none;}
nav ul li a span { width:100%; height:32px; display:block; overflow:hidden; text-indent:-9999px;}
a.nv-1 span { background:url(../images/phone/bg_nav.png) no-repeat; background-position:0 0; background-size:185px 256px; -webkit-background-size:185px 256px; -moz-background-size:185px 256px; -o-background-size:185px 256px;}
a.nv-2 span { background:url(../images/phone/bg_nav.png) no-repeat; background-position:0 -32px; background-size:185px 256px; -webkit-background-size:185px 256px; -moz-background-size:185px 256px; -o-background-size:185px 256px;}
a.nv-3 span { background:url(../images/phone/bg_nav.png) no-repeat; background-position:0 -64px; background-size:185px 256px; -webkit-background-size:185px 256px; -moz-background-size:185px 256px; -o-background-size:185px 256px;}
a.nv-4 span { background:url(../images/phone/bg_nav.png) no-repeat; background-position:0 -96px; background-size:185px 256px; -webkit-background-size:185px 256px; -moz-background-size:185px 256px; -o-background-size:185px 256px;}
a.nv-5 span { background:url(../images/phone/bg_nav.png) no-repeat; background-position:0 -128px; background-size:185px 256px; -webkit-background-size:185px 256px; -moz-background-size:185px 256px; -o-background-size:185px 256px;}
a.nv-6 span { background:url(../images/phone/bg_nav.png) no-repeat; background-position:0 -160px; background-size:185px 256px; -webkit-background-size:185px 256px; -moz-background-size:185px 256px; -o-background-size:185px 256px;}
a.nv-7 span { background:url(../images/phone/bg_nav.png) no-repeat; background-position:0 -192px; background-size:185px 256px; -webkit-background-size:185px 256px; -moz-background-size:185px 256px; -o-background-size:185px 256px;}
a.nv-8 span { background:url(../images/phone/bg_nav.png) no-repeat; background-position:0 -224px; background-size:185px 256px; -webkit-background-size:185px 256px; -moz-background-size:185px 256px; -o-background-size:185px 256px;}
a.nv-9 span { width:28px; margin-left:9px; background:url(../images/bg_nav_insta.png) no-repeat; background-size:29px auto;}
a.btn-headTel { width:100%; padding:5px 0 6px; display:block; overflow:hidden; font-size:16px; line-height:125%; text-align:center; color:#FFF; background:#859DA4; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:fixed; bottom:0; z-index:9999;}
a.btn-headTel span { font-size:12px;}

div.contents-wrap {} /* windowsize */
p.logomark { width:194px; height:148px; margin:0 auto ; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_p_logomark.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;} /* windowsize */
a.btn-scrool { width:18px; height:12px; margin:0 auto 30px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_btn_scrool.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}

div.contents { width:100%; display:block; overflow:hidden; background:#FFF;} /* windowsize */
div.content-inner { width:100%; margin:0 auto; padding:0 20px 180px; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
div.content-inner h1 { display:block; overflow:hidden; text-indent:-9999px;}

/* concept */
section.concept { width:100%; margin:0 auto 80px; padding:72px 0 0; display:block; overflow:hidden; position:relative;}
section.concept h1 { width:100%; margin:0 0 24px; background:url(../images/phone/bg_h1_concept.png) center no-repeat; background-size:600px 22px;}
section.concept div.child-R {}
section.concept div.child-R h2 { width:225px; height:36px; margin:0 0 24px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_h2_concept01.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.concept div.child-R p { font-size:12px; line-height:160%;}


a.bnr-hanasakubihatsu { clear:both; width:100%; max-width:480px; height:auto; margin:0 auto 96px; border:1px solid #EFEFEF; display:block; overflow:hidden;}
a.bnr-hanasakubihatsu img { width:100%; height:auto; display:block; overflow:hidden;}


/* recruit */
div.recruit { width:100%; margin:0 auto; padding:20px 0 32px; border-top:8px solid #E0DCD8; border-bottom:2px solid #E0DCD8; display:block; overflow:hidden; box-sizing: border-box;}
div.recruit h2 { margin:0 0 16px; font-size:18px; line-height:160%;}
div.recruit p { margin:0 0 24px;}
div.recruit a.btn { width:276px; height:48px; display: block; overflow: hidden; text-indent: -9999px; background: url("../images/bnr_staff20190921.png") no-repeat; background-size: cover; box-sizing: border-box;}
div.recruit a.btn:hover { opacity: 0.7;}


/* news-blog */
section.newsBlog { width:100%; margin:0 0 60px; display:block;}
section.newsBlog h1 { width:100%; margin:0 0 24px; background:url(../images/phone/bg_h1_newsBlog.png) center no-repeat; background-size:600px 22px; -webkit-background-size:600px 22px; -moz-background-size:600px 22px; -o-background-size:600px 22px;}
section.newsBlog p.explain { margin:0 0 24px; font-size:12px; line-height:160%;}
section.newsBlog ul { width:240px; margin:0 auto 48px; display:block;}
section.newsBlog ul li a { width:100%; margin:0 0 24px; display:block; position:relative;}

section.newsBlog ul li a div.img-eye { width:100%; height:160px; margin:0 0 14px; border:1px solid #E0DCD8; display:block; overflow:hidden; background:url(../images/news_nophoto.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.newsBlog ul li a img { width:100%; height:auto; min-height:100%;}

section.newsBlog ul li a h2 { margin:0 0 8px; line-height:140%; color:#523F26;}
section.newsBlog ul li a p.date { width:88px; height:25px; padding:4px 0 0 10px; display:block; overflow:hidden; font-size:12px; line-height:120%; color:#FFF; background:url(../images/bg_newsBlog_date.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:absolute; top:8px; left:-8px;}
section.newsBlog ul li a p.honbun { font-size:12px; line-height:140%; color:#523F26;}

a.btn-newsBlog { clear:both; width:192px; height:40px; margin:0 auto; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_btn_newsBlog.png) no-repeat; background-position:0 0; background-size:192px 80px; -webkit-background-size:192px 80px; -moz-background-size:192px 80px; -o-background-size:192px 80px;}

/* shopinfo */
section.shopinfo { width:100%; margin:0 0 60px; padding:72px 0 0; display:block;}
section.shopinfo div.child-L { width:100%; margin:0 0 24px; display:block; overflow:hidden;}
section.shopinfo h1 { width:100%; margin:0 0 24px; background:url(../images/phone/bg_h1_shopinfo.png) center no-repeat; background-size:600px 22px; -webkit-background-size:600px 22px; -moz-background-size:600px 22px; -o-background-size:600px 22px;}
section.shopinfo table.info { width:100%; border-collapse:collapse; border-top:1px dotted #523F26; font-size:12px; line-height:140%;}
section.shopinfo table.info th { padding:10px 0; border-bottom:1px dotted #523F26; vertical-align:top; font-weight:normal;;}
section.shopinfo table.info td { padding:10px 0; border-bottom:1px dotted #523F26; vertical-align:top;}
section.shopinfo table.info th.th01 { width:60px;}
section.shopinfo table.info th.th02 { width:30px;}
section.shopinfo table.info td.td01 { width:50px; padding-right:4px; text-align:right;}
section.shopinfo table.info a { padding:2px 4px; color:#FFF; font-size:16px; line-height:160%; background:#859DA4;}
section.shopinfo table.info a:hover { background:#5c6a74;}
section.shopinfo div.child-R { width:100%; display:block;}
section.shopinfo div.child-R p { text-align:right;}
section.shopinfo div.child-R p span { color:#D7E3CB;}

/* menuPrice */
section.menuPrice { width:100%; margin:0 0 60px; padding:72px 0 0; display:block; overflow:hidden;}
section.menuPrice h1 { width:100%; margin:0 0 24px; background:url(../images/phone/bg_h1_menuPrice.png) center no-repeat; background-size:600px 22px; -webkit-background-size:600px 22px; -moz-background-size:600px 22px; -o-background-size:600px 22px;}
section.menuPrice ul li { width:100%; margin:0 0 24px 0; display:block;}
section.menuPrice h2 { width:99px; height:39px; margin:0 0 12px; display:block; overflow:hidden; text-indent:-9999px;}
h2.h2-menu-cut { background:url(../images/bg_h2_menu_cut.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-menu-parm { background:url(../images/bg_h2_menu_parm.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-menu-color { background:url(../images/bg_h2_menu_color.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-menu-other { background:url(../images/bg_h2_menu_other.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-menu-members { background:url(../images/bg_h2_menu_members.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.menuPrice p.explain { margin:0 0 12px; font-size:12px; line-height:160%;}
section.menuPrice ul li table { width:100%; border-collapse:collapse; border:1px solid #BAB2A8; font-size:12px; line-height:160%;}
section.menuPrice ul li table th { padding:6px 10px; border:1px solid #BAB2A8; vertical-align:top; font-weight:normal;;}
section.menuPrice ul li table td { width:64px; padding:6px 10px; border:1px solid #BAB2A8; text-align:center;}
section.menuPrice ul li table p { font-size:10px; line-height:140%; color:#756551;}

section.menuPrice ul li ul li { float:left; width:calc((100% - 10px) / 2); border:1px solid #BAB2A8; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
section.menuPrice ul li ul li:nth-child(odd) { clear:none; margin:0 10px 10px 0;}
section.menuPrice ul li ul li:nth-child(even) { margin:0 0 10px 0;}
section.menuPrice ul li ul li:last-child { width:calc((100% - 10px) / 2);}
section.menuPrice ul li ul li img { width:100%; height:100%; display:block; overflow:hidden;}


a.bnr-staff { width:100%; max-width:480px; height:auto; margin:0 auto 40px; display:block; overflow:hidden;}
a.bnr-staff img { width:100%; height:auto; display:block; overflow:hidden;}

/* staff */
section.staff { width:100%; margin:0 0 60px; padding:72px 0 0; display:block; overflow:hidden;}
section.staff div.staff-title { width:100%; margin:0 0 24px;}
section.staff div.staff-title h1 { width:100%; height:100%; background:url(../images/phone/bg_h1_staff.png) center no-repeat; background-size:600px 22px; -webkit-background-size:600px 22px; -moz-background-size:600px 22px; -o-background-size:600px 22px;}
section.staff div.staff-title p { display:none;}
section.staff ul {}
section.staff ul li { list-style:none; float:left; width:calc(50% - 7px); margin:0 0 14px; display:block; overflow:hidden;}
section.staff ul li:nth-child(odd) { clear:both; float:left;}
section.staff ul li:nth-child(even) { float:right;}
section.staff ul li img { width:100%; height:auto; margin:0 0 8px; display:block; overflow:hidden;}
section.staff ul li div.details div.details-inner p.post { margin:0 0 4px; font-size:12px; line-height:140%; word-break:break-all;}
section.staff ul li div.details div.details-inner h2 { margin:0 0 4px; font-size:14px; line-height:140%; font-weight:bold;}
section.staff ul li div.details div.details-inner p.explain { font-size:10px; line-height:140%;}
section.staff ul li a { width:100%; margin-top:6px; padding:4px 4px; display:block; overflow:hidden; text-align:center; font-size:12px; line-height:140%; color:#FFF; letter-spacing:0.5px; background:#859DA4; background-size:10px auto; box-sizing:border-box;}
section.staff ul li a:hover { color:#FFF; background-color:#5c6a74;}
section.staff ul li a span { display:none;}

/* access */
section.access { width:100%; margin:0; padding:72px 0 0; display:block; overflow:hidden; position:relative;}
section.access h1 { width:100%; margin:0 0 24px; background:url(../images/phone/bg_h1_access.png) center no-repeat; background-size:600px 22px; -webkit-background-size:600px 22px; -moz-background-size:600px 22px; -o-background-size:600px 22px;}
.googlemap { width:100%; height:320px; display:block; overflow:hidden;}
a.btn-googlemap { width:180px; height:32px; margin:0 auto; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_btn_googlemap.png) no-repeat; background-position:0 0; background-size:180px 64px; -webkit-background-size:180px 64px; -moz-background-size:180px 64px; -o-background-size:180px 64px; position:absolute; bottom:0; right:0;}
a.btn-googlemap:hover { background-position:0 -32px;}


/* footer */
div.footer-wrap { width:100%; padding:40px 20px 86px; display:block; overflow:hidden; background:#DC7350; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
footer { width:100%; margin:0 auto; display:block; overflow:hidden; position:relative;}
footer h1 { width:120px; height:93px; margin:0 auto 24px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/phone/bg_h1_footer.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
footer p.p-footAddress { margin:0 0 32px; display:block; overflow:hidden; font-size:12px; line-height:160%; letter-spacing: 0.05em; color:#FFF;}
footer p.copylight { color:#DCD9D4; text-align:center;}
footer p.copylight a, footer p.copylight a:hover { color:#DCD9D4;}

}


/* タブレット用 ++++++++++++++++++++ */
@media screen and (min-width: 641px) and (max-width: 1280px){
header { width:100%; height:70px; padding:28px 0 0; border-bottom:1px solid #A89F92; display:block; overflow:hidden; background:#FFF; position:fixed; top:0; left:0; z-index:9999;}
header h1 a { float:left; height:70px; display:block; overflow:hidden; text-indent:-9999px;}
nav p.navtitle { display:none;}
nav { float:left; height:70px; display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
nav ul { width:100%;}
nav ul li { list-style:none;}
nav ul li a { float:left; height:28px; display:block; overflow:hidden; text-indent:-9999px;}
nav ul li:last-child a { margin:0;}
a.nv-1 { width:50px; background:url(../images/bg_nav.png) no-repeat; background-position:0 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-1:hover { background-position:0 -28px;}
a.nv-2 { width:67px; background:url(../images/bg_nav.png) no-repeat; background-position:-50px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-2:hover { background-position:-50px -28px;}
a.nv-3 { width:101px; background:url(../images/bg_nav.png) no-repeat; background-position:-117px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-3:hover { background-position:-117px -28px;}
a.nv-4 { width:165px; background:url(../images/bg_nav.png) no-repeat; background-position:-218px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-4:hover { background-position:-218px -28px;}
a.nv-5 { width:107px; background:url(../images/bg_nav.png) no-repeat; background-position:-383px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-5:hover { background-position:-383px -28px;}
a.nv-6 { width:40px; background:url(../images/bg_nav.png) no-repeat; background-position:-490px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-6:hover { background-position:-490px -28px;}
a.nv-7 { width:56px; background:url(../images/bg_nav.png) no-repeat; background-position:-530px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-7:hover { background-position:-530px -28px;}
a.nv-8 { width:30px; background:url(../images/bg_nav.png) no-repeat; background-position:-586px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-8:hover { background-position:-586px -28px;}
a.nv-9 { width:28px; background:url(../images/bg_nav_insta.png) no-repeat; background-size:cover;}
a.btn-headTel { width:100%; height:28px; padding:2px 0; display:block; overflow:hidden; text-align:center; color:#FFF; background:#859DA4; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:absolute; top:0;}
a.btn-headTel:hover { color:#FF6666;}
a.btn-headTel br { display:none;}

div.contents-wrap {} /* windowsize */
p.logomark { width:388px; height:296px; margin:0 auto; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_p_logomark.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;} /* windowsize */
a.btn-scrool { width:45px; height:30px; margin:0 auto 30px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_btn_scrool.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}

div.contents { width:100%; display:block; overflow:hidden; background:#FFF;} /* windowsize */
div.content-inner { width:100%; margin:0 auto; padding:0 40px 150px; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
div.content-inner h1 { display:block; overflow:hidden; text-indent:-9999px;}


/* concept */
section.concept { width:100%; max-width:540px; margin:0 auto 120px; padding:150px 0 0; display:block; overflow:hidden; position:relative;}
section.concept h1 { width:100%; height:22px; margin-bottom:40px; background:url(../images/bg_h1_concept.png) no-repeat; background-size:260px 22px;}
section.concept img { float:left; width:calc((100% - 80px) / 2); height:auto; display:block; overflow:hidden;}
section.concept div.child-R { width:100%; display:block;}
section.concept div.child-R h2 { width:375px; height:60px; margin:0 0 40px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_h2_concept01.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.concept div.child-R p {}


a.bnr-hanasakubihatsu { clear:both; width:100%; max-width:480px; height:auto; margin:0 auto 160px; border:1px solid #EFEFEF; display:block; overflow:hidden;}
a.bnr-hanasakubihatsu img { width:100%; height:auto; display:block; overflow:hidden;}


/* recruit */
div.recruit { width:100%; margin:0 auto; padding:24px 24px 32px; border-top:8px solid #E0DCD8; border-bottom:2px solid #E0DCD8; display:block; overflow:hidden; box-sizing: border-box;}
div.recruit h2 { margin:0 0 24px; font-size:24px; line-height:160%;}
div.recruit p { margin:0 0 24px;}
div.recruit a.btn { width:460px; height:80px; display: block; overflow: hidden; text-indent: -9999px; background: url("../images/bnr_staff20190921.png") no-repeat; background-size: cover; box-sizing: border-box;}
div.recruit a.btn:hover { opacity: 0.7;}


/* news-blog */
section.newsBlog { width:540px; margin:0 auto 40px; display:block; position:relative;}
section.newsBlog h1 { width:250px; height:22px; margin:0 0 20px 0; background:url(../images/bg_h1_newsBlog.png) no-repeat; background-size:260px 22px; -webkit-background-size:260px 22px; -moz-background-size:260px 22px; -o-background-size:260px 22px;}
section.newsBlog p.explain { margin:0 20px 60px 0;}
section.newsBlog ul { clear:both; width:100%; margin:0 0 56px; display:block;}
section.newsBlog ul li a { float:left; width:250px; margin:0 40px 34px 0; display:block; position:relative;}
section.newsBlog ul li:nth-child(odd) a { clear:both;}
section.newsBlog ul li:nth-child(even) a { margin:0 0 40px 0;}

section.newsBlog ul li a div.img-eye { width:100%; height:174px; margin:0 0 14px; border:1px solid #E0DCD8; display:block; overflow:hidden; background:url(../images/news_nophoto.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.newsBlog ul li a img { width:100%; height:auto; min-height:100%;}

section.newsBlog ul li a h2 { margin:0 0 8px; line-height:140%; color:#523F26;}
section.newsBlog ul li a p.date { width:88px; height:25px; padding:4px 0 0 10px; display:block; overflow:hidden; font-size:12px; line-height:120%; color:#FFF; background:url(../images/bg_newsBlog_date.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:absolute; top:8px; left:-8px;}
section.newsBlog ul li a p.honbun { font-size:12px; line-height:140%; color:#523F26;}
section.newsBlog ul li a:hover h2, section.newsBlog ul li a:hover p.honbun { color:#859DA4;}

a.btn-newsBlog { clear:both; width:240px; height:50px; margin:0 auto; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_btn_newsBlog.png) no-repeat; background-position:0 0; background-size:240px 100px; -webkit-background-size:240px 100px; -moz-background-size:240px 100px; -o-background-size:240px 100px;}
a.btn-newsBlog:hover { background-position:0 -50px;}


/* shopinfo */
section.shopinfo { width:100%; margin:0 0 40px; padding:140px 0 0; display:block; overflow:hidden;}
section.shopinfo div.child-L { float:left; display:block; overflow:hidden;}
section.shopinfo h1 { width:260px; height:22px; margin:0 0 40px 0; background:url(../images/bg_h1_shopinfo.png) no-repeat; background-size:260px 22px; -webkit-background-size:260px 22px; -moz-background-size:260px 22px; -o-background-size:260px 22px;}
section.shopinfo table.info { width:100%; border-collapse:collapse; border-top:1px dotted #523F26;}
section.shopinfo table.info th { padding:10px 0; border-bottom:1px dotted #523F26; vertical-align:top; font-weight:normal;;}
section.shopinfo table.info td { padding:10px 0; border-bottom:1px dotted #523F26; vertical-align:top;}
section.shopinfo table.info th.th01 { width:100px; padding-left:4px;}
section.shopinfo table.info th.th02 { width:50px;}
section.shopinfo table.info td.td01 { width:60px; padding-right:4px; text-align:right;}
section.shopinfo table.info a { padding:2px 4px; color:#FFF; font-size:16px; line-height:160%; background:#859DA4;}
section.shopinfo table.info a:hover { background:#5c6a74;}
section.shopinfo div.child-R { float:right; display:block;}
section.shopinfo div.child-R h2 { width:155px; height:20px; margin:0 0 12px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_h2_calender.png) center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.shopinfo div.child-R p { text-align:right;}
section.shopinfo div.child-R p span { color:#D7E3CB;}


/* menuPrice */
section.menuPrice { width:100%; margin:0 0 40px; padding:140px 0 0; display:block; overflow:hidden;}
section.menuPrice h1 { width:260px; height:22px; margin:0 0 40px 0; background:url(../images/bg_h1_menuPrice.png) no-repeat; background-size:260px 22px; -webkit-background-size:260px 22px; -moz-background-size:260px 22px; -o-background-size:260px 22px;}
section.menuPrice ul li { display:block;}
section.menuPrice ul li:nth-child(odd) { clear:both; float:left;}
section.menuPrice ul li:nth-child(even) { float:right;}
section.menuPrice ul li:nth-child(5) { width:100%;}
section.menuPrice h2 { width:132px; height:52px; margin:0 0 24px; display:block; overflow:hidden; text-indent:-9999px;}
h2.h2-menu-cut { background:url(../images/bg_h2_menu_cut.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-menu-parm { background:url(../images/bg_h2_menu_parm.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-menu-color { background:url(../images/bg_h2_menu_color.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-menu-other { background:url(../images/bg_h2_menu_other.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-menu-members { background:url(../images/bg_h2_menu_members.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.menuPrice p.explain { margin:0 0 24px;}
section.menuPrice ul li table { width:100%; border-collapse:collapse; border:1px solid #BAB2A8;}
section.menuPrice ul li table th { padding:10px 12px; border:1px solid #BAB2A8; vertical-align:top; font-weight:normal;;}
section.menuPrice ul li table td { width:132px; padding:10px 12px; border:1px solid #BAB2A8; text-align:center;}
section.menuPrice ul li table p { font-size:12px; line-height:140%; color:#756551;}
section.menuPrice ul li ul li { float:left !important; border:1px solid #BAB2A8; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
section.menuPrice ul li ul li:nth-child(odd) { clear:none;}
section.menuPrice ul li ul li:nth-child(even) {}
section.menuPrice ul li ul li:last-child {}
section.menuPrice ul li ul li img { width:100%; height:100%; display:block; overflow:hidden;}


a.bnr-staff { width:100%; max-width:480px; height:auto; margin:0 auto 80px; display:block; overflow:hidden;}
a.bnr-staff img { width:100%; height:auto; display:block; overflow:hidden;}


/* staff */
section.staff { width:100%; margin:0 0 40px; padding:140px 0 0; display:block; overflow:hidden;}
section.staff div.staff-title { float:left; display:block; overflow:hidden; background:#DC7350; position:relative;} /* windowsize */
section.staff div.staff-title h1 { width:100%; height:100%; display:block; overflow:hidden; background:url(../images/bg_h1_staff.png) center no-repeat; background-size:94px 52px; -webkit-background-size:94px 52px; -moz-background-size:94px 52px; -o-background-size:94px 52px;}
section.staff div.staff-title p { width:100%; padding:18px 20px; font-size:12px; line-height:140%; color:#DCD9D4; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:absolute; bottom:0; left:0;}
section.staff ul {}
section.staff ul li { list-style:none; float:left; display:block; overflow:hidden; position:relative;}
section.staff ul li img { width:100%; height:auto; display:block; overflow:hidden;}
section.staff ul li:hover img { -webkit-transition:.20s; transition:.20s; opacity:0.3;}
section.staff ul li div.details { width:calc(100% - 40px); height:calc(100% - 40px); padding:20px; border:1px solid #523F26; position:absolute; top:20px; left:20px; -webkit-transition:.20s; transition:.20s; opacity:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
section.staff ul li div.details.andBlog { height:calc(100% - 76px);}
section.staff ul li:hover div.details { opacity:0.9;}
section.staff ul li div.details div.details-inner { position:absolute; bottom:20px;}
section.staff ul li div.details div.details-inner p.post { width:calc(100% - 20px); margin:0 0 9px; font-size:12px; line-height:140%; text-align:center;}
section.staff ul li div.details div.details-inner p.post br { display:none;}
section.staff ul li div.details div.details-inner h2 { width:calc(100% - 20px); margin:0 0 12px; font-size:16px; line-height:140%; font-weight:bold; text-align:center;}
section.staff ul li div.details div.details-inner p.explain { width:calc(100% - 20px); font-size:12px; line-height:160%; text-align:center;}
section.staff ul li a { width:100%;  padding:8px 0px; display:block; overflow:hidden; text-align:center; line-height:140%; color:#FFF; letter-spacing:0.5px; background:url(../images/bg_yazirushi.png) calc(100% - 20px) center no-repeat #859DA4; background-size:16px auto; box-sizing:border-box; position:absolute; bottom:0; left:0;}
section.staff ul li a:hover { color:#FFF; background-color:#5c6a74;}

/* access */
section.access { width:100%; margin:0; padding:140px 0 0; display:block; overflow:hidden; position:relative;}
section.access h1 { width:260px; height:22px; background:url(../images/bg_h1_access.png) no-repeat; background-size:260px 22px; -webkit-background-size:260px 22px; -moz-background-size:260px 22px; -o-background-size:260px 22px; position:absolute; top:140px; left:0; z-index:5555;}
.googlemap { width:100%; height:400px; display:block; overflow:hidden;}
a.btn-googlemap { width:180px; height:32px; margin:0 auto; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_btn_googlemap.png) no-repeat; background-position:0 0; background-size:180px 64px; -webkit-background-size:180px 64px; -moz-background-size:180px 64px; -o-background-size:180px 64px; position:absolute; bottom:0; right:0;}
a.btn-googlemap:hover { background-position:0 -32px;}


/* footer */
div.footer-wrap { width:100%; padding:60px 40px; display:block; overflow:hidden; background:#DC7350; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
footer { width:100%; margin:0 auto; display:block; overflow:hidden; position:relative;}
footer h1 { width:230px; height:42px; margin:0 0 24px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_h1_footer.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
footer p.p-footAddress { display:block; overflow:hidden; font-size:12px; line-height:160%; letter-spacing: 0.05em; color:#FFF;}
footer p.copylight { color:#DCD9D4; position:absolute; top:2px; right:0;}
footer p.copylight a { color:#DCD9D4;}

}

/* タブレット用 C ++++++++++++++++++++ */
@media screen and (min-width: 641px) and (max-width: 840px){
header h1 a { width:100px; background:url(../images/bg_h1_logo_b.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
nav { width:calc(100% - 100px); padding-left:30px;}
nav ul { padding:8px 0;}
nav ul li a { margin:0 10px 0 0;}
a.nv-8 { margin:0 5px 0 0;}

/* concept */

/* shopinfo */
section.shopinfo div.child-L { width:100%; margin:0 0 40px;}
section.shopinfo div.child-R { width:100%;}
section.menuPrice ul li ul li { width:calc((100% - 60px) / 3); margin:0 30px 30px 0;}
section.menuPrice ul li ul li:nth-child(odd) { clear:none;}
section.menuPrice ul li ul li:nth-child(even) { margin:0 30px 30px 0;}
section.menuPrice ul li ul li:nth-child(3n) { margin:0 0 30px 0;}
section.menuPrice ul li ul li:nth-child(5) { width:calc((100% - 60px) / 3); margin:0 30px 30px 0;}
section.shopinfo div.child-R { padding:20px 0 0;}

/* menuPrice */
section.menuPrice ul li { width:100%; margin:0 0 40px 0;}

/* staff */
section.staff div.staff-title { width:calc((100% - 2px) / 2);} /* windowsize */
section.staff ul li { width:calc((100% - 2px) / 2);}
section.staff ul li:nth-child(2n) { clear:both;}

}

/* タブレット用 B ++++++++++++++++++++ */
@media screen and (min-width: 841px) and (max-width: 1020px){
header h1 a { width:265px; background:url(../images/bg_h1_logo.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
nav { width:calc(100% - 265px); max-width:720px; padding-left:20px;}
nav ul { padding:8px 0;}
nav ul li a { margin:0 10px 0 0;}
a.nv-8 { margin:0 5px 0 0;}

/* concept */

/* shopinfo */
section.shopinfo div.child-L { width:400px;}
section.shopinfo div.child-R { width:calc(100% - 400px - 50px);}
section.menuPrice ul li ul li { width:calc((100% - 90px) / 4); margin:0 30px 30px 0;}
section.menuPrice ul li ul li:nth-child(odd) { clear:none;}
section.menuPrice ul li ul li:nth-child(even) { margin:0 30px 30px 0;}
section.menuPrice ul li ul li:nth-child(4) { margin:0 0 30px 0;}
section.menuPrice ul li ul li:nth-child(5) { width:calc((100% - 90px) / 4); margin:0 30px 30px 0;}
section.shopinfo div.child-R { padding:60px 0 0;}

/* menuPrice */
section.menuPrice ul li { width:100%; margin:0 0 40px 0;}

/* staff */
section.staff div.staff-title { width:calc((100% - 3px) / 3);} /* windowsize */
section.staff ul li { width:calc((100% - 3px) / 3);}
section.staff ul li:nth-child(3n) { clear:both;}

}

/* タブレット用 A ++++++++++++++++++++ */
@media screen and (min-width: 1021px) and (max-width: 1280px){
header h1 a { width:265px; background:url(../images/bg_h1_logo.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
nav { width:calc(100% - 265px); padding-left:calc((100% - 993px) / 2);}
nav ul { padding:20px 0;}
nav ul li a { margin:0 10px 0 0;}
a.nv-8 { margin:0 5px 0 0;}

/* concept */

/* shopinfo */
section.shopinfo div.child-L { width:calc((100% - 60px) / 2);}
section.shopinfo div.child-R { width:calc((100% - 60px) / 2);}
section.menuPrice ul li ul li { width:calc((100% - 120px) / 5); margin:0 30px 30px 0;}
section.menuPrice ul li ul li:nth-child(odd) { clear:none;}
section.menuPrice ul li ul li:nth-child(even) { margin:0 30px 30px 0;}
section.menuPrice ul li ul li:nth-child(5) { width:calc((100% - 120px) / 5); margin:0 0 30px 0;}
section.shopinfo div.child-R { padding:60px 0 0;}

/* menuPrice */
section.menuPrice ul li { width:calc((100% - 60px) / 2); margin:0 0 40px 0;}

/* staff */
section.staff div.staff-title { width:calc((100% - 4px) / 4);} /* windowsize */
section.staff ul li { width:calc((100% - 4px) / 4);}
section.staff ul li:nth-child(4n) { clear:both;}

}

/* PC用 ++++++++++++++++++++ */
@media screen and (min-width:1281px){
header { width:100%; height:70px; border-bottom:1px solid #A89F92; display:block; overflow:hidden; background:#FFF; position:fixed; top:0; left:0; z-index:9999;}
header h1 a { float:left; width:265px; height:70px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_h1_logo.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
nav p.navtitle { display:none;}
nav { float:left; width:calc(100% - 515px); height:70px; display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
nav ul { width:100%; padding:20px 0;}
nav ul li { list-style:none;}
nav ul li a { float:left; height:28px; display:block; overflow:hidden; text-indent:-9999px;}
nav ul li:last-child a { margin:0;}
a.nv-1 { width:50px; background:url(../images/bg_nav.png) no-repeat; background-position:0 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-1:hover { background-position:0 -28px;}
a.nv-2 { width:67px; background:url(../images/bg_nav.png) no-repeat; background-position:-50px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-2:hover { background-position:-50px -28px;}
a.nv-3 { width:101px; background:url(../images/bg_nav.png) no-repeat; background-position:-117px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-3:hover { background-position:-117px -28px;}
a.nv-4 { width:165px; background:url(../images/bg_nav.png) no-repeat; background-position:-218px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-4:hover { background-position:-218px -28px;}
a.nv-5 { width:107px; background:url(../images/bg_nav.png) no-repeat; background-position:-383px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-5:hover { background-position:-383px -28px;}
a.nv-6 { width:40px; background:url(../images/bg_nav.png) no-repeat; background-position:-490px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-6:hover { background-position:-490px -28px;}
a.nv-7 { width:56px; background:url(../images/bg_nav.png) no-repeat; background-position:-530px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-7:hover { background-position:-530px -28px;}
a.nv-8 { width:30px; background:url(../images/bg_nav.png) no-repeat; background-position:-586px 0; background-size:616px 56px; -webkit-background-size:616px 56px; -moz-background-size:616px 56px; -o-background-size:616px 56px;}
a.nv-8:hover { background-position:-586px -28px;}
a.nv-9 { width:28px; background:url(../images/bg_nav_insta.png) no-repeat; background-size:cover;}
a.btn-headTel { float:right; width:250px; height:70px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_btn_headTel.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
a.btn-headTel br { display:none;}

div.contents-wrap {} /* windowsize */
p.logomark { width:485px; height:370px; margin:0 auto; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_p_logomark.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;} /* windowsize */
a.btn-scrool { width:45px; height:30px; margin:0 auto 30px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_btn_scrool.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}

div.contents { width:100%; display:block; overflow:hidden; background:#FFF;} /* windowsize */
div.content-inner { width:1200px; margin:0 auto; padding:50px 0 200px; display:block;}
div.content-inner h1 { display:block; overflow:hidden; text-indent:-9999px;}

/* concept */
section.concept { width:100%; max-width:540px; margin:0 auto 120px; padding:150px 0 0; display:block; overflow:hidden; position:relative;}
section.concept h1 { width:100%; height:22px; margin-bottom:40px; background:url(../images/bg_h1_concept.png) no-repeat; background-size:260px 22px;}
section.concept img { float:left; width:calc((100% - 80px) / 2); height:auto; display:block; overflow:hidden;}
section.concept div.child-R { width:100%; display:block;}
section.concept div.child-R h2 { width:375px; height:60px; margin:0 0 40px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_h2_concept01.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.concept div.child-R p {}


a.bnr-hanasakubihatsu { clear:both; width:100%; max-width:480px; height:auto; margin:0 auto 160px; border:1px solid #EFEFEF; display:block; overflow:hidden;}
a.bnr-hanasakubihatsu img { width:100%; height:auto; display:block; overflow:hidden;}


/* recruit */
div.recruit { width:100%; margin:0 auto; padding:24px 24px 32px; border-top:8px solid #E0DCD8; border-bottom:2px solid #E0DCD8; display:block; overflow:hidden; box-sizing: border-box;}
div.recruit h2 { margin:0 0 24px; font-size:24px; line-height:160%;}
div.recruit p { margin:0 0 24px;}
div.recruit a.btn { width:460px; height:80px; display: block; overflow: hidden; text-indent: -9999px; background: url("../images/bnr_staff20190921.png") no-repeat; background-size: cover; box-sizing: border-box;}
div.recruit a.btn:hover { opacity: 0.7;}


/* news-blog */
section.newsBlog { width:100%; margin:0 0 50px; display:block; position:relative;}
section.newsBlog h1 { float:left; width:260px; height:22px; margin:0 20px 60px 0; background:url(../images/bg_h1_newsBlog.png) no-repeat; background-size:260px 22px; -webkit-background-size:260px 22px; -moz-background-size:260px 22px; -o-background-size:260px 22px;}
section.newsBlog p.explain { margin:0 20px 60px 0;}
section.newsBlog div#feeds {}
section.newsBlog ul { clear:both; width:100%; margin:0 0 26px; display:block; overflow: hidden;}
section.newsBlog ul li a { float:left; width:calc((100% - 162px) / 4); margin:0 54px 54px 0; display:block; position:relative;}
section.newsBlog ul li:last-child a { margin:0 0 54px 0;}
section.newsBlog ul li a div.img-eye { width:100%; height:174px; margin:0 0 14px; border:1px solid #E0DCD8; display:block; overflow:hidden; background:url(../images/news_nophoto.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.newsBlog ul li a img { width:100%; height:auto; min-height:100%;}
section.newsBlog ul li a h2 { margin:0 0 8px; line-height:140%; color:#523F26;}
section.newsBlog ul li a p.date { width:88px; height:25px; padding:4px 0 0 10px; display:block; overflow:hidden; font-size:12px; line-height:120%; color:#FFF; background:url(../images/bg_newsBlog_date.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:absolute; top:8px; left:-8px;}
section.newsBlog ul li a p.honbun { font-size:12px; line-height:140%; color:#523F26;}
section.newsBlog ul li a:hover h2, section.newsBlog ul li a:hover p.honbun { color:#859DA4;}

a.btn-newsBlog {clear: both; width:240px; height:50px; margin:0 auto; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_btn_newsBlog.png) no-repeat; background-position:0 0; background-size:240px 100px; -webkit-background-size:240px 100px; -moz-background-size:240px 100px; -o-background-size:240px 100px;}
a.btn-newsBlog:hover { background-position:0 -50px;}


/* shopinfo */
section.shopinfo { width:100%; margin:0 0 50px; padding:150px 0 0; display:block; overflow:hidden;}
section.shopinfo div.child-L { float:left; width:calc((100% - 80px) / 2); display:block; overflow:hidden;}
section.shopinfo h1 { width:260px; height:22px; margin:0 0 40px 0; background:url(../images/bg_h1_shopinfo.png) no-repeat; background-size:260px 22px; -webkit-background-size:260px 22px; -moz-background-size:260px 22px; -o-background-size:260px 22px;}
section.shopinfo table.info { width:100%; border-collapse:collapse; border-top:1px dotted #523F26;}
section.shopinfo table.info th { padding:10px 0; border-bottom:1px dotted #523F26; vertical-align:top; font-weight:normal;}
section.shopinfo table.info td { padding:10px 0; border-bottom:1px dotted #523F26; vertical-align:top;}
section.shopinfo table.info th.th01 { width:100px; padding-left:4px;}
section.shopinfo table.info th.th02 { width:50px;}
section.shopinfo table.info td.td01 { width:60px; padding-right:4px; text-align:right;}
section.shopinfo table.info a { padding:2px 4px; color:#FFF; font-size:16px; line-height:160%; background:#859DA4;}
section.shopinfo table.info a:hover { background:#5c6a74;}
section.shopinfo div.child-R { float:right; width:calc((100% - 80px) / 2); padding:60px 0 0; display:block;}
section.shopinfo div.child-R h2 { width:155px; height:20px; margin:0 0 12px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_h2_calender.png) center no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.shopinfo div.child-R p { text-align:right;}
section.shopinfo div.child-R p span { color:#dee1e3;}


/* menuPrice */
section.menuPrice { width:100%; margin:0; padding:150px 0 0; display:block; overflow:hidden;}
section.menuPrice h1 { width:260px; height:22px; margin:0 0 40px 0; background:url(../images/bg_h1_menuPrice.png) no-repeat; background-size:260px 22px; -webkit-background-size:260px 22px; -moz-background-size:260px 22px; -o-background-size:260px 22px;}
section.menuPrice ul li { float:left; width:calc((100% - 80px) / 2); margin:0 0 60px 0; display:block;}
section.menuPrice ul li:nth-child(odd) { clear:both; float:left;}
section.menuPrice ul li:nth-child(even) { float:right;}
section.menuPrice ul li:nth-child(5) { width:100%; margin:0;}
section.menuPrice h2 { width:132px; height:52px; margin:0 0 24px; display:block; overflow:hidden; text-indent:-9999px;}
h2.h2-menu-cut { background:url(../images/bg_h2_menu_cut.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-menu-parm { background:url(../images/bg_h2_menu_parm.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-menu-color { background:url(../images/bg_h2_menu_color.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-menu-other { background:url(../images/bg_h2_menu_other.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
h2.h2-menu-members { background:url(../images/bg_h2_menu_members.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
section.menuPrice p.explain { margin:0 0 24px;}
section.menuPrice ul li table { width:100%; border-collapse:collapse; border:1px solid #BAB2A8;}
section.menuPrice ul li table th { padding:10px 12px; border:1px solid #BAB2A8; vertical-align:top; font-weight:normal;;}
section.menuPrice ul li table td { width:132px; padding:10px 12px; border:1px solid #BAB2A8; text-align:center;}
section.menuPrice ul li table p { font-size:12px; line-height:140%; color:#756551;}
section.menuPrice ul li ul li { float:left !important; width:calc((100% - 200px) / 5); margin:0 50px 50px 0; border:1px solid #BAB2A8; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
section.menuPrice ul li ul li:nth-child(odd) { clear:none;}
section.menuPrice ul li ul li:nth-child(even) { margin:0 50px 50px 0;}
section.menuPrice ul li ul li:nth-child(5) { width:calc((100% - 200px) / 5); margin:0 0 50px 0;}
section.menuPrice ul li ul li img { width:100%; height:100%; display:block; overflow:hidden;}


a.bnr-staff { width:100%; max-width:480px; height:auto; margin:0 auto 80px; display:block; overflow:hidden;}
a.bnr-staff img { width:100%; height:auto; display:block; overflow:hidden;}


/* staff */
section.staff { width:100%; margin:0 0 50px; padding:150px 0 0; display:block; overflow:hidden;}
section.staff div.staff-title { float:left; width:calc((100% - 4px) / 4); display:block; overflow:hidden; background:#DC7350; position:relative;} /* windowsize */
section.staff div.staff-title h1 { width:100%; height:100%; display:block; overflow:hidden; background:url(../images/bg_h1_staff.png) center no-repeat; background-size:94px 52px; -webkit-background-size:94px 52px; -moz-background-size:94px 52px; -o-background-size:94px 52px;} /* windowsize */
section.staff div.staff-title p { width:100%; padding:18px 20px; font-size:12px; line-height:140%; color:#DCD9D4; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:absolute; bottom:0; left:0;}
section.staff ul {}
section.staff ul li { list-style:none; float:left; width:calc((100% - 4px) / 4); display:block; overflow:hidden; position:relative;}
section.staff ul li:nth-child(4n) { clear:both;}
section.staff ul li img { width:100%; height:auto; display:block; overflow:hidden;}
section.staff ul li:hover img { -webkit-transition:.20s; transition:.20s; opacity:0.3;}
section.staff ul li div.details { width:calc(100% - 40px); height:calc(100% - 40px); padding:20px; border:1px solid #523F26; position:absolute; top:20px; left:20px; -webkit-transition:.20s; transition:.20s; opacity:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
section.staff ul li div.details.andBlog { height:calc(100% - 76px);}
section.staff ul li:hover div.details { opacity:0.9;}
section.staff ul li div.details div.details-inner { position:absolute; bottom:20px;}
section.staff ul li div.details div.details-inner p.post { width:calc(100% - 20px); margin:0 0 9px; font-size:12px; line-height:140%; text-align:center;}
section.staff ul li div.details div.details-inner p.post br { display:none;}
section.staff ul li div.details div.details-inner h2 { width:calc(100% - 20px); margin:0 0 12px; font-size:16px; line-height:140%; font-weight:bold; text-align:center;}
section.staff ul li div.details div.details-inner p.explain { width:calc(100% - 20px); font-size:12px; line-height:160%; text-align:center;}
section.staff ul li a { width:100%;  padding:8px 0px; display:block; overflow:hidden; text-align:center; line-height:140%; color:#FFF; letter-spacing:0.5px; background:url(../images/bg_yazirushi.png) calc(100% - 20px) center no-repeat #859DA4; background-size:16px auto; box-sizing:border-box; position:absolute; bottom:0; left:0;}
section.staff ul li a:hover { color:#FFF; background-color:#5c6a74;}

/* access */
section.access { width:100%; margin:0; padding:150px 0 0; display:block; overflow:hidden; position:relative;}
section.access h1 { width:260px; height:22px; background:url(../images/bg_h1_access.png) no-repeat; background-size:260px 22px; -webkit-background-size:260px 22px; -moz-background-size:260px 22px; -o-background-size:260px 22px; position:absolute; top:150px; left:0; z-index:5555;}
.googlemap { width:100%; height:480px; display:block; overflow:hidden;}
a.btn-googlemap { width:180px; height:32px; margin:0 auto; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_btn_googlemap.png) no-repeat; background-position:0 0; background-size:180px 64px; -webkit-background-size:180px 64px; -moz-background-size:180px 64px; -o-background-size:180px 64px; position:absolute; bottom:0; right:0;}
a.btn-googlemap:hover { background-position:0 -32px;}


/* footer */

div.footer-wrap { width:100%; padding:60px 0; display:block; overflow:hidden; background:#DC7350;}
footer { width:1000px; margin:0 auto; display:block; position:relative;}
footer h1 { width:230px; height:42px; margin:0 0 24px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/bg_h1_footer.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
footer p.p-footAddress { display:block; overflow:hidden; font-size:12px; line-height:160%; letter-spacing: 0.05em; color:#FFF;}
footer p.copylight { color:#DCD9D4; position:absolute; top:2px; right:0;}
footer p.copylight a { color:#DCD9D4;}

}


/* PC用 B ++++++++++++++++++++ */
@media screen and (min-width: 1281px) and (max-width: 1360px){
nav { padding-left:calc((100% - 1243px) / 2);}
nav ul li a { margin:0 10px 0 0;}
a.nv-8 { margin:0 5px 0 0;}
}

/* PC用 A ++++++++++++++++++++ */
@media screen and (min-width:1361px){
nav { padding-left:calc((100% - 1299px) / 2);}
nav ul li a { margin:0 14px 0 0;}
a.nv-8 { margin:0 7px 0 0;}

}