@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:center;
vertical-align:middle;
max-width:1000px;
margin:0 auto;
padding:10px 0 20px
}

#pageItem h1{
font-size: 26px;
font-weight: bold;
margin: 0 auto;
padding-bottom: 25px;
}
@media screen and (min-width: 768px){
#pageItem h1 br.sp {
display:none
}
}
@media (max-width:768px) {
#pageItem {
padding:10px 5px 20px
}
#pageItem h1{
font-size: 23px;
font-weight: bold;
margin: 0 auto;
padding-bottom: 14px;
}
}

#pageItem h2{
font-size: 20px;
font-weight: bold;
margin: 0 auto;
padding-top: 14px;
}

@media (max-width:768px) {
#pageItem h2{
font-size: 20px;
font-weight: bold;
margin: 0 auto;
padding-top: 14px;
}
}

#pageItem .photo {
margin: 14px auto;
padding: 0;
}

@media (max-width:550px) {
#pageItem .photo {
margin: 12px auto;
padding: 0;
}
}

#pageItem .photo img {
width: 80%;
}

@media (max-width:550px) {
#pageItem .photo img {
width: 94%;
}
}

#pageItem .txt {
margin: 14px auto 50px;
padding: 0;
}

#pageItem .txt img {
width: 75%;
}

@media (max-width:550px) {
#pageItem .txt {
margin: 0 auto 50px;
padding: 0;
}
#pageItem .txt img {
width: 94%;
}
}

#pageItem .text {
margin: 56px auto 25px;
font-size: 25px;
font-weight: bold;
color: #000;
text-align: center;
line-height: 130%;
}

#pageItem .text span {
margin: 0 auto;
font-size: 16px;
padding: 0;
font-weight: initial;
color: #000;
text-align: center;
line-height: 98%;
}

@media (max-width:768px) {
#pageItem .text {
width: 100%;
font-weight: bold;
font-size: 18px;
margin: 1.5em auto;
color: #000;
text-align:center
}

#pageItem .text span {
margin: 0 auto;
font-size: 12px;
color: #000;
text-align: center;
}
}

#pageItem .attention {
margin: 1em auto 4em 10%;
width: 80%;
}

#pageItem .attention li {
font-size:16px;
color:#808082;
text-align:left
}

@media (max-width:768px) {
#pageItem .attention {
width: 92%;
margin: 1em auto 4em 5%;
}
#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: 20px;
font-weight: bold;
margin: 0 auto 11px;
}

#pageItem .text--title--02 {
color: #315644;
font-size: 22px;
font-weight: bold;
margin: 1em auto 0 -34%;
padding: 0;
}

#pageItem .coupon {
background-color: #d2e39d;
color: #2b5339;
margin: 0 auto;
padding: 13px 0;
width: 60%;
font-size: 30px;
font-weight: bold;
border: 1px solid #676968;
border-radius: 10px;
}

@media (max-width:768px) {
#pageItem .text--title {
font-size: 15px;
font-weight: bold;
}
#pageItem .text--title--02 {
color: #315644;
font-size: 18px;
font-weight: bold;
margin: 0 auto 11px;
padding: 0;
}
#pageItem .coupon {
background-color: #d2e39d;
color: #2b5339;
width: 70%;
font-size: 17px;
font-weight: bold;
border: 1px solid #676968;
border-radius: 10px;
}
#pageItem .break{
display: none;
}
/* #pageItem p br {
display:none
} */
}

@media (max-width:430px) {
#pageItem .coupon {
margin:0 auto;
padding:14px 0;
}
#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:30px auto
}
}

#pageItem .btn--link {
border: 1px solid #000;
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 {
background-image: url(../img/bring/arrow.png);
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:#252525;
background-color:#fff;
position:relative;
margin:auto;
-webkit-transition:.3s;
transition:.3s
}

#pageItem .btn--link:hover {
opacity:.6
}

#pageItem .btn--link:after {
background-image: url(../img/bring/arrow.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
}
}