/*20241218メニューバー修正*/
@media screen and (min-width: 997px) {
.m-grovalnav .gnav_pcoff_list {
display: none;
}
.m-headerabove .head_right ul.head_btnul li.gnav_pcon_icon {
display: block;
}
.m-headerabove .head_right ul.head_btnul li.gnav_pcoff_icon {
display: none;
}
}
@media screen and (max-width: 996px) {
.m-grovalnav .gnav_pcoff_list {
display: block;
}
.m-headerabove .head_right ul.head_btnul li.gnav_pcon_icon {
display: none!important;
}
.m-headerabove .head_right ul.head_btnul li.gnav_pcoff_icon {
display: block;
}
.m-headerabove .head_right ul.head_btnul li a p.gnav_gothic{
font-size:.8rem;
line-height: .8rem;
}
}
@media screen and (max-width: 1000px) {
.m-grovalnav ul li a.gnav_pcoff_area {
background-color: rgba(72,72,72,0.9)!important;
}
}
/*送料無料の箇所*/
.fs-c-productPostage {
font-weight: bold;
padding-bottom: 5px;
color: #c93037;
}
.fs-c-productPostage::after {
content: "] ※北海道・沖縄県は送料別途500円";
}
/*商品マーク*/
.fs-body-product .mark_freeshipping {
display: none;
}
/*カートボタン*/
.cart_btn_c {
height: 25px;
background:#BF0A10 url("../img/detail_item/item_cart_icon.svg") no-repeat 100% center;
border: none;
color: #FFFFFF;
font-size: 1.4rem;
font-weight: 400;
padding: 0 5px;
letter-spacing: .1rem;
transition: 0.3s;
-webkit-transition: 0.3s;
}
.cart_btn_c:hover {
text-decoration: none;
opacity: none;
}
/*トップページお知らせ*/
.top_notice {
width: 100%;
height: auto;
background: url("https://fontana.itembox.design/item/img/top/top_sec01_bg.jpg") center no-repeat;
background-size: cover;
padding: 80px 0 50px;
position: relative;
}
.top_notice_box {
border: 1px solid #222020;
padding: 20px;
background: #FFFFFF;
margin-bottom: 10px;
}
.top_notice_title {
font-weight: bold;
color: #FFF;
background: #222020;
padding: 5px;
font-size: 1.8rem;
text-align: center;
margin: 0 0 10px 0;
}
.top_notice_title_pink {
font-weight: bold;
color: #FFF;
background: #FF0033;
padding: 5px;
font-size: 1.8rem;
text-align: center;
margin: 0 0 10px 0;
}
.top_notice_red {
color:#f14064;
font-weight: bold;
}
/* max 767px */
@media screen and (max-width: 767px) {
.top_notice {
padding: 40px 0 20px;
}
.top_notice_box {
padding: 10px;
font-size: 1.2rem;
line-height: 2.0rem;
}
.top_notice_title {
padding: 3px;
font-size: 1.4rem;
margin: 0 0 6px 0;
}
}
/*中間ページお知らせ*/
.notice {
width: 100%;
height: auto;
background-size: cover;
padding: 0;
position: relative;
margin-bottom: 20px;
}
/* max 767px */
@media screen and (max-width: 767px) {
.notice {
padding: 0;
}
}
/*トップページクーポン*/
.top_coupon {
width: 100%;
height: auto;
background: url("https://fontana.itembox.design/item/img/top/top_sec01_bg.jpg") center no-repeat;
background-size: cover;
padding: 80px 0 50px;
position: relative;
}
.top_coupon_box {
border: 1px solid #222020;
padding: 20px;
text-align: center;
background-color:#FFFFFF; 
}
.top_coupon_img {
margin-bottom: 10px;
width: 100%;
}
@media screen and (max-width: 767px) {
.top_coupon {
padding: 40px 0 50px;
}
.top_coupon_box {
padding: 10px;
font-size: 1.2rem;
line-height: 2.0rem;
}
.top_coupon_img {
margin-bottom: 5px;
width: 100%;
}
}
/*商品ページクーポン*/
.itempage_coupon {
width: 100%;
height: auto;
background-size: cover;
padding: 0 0 50px;
position: relative;
}
@media screen and (max-width: 767px) {
.itempage_coupon {
padding: 0 0 30px;
}
}
/*商品詳細ページ食べ方*/
.itemdetail_guide_box{
width: 100%;
height: auto;
padding: 100px 0 100px;
position: relative;
}
.itemdetail_guide_box ul.itemdetail_guide{
width: 100%;
height: auto;
}
.itemdetail_guide_box ul.itemdetail_guide li{
width: calc(50% - 20px);
height: 350px;
margin-right: 40px;
background-color: #212121;
border-radius:60px 0 0 0;
overflow: hidden;
}
.itemdetail_guide_box ul.itemdetail_guide li:nth-child(2){
margin-right: 0px;
border-radius:0px 60px 0 0;
}
.itemdetail_guide_box ul.itemdetail_guide li a{
position: relative;
display: block;
width: 100%;
height: 100%;
}
.itemdetail_guide_box ul.itemdetail_guide li a p{
width: 100%;
height: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .4s ease-in-out;
background-color: #212121;
}
.itemdetail_guide_box ul.itemdetail_guide li a:hover p{
 -webkit-transform: scale(1.06);
  transform: scale(1.06);
}
.itemdetail_guide_box ul.itemdetail_guide li a p img{
width: 100%;
height: 100%;
object-fit: cover;
opacity: .8;
transition: all .4s;
}
.itemdetail_guide_box ul.itemdetail_guide li a:hover p img{
opacity: .6
}
.itemdetail_guide_box ul.itemdetail_guide li a div.min{
position: absolute;
bottom:20px;
right:30px;
color:#fff;
font-size:2.6rem;
z-index: 1;
}
.itemdetail_guide_box ul.itemdetail_guide li a span{
position: relative;
}
.itemdetail_guide_box ul.itemdetail_guide li a span:before{
content:'';
background: url("https://fontana.itembox.design/item/img/top/arrow_rightbgw.svg") center no-repeat;
background-size: contain;
width: 23px;
height: 23px;
position: absolute;
top:50%;
left:-34px;
transform: translateY(-50%) ;
transition: all .4s;
}
.itemdetail_guide_box ul.itemdetail_guide li a:hover span:before{
left:-28px;
}
@media screen and (max-width: 960px) {
.itemdetail_guide_box ul.itemdetail_guide li{
width: 100%;
height: 240px;
margin-right: 0px;
border-radius:40px 40px 0 0;
}
.itemdetail_guide_box ul.itemdetail_guide li:nth-child(2){
border-radius:0px 00px 40px 40px;
margin-top: 20px;
}
.itemdetail_guide_box ul.itemdetail_guide li a div.min{
bottom:10px;
left:60px;
}
.itemdetail_guide_box ul.itemdetail_guide li a span:before{
content:'';
width: 20px;
height: 20px;
left:-26px;
}
.itemdetail_guide_box ul.itemdetail_guide li a p img{
opacity: .6;
}
}
/* max 767px */
@media screen and (max-width: 767px) {
.itemdetail_guide_box{
padding: 50px 0;
}
.itemdetail_guide_box ul.itemdetail_guide li{
height: 200px;
}
.itemdetail_guide_box ul.itemdetail_guide li a div.min{
bottom:16px;
left:60px;
font-size:1.8rem;
line-height: 2.4rem;
}
}
/*会員ステージ特典*/
.fs-p-announcement .m_title ,
.fs-c-specTableContainer .m_title {
font-size: 18px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #999;
margin: 0 0 10px 0;
}
.memberlanks{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  justify-content: center;
  -webkit-justify-content: center;
        }
.memberlank {
  flex: 0 0 19.8%;
  text-align: center;
  border: 1px solid #999;
  box-sizing: border-box;
  margin:0 auto 2em;
        }
.memberlank p {
margin: 0;
padding: 0.5em 0;
border-bottom: 1px dotted #999;
        }
.memberlank .reg{
  background: #b22222;
  color: #fff;
  padding: 10px;
  margin: 0;
  font-weight: bold;
        }
.memberlank .sil{
  background: #c0c0c0;
  color: #fff;
  padding: 10px;
  margin: 0;
  font-weight: bold;
        }
.memberlank .gol{
  background: #daa520;
  color: #fff;
  padding: 10px;
  margin: 0;
  font-weight: bold;
        }
.memberlank .pla{
  background: #00bfff;
  color: #fff;
  padding: 10px;
  margin: 0;
  font-weight: bold;
        }
.memberlank .dia{
  background: #000;
  color: #fff;
  padding: 10px;
  margin: 0;
  font-weight: bold;
        }
.memberlank .noboder {
border-bottom: none;
}
@media screen and (max-width: 640px){
.memberlanks {
    flex-direction: column;
    -webkit-flex-direction: column;
}
  .memberlank {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
      margin:0 auto 1em;
      width: 100%;
}
}
/*よくあるご質問*/
.list_menu_box {
border: 1px solid #999999;
margin: 10px 0 20px 0;
}
ul.qalist li {
    position: relative;
	margin:0 15px 0 5px;
	float:left;
	padding:2px 0 0 10px;
    list-style: none;
}
ul.qalist li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #F6A38B;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.qabox {
	margin:5px 0 15px 0;
	width:100%;
}
.qabox th {
	font-weight:normal;
	background:#FEF5E4;
	padding:5px 5px;
	text-align:left;
	line-height:130%;
}
.qabox .ques{
	font-weight:bold;
	font-size:16px;
	color:#900;
}
.qabox td {
	font-weight:normal;
	padding:5px 5px 5px 21px;
	text-align:left;
	line-height:130%;
}
.qabox .ans{
	font-weight:bold;
	font-size:16px;
	color:#006;
	margin:0 0 0 -16px;
}
/*共通小見出し*/
.cate_sub {
	border-bottom:1px solid #300;
    font-size: 120%;
	margin:0 0 8px 0;
}
/*焼き方*/
.fs-yakikata {
margin-bottom: 30px;
}
.fs-yakikata .m_title {
font-size: 22px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #999;
margin: 0 0 10px 0;
}
.fs-yakikata .s_title {
font-size: 16px;
text-align: left;
margin: 0 0 15px 0;
line-height: 130%;
}
.yakikatas {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
        }
.yakikata {
  display: flex;
  flex-direction: column;
  flex: 0 0 24.5%;
  text-align: center;
  border: 1px solid #999;
  box-sizing: border-box;
  margin:15px auto 2em;
        }
.kaitou {
  display: flex;
  flex-direction: column;
  flex: 0 0 49.5%;
  text-align: center;
  border: 1px solid #999;
  box-sizing: border-box;
  margin:15px auto 2em;
        }
.yakikata p,
.kaitou p {
  margin: 0;
  padding: 0.5em;
  text-align: left;
  line-height: 130%;
        }
.yakikata p em,
.kaitou p em {
font-style: normal;
font-weight: bold;
color: #CC3333;
        }
.yakikata .boxtitle,
.kaitou .boxtitle {
  position: relative;
  background: #b22222;
  font-weight: bold;
  color: #fff;
  padding: 6px;
  font-size: 16px;
}
.yakikata .boxtitle:after,
.kaitou .boxtitle:after{
  position: absolute;
  font-weight: bold;
  content: 'おススメ！';
  background: #0033FF;
  color: #ff0;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.05em;
}
.yakikata .boxtitle2,
.kaitou .boxtitle2{
  background: #b22222;
  font-weight: bold;
  color: #fff;
  padding: 6px;
  font-size: 16px;
}
.yakikata .timeword, 
.kaitou .timeword {
  padding: 10px;
  margin: 0;
  font-weight: bold;
  font-size: 18px;
}
.yakikata .notes,
.kaitou .notes{
  margin: auto 5px 5px 5px;
  padding: 8px;
  background: #FFFFCC;
  border-radius: 7px;
  font-size: 12px;
  line-height: 130%;
}
.yakikatapoint ul {
border: solid 1px #999999;
border-radius: 10px;
background: #f6ebbf;
padding: 10px;
position: relative;
list-style-type: none;
}
.yakikatapoint ul li {
background: url(https://fontana.itembox.design/item/img/common/check-solid.svg) 6px 16px no-repeat;
background-size: 18px auto;
padding: 1em 1.5em 0.5em 2em;
}
@media screen and (max-width: 640px){
.yakikatas, .kaitou {
    flex-direction: column;
    -webkit-flex-direction: column;
}
  .yakikata .kaitou {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
      margin:0 auto 1em;
      width: 100%;
}
}
/*トップページ焼き方*/
.fs-top_yakikata {
margin-bottom: 30px;
}
.fs-top_yakikata .m_title {
font-size: 22px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #999;
margin: 0 0 10px 0;
}
.fs-top_yakikata .s_title {
font-size: 16px;
text-align: left;
margin: 0 0 15px 0;
line-height: 130%;
}
.top_yakikata {
  display: flex;
  flex-direction: column;
  flex: 0 0 32%;
  text-align: center;
  border: 1px solid #666;
border-radius: 10px;
  box-sizing: border-box;
  margin:15px auto 2em;
        }
.top_yakikata p {
  margin: 0;
  padding: 0.5em;
  text-align: left;
  line-height: 130%;
        }
.top_yakikata p em {
font-style: normal;
font-weight: bold;
color: #CC3333;
        }
.top_yakikata .boxtitle {
  position: relative;
  background: #b22222;
  font-weight: bold;
  color: #fff;
  padding: 2px;
  font-size: 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.top_yakikata .boxtitle2 {
  background: #b22222;
  font-weight: bold;
  color: #fff;
  padding: 2px;
  font-size: 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.top_yakikata .timeword {
  padding: 6px;
  margin: 0;
  font-weight: bold;
  font-size: 18px;
}
.top_yakikata .notes {
  margin: auto 5px 5px 5px;
  padding: 8px;
  background: #FFFFCC;
  border-radius: 7px;
  font-size: 12px;
  line-height: 130%;
}
@media screen and (max-width: 640px){
.top_yakikata {
  margin:5px 0;
        }
.fs-top_yakikata .m_title {
font-size: 16px;
line-height: 1.2em;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #999;
margin: 0 0 6px 0;
padding-bottom: 5px;
}
.fs-top_yakikata .s_title {
font-size: 14px;
text-align: left;
margin: 0;
line-height: 1.2em;
}
.top_yakikata .timeword {
  padding: 4px;
  margin: 0;
  font-weight: bold;
  font-size: 16px;
}
.img-posi {
text-align: center;
}
.img-posi img {
width: 70%;
}
.top_yakikata p {
  margin: 0;
  padding: 0.5em;
  text-align: left;
  line-height: 130%;
  font-size: 12px;
        }
}
/*会社概要*/
.cp_prof table {
width: 100%;
border-collapse: collapse;
}
.cp_prof th {
width: 30%;
border: 1px solid #666666;
background: #EFEFEF;
text-align: center;
font-weight: bold;
padding: 5px;
}
.cp_prof td {
width: 70%;
border: 1px solid #666666;
padding: 5px;
}
/*選べるセット*/
.lp_body {
text-align: left;
}
.eraberu_title_r {
font-size: 25px;
font-weight: bold;
background: #CC0000;
padding: 12px;
text-align: center;
color: #FFFF99;
border-radius: 8px;
margin-bottom: 20px;
line-height: 110%;
}
.eraberu_title_g {
font-size: 25px;
font-weight: bold;
background: #003300;
padding: 12px;
text-align: center;
color: #FFFF99;
border-radius: 8px;
margin-bottom: 20px;
line-height: 110%;
}
.eraberu_title_b {
font-size: 25px;
font-weight: bold;
background: #663300;
padding: 12px;
text-align: center;
color: #FFFF99;
border-radius: 8px;
margin-bottom: 20px;
line-height: 110%;
}
.title_br {
display: none;
}

.eraberu_buffala {
  display: flex;
  display: -webkit-flex;
  margin-bottom: 50px;
}
.eraberu_buffala_img {
flex: 0 0 55%;
}
.eraberu_buffala_word {
margin-left: 20px;
}
.eraberu_list {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
}
.eraberu_list_item {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
flex: 0 0 32.5%;
margin-bottom: 15px;
}
.eraberu_list_item img,
.eraberupp_list_item img {
margin-bottom: 5px;
}
.eraberu_list_img,
.eraberupp_list_item {
position: relative;
}
.eraberupp_list_item {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
flex: 0 0 49%;
margin-bottom: 15px;
}
.sum_obi {
position: absolute;
top:0;
left: 0;
}
.item_num {
color: #FFFFFF;
font-size: 12px;
margin: 0 0 10px;
}
.item_num span {
padding: 3px 5px;
background: #000000;
}
.item_title {
color: #CC0000;
font-size: 18px;
margin: 0 0 6px;
line-height: 110%;
flex-grow: 1;
}
.item_desc {
font-size: 14px;
line-height: 110%;
margin: 0;
flex-grow: 1;
}
.item_atten {
font-size: 14px;
line-height: 110%;
color: #FF3300;
margin-top: 10px;
font-weight: bold;
}
.fukusu_set {
border: 1px solid #000000;
padding: 14px;
border-radius: 10px;
margin-bottom: 50px;
}
.fukusu_settitle {
font-size: 18px;
text-align: center;
line-height: 120%;
margin-bottom: 10px;
}
.fukusu_settitle span {
font-size: 20px;
color: #006600;
}
.fukusu_setbox {
display: flex;
display: -webkit-flex;
}
.fukusu_setbox_img {
flex: 0 0 45%;
}
.fukusu_setbox_word {
margin-left: 20px;
}
.fukusu_set hr {
margin: 10px 0;
border-top: 1px solid #666666;
}
.plus_icon {
text-align: center;
margin: 10px 0 30px 0;
}
.item_body_box {
font-size: 16px;
font-weight: bold;
margin-bottom: 50px;
}
.item_body_title {
font-weight: bold;
color: #FFF;
background: #222020;
padding: 5px;
font-size: 1.8rem;
text-align: center;
margin: 0 0 10px 0;
}
.item_body_txt {
text-align: center;
color: #000000;
line-height: 160%;
}
@media screen and (max-width: 640px){
.eraberu_title_r,
.eraberu_title_g,
.eraberu_title_b {
font-size: 18px;
}
.title_br {
display: block;
}
.eraberu_buffala {
flex-direction: column;
-webkit-flex-direction: column;
}
.eraberu_buffala_img {
margin-bottom: 10px;
}
.eraberu_buffala_word {
margin: 0;
}
.eraberu_list_item {
flex: 0 0 49%;
margin-bottom: 10px;
}
.eraberu_list_item,
.eraberupp_list_item {
flex: 0 0 49%;
margin-bottom: 10px;
}
.sum_obi {
width: 60%;
}
.fukusu_setbox {
flex-direction: column;
-webkit-flex-direction: column;
}
.fukusu_setbox_img {
margin-bottom: 10px;
}
.fukusu_setbox_word {
margin: 0;
}
.item_body_box {
font-size: 1.2rem;
line-height: 2.0rem;
}
.item_body_title {
padding: 3px;
font-size: 1.4rem;
margin: 0 0 6px 0;
}
.item_body_txt {
font-size: 1.4rem;
}
}
/*商品説明文*/
.fs-p-productDescription--full .itemdesc_title {
color: #FFFFFF;
background: #FF0000;
}
.fs-p-productDescription--full .itemdesc_title2 {
color: #FFFF00;
background: #000000;
}
.fs-p-productDescription--full .itemdesc_redbold {
border-bottom: 1px solid;
}
.fs-p-productDescription--full .itemdesc_atten {
color: #FF6600;
}
/*こだわり*/
.kodawari_maki {
margin-bottom: 50px;
}
.kodawari_maki img {
width: 100%;
}
.kodawari_maki .maki_title_r {
font-size: 25px;
font-weight: bold;
background: #CC0000;
padding: 12px 12px 12px 20px;
text-align: left;
color: #FFFFFF;
margin-top: 20px;
line-height: 110%;
}
.kodawari_maki .maki_title_g {
font-size: 25px;
font-weight: bold;
background: #003300;
padding: 12px 12px 12px 20px;
text-align: left;
color: #FFFFFF;
margin-top: 20px;
line-height: 110%;
}
.kodawari_maki .maki_title_o {
font-size: 25px;
font-weight: bold;
background: #CC6600;
padding: 12px 12px 12px 20px;
text-align: left;
color: #FFFFFF;
margin-top: 20px;
line-height: 110%;
}
.kodawari_maki p {
margin: 10px 0 30px 0;
}
.kodawari_maki p span {
color: #990000;
font-weight: bold;
}
.kodawari_maki p .chui {
font-size: 90%;
color: #ff6600;
}
@media screen and (max-width: 640px){
.kodawari_maki .maki_title_r,
.kodawari_maki .maki_title_g,
.kodawari_maki .maki_title_o {
font-size: 18px;
text-align: center;
}
}
/*OEM募集*/
.oem_body {
margin-bottom: 50px;
}
.oem_body img {
width: 100%;
}
.oem_body .oem_title {
font-size: 25px;
font-weight: bold;
background: #999999;
padding: 12px;
text-align: center;
color: #000000;
margin: 20px 0 10px 0;
line-height: 110%;
}

.oem_title_word {
margin: 10px 0 30px 0;
}
.customer_list {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
}
.customer_list_item {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
flex: 0 0 32.5%;
margin-bottom: 15px;
border: 1px solid #9999;
padding: 10px;
}
.customer_list_item img {
margin-bottom: 5px;
}
.customer_list_img {
position: relative;
}
.customer_title {
font-size: 18px;
margin: 0 0 6px;
line-height: 110%;
flex-grow: 1;
}
.customer_desc {
font-size: 14px;
line-height: 110%;
margin: 0;
flex-grow: 1;
}
@media screen and (max-width: 640px){
.oem_body .oem_title {
font-size: 18px;
text-align: center;
}
.customer_list_item {
flex: 0 0 49%;
margin-bottom: 10px;
}
}
/*社内注文ページ*/
.inside_order {
text-align: center;
margin-bottom: 80px;
}
.inside_order_title {
font-size: 18px;
margin-bottom: 20px;
}
.inside_order_table {
width: 100%;
margin-bottom: 16px;
border: 2px solid #999999;
border-collapse: collapse;
text-align: center;
}
.inside_order_table th,
.inside_order_table td {
width: 33%;
border: 1px solid #999999;
padding: 10px;
text-align: center;
}
.inside_order_table_kazu td {
border: none;
margin-top: 5px;
}
.inside_order_table_kazu input {
width: 20%;
}
/*業務用*/
.wholesale_body {
margin-bottom: 50px;
}
.wholesale_body .wholesale_title {
font-size: 25px;
font-weight: bold;
background: #660000;
padding: 12px;
text-align: center;
color: #FFFFFF;
margin: 20px 0 20px 0;
line-height: 110%;
}
.wholesale_title_word {
margin: 10px 0 30px 0;
}
.wholesale_merit_list {
margin: 0;
padding: 0 20px;
list-style: none;
}
.wholesale_merit_list li {
margin: 0 0 20px 0;
padding-left: 70px;
font-size: 18px;
line-height: 1.5em;
background: left top no-repeat;
background-size: 50px 50px;
}
.wholesale_merit_list li:nth-child(1) {
background-image: url(https://fontana.itembox.design/item/img/wholesale/merit_1.png);
}
.wholesale_merit_list li:nth-child(2) {
background-image: url(https://fontana.itembox.design/item/img/wholesale/merit_2.png);
}
.wholesale_merit_list li:nth-child(3) {
background-image: url(https://fontana.itembox.design/item/img/wholesale/merit_3.png);
}
.wholesale_qa_list {
margin: 0;
padding: 0 20px;
list-style: none;
}
.wholesale_qa_list li {
margin: 0 0 20px 0;
padding-left: 70px;
font-size: 18px;
line-height: 1.5em;
background: left top no-repeat;
background-size: 50px 50px;
}
.wholesale_qa_list li:nth-child(2n+1) {
background-image: url(https://fontana.itembox.design/item/img/wholesale/wholesale_Q.png);
}
.wholesale_qa_list li:nth-child(2n+1) p {
padding-top: 15px;
padding-bottom: 15px;
}
.wholesale_qa_list li:nth-child(2n) {
background-image: url(https://fontana.itembox.design/item/img/wholesale/wholesale_A.png);
padding-bottom: 15px;
border-bottom: dotted 1px #999999;
}
.wholesale_qa_list li:nth-child(2n)  span {
color: #FF0033;
}
.wholesale_tokuten_pc {
display: block;
}
.wholesale_tokuten_pc img {
width: 100%;
margin: 0 0 10px 0;
border: 1px solid #666666;
}
.wholesale_tokuten_sp {
display: none;
}
@media screen and (max-width: 640px){
.wholesale_body .wholesale_title {
font-size: 18px;
text-align: center;
}
.wholesale_merit_list li {
padding-left: 40px;
font-size: 16px;
line-height: 1.5em;
background: left top no-repeat;
background-size: 30px 30px;
}
.wholesale_qa_list li {
padding-left: 40px;
font-size: 16px;
line-height: 1.5em;
background: left top no-repeat;
background-size: 30px 30px;
}
.wholesale_qa_list li:nth-child(2n+1) p {
padding-top: 4px;
padding-bottom: 4px;
}
.wholesale_tokuten_pc {
display: none;
}
.wholesale_tokuten_sp {
display: block;
}
.wholesale_tokuten_sp img {
width: 100%;
margin: 0 0 5px 0;
border: 1px solid #666666;
}
}
/*グループページタイトル*/
.fs-c-heading--page {
background-image: url(https://fontana.itembox.design/item/img/top/top_asirai02.svg),
url(https://fontana.itembox.design/item/img/top/top_asirai06.svg);
background-position: left 25%, right top;
background-repeat: no-repeat, no-repeat;
background-size: 20% auto, 15% auto;
background-color: #fafafa;
color: #4c5156;
height: 100px;
font-weight: bold;
font-size: 2rem;
margin: 0 0 18px;
padding: 0 120px 0;
text-align: right;
line-height: 100px;
border: none;
}
@media screen and (max-width: 640px){
.fs-c-heading--page {
background-image: url(https://fontana.itembox.design/item/img/top/top_asirai02.svg),
url(https://fontana.itembox.design/item/img/top/top_asirai06.svg);
background-position: -5% 25%, 105% -5%;
background-repeat: no-repeat, no-repeat;
background-size: 25% auto, 25% auto;
background-color: #fafafa;
color: #4c5156;
height: 60px;
font-weight: bold;
font-size: 1.6rem;
margin: 0 0 18px;
padding: 0;
text-align: center;
line-height: 60px;
border: none;
}
}
/*お気に入りタイトル*/
.fs-c-wishlistProduct__title {
margin: 20px 0 10px 0;
}
/*単品ページのセット商品リスト*/
.set_list {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
}
.set_list_item {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
flex: 0 0 32.5%;
margin-bottom: 15px;
}
.set_list::after {
display: block;
content:"";
width: 32.5%;
}
.set_list_item img {
margin-bottom: 5px;
}
.set_list_img {
position: relative;
}
@media screen and (max-width: 640px){
.set_list_item {
flex: 0 0 49%;
margin-bottom: 10px;
}
}
/*おすすめ商品*/
.osusume_body {
margin-top: 60px;
}
/* max 767px */
@media screen and (max-width: 767px) {
.osusume_body {
margin-top: 30px;
}
}
.osusume_single .fs-c-productName__copy {
display: none;
}
.osusume_single .fs-c-productMarks {
display: none;
}
.osusume_single .fs-c-button--addToWishList--icon {
display: none;
}
.osusume_single .slick-slider .slick-list .slick-slide div {
margin: 0!important;
}
.osusume_single .fs-c-button--plain.fs-c-button--addToCart--list::before {
display: none;
}
.osusume_body .mng_sec_title {
	padding-bottom: 20px;
}
/* max 767px */
@media screen and (max-width: 767px) {
.osusume_body .mng_sec_title {
	padding-bottom: 20px;
}
}
/*カテゴリページで色々非表示*/
.fs-c-productList__list .fs-c-productName__copy {
display: none;
}
.fs-c-productList__list .fs-c-button--addToWishList--icon {
display: none;
}
.fs-c-productList__list .fs-c-mark--coolDelivery {
display: none;
}
/*直径20cmバナー*/
.c20cmbnr {
border: 1px solid #999999;
padding: 16px;
margin-top: 10px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.c20cmbnr .c20_pic {
min-width: 182px;
margin-right: 15px;

}
.c20cmbnr .c20_txt {
line-height: 130%;
padding: 0;
margin: 0;
font-size: 16px;
}
.c20cmbnr .c20_txt em {
font-style: normal;
font-weight: bold;
color: #cc0000;
}
/* max 767px */
@media screen and (max-width: 767px) {
.c20cmbnr .c20_pic {
min-width: 40%;
}
}
/*ピックアップブログ*/
#b_card_box {
display: block;
transition: 0.3s;
}
#b_card_box a {
text-decoration: none;
}
#b_card_box:hover {
opacity: 0.7;
}
.b_card {
padding: 0;
border: 1px solid #cccccc;
border-radius: 5px;
margin: 2rem 0 2rem;
display: flex;
align-items: center;
}
.b_card a {
text-decoration: none;
}
.b_card h1 {
font-size: 140%;
color: #003399;
line-height: 2.5rem;
}
.b_card_img {
padding: 0;
margin: 0;
}
.b_card img {
width: 200px;
border-radius: 5px 0 0 5px;
padding: 0;
margin: 0 20px 0 0;
}
.b_card .b_card_desc {
margin: 0 10px 0 0;
text-align: left;
}
.b_card p {
font-size: 100%;
line-height: 1.8rem;
margin-bottom: 0.5rem;
color: #000000;
}
.b_card .next {
display: block;
font-size: 90%;
line-height: 1rem;
color: #0099ff;
text-align: right;
}

@media screen and (max-width: 768px) {
.b_card {
flex-direction: column;
margin: 2rem 0 1rem;
}
.b_card img {
width: 100%;
height: 160px;
object-fit: cover;
border-radius: 5px 5px 0 0;
padding: 0;
margin: 0;
}
.b_card .b_card_desc {
margin: 0;
padding: 1rem 1rem 1rem 1rem;
}
}
/*Youtube埋め込み*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
margin-bottom: 10px;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
/*アンカーリンク飛び先*/
a.jump_point {
height: 1px;
display: block;
padding-top: 120px;
margin-top: -120px;
}
/*マイページ会員ステージ周り*/
.fs-p-accountInfobox {
flex-basis: 35%;
flex-direction: column;
}
.fs-body-my-top .fs-p-accountInfo {
    margin-bottom: 0px;
}
.fs-p-accountInfo__header, .fs-p-accountInfo__currentPurchase {
display: flex;
flex-direction: column;
align-items: center;
}
.fs-p-accountInfo__accountRank {
padding-bottom: 6px;
}
#stagecol {
font-weight: bold;
color: #fff;
padding: 4px;
margin: 2px 0;
}
.reg_col{
background: #b22222;
}
.sil_col{
background: #c0c0c0;
}
.gol_col{
background: #daa520;
}
.pla_col{
background: #00bfff;
}
.dia_col{
background: #000;
}
.fs-p-card {
background: #FFFFFF;
margin-top: 10px;
padding: 0 12px;
border: none;
}
.fs-p-card__title {
font-size: 1.4rem;
margin-top: 4px;
text-align: center;
padding-bottom: 8px;
border-bottom: none;
}
.fs-p-card__message {
font-size: 1.2rem;
    padding: 0 8px;
}
/*トップページ定番*/
ul.teiban li .teiban_cntnt .txt em {
font-style: normal;
color: #FFFF00;
background: #000000;
}
/*催事エリア*/
.mng_top_shunen {
text-align: center;
width: 100%;
height: auto;
background: url("https://fontana.itembox.design/item/img/top/12shunen_bg_bk.jpg") center repeat-y;
background-size: cover;
padding: 60px 0 60px;
position: relative;
}
.mng_top_shunen img  {
width: 800px;
margin-bottom: 20px;
}
.mng_top_shunen img.cp  {
width: 794px;
margin-bottom: 10px;
border: 3px solid #FFFFFF;
text-align: center;
}
.tateten {
font-size: 2rem;
color: #FFFFFF;
padding: 0;
margin: 0;
}
.wmoji {
font-size: 1.3rem;
color: #FFFFFF;
padding: 0;
margin: 0;
}
@media screen and (max-width: 767px) {
.mng_top_shunen {
  padding: 40px 10px 20px 10px;
}
.mng_top_shunen img.cp  {
border: 2px solid #FFFFFF;
}
.wmoji {
font-size: 0.8rem;
}
}
/*復興支援*/
.fukkou_kiji {
display: flex;
display: -webkit-flex;
margin-bottom: 20px;
justify-content: space-between;
}
.fukkou_kiji_img {
flex: 0 0 33%;
}
.fukkou_kiji_img .cap {
font-size: 12px;
text-align: center;
margin-top: 5px;
}
.fukkou_kiji_word {
flex: 0 0 65%;
}
.fukkou_kiji_title {
font-size: 18px;
margin: 0 0 6px;
padding-bottom: 2px;
line-height: 1.2em;
flex-grow: 1;
border-bottom: solid 1px #CC0033;
font-weight: bold;
}
.fukkou_kiji_txt {
line-height: 1.6em;
margin-bottom: 10px;
font-size: 1.1em;
}
.fukkou_kiji_txt span {
color:#CC0033;
font-weight: bold;
}
.fukkou_kiji_ad {
background: #FFFFCC;
padding: 10px;
font-size: 12px;
line-height: 1.4em;
}
.fukkou_kiji_ad a:link,a:hover,a:visited {
color: #0066CC;
text-decoration: none;
}
@media screen and (max-width: 640px){
.fukkou_kiji {
flex-direction: column;
}
.fukkou_kiji_img img {
width: 100%;
}
.fukkou_kiji_img {
order:2;
}
}
/*汎用記事*/
.kiji {
display: flex;
display: -webkit-flex;
margin-bottom: 20px;
justify-content: space-between;
}
.kiji_img {
flex: 0 0 45%;
}
.kiji_img .cap {
font-size: 12px;
text-align: center;
margin-top: 5px;
}
.kiji_word {
flex: 0 0 55%;
}
.kiji_title {
font-size: 18px;
margin: 0 0 6px;
padding-bottom: 2px;
line-height: 1.2em;
flex-grow: 1;
border-bottom: solid 1px #CC0033;
font-weight: bold;
}
.kiji_txt {
line-height: 1.6em;
margin-bottom: 10px;
font-size: 1.1em;
}
.kiji_txt span {
color:#CC0033;
font-weight: bold;
}
.kiji_ad {
background: #FFFFCC;
padding: 10px;
font-size: 12px;
line-height: 1.4em;
}
.kiji_ad a:link,a:hover,a:visited {
color: #0066CC;
text-decoration: none;
}
@media screen and (max-width: 640px){
.kiji {
flex-direction: column;
}
.kiji_img img {
width: 100%;
}
.kiji_img {
order:2;
}
}
/*クーポンコード入力欄消す*/
.fs-c-checkout-couponCodeInput {
display: none;
}