@charset "UTF-8";
/* -------------------------
fv_Area
------------------------- */
#fv_Area { width:100%; height:auto; position:relative; }
#fv_Area #fv_Inner { width:100%; height:100%; text-align:center; margin:0 auto; padding:0; position:relative; }
#fv_Area h1 { width:100%!important; text-align:center; padding:0!important; margin:0!important; border:none; }
#fv_Area h1 img { max-width:100%; }
#fv_Area li { float:left; width:25%; height:278px; text-align:left; }
#fv_Area li:nth-child(1) { background:url(/assets/img/products/chuuka/tokeidai/fv_syouyu_bg.webp) no-repeat center; background-size:cover; }
#fv_Area li:nth-child(2) { background:url(/assets/img/products/chuuka/tokeidai/fv_miso_bg.jpg) no-repeat center; background-size:cover; }
#fv_Area li:nth-child(3) { background:url(/assets/img/products/chuuka/tokeidai/fv_kanimiso_bg.webp) no-repeat center; background-size:cover; }
#fv_Area li:nth-child(4) { background:url(/assets/img/products/chuuka/tokeidai/fv_umakara_bg.webp) no-repeat center; background-size:cover; }
#fv_Area li img { width:auto; height:278px; }
/* -------------------------
content
------------------------- */
#brandBox { width:980px; margin:13px auto 0 auto; z-index: 0; }
#content { float:left; width:770px; margin:0 10px 0 0; padding:0 0 50px 0; }
#content #brandInner { width:770px; padding-bottom:40px; background:url(/assets/img/products/chuuka/tokeidai/blandInner_bg.jpg) repeat-y; background-size:100% auto; overflow:hidden; }
#content #brandInner .container { width:100%; margin:0; padding:0; position:relative; }
#content #brandInner .wrap { width:710px; margin:0 auto; padding:0; background:rgb(21,0,1,0.5); position:relative; box-sizing:border-box; }
#content #brandInner #sec01 .wrap { margin-top:60px; padding-bottom:40px; }
#content #brandInner #sec02 .wrap { margin-top:60px; padding-bottom:40px; }
#content #brandInner #sec03 .wrap { margin-top:60px; padding-bottom:40px; }
#content #brandInner .inner { padding:0 55px; position:relative; }
/*--ページ内リンク--*/
#content #brandInner .lnaviBox { width:100%; height:auto; padding:25px 32px 23px 32px; box-sizing:border-box; background:#E3BF6A; }
#content #brandInner .lnaviBox li { float:left; width:31.3333%; height:auto; text-align:center; margin-right:3%; position:relative; }
#content #brandInner .lnaviBox li:last-child { margin-right:0; }
#content #brandInner .lnaviBox li img { max-width:100%; }
/*--小見出し--*/
#content #brandInner .secIcon { width:50px; position:absolute; top:-25px; left:50%; margin-left:-30px; }
#content #brandInner h2 { text-align:center; width:100%; height:auto; margin:0; padding:0; position:relative; z-index:2; }
#content #brandInner h2 img { width:650px; padding:28px 0 30px 0; }
/*--こだわり--*/
#content #brandInner #sec01 .img01 { width:262px; position:absolute; top:-70px; right:30px; }
#content #brandInner #sec01 h3 { width:100%; padding:0; margin:0; }
#content #brandInner #sec01 h3 img { height:25px; }
#content #brandInner #sec01 p { font-size:14px; color:#fff; font-weight:normal; font-feature-settings:"palt"; letter-spacing:0.05em; }
#content #brandInner #sec01 p.txt01 { padding:10px 0 30px 33px }
#content #brandInner #sec01 p.txt02 { padding:10px 0 0 20px }
#content #brandInner #sec01 ul { padding-left:30px;
display:-webkit-box;
display: block;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap; }
#content #brandInner #sec01 li { float:left; margin-top:25px; }
#content #brandInner #sec01 li:nth-child(1) { margin-top:20px; }
#content #brandInner #sec01 li:nth-child(2) { margin-top:20px; }
#content #brandInner #sec01 .liLeft { width:175px; }
#content #brandInner #sec01 .liLeft img { max-width:100%; }
#content #brandInner #sec01 .liRight { width:calc(100% - 175px); }
#content #brandInner #sec01 .liRight .flavorTxt { width:126px; }
/*--作り方 / おすすめ食材--*/
#content #brandInner #sec02 .makingBox { width:100%; height:auto; padding:15px 0 15px 0; margin-bottom:20px; background:#fff; border:4px solid #000; box-sizing:border-box; position:relative; }
#content #brandInner #sec02 .makingBox::before { content:""; position:absolute; top:0; left:0; width:100%; height:35px; background:url(/assets/img/products/chuuka/tokeidai/makingBox_deco_top.jpg) no-repeat center top; background-size:100% auto; }
#content #brandInner #sec02 .makingBox::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:35px; background:url(/assets/img/products/chuuka/tokeidai/makingBox_deco_bottom.jpg) no-repeat center top; background-size:100% auto; }
#content #brandInner #sec02 .makingBox ul { position:relative; z-index:2;
display:-webkit-box;
display: block;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap; }
#content #brandInner #sec02 .makingBox li { float:left; box-sizing:border-box; }
#content #brandInner #sec02 .makingBox .liLeft { width:170px;
text-align:center;
padding:10px 0;
border-right: 1px solid #666666;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;}
#content #brandInner #sec02 .makingBox .liLeft img { width:130px; height: auto; }
#content #brandInner #sec02 .makingBox .liLeft .making_img01 { padding-top:0; width: 120px; }
#content #brandInner #sec02 .makingBox .liLeft .making_img03 { padding-top:0; }
#content #brandInner #sec02 .makingBox .liRight { width:calc(100% - 170px); padding:5px 25px; }
#content #brandInner #sec02 .makingBox .liRight .making_tle { height:32px; }
#content #brandInner #sec02 .makingBox .liRight p { color:#000!important; font-feature-settings:"palt"; letter-spacing:0.05em; }
#content #brandInner #sec02 .makingBox .liRight p span { color:#ff0000; }
#content #brandInner #sec02 .makingBox .liRight .making_txt { font-size:14px; line-height:1.4; padding:10px 15px 0 15px; }
#content #brandInner #sec02 .makingBox .liRight .making_point { height:24px; padding:10px 15px 0 15px; }
#content #brandInner #sec02 .makingBox .liRight .pointBox { margin:-3px 15px 0 15px; padding:8px 12px; background:#fffbb6; }
#content #brandInner #sec02 .makingBox .liRight .pointBox p { font-size:11px; line-height:1.4; }
#content #brandInner #sec02 .makingBox .liRight .pointBox .coutionTxt { font-size:11px; line-height:1.4; }
/*--商品ラインアップ--*/
#content #brandInner .productsList { width:100%; }
#content #brandInner .productsList { padding:0 30px; box-sizing:border-box;
display:-webkit-box;
display: block;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap; }
#content #brandInner .productsList li { float:left; width:25%; padding:0 10px 0 10px; text-align:center; position:relative; box-sizing:border-box; }
#content #brandInner .productsList li .itemDescri { padding:18px 0 0 0; }
#content #brandInner .productsList li .itemDescri h3 { width:100%; font-size:13px; line-height:1.4em; font-weight:normal; color:#fff; padding:0; }
#content #brandInner .productsList li .itemDescri .txt { font-size:14px; line-height:1.6em; text-align:justify; text-justify:inter-ideograph; color:#fff; padding-top:10px; }
#content #brandInner .productsList li a { text-decoration:none; }
#content #brandInner .productsList li .pageLinkBtn { width:100%; background:#190909; border:2px solid #fff; border-radius:10px; margin-top:15px; box-sizing:border-box; }
#content #brandInner .productsList li .pageLinkBtn p { color:#fff; font-size:14px; line-height:1.0em; font-weight:bold; padding:13px 0; }
/*--商品画像--*/
#content #brandInner .productsList img { width:100%; height:auto; padding:0 0 0 0; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3)); }
/*--ホバー設定--*/
#content #brandInner .productsList li:hover .productsItem { transform:scale(1.04, 1.04); transition: all 0.3s; }
#content #brandInner .productsList li:hover h3 { color:#e60012; transform:scale(1.04, 1.04); transition: all 0.3s; }
#content #brandInner .productsList li:hover .pageLinkBtn { background:#e60012; border:2px solid #e60012; }
#content #brandInner .productsList li:hover .pageLinkBtn p { color:#fff; }
@media screen and (max-width: 768px) {
[data-pagetype=brand] .page_products_chuuka #content #brandInner .productsList {
gap: 0 0;
}
[data-pagetype=brand] .page_products_chuuka #content #brandInner .productsList li {
width: calc(50% - 15px) !important;
gap: 0 0;
}
[data-pagetype=brand] .page_products_chuuka #fv_Area li:nth-child(4){
background-image: url(/assets/img/products/chuuka/tokeidai/fv_umakara_bg_sp.webp)
}
#fv_Area li { width: 50%; height: 200px;}
}