@charset "UTF-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.visibilittyHidden {
position: absolute!important;
display: block!important;
overflow: hidden!important;
clip: rect(0 0 0 0) !important;
margin: -1px !important;
padding: 0!important;
width: 1px!important;
height: 1px!important;
border: 0!important;
}
html {
width: 100%;
height: 100%;
}
body {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
width: 100%;
color: #000;
background-color: #FFF;
overflow-x: hidden;
font-size: 16px;
}
body.is--open {
overflow: hidden;
overscroll-behavior: none;
touch-action: none;
-ms-touch-action: none;
-ms-scroll-chaining: none;
-webkit-overflow-scrolling: none;
}
@media screen and (max-width: 768px) {
body {
width: 100vw;
overflow-x: hidden;
}
}
a {
text-decoration: none;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
color: #000;
outline: none;
}
a:hover {
opacity: 0.8;
}
figure img {
display: block;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
outline: none !important;
}
.sp-show {
display: none !important;
}
.sp-hide {
display: block !important;
}
@media screen and (max-width: 768px) {
.sp-show {
display: block !important;
}
.sp-hide {
display: none !important;
}
} .m-btn-totop {
display: none;
width: 4.73684211vw;
height: 4.73684211vw;
cursor: pointer;
background: url(//tomcatbakery.jp/assets/img/bg_btn_totop.svg) no-repeat;
position: fixed;
z-index: 2000;
right: 0;
bottom: 10.52631579vw;
}
@media screen and (max-width: 768px) {
.m-btn-totop {
width: 10.66666667vw;
height: 10.66666667vw;
bottom: 53.33333333vw;
}
} .m-cbox-element {
display: none;
}
#cboxOverlay {
background: none !important;
}
#cboxTitle {
display: none !important;
}
#cboxClose {
width: 3.15789474vw !important;
height: 3.15789474vw !important;
background-image: url(//tomcatbakery.jp/assets/img/ico_close.svg) !important;
background-size: 100% 100% !important;
top: 2.63157895vw !important;
right: 3.15789474vw !important;
}
@media screen and (max-width: 768px) {
#cboxClose {
width: 6.66666667vw !important;
height: 6.66666667vw !important;
top: 7.33333333vw !important;
right: 5.33333333vw !important;
}
}
#cboxPrevious {
width: 2.10526316vw !important;
height: 4.21052632vw !important;
background-image: url(//tomcatbakery.jp/assets/img/ico_left.svg) !important;
background-size: 100% 100% !important;
left: 3.15789474vw !important;
}
@media screen and (max-width: 768px) {
#cboxPrevious {
width: 3.33333333vw !important;
height: 7.33333333vw !important;
top: 43.06666667vw !important;
left: 5.33333333vw !important;
}
}
#cboxNext {
width: 2.10526316vw !important;
height: 4.21052632vw !important;
background-image: url(//tomcatbakery.jp/assets/img/ico_right.svg) !important;
background-size: 100% 100% !important;
right: 3.15789474vw !important;
}
@media screen and (max-width: 768px) {
#cboxNext {
width: 3.33333333vw !important;
height: 7.33333333vw !important;
top: 43.06666667vw !important;
right: 5.33333333vw !important;
}
}
@font-face {
font-family: 'HuiFontP29';
font-style: normal;
font-weight: 500;
src: url(//tomcatbakery.jp/assets/font/HuiFontP29.eot);
src: url(//tomcatbakery.jp/assets/font/HuiFontP29.eot?#iefix) format('embedded-opentype'), url(//tomcatbakery.jp/assets/font/HuiFontP29.ttf) format('truetype'), url(//tomcatbakery.jp/assets/font/HuiFontP29.woff) format('woff');
}
@font-face {
font-family: 'sanakaku';
font-style: normal;
font-weight: 500;
src: url(//tomcatbakery.jp/assets/font/sanakaku.eot);
src: url(//tomcatbakery.jp/assets/font/sanakaku?#iefix) format('embedded-opentype'), url(//tomcatbakery.jp/assets/font/sanakaku.ttf) format('truetype'), url(//tomcatbakery.jp/assets/font/sanakaku.woff) format('woff');
}  .header {
width: 100%;
height: 7.36842105vw;
background-color: #FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 3000;
}
.header .header-logo {
margin: 1.05263158vw 0 0 6.31578947vw;
}
.header .header-logo a {
display: block;
width: 14.73684211vw;
height: 3.68421053vw;
background: url(//tomcatbakery.jp/assets/img/logo_header.svg) no-repeat;
background-size: 100% 100%;
}
.header .header-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
background-color: #FFF;
text-align: center;
}
.header .header-nav li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
margin: 0 4.73684211vw 0 0;
color: #251E1C;
font-size: 1.36842105vw;
font-family: 'Oswald', sans-serif;
position: relative;
cursor: pointer;
z-index: 5000;
}
.header .header-nav li:after {
display: none;
content: '';
width: 5.26315789vw;
height: 0.42105263vw;
background-color: #251E1C;
position: absolute;
bottom: 0;
left: 50%;
margin: 0 0 0 calc(-2.63157895vw);
z-index: 10;
}
.header .header-nav li:hover:after {
display: block;
}
.header .header-nav li .ja {
font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
font-size: 0.84210526vw;
letter-spacing: 0.025em;
margin: 0.63157895vw 0 0;
}
.header .header-nav li a {
color: #251E1C;
font-size: 1.36842105vw;
font-family: 'Oswald', sans-serif;
}
.header .header-nav li > a {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.header .header-nav li .header-nav-sub {
display: none;
position: absolute;
padding: 1.57894737vw 3.15789474vw;
background-color: #FFF;
top: 7.36842105vw;
right: -50%;
margin: 0 0 0 calc(-2.63157895vw);
z-index: 4000;
}
.header .header-nav li .header-nav-sub li {
text-align: left;
margin: 0 0 1.57894737vw;
position: relative;
}
.header .header-nav li .header-nav-sub li:before {
display: block;
content: '';
width: 0.73684211vw;
height: 2px;
background-color: #251E1C;
position: absolute;
top: 0.73684211vw;
left: calc(-1.57894737vw);
z-index: 10;
}
.header .header-nav li .header-nav-sub li:hover {
padding: 0 0 0 0.52631579vw;
}
.header .header-nav li .header-nav-sub li:hover:before {
width: 1.57894737vw;
height: 1.05263158vw;
background: url(//tomcatbakery.jp/assets/img/arrow_right.svg) no-repeat;
background-size: 100% 100%;
top: 0.31578947vw;
}
.header .header-nav li .header-nav-sub li:last-of-type {
margin: 0;
}
.header .header-nav li .header-nav-sub li:after {
display: none;
}
.header .header-nav li .header-nav-sub li a {
font-family: 'Oswald', sans-serif;
font-size: 1.36842105vw;
white-space: nowrap;
}
.header .header-nav li .header-nav-sub li .ja {
font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
font-size: 0.52631579vw;
font-weight: bold;
letter-spacing: 0.25em;
margin-top: 0.52631579vw;
}
@media screen and (max-width: 768px) {
.header {
width: 100vw;
height: 29.33333333vw;
display: block;
}
.header .header-logo {
width: 100%;
height: 18.66666667vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2.66666667vw 0 0;
}
.header .header-logo a {
width: 45.06666667vw;
height: 11.33333333vw;
}
.header .header-nav {
height: 10.66666667vw;
background-color: #251e1c;
}
.header .header-nav li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
font-size: 3.73333333vw;
color: #FFF;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header .header-nav li:after {
display: block;
width: 0.26666667vw;
height: 8vw;
background-color: #FFF;
margin: 0;
top: 1.33333333vw;
left: auto;
right: 0;
}
.header .header-nav li:last-of-type:after {
display: none;
}
.header .header-nav li .ja {
font-size: 2.13333333vw;
letter-spacing: 0.15em;
margin-top: 1.33333333vw;
}
.header .header-nav li a {
color: #FFF !important;
font-size: 3.73333333vw;
}
.header .header-nav li .header-nav-sub {
width: 100vw;
background-color: #251e1c;
color: #FFF;
padding: 0;
top: 32vw;
left: 0;
margin: 0;
padding: 4.66666667vw 0;
position: fixed;
}
.header .header-nav li .header-nav-sub li {
width: auto;
margin: 0 0 5.33333333vw;
padding: 0 0 0 7.33333333vw;
display: block;
}
.header .header-nav li .header-nav-sub li:before {
width: 1.86666667vw;
top: 1.73333333vw;
left: 2vw;
background-color: #FFF;
}
.header .header-nav li .header-nav-sub li:hover {
padding: 0 0 0 0.66666667vw;
}
.header .header-nav li .header-nav-sub li:hover:before {
width: 2vw;
height: 1.33333333vw;
top: 0.4vw;
}
.header .header-nav li .header-nav-sub li a {
font-size: 3.73333333vw;
color: #FFF;
}
.header .header-nav li .header-nav-sub li .ja {
font-size: 2.13333333vw;
font-weight: bold;
letter-spacing: 0.25em;
margin-top: 1.33333333vw;
}
} .block-kv {
margin: 7.36842105vw 0 0;
width: 100vw;
height: 55.78947368vw;
position: relative;
}
.block-kv .block-kv-slide {
width: 100%;
height: 55.78947368vw;
}
.block-kv .block-kv-slide li {
width: 100%;
height: 55.78947368vw;
overflow: hidden;
}
.block-kv .block-kv-slide li img {
width: 100%;
height: 55.78947368vw;
}
.block-kv .block-kv-title {
width: 20.52631579vw;
height: 5.36842105vw;
background: url(//tomcatbakery.jp/assets/img/bg_kv_title.svg) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
z-index: 2000;
margin: calc(-2.68421053vw) 0 0 calc(-10.94736842vw);
}
@media screen and (max-width: 768px) {
.block-kv {
margin: 29.33333333vw 0 0;
height: 133.33333333vw;
}
.block-kv .block-kv-slide {
height: 133.33333333vw;
}
.block-kv .block-kv-slide li {
height: 133.33333333vw;
}
.block-kv .block-kv-slide li img {
width: 100%;
height: auto;
}
.block-kv .block-kv-title {
width: 51.33333333vw;
height: 13.33333333vw;
background: url(//tomcatbakery.jp/assets/img/bg_kv_title_sp.svg) no-repeat;
background-size: 100% 100%;
margin: calc(-10.66666667vw) 0 0 calc(-25.66666667vw);
}
} .block-about {
padding: 14.21052632vw 0 14.21052632vw;
background: url(//tomcatbakery.jp/assets/img/bg_about.png) repeat;
}
.block-about .block-about-title {
width: 15.47368421vw;
height: 5.89473684vw;
background: url(//tomcatbakery.jp/assets/img/title_about.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 3.68421053vw;
}
.block-about .block-about-subtitle {
width: 29.57894737vw;
height: 4.42105263vw;
background: url(//tomcatbakery.jp/assets/img/title_about_sub.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 2.31578947vw;
}
.block-about .block-about-txt {
text-align: center;
font-size: 1.68421053vw;
letter-spacing: 0.04em;
line-height: 2;
margin: 0 0 4.21052632vw;
}
.block-about .block-about-event {
text-align: center;
font-size: 1.57894737vw;
line-height: 2;
margin: 0 0 6.31578947vw;
}
.block-about .block-about-more {
width: 13.68421053vw;
height: 4.21052632vw;
border: 2px solid #000000;
margin: 0 auto;
}
.block-about .block-about-more a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 1.26315789vw;
font-family: 'Oswald', sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.block-about {
background-size: 100% auto;
padding: 25.33333333vw 0 24vw;
}
.block-about .block-about-title {
width: 30.8vw;
height: 12vw;
background: url(//tomcatbakery.jp/assets/img/title_about_sp.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 6.93333333vw;
}
.block-about .block-about-subtitle {
width: 69.73333333vw;
height: 9.46666667vw;
background: url(//tomcatbakery.jp/assets/img/title_about_sub_sp.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 5.33333333vw;
}
.block-about .block-about-txt {
font-size: 3.73333333vw;
line-height: 1.6;
margin: 0 0 9.33333333vw;
}
.block-about .block-about-more {
width: 32vw;
height: 9.6vw;
}
.block-about .block-about-more a {
font-size: 2.93333333vw;
}
} .block-tomcat {
width: 100%;
min-height: 47.36842105vw;
position: relative;
}
.block-tomcat:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100vh;
background: url(//tomcatbakery.jp/assets/img/bg_tomcat_area.png) center no-repeat;
background-size: cover;
}
@media screen and (max-width: 768px) {
.block-tomcat {
width: 100%;
min-height: 56vw;
position: relative;
}
.block-tomcat:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -5;
width: 100%;
height: 100vh;
background: url(//tomcatbakery.jp/assets/img/bg_tomcat_area_sp.png) center no-repeat;
background-size: cover;
}
} .block-items {
background: url(//tomcatbakery.jp/assets/img/bg_item.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.block-items:before {
display: block;
content: '';
width: 100%;
height: 47.36842105vw;
background: url(//tomcatbakery.jp/assets/img/bg_item_before.png) no-repeat;
background-size: 100% auto;
position: absolute;
top: 0;
left: 0;
z-index: 30;
}
.block-items:after {
display: block;
content: '';
width: 100%;
height: 47.36842105vw;
background: url(//tomcatbakery.jp/assets/img/bg_item_after.png) bottom right no-repeat;
background-size: 100% auto;
position: absolute;
bottom: 0;
left: 0;
z-index: 30;
}
.block-items .block-items-inner {
padding: 21.57894737vw 0 9.47368421vw;
position: relative;
z-index: 50;
}
.block-items .block-items-inner .block-items-title {
width: 13.57894737vw;
height: 5.89473684vw;
background: url(//tomcatbakery.jp/assets/img/bg_item_title.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 2.94736842vw;
padding-top: 3.15789474vw;
}
.block-items .block-items-inner .block-items-category-new {
width: 91.57894737vw;
height: 2.73684211vw;
background: url(//tomcatbakery.jp/assets/img/bg_item_title_new_pc.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 6.31578947vw;
}
.block-items .block-items-inner .block-items-category-regular {
width: 91.47368421vw;
height: 3.36842105vw;
background: url(//tomcatbakery.jp/assets/img/bg_item_title_regular_pc.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 6.31578947vw;
}
.block-items .block-items-inner .block-regular-category-tabs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.36842105vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto 4.94736842vw;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.block-items .block-items-inner .block-regular-category-tabs .tab-btn {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border: 2px solid #fff;
color: #fff;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: 'Oswald', sans-serif;
font-size: 1.89473684vw;
gap: 0.52631579vw;
height: 6.52631579vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 0.1em;
line-height: 1;
padding-top: 0.63157895vw;
-webkit-transition: 0.3s;
transition: 0.3s;
width: 21.89473684vw;
}
.block-items .block-items-inner .block-regular-category-tabs .tab-btn:hover {
opacity: 0.7;
}
.block-items .block-items-inner .block-regular-category-tabs .tab-btn .ja {
font-size: 0.84210526vw;
font-weight: 400;
margin: 0 0 0.52631579vw;
}
.block-items .block-items-inner .block-regular-category-tabs .tab-btn.is--active {
background: #fff;
color: #000;
}
.block-items .block-items-inner .block-items-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0 5.78947368vw;
width: 91.57894737vw;
margin: 0 auto;
}
.block-items .block-items-inner .block-items-contents .block-items-content {
width: 18.42105263vw;
text-align: center;
margin: 0 0 7.36842105vw;
color: #FFF;
font-size: 1.57894737vw;
}
.block-items .block-items-inner .block-items-contents .block-items-content a {
display: block;
width: 100%;
height: 100%;
color: #FFF;
padding-top: 3.15789474vw;
position: relative;
}
.block-items .block-items-inner .block-items-contents .block-items-content a figure {
width: 100%;
height: 13.68421053vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 3.15789474vw;
}
.block-items .block-items-inner .block-items-contents .block-items-content a figure img {
width: 100%;
height: auto;
}
.block-items .block-items-inner .block-items-contents .block-items-content a .pname {
margin: 0 0 1.05263158vw;
font-family: 'Oswald', sans-serif;
font-size: 1.36842105vw;
color: #CFB97F;
line-height: 1.2;
position: absolute;
left: 0;
margin: 0 auto;
right: 0;
top: 87%;
}
.block-items .block-items-inner .block-items-contents .block-items-content a .exp {
line-height: 1.2;
margin: 0 0 1.05263158vw;
}
.block-items .block-items-inner .block-items-contents .block-items-content a .category {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
aspect-ratio: 1;
background: url(//tomcatbakery.jp/assets/img/bg-regular-item_yellow.webp) no-repeat center center / cover;
color: #231815;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.26315789vw;
font-weight: bold;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
line-height: 1.2;
position: absolute;
top: 0;
width: 5.26315789vw;
z-index: 2;
}
.block-items .block-items-inner .block-items-contents .block-items-content a .category.is-new {
background: url(//tomcatbakery.jp/assets/img/bg-regular-item_red.webp) no-repeat center center / cover;
font-family: 'Oswald', sans-serif;
font-size: 1.47368421vw;
}
.block-items-lb {
background-color: rgba(37, 30, 28, 0.9);
color: #FFF;
text-align: center;
padding: 6.31578947vw 0;
}
.block-items-lb .block-items-lb-inner {
width: 42.10526316vw;
margin: 0 auto;
}
.block-items-lb .block-items-lb-inner figure {
position: relative;
width: 22.10526316vw;
height: 17.89473684vw;
margin: 0 auto 2.63157895vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block-items-lb .block-items-lb-inner figure img {
width: 100%;
height: auto;
}
.block-items-lb .block-items-lb-inner .pname {
font-family: 'Oswald', sans-serif;
font-size: 1.57894737vw;
color: #CFB97F;
margin: 0 0 1.57894737vw;
line-height: 1.4;
}
.block-items-lb .block-items-lb-inner .item_name {
font-size: 1.89473684vw;
margin: 0 0 1.05263158vw;
line-height: 1.2;
}
.block-items-lb .block-items-lb-inner .item_price {
font-size: 1.89473684vw;
margin: 0 0 2.63157895vw;
}
.block-items-lb .block-items-lb-inner .item_price span {
font-size: 1.68421053vw;
}
.block-items-lb .block-items-lb-inner .item_price .tax {
font-size: 1.15789474vw;
}
.block-items-lb .block-items-lb-inner .item_exp {
text-align: left;
font-family: 'HuiFontP29';
font-size: 1.57894737vw;
line-height: 1.4;
padding: 0 0 1.57894737vw;
margin: 0 0 1.05263158vw;
border-bottom: 2px solid #FFF;
}
.block-items-lb .block-items-lb-inner .item_allergen {
font-size: 1.26315789vw;
line-height: 1.3;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.block-items-lb .category {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
aspect-ratio: 1;
background: url(//tomcatbakery.jp/assets/img/bg-regular-item_yellow.webp) no-repeat center center / cover;
color: #231815;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.26315789vw;
font-weight: bold;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: -8.42105263vw;
line-height: 1.2;
position: absolute;
top: 0;
width: 5.26315789vw;
z-index: 2;
}
.block-items-lb .category.is-new {
background: url(//tomcatbakery.jp/assets/img/bg-regular-item_red.webp) no-repeat center center / cover;
font-family: 'Oswald', sans-serif;
font-size: 1.47368421vw;
}
@media screen and (max-width: 768px) {
.block-items {
background: url(//tomcatbakery.jp/assets/img/bg_item_sp.png) no-repeat;
background-size: 100% 100%;
}
.block-items:before {
height: 66.66666667vw;
background: url(//tomcatbakery.jp/assets/img/bg_item_before_sp.png) no-repeat;
background-size: 100% auto;
}
.block-items:after {
height: 80vw;
background: url(//tomcatbakery.jp/assets/img/bg_item_after_sp.png) bottom right no-repeat;
background-size: 100% auto;
}
.block-items .block-items-inner {
padding: 39.33333333vw 0 37.06666667vw;
}
.block-items .block-items-inner .block-items-title {
width: 32.53333333vw;
height: 12.13333333vw;
background: url(//tomcatbakery.jp/assets/img/bg_item_title_sp.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 7.73333333vw;
}
.block-items .block-items-inner .block-items-category-new {
width: 78.13333333vw;
height: 6.13333333vw;
background: url(//tomcatbakery.jp/assets/img/bg_item_title_new.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 12vw;
}
.block-items .block-items-inner .block-items-category-regular {
width: 78.13333333vw;
height: 7.73333333vw;
margin: 0 auto 12vw;
background: url(//tomcatbakery.jp/assets/img/bg_item_title_regular.svg) no-repeat;
background-size: 100% 100%;
}
.block-items .block-items-inner .block-regular-category-tabs {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.93333333vw 2.13333333vw;
margin: 0 auto 6.66666667vw;
}
.block-items .block-items-inner .block-regular-category-tabs .tab-btn {
font-size: 3.2vw;
gap: 1.33333333vw;
height: 12.53333333vw;
width: 38.66666667vw;
}
.block-items .block-items-inner .block-regular-category-tabs .tab-btn .ja {
font-size: 1.86666667vw;
}
.block-items .block-items-inner .block-items-contents {
gap: 0 6.66666667vw;
width: 84vw;
margin: 0 auto;
}
.block-items .block-items-inner .block-items-contents .block-items-content {
width: 38.66666667vw;
margin: 0 0 14.66666667vw;
font-size: 3.46666667vw;
}
.block-items .block-items-inner .block-items-contents .block-items-content a figure {
height: 37.33333333vw;
margin: 0 0 5.33333333vw;
}
.block-items .block-items-inner .block-items-contents .block-items-content a .pname {
font-size: 3.2vw;
line-height: 1,25;
margin: 0 0 2.66666667vw;
top: 95%;
}
.block-items .block-items-inner .block-items-contents .block-items-content a .exp {
line-height: 1.14;
margin: 0 0 2.66666667vw;
}
.block-items .block-items-inner .block-items-contents .block-items-content a .category {
font-size: 2.13333333vw;
height: 10.66666667vw;
line-height: 1.5;
left: 0;
top: 0;
width: 10.66666667vw;
}
.block-items .block-items-inner .block-items-contents .block-items-content a .category.is-new {
font-size: 3.73333333vw;
}
.block-items-lb {
padding: 14vw 0;
}
.block-items-lb .block-items-lb-inner {
width: 78.66666667vw;
}
.block-items-lb .block-items-lb-inner figure {
width: 56vw;
height: 56vw;
margin: 0 auto 4vw;
}
.block-items-lb .block-items-lb-inner .pname {
font-size: 3.46666667vw;
margin: 0 0 4vw;
}
.block-items-lb .block-items-lb-inner .item_name {
font-size: 4.26666667vw;
margin: 0 0 2.66666667vw;
}
.block-items-lb .block-items-lb-inner .item_price {
font-size: 6.66666667vw;
margin: 0 0 6.66666667vw;
}
.block-items-lb .block-items-lb-inner .item_price span {
font-size: 5.33333333vw;
}
.block-items-lb .block-items-lb-inner .item_price .tax {
font-size: 3.46666667vw;
}
.block-items-lb .block-items-lb-inner .item_exp {
font-size: 4vw;
padding: 0 0 3.33333333vw;
margin: 0 0 3.33333333vw;
}
.block-items-lb .block-items-lb-inner .item_allergen {
font-size: 3.2vw;
}
.block-items-lb .category {
font-size: 2.13333333vw;
height: 10.66666667vw;
line-height: 1.5;
left: 1.33333333vw;
top: 1.33333333vw;
width: 10.66666667vw;
}
.block-items-lb .category.is-new {
font-size: 3.73333333vw;
}
} .block-passion {
padding: 14.21052632vw 0 13.68421053vw;
background: #FFF url(//tomcatbakery.jp/assets/img/bg_passion.png) no-repeat;
background-size: 100% 100%;
}
.block-passion .block-passion-title {
width: 32.84210526vw;
height: 11.05263158vw;
background: url(//tomcatbakery.jp/assets/img/bg_passion_title.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 4.73684211vw;
}
.block-passion .block-passion-txt {
width: 13.68421053vw;
height: 4.21052632vw;
border: 2px solid #000000;
margin: 0 auto;
}
.block-passion .block-passion-txt a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 1.26315789vw;
font-family: 'Oswald', sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.block-passion {
padding: 18.66666667vw 0 14.66666667vw;
background: #FFF url(//tomcatbakery.jp/assets/img/bg_passion_sp.png) no-repeat;
background-size: 100% 100%;
}
.block-passion .block-passion-title {
width: 60.93333333vw;
height: 22.8vw;
background: url(//tomcatbakery.jp/assets/img/bg_passion_title_sp.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 7.33333333vw;
}
.block-passion .block-passion-txt {
width: 32vw;
height: 9.33333333vw;
}
.block-passion .block-passion-txt a {
font-size: 2.93333333vw;
}
} .block-news {
background: url(//tomcatbakery.jp/assets/img/bg_news.png) repeat;
padding: 14.21052632vw 0 14.21052632vw;
}
.block-news .block-news-title {
width: 11.15789474vw;
height: 5.89473684vw;
background: url(//tomcatbakery.jp/assets/img/bg_news_title.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 6vw;
}
.block-news .block-news-category-tabs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto 2.94736842vw;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.block-news .block-news-category-tabs .tab-btn {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border: 3px solid #000;
color: #000;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.89473684vw;
font-weight: bold;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 0.1em;
padding: 0.42105263vw 1.05263158vw;
-webkit-transition: 0.3s;
transition: 0.3s;
width: 13.89473684vw;
}
.block-news .block-news-category-tabs .tab-btn:hover {
opacity: 0.7;
}
.block-news .block-news-category-tabs .tab-btn.is--active {
background: #000;
color: #C1A477;
}
.block-news .block-news-contents {
margin: 0 auto 0;
max-width: 65.26315789vw;
width: 100%;
}
.block-news .block-news-contents-list li + li {
margin-top: 0.63157895vw;
}
.block-news .block-news-info {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0.73684211vw 0;
position: relative;
}
.block-news .block-news-info::after {
background: url(//tomcatbakery.jp/assets/img/arrow-right2.svg) no-repeat;
bottom: 0;
content: '';
display: block;
height: 1.15789474vw;
margin: auto 0;
position: absolute;
right: 0.21052632vw;
top: 0;
width: 1.15789474vw;
}
.block-news .block-news-info:hover {
opacity: 0.5;
}
.block-news .block-news-date {
font-family: 'Oswald', sans-serif;
font-size: 1.68421053vw;
margin-right: 2.52631579vw;
width: 8.42105263vw;
}
.block-news .block-news-category {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.47368421vw;
font-weight: bold;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
margin-right: 1.05263158vw;
padding: 0.31578947vw 0;
width: 7.68421053vw;
}
.block-news .block-news-ttl {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.89473684vw;
font-weight: bold;
letter-spacing: 0.025em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.block-news .block-news-month {
text-align: center;
font-family: 'Oswald', sans-serif;
font-size: 1.57894737vw;
margin: 0 0 3.68421053vw;
}
.block-news .block-news-lists {
width: 55.78947368vw;
margin: 0 auto;
}
.block-news .block-news-lists li {
margin: 0 0 3.15789474vw;
font-size: 1.57894737vw;
line-height: 1.4;
}
.block-news .block-news-lists li .block-news-listtitle {
text-align: center;
font-size: 1.89473684vw;
font-weight: bold;
margin: 0 0 2.10526316vw;
}
.block-news .block-news-lists li .block-news-content {
font-size: 1.57894737vw;
line-height: 1.6;
margin: 0 0 4.73684211vw;
}
.block-news .block-news-lists li .block-news-content strong {
font-weight: bold;
}
.block-news .block-news-lists li .block-news-content hr {
background-color: #000;
border: none;
height: 1px;
}
.block-news .block-news-lists li .block-news-content .aligncenter {
display: block;
margin: 0 auto;
}
.block-news .block-news-lists li .block-news-content img {
max-width: 100% !important;
height: auto;
display: block;
}
.block-news .block-news-lists li .block-news-content h1 {
font-weight: bold;
font-size: 3.15789474vw;
}
.block-news .block-news-lists li .block-news-content h2 {
font-weight: bold;
font-size: 2.73684211vw;
}
.block-news .block-news-lists li .block-news-content h3 {
font-weight: bold;
font-size: 2.31578947vw;
}
.block-news .block-news-lists li .block-news-content h4 {
font-weight: bold;
font-size: 1.89473684vw;
}
.block-news .block-news-lists li .block-news-content h5 {
font-weight: bold;
font-size: 1.68421053vw;
}
.block-news .block-news-lists li .block-news-content h6 {
font-weight: bold;
font-size: 1.47368421vw;
}
.block-news .block-news-lists li .block-news-pdf {
text-align: center;
}
.block-news .block-news-lists li .block-news-pdf a {
font-family: 'Oswald', sans-serif;
font-size: 1.36842105vw;
display: inline-block;
padding: 0 0 0.52631579vw;
border-bottom: 2px solid #000;
}
.block-news.detail {
padding: 13.15789474vw 0 2.84210526vw;
}
.block-news.detail .store-name {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 2.10526316vw;
font-weight: bold;
height: 3.78947368vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto 3.68421053vw;
width: 13.68421053vw;
}
.block-news.detail .block-news-info {
margin-bottom: 3.68421053vw;
padding: 1.05263158vw 0;
}
.block-news.detail .block-news-info:after {
content: none;
}
.block-news.detail .block-news-info:hover {
opacity: 1;
}
.block-news.detail .block-news-info .block-news-date {
font-size: 1.89473684vw;
font-weight: bold;
}
.block-news.detail .block-news-info .block-news-ttl {
line-height: 1.5;
text-overflow: initial;
overflow: initial;
white-space: initial;
}
.block-news.detail .contents-block > * {
margin-bottom: 2.10526316vw;
}
.block-news.detail .contents-block img {
width: 100%;
}
.block-news.detail .contents-block h2 {
font-size: 1.68421053vw;
font-weight: bold;
line-height: 1.5;
}
.block-news.detail .contents-block h3 {
font-size: 1.57894737vw;
font-weight: bold;
line-height: 1.5;
}
.block-news.detail .contents-block p {
font-size: 1.47368421vw;
font-weight: normal;
letter-spacing: 0.05em;
line-height: 1.5;
}
.block-news.detail .contents-block strong,
.block-news.detail .contents-block b {
font-weight: bold;
}
.block-news.detail .return-back {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: 'Oswald', sans-serif;
font-size: 1.47368421vw;
font-weight: bold;
height: 3.78947368vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 0.1em;
margin: 7.36842105vw auto 0;
text-transform: uppercase;
width: 13.68421053vw;
}
.block-news.detail .return-back:hover {
opacity: 0.3;
}
.block-news.detail ~ footer {
background: url(//tomcatbakery.jp/assets/img/bg_news.png) no-repeat;
background-size: cover;
}
@media screen and (max-width: 768px) {
.block-news {
background-size: 100% auto;
padding: 18.66666667vw 0 25.33333333vw;
}
.block-news .block-news-title {
background: url(//tomcatbakery.jp/assets/img/bg_news_title_sp.svg) no-repeat;
background-size: 100% 100%;
width: 20.66666667vw;
height: 12.13333333vw;
margin: 0 auto 6.4vw;
}
.block-news .block-news-category-tabs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5.06666667vw;
margin: 0 auto 10.66666667vw;
}
.block-news .block-news-category-tabs .tab-btn {
border: 1px solid #000;
font-size: 2.93333333vw;
letter-spacing: 0.2em;
padding: 1.33333333vw;
width: 21.6vw;
}
.block-news .block-news-category-tabs .tab-btn:hover {
opacity: 0.7;
}
.block-news .block-news-contents {
margin: 0 auto 0;
max-width: 78.66666667vw;
width: 100%;
}
.block-news .block-news-contents-list li + li {
margin-top: 1.06666667vw;
}
.block-news .block-news-info {
padding: 2vw 0.4vw;
}
.block-news .block-news-info:after {
height: 2vw;
right: 0;
top: 1.33333333vw;
width: 2vw;
}
.block-news .block-news-date {
font-size: 3.46666667vw;
letter-spacing: 0.025em;
line-height: 1;
margin-right: 1.33333333vw;
width: 17.33333333vw;
}
.block-news .block-news-category {
border: 1px solid #000;
font-size: 2.66666667vw;
line-height: 1;
margin-right: 2.93333333vw;
padding: 0.8vw 0;
width: 10.66666667vw;
}
.block-news .block-news-ttl {
font-size: 3.2vw;
letter-spacing: 0.025em;
}
.block-news .block-news-month {
font-size: 3.46666667vw;
margin: 0 0 7.33333333vw;
}
.block-news .block-news-lists {
width: 80vw;
}
.block-news .block-news-lists li {
margin: 0 0 8vw;
font-size: 3.46666667vw;
}
.block-news .block-news-lists li .block-news-listtitle {
font-size: 3.73333333vw;
font-weight: bold;
margin: 0 0 6vw;
}
.block-news .block-news-lists li .block-news-content {
font-size: 3.46666667vw;
line-height: 1.6;
margin: 0 0 13.33333333vw;
}
.block-news .block-news-lists li .block-news-content img {
width: 100% !important;
height: auto !important;
}
.block-news .block-news-lists li .block-news-content h1 {
font-size: 4.8vw;
}
.block-news .block-news-lists li .block-news-content h2 {
font-size: 4.4vw;
}
.block-news .block-news-lists li .block-news-content h3 {
font-size: 4vw;
}
.block-news .block-news-lists li .block-news-content h4 {
font-size: 3.73333333vw;
}
.block-news .block-news-lists li .block-news-content h5 {
font-size: 3.46666667vw;
}
.block-news .block-news-lists li .block-news-content h6 {
font-size: 3.2vw;
}
.block-news .block-news-lists li .block-news-pdf {
text-align: center;
}
.block-news .block-news-lists li .block-news-pdf a {
display: inline-block;
font-size: 2.93333333vw;
border-bottom: 2px solid #000;
padding: 0 0 1.33333333vw;
}
.block-news.detail {
padding: 44.26666667vw 0 2.66666667vw;
}
.block-news.detail .store-name {
font-size: 3.2vw;
height: 6.4vw;
margin-bottom: 4vw;
width: 21.33333333vw;
}
.block-news.detail .block-news-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 4.66666667vw;
padding: 2vw 0;
}
.block-news.detail .block-news-info .block-news-date {
font-size: 4.53333333vw;
margin-bottom: 10px;
width: 18.66666667vw;
}
.block-news.detail .block-news-info .block-news-ttl {
font-size: 4.53333333vw;
}
.block-news.detail .contents-block > * {
margin-bottom: 1.73333333vw;
}
.block-news.detail .contents-block img {
width: 100%;
}
.block-news.detail .contents-block h2 {
font-size: 4vw;
}
.block-news.detail .contents-block h3 {
font-size: 3.46666667vw;
}
.block-news.detail .contents-block p {
font-size: 3.46666667vw;
}
.block-news.detail .return-back {
font-size: 2.93333333vw;
height: 9.06666667vw;
margin-top: 10.93333333vw;
width: 32vw;
}
} .block-shop {
padding: 13.68421053vw 0 0;
background-color: #FFF;
}
.block-shop .block-shop-title {
width: 17.36842105vw;
height: 11.05263158vw;
background: url(//tomcatbakery.jp/assets/img/bg_shop_title.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 5.78947368vw;
}
.block-shop .block-shop-wrapper + .block-shop-wrapper {
margin-top: 8.42105263vw;
}
.block-shop .block-shop-inner {
width: 65.26315789vw;
margin: 0 auto;
text-align: center;
}
.block-shop .block-shop-inner figure {
width: 65.26315789vw;
margin: 0 auto 5.26315789vw;
}
.block-shop .block-shop-inner figure img {
width: 100%;
height: auto;
}
.block-shop .block-shop-inner .block-shop-name {
text-align: center;
margin: 0 auto 2.42105263vw;
padding: 0 0 1.68421053vw;
font-size: 1.89473684vw;
font-weight: bold;
border-bottom: 1px solid #000;
letter-spacing: 0.1em;
}
.block-shop .block-shop-inner .block-shop-address {
font-size: 1.57894737vw;
font-weight: bold;
margin: 0 0 0.94736842vw;
line-height: 1.4;
letter-spacing: 0.1em;
}
.block-shop .block-shop-inner .block-shop-tel {
font-family: 'Oswald', sans-serif;
font-size: 1.57894737vw;
margin: 0 0 2.73684211vw;
letter-spacing: 0.15em;
}
.block-shop .block-shop-inner .block-shop-address_en {
font-family: 'Oswald', sans-serif;
font-size: 1.57894737vw;
line-height: 1.3;
margin: 0 0 1.36842105vw;
letter-spacing: 0.15em;
}
.block-shop .block-shop-inner .block-shop-tel_en {
font-family: 'Oswald', sans-serif;
font-size: 1.57894737vw;
padding: 0 0 3.15789474vw;
margin: 0 0 1.68421053vw;
border-bottom: 1px dotted #bbb8b8;
letter-spacing: 0.15em;
}
.block-shop .block-shop-inner .block-shop-times {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px dotted #bbb8b8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 3.15789474vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 4vw;
padding-bottom: 1.78947368vw;
}
.block-shop .block-shop-inner .block-shop-times .shop-time {
font-family: 'Oswald', sans-serif;
font-size: 1.68421053vw;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.block-shop .block-shop-inner .block-shop-mail {
font-family: 'Oswald', sans-serif;
font-size: 1.57894737vw;
margin: 0 0 5.26315789vw;
padding: 0 0 2.10526316vw;
border-bottom: 2px dotted #bbb8b8;
}
.block-shop .block-shop-inner .block-shop-btn {
display: block;
width: 16.84210526vw;
height: 3.26315789vw;
border: 2px solid #000;
border-radius: 3.15789474vw;
margin: 0 auto 4vw;
background: url(//tomcatbakery.jp/assets/img/bg_btn_gmap.svg) center center no-repeat;
background-size: 6.52631579vw 1.68421053vw;
}
.block-shop .block-shop-inner .block-shop-btn.mbn {
margin: 0 auto;
}
.block-shop .block-shop-map {
height: 36.84210526vw;
}
.block-shop .block-shop-map iframe {
width: 100%;
height: 100%;
}
@media screen and (max-width: 768px) {
.block-shop {
padding: 20vw 0 8.66666667vw;
position: relative;
}
.block-shop .block-shop-title {
width: 41.73333333vw;
height: 22.8vw;
background: url(//tomcatbakery.jp/assets/img/bg_shop_title_sp.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 8vw;
}
.block-shop .block-shop-wrapper + .block-shop-wrapper {
margin-top: 10.26666667vw;
}
.block-shop .block-shop-inner {
width: 78.66666667vw;
}
.block-shop .block-shop-inner figure {
width: 78.66666667vw;
margin: 0 auto 8vw;
}
.block-shop .block-shop-inner .block-shop-name {
margin: 0 auto 5.06666667vw;
padding: 0 0 4vw;
font-size: 4.26666667vw;
}
.block-shop .block-shop-inner .block-shop-address {
font-size: 3.73333333vw;
margin: 0 0 2.66666667vw;
}
.block-shop .block-shop-inner .block-shop-tel {
font-size: 3.73333333vw;
margin: 0 0 6vw;
}
.block-shop .block-shop-inner .block-shop-address_en {
font-size: 3.73333333vw;
margin: 0 0 4vw;
}
.block-shop .block-shop-inner .block-shop-tel_en {
border-width: 2px;
font-size: 3.73333333vw;
padding: 0 0 7.33333333vw;
margin: 0 0 4vw;
}
.block-shop .block-shop-inner .block-shop-times {
border-width: 2px;
gap: 7.33333333vw;
margin: 0 0 5.6vw;
padding: 0 0 4vw;
}
.block-shop .block-shop-inner .block-shop-times .shop-time {
font-size: 3.73333333vw;
letter-spacing: 0.15em;
}
.block-shop .block-shop-inner .block-shop-mail {
font-size: 3.73333333vw;
margin: 0 0 9.33333333vw;
padding: 0 0 4vw;
}
.block-shop .block-shop-inner .block-shop-btn {
display: block;
width: 40vw;
height: 8vw;
border-radius: 4vw;
margin: 0 auto 6vw;
background-size: 15.6vw 3.86666667vw;
}
.block-shop .block-shop-map {
height: 52.66666667vw;
}
} .block-recruit {
background: url(//tomcatbakery.jp/assets/img/bg_item.png) no-repeat;
background-size: 100% 100%;
padding: 21.57894737vw 0 14.21052632vw;
position: relative;
}
.block-recruit .block-recruit-title {
width: 15.05263158vw;
height: 5.89473684vw;
background: url(//tomcatbakery.jp/assets/img/bg_recruit_title.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 5.26315789vw;
}
.block-recruit .block-recruit-txt {
color: #fff;
font-size: 1.57894737vw;
letter-spacing: 0.125em;
margin-bottom: 3.68421053vw;
text-align: center;
}
.block-recruit .block-recruit-tel-list {
margin: 0 auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.block-recruit .block-recruit-tel-list > li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.10526316vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.block-recruit .block-recruit-tel-list > li + li {
margin-top: 1.57894737vw;
}
.block-recruit .block-recruit-tel-list .shop-name {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #fff;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.89473684vw;
font-weight: bold;
height: 3.78947368vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 13.47368421vw;
}
.block-recruit .block-recruit-tel-list .tel-txt {
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 2.21052632vw;
letter-spacing: 0.125em;
text-transform: uppercase;
}
.block-recruit .block-recruit-tel-list .tel-txt > a {
color: #fff;
display: inline-block;
width: 16.31578947vw;
}
.block-contact {
background: #fff;
padding: 7.05263158vw 0 2.10526316vw;
}
.block-contact .block-contact-inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #231815;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.89473684vw; height: 19.631579vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
width: 65.26315789vw;
}
.block-contact .block-contact-txt {
color: #231815;
font-size: 1.89473684vw;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
}
.block-contact .block-contact-sub {
color: #231815;
font-size: 1.4vw;
font-weight: bold;
letter-spacing: 0.025em;
text-align: center;
}
.block-contact .block-contact-sub.red {
color: #f12805;
text-decoration: underline;
}
.block-contact .block-contact-attention {
color: #f12805;
text-decoration: underline;
font-size: 1.125vw;
}
.block-contact .block-contact-email {
color: #231815;
font-family: 'Oswald', sans-serif;
font-size: 1.68421053vw;
letter-spacing: 0.125em;
}
.block-contact .block-contact-small {
color: #231815;
font-family: 'Oswald', sans-serif;
font-size: 1.184211vw;
font-weight: 600;
transform: translateY(-9px);
}
@media screen and (max-width: 768px) {
.block-recruit {
padding: 18.93333333vw 0 19.06666667vw;
}
.block-recruit .block-recruit-title {
width: 28vw;
height: 12.13333333vw;
background: url(//tomcatbakery.jp/assets/img/bg_recruit_title_sp.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 6.66666667vw;
}
.block-recruit .block-recruit-txt {
font-size: 2.4vw;
letter-spacing: 0.025em;
line-height: 1.4;
margin-bottom: 3.73333333vw;
}
.block-recruit .block-recruit-tel-list > li {
gap: 2.4vw;
}
.block-recruit .block-recruit-tel-list > li + li {
margin-top: 2.4vw;
}
.block-recruit .block-recruit-tel-list .shop-name {
font-size: 2.66666667vw;
height: 5.06666667vw;
width: 19.2vw;
}
.block-recruit .block-recruit-tel-list .tel-txt {
font-size: 2.93333333vw;
letter-spacing: 0.125em;
}
.block-recruit .block-recruit-tel-list .tel-txt > a {
width: 22vw;
}
.block-contact {
padding: 8vw 0 2vw;
}
.block-contact .block-contact-inner {
gap: 2.93333333vw; height: 28.733333vw;
width: 78.66666667vw;
}
.block-contact .block-contact-txt {
font-size: 2.66666667vw;
}
.block-contact .block-contact-sub {
font-size: 2vw;
}
.block-contact .block-contact-attention {
font-size: 1.5vw;
}
.block-contact .block-contact-email {
font-size: 2.4vw;
letter-spacing: 0.15em;
}
.block-contact .block-contact-small {
font-size: 1.75vw;
transform: translateY(-7px);
}
}
@media screen and (max-width: 550px) {
.block-contact .block-contact-sub {
font-size: 2vw;
}
.block-contact .block-contact-email {
font-size: 2.75vw;
letter-spacing: 0.15em;
}
.block-contact .block-contact-small {
font-size: 2.3vw;
}
} .block-history-top {
background: url(//tomcatbakery.jp/assets/img/history/bg_history-top.png) no-repeat;
background-size: 100% auto;
margin: 7.36842105vw 0 0;
padding: 11.57894737vw 0 10.52631579vw;
color: #FFF;
}
.block-history-top .block-history-title {
width: 37.15789474vw;
height: 7.15789474vw;
background: url(//tomcatbakery.jp/assets/img/history/title_history.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 2.10526316vw;
}
.block-history-top .block-history-subtitle {
text-align: center;
font-size: 1.47368421vw;
font-weight: bold;
margin: 0 0 7.89473684vw;
}
.block-history-top .block-history-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 5.26315789vw;
}
.block-history-top .block-history-content figure {
width: 52.63157895vw;
}
.block-history-top .block-history-content figure img {
width: 100%;
height: auto;
}
.block-history-top .block-history-content .block-history-txt {
width: 47.36842105vw;
text-align: center;
font-size: 1.57894737vw;
line-height: 2;
}
.block-history-top .block-history-content .block-history-james {
width: 52.63157895vw;
}
.block-history-top .block-history-content .block-history-james figure {
width: 27.36842105vw;
margin: 0 auto 2.10526316vw;
}
.block-history-top .block-history-content .block-history-james figure img {
width: 100%;
height: auto;
}
.block-history-top .block-history-content .block-history-james p {
text-align: center;
font-size: 1.36842105vw;
color: #CFB97F;
line-height: 1.38;
}
@media screen and (max-width: 768px) {
.block-history-top {
background: url(//tomcatbakery.jp/assets/img/history/bg_history-top_sp.png) no-repeat;
background-size: cover;
margin: 29.33333333vw 0 0;
padding: 16.66666667vw 0 18.66666667vw;
}
.block-history-top .block-history-title {
width: 84.26666667vw;
height: 16.26666667vw;
background: url(//tomcatbakery.jp/assets/img/history/title_history_sp.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 4.66666667vw;
}
.block-history-top .block-history-subtitle {
font-size: 3.46666667vw;
margin: 0 0 14.66666667vw;
}
.block-history-top .block-history-content {
margin: 0 0 6.66666667vw;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-history-top .block-history-content figure {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 82.66666667vw;
margin: 0 0 12vw;
}
.block-history-top .block-history-content:nth-of-type(2) figure {
margin: 0 0 0 auto;
}
.block-history-top .block-history-content .block-history-txt {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100vw;
font-size: 3.73333333vw;
margin: 0 0 10.66666667vw;
}
.block-history-top .block-history-content .block-history-james {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 100vw;
text-align: center;
}
.block-history-top .block-history-content .block-history-james figure {
width: 44.66666667vw;
margin: 0 auto 4vw;
}
.block-history-top .block-history-content .block-history-james p {
font-size: 3.46666667vw;
}
} .block-bread {
width: 100%;
min-height: 42.10526316vw;
position: relative;
}
.block-bread:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100vh;
background: url(//tomcatbakery.jp/assets/img/history/bg_bread_area.png) center no-repeat;
background-size: cover;
}
@media screen and (max-width: 768px) {
.block-bread {
width: 100%;
min-height: 61.33333333vw;
position: relative;
}
.block-bread:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -5;
width: 100%;
height: 100vh;
background: url(//tomcatbakery.jp/assets/img/history/bg_bread_area_sp.png) center no-repeat;
background-size: cover;
}
}
.block-history-sandbg {
background: url(//tomcatbakery.jp/assets/img/history/bg_sand.png) repeat;
background-size: 50% auto;
}
@media screen and (max-width: 768px) {
.block-history-sandbg {
background-size: 100% auto;
}
}
.block-history-artisan {
padding: 14.21052632vw 0 23.15789474vw;
}
.block-history-artisan .block-history-artisan-title {
width: 25.36842105vw;
height: 10.94736842vw;
background: url(//tomcatbakery.jp/assets/img/history/bg_title_artisan.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 2.10526316vw;
}
.block-history-artisan .block-history-artisan-subtitle {
margin: 0 0 8.94736842vw;
text-align: center;
font-size: 1.57894737vw;
font-weight: bold;
line-height: 1.2;
}
.block-history-artisan .block-history-artisan-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block-history-artisan .block-history-artisan-content figure {
width: 52.63157895vw;
}
.block-history-artisan .block-history-artisan-content figure img {
width: 100%;
height: auto;
}
.block-history-artisan .block-history-artisan-content .block-history-artisan-content-txt {
width: 47.36842105vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block-history-artisan .block-history-artisan-content .block-history-artisan-content-txt p {
width: 36.84210526vw;
font-size: 1.57894737vw;
line-height: 2;
}
@media screen and (max-width: 768px) {
.block-history-artisan {
padding: 26vw 0 29.33333333vw;
}
.block-history-artisan .block-history-artisan-title {
width: 60.93333333vw;
height: 26.13333333vw;
background: url(//tomcatbakery.jp/assets/img/history/bg_title_artisan_sp.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 6vw;
}
.block-history-artisan .block-history-artisan-subtitle {
margin: 0 0 12vw;
font-size: 3.46666667vw;
}
.block-history-artisan .block-history-artisan-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-history-artisan .block-history-artisan-content figure {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 82.66666667vw;
}
.block-history-artisan .block-history-artisan-content .block-history-artisan-content-txt {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100vw;
}
.block-history-artisan .block-history-artisan-content .block-history-artisan-content-txt p {
width: 80vw;
font-size: 3.73333333vw;
margin: 0 auto 15.33333333vw;
}
}
.block-history-commitment {
padding: 0 0 12.63157895vw;
}
.block-history-commitment .block-history-commitment-title {
width: 25.05263158vw;
height: 6.94736842vw;
background: url(//tomcatbakery.jp/assets/img/history/bg_title_commitment.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 2.10526316vw;
}
.block-history-commitment .block-history-commitment-subtitle {
text-align: center;
font-size: 1.57894737vw;
font-weight: bold;
margin: 0 0 2.10526316vw;
}
.block-history-commitment .block-history-commitment-subtitle span {
font-size: 1.26315789vw;
}
.block-history-commitment .block-history-commitment-exp {
text-align: center;
font-size: 1.57894737vw;
line-height: 1.6;
margin: 0 0 7.36842105vw;
}
.block-history-commitment .block-history-commitment-stepouter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 87.36842105vw;
margin: 0 auto;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step {
margin: 0 0 4.21052632vw;
width: 42.10526316vw;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step .block-history-commitment-step-content {
width: 42.10526316vw;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step .block-history-commitment-step-content .block-history-commitment-step-content-inner {
width: 40vw;
height: 5.78947368vw;
margin: 0 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step .block-history-commitment-step-content .block-history-commitment-step-content-inner .block-history-commitment-step-title {
font-size: 1.57894737vw;
font-weight: bold;
line-height: 1.6;
position: relative;
padding: 0 0 0 7.89473684vw;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step .block-history-commitment-step-content .block-history-commitment-step-content-inner .block-history-commitment-step-title:before {
display: block;
content: '';
width: 5.78947368vw;
height: 5.78947368vw;
position: absolute;
top: 50%;
left: 0;
margin: calc(-2.89473684vw) 0 0;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step figure {
width: 100%;
height: 27.36842105vw;
overflow: hidden;
margin: 0 0 2.10526316vw;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step figure img {
width: 100%;
height: auto;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step:nth-of-type(1) .block-history-commitment-step-content-inner .block-history-commitment-step-title:before {
background: url(//tomcatbakery.jp/assets/img/history/ico_step_01.svg) no-repeat;
background-size: 100% 100%;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step:nth-of-type(2) .block-history-commitment-step-content-inner .block-history-commitment-step-title:before {
background: url(//tomcatbakery.jp/assets/img/history/ico_step_02.svg) no-repeat;
background-size: 100% 100%;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step:nth-of-type(3) .block-history-commitment-step-content-inner .block-history-commitment-step-title:before {
background: url(//tomcatbakery.jp/assets/img/history/ico_step_03.svg) no-repeat;
background-size: 100% 100%;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step:nth-of-type(4) .block-history-commitment-step-content-inner .block-history-commitment-step-title:before {
background: url(//tomcatbakery.jp/assets/img/history/ico_step_04.svg) no-repeat;
background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
.block-history-commitment {
padding: 0;
}
.block-history-commitment .block-history-commitment-title {
width: 60vw;
height: 16.53333333vw;
background: url(//tomcatbakery.jp/assets/img/history/bg_title_commitment_sp.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto 5.33333333vw;
}
.block-history-commitment .block-history-commitment-subtitle {
font-size: 4vw;
margin: 0 0 6vw;
}
.block-history-commitment .block-history-commitment-subtitle span {
font-size: 3.2vw;
}
.block-history-commitment .block-history-commitment-exp {
font-size: 3.73333333vw;
margin: 0 0 16.66666667vw;
}
.block-history-commitment .block-history-commitment-stepouter {
width: 100vw;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step {
margin: 0 0 5.33333333vw;
width: 100vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step .block-history-commitment-step-content {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 80vw;
margin: 0 auto 8vw;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step .block-history-commitment-step-content .block-history-commitment-step-content-inner {
width: 80vw;
margin: 0 auto;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step .block-history-commitment-step-content .block-history-commitment-step-content-inner .block-history-commitment-step-title {
font-size: 3.73333333vw;
padding: 0 0 0 10vw;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step .block-history-commitment-step-content .block-history-commitment-step-content-inner .block-history-commitment-step-title:before {
width: 7.33333333vw;
height: 7.33333333vw;
margin: calc(-3.66666667vw) 0 0;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step figure {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 82.66666667vw;
height: 56vw;
margin: 0 0 16vw;
}
.block-history-commitment .block-history-commitment-stepouter .block-history-commitment-step:nth-of-type(odd) figure {
margin: 0 0 16vw auto;
}
} .footer {
background-color: #FFF;
padding: 5.78947368vw 0 1.57894737vw;
}
.footer .footer-logo {
margin: 0 0 3.15789474vw;
text-align: center;
}
.footer .footer-logo a {
display: block;
width: 12.21052632vw;
height: 6.63157895vw;
background: url(//tomcatbakery.jp/assets/img/bg_logo_footer.svg) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.footer .copyright {
text-align: center;
font-size: 1.05263158vw;
}
@media screen and (max-width: 768px) {
.footer {
padding: 11.33333333vw 0 2.66666667vw;
}
.footer .footer-logo {
margin: 0 0 8vw;
}
.footer .footer-logo a {
width: 28.8vw;
height: 15.73333333vw;
}
.footer .copyright {
font-size: 2.66666667vw;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#000; opacity: 0.95; filter: alpha(opacity = 95);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:none;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border: none; background:none;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}  #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(//tomcatbakery.jp/assets/js/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(//tomcatbakery.jp/assets/js/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(//tomcatbakery.jp/assets/js/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}