@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');


body {padding: 0px; margin: 0px; font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height: 100%;}
table,td,tr {padding: 0px; margin: 0px; border: none; line-height: 100%; width: 100%;}
A {color: #333333;font-weight: 500; line-height: 140%;}
A:hover {color: #333333;}



body {
color: #333333;
line-height: 1.8;
}
A {
text-decoration: none;
color: #333333;
}
img {
max-width: 100%;
height: auto;
}
.dispinlineblock {
display: inline-block;
}

.sectionbox {
font-size: 14px;
padding: 30px 5px;
margin: 0 auto;
/*width: 100%;*/
max-width: 1200px;
/*font-family: "Zen Maru Gothic", serif;*/
font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 800px) {
.sectionbox {
font-size: 16px;
padding: 60px 10px;
}
}
.inner_sectionbox {
max-width: 1200px;
margin: 0 auto;
}
.coupon, .footer {
max-width: 100%;
}

.inner_header {
    font-family: "Zen Maru Gothic", sans-serif;
}
.destination {
font-weight: 500;
}
.header_logo {
text-align: center;
}
.destination_name {
text-align: center;
padding: 25px;
letter-spacing: 1px;
}
.destination_point {
text-align: center;
}
.inner_destination_point {
display: inline-block;
background-color: #F3F3F3;
padding: 20px;
border-radius: 5px;
}
.point_emp {
    color: #EC0000;
    font-weight: 600;
    display: inline-block;
    padding: 0 5px;
    font-size: 120%;
}
.greeting {
padding-top: 25px;
line-height: 2;
font-weight: 500;
}

.section_title {
font-size: 14px;
text-align: center;
padding-bottom: 15px;
font-family: "Zen Maru Gothic", sans-serif;
}
.section_title_en {
padding-bottom: 5px;
font-weight: 500;
font-size: 200%;
line-height: 1;
}
@media screen and (min-width: 800px) {
.section_title {
font-size: 16px;
padding-bottom: 20px;
}
.section_title_en {
padding-bottom: 10px;
}
}

.section_desc tr {
text-align: center;
}
.coupon {
background-color: #EDEDF6;
}
.coupon .section_desc {
font-size: 13px;
}
.coupon_box {
padding: 5px;
width: 100%;
max-width: 500px;
box-sizing: border-box;
line-height: 1.5;
margin: 0 auto;
}
.inner_coupon_box {
padding: 25px;
border-radius: 10px;
background-color: #FFFFFF;
}
@media screen and (max-width: 799px) {
.coupon_box {
display: block;
}
}
@media screen and (min-width: 800px) {
.coupon_box {
width: calc(100%/3);
max-width: 400px;
display: inline-block;
}
}
@media screen and (min-width: 980px) {
.coupon_box {
padding: 15px;
}
}
.coupon_image, .coupon_text {
text-align: center;
}
.coupon_code {
display: block;
background-color: #F3F3F3;
padding: 15px;
text-align: center;
font-weight: 600;
}
.coupon_code span {
font-size: 125%;
font-family: "Zen Maru Gothic", sans-serif;
}
.coupon_period {
text-align: center;
}
.condition {
padding-left: 15px;
margin: 0px;
    list-style: "※";
	text-align: left;
}

.campaign {
padding-bottom: 20px;
}
.inner_campaign {

}
.campaign_box {
padding: 25px 0px;
font-size: 13px;
width: 100%;
max-width: 500px;
margin: 0 auto;
border-bottom: 1px solid #DADAE4;
vertical-align: top;
}
@media screen and (max-width: 899px) {
.campaign_box {
display: block;
}
}
.campaign_box:last-child {
border-bottom: none;
}
.campaign_image {
text-align: center;
}
.campaign_title {
font-size: 18px;
padding: 10px 0px;
        line-height: 1.3;
color: #0083C9;
font-weight: 600;
font-family: "Zen Maru Gothic", sans-serif;
}
.campaign_text {
padding: 15px 0px;
text-align: left;
}
@media screen and (min-width: 900px) {
.inner_campaign {

}
.campaign_box {
padding: 0px 25px;
width: calc(100%/3);
max-width: none;
border-right: 1px solid #DADAE4;
border-bottom: none;
}
.campaign_box:last-child {
border-right: none;
}
.campaign_title {
font-size: 20px;
text-align: left;
}
}

.information_box {
    line-height: 1.5;
}
.information_title {
padding: 15px 0px;
margin-bottom: 15px;
border-bottom: 1px dotted #848484;
font-weight: 600;letter-spacing: 1px;
}
.information_text {

}
.information_list {
padding-left: 30px;
}


.footer {
background-color: #F6F6F6;
}
.footer td {

}
.footer_text {
padding-bottom: 30px;
max-width: 1200px;
line-height: 1.5;
margin: 0 auto;
display: block;
}
.footer_info {
gap: 20px;
display: flex;
max-width: 1200px;
margin: 0 auto;
}





/* 確認用 */
body {
margin: 0px;
}