@charset "utf-8";
/*2019 new year CP*/
*{/* font-size: 1rem; */line-height: 2;}
body{font-family: "Noto Sans Japanese", sans-serif;}
#cms_block{/*max-width: 1050px;background: #c4e0df;*/max-width: 1100px;background: #f6f7ed;text-align: center;}
article{max-width: 900px;text-align: left;margin: auto !important;}
img{width: 100%}
h1{margin-bottom: 0;}
h2{display: block;margin-top: 40px;}


/*申込みボタン*/
.erea-cp4{text-align: center;padding: 50px 30px 70px;}
.erea-cp4 a i{font-size: 1.2em;padding-left: 10px;vertical-align: middle;}
.erea-cp4 a{
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #fff;
    line-height: 1.7em;
    border-radius: 50px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    font-size: 1.4em;
    font-weight: bold;
    padding: 15px 0px;
    display: block;
    margin: auto;
    max-width: 400px;
    background-image: linear-gradient(#cc0133 50%, #bc012f 50%);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
.erea-cp4 a:active{/*押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*沈むように*/
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(#bc012f 50%, #cc0133 50%);/*グラデーションを明るく*/
}

/*TOP背景*/
.toparea{border-top: solid 2em;}
.toparea h1{width: 50%;position: absolute;top: 23%;left: 27%;} 
.toparea table{width: 100%;border-collapse: collapse;border-spacing: 0;}
.toparea th{position: relative;text-align: center;vertical-align: top;}
.toparea td{background:url(img/top_right1.png);width: 46%;vertical-align: top;background-size: cover;padding: 6em 4em 0;text-align: center;}

.toparea th p{position: absolute;width: 40%;top: 18%;right: 1em;}


/*毎日食べる〜*/

.top_come{max-width: 800px;margin: 4em 2em;font-size: 1.1rem;display: inline-block;text-align: left;line-height: 2;letter-spacing: 0.5px;}
.top_come h2{margin: 0 15px 1em 0;}
.top_come span {font-weight: bold;color:#ff004e;margin-right: 3px;font-size: 1.1rem;}
.col_ora{ color: #fe0000;}
.top_come hr{width:50%; border:3px solid #fff; margin: 10px 0 40px;}

/*クーポン番号*/
.coupon{display: inline-block;margin: 3em 0 0;}
.coupon p{max-width: 160px;display: inline-block;background: #000000;padding: 7px 20px 7px 25px;border-radius: 20px 0 0 20px;font-size: 1.5em;font-weight: bold;color: #fff;}
.coupon span{display: inline-block;background: #fff;padding: 2px 15px;vertical-align: top;border-radius: 0 20px 20px 0;font-size: 1.5em;font-weight: bold;letter-spacing: 6px;color: #ff2d82;}

/*概要*/
.gaiyo3{margin: 20px auto;margin: 2em;background: #eeefe4;max-width: 715px;padding: 3em;font-size: 1rem;/* border: 4px double #fffffb; */}
.gaiyo3 h2{margin-bottom: 10px;margin: 0 auto 30px;text-align: center;}
.gaiyo3 h2 span{background: linear-gradient(transparent 60%, #fff30e 60%);}
.gaiyo3 h3{
  padding: 10px 0;
  font-size: 1.5em;
  margin: 25px 0 0;
  letter-spacing: 5px;
  border-bottom: 1px dashed;
  }

.gaiyo3 div{padding: 10px 0;line-height: 2em;}
.un_line-red{border-bottom: 2px solid red;display: inline-block;vertical-align:middle;}
.gaiyo3 big{font-size: 2em;font-weight: bold;color: #ff2d82;}

.font_red {color: #ff2d82;font-weight: bold;}
.font_l1{font-weight: 600;font-size: 1.1em;display: inline;}
.mt_1{margin-top: 1em}

.sp_non_800{display: none;}
.pc_non_800{display: inline-block;}


/*タブレット想定*/
@media (max-width: 950px){
.pc_non_950 {display: inline-block;}
.sp_non_950{display: none;}
.toparea td{padding: 9% 5% 0;}
.coupon p,.coupon span{font-size: 110%}
.coupon p{padding: 7px 10px}
.coupon span{padding: 3px 10px}

}
@media (min-width: 800px){
.sp_non_800 { display: inline-block;}
.pc_non_800{display: none;}
}


/*スマホ以下*/
@media (max-width: 670px){
.toparea tr,.toparea th,.toparea td{display: block;width: inherit;}
.toparea td {padding: 3%;border: solid 20px #e2e2e2;}
.text2{width: 81%;margin: auto;margin-top: 1em;background: rgb(255 255 255 / 70%);padding: 2em;border-radius: 5px;}
.gaiyo3{padding: 1.5em;}
.toparea h1{width: 53%;position: absolute;top: 21%;left: 23%;} 

}




@media (min-width:751px) {
.footer_nav{/*font-size:1em;*/line-height: 1.7em;}
}


.sp_non_530 {display: inline-block !important;}
.pc_non_530{display:none !important;}

@media (max-width: 530px){
.sp_non_530 {display: none !important;}
.pc_non_530{display:inline-block !important;}

}

@media (max-width:370px){
.btn_h1_1 a{display: inline-block;width: 90px}
.btn_h1_1{width: 320px;}
}


@media (min-width:1101px){
  .bg_gy.gray{margin-top: 50px;}
}