abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit } a, button { padding: 0; border: 0 } a, input, select { margin: 0; background: 0 0 } a { font: inherit; text-decoration: none; font-size: 100%; vertical-align: baseline; color: currentColor } #top header .sticky .wrap h2 a, .expedia_link a, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { font-size: 10px; } img { max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::after, blockquote::before, q::after, q::before { content: none; } table { border-collapse: collapse; border-spacing: 0; } input, select { padding: 0; border: 0; border-radius: 0; color: inherit; font-size: inherit; vertical-align: middle; -webkit-box-sizing: content-box; box-sizing: content-box; } button { background-color: transparent; cursor: pointer; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } body { line-height: 1; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; color: #111; } .senobi { font-family: 'Senobi-Gothic',serif; -webkit-font-smoothing: antialiased; } @font-face{ font-family: "Senobi-Gothic"; font-style: "normal"; font-weight: "normal"; src: url('font/Senobi-Gothic-Regular_web.woff') format('woff'), /* モダンブラウザ用 */ url('font/Senobi-Gothic-Regular_web.ttf') format('truetype'); /* iOS, Android用 */ } @font-face{ font-family: "Senobi-Gothic-B"; src: url('font/Senobi-Gothic-Bold_web.woff') format('woff'), /* モダンブラウザ用 */ url('font/Senobi-Gothic-Bold_web.ttf') format('truetype'); /* iOS, Android用 */ } html { } .logo div { animation-duration: 1s; /* アニメーションの時間 */ animation-delay: 2s; /* アニメーション開始時間 */ } .logo img { animation-duration: 1s; /* アニメーションの時間 */ animation-delay: 2.5s; /* アニメーション開始時間 */ } .lead { animation-duration: 1.5s; /* アニメーションの時間 */ animation-delay: 1.5s; /* アニメーション開始時間 */ } .header .item { animation-duration: 5s; /* アニメーションの時間 */ animation-delay: 0.5s; /* アニメーション開始時間 */ } .visual .item01 { animation-duration: 1.5s; /* アニメーションの時間 */ animation-delay: 1.5s; /* アニメーション開始時間 */ } .visual .item02 { animation-duration: 1.5s; /* アニメーションの時間 */ animation-delay: 1.7s; /* アニメーション開始時間 */ } .visual .item03 { animation-duration: 1.5s; /* アニメーションの時間 */ animation-delay: 1.9s; /* アニメーション開始時間 */ } .visual .item04 { animation-duration: 1.5s; /* アニメーションの時間 */ animation-delay: 2.1s; /* アニメーション開始時間 */ } .senobi { animation-duration: 0.8s; /* アニメーションの時間 */ animation-delay: 0.8s; /* アニメーション開始時間 */ } .catch { animation-duration: 0.3s; /* アニメーションの時間 */ animation-delay: 0.3s; /* アニメーション開始時間 */ } .title { animation-duration: 0.8s; /* アニメーションの時間 */ animation-delay: 0.8s; /* アニメーション開始時間 */ } .name { animation-duration: 0.5s; /* アニメーションの時間 */ animation-delay: 0.5s; /* アニメーション開始時間 */ } .hash { animation-duration: 0.8s; /* アニメーションの時間 */ animation-delay: 0.8s; /* アニメーション開始時間 */ } .sns .hash { animation-duration: 0.8s; /* アニメーションの時間 */ animation-delay: 1s; /* アニメーション開始時間 */ } .sns .snsIcon { animation-duration: 0.8s; /* アニメーションの時間 */ animation-delay: 1.5s; /* アニメーション開始時間 */ } .shopinfo .item01 { animation-duration: 1.5s; /* アニメーションの時間 */ animation-delay: 1.5s; /* アニメーション開始時間 */ } .shopinfo .item02 { animation-duration: 1.5s; /* アニメーションの時間 */ animation-delay: 1.7s; /* アニメーション開始時間 */ } .shopinfo .item03 { animation-duration: 1.5s; /* アニメーションの時間 */ animation-delay: 1.9s; /* アニメーション開始時間 */ } .img01 { animation-duration: 0.3s; /* アニメーションの時間 */ animation-delay: 0.3s; /* アニメーション開始時間 */ } .img02 { animation-duration: 0.5s; /* アニメーションの時間 */ animation-delay: 0.5s; /* アニメーション開始時間 */ } .img03 { animation-duration: 0.7s; /* アニメーションの時間 */ animation-delay: 0.7s; /* アニメーション開始時間 */ } .img04 { animation-duration: 0.9s; /* アニメーションの時間 */ animation-delay: 0.9s; /* アニメーション開始時間 */ } @media screen and (min-width:961px){ /*pc用のcssを記述*/ header { width: 90%; margin: 30px auto 0; } nav { display: table; width: 100%; text-align: center; } nav .item { display: table-cell; width: 19%; vertical-align: middle; background: #fff; } nav .item span { display: inline-block; width: 18%; height: 50px; } nav .item span.heart { background: url("../img/icon/icon_heart.png") no-repeat; background-size: 100%; } nav .item span.bread { background: url("../img/icon/icon_bread.png") no-repeat; background-size: 100%; } nav .item span.map { background: url("../img/icon/icon_map.png") no-repeat; background-size: 100%; } nav .item span.mail { background: url("../img/icon/icon_mail.png") no-repeat; background-size: 100%; } nav .item .ei { margin-top: 10px; font-size: 13px; letter-spacing: 6px; color: #333; } nav .item .wa { margin: 10px 0 0 5px; font-size: 11px; letter-spacing: 6px; color: #333; } nav .logo { position: fixed; left: 50%; top: 0; margin-left: -130px; padding: 15px 30px 20px; width: auto; background: #fff; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; z-index: 1000; } nav .logo { width: 210px; } nav .logo img { width: 90%; } nav .logo .wa { font-size: 13px; margin: 10px 0 0 10px; letter-spacing: 15px; text-align: center; } nav .item:hover .ei, nav .item:hover .wa { color: #285283; transition-duration: 1s; } nav .item:hover span { transition-duration: 1s; } nav .item:hover span.heart { background: url("../img/icon/icon_heart_hover.png") no-repeat; background-size: 100%; } nav .item:hover span.bread { background: url("../img/icon/icon_bread_hover.png") no-repeat; background-size: 100%; } nav .item:hover span.map { background: url("../img/icon/icon_map_hover.png") no-repeat; background-size: 100%; } nav .item:hover span.mail { background: url("../img/icon/icon_mail_hover.png") no-repeat; background-size: 100%; } section.visual { position: relative; } section.visual .lead { position: absolute; bottom: -80px; left: 50%; margin-left: -280px; padding: 20px 30px; background: #fff; font-size: 13px; line-height: 2; text-align: center; letter-spacing: 4px; border-radius: 20px; box-shadow: 6px 6px 20px rgba(150,150,150,0.3); } section.visual .lead .subLeft { position: absolute; top: -30px; left: -150px; } section.visual .lead .subLeft img { width: 80%; z-index: 9999; } section.visual .lead .subRight { position: absolute; top: -30px; right: -150px; } section.visual .lead .subRight img { width: 80%; z-index: 9999; } section.visual main { width: 95%; margin: 30px auto 0; } section.visual main .image { display: table; width: 100%; text-align: center; } section.visual main .image .item { display: table-cell; width: 24.5%; vertical-align: top; } section.visual main .image .item img { border-radius: 15px; } section.visual main .image .empty { display: table-cell; width: 10px; vertical-align: top; } section.visual main .imageSp { display: none; } section.concept { margin-top: 50px; } section.concept .block { position: relative; margin-top: 120px; } section.concept .block .kaiwaLeft { position: absolute; top: 0; left: 16%; margin-top: 30px; } section.concept .block .kaiwaLeft .image { display: inline-block; vertical-align: middle; } section.concept .block .kaiwaLeft .lead { display: inline-block; background: #fff; margin-left: 10px; padding: 15px 20px; font-size: 14px; line-height: 2; letter-spacing: 2.5px; border-radius: 15px; box-shadow: 6px 6px 14px rgba(0,0,0,0.15); vertical-align: middle; } section.concept .block .kaiwaLeft .lead.sp { display: none; } section.concept .block .kaiwaRight { position: absolute; top: 0; right: 16%; margin-top: 30px; text-align: right; } section.concept .block .kaiwaRight .lead { display: inline-block; background: #fff; margin-right: 10px; padding: 15px 20px; font-size: 14px; line-height: 2; letter-spacing: 2.5px; border-radius: 15px; box-shadow: 6px 6px 14px rgba(0,0,0,0.15); vertical-align: middle; } section.concept .block .kaiwaRight .lead.sp { display: none; } section.concept .block .kaiwaRight .image { display: inline-block; vertical-align: middle; text-align: right; } section.concept .block .image { transform: rotate(-4deg); } section.concept .block .kaiwaLeft.aa { top: 0; left: 22%; } section.concept .block .kaiwaLeft.aa .image { width: 15%; } section.concept .block .kaiwaRight.aa { top: 150px; right: 17%; } section.concept .block .kaiwaRight.aa .image { width: 16%; } section.concept .block .kaiwaLeft.bb { top: 300px; left: 14%; } section.concept .block .kaiwaLeft.bb .image { width: 15%; } section.concept .block .kaiwaRight.bb { top: 450px; right: 13%; } section.concept .block .kaiwaRight.bb .image { width: 16%; } section.concept .block .kaiwaLeft.cc { top: 570px; left: 28%; } section.concept .block .kaiwaLeft.cc .image { width: 15%; } section.concept .block .kaiwaRight.cc { top: 720px; right: 5%; } section.concept .block .kaiwaRight.cc .image { width: 16%; } section.concept .block .kaiwaLeft.dd { top: 1060px; left: 20%; } section.concept .block .kaiwaLeft.dd .image { width: 15%; } section.concept .block .kaiwaRight.dd { top: 1180px; right: 15%; } section.concept .block .kaiwaRight.dd .image { width: 20%; } section.shopinfo { margin-top: 1600px; width: 100%; } section.shopinfo main .pc { margin: 30px auto 0; } section.shopinfo main .pc .area { display: table; width: 100%; text-align: center; } section.shopinfo main .pc .area .item { display: table-cell; width: 33%; height: 400px; padding-bottom: 40px; vertical-align: top; } section.shopinfo main .pc .area .item:hover { opacity: 0.9; } section.shopinfo main .pc .area .item01 { background: #365C92; } section.shopinfo main .pc .area .item01 .img { background-image: url(../img/top/shopinfo01.png); background-size: cover; height: 380px; width: 100%; } section.shopinfo main .pc .area .item01 .img .logo01 img { margin-top: 110px; height: 150px; width: auto; border-radius: 15px; background-size: cover; } section.shopinfo main .pc .area .item02 { background: #10A4AE; } section.shopinfo main .pc .area .item02 .img { background-image: url(../img/top/shopinfo02.png); background-size: cover; height: 380px; width: 100%; } section.shopinfo main .pc .area .item02 .img .logo02 { } section.shopinfo main .pc .area .item02 .img .logo02 img { margin-top: 110px; height: 150px; width: auto; border-radius: 15px; background-size: cover; } section.shopinfo main .pc .area .item02 .img .logoNanoda { padding-left: 10px; } section.shopinfo main .pc .area .item02 .img .logoNanoda img { margin-top: 110px; height: 150px; width: auto; border-radius: 15px; background-size: cover; } section.shopinfo main .pc .area .item03 { background: #FF8C75; } section.shopinfo main .pc .area .item03:hover { opacity: 1.0; } section.shopinfo main .pc .area .item03 .img { background-image: url(../img/top/shopinfo03.png); background-size: cover; height: 380px; width: 100%; } section.shopinfo main .pc .area .item03 .img .logoBuri { display: block; } section.shopinfo main .pc .area .item03 .img .logoBuri img { margin-top: 110px; height: 150px; width: auto; border-radius: 15px; background-size: cover; } section.shopinfo main .pc .area .item .title { margin-top: 40px; color: #fff; font-size: 16px; line-height: 1.5; letter-spacing: 2px; } section.shopinfo main .pc .area .item01 .title { margin-top: 45px; } section.shopinfo main .pc .area .item .text { margin-top: 20px; color: #fff; font-size: 13px; line-height: 1.5; letter-spacing: 2px; } section.shopinfo main .sp { display: none; } section.shopinfo main .imageSp { display: none; } section.pantime { } section.pantime .bg { background: #365C92; padding: 120px 0 160px; text-align: center; } section.pantime .bg .catch { margin-top: 80px; font-size: 14px; color: #eee; letter-spacing: 2px; } section.pantime .bg .title { margin-top: 15px; font-size: 20px; color: #eee; letter-spacing: 4px; } section.pantime .panpc { position: relative; display: block; } section.pantime .pansp { display: none; } section.pantime .contents.Left { position: absolute; top: -100px; left: 10%; } section.pantime .contents.Right { position: absolute; top: -100px; right: 10%; } section.pantime .contents.Left .image { width: 420px; } section.pantime .contents.Right .image { width: 380px; height: 280px; } section.pantime .contents.Right .image span { display: inline-block; width: 380px; height: 250px; background: url("../img/top/croissant.png"); background-size:cover; transform: rotate(-3deg); } section.pantime .contents.Right .image span:hover { width: 380px; height: 250px; background: url("../img/top/croissant02.png"); background-size:cover; cursor: pointer; transition-duration: 1s; } section.pantime .contents .lead { padding: 10px 20px; background: #fff; font-size: 16px; line-height: 1.5; text-align: center; letter-spacing: 2px; border-radius: 15px; box-shadow: 10px 10px 14px rgba(0,0,0,0.1); } section.pantime .contents .lead span { display: block; font-size: 12px; } section.pantime .contents.Left .lead { position: absolute; top: 220px; left: 50%; margin-left: -132px; } section.pantime .contents.Right .lead { position: absolute; top: 220px; left: 50%; margin-left: -99px; } section.pantime .contents .text { margin-top: 45px; font-size: 12px; letter-spacing: 1px; line-height: 2; color: #eee; text-align: center; } section.pantime .bg2 { background: #365C92; margin-top: 130px; padding: 100px 0 120px; } section.panList.pc { display: block; } section.panList.sp { display: none; } section.panList { margin-top: 120px; } section.panList .bg { background: #365C92; height: 1000px; } section.panList .bg .block { position: relative; width: auto; } section.panList .bg .block .image { position: absolute; } section.panList .bg .block .image span { display: inline-block; width: 250px; height: 250px; background-size:cover; border-radius: 15px; } section.panList .bg .block .image span:hover { cursor: pointer; } section.panList .bg .block .name { position: absolute; background: #fff; padding: 14px 30px; font-size: 16px; line-height: 1.75; text-align: center; letter-spacing: 3px; border-radius: 26px; box-shadow: 10px 10px 14px rgba(0,0,0,0.1); z-index: 100; font-family: 'Senobi-Gothic',serif; -webkit-font-smoothing: antialiased; } section.panList .bg .block .hash { position: absolute; font-size: 13px; color: #eee; line-height: 2; letter-spacing: 3px; } section.panList .bg .block .image span:hover { transition-duration: 1s; } section.panList .bg .block .image.aa { height: 250px; top: -40px; left: 10%; } section.panList .bg .block .image.aa span { background: url("../img/top/nantel.jpg"); background-size:cover; transform: rotate(-3deg); } section.panList .bg .block .image.aa span:hover { background: url("../img/top/nantel02.jpg"); background-size:cover; } section.panList .bg .block .name.aa { top: 20px; left: 20%; } section.panList .bg .block .hash.aa { top: 230px; left: 14%; } section.panList .bg .block .image.bb { top: 0; left: 43%; } section.panList .bg .block .image.bb span { background: url("../img/top/focaccia.jpg"); background-size:cover; transform: rotate(7deg); } section.panList .bg .block .image.bb span:hover { background: url("../img/top/focaccia02.jpg"); background-size:cover; } section.panList .bg .block .name.bb { top: 100px; left: 38%; } section.panList .bg .block .hash.bb { top: 270px; left: 37%; } section.panList .bg .block .image.cc { top: -40px; right: 8%; text-align: right; } section.panList .bg .block .image.cc span { background: url("../img/top/kouignamann.jpg"); background-size:cover; transform: rotate(-6deg); } section.panList .bg .block .image.cc span:hover { background: url("../img/top/kouignamann02.jpg"); background-size:cover; } section.panList .bg .block .name.cc { top: 30px; right: 5%; } section.panList .bg .block .hash.cc { top: 220px; right: 3%; } section.panList .bg .block .image.dd { top: 340px; left: -2%; } section.panList .bg .block .image.dd span { background: url("../img/top/paysanne.jpg"); background-size:cover; transform: rotate(4deg); } section.panList .bg .block .image.dd span:hover { background: url("../img/top/paysanne02.jpg"); background-size:cover; } section.panList .bg .block .name.dd { top: 400px; left: 14%; } section.panList .bg .block .hash.dd { top: 480px; left: 20%; } section.panList .bg .block .image.ee { top: 400px; left: 35%; } section.panList .bg .block .image.ee span { background: url("../img/top/paindemie.jpg"); background-size:cover; transform: rotate(-4deg); } section.panList .bg .block .image.ee span:hover { background: url("../img/top/paindemie02.jpg"); background-size:cover; } section.panList .bg .block .name.ee { top: 560px; left: 47%; } section.panList .bg .block .hash.ee { top: 400px; left: 58%; } section.panList .bg .block .image.ff { top: 360px; right: -1%; text-align: right; } section.panList .bg .block .image.ff span { width: 270px; height: 270px; background: url("../img/top/galette.jpg"); background-size:cover; transform: rotate(-1deg); } section.panList .bg .block .image.ff span:hover { width: 270px; height: 270px; background: url("../img/top/galette02.jpg"); background-size:cover; } section.panList .bg .block .name.ff { top: 420px; right: 10%; } section.panList .bg .block .hash.ff { top: 540px; right: 23%; } section.panList .bg .block .image.gg { top: 680px; left: 10%; } section.panList .bg .block .image.gg span { background: url("../img/top/stollen.jpg"); background-size:cover; transform: rotate(4deg); } section.panList .bg .block .image.gg span:hover { background: url("../img/top/stollen02.jpg"); background-size:cover; } section.panList .bg .block .name.gg { top: 860px; left: 26%; } section.panList .bg .block .hash.gg { top: 720px; left: 33%; } section.panList .bg .block .image.hh { top: 680px; right: 25%; } section.panList .bg .block .image.hh span { background: url("../img/top/papapadog.jpg"); background-size:cover; transform: rotate(-4deg); } section.panList .bg .block .image.hh span:hover { background: url("../img/top/papapadog02.jpg"); background-size:cover; } section.panList .bg .block .name.hh { top: 680px; right: 30%; } section.panList .bg .block .hash.hh { top: 720px; right: 5%; } /*section.sns { padding: 100px 15px; background-image:url("../img/top/sns_back_pc.png"); background-size: cover; } section.sns .lead { padding: 30px 10px; margin: 0 auto; width: 500px; background: #fff; font-size: 14px; line-height: 2.4; text-align: center; letter-spacing: 2px; border-radius: 15px; box-shadow: 6px 6px 20px rgba(150,150,150,0.3); } section.sns .lead em { font-size: 16px; } section.sns .lead .hash { font-size: 12px; color: #0C67BF; } section.sns .lead .snsIcon { display: table; margin: 10px auto 0; text-align: center; } section.sns .lead .snsIcon a { display: table-cell; width: 50%; vertical-align: middle; } section.sns .lead .snsIcon a img { height: 70px; } section.sns .lead .snsIcon a img:hover { opacity: 0.8; transition-duration: 1s; } section.sns .lead .snsIcon .empty { display: table-cell; width: 15%; vertical-align: middle; } */ section.panList2.pc { display: block; } section.panList2.sp { display: none; } section.panList2 { margin-top: 120px; } section.panList2 .bg { height: 800px; } section.panList2 .bg .block { position: relative; width: auto; } section.panList2 .bg .block .image { position: absolute; width: 400px; } section.panList2 .bg .block .image span { display: inline-block; width: 280px; height: 280px; background-size:cover; border-radius: 15px; } section.panList2 .bg .block .image span:hover { cursor: pointer; transition-duration: 1s; } section.panList2 .bg .block .name { position: absolute; background: #fff; padding: 14px 30px; font-size: 16px; line-height: 1.75; text-align: center; letter-spacing: 3px; border-radius: 26px; box-shadow: 10px 10px 14px rgba(0,0,0,0.1); z-index: 100; font-family: 'Senobi-Gothic',serif; -webkit-font-smoothing: antialiased; } section.panList2 .bg .block .hash { position: absolute; font-size: 13px; color: #0C67BF; line-height: 2; letter-spacing: 3px; } section.panList2 .bg .block .image span:hover { transition-duration: 1s; } section.panList2 .bg .block .image.aa { top: -40px; left: 6%; } section.panList2 .bg .block .image.aa span { width: 240px; height: 240px; background: url("../img/top/creambun.jpg"); background-size:cover; transform: rotate(-3deg); } section.panList2 .bg .block .image.aa span:hover { width: 240px; height: 240px; background: url("../img/top/creambun02.jpg"); background-size:cover; } section.panList2 .bg .block .name.aa { top: -20px; left: 14%; } section.panList2 .bg .block .hash.aa { top: -30px; left: 29%; } section.panList2 .bg .block .image.bb { top: 130px; left: 41%; } section.panList2 .bg .block .image.bb span { width: 340px; height: 240px; background: url("../img/top/anbun.jpg"); background-size:cover; transform: rotate(4deg); } section.panList2 .bg .block .image.bb span:hover { width: 340px; height: 240px; background: url("../img/top/anbun02.jpg"); background-size:cover; } section.panList2 .bg .block .name.bb { top: 120px; left: 60%; } section.panList2 .bg .block .hash.bb { top: 220px; left: 23%; } section.panList2 .bg .block .image.cc { top: 80px; right: 4%; text-align: right; } section.panList2 .bg .block .image.cc span { width: 250px; height: 250px; background: url("../img/top/nejineji.jpg"); background-size:cover; transform: rotate(-6deg); } section.panList2 .bg .block .image.cc span:hover { width: 250px; height: 250px; background: url("../img/top/nejineji02.jpg"); background-size:cover; } section.panList2 .bg .block .name.cc { top: 220px; right: 20%; } section.panList2 .bg .block .hash.cc { top: -40px; right: 15%; } section.panList2 .bg .block .image.dd { top: 400px; left: 9%; } section.panList2 .bg .block .image.dd span { background: url("../img/top/breassan.jpg"); background-size:cover; transform: rotate(4deg); } section.panList2 .bg .block .image.dd span:hover { background: url("../img/top/breassan02.jpg"); background-size:cover; } section.panList2 .bg .block .name.dd { top: 600px; left: 28%; } section.panList2 .bg .block .hash.dd { top: 460px; left: 35%; } section.panList2 .bg .block .image.ee { top: 450px; right: 15%; } section.panList2 .bg .block .image.ee span { background: url("../img/top/kamo.jpg"); background-size:cover; transform: rotate(-4deg); } section.panList2 .bg .block .image.ee span:hover { background: url("../img/top/kamo02.jpg"); background-size:cover; } section.panList2 .bg .block .name.ee { top: 480px; left: 50%; } section.panList2 .bg .block .hash.ee { top: 520px; right: 5%; } section.panart { padding-bottom: 60px; } section.panart .bg { background: #365C92; padding: 120px 0 160px; text-align: center; } section.panart .bg .catch { margin-top: 80px; font-size: 14px; color: #eee; letter-spacing: 2px; } section.panart .bg .title { margin-top: 15px; font-size: 20px; color: #eee; letter-spacing: 4px; } section.panart .slider-pro { margin-top: -80px; } section.panart .slider-pro img.sp-image.pc { display: block; } section.panart .slider-pro img.sp-image.sp { display: none; } section.panart .slider-pro img.sp-image:hover { cursor: pointer; transition-duration: 1s; } section.panart .slider-pro img.sp-thumbnail:hover { cursor: pointer; opacity: 0.7; transition-duration: 1s; } section.panart .slider-pro .contents .lead { padding: 10px 50px; background: #fff; font-size: 16px; line-height: 1.5; text-align: center; letter-spacing: 2px; border-radius: 15px; box-shadow: 10px 10px 14px rgba(0,0,0,0.1); } section.panart .slider-pro .contents .lead { position: absolute; top: 220px; top: 80%; left: 50%; margin-left: -202px; font-size: 14px; z-index: 9999; } section.panart .slider-pro .contents .lead2 { margin-left: -186px; } section.panart .slider-pro .contents .lead3 { margin-left: -154px; } section.panart .slider-pro .contents .lead4 { margin-left: -180px; } section.panart .slider-pro .contents .lead span { display: block; font-size: 18px; } section.panart .slider-pro .sp-image-container { border-top-left-radius: 15px!important; border-top-right-radius: 15px!important; } section.panart .sp-horizontal .sp-previous-arrow { top: 20px; } section.panart .sp-horizontal .sp-next-arrow { top: 20px; } section.yakigashitime.pc { height: 1700px; display: block; } section.yakigashitime.sp { display: none; } section.yakigashitime .bg { background: #666666; padding: 120px 0 160px; text-align: center; } section.yakigashitime .bg .catch { margin-top: 80px; font-size: 14px; color: #eee; letter-spacing: 2px; } section.yakigashitime .bg .title { margin-top: 15px; font-size: 20px; color: #eee; letter-spacing: 4px; } section.yakigashitime .panpc { position: relative; } section.yakigashitime .contents.Left { position: absolute; top: -100px; left: 50%; margin-left: -340px; } section.yakigashitime .contents.Right { position: absolute; top: -100px; right: 50%; margin-right: -390px; } section.yakigashitime .contents.Left .image { } section.yakigashitime .contents.Left .image span { display: inline-block; width: 280px; height: 280px; background: url("../img/top/yakigashi01.jpg"); background-size:cover; } section.yakigashitime .contents.Left .image span:hover { background: url("../img/top/yakigashi01_01.jpg"); background-size:cover; cursor: pointer; transition-duration: 1s; } section.yakigashitime .contents.Right .image { width: 430px; } section.yakigashitime .contents.Right .image span { display: inline-block; width: 430px; height: 280px; background: url("../img/top/yakigashi02.jpg"); background-size:cover; } section.yakigashitime .contents.Right .image span:hover { background: url("../img/top/yakigashi02_01.jpg"); background-size:cover; cursor: pointer; transition-duration: 1s; } section.yakigashitime .contents .lead { padding: 15px 30px; background: #fff; font-size: 14px; line-height: 2; letter-spacing: 2px; border-radius: 15px; box-shadow: 10px 10px 14px rgba(0,0,0,0.1); } section.yakigashitime .contents.Right .lead { position: absolute; top: 240px; right: 20px; margin-left: -60px; } section.yakigashitime .contents .text { margin-top: 45px; font-size: 11px; letter-spacing: 1px; line-height: 2; color: #eee; text-align: center; } section.yakigashitime .block { position: relative; width: auto; } section.yakigashitime .block .image { position: absolute; } section.yakigashitime .block .image span { display: inline-block; width: 240px; height: 240px; background-size:cover; border-radius: 15px; } section.yakigashitime .block .image span:hover { cursor: pointer; transition-duration: 1s; } section.yakigashitime .block .name { position: absolute; background: #fff; padding: 14px 30px; font-size: 16px; line-height: 1.75; text-align: center; letter-spacing: 3px; border-radius: 26px; box-shadow: 10px 10px 14px rgba(0,0,0,0.1); z-index: 100; font-family: 'Senobi-Gothic',serif; -webkit-font-smoothing: antialiased; } section.yakigashitime .block .hash { position: absolute; font-size: 13px; color: #0C67BF; line-height: 2; letter-spacing: 3px; } section.yakigashitime .block .image span { transition-duration: 1s; } section.yakigashitime .block .image.aa { top: 370px; left: 8%; } section.yakigashitime .block .image.aa span:first-child { background: url("../img/top/guimauve.jpg"); background-size:cover; } section.yakigashitime .block .image.aa span:first-child:hover { background: url("../img/top/guimauve02.jpg"); background-size:cover; } section.yakigashitime .block .image.aa span { margin-left: 20px; background: url("../img/top/guimauve03.jpg"); background-size:cover; } section.yakigashitime .block .image.aa span:hover { background: url("../img/top/guimauve04.jpg"); background-size:cover; } section.yakigashitime .block .name.aa { top: 580px; left: 12%; } section.yakigashitime .block .hash.aa { top: 660px; left: 15%; } section.yakigashitime .block .image.bb { top: 370px; right: 8%; } section.yakigashitime .block .image.bb span:first-child { background: url("../img/top/loche.jpg"); background-size:cover; } section.yakigashitime .block .image.bb span:first-child:hover { background: url("../img/top/loche02.jpg"); background-size:cover; } section.yakigashitime .block .image.bb span { margin-left: 20px; background: url("../img/top/loche03.jpg"); background-size:cover; } section.yakigashitime .block .image.bb span:hover { background: url("../img/top/loche04.jpg"); background-size:cover; } section.yakigashitime .block .name.bb { top: 580px; right: 15%; } section.yakigashitime .block .hash.bb { top: 660px; right: 23%; } section.yakigashitime .block .image.cc { top: 800px; left: 8% } section.yakigashitime .block .image.cc span:first-child { background: url("../img/top/pupupurin.jpg"); background-size:cover; } section.yakigashitime .block .image.cc span:first-child:hover { background: url("../img/top/pupupurin02.jpg"); background-size:cover; } section.yakigashitime .block .image.cc span { margin-left: 20px; background: url("../img/top/pupupurin03.jpg"); background-size:cover; } section.yakigashitime .block .image.cc span:hover { background: url("../img/top/pupupurin04.jpg"); background-size:cover; } section.yakigashitime .block .name.cc { top: 1010px; left: 12%; } section.yakigashitime .block .hash.cc { top: 1090px; left: 30%; } section.yakigashitime .block .image.dd { top: 800px; right: 8%; } section.yakigashitime .block .image.dd span:first-child { background: url("../img/top/creamcheesepurin.jpg"); background-size:cover; } section.yakigashitime .block .image.dd span:first-child:hover { background: url("../img/top/creamcheesepurin02.jpg"); background-size:cover; } section.yakigashitime .block .image.dd span { margin-left: 20px; background: url("../img/top/creamcheesepurin03.jpg"); background-size:cover; } section.yakigashitime .block .image.dd span:hover { background: url("../img/top/creamcheesepurin04.jpg"); background-size:cover; } section.yakigashitime .block .name.dd { top: 1010px; right: 15%; } section.yakigashitime .block .hash.dd { top: 1090px; right: 12%; } section.shop { margin: 0 auto; width: 900px; text-align: center; } section.shop .logo { margin: 0 auto; width: 400px; padding: 60px 0; background-image:url("../img/top/shop_back.png"); background-size: cover;} section.shop .logo img { width: 50%; text-align: center; } section.shop .logo .wa { font-size: 14px; margin: 10px 0 0 10px; letter-spacing: 15px; } section.shop .catch { margin-top: 60px; font-size: 12px; letter-spacing: 2px; } section.shop .title { margin-top: 15px; padding-bottom: 60px; font-size: 18px; letter-spacing: 4px; } section.shop .table { display: table; width: 100%; border-top: 2px dotted #365C92; padding-top: 60px; } section.shop .table + .table { margin-top: 60px; border-color: #10A4AE; } section.shop .table + .table + .table { margin-top: 60px; border-color: #FF8C75; } section.shop .table .info { display: table-cell; width: 70%; margin-top: 40px; vertical-align: top; } section.shop .table .info .text { padding-left: 220px; text-indent: -88px; font-size: 14px; line-height: 2; letter-spacing: 2px; text-align: left; } section.shop .table .info .textSP { display: none; } section.shop .table .info .text a { color: #0C67BF; } section.shop .table .info .text a:hover { opacity: 0.7; transition-duration: 1s; } section.shop .table .info .subTitle { display: inline-block; width: 80px; text-decoration: underline; } section.shop .table .mapPC { display: table-cell; width: auto; vertical-align: top; } section.shop .table .mapPC a { display: inline-block; } section.shop .table .mapPC a img { vertical-align: middle; } section.shop .table .mapPC a:hover img.insta { width: 45%; opacity: 0.8; } section.shop #shop02 { padding-top: 60px; } section.shop #shop03 { padding-top: 60px; } section.link { height: 400px; text-align: center; background: #fff; } section.link a { margin-top: 150px; display: inline-block; font-size: 16px; text-decoration: underline; letter-spacing: 2px; } section.link a:hover { font-size: 18px; cursor: pointer; transition-duration: 1s; } section.scene { position: relative; margin-top: -50px; position: relative; height: 800px; z-index: -9999; } section.scene .text { position: absolute; top: 39%; left: 50%; margin-left: -209px; text-align: center; font-size: 26px; color: #fff; z-index: 9999; } section.scene iframe { border: none; height: 100%; margin-top: -100px; top: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } section.scene .moviePC { display: block; } section.scene .movieSP { display: none; } section.copy { position: relative; margin-top: -200px; background: #fff; height: 200px; padding-bottom: 250px; } section.copy span.text { display: inline-block; margin-top: 100px; color: #fff; } section.copy span.catch { position: absolute; left: 50%; font-size: 20px; margin-top: 100px; margin-left: -160px; } section.copy .copyright { margin-top: 200px; font-size: 14px; text-align: center; } } @media only screen and (min-width:961px) and (max-width:1140px) { /*PC、狭い*/ section.panList .bg .block .image span { width: 220px; height: 220px; } section.panList .bg .block .image.ff span { width: 220px; height: 220px; } section.panList .bg .block .image.ff span:hover { width: 200px; height: 220px; } section.panList .bg .block .hash { font-size: 12px; } section.panList2 .bg .block .image span { width: 220px!important; height: 220px!important; } section.panList2 .bg .block .image.bb span { width: 300px!important; height: 220px!important; } section.panList2 .bg .block .hash { font-size: 12px; } } @media only screen and (min-width:1131px) and (max-width:1220px) { /*PC、狭い*/ section.yakigashitime .block .image span { width: 220px; height: 220px; } } @media only screen and (min-width:1041px) and (max-width:1130px) { /*PC、狭い*/ section.yakigashitime .block .image span { width: 200px; height: 200px; } } @media only screen and (min-width:961px) and (max-width:1040px) { /*PC、狭い*/ section.yakigashitime .block .image span { width: 180px; height: 180px; } } /*@media only screen and (min-width:480px) and (max-width:960px) { /*tablet用のcssを記述*/ @media screen and (max-width:960px){ /*スマホ用のcssを記述*/ header { width: 100%; margin: 35px auto 0; height: 100px; } nav { display: block; width: 100%; text-align: center; } nav .item { display: none; } nav .logo { position: absolute; left: 50%; top: 0; margin-left: -130px; padding: 10px 30px 20px; width: auto; background: #fff; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; z-index: 1000; } nav .logo { width: 210px; } nav .logo .wa { font-size: 14px; margin: 10px 0 0 10px; letter-spacing: 15px; text-align: center; } section.visual { display: block; padding: 0 10px; } section.visual .lead { position: relative; padding: 20px 10px 20px; background: #fff; font-size: 12px; line-height: 2; text-align: center; letter-spacing: 2px; border-radius: 8px; box-shadow: 6px 6px 20px rgba(150,150,150,0.3); } section.visual .lead span { display: block; } section.visual .lead .subLeft { position: absolute; top: -80px; left: -45px; } section.visual .lead .subLeft img { width: 60%; z-index: 9999; } section.visual .lead .subRight { position: absolute; top: -80px; right: -45px; } section.visual .lead .subRight img { width: 60%; z-index: 9999; } section.visual main { padding: 0 10px; } section.visual main .pc { display: none; } section.visual main .imageSp { display: block; } section.visual main .imageSp .item img { width: 100%; height: auto; } section.concept { margin-top: 50px; } section.concept .kaiwaLeft { display: table; width: 100%; margin-top: 20px; } section.concept .kaiwaLeft .image { display: table-cell; width: 20%; vertical-align: top; } section.concept .kaiwaLeft .leadBlock { display: table-cell; vertical-align: middle; } section.concept .kaiwaLeft .lead { display: table-cell; background: #fff; padding: 15px; font-size: 14px; line-height: 2; letter-spacing: 2px; border-radius: 0 8px 8px 8px; box-shadow: 6px 6px 20px rgba(150,150,150,0.3); } section.concept .kaiwaLeft .lead span, section.concept .kaiwaRight .lead span { display: block; } section.concept .kaiwaRight { display: table; width: 100%; margin-top: 20px; } section.concept .kaiwaRight .leadBlock { display: table-cell; position: absolute; vertical-align: middle; } section.concept .kaiwaRight .lead { display: inline-block; background: #fff; padding: 15px 15px 15px 30px; font-size: 13px; line-height: 1.75; letter-spacing: 2px; border-radius: 0 8px 8px 8px; box-shadow: 6px 6px 20px rgba(150,150,150,0.3); } section.concept .kaiwaRight .image { display: table-cell; width: 30%; padding-right: 10px; vertical-align: top; } section.concept .image { transform: rotate(-4deg); } section.concept .block .kaiwaLeft .lead.pc { display: none; } section.concept .block .kaiwaRight .lead.pc { display: none; } section.concept .block .kaiwaLeft .lead.sp { display: block; } section.concept .block .kaiwaLeft .lead.sp2 { display: inline-block; margin-top: 10px; } section.concept .block .kaiwaRight .lead.sp { display: block; } section.concept .block .kaiwaRight.sp { position: relative; display: block; } section.concept .block .kaiwaRight.sp .lead.sp { margin-top: 30px; } section.concept .block .kaiwaRight.sp .image.sp { display: inline-block; position: absolute; top: -20px; right: 0; } section .copy { position: relative; margin-top: 60px; } section .copy .lead { padding: 15px; font-size: 12px; line-height: 1.75; letter-spacing: 2px; border-radius: 0 8px 8px 8px; box-shadow: 6px 6px 20px rgba(150,150,150,0.3); } section .copy .image { position: absolute; right: 10px; top: -50px; width: 28%; } section.shopinfo { margin-top: 60px; } section.shopinfo main { } section.shopinfo main .pc { display: none; } section.shopinfo main .sp .area .item { display: inline-block; padding-bottom: 30px; text-align: center; } section.shopinfo main .sp .area .item .title { margin-top: 30px; font-size: 15px; line-height: 1.5; color: #fff; letter-spacing: 2px; } section.shopinfo main .sp .area .item .text { margin-top: 20px; font-size: 13px; line-height: 1.5; color: #fff; letter-spacing: 2px; } section.shopinfo main .sp .area .item01 { background: #365C92; } section.shopinfo main .sp .area .item02 { background: #10A4AE; } section.shopinfo main .sp .area .item03 { background: #FF8C75; } section.shopinfo main .sp .area .item01 .img { background-image: url(../img/top/shopinfo01_sp.png); background-size: cover; height: 250px; } section.shopinfo main .sp .area .item02 .img { background-image: url(../img/top/shopinfo02_sp.png); background-size: cover; height: 250px; } section.shopinfo main .sp .area .item03 .img { background-image: url(../img/top/shopinfo03_sp.png); background-size: cover; height: 250px; } section.shopinfo main .sp .area .item .img span { display: block; padding-top: 60px; } section.shopinfo main .sp .area .item .img img { border-radius: 15px; } section.pantime {} section.pantime .bg { background: #365C92; padding: 120px 0 160px; } section.pantime .bg .catch { font-size: 12px; color: #eee; font-weight: normal; letter-spacing: 2px; text-align: center; } section.pantime .bg .title { margin-top: 15px; font-size: 18px; color: #eee; letter-spacing: 4px; text-align: center; } section.pantime .panpc { display: none; } section.pantime .pansp { display: block; } section.pantime .contents { position: relative; } section.pantime .contents .image { position: absolute; top: -220px; left: 50%; margin-left: -160px; width: 80%; } section.pantime .contents .lead { position: absolute; padding: 10px 20px; background: #fff; font-size: 16px; line-height: 1.5; text-align: center; letter-spacing: 2px; border-radius: 12px; box-shadow: 10px 10px 14px rgba(0,0,0,0.1); } section.pantime .contents.aa .lead { top: -35px; left: 50%; margin-left: -140px; z-index: 9999; } section.pantime .contents.bb .lead { top: -40px; left: 50%; margin-left: -99px; z-index: 9999; } section.pantime .contents .lead span { display: block; font-size: 13px; margin-top: 5px; } section.pantime .text { background: #365C92; font-size: 11px; letter-spacing: 1px; line-height: 2; color: #eee; text-align: center; } section.pantime .text.aa { margin-top: 91px; padding: 50px 0 20px; } section.pantime .text.bb { margin-top: 10px; padding: 25px 0 20px; } section.pantime .normal { } section.pantime .image { width: 68%; margin: 20px auto 0; } section.panList.pc { display: none; } section.panList.sp { display: block; } section.panList { margin-top: 120px; } section.panList .bg { background: #365C92; height: 1350px; } section.panList .bg .block { position: relative; width: auto; } section.panList .bg .block .image { position: absolute; width: 45%; } section.panList .bg .block .image span { display: inline-block; width: 180px; height: 180px; background-size:cover; border-radius: 15px; } section.panList .bg .block .name { position: absolute; background: #fff; padding: 10px 20px; font-size: 15px; line-height: 1.75; text-align: center; letter-spacing: 3px; border-radius: 26px; box-shadow: 10px 10px 14px rgba(0,0,0,0.1); z-index: 100; font-family: 'Senobi-Gothic',serif; -webkit-font-smoothing: antialiased; } section.panList .bg .block .hash { position: absolute; font-size: 12px; color: #eee; line-height: 1.75; letter-spacing: 3px; } section.panList .bg .block .image.aa { top: -40px; left: -10px; } section.panList .bg .block .image.aa span { background: url("../img/top/nantel.jpg"); background-size:cover; transform: rotate(-3deg); } section.panList .bg .block .name.aa { top: -20px; left: 100px; } section.panList .bg .block .hash.aa { top: 160px; left: 30px; } section.panList .bg .block .image.bb { top: 0; right: -30px; } section.panList .bg .block .image.bb span { background: url("../img/top/focaccia.jpg"); background-size:cover; transform: rotate(7deg); } section.panList .bg .block .name.bb { top: 100px; right: 50px; } section.panList .bg .block .hash.bb { top: 200px; right: 10px; } section.panList .bg .block .image.cc { top: -40px; left: -10px; } section.panList .bg .block .image.cc span { background: url("../img/top/kouignamann.jpg"); background-size:cover; transform: rotate(4deg); } section.panList .bg .block .name.cc { top: 80px; left: 20px; } section.panList .bg .block .hash.cc { top: 160px; left: 20px; } section.panList .bg .block .image.dd { top: 0; right: -10px; } section.panList .bg .block .image.dd span { background: url("../img/top/paysanne.jpg"); background-size:cover; transform: rotate(-2deg); } section.panList .bg .block .name.dd { top: 30px; right: 80px; } section.panList .bg .block .hash.dd { top: 200px; right: 20px; } section.panList .bg .block .image.ee { top: -40px; left: -10px; } section.panList .bg .block .image.ee span { background: url("../img/top/paindemie.jpg"); background-size:cover; transform: rotate(-4deg); } section.panList .bg .block .name.ee { top: -10px; left: 90px; } section.panList .bg .block .hash.ee { top: 160px; left: 30px; } section.panList .bg .block .image.ff { top: 0; right: -10px; } section.panList .bg .block .image.ff span { background: url("../img/top/galette.jpg"); background-size:cover; transform: rotate(4deg); } section.panList .bg .block .name.ff { top: 70px; right: 80px; } section.panList .bg .block .hash.ff { top: 200px; right: 10px; } section.panList .bg .block .image.gg { top: -40px; left: -10px; } section.panList .bg .block .image.gg span { background: url("../img/top/stollen.jpg"); background-size:cover; transform: rotate(-4deg); } section.panList .bg .block .name.gg { top: 120px; left: 20px; } section.panList .bg .block .hash.gg { top: 180px; left: 20px; } section.panList .bg .block .image.hh { top: 0; right: -10px; } section.panList .bg .block .image.hh span { background: url("../img/top/papapadog.jpg"); background-size:cover; transform: rotate(4deg); } section.panList .bg .block .name.hh { top: 30px; right: 60px; } section.panList .bg .block .hash.hh { top: 260px; right: 10px; } section.sns { padding: 100px 15px; background-image:url("../img/top/sns_back.png"); background-size: cover; } section.sns .lead { position: static; padding: 15px 10px 20px; background: #fff; font-size: 12px; line-height: 2; text-align: center; letter-spacing: 2px; border-radius: 15px; box-shadow: 6px 6px 20px rgba(150,150,150,0.3); } section.sns .lead em { display: block; font-size: 16px; margin-top: 5px; text-decoration: underline; } section.sns .lead .hash { display: inline-block; font-size: 11px; margin-top: 5px; color: #0C67BF; } section.sns .lead .snsIcon { display: table; margin: 15px auto 0; text-align: center; } section.sns .lead .snsIcon a { display: table-cell; width: 50%; vertical-align: middle; } section.sns .lead .snsIcon a img { height: 85px; } section.sns .lead .snsIcon .empty { display: table-cell; width: 15%; vertical-align: middle; } section.panList2.pc { display: none; } section.panList2.sp { display: block; } section.panList2 { margin-top: 80px; height: 940px; } section.panList2 .block { position: relative; width: auto; } section.panList2 .block .image { position: absolute; width: 45%; } section.panList2 .block .image span { display: inline-block; width: 180px; height: 180px; background-size:cover; border-radius: 15px; } section.panList2 .block .name { position: absolute; background: #fff; padding: 10px 20px; font-size: 14px; line-height: 1.75; text-align: center; letter-spacing: 3px; border-radius: 26px; box-shadow: 10px 10px 14px rgba(0,0,0,0.1); z-index: 100; font-family: 'Senobi-Gothic',serif; -webkit-font-smoothing: antialiased; } section.panList2 .block .hash { position: absolute; font-size: 12px; color: #0C67BF; line-height: 1.75; letter-spacing: 3px; } section.panList2 .block .image.aa { top: 0; left: -10px; } section.panList2 .block .image.aa span { background: url("../img/top/creambun.jpg"); background-size:cover; transform: rotate(-3deg); } section.panList2 .block .name.aa { top: 80px; left: 120px; } section.panList2 .block .hash.aa { top: 10px; right: 10px; } section.panList2 .block .image.bb { top: 180px; right: -40px; width: 220px; height: 150px; } section.panList2 .block .image.bb span { width: 220px; height: 150px; background: url("../img/top/anbun.jpg"); background-size:cover; transform: rotate(5deg); } section.panList2 .block .name.bb { top: 180px; right: 110px; } section.panList2 .block .hash.bb { top: 220px; left: 10px; } section.panList2 .block .image.cc { top: 0; left: -10px; } section.panList2 .block .image.cc span { background: url("../img/top/nejineji.jpg"); background-size:cover; transform: rotate(-4deg); } section.panList2 .block .name.cc { top: 120px; left: 150px; } section.panList2 .block .hash.cc { top: 20px; right: 10px; } section.panList2 .block .image.dd { top: 200px; right: 10px; } section.panList2 .block .image.dd span { background: url("../img/top/breassan.jpg"); background-size:cover; transform: rotate(1deg); } section.panList2 .block .name.dd { top: 230px; right: 90px; } section.panList2 .block .hash.dd { top: 220px; left: 30px; } section.panList2 .block .image.ee { top: 10px; left: -10px; } section.panList2 .block .image.ee span { background: url("../img/top/kamo.jpg"); background-size:cover; transform: rotate(4deg); } section.panList2 .block .name.ee { top: 140px; left: 90px; } section.panList2 .block .hash.ee { top: 60px; right: 10px; } section.panart .slider-pro img.sp-image.pc { display: none; } section.panart .slider-pro img.sp-image.sp { display: block; } section.panart .bg { background: #365C92; padding: 120px 0 80px; } section.panart .bg .catch { font-size: 12px; color: #eee; font-weight: normal; letter-spacing: 2px; text-align: center; } section.panart .bg .title { margin-top: 15px; font-size: 18px; color: #eee; letter-spacing: 4px; text-align: center; } section.panart .contents { position: relative; z-index: 9999; } section.panart .contents .lead { position: absolute; top: -70px; left: 50%; margin-left: -162px; padding: 10px 20px; background: #fff; font-size: 13px; line-height: 1.5; text-align: center; letter-spacing: 2px; border-radius: 12px; box-shadow: 10px 10px 14px rgba(0,0,0,0.1); } section.panart .contents .lead.lead2 { margin-left: -147px; } section.panart .contents .lead.lead3 { margin-left: -117px; } section.panart .contents .lead.lead4 { margin-left: -137px; } section.panart .contents .lead span { display: block; font-size: 16px; } section.yakigashitime.pc { display: none; } section.yakigashitime.sp { display: block; margin-top: 40px; } section.yakigashitime .bg { background: #666666; padding: 120px 0 160px; } section.yakigashitime .bg .catch { font-size: 12px; color: #eee; font-weight: normal; letter-spacing: 2px; text-align: center; } section.yakigashitime .bg .title { margin-top: 15px; font-size: 18px; color: #eee; letter-spacing: 4px; text-align: center; } section.yakigashitime .contents { position: relative; } section.yakigashitime .contents .image { position: absolute; top: -120px; left: 0; width: 65%; } section.yakigashitime .contents .image span { display: inline-block; width: 260px; height: 260px; background: url("../img/top/yakigashi01.jpg"); background-size:cover; } section.yakigashitime .contents .lead { position: absolute; padding: 10px 20px; background: #fff; font-size: 16px; line-height: 1.5; text-align: center; letter-spacing: 2px; border-radius: 12px; box-shadow: 10px 10px 14px rgba(0,0,0,0.1); } section.yakigashitime .contents.aa .lead { top: -30px; right: 40px; } section.yakigashitime .contents.bb .lead { top: 20px; right: -10px; padding: 15px 20px; background: #fff; font-size: 12px; line-height: 2; text-align: left; letter-spacing: 2px; border-radius: 15px; box-shadow: 6px 6px 20px rgba(150,150,150,0.3); z-index: 9999; } section.yakigashitime .block .image { margin-top: 150px; } section.yakigashitime .block .image span { display: inline-block; width: 100%; height: 260px; background: url("../img/top/yakigashi02.jpg"); background-size:cover; } section.yakigashitime .yakigashiBlock { display: table; margin-top: 20px; padding: 0 10px; } section.yakigashitime .yakigashiBlock .image { position: relative; display: table-cell; width: 49%; vertical-align: top; } section.yakigashitime .yakigashiBlock .image .name { position: absolute; background: #fff; padding: 10px 20px; font-size: 14px; line-height: 1.75; text-align: center; letter-spacing: 3px; border-radius: 26px; box-shadow: 10px 10px 14px rgba(0,0,0,0.1); z-index: 100; font-family: 'Senobi-Gothic',serif; -webkit-font-smoothing: antialiased; } section.yakigashitime .yakigashiBlock .image .text { display: inline-block; margin-top: 10px; padding-left: 10px; font-size: 12px; color: #0C67BF; line-height: 1.75; text-align: left; } section.yakigashitime .yakigashiBlock .empty { display: table-cell; width: 2%; vertical-align: top; } section.yakigashitime .yakigashiBlock .image span.img { display: inline-block; width: 170px; height: 170px; background-size:cover; border-radius: 15px; } section.yakigashitime .yakigashiBlock .image.aa span.img { background: url("../img/top/guimauve.jpg"); background-size:cover; } section.yakigashitime .yakigashiBlock .name.aa { bottom: 30px; left: 20px; } section.yakigashitime .yakigashiBlock .image.bb span.img { background: url("../img/top/guimauve03.jpg"); background-size:cover; } section.yakigashitime .yakigashiBlock .image.cc span.img { background: url("../img/top/loche.jpg"); background-size:cover; } section.yakigashitime .yakigashiBlock .name.dd { bottom: 50px; left: 40px; } section.yakigashitime .yakigashiBlock .image.dd span.img { background: url("../img/top/loche03.jpg"); background-size:cover; } section.yakigashitime .yakigashiBlock .image.ee span.img { background: url("../img/top/pupupurin.jpg"); background-size:cover; } section.yakigashitime .yakigashiBlock .name.ee { bottom: 50px; left: 20px; } section.yakigashitime .yakigashiBlock .image.ff span.img { background: url("../img/top/pupupurin03.jpg"); background-size:cover; } section.yakigashitime .yakigashiBlock .image.gg span.img { background: url("../img/top/creamcheesepurin.jpg"); background-size:cover; } section.yakigashitime .yakigashiBlock .image.hh span.img { background: url("../img/top/creamcheesepurin03.jpg"); background-size:cover; } section.yakigashitime .yakigashiBlock .name.hh { bottom: 20px; left: 15px; } section.shop { margin-top: 80px; text-align: center; } section.shop .logo { padding: 60px 0; background-image:url("../img/top/shop_back.png"); background-size: cover; } section.shop .logo img { width: 50%; text-align: center; } section.shop .logo .wa { font-size: 14px; margin: 10px 0 0 10px; letter-spacing: 15px; } section.shop .catch { margin-top: 60px; font-size: 12px; letter-spacing: 2px; } section.shop .title { margin-top: 15px; font-size: 18px; letter-spacing: 4px; padding-bottom: 40px; } section.shop .table { position: relative; } section.shop .table .info { margin-top: 40px; padding: 0 20px; } section.shop .table .info .subTitle { display: block; margin-top: 30px; font-size: 14px; letter-spacing: 2px; text-decoration: underline; text-align: left; } section.shop .table .info .text { margin-top: 10px; font-size: 13px; line-height: 2; letter-spacing: 2px; text-align: left; } section.shop .table .info .text a { display: block; color: #0C67BF; font-size: 12px; } section.shop .table .info .text .hosoku { font-size: 12px; } section.shop .table .mapPC { display: none; } section.shop .table .map a { } section.shop .table .map img { } section.shop #shop02 { padding-top: 0px; } section.shop #shop03 { padding-top: 0px; } section.link { margin-top: 100px; text-align: center; } section.link a { font-size: 16px; line-height: 1.75; text-decoration: underline; letter-spacing: 2px; } section.link a:hover { opacity: 0.7; cursor: pointer; } section.link a span { display: block; } section.scene .moviePC { display: none; } section.scene .movieSP { display: block; margin-top: 60px; height: 500px; overflow: hidden; } section.scene .movieSP video { width: 100%; margin-top: -80px; } section.copy { margin-top: 60px; text-align: center; } section.copy .text { display: block; color: #fff; } section.copy .catch { display: block; font-size: 16px; line-height: 1.75; letter-spacing: 2px; } section.copy .copyright { margin-top: 100px; padding-bottom: 100px; font-size: 14px; text-align: center; }