@charset "utf-8";

/*ランチで楽してご麺なさい--------------------------------------------------------------*/
header #target_m_Area {
background-color: #FFF;
padding: 25px 45px;
position: relative;
}

header #target_m_Area .ty01 {
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
font-size: 22px;
font-weight: bold;
background-color: #FFF;
border-radius: 30px;
padding: 10px 45px 0 45px;
}


/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
header #target_m_Area {
padding: 20px 45px 10px 45px;
margin-top: 20px;
}

header #target_m_Area .ty01 {
top: -15px;
font-size: 18px;
padding: 5px 30px 0 30px;
}

}
/* max-width: 767px @end */


/*キャンペーン内容--------------------------------------------------------------*/
.cp_content_Area {
position: relative;
margin-top: 10px;
}

.cp_content_Area .ty01 {
position: absolute;
top: 25px;
left: 0;
width: 100%;
padding: 0 45px;
}

.cp_content_Area .contL01 {
float: left;
width: 49%;
border-top: 10px solid #FFF;
border-left: 10px solid #FFF;
border-right: 15px solid #FFF;
border-bottom: 15px solid #FFF;
border-radius: 40px;
}

.cp_content_Area .contR01 {
float: right;
width: 49%;
border-top: 10px solid #FFF;
border-left: 10px solid #FFF;
border-right: 15px solid #FFF;
border-bottom: 15px solid #FFF;
border-radius: 40px;
}

.cp_content_Area a.btArea {
display: block;
font-size: 26px;
font-weight: bold;
background-color: #da392a;
color: #FFF;
border-radius: 40px;
padding: 15px 0 12px;
box-shadow: 5px 5px 0 #8b3727;
text-decoration: none;
}

.cp_content_Area a.btArea:hover {
background-color: #d80a00;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}


/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.cp_content_Area .ty01 {
position: absolute;
top: 15px;
left: 0;
width: 100%;
padding: 0 45px;
}

.cp_content_Area .contL01 {
float: none;
width: 100%;
border-top: 6px solid #FFF;
border-left: 6px solid #FFF;
border-right: 8px solid #FFF;
border-bottom: 9px solid #FFF;
}

.cp_content_Area .contR01 {
float: none;
width: 100%;
border-top: 6px solid #FFF;
border-left: 6px solid #FFF;
border-right: 8px solid #FFF;
border-bottom: 9px solid #FFF;
margin-top: 10px;
}

.cp_content_Area a.btArea {
font-size: 20px;
padding: 10px 0;
box-shadow: 2px 3px 0 #8b3727;
}


}
/* max-width: 767px @end */


/*SNS--------------------------------------------------------------*/
.snsArea {
background-color: #FFF;
padding: 0 0 10px 25px;
display: flex;
justify-content: space-between;
}

.snsArea-item01 {
width: 663px;
margin-top: -13px;
}

.snsArea-item02 {
width: 252px;
margin-top: 18px;
}

.snsArea a img:hover {
transform:scale(1.05,1.05);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}


/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.snsArea {
padding: 10px 15px;
display: block;
}

}
/* max-width: 767px @end */

/*ランチで楽してご麵なさいとは？--------------------------------------------------------------*/
.about_Area {
position: relative;
padding: 50px 55px;
font-size: 16px;
font-weight: bold;
text-align: center;
}

.about_Area h3 {
margin-top: 15px;
}

.about_Area h3 img {
max-width: 450px;
height: auto;
}

.about_Area .ty01 {
font-size: 24px;
padding: 20px 0;
}

.about_Area .ty02 {
padding: 20px 0;
}

.about_Area .ty02 img {
max-width: 320px;
height: auto;
}

.about_Area .side_bg01 {
position: absolute;
top: 2px;
left: 9px;
width: 117px;
}

.about_Area .side_bg02 {
position: absolute;
top: 20px;
right: 10px;
width: 103px;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */

@media only screen and (max-width: 767px){
.about_Area {
padding: 30px 25px;
font-size: 14px;
}

.about_Area h3 {
padding: 0 30px 0 40px;
}

.about_Area .ty01 {
font-size: 20px;
padding: 15px 0;
}

.about_Area .side_bg01 {
top: 2px;
left: 0;
width: 53px;
}

.about_Area .side_bg02 {
top: 20px;
right: 0;
width: 49px;
}

.about_Area .ty02 {
    padding: 20px 0 0;
}

}
/* max-width: 767px @end */


/*楽する秘密を知ろう！--------------------------------------------------------------*/
.know_Area {
padding: 0 50px 45px 50px;
}

.know_Area ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.know_Area ul li.ty01 img {
max-width: 316px;
width: 100%;
height: auto;
}

.know_Area ul li.ty02 img {
max-width: 271px;
width: 100%;
height: auto;
}

.know_Area ul li.ty03 img {
max-width: 250px;
width: 100%;
height: auto;
}
.know_Area ul li.ty04 img {
max-width: 360px;
width: 100%;
height: auto;
}

.know_Area ul li.ty05 img {
max-width: 450px;
width: 100%;
height: auto;
}

.know_Area ul li.ty06 img {
max-width: 557px;
width: 100%;
height: auto;
}

.know_Area ul li.ty07 img {
max-width: 280px;
width: 100%;
height: auto;
}

.know_Area ul li.ty07 {
margin-top: -60px;
}


.know_Area ul li.ty08 img {
max-width: 304px;
width: 100%;
height: auto;
}

.know_Area ul li.ty09 img {
max-width: 306px;
width: 100%;
height: auto;
}

.know_Area ul li.ty10 p {
    background-color: #1D2087;
    border-radius: 50%;
}

.know_Area ul li.ty10 img {
max-width: 220px;
width: 100%;
height: auto;
animation: flash 1s linear infinite;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

.know_Area ul li.ty10 {
margin-top: 45px;
}


.know_Area ul li a img:hover {
transform:scale(1.05,1.05);
-webkit-transition: all 0.2s;
transition: all 0.2s;

}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.know_Area {
padding: 0 20px 45px 20px;
}

.know_Area ul li.ty01 {
width: 52%;
}

.know_Area ul li.ty02 {
width: 44%;
}

.know_Area ul li.ty03 {
width: 46%;
}

.know_Area ul li.ty03 img {
max-width: 360px;
}
.know_Area ul li.ty04 img {
max-width: 250px;
}

.know_Area ul li.ty04 {
width: 48%;
margin-top: 30px;
}

.know_Area ul li.ty05 {
width: 100%;
margin: 15px 0;
}

.know_Area ul li.ty05 img {
max-width: 85%;
}

.know_Area ul li.ty06 {
width: 50%;
margin-top: 20px;
}

.know_Area ul li.ty06 img {
max-width: 304px;
}

.know_Area ul li.ty07 {
width: 48%;
margin-top: -20px;
}

.know_Area ul li.ty08 {
width: 100%;
margin-top: 5px;
}

.know_Area ul li.ty08 img {
max-width: 85%;
}


.know_Area ul li.ty09 {
width: 52%;
margin-top: -15px;
}

.know_Area ul li.ty10 {
width: 41%;
}

}
/* max-width: 767px @end */


/*応募要項--------------------------------------------------------------*/
.cont01 {
background-color: #FFF;
padding: 45px 50px;
}

.cont01 .ty01 {
padding: 45px 0;
}

.cont01_1 {
padding: 0 65px;
text-align: left;
}

.cont01_1 ul{
display: flex;
margin-top: 20px;
flex-wrap: wrap;
}

.cont01_1 ul li.ty02_1,
.cont01_1 ul li.ty02_1_sp{
font-size: 26px;
font-weight: bold;
color: #da392a;
white-space: nowrap;
width: 100%;
margin-left: -15px;
}


.cont01_1 ul li.ty02_2,
.cont01_1 ul li.ty02_2_sp{
font-size: 20px;
line-height: 130%;
margin-top: 8px;
}

.cont01_1 ul li .ty02_3{
font-size: 16px;
}

.cont01_1 .ty02_4 {
font-size: 30px;
font-weight: bold;
background-color: #fac03d;
border-radius: 20px;
padding: 25px 0 15px;
text-align: center;
margin: 20px 0;
}

.cont01_1 .ty02_5 {
font-size: 12px;
line-height: 16px;
}

.cont01_1 .ty03_1 {
font-size: 20px;
margin-top: 25px;
}

.cont01_1 .ty03_2 {
font-size: 26px;
font-weight: bold;
color: #da392a;
margin-left: -15px;
}

.cont01_1 .ty03_3 {
font-size: 22px;
margin-top: 25px;
font-weight: bold;
}

.cont01_1 .ty03_4 {
font-size: 26px;
font-weight: bold;
color: #da392a;
margin-left: -15px;
}

.cont01_1 ul li.ty03_5{
font-size: 20px;
white-space: nowrap;
line-height: 130%;
}


/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.cont01 {
padding: 30px 25px;
}

.cont01 .ty01 {
padding: 20px 0;
}

.cont01_1 {
padding: 0;
}

.cont01_1 ul{
margin-top: 10px;
}

.cont01_1 ul.f_wrap{
flex-wrap: wrap;
}

.cont01_1 ul li.ty02_1{
font-size: 18px;
margin-left: -10px;
}

.cont01_1 ul li.ty02_1_sp{
font-size: 18px;
width: 100%;
margin-left: -10px;
}

.cont01_1 ul li.ty02_2{
font-size: 14px;
}

.cont01_1 ul li.ty02_2_sp{
font-size: 14px;
margin-top: 5px;
}

.cont01_1 ul li .ty02_3{
font-size: 12px;
}

.cont01_1 .ty02_4 {
font-size: 18px;
padding: 10px 0;
margin: 15px 0;
}

.cont01_1 .ty02_5 {
font-size: 10px;
line-height: 14px;
}

.cont01_1 .ty03_1 {
font-size: 14px;
margin-top: 10px;
}

.cont01_1 .ty03_2 {
font-size: 18px;
margin-left: -10px;
}

.cont01_1 .ty03_3 {
font-size: 18px;
}

.cont01_1 .ty03_4 {
font-size: 18px;
margin-top: 25px;
margin-left: -10px;
}


.cont01_1 ul li.ty03_5{
font-size: 14px;
}


}
/* max-width: 767px @end */


/*キャンペーン期間--------------------------------------------------------------*/
.cont02 {
background-color: #fcf0d7;
position: relative;
padding: 45px 125px;
}

.cont02 .ty01{
text-align: left;
}

.cont02 h4:before{
border-color: transparent transparent transparent #fcf0d7 !important;
}

.cont02 h4:after{
border-color: transparent #fcf0d7 transparent transparent !important;
}

.cont02 .ty02_1{
    font-size: 26px;
    font-weight: bold;
    color: #da392a;
    margin-top: 20px;
    margin-left: -15px;
}

.cont02 .ty02_2{
font-size: 40px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 30px;
}

.cont02 .ty02_3{
    font-size: 36px;
    font-weight: bold;
    color: #da392a;
    margin-top: 20px;
}

.cont02 .side_bg01 {
position: absolute;
top: 10px;
left: 20px;
width: 105px;
}

.cont02 .side_bg02 {
position: absolute;
top: 38px;
right: 10px;
width: 122px;
}


/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.cont02 {
padding: 20px 25px;
}

.cont02 .ty02_1{
font-size: 18px;
margin-top: 10px;
margin-left: -10px;
}

.cont02 .ty02_2{
font-size: 20px;
margin-top: 5px;
}

.cont02 .ty02_3{
font-size: 20px;
margin-top: 5px;
}


.cont02 .side_bg01 {
top: 5px;
left: 0;
width: 40px;
}

.cont02 .side_bg02 {
top: 20px;
right: 2px;
width: 52px;
}

}
/* max-width: 767px @end */



/*応募方法--------------------------------------------------------------*/
.cont03 {
padding: 40px 50px;
}

.cont03_1 {
background-color: #FFF;
padding: 6px;
margin-top: 40px;
}

.cont03_2 {
background-color: #FFF;
padding: 35px 60px;
border: 3px solid #fac03d;
text-align: left;
font-size: 20px;
}

.cont03_2 .ty01_1 {
font-size: 24px;
font-weight: bold;
color: #da392a;
margin-top: 20px;
margin-left: -13px;
}

.cont03_2 a.btArea {
display: block;
font-size: 26px;
font-weight: bold;
background-color: #da392a;
color: #FFF;
border-radius: 40px;
padding: 15px 0 12px;
box-shadow: 5px 5px 0 #8b3727;
text-decoration: none;
text-align: center;
margin-top: 20px;
}

.cont03_2 a.btArea:hover {
background-color: #d80a00;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.cont03 {
padding: 25px 10px;
}

.cont03_1 {
margin-top: 20px;
}

.cont03_2 {
padding: 15px 10px;
border: 2px solid #fac03d;
font-size: 14px;
}

.cont03_2 .ty01_1 {
font-size: 18px;
margin-top: 10px;
margin-left: -10px;
}

.cont03_2 a.btArea {
font-size: 18px;
padding: 10px 0;
box-shadow: 2px 3px 0 #8b3727;
}

}
/* max-width: 767px @end */


/*当選発表及び賞品の発送、個人情報について、その他、注意事項--------------------------------------------------------------*/

.other_Area {
margin: 20px 50px 0 50px;
text-align: left;
font-size: 14px;
padding-bottom: 30px;
}

.other_Area_1 {
padding: 25px 40px 40px 40px;
background-color: #FFF;
}

.other_Area .ty01 {
padding: 15px 40px;
color: #FFF;
background-color: #000;
}

.other_Area .ty02 {
font-size: 24px;
color: #FFF;
background-color: #000;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.other_Area {
margin: 30px 0;
text-align: left;
font-size: 12px;
}

.other_Area_1 {
padding: 5px 20px 20px 20px;
background-color: #FFF;
margin: 0 20px;
}

.other_Area .ty01 {
padding: 10px 20px;
color: #FFF;
background-color: #000;
margin: 0 20px;
}

.other_Area .ty02 {
font-size: 14px;
}


}
/* max-width: 767px @end */


/*当選発表及び賞品の発送・・・・開閉CSS-------------------------------------------------------------*/

/*ボックス全体*/
.accbox {
max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
display: block;
cursor :pointer;
transition: all 0.5s;
width: 100%;/*最大幅*/
border-bottom: 1px solid #000;
margin-top: 15px;
position: relative;
}

/*ラベルホバー時*/
.accbox label:hover {

}

/*チェックは隠す*/
.accbox input {
display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
overflow: hidden;
transition: 0.8s;
height: 0;
opacity: 0;
padding-top: 10px;
}

/*アイコンを表示*/
.accbox label:after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-image: url(../images/open.png) ;
background-size: contain;
background-position: right 0;
background-repeat: no-repeat;
vertical-align: middle;
background-size : 10px 10px;
position: absolute;
top: 50%;
right: 10px;
margin-top: -12px;
}

.cssacc:checked + label + .accshow {
height: auto;
opacity: 1;
}

/*アイコンを入れ替える*/
.cssacc:checked + label:after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-image: url(../images/close.png) ;
background-size: contain;
background-position: right 0;
background-repeat: no-repeat;
vertical-align: middle;
background-size : 10px 10px;
position: absolute;
top: 50%;
right: 10px;
margin-top: -12px;
}

/* フォント
-------------------------------------*/
h4 {
display: inline-block;
width: 100%;
max-width: 504px;
position: relative;
height: 50px;
line-height: 50px;
vertical-align: middle;
text-align: center;
padding: 0 30px;
font-size: 28px;
font-weight: bold;
background: #000;
color: #fff;
box-sizing: border-box;
}

h4:before, h4:after{
position: absolute;
content: '';
width: 0px;
height: 0px;
z-index: 1;
}

h4:before{
top: 0;
left: 0;
border-width: 25px 0px 25px 15px;
border-color: transparent transparent transparent #fff;
border-style: solid;
}

h4:after{
top: 0;
right: 0;
border-width: 25px 15px 25px 0px;
border-color: transparent #fff transparent transparent;
border-style: solid;
}

h5 {
font-size: 30px;
font-weight: bold;
border-bottom: 2px solid #000;
padding-bottom: 5px;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
h4 {
height: 40px;
line-height: 40px;
padding: 0 20px;
font-size: 18px;
}

h4:before{
border-width: 20px 0px 20px 10px;
}

h4:after{
top: 0;
right: 0;
border-width: 20px 10px 20px 0px;
}

h5 {
font-size: 18px;
}

}
/* max-width: 767px @end */


/* 追記 */

.ty03_1 p.mt20_sp {
    margin-top: 8px!important;
}

.cont01_1 .ty03_4.caution {
    margin: 0;
    font-size: 24px;
}

.cont01_1 ul.caution01 {
    flex-wrap: unset;
    margin-top: 5px;
}

.cont01_1 ul.caution01 li.ty02_2 {
    margin: 0;
}

.organizer {
    margin-top: 20px;
    text-align: center;
    color: #464646;
    font-size: 16px;
    font-weight: bold;
}

.ty01.sp-hide.twitter {
    padding: 60px 0 5px;
    margin: 0 -65px;
}

.ty01.pc-hide.twitter {
    padding: 60px 0 0;
}

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

.cont01_1 .ty03_4.caution {
    margin-top: 25px;
    font-size: 18px;
}

}


/* footer_access_logo */

.footer_inner {
    padding: 30px;
    background-color: #fff;
    color: #000;
}

.footer_contents {
    width: 100%;
    height: 40px;
    position: relative;
    margin-top: 0rem;
}

.footer_contents p {
    position: absolute;
    top: 1.4rem;
    left: 0;
    font-size: 0.8rem;
}

.footer a {
    opacity: 1!important;
}

.access_logo_area {
    width: 160px;
    position: absolute;
    top: 0;
    right: 0;
}


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

.footer_contents p {
    font-size: 1.0rem;
}

.access_logo_area {
    width: 120px;
    position: absolute;
    top: 0;
    right: 0;
}

}


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

.footer_inner {
    padding: 15px;
}

.footer_contents {
    width: 100%;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
}

.footer_contents p {
    width: 100%;
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 0.8rem;
}

.access_logo_area {
    width: 120px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}


}