@charset "UTF-8";
/*
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 common
==================================================================================*/
@media (max-width: 768px) {
    .siteLogo {
        padding: 15px 3%;
        width: 150px;
    }

    main {
        padding-bottom: 55px;
    }
    main .caption {
        font-size: 10px;
    }
    main input[type="text"],
    main input[type="email"] {
        padding: 10px 15px;
        font-size: 14px;
    }
    main input[type="submit"],
    main button {
        margin: 15px auto auto;
        padding: 8px 0;
        font-size: 18px;
    }
    main .commonButton01 {
        margin-top: 50px;
    }
    main .commonButton01 a {
        padding: 18px 0;
        font-size: 16px;
    }

    /*==================================================================================
     siteHeader
    ==================================================================================*/
    .siteHeader {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        transition: background .2s;
    }
    .siteHeader.bgOn {
        background: #579065;
    }
    .siteHeader .siteLogo {
        position: relative;
        z-index: 2;
        width: auto;
    }
    .siteHeader .siteLogo img {
        width: auto;
        max-width: none;
        height: 28px;
    }
    .siteHeader .menuButton {
        top: 15px;
        z-index: 2;
    }
    .siteHeader .globalNavi {
        position: fixed;
        top: 60px;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: 10px;
        border: none;
        background: #579065;
        z-index: 1;
        overflow: auto;
    }
    .siteHeader .globalNavi > ul > li:not(:last-child) {
        border-bottom: 1px dashed #fff;
    }
    .siteHeader .globalNavi > ul > li > a {
        position: relative;
        padding: 15px;
    }
    .siteHeader .globalNavi > ul > li:not(.noDropDown) > a:before, .siteHeader .globalNavi > ul > li:not(.noDropDown) > a:after {
        content: '';
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        background: #fff;
    }
    .siteHeader .globalNavi > ul > li:not(.noDropDown) > a:before {
        top: 22px;
        width: 16px;
        height: 2px;
    }
    .siteHeader .globalNavi > ul > li:not(.noDropDown) > a:after {
        right: 22px;
        width: 2px;
        height: 16px;
    }
    .siteHeader .globalNavi > ul > li:not(.noDropDown).open > a:after {
        opacity: 0;
    }
    .siteHeader .globalNavi > ul .dropDown {
        display: none;
        padding: 0 20px 15px;
    }
    .siteHeader .globalNavi > ul .dropDown li a {
        padding: 10px 0;
    }
    .siteHeader address {
        padding-top: 100px;
        text-align: center;
        line-height: 1.4;
        font-style: normal;
        font-size: 14px;
    }
    .siteHeader address .numbers {
        display: block;
        padding-top: 10px;
        line-height: 1.4;
    }
    .siteHeader address a {
        color: #fff;
    }

    .allWrap.lower .siteHeader {
        background: #fff;
    }
    .allWrap.lower .siteHeader .siteLogo {
        padding: 22px 3%;
        width: auto;
    }
    .allWrap.lower .siteHeader .siteLogo img {
        height: 12px;
    }
    .allWrap.lower .siteHeader .menuButton span {
        background: #57575A;
    }

    /*==================================================================================
     siteFooter
    ==================================================================================*/
    .siteFooter {
        position: relative;
        z-index: 100;
    }
    .siteFooter .footerNavi {
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        background: #517540;
    }
    .siteFooter .footerNavi li {
        float: left;
        width: 19%;
        text-align: center;
        line-height: 1;
    }
    .siteFooter .footerNavi li.point {
        position: relative;
        width: 24%;
    }
    .siteFooter .footerNavi li.point a {
        height: 41px;
    }
    .siteFooter .footerNavi li.point img {
        position: relative;
        top: -12px;
        height: 62px;
    }
    .siteFooter .footerNavi li a {
        display: block;
        position: relative;
        padding: 9px 0 7px;
    }
    .siteFooter .footerNavi li img {
        width: auto;
        max-width: none;
        height: 41px;
    }
    .siteFooter .detailArea {
        display: none;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 30px 5% 60px;
        text-align: center;
        background: #579065;
        z-index: 2;
    }
    .siteFooter .detailArea .closeButton {
        position: absolute;
        right: 3%;
        bottom: 10px;
        width: 40px;
        height: 30px;
    }
    .siteFooter .detailArea .closeButton span {
        display: inline-block;
        position: absolute;
        right: 0;
        left: 0;
        height: 2px;
        background: #fff;
    }
    .siteFooter .detailArea .closeButton span:first-child {
        top: 14px;
        transform: rotate(45deg);
    }
    .siteFooter .detailArea .closeButton span:last-child {
        top: 14px;
        transform: rotate(-45deg);
    }
    .siteFooter .detailArea .detailList {
        display: inline-block;
        text-align: left;
        font-size: 16px;
    }
    .siteFooter .detailArea .detailList li:not(:last-child) {
        padding-bottom: 20px;
    }
    .siteFooter .detailArea .detailList li a {
        color: #fff;
    }

    /*==================================================================================
     top
    ==================================================================================*/
    #top main {
        padding: 100px 0 70px;
    }
    #top article.content h2 {
        padding-bottom: 30px;
        line-height: 1.3;
        font-size: 28px;
    }
    #top article.content h2 .ja {
        padding-top: 10px;
        font-size: 80%;
    }
    #top article.content .text01 {
        font-size: 18px;
    }
    #top article.content label {
        font-size: 14px;
    }
    #top article.content label .labelTitle01 {
        padding: 10px 15px;
    }
    #top article.content .forgotPassword {
        padding-top: 30px;
    }
    #top article.content .forgotPassword h3 {
        margin-bottom: 15px;
        padding-bottom: 10px;
        font-size: 18px;
    }
    #top article.content .forgotPassword h3:after {
        right: 15px;
        left: 15px;
    }
    #top article.content .forgotPassword .text {
        line-height: 1.7;
        font-size: 14px;
    }
    #top article.content .forgotPassword label {
        margin-top: 15px;
        font-size: 14px;
    }
    #top article.content .forgotPassword label .text {
        top: 9px;
    }
    #top article.content .forgotPassword label input[type="email"] {
        padding: 7px 10px;
        font-size: 14px;
    }

    /*==================================================================================
     lower common
    ==================================================================================*/
    .lower {
        padding-top: 60px;
    }
    .lower main .commonNewsArea01 {
        width: auto;
        min-height: 40px;
        font-size: 12px;
    }
    .lower main .commonNewsArea01 span {
        right: 5px;
        left: 5px;
        line-height: 1.3;
    }
    .lower main .articleTitle01 {
        margin: auto;
        padding-bottom: 30px;
    }
    .lower article.content {
        width: auto;
    }
    .lower article.whiteArea.whiteArea {
        padding: 30px 3% 60px;
    }
    .lower .commonInnerSection01 {
        padding: 30px 5%;
        max-width: 700px;
        box-shadow: 2px 2px 7px 3px rgba(0, 0, 0, 0.2);
    }
    .lower .innerTitle01 {
        padding-bottom: 20px;
        line-height: 1.2;
        font-size: 20px;
    }
    .lower .innerTitle01 .ja {
        padding-top: 5px;
    }
    .lower.complete main {
        box-sizing: border-box;
        height: calc(100vh - 120px);
    }
    .lower.complete article.content h2 {
        font-size: 22px;
    }
    .lower.complete article.content .lead {
        padding-top: 20px;
        font-size: 16px;
    }
    .lower.complete article.content .reserves {
        padding-top: 30px;
    }
    .lower.complete article.content .reserves .text {
        padding-bottom: 10px;
        font-size: 18px;
    }
    .lower.complete article.content .reserves .links {
        font-size: 14px;
    }
    .lower.complete article.content .reserves .links li:not(:last-child) {
        padding-bottom: 10px;
    }

    /*==================================================================================
     myPage
    ==================================================================================*/
    #myPage article.content {
        min-height: calc(100vh - 100px);
    }
    #myPage .commonInnerSection01 .rank {
        padding-bottom: 20px;
    }
    #myPage .commonInnerSection01 .rank span {
        margin-top: 10px;
        padding: 3px 0;
        width: 100px;
        border-radius: 10px;
        font-size: 14px;
    }
    #myPage .commonInnerSection01 .informationArea {
        padding-bottom: 30px;
    }
    #myPage .commonInnerSection01 .informationArea dl:not(:last-of-type) {
        padding-bottom: 15px;
    }
    #myPage .commonInnerSection01 .informationArea dt {
        padding-right: 1em;
        font-size: 12px;
    }
    #myPage .commonInnerSection01 .informationArea dd {
        font-size: 16px;
    }
    #myPage .commonInnerSection01 .pointArea {
        padding: 15px 10px;
        font-size: 14px;
    }
    #myPage .commonInnerSection01 .pointArea h4 {
        margin-bottom: 10px;
    }
    #myPage .commonInnerSection01 .pointArea h4:before {
        top: -1px;
        margin-right: 8px;
        padding: 2px 0;
        width: 16px;
        font-size: 12px;
    }
    #myPage .commonInnerSection01 .pointArea .point {
        margin-bottom: 10px;
        padding: 15px 0 10px;
    }
    #myPage .commonInnerSection01 .pointArea .point .total {
        margin-bottom: 8px;
        font-size: 15px;
    }
    #myPage .commonInnerSection01 .pointArea .point .limited {
        font-size: 13px;
    }
    #myPage .commonInnerSection01 .pointArea .detail {
        font-size: 14px;
    }

    /*==================================================================================
     point
    ==================================================================================*/
    #point .commonInnerSection01 > header h3 {
        font-size: 20px;
    }
    #point .commonInnerSection01 > header .name {
        font-size: 18px;
    }
    #point .commonInnerSection01 .inSections:not(:last-of-type) {
        padding-bottom: 40px;
    }
    #point .commonInnerSection01 .inSections h4 {
        margin-bottom: 15px;
        padding: 10px 15px;
        text-align: center;
        font-size: 16px;
    }
    #point .commonInnerSection01 .inSections .pointArea:not(:last-of-type) {
        padding-bottom: 30px;
    }
    #point .commonInnerSection01 .inSections .pointArea .total {
        padding-bottom: 8px;
        font-size: 16px;
    }
    #point .commonInnerSection01 .inSections .pointArea .breakdowns {
        margin-bottom: 10px;
        font-size: 14px;
    }
    #point .commonInnerSection01 .inSections .pointArea .breakdowns li {
        padding: 8px;
    }
    #point .commonInnerSection01 .inSections .pointArea .moreButton {
        padding: 9px 0;
        max-width: 180px;
        font-size: 16px;
    }
    #point .commonInnerSection01 .inSections .pointArea .moreButton:after {
        right: 15px;
        margin-top: -3px;
        width: 6px;
        height: 6px;
    }
    #point .commonInnerSection01 .inSections .pointArea select {
        margin-left: 20px;
        padding: 0 10px;
        min-width: 130px;
        height: 24px;
        font-size: 14px;
    }
    #point .commonInnerSection01 .inSec02 .pointArea .total {
        padding-left: 8px;
    }
    #point .commonInnerSection01 .inSec02 .pointArea .noData {
        padding: 8px 8px 0;
        font-size: 14px;
    }

    /*==================================================================================
     smartCheckIn
    ==================================================================================*/
    #smartCheckIn .commonInnerSection01 > header {
        padding-bottom: 30px;
    }
    #smartCheckIn .commonInnerSection01 > header h3 {
        padding-bottom: 15px;
        max-width: 90px;
    }
    #smartCheckIn .commonInnerSection01 > header .qr {
        max-width: 200px;
    }
    #smartCheckIn .commonInnerSection01 .informationArea dl:not(:last-of-type) {
        padding-bottom: 20px;
    }
    #smartCheckIn .commonInnerSection01 .informationArea dt {
        padding-bottom: 8px;
        font-size: 14px;
    }
    #smartCheckIn .commonInnerSection01 .informationArea dd {
        font-size: 18px;
    }
    #smartCheckIn .commonInnerSection01 .informationArea dd .en {
        padding-bottom: 3px;
    }

}

/*# sourceMappingURL=smartphone.css.map */