@charset "UTF-8";

#contentArea {
color:#000
}

#contentArea a,#contentArea a img {
border:none;
outline:0
}

#contentArea img {
width:100%
}

#pageItem {
-webkit-text-size-adjust:100%;
box-sizing:border-box;
text-align:left;
vertical-align:middle;
max-width:1000px;
margin:0 auto;
padding:10px 0 20px
}

@media (max-width:768px) {
#pageItem {
padding:10px 5px 20px
}
}

#pageItem h1{
font-size: 25px;
font-weight: bold;
margin: 0 auto;
padding-bottom: 14px;
}

@media (max-width:768px) {
#pageItem h1{
font-size: 1.4em;
font-weight: bold;
margin: 0 auto;
padding: 0 2%;
padding-bottom: 14px;
}
}

#pageItem .text {
margin: 1em auto;
font-size: 18px;
color: #000;
}

@media (max-width:768px) {
#pageItem .text {
font-weight: 400;
font-size: 14px;
margin: 1.1em 0;
padding: 0 2%;
color: #000;
}
}

#pageItem .attention {
margin: 1em auto 4em 10%;
}

#pageItem .attention li {
font-size:16px;
color:#808082;
text-align:left
}

@media (max-width:768px) {
#pageItem .attention {
width: 80%;
}
#pageItem .attention li {
font-weight:400;
font-size:12px
}
}

@media (max-width:430px) {
#pageItem p br,
#pageItem .attention li br {
display:none
}
}

#pageItem .btn {
margin:0 auto 50px;
width:90%;
font-size:28px;
font-weight:700;
line-height:1
}

@media (max-width:768px) {
#pageItem .btn {
width:100%
}
}

@media (max-width:430px) {
#pageItem .btn {
margin:25px auto
}
}

#pageItem .text--title {
font-size: 40px;
font-weight: bold;
margin: 32px auto 16px;
}

#pageItem .coupon {
background-color: #144734;
color: #fff;
margin: 0 auto;
padding: 35px 0;
width: 80%;
font-size: 51px;
font-weight: 700;
}

@media (max-width:768px) {
#pageItem .text--title {
font-size: 30px;
font-weight: bold;
}
#pageItem .coupon {
width:80%
}
#pageItem .break{
display: none;
}
/* #pageItem p br {
display:none
} */
}

@media (max-width:430px) {
#pageItem .coupon {
margin:0 auto;
padding:14px 0;
font-size: 3em;
}
#pageItem .break{
display: none;
}
/* #pageItem p br {
display:none
} */
}

#pageItem .btn02 {
margin: 50px auto 50px;
width: 80%;
font-size: 28px;
font-weight: 700;
line-height: 1;
}

@media (max-width:768px) {
#pageItem .btn02 {
width:80%
}
}

@media (max-width:430px) {
#pageItem .btn02 {
margin:25px auto
}
}

#pageItem .btn--link {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
vertical-align:middle;
height:80px
}

#pageItem .btn--link:after {
position:absolute;
content:"";
width:33px;
height:33px;
right:2%;
top:50%;
background-repeat:no-repeat;
background-size:contain;
background-position:center bottom;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}

@media (max-width:768px) {
#pageItem .btn--link {
font-size:3.8vw
}

#pageItem .btn--link:after {
height:3.6vh
}
}

@media (max-width:428px) {
#pageItem .btn--link {
font-size:16px;
height:60px
}

#pageItem .btn--link:after {
width:16px;
height:16px
}
}

@media (max-width:320px) {
#pageItem .btn--link {
font-size:14px
}

#pageItem .btn--link:after {
width:14px;
height:14px
}
}

#pageItem .btn--link {
font-family:"Hiragino Sans",YuGothic,"Helvetica Neue",Arial,sans-serif;
font-weight:bold;
color:#fff;
background-color:#252525;
position:relative;
margin:auto;
-webkit-transition:.3s;
transition:.3s
}

#pageItem .btn--link:hover {
opacity:.6
}

#pageItem .btn--link:after {
background-image:url(../img/rundenim/arrow_wh.png)
}


#pageItem *,#pageItem :after,#pageItem :before {
background-repeat:no-repeat;
box-sizing:inherit;
list-style:none;
margin:0;
outline:0;
padding:0;
text-align:inherit;
text-decoration:none;
vertical-align:inherit
}



#pageItem .pickup__ttl {
font-size:26px;
font-weight:600;
-webkit-font-feature-settings:palt;
font-feature-settings:palt;
line-height:1.4;
margin:0 auto 10px
}

@media (max-width:768px) {
#pageItem .pickup__ttl {
font-size:3.4vw
}
}

@media (max-width:428px) {
#pageItem .pickup__ttl {
font-size:15px
}
}

#pageItem .pickup__text {
font-size:20px;
font-weight:400;
-webkit-font-feature-settings:palt;
font-feature-settings:palt;
line-height:1.5;
margin-bottom:20px
}

@media (max-width:768px) {
#pageItem .pickup__text {
font-size:2.5vw
}
}

@media (max-width:430px) {
#pageItem .pickup__text {
font-size:14px;
text-align:justify
}

#pageItem .pickup__text br {
display:none
}
}