@charset "utf-8";

/*
Theme Name: HAKURAI-BENTO
Description:HAKURAI-BENTO2026
Theme URI: 
Author: 2026-poool-k
Author URI: 
Version: 0.001
License: 
License URI: 
*/

* {
padding: 0; /* Reset `padding` and `margin` of all elements */
margin: 0;
box-sizing: border-box;
}

/*body*/
body {
font-family: 'Noto-m', sans-serif;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
color:#3F665C;
overflow-x: hidden;
}

/*bodyフェードイン*/
@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}

/* 全体枠 */
#all{min-width:;}
/*横幅980px*/
.all-width{position: relative;display: block !important;width:1000px;min-width: 1000px;margin: 0 auto;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
#all{overflow: hidden !important;min-width:100% !important;width:100% !important;}
}
@media screen and (max-width: 1000px){
/* 全体枠 */
.all-width{display: block;margin: 0 auto;width:92%;min-width:92%;}
}
@media screen and (max-width: 900px){

}
@media screen and (max-width: 768px){
.all-width{}
}
/*--------------------------------------------------------------------------------*/

/*ページ上部へ*/
#page-top {
position: fixed !important;
bottom: 7px;right: 7px;
width:34px;
height: auto;z-index: 50;
line-height: 0;
z-index: 10;
}
#page-top a {display: block;}
#page-top img {border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}


#bt-sp-menu{display:none;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px){
#page-top {bottom: 52px;width: 32px;}
}

/*--------------------------------------------------------------------------------*/

/* てん明朝 */
.ten-min {
font-family: ten-mincho, serif;
font-weight: 400;
font-style: normal;
}

/* boldフォント */
@font-face {
font-family: "Noto-bl";
src: url("fonts/Noto-Bl.woff") format("woff"),
url("fonts/Noto-Bl.ttf") format("truetype");
}
.Noto-bl {
font-family: "Noto-bl", sans-serif;
}

/* mediumフォント */
@font-face {
font-family: "Noto-m";
src: url("fonts/Noto-ml.woff") format("woff"),
url("fonts/Noto-m.ttf") format("truetype");
}
.Noto-m {
font-family: "Noto-m", sans-serif;
}

/* 明朝体フォント */
.font_mincho {
font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* 太文字 */
.bold-font{font-weight: bold;}

/* 左寄せ */
.text-l{text-align: left;}
/* 中央寄せ */
.text-c{text-align: center;}
/* 右寄せ */
.text-r{text-align: right !important;}

/* テキスト色 */
.green{color: #006934 !important;}
.l-green{color: #60A895 !important;}
.brawn{color: #DCAE6B !important;}

/* リンク */
a{text-decoration:none;color:#3f665c;}
.conts a{text-decoration:none;color:#b4864f;}

a:hover{text-decoration:underline;}

/* 文字間つめ */
.letter-sp{ letter-spacing: -0.1em;}
/*取り消し線を引く*/
.deleted {text-decoration: line-through;}

/*文字にアンチエイリアスを効かせる*/
.font_smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*hr*/
hr{display:block;height:1px;border:0;border-top:1px solid #333;margin:2em 0;padding:0;overflow: hidden;background: none;}
/*点線*/
.tenline{
border-top:1px dotted #aaaaaa;
height:1px;
margin: 30px 0;
}

/* image */
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
/*リンク画像透明度*/
a img:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*iframe*/
iframe {max-width: 100%;}
/*非表示*/
.none {display: none !important;}
/*スマホ・PC振り分け*/
.sp {display: none !important;}

/* クリア */
.both{clear: both;}
/* スペース */
.sp-ss{margin-bottom:10px;}
.sp-s{padding-bottom:20px;}
.sp-m{margin-bottom:30px;}
.sp-l{margin-bottom:40px;}
.sp-ll{margin-bottom:50px;}

.sp-m-top{padding-top:30px !important;}
.sp-l-top{padding-top:40px !important;}
.sp-ll-top{padding-top:80px !important;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.sp-m-top{padding-top:20px !important;}
.sp-l-top{padding-top:30px !important;}
.sp-ll-top{padding-top:50px !important;}
}
/*--------------------------------------------------------------------------------*/

/*▼▼▼トップの設定▼▼▼*/

/*全体*/
#container{}
.content{}

/*ヘッダ帯*/
.header-box{height:58px;width:100%;background:#F9F8F3;}
.h-logo{display: inline-block;vertical-align:middle;line-height:1;padding:15px 20px 0 20px;float:left;}
/*グロナビ*/
.g-navi{display: inline-block;vertical-align:middle;line-height:1;font-size:12.5px;float:right;}
.g-navi ul{display:inline-block;vertical-align:middle;line-height:1;padding:15px 0 0 0;}
.g-navi ul li{display:inline-block;padding:0 15px;}
.g-navi ul li a{color:#CC3300;}

.user-guide{display: inline-block;vertical-align:middle;line-height:1;background:#F1E3D3;margin:14px 5px 0 5px;border-radius: 18px;-webkit-border-radius: 18px;-moz-border-radius: 18px;background:#F1E3D3 url(images/shosinsha.png) no-repeat 15px center;background-size: 14px auto;}
.order-form{display: inline-block;vertical-align:middle;line-height:1;background:#CC3300;margin:14px 65px 0 5px;border-radius: 18px;-webkit-border-radius: 18px;-moz-border-radius: 18px;background:#CC3300 url(images/cart-white.png) no-repeat 15px center;background-size: 14px auto;}

.user-guide a,.order-form a{display: block;padding:10px 20px 10px 38px;}
.user-guide a{background:;}
.order-form a{background:;color:#fff;}
.user-guide a:hover,.order-form a:hover{text-decoration:none;}
.user-guide:hover,.order-form:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}

.ue-copy{ 
width: 100%;
height:30px;
padding:10px 0 0 0;
border-left: 20px solid #F9F8F3;border-right: 20px solid #F9F8F3;
display: block;
background:#3F665C;
color:#fff;
text-align:center;z-index:500;
font-size:11px;
}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1200px){
.g-navi ul li{display:inline-block;padding:0 8px;}
.order-form{display:none;}
.user-guide{margin:14px 65px 0 5px;}
}

@media screen and (max-width:920px){
.g-navi{display:none;}
}

@media screen and (max-width:768px){
.ue-copy{ border-left:0;border-right: 0;}
}
@media screen and (max-width:360px){
.ue-copy{font-size:3vw;}
}


/*--------------------------------------------------------------------------------*/


/*メインスライダー*/
.home_slider{
position: relative;
background:#F9F8F3;
z-index:0;
height: 100vh;
}

.bx-wrapper img{
width: 100%;
height: 100vh;
display: block;
object-fit: cover;
border-left: 20px solid #F9F8F3;border-right: 20px solid #F9F8F3;border-bottom: 20px solid #F9F8F3;
padding-bottom: 88px;
}

.mainlogo{
position: absolute;
z-index:100 !important;
top: 0;width:590px;
  top: 40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);padding:0 20px;
}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.bx-wrapper img{border-left: 0;border-right: 0;}
}
@media screen and (max-width: 480px){
.home_slider{
height: 400px;
}

.bx-wrapper img{
width:;
height: 400px;
object-fit: cover;
}
}
/*--------------------------------------------------------------------------------*/

/*リンクバナー*/
#links {background:#F9F8F3;padding:0 8px 10px 8px;}
#links .all-width{width:100%;margin-top:-98px;}
#links .all-width .inner{width:1158px;display:block;margin:0 auto;}
#links .all-width .inner img{width:25%;padding:10px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1158px){
#links .all-width .inner{width:100%;}
}
@media screen and (max-width: 480px){
#links .all-width .inner img{width:50%;}
}
/*--------------------------------------------------------------------------------*/

/*ピックアップ*/
#pickup{background-color: #F9F8F3;text-align: center;padding:120px 0 60px 0;}
#pickup .all-width{width:1120px;}
#pickup h2{background:transparent url(images/red-line.png) no-repeat center center;position:relative;height:38px;width:800px;margin:0 auto;}
#pickup h2 .l-img{background-color:#F9F8F3;position:absolute;top:0;left:0;padding:0 20px 0 0;}
#pickup h2 .r-img{background-color:#F9F8F3;position:absolute;top:0;right:0;padding:8px 0 8px 20px;}
#pickup .read{margin:25px auto 50px auto;font-size:12px;line-height:1.8;}
#pickup .list-box{margin:0 auto;text-align:left;padding:0 0 0 15px;}
#pickup .list-box .box{width:22.4%;margin:0 1% 50px 1%;display: inline-block;vertical-align:top;}
#pickup .list-box .box .inn{margin: 12px 8px;text-align:left;line-height:1.6;}
#pickup .list-box .titles{font-size:13px;font-weight:bold;line-height:1.3;}
#pickup .list-box .price{font-size:18px;margin:6px 0;color:#cc3300;}
#pickup .list-box .explain{font-size:12px;}
#pickup .list-box .more{text-align:right;margin:12px 0 0 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1120px){
#pickup .all-width{width:100%;}
#pickup h2{width:92%;}
#pickup .read{width:92%;}
}

@media screen and (max-width: 800px){
#pickup .list-box{;padding:0 0 0 3%;}
#pickup .list-box .box{width:30.5%;margin:0 2% 30px 0;}
}

@media screen and (max-width: 480px){
#pickup{background-color: #F9F8F3;text-align: center;padding:60px 0 60px 0;}
#pickup .read{margin:28px auto 30px auto;font-size:10px;line-height:1.6;}
#pickup .list-box .box{width:47%;margin:0 2% 30px 0;}
#pickup .list-box .box .inn{margin: 8px 2px;text-align:left;line-height:1.6;}
#pickup .list-box .titles{font-size:12px;}
#pickup .list-box .price{font-size:16px;margin:6px 0;color:#cc3300;}
#pickup .list-box .explain{font-size:10px;}
#pickup .list-box .more{text-align:right;margin:8px 0 0 0;}
}
/*--------------------------------------------------------------------------------*/


/*サラダ*/
#salad{text-align: center;padding:50px 0 0 0;background-color:#F9F8F3;}
#salad h2{width:800px;margin:0 auto;background:transparent url(images/red-line.png) no-repeat center bottom;}
#salad .jp-title{font-size:14px;font-weight:normal;background-color:#F9F8F3;display:inline-block;padding:12px 40px;height:38px;margin-top:16px;}

#salad .read{margin:25px auto 50px auto;font-size:12px;line-height:1.8;}
#salad .list-box{margin:0 auto;text-align:left;padding:0 0 0 15px}
#salad .list-box .box{width:27%;margin:0 3% 50px 3%;display: inline-block;vertical-align:top;}
#salad .list-box .box .inn{margin: 12px 8px;text-align:left;line-height:1.6;}
#salad .list-box .titles{font-size:13px;font-weight:bold;line-height:1.3;}
#salad .list-box .price{font-size:18px;margin:6px 0;color:#cc3300;}
#salad .list-box .explain{font-size:12px;}
#salad .list-box .more{text-align:right;margin:12px 0 0 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1120px){
#salad .all-width{width:100%;}
#salad h2{width:92%;}
#salad .read{width:92%;}
}

@media screen and (max-width:800px){
#salad .list-box{;padding:0 0 0 3%;}
#salad .list-box .box{width:30.5%;margin:0 2% 30px 0;}
}
@media screen and (max-width: 480px){
#salad{text-align: center;padding:0 0 0 0;background-color:#F9F8F3;}
#salad .read{margin:28px auto 30px auto;font-size:10px;line-height:1.6;}
#salad .list-box .box{width:47%;margin:0 2% 30px 0;}
#salad .list-box .box .inn{margin: 8px 2px;text-align:left;line-height:1.6;}
#salad .list-box .titles{font-size:12px;}
#salad .list-box .price{font-size:16px;margin:6px 0;color:#cc3300;}
#salad .list-box .explain{font-size:10px;}
#salad .list-box .more{text-align:right;margin:8px 0 0 0;}
}

/*--------------------------------------------------------------------------------*/


/*美味しさの秘密*/
#whyitsgood{text-align: center;padding:100px 0;background: #F9F8F3;}
#whyitsgood .himitsu{background: #F9F8F3;display: inline-block;font-weight: normal;font-size: 14px;line-height: 1.2;}
#whyitsgood .himitsu br{display:none;}
#whyitsgood h2{background:transparent url(images/red-line.png) no-repeat center center;position:relative;height:38px;width:800px;margin:0 auto;}
#whyitsgood h2 .l-img{background-color:#F9F8F3;position:absolute;top:0;left:0;padding:10px 20px 10px 0;}
#whyitsgood h2 .r-img{background-color:#F9F8F3;position:absolute;top:0;right:0;padding:10px 0 10px 20px;}
#whyitsgood .main-copy{color:#AA7537;font-size:24px;line-height:2.0;margin:60px auto 30px auto;}
#whyitsgood .bento-bg{position:relative;}
#whyitsgood .bento{}
#whyitsgood .txt-box-a,#whyitsgood .txt-box-b,#whyitsgood .txt-box-c{position:absolute;text-align:left;font-size:11px;width:200px;line-height:1.7;}
#whyitsgood .txt-box-a{top:40px;left:50px;}
#whyitsgood .txt-box-b{bottom:130px !important;left:50px;}
#whyitsgood .txt-box-c{top:120px;right:50px;}
#whyitsgood .titles{font-size:12px;color:#fff;margin-bottom:10px;text-align:center;display:inline-block;padding:2px 14px;}
#whyitsgood .titles-a{background-color:#3F665C;}
#whyitsgood .titles-b{background-color:#F1674A;}
#whyitsgood .titles-c{background-color:#B4864F;}
#whyitsgood .bottom-copy{color:#3F665C;font-size:16px;line-height:1.8;margin:0 30px 0 0;text-align:right;}

#whyitsgood .menu-link{display:inline-block; background-color:#F1E3D3; color:#fff;font-size:20px;line-height:1;margin:50px 0 0 0;text-align:center;border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius: 24px;}
#whyitsgood .menu-link a{display:block; color:#3F665C;font-size:18px;padding:15px 60px;text-align:center;}
#whyitsgood .menu-link a:hover{text-decoration:none;}
#whyitsgood .menu-link :hover{background-color:#3F665C;color:#fff;border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius: 24px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1120px){
#whyitsgood .all-width{width:100%;}
#whyitsgood h2{width:92%;}
}
@media screen and (max-width: 980px){
#whyitsgood .main-copy{font-size:18px;line-height:1.6;margin:30px auto 0 auto;width:92%;}
#whyitsgood .bento-bg{position:relative;width:92%;margin:0 auto;}
#whyitsgood .bento{width:500px;margin-top:-10px;}
#whyitsgood .txt-box-a,#whyitsgood .txt-box-b,#whyitsgood .txt-box-c{position:relative;text-align:left;font-size:11px;width:100%;line-height:1.7;}
#whyitsgood .txt-box-a{top:0;left:0;}
#whyitsgood .txt-box-b{bottom:0 !important;left:0;margin-top:15px !important;}
#whyitsgood .txt-box-c{top:0;right:0;margin-top:15px !important;}
#whyitsgood .bottom-copy{font-size:16px;line-height:1.8;margin:50px 0 0 0;text-align:center;}
}
@media screen and (max-width: 768px){
#whyitsgood{padding:50px 0;}
}
@media screen and (max-width: 480px){
#whyitsgood h2 .l-img{padding:5px 10px 10px 0;}
#whyitsgood h2 .r-img{padding:10px 0 10px 10px;width:160px;}
#whyitsgood .himitsu br{display:inline-block;}
#whyitsgood .main-copy{font-size:15px;}
#whyitsgood .bottom-copy{font-size:13px;margin:30px 0 0 0;}
}
/*--------------------------------------------------------------------------------*/


/*our future*/
#ourfuture{text-align: center;padding:100px 0;background: #F9F8F3;}
#ourfuture .all-width{width:1120px;}
#ourfuture .inner{background-color:#EEB938;padding:60px 40px 0 40px;}
#ourfuture h2{background-color:#FCD570;padding:30px 88px;display:inline-block;}
#ourfuture .l-box{width:40%;display:inline-block;vertical-align:top;text-align:left;line-height:1.8;font-size:12px;padding-top:50px;}
#ourfuture .r-box{width:60%;display:inline-block;vertical-align:top;position:relative;}

#ourfuture .story{font-size:18px;font-weight:bold;letter-spacing:0.05em;background:transparent url(images/story.png) no-repeat left 6px;background-size:90px auto;padding-left:5em;margin-bottom:1.2em;}

#ourfuture .r-box img{width:650px;max-width: none !important;margin-top:-10px;margin-left:30px;margin-bottom:-30px;}

#ourfuture .links {margin:50px 0;}
#ourfuture .links .linkbtn {display: inline-block;vertical-align: top;line-height:1;font-size:14px;margin-right:14px;width:155px;text-align:center;background-color:#FCD570;border-radius: 18px;-webkit-border-radius: 18px;-moz-border-radius: 18px;margin-bottom: 15px;}
#ourfuture .links .linkbtn a {display: block;padding:12px 20px;}
#ourfuture .links .linkbtn a:hover{text-decoration:none;}
#ourfuture .links .linkbtn:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}

#ourfuture .green-btn{background-color:#3F665C !important;}
#ourfuture .green-btn a {color:#fff !important;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1120px){
#ourfuture .all-width{width:94%;}
#ourfuture .story{font-size:18px;font-weight:bold;letter-spacing:0.05em;background:transparent url(images/story.png) no-repeat left 6px;background-size:90px auto;padding:28px 0 0 0;margin-bottom:1.2em;}
}

@media screen and (max-width: 980px){
#ourfuture{text-align: center;padding:50px 0;}
#ourfuture .story{font-size:18px;font-weight:bold;letter-spacing:0.05em;background:transparent url(images/story.png) no-repeat left 6px;background-size:90px auto;padding:0 0 0 5em;margin-bottom:1.2em;}
#ourfuture .l-box{width:100%;display:inline-block;vertical-align:top;text-align:left;line-height:1.8;font-size:12px;padding-top:50px;}
#ourfuture .r-box{width:100%;display:inline-block;vertical-align:top;position:relative;}
#ourfuture .r-box img{width:450px;max-width: none !important;margin-top:-10px;margin-left:0;margin-bottom:-30px;}
#ourfuture h2{padding:0;margin:0 !important;width:100%;}
#ourfuture h2 img{width:400px;padding:20px;}
#ourfuture .links {margin:30px auto;text-align:center;}
#ourfuture .links .linkbtn {margin:0 5px 15px 5px;}
}

@media screen and (max-width: 600px){
#ourfuture{text-align: center;padding:50px 0;}
#ourfuture .inner{background-color:#EEB938;padding:20px 20px 0 20px;}
#ourfuture .r-box img{width:95%;}
#ourfuture .l-box{padding-top:30px;}

}

@media screen and (max-width: 480px){
#ourfuture .links .linkbtn {width:80%;}
#ourfuture .links .linkbtn a {display: block;padding:12px 20px;}
}

/*--------------------------------------------------------------------------------*/


/*▼よくあるご質問/お知らせ*/
.qanda-news{background-color:#F9F8F3;padding:60px 0 ;display: flex;}
.qanda-news .ichiran {background-color:#cc3300;font-size:10px;display:inline-block;margin:10px 0;}
.qanda-news .ichiran a {color:#fff !important;padding: 3px 10px !important;display:block;line-height:1;}
.qanda-news .ichiran a:hover{text-decoration:none;}
.qanda-news .ichiran:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
/*よくあるご質問*/
#qanda{background-color:#fff;padding:50px 40px ;width:55%;display: inline-block;vertical-align:top;text-align:right !important;}
#qanda .inner{width:600px;display: inline-block;}
#qanda .l-box{float:left;width:25%;text-align:left !important;}
#qanda .r-box{float:right;width:75%;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1200px){
#qanda .inner{width:100%;display: inline-block;}
#qanda h2{margin-bottom:10px;}
#qanda .l-box{float:none;width:100%;}
#qanda .r-box{float:none;width:100%;}
}
@media screen and (max-width: 768px){
/*▼よくあるご質問/お知らせ*/
.qanda-news{padding:60px 0 ;display:block;}
#qanda{padding:50px 40px ;width:100%;text-align:left !important;}
}


/*--------------------------------------------------------------------------------*/

/*お知らせ*/
#news{background-color:#F7F4F4;text-align: left;padding:50px 40px ;width:45%;display: inline-block;vertical-align:top;}
#news .inner{width:440px;display: inline-block;}
#news .l-box{float:left;width:25%;text-align:left !important;}
#news .r-box{float:right;width:75%;font-size: 12px;}
#news .r-box .box{line-height: 1.4;margin-bottom: 12px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1200px){
#news .inner{width:100%;display: inline-block;}
#news h2{margin-bottom:20px;}
#news .l-box{float:none;width:100%;}
#news .r-box{float:none;width:100%;}
}
@media screen and (max-width: 768px){
#news{padding:50px 40px ;width:100%;text-align:left !important;}
}
/*--------------------------------------------------------------------------------*/


/*ギャラリー*/
#gallery{text-align: center;padding:0 0 60px 0;background:#fff;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
}

/*--------------------------------------------------------------------------------*/

/*フッタ*/
footer{
border-top:1px solid #D9E0DE;
background:#fff;
padding: 100px 0 0 0;
font-size:13px;
overflow: hidden;
position: relative;
letter-spacing:0.1em;
text-align:center;
}
footer .f-logo{}
footer .f-copy{margin: 30px 0 60px 0;}
footer .l-box{display: inline-block;vertical-align: top;width: 50%;text-align:left;background-color:#eee;height:300px;}

footer .l-box iframe{height:300px !important;width:100% !important;}
footer .r-box{display: inline-block;vertical-align: top;width: 50%;text-align:left;padding:0 0 0 30px;line-height: 1.6;font-size: 12px;}

footer .shop-add01{border-bottom: 1px solid #3F665C;padding: 10px 0;}
footer .shop-add01 p,footer .shop-add02 p{font-size: 16px;}
footer .shop-add02{padding: 10px 0;}
footer .shop-time{text-align:center;background-color:#F9F8F3;font-weight:bold;padding:15px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;margin-top:40px;}
footer .shop-time p{font-size:14px;}
footer .shop-time .times{font-size:30px;letter-spacing:0.15em;}
footer .shop-time .chumon{color:#CC3300;}
.f-pagelink{margin-top:35px;}

footer .copyright{margin:60px 0 0 0;line-height:1.3;text-align:center;color:#fff;background-color:#3F665C;font-size:10px;padding:18px;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
footer{padding: 60px 0 0 0;}
footer .l-box{display: inline-block;vertical-align: top;width: 100%;text-align:left;background-color:#eee;height:300px;}
footer .r-box{display: inline-block;vertical-align: top;width: 100%;text-align:left;padding:30px 0 0 0;line-height: 1.6;font-size: 12px;}

}
@media screen and (max-width: 480px){
footer .shop-time{margin-top:20px;}
.f-pagelink{font-size:2.8vw;}
footer .copyright{margin:40px 0 0 0;background-color:#fff;color:#3F665C;padding:0 15px 60px 15px;}
}

/*--------------------------------------------------------------------------------*/

.accordion-container {
position: relative;
width: 100%;
text-align: left;
cursor: pointer;
border-bottom: 1px solid #ddd;
line-height: 1.4;
}

.accordion-container .accordion-title {
display: block;border-top: 1px solid #ddd;
position: relative;
margin: 0;
padding:18px 60px 18px 5px;
font-weight: normal;
 font-size:12px;
background:transparent url(images/q.png) no-repeat left 30px top 30px;
background-size:20px auto;
}



.accordion-title{position: relative;}

.accordion-title:after {
content: "";
position: absolute;
right: 10px;
top: 38%;
transition: all 0.2s ease-in-out;
display: block;
width: 8px;
height: 8px;
border-top: solid 1px #000;
border-right: solid 1px #000;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.accordion-title.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 45%;
}

.accordion-content {
display: none;
padding:0 60px 18px 5px;
background:transparent url(images/a.png) no-repeat left 30px top 5px;
background-size:20px auto;
 font-size:12px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:600px){

}

/*--------------------------------------------------------------------------------*/

.alignleft{
float: left;
margin: 3px 20px 3px 0;
}
.aligncenter{
display: block;
margin: 0 auto 10px auto;
}
.alignright{
float: right;
margin: 3px 0 3px 20px;
}
.alignnone{display: block;}


.invisible {
transition: opacity 0.5s ease;
opacity: 0.0;
}

.visible {
transition: opacity 0.5s ease;
opacity: 1.0;
}

.block {
/* 1秒遅れてアニメする */
animation-delay: 1s;
}
.fade {
-webkit-animation-duration: 5s;
animation-duration: 5s !important;
}

/*右部FIXリンク */
#right-fix{width: ;height;position:fixed;top: 250px;right: 0;}

/* 下部FIXメニュー */
#bottom-fix{width: 100%;display: none;background:transparent;height:46px;vertical-align:bottom;position:fixed;bottom: 0;text-align:center;}
#bottom-fix a{display: block;padding: 10px 0 0 0;height:46px;}
#bottom-fix a:hover{text-decoration: none !important;}

#bottom-fix img{height: 30px;width:auto;max-width: none !important;}

#bottom-fix .en{font-size:15px !important;margin-bottom:2px;}
#bottom-fix .jp{font-size:8px !important;}

.fix01{display: inline-block;background: #F9F8F3 !important;height:46px;vertical-align:bottom;width:46px;text-align:center;}
.fix02-03{display: inline-block;height:46px;vertical-align:bottom;width: calc(100% - 46px);margin-left: ;
  margin-right: auto;}
.fix02{display: inline-block;background: #EEB938 !important;height:46px;vertical-align:bottom;width:50%;color:#3F665C;}
.fix02:hover{opacity: 0.8;}
.fix03{display: inline-block;background:#CC3300 !important;height:46px;vertical-align:bottom;width:50%;color:#fff;}
.fix03:hover{opacity: 0.8;}
.fix03 a{color:#fff;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px){
#right-fix{display: none;}
#bottom-fix{display: block;}
}
@media screen and (max-width: 360px){
#bottom-fix a{display: block;}
#bottom-fix img{width:auto;max-width: none !important;}
}
/*--------------------------------------------------------------------------------*/