@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;}
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背景*/
#topimgarea{background: url(img/top_b.jpg); background-size: cover;border-top: 30px solid #000;}

#topimgarea2{border-top: 30px solid #000;background: #ffffff;position: relative;/* max-width: 1100px; *//* margin: auto; */}
#topimgarea2 table{width: 100%;border-collapse:collapse;/* max-width: 1200px; *//* margin: auto; */position: relative;}
#topimgarea2 th{background: url(img/top_b.jpg); background-size: cover;text-align: right;}
#topimgarea2 th p{max-width: 500px;Z-INDEX: 6;}
#topimgarea2 th h1{max-width: 450px;padding: 3rem 3.5rem 2rem;position: relative;z-index: 5;}
#topimgarea2 td{background: url(img/top_b2.png);background-size: cover;padding: 1rem 4.5rem;position: relative;width: %;}
#topimgarea2 td p{max-width: 400px;position: relative;z-index: 4;margin: auto;}


.erea1{position: relative;margin: auto; padding: 20px;max-width: 900px}

p.h1-in{position: absolute;width: 45%;right: 10px;top: 5em;padding: 20px;}

.erea1-number{
    text-align: center;
    background: rgb(243 243 243 / 90%);
    padding: 10px 20px;
    letter-spacing: 0.7em;
    color: #ff2d82;
    margin: 50px 0 0 30px;
    font-size: .8rem;
    border-radius: 20px;
    display: inline-block;
    }

.erea1-2{display: inline-block;width: 160px;vertical-align:middle;}
.erea1-3{font-size: 1.5em;font-weight: bold;vertical-align:middle;}

.top_come{max-width: 700px;margin: 4em auto;font-size: 1.1rem;padding: 1.5em 3em 3em;background: #fff;border-radius: 15px;}
.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;}

/*プレゼント案内*/
#present1{/* max-width: 900px; *//* margin:20px auto 0; */padding: 30px 0;background: #f6f7ed;}
#present1 table{background-size: cover;border-spacing: 40px 0;max-width: 900px;margin: auto;}
#present1 th {width: 60%;padding: 30px 0px 10px;vertical-align: top;}
#present1 td {padding: 10px;}
#present1 th p{max-width: 450px;padding: 2em 0 2em 2em;}

/*概要*/
.second_title{margin: auto;text-align: center;padding: 10px;max-width: 700px;padding-right: 25px;}
.second_title img{width: 100%}
.second_title span{text-align: left; display: block;font-size: 1.3em; padding: 20px 10px;width:86%;margin: auto;}

.erea2_3 h2{margin: 30px 15px 0px;  padding-bottom: 5px}
.erea2_3 h2 span{border:2px solid;padding: 3px 10px ; margin-right: 10px;display: inline-block;font-size: .8em;}
.erea2_3 h2 p{display: inline-block; border-bottom: 7px solid #fecc15;vertical-align: middle;}

.erea2_3 h3{margin:0 0 5px;padding:7px 8px;font-size: 1em;background:#e5c302;width: 200px;font-weight: normal;border-radius: 50px;text-align: center;}
.erea2_7{padding: 30px 30px 30px ; font-size: 1.2em;}
.erea2_7-2{padding: 5px 5px 10px; line-height: 2em;}
.erea2_7-2 p{color: red;text-decoration: line-through;display: inline-block;vertical-align:bottom;padding: 0 3px;}
.erea2_7-2 span{color: black}
.erea2_7-2 table{margin: 0px 0 10px;max-width: 350px ;width: 100%}
.erea2_7-2 th{font-size: 2.5em;padding: 0px 7px;text-align: left;color: #06962d;}
.erea2_7-2 td{padding: 5px;font-size: 1.05em;}
.erea2_7-2 li{list-style: disc; margin-left: 25px;}

.erea2_3{max-width: 860px;margin: 70px 20px 20px;text-align: left;background: #fff;border-radius: 20px;}


.erea2_5{padding: 20px 35px;font-size: 1.1em;}
.erea2_5 p{line-height: 1.8em}
.erea2_6 table{border: 5px double #ddd; margin: 0px 30px 20px;border-radius: 20px; }
.erea2_6 th{padding: 20px 20px 10px;}
.erea2_6 th,.erea2_6 td{font-size: 0.9rem;}
.area2_td1{width: 60%;padding: 20px;}
.area2_td2{padding: 0 0 20px 20px;}
.area2_td1 small{font-size: 0.7rem;}



.sp_non_800{display: none;}
.pc_non_800{display: inline-block;}
.gaiyo1{width: 86%;margin: auto; padding: 20px 10px;}

.gaiyo1-ta1{border: 3px double #ccc;}
.gaiyo1-ta1 th{width: 30%;padding: 10px; vertical-align: top;}
.gaiyo1-ta2 th{width: 20%; padding: 10px;}
.gaiyo1-ta1 td{padding:10px;font-size: 1.3em;}
.gaiyo1-ta2{margin: 0px auto ; background: #f1ebd9}
.gaiyo1-ta2 td{padding: 10px;font-size: 1em;line-height: 1.7em;}
.gaiyo1-ta3 th{width: 35%;padding:20px 10px 10px;}
.gaiyo1-ta3 td{font-size: 1.2em;padding: 10px;}
.gaiyo1-ta3 img{border-radius: 10px;}



.erea1-number{display: none;}

#title1{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  

}

.btn,
div.btn{
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;

  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;

}

/*ボタン周りの余白用*/
.btn-wrap {
  margin: 0 0 20px;
  /* font-size: 62.5%; */
  bottom: 0px;
  position: relative;
  padding-bottom: 100px;
  Z-INDEX: 6;
}

div.btn-coupon {
  display: -ms-flexbox;
  display: flex;
  width: 270px;
  height: 90px;
  margin: 0 auto;
  padding: 0px 0 0 80px;
  position: absolute;
  right: 0;
}

div.btn-coupon .left {
  width: 80%;
  /* padding-top: 9px; */
  border: 2px solid #d9133b;
  border-right: 0;
  background: #fff;
}

div.btn-coupon .left span.txt1 {
  color: #000;
  font-size: 1rem;
}

div.btn-coupon .left em {
  font-size: 2rem;
  font-style: normal;
  display: block;
  color: #d9133b;
  line-height: 2rem;
}


div.btn-coupon .left span{user-select: none;}

div.btn-coupon .right {
  position: relative;
  width: 16%;
  height: 100%;
  color: #fff;
  border-left: 2px dotted #fff;
  background: #d9133b;
  user-select: none;
}

div.btn-coupon .right span {
  font-size: 1rem;
  line-height: 1;
  position: absolute;
  top: -0.3rem;
  left: calc(50% - 0.5rem);
  display: inline-block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

#or1{text-align: center;font-size: 3rem;margin-bottom: 30px}

#title1{width: 50%;padding: 40px 0px 50px;text-align: center;}
/*概要*/
.area2_td1 div{font-size: 0.8rem;background: #f5efeb;padding:5px 10px 10px;border-radius: 7px;margin-top: 10px}
.area2_td1 span{display: inline-block;background: #ca9bc0;padding: 0 5px;font-size: 0.9em;margin: 7px 3px 0 0;color: #fff;line-height: 1.6;}
#point1 {border:none;margin: 0;}
#point1 th{display: inline-block;background: #ca9bc0;padding: 0 7px;font-size: 0.9em;color: #fff;white-space: nowrap;font-size: 0.7rem;}
#point1 td{padding: 3px 0 0 5px ;font-size: 0.8rem;line-height: 1.2rem;}

.area2_td1 a{display: block; width: 200px; margin: 15px auto 0; background: #c4e0df; text-align: center;
 font-size: 0.8em; border-radius: 20px; color: #12a59f;padding: 5px 0}

.top_come big{font-size: 1.25rem;}

@media (max-width: 900px){
.pc_non_900 {display: inline-block;}
.sp_non_900{display: none;}

.erea1-number{}
.erea1 h1{padding: 0 0 10px;}
#title1{/* width:120% */}
p.h1-in{width: 43%;top: auto;bottom: 7em;right: 10px;}
.top_come{/* font-size: 1.2em; */padding: 15px 23px 20px;margin: 3em;}
.top_come span {font-weight: bold;color:#ff004e;margin-right: 3px;}


.erea1-3{font-size: 1.5em;}
div.btn-coupon{padding: 20px 0 0 20px;}
#present1 th div{padding: 50px 0; }
.second_title{padding: 0 30px 0 20px}
.second_title span{width: 100%; box-sizing:  border-box;padding: 20px 0;}
}




/*概要*/
.spring18-cp3{margin: 20px auto;font-size: 1.15em;/* background: #fff; */max-width: 790px;padding: 0 3em;font-size: 1rem;}
.spring18-cp3 h2{/* padding: 10px 10px 0; *//* border:2px solid; *//* text-align: center; */margin-bottom: 10px;/* border-radius: 10px; *//* font-size: 1.7em; *//* margin-top: 0; */}
.spring18-cp3 h3{background: url(img/18sp-cp_info_back.jpg);padding: 10px 15px;font-size: 1em;
  margin: 20px 0 10px;}
.spring18-cp3 span{display: block;max-width: 800px;margin: 20px auto 40px;}
.spring18-cp3 div{padding: 10px;line-height: 2em;}
.un_line-red{border-bottom: 2px solid red;display: inline-block;vertical-align:middle;}
.spring18-cp3 big{font-size: 2em;font-weight: bold;color: #ff2d82;}

h3.back-1,h3.back-2,h3.back-3,h3.back-4{background-size: 100%;}
h3.back-1{background-position: right 0px;}
h3.back-2{background-position:0px -100px;}
h3.back-3{background-position:0px -350px;}
h3.back-4{background-position:0px -458px;}

.topimg3{position: absolute;max-width: 1200px;margin: auto;bottom: 0;z-index: 1;}







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

@media (max-width: 750px){
.gaiyo1-ta1 th{width: 80%;}
.gaiyo1-ta2 th{width: 50%;}
.gaiyo1-ta3 th{width: 100%;}
.second_title{padding: 0 10px;position: relative;left: -5px;}
.second_title span{width: 100%; box-sizing:  border-box;padding: 20px 0;}

#topimgarea {background-position: right;}
.erea1 h1 {/* width: 60%; *//* padding-bottom: 155px; */}
p.h1-in {/* width: 65%; */}

.erea2_5{padding: 20px;}
.erea2_6 table{margin: 20px}
.erea2_6 th,.erea2_6 td{padding: 15px}
.erea2_7{padding: 20px;}
div.btn-coupon{padding: 0;}
div.btn-coupon{width: 250px;height: 100px;}
div.btn-coupon .left{margin-top: 0px;}
div.btn-coupon .left em{/* font-size: 1.5rem; */}
div.btn-coupon .left span.txt1{font-size: 0.9rem;}
div.btn-coupon .right span{font-size: 1rem;    top: 0.2rem;}

.erea1-2{width: 100px;}
.erea1-3{letter-spacing: 2px;}
.erea1-number{
    display: inline-block;
    position: absolute;
    padding: 2px 15px;
    bottom: 30px;
    right: 15px;
    box-sizing: border-box;
    }

#topimgarea2 table,#topimgarea2 th,#topimgarea2 td{display: inline-block;width: 100%;box-sizing: border-box;position: relative;}
#topimgarea2 td p{padding: 3.5em 0;}
.btn-wrap {padding-bottom: 10px;}
div.btn-coupon{display: none;}

#topimgarea2 th h1{padding: 3rem 4rem 2rem 2rem;}

}

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

}

@media (max-width: 900px){
div.btn-coupon .left em{font-size: 0.9em}
div.btn-coupon .left span.txt1{font-size: 0.9rem}
div.btn-coupon .right span{font-size: 0.9rem;top: -0.2rem;}
div.btn-coupon{width: 200px;height: 85px;}
}


.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;}
.top_come{margin: 1em}
.spring18-cp3{padding: 1em 2em;}
/*TOP背景*/
.erea1{position: relative;padding:10px;}

#title1{width: 100%;margin: auto;padding-right: 50px;padding-top: 20px;}
#present1 th p{padding: 2em}
#topimgarea2 th {
    background-size: 160%;
    background-position: -50px;
    }

.erea1-3{font-size: 1.3em;}
.top_come h2{font-size: 1.2em;margin-top: 5px;}
p.h1-in{padding: 10px 10px 30px;width: 75%;top:auto;bottom: 3em;}
.erea1 h1{padding-bottom: 287px;/* width: 65%; */}

#present1 th, #present1 td{display: block;width: 100%;box-sizing: border-box;}
#present1 th{/* padding: 20px 20px 0; *//* border-radius: 10px 10px 0 0; */}
#present1 td{/* padding: 10px 0px 10px; *//* border-radius: 0 0 10px 10px; */}
#present1 th div{padding: 10px 30px; border: 4px double #ccc;}
#present1 table{border-spacing: 20px;}

#present1 th{padding-top: 0px;}
#present1 td{margin:20px auto 0; width: 85%;}



.erea2_6 th,.erea2_6 td{display: block;}
.erea2_6 td{display: block;width: 100%;box-sizing: border-box;}

.erea2_3{margin-top: 30px;}
}

@media (max-width:370px){
.btn_h1_1 a{display: inline-block;width: 90px}
.btn_h1_1{width: 320px;}
#topimgarea2 th h1{padding: 2rem 2rem 3rem;}
}

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