/* CSS Document */

#wrapper { position:relative; }

header .logo { position:absolute; z-index:1000; top:20px; left:30px; }
#gnav { z-index:1000; }
#gnav.fixed1 { position:fixed; top:auto; bottom:0; z-index:1000; }
#gnav.fixed2 { position:fixed; top:0; bottom:auto; z-index:1000; }

.main_box { position:relative; }

#movie { position:relative; margin-bottom:-10px; }
/*#movie .lead { position:absolute; top:48%; transform:translateY(-50%); left:40px; font-size:40px; line-height:1.8; color:#fff; }*/
#movie .lead { position:absolute; top:50%; transform:translateY(-50%); left:40px; font-size:50px; line-height:1.4; color:#fff; opacity:1; z-index:500; }
#movie .lead2 { position:absolute; top:50%; transform:translateY(-50%); left:40px; line-height:1.6; color:#fff; opacity:1; z-index:500; text-align: center; }
#movie .lead2 .en { font-family: 'Dancing Script', cursive; font-size: 80px;  }
#movie .lead2 .img img { max-width: 35px; }
#movie .lead2 .txt { margin-top: 20px; font-size:25px; }

#news { position:absolute; right:0; bottom:20px; width:100%; max-width:510px; box-shadow:0px 0px 20px -5px rgba(0, 0, 0, 0.3); transition:all 0.3s; padding:10px 0 10px 15px; }
#news.fixed1 { bottom:90px; }
#newsList ul { float:left; width:100%;}
#newsList ul li { position:relative; width:100%; line-height:1.4; }
#news .conttl2 { float:left; font-size:40px; margin-top:5px; margin-right:10px; }
#news .arrow:after { right:0; }

.shopping_info { width:100%; max-width:800px; margin:30px auto; padding:20px; text-align:center; font-size:18px; border:4px solid #f8a75f; }

.bn_top { margin:2em 0; }

.bnr_common img { margin: 0 auto; }

/*お知らせバナー*/
.top_news { margin-top: 3em; width: 60%;}
.top_news li { max-width: 700px; width: 100%; margin: 0 auto; text-align: center; background: #fff; font-size: 28px; border: solid 1px #b50d36; outline: solid 1px #b50d36;
  outline-offset: -5px;}
.top_news li:nth-child(2) { margin: 1em auto;}
.top_news li a { display: block; padding: 0.5em; color: #69362a;}
.top_news li a .txt_big { font-size: 25px;}
.top_news li a .txt_big { position: relative;}
.top_news li a .txt_big .bold { color: #b50d36;}
.top_news li a .txt_big::after{ position: absolute; content: ""; right: 20px; top: calc(50% - 2px); width: 30px; height: 30px; border-radius: 50%; background: #b50d36  url(../image/arrow_wt.svg) no-repeat center /30px 8px; transform: translate(-50%,-50%); z-index: 10;}
.top_news li a.down .txt_big::after { transform:translate(-50%,-50%) rotate(90deg); }
.top_news li:has(.txt) { padding: clamp(22px,4vw,28px);}
.top_news li .ttl { font-size: clamp(18px,3vw,22px); color: #b50d36; line-height: 1.5;}
.top_news li .txt { margin-top: 1em; font-size: clamp(14px,2vw,16px);}
/* .mfp-img { max-height: 1700px !important;} */
.mfp-img { max-height: 1450px !important;}
.mfp-close { font-size: 40px !important;}


/*お知らせコメント*/
.comment { margin: 30px auto; padding: 30px; text-align: center; border: 1px dashed #fc8316; border-radius: 10px; }
.comment .ttl { margin-bottom: .5em; font-size:23px;  }
.comment-con p.mb { margin-bottom: 2em;}
.period { margin: 1em auto 0; }
.orange { color: #f57400; }


.second { margin-top: 50px; background: #f6efe0; border: none!important; }
.second_box { margin: 2% auto 1%; justify-content: center; -webkit-justify-content: center; }
.second_box .period { width: 35%; margin:0 3% 0 0; text-align: left;}
.second_box .period dt,
.second_box .ttlsub { margin-bottom: .5em; color: #471509; border-bottom: 1px solid #fc8316; font-size: 16px;}
.second_box .cancel { width: 55%; text-align: left; }
.second_box .cancel li:first-child { margin-bottom: .5em; }
.second_box .orange { color: #ff510d; }

.mente { border: 1px dashed #b50d36; background: #fff; }
.mente h3 { color: #b50d36; font-size: 20px; margin-bottom: .5em;}
.mente dl { margin: 1em auto; }
.comment-con + .comment-con { margin-top: 1.5em; padding-top: 1.5em; border-top: dashed 1px #b50d36;}
.mente p.mt { margin-top: 1em;}

/*20190902追加*/
.notices { text-align: left; width: 90%; height: 200px; margin: 10px auto 0; overflow-y: scroll; }
.notices li { margin-bottom: 1em; }
.notices li h4::before { content: "●"; margin-right: 5px; }
.notices li p { font-size: 14px; }

#event > p { margin: 20px auto; }


/*新商品スライドバナー画像*/
.osusumeBox {  margin: 40px auto 0; /*background: #fca75a; background-image: url(../image/bg_plaid.svg);*/}
.osusumeBox li{margin: 0 4px; }
.osusumeBox li img { border: 1px solid #f6efe0; }

.osusumeBox button{ margin: 0; padding: 0; background: none; border: none; border-radius: 0;
  outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.osusumeBox .slide-arrow{ position: absolute; top: 50%;}
.osusumeBox .prev-arrow,
.osusumeBox .next-arrow { display: inline-block; width: 30px; height: 30px; border-radius: 50%;
background:#69362a url(../image/arrow_wt.svg) no-repeat center /30px 8px; transform: translate(-50%,-50%); z-index: 10;}
.osusumeBox .prev-arrow{ margin-top: -25px; left: -11px; transform: scale(-1, 1); }
.osusumeBox .next-arrow{ margin-top: -10px; right: -27px; }

.slide-dots{ text-align: center; }
.slide-dots li { display: inline-block; margin: 0 15px; }
.slide-dots li button { position: relative; text-indent: -9999px; }
.slide-dots li button:before {content: '●'; color: #f6efe0; font-size: 20px; text-indent: 0px; position: absolute;top: 0; left: 0;}
.slick-active button:before{ color: #fc8316!important; }





#bnr_box .bnr2 { max-width: 800px; margin: 20px auto 0; }
#bnr_box .bnr2 > div { width: 48%; }
#bnr_box .bnr_autumn { margin: 10px auto; }
.bnr { margin-top: 30px;}

.bnr_sns { margin-top: 3em;}

#hallcake .bg_naname { margin-top:80px; margin-bottom:50px; }
#hallcake .bnr1 { margin-top:50px; }
#hallcake .bnr1 li { width:31.5%; background-color:#fff; }
#hallcake .bnr1 li img { box-shadow:0px 0px 20px -5px rgba(0, 0, 0, 0.3); }
#hallcake .bnr2 a:hover { opacity:0.7; }
#hallcake .bnr2 a { padding:10px 30px 10px 15px; display:block; }
#hallcake .bnr2 .txt_bg_wt { font-size:15px; }
#hallcake .bnr2 .txt_big { font-size:28px; }
#hallcake .bnr2 .txt_big br { display:none; }
#hallcake .bnr2 .txt_small { font-size:17px; line-height:1.6; }
#hallcake .bnr2 .original { float:left; width:65%; background-image:url(../image/bg_plaid.svg), url(../image/bnr_deco_img.png); background-repeat:repeat, no-repeat; background-position:top left; background-size:auto, contain; }
#hallcake .bnr2 .original a { padding:15px 20px 15px 150px;  }
#hallcake .bnr2 .original .txt3 { text-align:right; margin-right:30px; }
#hallcake .bnr2 .ordered { float:right; width:32%; }
#hallcake .bnr2 .other { float:right; width:32%; text-align:right; }

#lowcarb { padding-bottom:120px; margin-bottom:30px; }
#lowcarb > .flex { margin-top:70px; }
#lowcarb .box_l { width:55%; }
#lowcarb .box_l .ttl { font-size:30px; color:#471509; line-height:1.5; }
#lowcarb .box_l .ttl .big { font-size:1.4; }
#lowcarb .box_l .ttl br.sp { display:none; }
#lowcarb .box_l .txt1 { margin:15px 0 30px; }
#lowcarb .box_r { width:43%; padding-right:50px; text-align:right; }
#lowcarb .box_r .img_list { margin-bottom:40px; justify-content: center;}
#lowcarb .box_r .img_list li { width:30%; margin: 0 7px; border-radius:50%; overflow:hidden; }
#lowcarb .box_r .img_list li:nth-child(n+4) { margin-top:10px; }

#new_products { position:relative; }
#new_products .box_l { position:absolute; z-index:100; background-color:#fff; min-height:410px; max-width:500px; padding-right:100px; }
#new_products .box_l .txt { margin-top:50px; margin-left:100px; }
#new_products .box_r { width:100%; }
#new_products .box_r li { max-width:240px; width:100%; float:left; margin-left:40px; }
#new_products .box_r li .img { box-shadow:3px 3px 0 #fca75a; margin-bottom:15px; max-width:240px; }
#new_products .box_r li .name { position:relative; padding-left:1em; line-height:1.4; }
#new_products .box_r li .name:before { position:absolute; content:"#"; top:-4px; left:0; color:#fd881f; font-size:20px; }
#new_products .box_r li .txt { margin-top:5px; font-size:14px; line-height:1.5; /*margin-bottom:20px;*/ }

#products { padding-bottom:70px; margin-top:80px; }
#products .flex { margin-top:30px; }
#products .flex li { /*width:18%;*/ width: 15%; text-align:center; }
#products .flex li figure { border-radius:50%; overflow:hidden; }
#products .flex li a figure img { transition:all 0.3s; }
#products .flex li a:hover figure img { transform:scale(1.15, 1.15); }
#products .flex li .name { font-family:"HiraMinProN-W6","游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6","HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight:400; color:#471509; font-size:17px; }
#products .flex li .name br { display:none; }
#products .flex li .name>span.small { display: block;line-height: 1; }
#products .line1 { align-items:flex-end; -webkit-align-items:flex-end; }
#products .flex li.season { width:25%; margin-left:2%; }
#products .flex li.season figure { position:relative; }
#products .flex li.season figcaption { position:absolute; font-size:18px; top:13%; left:-20%; width:100%; transform:rotate(-30deg); background-color:#ff510d; color:#fff; }
#products .line1 li:last-child { margin-right:10%; }
/* #products .line2 { margin-left:auto; margin-right:auto; max-width:1000px; }４つのときのみ */
/* #products .line2 li { width:22%; } ４つのときのみ */
#products .line2 { margin-left:auto; margin-right:auto; max-width:1000px; }/*2つのときのみ */
#products .line2 li { width:18%; } /*2つのときのみ */
#products .line3 { margin-left:auto; margin-right:auto; padding:0 0 150px; max-width:700px; }
#products .line3 li { width:30%; }
/* .line3 ４つのとき
#products .line3 { margin-left:auto; margin-right:auto; padding:0 10% 150px; }
#products .line3 li { width:22%; }*/
#products .list_sp { display:none; }

.bnr_online { position:relative; max-width:800px; margin:-250px auto 0; text-align:center; z-index:100; background-color:#fff; }

.linea { max-width:450px; margin:0 auto; padding:20px 30px; border:3px solid #17b41c }
.linea .lead { margin-bottom:0.5em; color:#17b41c; font-size: 1.5em; }
.linea .link { display:none; }


/*----------------------------------------------------
PC幅広
-----------------------------------------------------*/
@media screen and (min-width: 961px) {
  .main_box { max-height:100vh; overflow:hidden; }
}
@media screen and (max-width: 1050px) {
#hallcake .bnr2 .txt_big { font-size:25px; }
}

/*----------------------------------------------------
タブレット
-----------------------------------------------------*/
@media screen and (max-width: 960px) {
header .logo { width:150px; }

#movie .lead { font-size:28px; line-height:1.6 }
#movie .lead2 .en {  font-size: 60px; }
#movie .lead2 .img img { max-width: 30px; }
#movie .lead2 .txt { margin-top: 15px; font-size:20px; }

#news { bottom:-40px; }

.notices { width: 100%;}

.comment { width: 95%; margin:30px auto; }
.second { margin-top: 80px!important; }
.mente { margin: 80px auto 0; }
.comment-con .kome li { text-align: left;}

#bnr_box { margin-top:30px; }

.osusumeBox { padding: 0 10px 0; }
.osusumeBox .prev-arrow { left: -6px; }
.osusumeBox .next-arrow { right: -19px; }
/*.osusumeBox .prev-arrow,.osusumeBox .next-arrow { display: none!important;}*/

/*#access_popup { margin-top:80px; }*/
.shopping_info { max-width: 600px; margin: 110px auto 0; text-align:left; }

.bnr_sns { padding: 0 15px;}

#hallcake .bg_naname { margin-top:90px; }
#hallcake .bnr2 > div { float:none !important; }
#hallcake .bnr2 .original { width:100%; }
#hallcake .bnr2 .original a { padding-left:140px; }
#hallcake .bnr2 .ordered { width:100%; margin:15px 0 5px auto; }
#hallcake .bnr2 .other { width:100%; }
#hallcake .bnr2 .txt_big { font-size:23px; line-height:1.3; }

#lowcarb .box_l { width:100%; }
#lowcarb .box_l .ttl { font-size:25px; }
#lowcarb .box_l .txt1 { margin:5px 0 20px; }
#lowcarb .box_r { position:relative; width:100%; padding-right:0; padding-bottom:30px; text-align:center; margin:0 auto 20px; }
#lowcarb .ebe_inai { float:left; width:60%; }
#lowcarb .img_list { float:right; width:37%; margin-bottom:0; }
#lowcarb .img_list li:nth-child(n+4) { display:none; }
#lowcarb .box_r .btn1 { position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); }
#lowcarb .box_r .img_list { margin-bottom:10px; justify-content: space-between;}
#lowcarb .box_r .img_list li { width: 28%;}

#new_products .box_l { max-width:330px; padding-right:30px; font-size:14px; }
#new_products .box_l .txt { margin-left:30px; }
#new_products .box_r li { max-width:180px; }

#products .flex li.season figcaption { font-size:15px; }
#products .line2 { max-width: 500px;}
#products .line2 li { width: 30%;}
#products .line3 { padding:0 10% 15%; }

.bnr_online { margin-top:-210px; }

/*お知らせバナー*/
.top_news { margin-top: 6em !important; width: 70%;}
.top_news li:nth-child(2){ margin: 0.5em 0;}
.top_news li a .txt_big { font-size: 17px;}
.top_news li a .txt_big::after { width: 20px; height: 20px; right: 0;}


}

@media screen and (max-width: 860px) {
.bnr_online { margin:-180px 30px 0; }
#products .flex li .name { font-size:14px; }

}

/*----------------------------------------------------
スマホ
-----------------------------------------------------*/
@media screen and (max-width: 599px) {
header .logo { width:100px; top:10px; left:20px; }

.mfp-image-holder .mfp-content { max-width: 90% !important;}

#movie video { width:150% !important; transform:translateX(-20%); }
#movie .lead { font-size:18px; line-height:2; left:15px; top:50%; }
#movie .lead2 { left: 15px; }
#movie .lead2 .en {  font-size: 25px; }
#movie .lead2 .img img { max-width: 18px; }
#movie .lead2 .txt { margin-top: 10px; font-size:12px; }

.bn_top { margin:1em 0; }

/*お知らせバナー*/
.top_news { margin-top: 2em !important; width: 100%;}
.top_news li:nth-child(2){ margin: 0.5em 0;}
.top_news li a { padding: 0.6em 0.5em 0.5em;}
.top_news li a .txt_big { font-size: 15px; line-height: 1.5;}
.top_news li a .txt_big::after { width: 20px; height: 20px; right: 0;}

.top_news li .txt { margin-top: 1.5em; text-align: left; line-height: 1.6;}


/*お知らせコメント*/
.comment { width: 90%; margin: 15px auto; padding: 15px;}
.comment .ttl { font-size: 17px; }
.comment p.txt { font-size: 15px; text-align: left;}
.comment .period .big { font-size: 1.2em; }
.second { margin-top: 20px!important; }
.second_box { margin:5% auto 2%; display: block; }
.second_box .period { width: 100%; margin: 0 auto 5%; }
.second_box .cancel { width: 100%;}
.mente { padding: 20px; margin: 10px auto; }
.mente h3 { font-size: 18px;}
.mente p { text-align: left; }
.date2 { margin-top: 1em;}

/*20190902追加*/
.notices { height: 350px; }
.notices h4 { font-size: 14px; }
.notices li p { font-size: 13px; letter-spacing: 0;}


.osusumeBox { margin-top: 30px; padding:0 5px; }

#bnr_box { margin-top:0; }
#bnr_box .bnr2 > div { width: 100%; }
#bnr_box .bnr2 > div:nth-child(n+2) { margin-top: 10px; }
.bnr { margin-top: 20px;}

.osusumeBox .slide-arrow {top: 88%; }
.osusumeBox .prev-arrow, .osusumeBox .next-arrow { width: 50px; border-radius: 0%;  }
 .osusumeBox .next-arrow { transform: translate(0%,0%); }
.osusumeBox .prev-arrow { margin-top: 0;left:4px; }
.osusumeBox .next-arrow { margin-top: 0; right: 4px; }


#access_popup { margin-top:20px; }
.shopping_info { width:92%; margin: 20px auto 0; font-size: 15px; }

#news { position:relative; bottom:inherit; right:inherit; margin:-20px 15px 0; max-width:none; width:auto; padding:10px 0 10px 15px; box-shadow:none; }
#news:hover { right:inherit; }
#news .conttl2 { position:absolute; top:-35px; left:10px; float:none; text-shadow:1px -1px 1px #fff, -1px 1px 1px #fff; }
#newsList { float:none; width:100%; }
#newsList:after { display:none; }
#news .ttl_box { padding-top:0; }
#news .ttl_box .date { line-height:1; margin-bottom:5px; }

#hallcake .bg_naname { margin-top:20px; margin-bottom:20px; }
#hallcake .bnr1 { margin-top:20px; }
#hallcake .bnr1 li { width:100%; }
#hallcake .bnr1 li:nth-child(n+2) { margin-top:10px; }
#hallcake .bnr2 .original { background-position:top left, right bottom; background-size:auto, 110px; background-image:url(../image/bg_plaid.svg), url(../img/top/bnr_deco_img_sp.png); }
#hallcake .bnr2 .original .txt_big { margin-bottom:10px; }
#hallcake .bnr2 .txt_bg_wt { margin-bottom:10px; }
#hallcake .bnr2 .txt_big { font-size:15px; margin-bottom:0; }
#hallcake .bnr2 .txt_small { font-size:15px; }
#hallcake .bnr2 .txt_bg_wt { font-size:13px; margin-bottom:5px; }
#hallcake .bnr2 a { padding:7px 30px 7px 10px !important; }

#lowcarb { margin-bottom:0; padding-bottom:80px; }
#lowcarb > .flex { margin-top:40px; }
#lowcarb .box_l .ttl { font-size:13px; line-height:1.7; }
#lowcarb .box_l .ttl .big { font-size:1.5em; }
#lowcarb .box_l .txt1 { margin-bottom:15px; font-size:13px; line-height:1.5; }
#lowcarb .box_r { width:100%; padding-bottom:0; margin-bottom:0; }
#lowcarb .box_r .btn1 { bottom:-10px; }
#lowcarb .ebe_inai, #lowcarb .img_list { float:none; width:80%; margin:0 auto; }
#lowcarb .box_r .btn1 { width:100%; max-width:320px; position:static; transform:translateX(0); }
#lowcarb .box_r .img_list { margin:10px auto 20px; width:80%; }

#new_products { margin-top:-30px; }
#new_products .box_l { position:static; max-width:none; min-height:inherit; width:100%; padding-right:15px; margin-bottom:20px; }
#new_products .box_l .txt { margin-top:20px; margin-left:15px; }

#products { margin-top:30px; padding-bottom:30px; }
#products .list_pc { display:none; }
#products .list_sp { display:inherit; }
#products .inner { position:relative; padding-top:10%; }
#products .flex { padding-bottom:25%; justify-content:flex-start; -webkit-justify-content:flex-start; }
#products .flex li { width:23% !important; margin:20px 1% 0; }
#products .flex li.season { position:absolute; top:-17%; right:0; width:50% !important; margin-top:0; z-index:20; }
#products .flex li.season figure { width:80%; margin:0 auto; }
#products .flex li.season .name { display:none; }
#products .flex li .name { margin-top:5px; font-size:13px; line-height:1.3; }
#products .flex li .name br { display:inherit; }

.bnr_online { margin:-130px 15px 0; }

#shopinfo { margin:50px auto; }
#shopinfo .info_box { margin-top:30px; }
#shopinfo .info_box .txt_box .name { font-size:23px; }
#shopinfo .info_box .txt_box .box_l, #shopinfo .info_box .txt_box .box_r { width:100%; }
#shopinfo .info_box .txt_box .box_r .conttl3:first-child { margin-top:20px; }
#shopinfo .info_box .img_box, #shopinfo .info_box .txt_box { width:100%; }
#shopinfo .info_box .img_box .img_cake { margin-top:0; }
#shopinfo .info_box .txt_box .box_l, #shopinfo .info_box .txt_box .box_r { width:100%; }
#shopinfo .info_box .img_box { justify-content:space-between; -webkit-justify-content:space-between; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
#shopinfo .info_box .img_box figure { width:49%; }
#shopinfo .info_box .txt_box .name { margin-top:10px; }
#shopinfo .map_box .txt { font-size:12px; letter-spacing:0; margin-bottom:5px; }

.linea { display:block; }
.linea .lead { text-align: center; }
.linea .qr { display:none; }
.linea .link { display:block; margin-top: 1em; text-align:center; }

footer{ margin-top:70px; }

}
@media screen and (max-width: 450px) {
#hallcake .bnr2 .txt_big br { display:inherit; }
#products .flex li .name { font-size:12px; }
}

@media screen and (max-width: 400px) {
#hallcake .bnr2 .original { background-size:auto, 90px; }
#products .flex li:first-child { top:-17%; }
#lowcarb .box_l .ttl br.sp { display:inherit; }
}

@media screen and (max-width: 350px) {
#hallcake .bnr2 .original { background-size:auto, 65px; }
}