/*asahi kitchen common css*/
@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');

/************** layout base ********************/


.clearfix{
overflow:hidden;
}

a{
	text-decoration:none;
}
a.underline{
	text-decoration:underline;
}
.center{text-align:center;}
/*a:hover{
	color:#f79552;
}*/
sup {
	line-height: 100%;
	font-size:10px;
	vertical-align: 0.4em;
}
sub{
	line-height: 100%;
	font-size:10px;
	vertical-align: 0em;
}

.txtLeft{
text-align:left;
}
.txtRight{
text-align:right;
}
.txtCenter{
text-align:center;
}
.fw{font-weight:bold !important;}
.f10{ font-size:10px !important;}
.f11{ font-size:11px !important;}
.f12{ font-size:12px !important;}
.f13{ font-size:13px !important;}
.f14{ font-size:14px !important;}
.f15{ font-size:15px !important;}
.f16{ font-size:16px !important;}
.f17{ font-size:17px !important;}
.f18{ font-size:18px !important;}

.txtRed{ color:#D80000;}
.note{ color:#666666; font-size:12px;}

.fLeft{ float:left;}
.fRight{ float:right;}
.fNon{
	float:none !important;
}

.mTop0{ margin-top:0 !important;}
.mTop5{ margin-top:5px !important;}
.mTop10{ margin-top:10px !important;}
.mTop15{ margin-top:15px !important;}
.mTop20{ margin-top:20px !important;}
.mTop25{ margin-top:25px !important;}
.mTop30{ margin-top:30px !important;}
.mTop35{ margin-top:35px !important;}
.mTop40{ margin-top:40px !important;}
.mTop45{ margin-top:45px !important;}
.mTop50{ margin-top:50px !important;}

.mBtm0{ margin-bottom:0 !important;}
.mBtm5{ margin-bottom:5px !important;}
.mBtm10{ margin-bottom:10px !important;}
.mBtm15{ margin-bottom:15px !important;}
.mBtm20{ margin-bottom:20px !important;}
.mBtm25{ margin-bottom:25px !important;}
.mBtm30{ margin-bottom:30px !important;}
.mBtm35{ margin-bottom:35px !important;}
.mBtm40{ margin-bottom:40px !important;}
.mBtm45{ margin-bottom:45px !important;}
.mBtm50{ margin-bottom:50px !important;}
.mBtm60{ margin-bottom:60px !important;}

.pTop0{ padding-top:0 !important;}
.pTop5{ padding-top:5px !important;}
.pTop10{ padding-top:10px !important;}
.pTop15{ padding-top:15px !important;}
.pTop20{ padding-top:20px !important;}
.pTop25{ padding-top:25px !important;}
.pTop30{ padding-top:30px !important;}
.pTop35{ padding-top:35px !important;}
.pTop40{ padding-top:40px !important;}
.pTop45{ padding-top:45px !important;}
.pTop50{ padding-top:50px !important;}

.pBtm0{ padding-bottom:0 !important;}
.pBtm5{ padding-bottom:5px !important;}
.pBtm10{ padding-bottom:10px !important;}
.pBtm15{ padding-bottom:15px !important;}
.pBtm20{ padding-bottom:20px !important;}
.pBtm25{ padding-bottom:25px !important;}
.pBtm30{ padding-bottom:30px !important;}
.pBtm35{ padding-bottom:35px !important;}
.pBtm40{ padding-bottom:40px !important;}
.pBtm45{ padding-bottom:45px !important;}
.pBtm50{ padding-bottom:50px !important;}
.pBtm60{ padding-bottom:60px !important;}


/************** layout base ********************/
body{
background:#ffffff;
text-align:center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*line-height:1.2;*/
 font-feature-settings: "palt";	
	letter-spacing:0.05em;
}

div,p,dl{
text-align:left;
}

p,dt,dd,li,td,th{
color:#333333;
font-size:12px;
line-height:1.6em;
}
h1,h2,h3,h4,h5,h6{
color:#333333;
font-size:12px;
}

/*------------------ list style----------------*/
.numberList{
	padding:0 0 0 18px;	
}
.numberList li{
	list-style:decimal outside;
	padding:0 0 5px 0;
}

.discList{
	padding:0 0 0 18px;
}
.discList li{
	list-style:disc outside;
	padding:0 0 2px 0;
}

.indentList li{
	padding-left:1em;
	text-indent:-1em;
}


/*****************  contents ***********************/
#contents{
	width:980px;
	padding:0 0 20px 0;
	margin:0 auto;
}

.pageTop{
	text-align:right;
}
/*システムメンテナンス*/
.sm {
	border: #F1080C solid 1px;
	padding :5px;
	margin :0 0 20px 0;
}

.box {
	font-size:14px;
	font-weight:bold;
	text-align:center;
    padding: 0.5em;
    margin: 0.5em 0 2em 0;
    color: #232323;
    background: #FF9;
    border-left: solid 10px #ffc06e;
}
.box a {
    color:#40210f;
}
.box p {
    margin: 0; 
    padding: 0;
}


.btn-sticky {
  /*display: inline-block;
  box-sizing: border-box;*/
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #ff7c5c;/*左線*/
  color: #ff7c5c;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	font-size: 0.85rem;
}

.btn-sticky a{color:#ff7c5c; }
.btn-sticky a:hover{color:#40210f; }

.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

.btn-green {
    background: #f7f7f7;
  border-left: solid 6px #006934;/*左線*/
  color: #006934;/*文字色*/
}
.btn-green a{color:#006934; }
.btn-green a:hover{color:#006934; }

.btn-red{  border: solid 2px #e50a0a;
  color: #e50a0a!important;/*文字色*/} 
.btn-red a{color:#e50a0a; }
.btn-red a:hover{color:#e50a0a; }
/*----------------------------------------------
              top
---------------------------------------------*/

.main_att{text-align:right;margin-bottom:20px;}
.teiki_att{text-align:center;margin-bottom:25px;font-size:17px;}
.teiki_att a{text-decoration:underline;font-weight:bold;}


/*----------------------------------------------
              campaign
---------------------------------------------*/
.mainVisual{
	/*background:url(../img/bg_cataNum.png) repeat;*/
	color:#FFF;
}
.mainVisual span{background-color:#000;
	display:block;
	padding:0.8rem 2.5rem;
	font-size:1.5rem;
	font-weight:bold;

}
/*---------*/

.newsTxt{
	/*background:#f6f2ea;*/
	/*background: #FFD8D4;*/
	color:#e50011;
	padding:10px 15px 10px 15px;
	margin:25px 0 40px 0;
	/*font-size:14px;*/
	border:1px solid #e50011;
    border-radius:0.3rem;
	font-size:1.3rem;
}
.newsTxt span{
	display:inline-block;
	vertical-align:top;
}

/*.newsTxt span:first-child{
	background:#d1b97a;
	width:105px;
	margin:0 12px 0 0;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}*/
.newsTxt .txt{
	width:98%;
}
.newsTxt a{
	text-decoration:underline;
	color:#0000EE;
}

.News{
	color:black;
	padding:0px 10px 5px 10px;
	margin:10px 0 40px 0;
	/*font-size:14px;*/
	font-size:1.4rem;
	line-height:160%;
}
.News span{
	display:inline-block;
	vertical-align:top;
}
.News b{font-weight:bold;font-size:1.5rem;}
.News a{font-weight:bold;
	text-decoration:underline;
	color:#cd5638;
}

.bg_beige{
  background: #f9e2af;
}

.letterTxt{
	background:#f6f2ea;
	padding:10px 10px 5px 10px;
	margin:25px 0 40px 0;
	font-size:16px;
	text-align:center !important;
}
.letterTxt span{
	display:inline-block;
	vertical-align:top;
}

.letterTxt .txt{
}
.letterTxt a{
	text-decoration:underline;
}
/*-----------*/
.orderSelect{padding:3rem 2.5rem 2.5rem 2.5rem;
	background-color:#f6efdf;
	margin:0 0 5rem;
	border:3px solid #cd5638;
}
.orderSelect h3{
	margin:0 0 1rem 0;
	font-size:2rem;
	font-weight:bold;
}
.orderSelect p,
.btmOrderSelect{
	overflow:hidden;
}
.orderSelect p a:first-child,
.btmOrderSelect a:first-child{
	float:left;
}
.orderSelect a:nth-child(1){width:49%;float:left;}
.orderSelect a:nth-child(2){width:49%;float:right;}
.btmOrderSelect a:nth-child(1){width:49%;float:left;}
.btmOrderSelect a:nth-child(2){width:49%;float:right;}



.orderSelect p a,
.btmOrderSelect a{
	float:right;
}

.btmOrderSelect{
	margin:0 0 30px 0;
}

.red{
	color: #e50011 !important;
	font-weight: bold;
}

.annotation{
	font-size: 1.2rem; 
	text-align: center; 
	letter-spacing: -1px; 
	margin: 15px 0 0 0;
}

.annotation02{
	color: #e50a0a; 
	border: solid 2px #e50a0a; 
	padding: 3px; 
	display: inline-block; 
	vertical-align: top; 
	font-weight: bold;
}

.alignmd{
	vertical-align: -webkit-baseline-middle;
	
}

/*----digitalCatalog-------*/
#digitalCatalog{
	padding:0 0 50px 0;
}
/*#digitalCatalog h3{
	border-bottom:3px #ff750f solid;
	background:url(../img/icon_cart.png) no-repeat left center;
	padding:0 0 5px 45px;
	margin:0 0 35px 0;
	color:#ff750f;
	font-size:24px;
}*/


.inputGuide{width:100%;overflow: hidden;margin:0 0 5rem;}
.inputGuide_txt{font-size: 1.8rem;float:left;width:75%;}
.inputGuide_anchor{	font-weight:bold;
	background-color:#8e8e8e;
	/*border:2px solid #767676;*/
	border-radius:3px;
	padding:0.8rem 4rem 0.8rem 2.5rem;
	text-align:center;
	font-size: 1.6rem;
	float: right;position:relative;color:#FFF;
	}
.inputGuide_anchor:after {color:#FFF;
font-family: 'Font Awesome 5 Free';
    font-size: 1.4rem;
    line-height: 1;
    position: absolute;
    top: calc(55% - 0.8rem);
    right: 1.2rem;
    margin: 0;
    padding: 0;
    content: '\f078';
}
.inputGuide_anchor a{color:#FFF;display:block;}

.inputGuide2{
	background-color:#989898;
	padding:0.5rem 2rem;
	margin: 0 3.5rem 2rem 3.5rem;
	color:#FFFFFF;
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	border-radius:0.3rem;
}
.inputGuide2 img{
	margin:0 0 0 10px;
	vertical-align:middle;
}

.inputGuide_coution{font-size: 1.8rem;}


/*--*/
.flow{
	overflow:hidden;
	margin:0 35px 35px 35px;
	font-size:0;
}
.flow li{
	display:inline-block;
	background:url(../img/img_howtoarrow.png) no-repeat left center;
	padding:0 15px 0 23px;
	vertical-align:top;
}
.flow li:first-child{
	background:none;
	padding:0 15px 0 0;
}
.flow .pdf{
	float:right;
	background:#f0f0f0;
	width:175px;
	padding:10px 15px 10px 15px;
	color:#898005;
}



/*----productsNum-------*/
h3{	font-weight:bold;}
#productsNum{
	padding:0;
	margin:0 0 10rem 0;
}
#productsNum .howto{
	border-bottom:2px #dedede solid;
	padding:0 0 25px 0;
	margin:0 35px 20px 35px;
	text-align:center;
}
/* 151225 modify */
#productsNum ul{
	/*width:760px;*/width:100%;overflow:hidden;
	margin:0 auto 3rem auto;
}
#productsNum ul li{
	border-bottom:1px #33190b dashed;
	padding:3rem 0 3rem 11.5rem;
	color:#40210f;
	font-size:12px;
	vertical-align:middle;
}
#productsNum ul li span.itemNumber{
	margin-right:8rem;
}
.itemNumber select,.itemNumber input ,.number02 select{border:1px solid #767676 !important;
border-radius:0.2rem !important;}
.itemNumber input{padding:0.5rem;}

#productsNum ul li span span{
	margin-right:27px;
	font-weight:bold;
	font-size:20px;
	vertical-align:middle;
}
#productsNum ul li span input,
#productsNum ul li span select{
	font-size:18px;
/*	border:1px solid #000;*/
}
#productsNum ul li span input[type=text]{
	border:1px #cccccc solid;
	width:200px;
	line-height:36px;
}
/* //151225 modify */

/*----bnr------*/
.bnrHalf{
	overflow:hidden;
	font-size:0;
}
.bnrHalf li{
	float:left;
	width:48%;
	max-width:480px;
	margin:0 0 0 2%;
	margin-bottom:10px;
}
.bnrHalf li:nth-of-type(odd){
	margin-left:0;
}

/*--cautionTenbai--*/
.cautionTenbai{
	margin:0 0 50px 0;
}
.cautionTenbai a{
	text-decoration:none;
}
.cautionTenbai span{
	display:inline-block;
	vertical-align:middle;
}
.cautionTenbai span:first-child{
	border:2px #d62448 solid;
	padding:5px 5px;
	margin:0 10px 0 0;
	color:#d62448;
	font-size:13px;
}
.cautionTenbai .txt{
	width:81%;
	color:#333333;
	font-size:12px;
	text-decoration:underline;
}


/* カタログ下にバナー*/
.spacebanner{

	padding:10px 0 10px 0;
	margin: 0 35px 20px 35px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.under {
    background: linear-gradient(transparent 50%, #fcf629 50%);
}

.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #e50a0a;/*背景色*/
  border-bottom: solid 2px #bc0808;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  font-size: 25px;
  width: 950px;
}

.btn-square-pop:active {
  border-bottom: solid 2px #e50a0a;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.bnr_favorite{
	text-align: center !important; width: 100%; margin: 0 auto 20px;
}
.bnr_favorite span{/*font-weight:bold;*/font-size:2rem;}
.bnr_favorite span a{color:#0845b4;}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
              smartphone
--------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
.mainVisual{width:100%;}
.mainVisual img{width:100%;}	
}
@media screen and (max-width: 980px) {
	.pcOnly{display:none;}
	.spOnly{display:inline;}
	#contents{width:100%;}
	
	.inputGuide_txt{width:100%;}
	


	.orderSelect a , .btmOrderSelect a{margin:0 0 2rem 0;}
	.orderSelect a:nth-child(1) , .btmOrderSelect a:nth-child(1) {width:100%;float:none;}
	.orderSelect a:nth-child(2) ,.btmOrderSelect a:nth-child(2){width:100%;float:none;}
	.orderSelect a img , .btmOrderSelect a img{width:100%;}
	
	
	#productsNum ul{width:100%;}
	.number02 , .number02 span , .itemNumber span{display:block;}
	.main_att{text-align:left;}

	.catalogList{width:100%;}
	.inputGuide{margin:0 0 1rem 0;}
	
	/* 151225 modify */
#productsNum ul{
	width:99%;
	margin:0 auto 20px auto;
}
#productsNum ul li{
	display:block;
	border-bottom:1px #33190b dashed;
	padding-left:10px;
}
#productsNum ul li span span{
	display:block;
	border-bottom:none;
	padding:8px 0 4px 0;
	color:#40210f;
	font-size:1.8rem;
	font-weight:bold;
	vertical-align:middle;
}
#productsNum ul li span input,
#productsNum ul li span select{
	font-size:18px;
}
#productsNum ul li span input[type=text]{
	border:1px #cccccc solid;
	width:160px;
	line-height:36px;
	font-size:2rem;
}
#productsNum .txtCenter input{
	max-width:100%;
}
#productsNum ul li span.itemNumber{
	margin-right:0;
}
	
}


@media screen and (max-width: 640px) {
img{max-width:100%;}

/***************** sp contents ***********************/
#contents{
	width:auto;
	padding:0 0 0px 0;
	z-index:100;
}

.pageTop{
	padding:0 5px 0 0;
}

/*----------------------------------------------
            sp  campaign
---------------------------------------------*/
.mainVisual{
}
.mainVisual span{
	display:block;
	padding:5px 0 5px 10px;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1.6em;
}
/*---------*/
.newsTxt{
	padding:8px 10px 8px 10px;
	margin:25px 0 40px 0;

}
.newsTxt span{
	display:inline-block;
	vertical-align:top;
}
.newsTxt span:first-child{
	display:block;
	width:auto;
	margin:0 0px 0px 0;
}
.newsTxt .txt{
	width:auto;
}
.News{
	color:black;
	padding:0px 10px 5px 10px;
	margin:10px 0 20px 0;
	/*font-size:14px;*/
	font-size:1.3rem;
	line-height:160%;
}
.News b{font-size:1.4rem;}
	
	
.letterTxt{
	padding:10px 10px 5px 10px;
	margin:25px 0 40px 0;
	font-size:16px;
	text-align:left !important;
}
.letterTxt span{
	display:inline-block;
	vertical-align:top;
}
.letterTxt .txt{
	width:auto;
}
/*-----------*/
.orderSelect{
	margin:0 0 30px 0;
}
.orderSelect h3{
	margin:0 0 10px 0;
	font-size:20px;
}
.orderSelect p,
.btmOrderSelect{
	overflow:hidden;
}
.orderSelect p a:first-child,
.btmOrderSelect a:first-child{
	float:none;
}
.orderSelect p a,
.btmOrderSelect a{
	display:block;
	float:none;
	margin:0 0 10px 0;
}

.btmOrderSelect{
	margin:0 0 20px 0;
}
/*----digitalCatalog-------*/
#digitalCatalog{
	padding:0 0px 5rem 0px;
}

	

/*----productsNum-------*/
#productsNum{
	padding:0;
	margin:0 0 5rem;
}
/*#productsNum h3{
	border-bottom:2px #ab9100 solid;
	background:url(../img/icon_cart2.png) no-repeat left center;
	background-size:22px auto;
	padding:0 0 5px 25px;
	margin:0 0 20px 0;
	font-size:18px;
}*/
/*--*/
#productsNum .howto{
	border-bottom:2px #dedede solid;
	padding:0 0 5px 0;
	margin:0 10px 5px 10px;
	text-align:center;
}
#productsNum .howto img{
	margin:0 0 10px 0;
}

/* //151225 modify */

/*----bnr------*/
.bnrHalf{
	padding:0 10px 10px 10px;
}
.bnrHalf li{
	display:block;
	width:auto;
	margin:0 0 2rem 0;
}
.bnrHalf li:nth-of-type(odd){
	margin-left:0;
}

/*--cautionTenbai--*/
.cautionTenbai{
	margin:0 10px 30px 10px;
}

.cautionTenbai span{
}
.cautionTenbai span:first-child{
	display:block;
	border:2px #d62448 solid;
	padding:5px 5px;
	margin:0 0 5px 0;
	font-size:12px;
	text-align:center;
}
.cautionTenbai .txt{
	width:auto;
	color:#0845b4;
	font-size:12px;
}


.sm {
	border: #F1080C solid 1px;
	padding :5px;
	margin :0 0 20px 0;
	font-size:12px;
}
	
	
.box {
	font-size:12px;
}
.box a {
    color:#40210f;
}
.box p {
    margin: 0; 
    padding: 0;
}

/*--*/
.spacebanner{
	padding:5px 0 ;
	margin: 0 0 10px 0px;
	font-size:14px;
}
	
.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none;
  color: #FFF;
  background: #e50a0a;/*背景色*/
  border-bottom: solid 2px #bc0808;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  font-size: 16px;
  width: 90%;
	margin: 0 10px;
}

.btn-square-pop:active {
  border-bottom: solid 2px #e50a0a;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}	
	



	
.btn-sticky {
  /*display: inline-block;
  box-sizing: border-box;*/
  padding: 0.5em 0.5em;
  font-size: 0.6rem;
}
}


/***********20220713************************/
/*トップバナー（横並び）*/
.sub_bnr{width:100%;display:flex;flex-wrap: wrap;margin:0rem 0 5rem;padding:4rem;
	border-radius:1rem;    /*background: url(../img/bg_cataNum.png) repeat;*/background-color:#eaeaea;}
.sub_bnr li{width:48%;flex-basis:48%;margin-right: 4%;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;border: 1px solid #ff0014;}
.sub_bnr li img{width:100%;}
.sub_bnr li:nth-child(2){margin:0;}
.sub_bnr li.single {width:100% !important;flex-basis:100% !important;text-align: center;margin:3rem 0 0 0;box-shadow:none;border:none;}
.sub_bnr li.single a img{width:auto !important;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;border: 1px solid #ff0014;}
/*カタログ*/
.catalog_list {padding-bottom:0;
    overflow: hidden;
    width: 100%;
	margin:0rem auto 10rem;
    border-spacing: 1rem 0;
	border-collapse: separate;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.catalog_list li {border: 1px solid #33190b;
   margin:0 1% 2rem 1%;
    padding: 2rem 1.5rem;
     /*position: relative;*/
    width: 23%;
	display: flex;
	flex-direction: column;
	background: #FFF;
}


.catalog_list li span{display:block;color:#40210f;font-size:1.4rem;margin:0 0 0.5rem !important;line-height:140%;}
.catalog_list li span a{color:#e50011;text-decoration: underline;padding:1rem 0 0 0;display:block;font-size:15px;line-height:160%;}
.catalog_list li span.coupon{display:block;color:#FFF;background-color:#4eae71;font-size:1.4rem;margin:0 0 0.5rem !important;line-height:140%;text-align:center;padding:0.3rem 0;font-weight:bold;}
.catalog_list li span.coupon b{font-size:1rem;display:block;}
.catalog_list li img{width:100%;}
.catalog_list li .txtbox{
	padding:10px 3px;
	font-weight:bold;
	color:#5d4e40;
	background:#f2f2f2;
	text-align:center;
}
.catalog_list li h4{
	font-weight: bold;
	padding:5px 10px;
}
.border-yellow{background: linear-gradient(transparent 70%, #fff000 0);display:inline-block !important;}

.cat_ttl{line-height: 140%;font-size:1.6rem;font-weight:bold;margin:0 0 0.5rem;flex-grow: 1;}

.cat_sbtn {
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 45%;
    color: #fff;
    background-color: #cd5638;
    font-size: 2.4rem;
    padding: 2.5rem 3rem 2.5rem 2rem;
	border-bottom: 6px solid #711700;
	
}


.cat_sbtn:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - 0.8rem);
    right: 1.2rem;
    margin: 0;
    padding: 0;
    content: '\f078';
}

a.cat_sbtn:hover{color:#FFF;}

.cat_stl {width:100%;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.4;
    padding: 1rem 1.5rem;
    border-left: 10px solid #cd5638;
    margin: 0rem 0 1rem 0;
}

.cat_more{background-color:#40210f;padding:1rem 0rem;color:#FFF;font-weight:bold;font-size:1.5rem;text-align:center;width:100%;
	margin:1.5rem 0 0rem 0;border-radius:0.3rem;position:relative;}
/*.cat_more:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.2rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - 0.6rem);
    right: 1.5rem;
    margin: 0;
    padding: 0;
    content: '\f518';
}*/



@media screen and (max-width: 736px) {
	.catalog_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin:0 auto 5rem;
    /*background-color: #F7F7F7;*/
    padding: 0;}
	.catalog_list li{width:48%;margin:1%;padding: 1rem;}	
	.catalog_list li span{font-size:1.2rem;margin:0;/*font-weight:normal;*/}	
	.catalog_list li span a{font-size:14px;line-height:140%;}
	.catalog_list li span.coupon{font-size:1.2rem;margin:0;/*font-weight:normal;*/}
	.sub_bnr{padding:1rem;margin:0rem 0 3rem;}
	.sub_bnr li{width:100%;flex-basis: 100%;display: block;}
	.sub_bnr li{margin:0.8rem 0;}
	.sub_bnr li:nth-child(2){margin:0.8rem 0 !important;}
	.sub_bnr li.single {margin:1rem 0 0 0;}
	.sub_bnr li.single a img{width:100%;}
	.cat_sbtn{font-size: 1.6rem;padding: 1.5rem;}
	.cat_sbtn:before {font-size: 1.2rem;}
	.orderSelect h3{font-size:1.6rem;}
	.orderSelect{padding:2rem 2rem 1rem;}
	.cat_stl{font-size:2rem;padding:0.5rem 1rem;}
	.inputGuide{margin:0;}
	.inputGuide_txt{font-size:1.4rem;}
	.inputGuide_anchor{width:100%;float:none;margin:0;}
	
	.inputGuide_coution{font-size:1.4rem;}
	ul.inputGuide_box{margin:0 !important;padding:0rem !important;}
	.howto_ttl{background-color:#989898;color:#FFF !important;font-weight:bold;padding:1rem !important;text-align:center;border:none;margin:0 0 1rem 0 !important;}

	.cat_ttl{margin:0 0 0.5rem;font-size:1.4rem;}
	.cat_more{margin:1rem 0 0 0;font-size:1.4rem;}
	.cat_more:before{display:none;}

    .bnr_favorite span{font-size:1.7rem;}
	 .teiki_att{text-align:left;margin-bottom:1rem;font-size:14px;}
	.teiki_att_border{font-size:1.3rem;}
}

/*母の日*/
.topics{width:100%; background-image: url(/kitchen/teiki/t2304/img/mother_bg.gif);background-repeat:repeat; border-top:10px solid #d83245;border-bottom:10px solid #d83245;overflow: hidden;padding:3rem 3rem 0rem;margin:3rem 0 0 0;}
.topics .left{width:47%;float:left;} 
.topics .right{width:51%;float:right;} 
.topics img{width:100%;margin:0 0 2rem;}


.reserv_btn{text-align:center;}
.reserv_btn a{color:#FFF;background-color:#d83245;padding:2.5rem 2rem;text-align:center;font-size:2.5rem;border-radius:20rem;margin:0.5rem auto 3rem;
box-shadow: rgb(0 0 0 / 16%) 4px 3px;position:relative;display:inline-block;width:95%;}
.reserv_btn b{font-weight:900;}
.reserv_btn a:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - 0.8rem);
    right: 3.2rem;
    margin: 0;
    padding: 0;
    content: '\f054';
font-weight: 700;}


@media screen and (max-width: 736px) {
	.topics{padding:1.5rem 1rem 1rem;margin:3rem 0 2rem 0;}
.topics .left{width:100%;}
	.topics .right{width:100%;}
	.topics img{margin:0 0 1rem;}
	.reserv_btn a{width:100%;font-size:1.6rem;padding:1.5rem 1rem;line-height:140%;margin:0.5rem auto 1rem;}
	.reserv_btn a:before{ font-size: 1.6rem;right: 1.2rem;}
}


#ex_layring{width: 93%;margin: 0 auto 65px;	overflow: hidden;}

#ex_layring h3{background: #e50011;
    padding: 10px 0 10px 0;
    margin: 0px auto;
    color: #FFFFFF;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;}
#ex_layring p{font-size:1.6rem;margin:1rem 0;line-height:180%;}
#ex_layring b{font-weight:bold;}
#ex_layring b a{text-decoration:underline;color:#e50011;}


@media screen and (max-width: 736px) {
	#ex_layring h3{font-size:1.6rem;text-align:left;padding:1rem 1.5rem;line-height:180%;}
	#ex_layring p{font-size:1.5rem;}
	#ex_layring b{font-size:1.6rem;}
}

/*検索ボックス*/
.searchArea{padding:1rem 0;width:100%;margin:0 auto;}
.adSearch{width:100%;}
.searchBox{background:#FFF;}
.adSearch .ttl{font-size:1.6rem;margin:0 0 1rem;text-align:center;font-weight:normal;}
.adSearch .ttl b{font-weight:bold;}
.adSearch .ttl b.red{color:#e50011;}
.searchArea_text{font-size:1.5rem;}

@media screen and (max-width: 736px) {

.adSearch .ttl{font-size:1.4rem;text-align:left;}
	.searchBtn{font-size:1.2rem;padding:1rem 0.5rem;}	
}




/*レイリングプレゼント*/
.present {width:100%;overflow:hidden;background-color:#f4efea;margin:0 0 7rem;}
.present h2{background-color:#40210f;color:#FFF;text-align:center;padding:1.8rem 1rem;font-size:1.7rem;line-height:160%;}
.present h2 span{color:#ffffc0;display:block;font-size:2.2rem;font-family: 'Zen Old Mincho', serif;font-weight:900;margin:0 0 0.5rem;}
.present p{border:1px solid #000;padding:0.2rem 1rem;display:inline-block;font-size:1.6rem;margin:0 0 1rem;}
.present .img{float:left;width:536px;}
.present .right_box{float:right;width:443px;font-size:1.6rem;padding:2rem;line-height:170%;}
.present .right_box b{color: #da1612;
    background: linear-gradient(to bottom, transparent 0%,transparent 70%,#fff100 30%,#fff100 100%);
    font-weight: bold;}
.present .right_box span{font-size:1.4rem;display:block;margin:1rem 0 ;}
.present .link a{color:#cd5638;text-decoration:underline;display:block;font-weight:bold;}

@media screen and (max-width: 736px) {
	.present h2{font-size:2rem 1rem;line-height:160%;}
	.present h2 span{margin:0 0 1rem;}
	.present .img{width:100%;}
	.present .right_box{width:100%;padding:2.5rem 2rem;}
	.present p{font-size:1.5rem;padding:0 1rem;}
	.present .right_box{font-size:1.5rem;line-height:160%;}
}

/*間違い探し*/
/*.btn_present{background-color:#db237b;padding:1rem;text-align:center;font-size:1.5rem;border-radius: 4rem;color:#FFF;width:90%;margin:0 auto;}
.btn_present a{display:block;color:#FFF;text-decoration:none;font-weight:normal;}
.btn_present b{text-decoration:underline;color:#FFF000;display:inline-block;font-weight:bold;}*/

.btn_present{text-align:center;font-size:1.6rem;width:95%;margin:0 auto;}
.btn_present a{display:block;color:#000;text-decoration:none;font-weight:normal;}
.btn_present b{text-decoration:underline;color:#db237b;display:inline-block;font-weight:bold;}


@media screen and (max-width: 736px) {
	.btn_present{font-size:1.5rem;width:98%;}
}

/*コード入力説明*/
.campaign_code{width:100%;text-align: center;margin:1.5rem 0;}
.campaign_code .code{margin:0rem auto 3rem;display:inline-block;font-size:2.3rem;font-weight:bold;line-height:220%;letter-spacing: 0.03em;text-align:center;}
.campaign_code .code p{font-size:2rem;border:2px solid #000;padding:2.8rem 4rem 1.4rem;text-align:center;}
.campaign_code .code span{font-size:5.5rem;color:#e50011;margin:0 0 0 2rem;}
.campaign_code .code_txt{width:100%;background-color:#f0efef;padding:2.5rem 3rem 2rem;text-align:left;overflow: hidden;font-size:1.8rem;line-height:170%;}
.campaign_code .code_txt p{width:48%;float:left;display:block;}
.campaign_code .code_txt span{font-weight:bold;font-size:1.7rem;line-height:180%;}
.campaign_code .code_txt span b{color:#e50011;}
.campaign_code .code_txt .att{font-size:1.4rem;margin:0.5rem 0 0 0;display:block;}


.campaign_code .code_txt img{float:right;width:52%;}

.ttl_otheritem{width:100%;margin:5rem auto 1.5rem;text-align:center;font-size:3.5rem;line-height:160%;letter-spacing: 0.05em;}

@media only screen and (max-width: 980px) {
	.campaign_code .code_txt p{width:100%;float:none;}
	.campaign_code .code_txt img{width:auto;float:none;}
}

@media only screen and (max-width: 736px) {

	.campaign_code .code{font-size:1.7rem;}
	.campaign_code .code p{font-size:1.6rem;padding:1rem 1.5rem 2rem;}
	.campaign_code .code span{display:block;font-size:4rem;margin:1.5rem 0 0 0;}
	.campaign_code .code_txt{padding:2rem;line-height:140%;font-size:1.6rem;}
	.campaign_code .code_txt p{margin:0 0 1rem;line-height:160%;}
	.campaign_code .code_txt span{line-height:150%;font-size:1.6rem;}
		.campaign_code .code_txt img{width:100%;float:none;}

	}

/*80th*/
.area_80th{width:100%;margin:2rem auto 0;overflow:hidden;}

.area_80th p{font-size:1.6rem;line-height:170%;}
	.area_80th p span{font-size:2rem;color:#c8558b;font-weight:bold;}
.area_80th p.cartimg_ttl{font-size:1.6rem;display:block;margin:0rem 0 0rem;text-align:center;padding:0rem 1rem;text-indent:0;}

@media only screen and (max-width: 900px) {
	.area_80th{width:100%;}
	.area_80th .left{width:18%;}
	.area_80th .right{width:82%;line-height:150%;font-size:1.6rem;margin:0 0 0.5rem;}
}
@media only screen and (max-width: 736px) {
	.area_80th{margin:1rem auto 0;}
	.area_80th p{font-size:1.4rem;}
	.area_80th p span{font-size:1.6rem;}
	.area_80th p.cartimg_ttl{font-size:1.4rem;margin:1rem 0 0rem;}
}




/*クーポン*/
.couponGuide{width:100%; margin:2rem auto 0rem;overflow: hidden;}
.couponGuide h3{
background: #fffad4;
    padding: 10px 0 10px 0;
    margin: 0px auto;
    color: #4eae71;
    width: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
    border: 3px solid #4eae71;
}
.couponSampleimg {overflow:hidden;
    padding: 0rem;
    margin: 0 auto;
	width:100%;

}

.coupon_ex{width:96%;margin:0rem auto 0rem;}

.coupon_box{  position: relative;
  /*height: 190px;*/
  overflow: hidden;
  width:100%;
}


.coupon_box.active {
  height: auto;
	margin:0 0 1rem;
}
.coupon_box::before {
    content: "";
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
}
.coupon_ex button {
    margin: 0rem auto 1rem;
    background-color: #333;
    text-align: center;
    color: #FFF;
    padding: 0.8rem 2.6rem;
    /*display: block;*/
    border-radius: 3rem;
    font-size: 1.2rem;
    cursor: pointer;
	font-weight:bold;
}

.coupon_box.active::before {
  background: none;
}


.couponCon{padding:0 1rem 0.5rem;margin:0 0 1rem;
border: 2px solid #d5749e;
	border-radius: 1rem;}
.couponTxt {width:98%;margin:0 auto;}
.couponTxt li{font-size:1.4rem;line-height:180%;text-indent:-1rem;margin-left:1rem;}


/*.couponTxt li::first-letter{color:#4eae71;}*/
.couponTxt a{text-decoration: underline;color:#e50011;}
.couponSampleimg{margin:1rem 0;padding:0rem;}
.couponSampleimg ul{width:99%;overflow:hidden;margin:0 auto;}
.couponSampleimg ul li{float:left;width:47%;margin:1% 2% 0 1%;font-size:1.4rem;font-weight:bold;text-indent:0;}
.couponSampleimg ul li img{display: block;max-width: none;min-width: auto;margin:0.3rem 0 0 0;width:100%;}
.couponSampleimg ul li span{font-size:1.4rem;display:block;line-height:160%;}



@media screen and (max-width: 980px) {
	.couponGuide{width:100%;}

	.couponSampleimg ul li{float:none;width:100%;margin:1rem auto;}
	.couponSampleimg ul li:first-child{margin:0 0 2rem;}
}

@media screen and (max-width: 900px) {
	.coupon_ex{padding:1.5rem;}
	.couponTxt{margin:0rem;}
}


@media screen and (max-width: 736px) {

	.coupon_ex{width:100%;margin:0rem 0 0rem 0;padding:0;}

	.cartimg_ttl{font-size:1.3rem;margin:0rem 0 0.5rem 0;}
	/*.coupon_box{height:200px;}
	.coupon_box::before{ background: linear-gradient(rgba(255, 255, 255, 0) 90%, #fff 100%);}*/
	.coupon_box .inner{padding:0rem;}
	.couponGuide{margin:1rem 0 0 0;}
	.couponGuide h3{font-size:1.4rem;padding:5px 0;}
	.couponTxt{margin:10px 0 0 0;padding:0rem;}

	.couponTxt li{font-size:1.3rem;line-height:160%;}
	.couponSampleimg{width:100%;padding:0px;}
	.couponSampleimg ul{width:92%;margin:0 auto;}
	.couponSampleimg ul li img{width:100%;}
	.couponSampleimg ul li{font-size:1.3rem;line-height:140%;}
	.couponSampleimg ul li span{font-size:1.3rem;}
	.coupon_ex button{font-size:1.2rem;display: block;}
}
/*カート注意書き*/
p.att02{display:block;margin:1rem 0 0 0;font-size:1.5rem;text-align:center;}
@media screen and (max-width: 736px) {
	p.att02{font-size:1.3rem;margin:0.2rem 0 0 0;}
}

/*トップからの誘導*/
.top_link{margin:2rem auto 0rem;background-color:#fff6fa;overflow: hidden;padding:1.2rem 1rem 1.2rem;font-weight:bold;border:3px solid #cc5d8a;}
.top_link p{text-align:center;display:block;text-decoration:none; margin: 0 auto;font-size:2rem;}
.top_link a{text-decoration:none;color:#0845b4;}
.top_link span{text-decoration:underline; position:relative;padding:0 0rem 0 2.5rem;color:#0845b4;}
@media only screen and (max-width: 736px) {
	.top_link{padding:1rem 1rem;margin:1rem auto 2.5rem;}
	.top_link p{font-size:1.5rem;}	
}

.arrow_circle::before {left:0;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #cc5d8a;
    }
.arrow_circle::after {
        left: 7px;
box-sizing: border-box;
    width: 12px;
    height: 7px;
    border: 3px solid transparent;
    border-left: 5px solid #fff;
    }
    .arrow::before, .arrow::after {
        position: absolute;
        top: 0;
        bottom: 0;

        margin: auto;
        content: "";
        vertical-align: middle;
    }


/*popover*/
#Modal{padding:0rem 2rem 2rem;margin:2rem auto 0;width:900px;}

#Modal .couponGuide h3::after{display:none;}
#Modal .couponGuide h4{
	background:#4eae71;
	padding:12px 0 12px 0;
	margin: 0px auto;
	color:#FFF;
	width:100%;
	font-size:2rem;
	font-weight:bold;
	text-align:center;
	border-radius: 0.5rem;
}
#Modal .couponGuide h4 span{font-size:1.4rem;font-weight:normal;}
#Modal::backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.pop_close{
    margin: 1.5rem auto 0rem;
    background-color: #333;
    text-align: center;
    color: #FFF;
    padding: 0.5rem 2rem;
    display: block;
    border-radius: 3rem;
    font-size: 1.2rem;
    cursor: pointer;
}
.modal_button{width:100%;position: relative;}

.pop_open{cursor:pointer;text-decoration:underline;color:#333;font-weight:bold;}


.modal_button span{margin:0rem;}
.modal_button span img{width:25px;}
.modal_button button{color:#582200;text-align:left;width:100%;text-decoration:none;}



@media only screen and (max-width: 980px) {
	#Modal{width:80%;}
}

@media only screen and (max-width: 736px) {
	#Modal{padding:1rem 1.5rem 1rem;width:95%;margin:1rem auto;}
    #Modal .couponGuide h3{font-size:1.6rem;}
	#Modal .couponGuide h4{padding:10px 0;font-size:1.6rem;}
	#Modal .couponGuide h4 span{font-size:1.3rem;}
	.modal_button{font-size:1.4rem;padding:0;margin:0;}
	.modal_button span{margin:0;font-size:1.4rem;}
	.modal_button button{line-height:160%;}
	.pop_close{margin:1rem auto 0; font-size: 1.3rem;font-weight:bold;}
	#Modal p b{padding:0;}
}


/*友達割*/
.teiki_att_border{    text-align: left;font-size:1.4rem;
    margin: 5px 0 15px;

    padding: 10px 15px;
    border: 1px solid #eb907a;
    overflow: hidden;
    width: 74%;
    clear: both;
    float: left;}
.teiki_att_border span{padding:0;display:block;text-indent: -1.6rem;margin-left: 2rem;}

@media only screen and (max-width: 980px) {
	.teiki_att_border{width:100%;font-size:1.3rem;}
}

/*300円バナー*/

.acc_issyo_bnr {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0 0 4rem;
    display: block;
    font-weight: bold;
    /* background-image: url(../img/acc_issyo_ttlbg.jpg); */
    /* background: linear-gradient(135deg, #fff5b9 0%, #ffed7d 35%, #fff9e4 50%, #ffed7d 85%, #ffed7e 90% 100%); */
    background-color: #e60012;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}
.acc_issyo_bnr img {
    width: 700px;
    margin: 0px 0 0 0;
}
.acc_issyo_bnr p {
    display: block;
    font-size: 1.3rem;
    color: #000;
    background-color: #FFF;
    padding: 0 1rem 0.2rem;
}
.acc_issyo_bnr p span {
    width: 700px;
    margin: 0 auto;
    text-align: right;
    display: block;
	font-size:1.2rem;
}
.acc_issyo_bnr p a{color: #1b9648;}


@media only screen and (max-width: 736px) {
	    .acc_issyo_bnr {
        /* padding: 1rem 0rem 0.5rem; */
        margin: 0 0 1.5rem;
        padding: 0;
    }
　　.acc_issyo_bnr img {
        width: 100%;
        margin: 0rem auto 0;
        border-radius: 0;
    }　	
    .acc_issyo_bnr p {
        font-size: 1.1rem;
        margin: 0;
    }	
    .acc_issyo_bnr p span {
        width: 100%;
    }
}