@charset "utf-8";

/* 下層ページ用CSS（SP用）
========================================*/

@media screen and (max-width:768px) {
    /* 下層共通 */
    #mainArea {
        background: #f6f6f6;
        padding-top: 25px;
    }
    #mainArea .downloadCmn {
        margin-top: 50px;
    }
    #mainArea .downloadCmn.sponly {
        margin-top: 0;
    }
    #mainArea h1 {
        border-bottom: 1px solid #000;
        margin: 0 auto 13px;
        width: 300px;
    }
    #mainArea h1 img {
        height: auto;
        width: 300px;
    }
    #mainArea .anchor ul {
        margin-bottom: 20px;
    }
    #mainArea .anchor ul li {
        font-size: 105%;
        margin-bottom: 10px;
        text-align: center;
    }
    #mainArea .anchor ul li a {
        text-decoration: underline;
    }
    #mainArea section {
        background: #fff;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
        padding: 15px 4%;
    }
    #mainArea section h2 {
        margin-bottom: 12px;
    }
    #mainArea section h2 img {
        height: auto;
        width: 100%;
    }
    #mainArea section .img300 {
        text-align: center;
    }
    #mainArea section .img300 img {
        height: auto;
        width: 300px;
    }
    /* howto.html */
    #mainArea.howto section h3 {
        border-bottom: 1px solid #e0e0e0;
        font-size: 145%;
        font-weight: bold;
        margin-bottom: 25px;
        padding-bottom: 10px;
    }
    #mainArea.howto section h3 img {
        margin-right: 12px;
        vertical-align: -17px;
        height: 50px;
        width: 50px;
    }
    #mainArea.howto section .column1,
    #mainArea.howto section .column2 {
        margin-bottom: 30px;
    }
    #mainArea.howto section .column2 dt {
        font-size: 145%;
        line-height: 140%;
        margin-top: 25px;
    }
    #mainArea.howto section .column2 dd {
        margin-top: 20px;
    }
    #mainArea.howto section .column2 dd .note {
        color: #808080;
        font-size: 75%;
        line-height: 150%;
        margin-top: 5px;
    }
    #mainArea.howto section .column1 .img300 {
        margin-bottom: 20px;
    }
    #mainArea.howto #other h3 {
        border-bottom: 1px solid #e0e0e0;
        font-size: 145%;
        font-weight: bold;
        margin-bottom: 25px;
        padding: 17px 0;
    }
    #mainArea.howto #other .otherInr {
        margin-bottom: 20px;
    }
    #mainArea.howto #other .otherInr dt {
        font-size: 145%;
        font-weight: bold;
        line-height: 140%;
        margin-top: 25px;
        text-align: center;
    }
    #mainArea.howto #other .otherInr dd {
        margin-top: 12px;
    }
    #mainArea.howto>.wrapInr {
        position: relative;
    }
    #mainArea.howto .button {
        padding: 80px 4% 0;
    }
    #mainArea.howto .button a {
        background: url(../img/common/arrow_btn.png) no-repeat 95% center #fee101;
        background-size: 9px 15px;
        border-radius: 4px;
        display: block;
        font-size: 125%;
        font-weight: bold;
        padding: 18px 0 18px 18px;
        text-align: center;
    }
    #mainArea.howto .yagi {
        position: absolute;
        top: 25px;
        left: 4%;
        z-index: 10;
    }
    #mainArea.howto .yagi img {
        height: auto;
        width: 80px;
    }
    #mainArea.howto #self-medication p.button {
        padding: 10px 0;
    }
    #mainArea.howto #self-medication p.button a {}
    /* store.html */
    #mainArea.store #storeListIframe {
        width: 100%;
        height: 600px;
        border: none;
    }
    #mainArea.store .anchor ul {
        padding: 0 4%;
    }
    #mainArea.store .anchor ul li {
        float: left;
        width: 25%;
    }
    #mainArea.store .news {
        background: #fff;
        border: 3px solid #fee101;
        margin-bottom: 25px;
        padding: 13px 8px;
    }
    #mainArea.store .news dt {
        font-size: 140%;
        font-weight: bold;
        margin-bottom: 10px;
    }
    #mainArea.store .news dt img {
        margin-right: 4px;
        vertical-align: -8px;
        height: 30px;
        width: 48px;
    }
    #mainArea.store .news dd {
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    #mainArea.store .news dd:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    #mainArea.store .news dd .date {
        margin-bottom: 3px;
    }
    #mainArea.store .storeList {
        margin-bottom: 25px;
    }
    #mainArea.store .storeList li {
        border-bottom: 1px solid #e0e0e0;
        clear: both;
        overflow: hidden;
        padding: 10px;
    }
    #mainArea.store .storeList li a {
        padding: 15px 0;
    }
    #mainArea.store .storeList li .image {
        float: left;
    }
    #mainArea.store .storeList li .image img {
        border: 1px solid #ccc;
        height: auto;
        width: 89px;
    }
    #mainArea.store .storeList li .name {
        float: left;
        font-size: 120%;
        padding: 15px 0 15px 10px;
    }
    #mainArea.store .storeList li .name img {
        vertical-align: middle;
    }
    #mainArea.store .storeList li .open {
        float: right;
        font-size: 100%;
        padding: 15px 0;
    }
    #mainArea.store .storeList li .shop {
        display: none;
        clear: both;
        padding-top: 5px;
    }
    #mainArea.store .storeList li .shop li {
        padding: 10px 20px;
        background-color: #e0e0e0;
        border-bottom: 2px solid #fff;
    }
    #mainArea.store .storeList li .shop li.open2 {
        background-color: #fff;
        border-bottom: none;
        padding: 5px 20px;
        text-align: right;
    }
    #mainArea.store .storeList li .shop2 {
        display: none;
        clear: both;
    }
    #mainArea.store .storeList li .shop2 li {
        padding: 10px 20px;
        background-color: #e0e0e0;
        border-bottom: 2px solid #fff;
    }
    #mainArea.store .downloadCmn {
        margin-top: 0;
    }
    /* qa.html */
    #mainArea.qa section {
        margin-bottom: 20px;
    }
    #mainArea.qa #qa04 section {
        margin-bottom: 0;
    }
    #mainArea.qa section h2 {
        margin-bottom: 15px;
    }
    #mainArea.qa section .qaList li {
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    #mainArea.qa section .qaList li dt {
        background: url(../img/qa/arrow_open.gif) no-repeat 98% center;
        background-size: 15px 8px;
        box-sizing: border-box;
        display: table;
        font-size: 115%;
        padding-right: 25px;
        width: 100%;
    }
    #mainArea.qa section .qaList li .open dt {
        background: url(../img/qa/arrow_close.gif) no-repeat 98% center;
        background-size: 15px 8px;
    }
    #mainArea.qa section .qaList li dt span {
        display: table-cell;
        vertical-align: middle;
    }
    #mainArea.qa section .qaList li dt span:nth-child(2) {
        width: 100%;
    }
    #mainArea.qa section .qaList li dt img {
        margin-right: 8px;
        height: 30px;
        width: 30px;
    }
    #mainArea.qa section .qaList li dd {
        background: url(../img/qa/bg_a.gif) no-repeat 25px top;
        background-size: 20px 10px;
        display: none;
        margin-top: 10px;
        padding-top: 10px;
    }
    #mainArea.qa section .qaList li dd .answer {
        background: #f9f6db;
        border-radius: 8px;
        box-sizing: border-box;
        display: table;
        padding: 12px 10px;
        width: 100%;
    }
    #mainArea.qa section .qaList li dd .answer p {
        display: table-cell;
        vertical-align: top;
    }
    #mainArea.qa section .qaList li dd .answer p img {
        height: 25px;
        width: 25px;
    }
    #mainArea.qa section .qaList li dd .answer p:nth-child(2) {
        padding: 3px 0 0 6px;
        width: 100%;
    }
    #mainArea.qa section .qaList li dd .answer .note {
        color: #666;
        display: block;
        font-size: 75%;
        line-height: 150%;
        margin-top: 5px;
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.qa .button {
        margin-top: 30px;
        padding: 0 4%;
    }
    #mainArea.qa .button a {
        background: url(../img/common/arrow_btn.png) no-repeat 95% center #fee101;
        background-size: 9px 15px;
        border-radius: 4px;
        display: block;
        font-size: 125%;
        font-weight: bold;
        padding: 12px 0;
        text-align: center;
    }
    #mainArea.qa .downloadCmn {
        margin-top: 30px;
    }
    /* special.html */
    #mainArea.special h1 {
        border: 0;
        margin-bottom: 20px;
    }
    #mainArea.special .movie {
        margin-bottom: 30px;
    }
    #mainArea.special .movie video {
        height: auto;
        width: 100%;
    }
    #mainArea.special section {
        margin-bottom: 0;
    }
    #mainArea.special section .lead {
        margin-bottom: 25px;
    }
    #mainArea.special section li {
        border-bottom: 1px solid #ccc;
        margin-bottom: 25px;
        padding-bottom: 20px;
    }
    #mainArea.special section li:last-child {
        border: 0;
        margin: 0;
    }
    #mainArea.special section li .image img {
        height: auto;
        width: 100%;
    }
    #mainArea.special section li .text {
        font-size: 120%;
        line-height: 140%;
        margin-top: 10px;
    }
    #mainArea.special section li .text .note {
        color: #808080;
        display: inline-block;
        font-size: 70%;
        line-height: 150%;
        margin-top: 5px;
    }
    #mainArea.special .downloadCmn {
        margin-top: 0;
    }
    /* self-medication.html */
    /* self-medication.html */
    #mainArea.self h3 {
        font-size: 170%;
        font-weight: bold;
        margin: 30px 0 20px;
        padding-bottom: 10px;
        text-align: center;
    }
    #mainArea.self .redbox {
        font-size: 125%;
        border: 3px solid #c0504d;
        padding: 10px;
        line-height: 1.5;
    }
    #mainArea.self .body {
        margin: 15px 0;
        clear: both;
        overflow: hidden;
    }
    #mainArea.self .button {
        padding: 0px 4% 0;
    }
    #mainArea.self .button a {
        background: url(../img/common/arrow_btn.png) no-repeat 95% center #fee101;
        background-size: 9px 15px;
        border-radius: 4px;
        display: block;
        font-size: 120%;
        font-weight: bold;
        padding: 18px 0 18px 18px;
        text-align: center;
    }
    #mainArea.self .button a:not( :first-child) {
        margin-top: 12px;
    }
    #mainArea.self .note {
        padding: 10px;
        background-color: #FEDAFF;
        clear: both;
        margin: 10px 0;
        overflow: hidden;
    }
    #mainArea.self .note .title {
        display: inline-block;
        padding: 5px 10px;
        background-color: #B80000;
        color: #fff;
        margin-bottom: 10px;
    }
    /* print_s.html print_f.html */
    #mainArea.print .wrapInr {
        text-align: center;
    }
    #mainArea.print .wrapInr h1 {
        display: inline-block;
        font-size: 14pt;
        font-weight: bold;
        text-align: center;
        width: auto;
        padding-bottom: 20px;
    }
    #mainArea.print .wrapInr section {
        text-align: left;
    }
    #mainArea.print .step {
        border-bottom: 1px solid #e0e0e0;
        font-size: 145%;
        font-weight: bold;
        margin-bottom: 30px;
        padding-bottom: 20px;
        min-height: 40px;
    }
    #mainArea.print .step p {
        margin-bottom: 5px;
        line-height: 1.5;
    }
    #mainArea.print .step p.anno {
        font-size: 80%;
        font-weight: normal;
    }
    #mainArea.print .screen {
        text-align: center;
    }
    #mainArea.print .screen img {
        max-width: 100%;
    }
    #mainArea.print .step p span {
        display: none;
    }
    #mainArea.print .s1 {
        background: url(../img/print/s1.png) no-repeat top left;
        padding: 10px 0 0 60px;
    }
    #mainArea.print .s2 {
        background: url(../img/print/s2.png) no-repeat top left;
        padding: 10px 0 0 60px;
    }
    #mainArea.print .s3 {
        background: url(../img/print/s3.png) no-repeat top left;
        padding: 10px 0 0 60px;
    }
    #mainArea.print .s4 {
        background: url(../img/print/s4.png) no-repeat top left;
        padding: 10px 0 0 60px;
    }
    #mainArea.print .s5 {
        background: url(../img/print/s5.png) no-repeat top left;
        padding: 10px 0 0 60px;
    }
    #mainArea.print .s6 {
        background: url(../img/print/s6.png) no-repeat top left;
        padding: 10px 0 0 60px;
    }
    /* okinawa */
    #mainArea.okinawa {
        padding-top: 0;
    }
    #mainArea.okinawa .downloadWrap {
        background: #fee101;
    }
    #mainArea.okinawa .downloadWrap .floatL {
        width: 28%;
    }
    #mainArea.okinawa .downloadWrap .floatL img {
        height: auto;
        width: 100%;
    }
    #mainArea.okinawa .downloadWrap ul {
        float: right;
        width: 70%;
    }
    #mainArea.okinawa .downloadWrap ul li {
        float: left;
        padding: 7% 3%;
        width: 44%;
    }
    #mainArea.okinawa .downloadWrap ul li img {
        height: auto;
        width: 100%;
    }
    #mainArea.okinawa section {
        background: #f6f6f6;
        box-shadow: 0 0 0 0;
        padding: 15px 3.2%;
    }
    #mainArea.okinawa .subttl {
        font-size: 125%;
        font-weight: bold;
        line-height: 165%;
        text-align: center;
    }
    #mainArea.okinawa .subttl span {
        font-size: 85%;
    }
    #mainArea.okinawa .subttl img {
        margin: 0 5px 0 -15px;
        height: auto;
        width: 15px;
    }
    #mainArea.okinawa h1 {
        border: 0;
        font-size: 150%;
        font-weight: bold;
        line-height: 150%;
        margin: 5px -3% 0;
        text-align: center;
        width: 106%;
    }
    #mainArea.okinawa .countdownWrap {
        margin-bottom: 30px;
        position: relative;
    }
    #mainArea.okinawa .countdownImg {
        margin-top: 10px;
        text-align: center;
    }
    #mainArea.okinawa .countdownImg img {
        height: auto;
        width: 300px;
    }
    #mainArea.okinawa .countdownDate {
        margin-left: -64px;
        position: absolute;
        top: 110px;
        left: 50%;
        width: 128px;
    }
    #mainArea.okinawa .countdownDate img {
        margin: 0 0 0 3px;
        height: 105px;
        width: 61px;
    }
    #mainArea.okinawa .animation {
        margin-left: -64px;
        position: absolute;
        top: 110px;
        left: 50%;
        width: 128px;
    }
    #mainArea.okinawa .animation p {
        background-image: url(../img/okinawa/countdown.png);
        background-size: 61px auto;
        display: inline-block;
        margin: 0 0 0 3px;
        height: 105px;
        width: 61px;
        opacity: 0;
    }
    #mainArea.okinawa .animation p:nth-of-type(1) {
        -webkit-animation: hide 2.0s;
        animation: hide 2.0s;
    }
    #mainArea.okinawa .animation p:nth-of-type(2) {
        -webkit-animation: hide 2.5s;
        animation: hide 2.5s;
    }
    #mainArea.okinawa .buttonWrap {
        position: relative;
    }
    #mainArea.okinawa .button {
        padding: 20px 0 0;
    }
    #mainArea.okinawa .button a {
        background: url(../img/common/arrow_btn.png) no-repeat 96% center #fee101;
        background-size: 9px 15px;
        border-radius: 4px;
        display: block;
        font-size: 110%;
        font-weight: bold;
        padding: 15px 0 15px 23px;
        text-align: center;
    }
    #mainArea.okinawa .yagi {
        position: absolute;
        top: 9px;
        left: 2%;
        z-index: 10;
    }
    #mainArea.okinawa .yagi img {
        height: auto;
        width: 44px;
    }
    #mainArea.okinawa .downloadCmn {
        background: url(../img/okinawa/bg_footer.png) no-repeat center top #fee101;
        background-size: auto 70px;
        margin-top: 30px;
        padding-top: 85px;
    }
    #mainArea.okinawa .proContent {
        padding: 15px 0;
    }
    #mainArea.okinawa .proContent h1 {
        margin: 5px 0 10px;
        width: 100%;
    }
    #mainArea.okinawa .proContentInr {
        background: #fff;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
    }
    #mainArea.okinawa .proContent section {
        background: none;
    }
    #mainArea.okinawa .proContent .img100 {
        width: 100%;
    }
    #mainArea.okinawa .proContent .project {
        line-height: 165%;
    }
    #mainArea.okinawa .proContent .project h2 {
        font-size: 125%;
        font-weight: bold;
        line-height: 150%;
        margin-bottom: 15px;
    }
    #mainArea.okinawa .proContent .project .hr {
        margin: 10px -3.5% 20px;
    }
    #mainArea.okinawa .proContent .project .bnr {
        width: 100%;
    }
    #mainArea.okinawa .proContent .campaign h3 {
        margin-bottom: 20px;
    }
    #mainArea.okinawa .proContent .campaign .detail {
        margin-bottom: 25px;
        position: relative;
    }
    #mainArea.okinawa .proContent .campaign .detail .end {
        background: rgba(210, 210, 210, 0.8);
        position: absolute;
        top: -10px;
        left: -3.5%;
        height: calc(100% + 20px);
        width: 107%;
    }
    #mainArea.okinawa .proContent .campaign .detail .end p {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    #mainArea.okinawa .proContent .campaign .detail .end p img {
        width: 225px;
    }
    #mainArea.okinawa .proContent .campaign .period {
        margin: 0 auto 12px;
        width: 290px;
    }
    #mainArea.okinawa .proContent .campaign .period dt img {
        width: 110px;
    }
    #mainArea.okinawa .proContent .campaign .period dd {
        font-size: 135%;
        font-weight: bold;
        line-height: 135%;
        margin-top: 5px;
    }
    #mainArea.okinawa .proContent .campaign .overview {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.okinawa .proContent .campaign .overview.notice {
        color: #666;
        font-size: 92%;
        margin-top: 15px;
    }
    #mainArea.okinawa .proContent .campaign .overview dt {
        font-weight: bold;
    }
    #mainArea.okinawa .proContent .campaign .overview.notice dd {
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.okinawa .proContent .campaign .campImg {
        margin-top: 40px;
        text-align: center;
    }
    #mainArea.okinawa .proContent .campaign .campImg img {
        width: 100%;
    }
    #mainArea.okinawa .proContent .event .period {
        box-sizing: border-box;
        margin: 0 auto 12px;
        padding: 0 15px;
        width: 290px;
    }
    #mainArea.okinawa .proContent .event .period dt img {
        width: 110px;
    }
    #mainArea.okinawa .proContent .event .period dd {
        font-size: 135%;
        font-weight: bold;
        line-height: 135%;
        margin-top: 5px;
    }
    #mainArea.okinawa .proContent .event .eventImg {
        margin-top: 15px;
        text-align: center;
    }
    #mainArea.okinawa .proContent .event .eventImg img {
        width: 100%;
    }
    #mainArea.okinawa .proContent .event .overview {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.okinawa .proContent .event .overview.notice {
        font-size: 92%;
        margin-top: 15px;
    }
    #mainArea.okinawa .proContent .event .overview dt {
        font-weight: bold;
    }
    #mainArea.okinawa .proContent .event .overview.notice dd {
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.okinawa .proContent .store h2 {
        margin-bottom: 5px;
    }
    #mainArea.okinawa .proContent .store .storeWrap {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }
    #mainArea.okinawa .proContent .store .storeWrap .mapImg {
        margin-bottom: 15px;
        width: 100%;
    }
    #mainArea.okinawa .proContent .store .storeWrap .mapImg img {
        width: 100%;
    }
    #mainArea.okinawa .proContent .store .storeList {
        box-sizing: border-box;
        padding: 0 5px;
        width: 50%;
    }
    #mainArea.okinawa .proContent .store .storeList.second {
        padding-bottom: 3em;
    }
    #mainArea.okinawa .proContent .store .storeList li {
        margin-bottom: 12px;
    }
    #mainArea.okinawa .proContent .store .storeList.first li:last-of-type {
        margin-bottom: 0;
    }
    #mainArea.okinawa .proContent .store .storeList.second ul:first-of-type li:first-child {
        position: absolute;
        left: 5px;
        bottom: 0;
        width: 50%;
    }
    #mainArea.okinawa .proContent .store .storeList dt {
        font-size: 105%;
        font-weight: bold;
    }
    #mainArea.okinawa .proContent .store .storeList dt span {
        color: #f00;
        margin-right: 5px;
    }
    #mainArea.okinawa .proContent .store .storeList dd {
        display: flex;
        padding-left: 10%;
    }
    #mainArea.okinawa .proContent .store .storeList dd .name {
        width: 90px;
    }
    #mainArea.okinawa .proContent .store .storeList dd .num {
        text-align: right;
        width: 40px;
    }
    #mainArea.okinawa .proContent .company ul {
        margin: 0 -3.5%;
    }
    #mainArea.okinawa .proContent .company ul li {
        border-bottom: 1px solid #ccc;
        padding: 12px 5%;
    }
    #mainArea.okinawa .proContent .company ul li:last-of-type {
        border-bottom: 0;
    }
    #mainArea.okinawa .proContent .company ul li dl {
        position: relative;
    }
    #mainArea.okinawa .proContent .company ul li dt {
        margin-bottom: 5px;
        padding-left: 100px;
    }
    #mainArea.okinawa .proContent .company ul li dd {
        font-size: 92%;
        padding-left: 100px;
    }
    #mainArea.okinawa .proContent .company ul li dd.logo {
        margin-top: -35px;
        padding-left: 0;
        position: absolute;
        top: 50%;
        left: 0;
        text-align: center;
        width: 90px;
    }
    #mainArea.okinawa .proContent .company ul li dd.logo img {
        width: 100%;
    }
    /* tokachirally */
    #mainArea.tokachirally {
        position: relative;
        padding-top: 0;
    }
    #mainArea.tokachirally>.wrapInr {
        position: relative;
        padding: 0;
    }
    #mainArea.tokachirally .downloadWrap {
        background: #fee101;
    }
    #mainArea.tokachirally .downloadWrap .floatL {
        width: 28%;
    }
    #mainArea.tokachirally .downloadWrap .floatL img {
        height: auto;
        width: 100%;
    }
    #mainArea.tokachirally .downloadWrap ul {
        float: right;
        width: 70%;
    }
    #mainArea.tokachirally .downloadWrap ul li {
        float: left;
        padding: 7% 3%;
        width: 44%;
    }
    #mainArea.tokachirally .downloadWrap ul li img {
        height: auto;
        width: 100%;
    }
    #mainArea.tokachirally section {
        background: #f6f6f6;
        box-shadow: 0 0 0 0;
        padding: 15px 3.2%;
    }
    #mainArea.tokachirally div.campaign {
        padding: 0 5vw;
    }
    #mainArea.tokachirally .subttl {
        font-size: 125%;
        font-weight: bold;
        line-height: 165%;
        text-align: center;
    }
    #mainArea.tokachirally .subttl span {
        font-size: 85%;
    }
    #mainArea.tokachirally .subttl img {
        margin: 0 5px 0 -15px;
        height: auto;
        width: 15px;
    }
    #mainArea.tokachirally h1 {
        border: 0;
        font-size: 150%;
        font-weight: bold;
        line-height: 150%;
        margin: 5px -3% 0;
        text-align: center;
        width: 106%;
    }
    #mainArea.tokachirally h1 img {
        width: 100%;
    }
    #mainArea.tokachirally .countdownWrap {
        margin-bottom: 30px;
        position: relative;
    }
    #mainArea.tokachirally .countdownImg {
        margin-top: 10px;
        text-align: center;
    }
    #mainArea.tokachirally .countdownImg img {
        height: auto;
        width: 300px;
    }
    #mainArea.tokachirally .countdownDate {
        margin-left: -64px;
        position: absolute;
        top: 110px;
        left: 50%;
        width: 128px;
    }
    #mainArea.tokachirally .countdownDate img {
        margin: 0 0 0 3px;
        height: 105px;
        width: 61px;
    }
    #mainArea.tokachirally .animation {
        margin-left: -64px;
        position: absolute;
        top: 110px;
        left: 50%;
        width: 128px;
    }
    #mainArea.tokachirally .animation p {
        background-image: url(../img/okinawa/countdown.png);
        background-size: 61px auto;
        display: inline-block;
        margin: 0 0 0 3px;
        height: 105px;
        width: 61px;
        opacity: 0;
    }
    #mainArea.tokachirally .animation p:nth-of-type(1) {
        -webkit-animation: hide 2.0s;
        animation: hide 2.0s;
    }
    #mainArea.tokachirally .animation p:nth-of-type(2) {
        -webkit-animation: hide 2.5s;
        animation: hide 2.5s;
    }
    #mainArea.tokachirally .buttonWrap {
        position: relative;
    }
    #mainArea.tokachirally .button {
        padding: 20px 0 0;
    }
    #mainArea.tokachirally .button a {
        background: url(../img/common/arrow_btn.png) no-repeat 96% center #fee101;
        background-size: 9px 15px;
        border-radius: 4px;
        display: block;
        font-size: 110%;
        font-weight: bold;
        padding: 15px 0 15px 23px;
        text-align: center;
    }
    #mainArea.tokachirally .yagi {
        position: absolute;
        top: 9px;
        left: 9%;
        z-index: 10;
    }
    #mainArea.tokachirally .yagi img {
        height: auto;
        width: 44px;
    }
    #mainArea.tokachirally .end {
        background: url("../img/tokachirally/bg_footer_sp.png") bottom center no-repeat;
        background-color: #fff;
        margin: 0;
        height: 200px;
        width: 100%;
    }
    #mainArea.tokachirally .downloadCmn {
        margin-top: 0;
        padding-top: 15px;
    }
    #mainArea.tokachirally .proContent {
        padding: 15px 0 0;
    }
    #mainArea.tokachirally .proContent h1 {
        margin: 20px auto 10px;
        width: 90vw;
    }
    #mainArea.tokachirally .proContentInr {}
    #mainArea.tokachirally .proContent section {
        position: relative;
        background: #fff;
        padding: 4vw 3vw;
        margin: 0 auto;
    }
    #mainArea.tokachirally .proContent .img100 {
        width: 100%;
    }
    #mainArea.tokachirally .proContent .project {
        line-height: 165%;
    }
    #mainArea.tokachirally .proContent .project h2 {
        font-size: 125%;
        font-weight: bold;
        line-height: 150%;
        margin-bottom: 15px;
    }
    #mainArea.tokachirally .proContent .project .hr {
        margin: 10px -3.5% 20px;
    }
    #mainArea.tokachirally .proContent .project .bnr {
        width: 100%;
    }
    #mainArea.tokachirally .proContent .campaign h3 {
        margin-bottom: 20px;
    }
    #mainArea.tokachirally .proContent .campaign .detail {
        position: relative;
    }
    #mainArea.tokachirally .proContent .campaign .detail .end {
        background: rgba(210, 210, 210, 0.8);
        position: absolute;
        top: -10px;
        left: -3.5%;
        height: calc(100% + 20px);
        width: 107%;
    }
    #mainArea.tokachirally .proContent .campaign .detail .end p {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    #mainArea.tokachirally .proContent .campaign .detail .end p img {
        width: 225px;
    }
    #mainArea.tokachirally .proContent .campaign .period {
        margin: 0 auto 12px;
    }
    #mainArea.tokachirally .proContent .campaign .period dt img {
        width: 30vw;
    }
    #mainArea.tokachirally .proContent .campaign .period dd {
        font-size: 4.0vw;
        font-weight: bold;
        line-height: 135%;
        margin-top: 5px;
        text-align: center;
    }
    #mainArea.tokachirally .proContent .about {
        position: relative;
        background: #fff;
        padding: 4vw 5vw;
        margin: 18vw auto 0;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
    #mainArea.tokachirally .proContent .about:before {
        content: "";
        background: url("../img/tokachirally/bg_about.png") no-repeat;
        background-size: 100%;
        position: absolute;
        top: -15vw;
        left: 5vw;
        width: 90%;
        height: 100%;
    }
    #mainArea.tokachirally .proContent .campaign p,
    #mainArea.tokachirally .proContent .about p {
        font-size: 2vw;
        font-weight: bold;
        line-height: 1.5;
        margin: 0;
    }
    #mainArea.tokachirally .proContent .about p {
        padding: 0 3vw;
    }
    #mainArea.tokachirally .proContent .campaign .image {
        padding: 20px 0;
    }
    #mainArea.tokachirally .proContent .about .about_title {
        font-size: 5vw;
        margin-bottom: 3vw;
        padding: 0;
    }
    #mainArea.tokachirally .proContent .campaign .overview {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.tokachirally .proContent .campaign .overview.notice {
        color: #666;
        font-size: 92%;
        margin-top: 15px;
    }
    #mainArea.tokachirally .proContent .campaign .overview dt {
        font-weight: bold;
    }
    #mainArea.tokachirally .proContent .campaign .overview.notice dd {
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.tokachirally .proContent .campaign .point {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.tokachirally .proContent .campaign .point dt {
        font-weight: bold;
        display: inline-block!important;
        vertical-align: middle;
        width: 25%;
    }
    #mainArea.tokachirally .proContent .campaign .point dt img {
        width: 100%;
    }
    #mainArea.tokachirally .proContent .campaign .point dd {
        display: inline-block!important;
        vertical-align: middle;
        width: 75%;
    }
    #mainArea.tokachirally .proContent .campaign .point a {
        font-weight: bold;
        text-decoration: underline;
    }
    #mainArea.tokachirally .proContent .campaign .campImg {
        margin-top: 40px;
        text-align: center;
    }
    #mainArea.tokachirally .proContent .campaign .campImg img {
        width: 100%;
    }
    #mainArea.tokachirally .proContent .event .period {
        box-sizing: border-box;
        margin: 0 auto 12px;
        padding: 0 15px;
        width: 290px;
    }
    #mainArea.tokachirally .proContent .event .period dt img {
        width: 110px;
    }
    #mainArea.tokachirally .proContent .event .period dd {
        font-size: 135%;
        font-weight: bold;
        line-height: 135%;
        margin-top: 5px;
    }
    #mainArea.tokachirally .proContent .event .eventImg {
        margin-top: 15px;
        text-align: center;
    }
    #mainArea.tokachirally .proContent .event .eventImg img {
        width: 100%;
    }
    #mainArea.tokachirally .proContent .event .overview {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.tokachirally .proContent .event .overview.notice {
        font-size: 92%;
        margin-top: 15px;
        color: #6f6f6f;
    }
    #mainArea.tokachirally .proContent .event .overview dt {
        font-weight: bold;
    }
    #mainArea.tokachirally .proContent .event .overview.notice dd {
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.tokachirally .proContent .store {
        position: relative;
        overflow: hidden;
    }
    #mainArea.tokachirally .proContent .store .mapImg {
        width: 100vw;
        margin-left: -3vw;
    }
    #mainArea.tokachirally .proContent .store .mapImg img {
        width: 100%;
    }
    #mainArea.tokachirally .proContent .store h2 {
        position: absolute;
        top: 20px;
        width: 90vw;
    }
    #mainArea.tokachirally .proContent .store .storeWrap {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }
    #mainArea.tokachirally .proContent .store .storeList {
        box-sizing: border-box;
        padding: 0 5px;
        width: 50%;
    }
    #mainArea.tokachirally .proContent .store .storeList.second {
        padding-bottom: 3em;
    }
    #mainArea.tokachirally .proContent .store .storeList li {
        margin-bottom: 12px;
    }
    #mainArea.tokachirally .proContent .store .storeList.first li:last-of-type {
        margin-bottom: 0;
    }
    #mainArea.tokachirally .proContent .store .storeList dt {
        position: relative;
        font-size: 105%;
        font-weight: bold;
        padding-left: 20px;
    }
    #mainArea.tokachirally .proContent .store .storeList dt:before {
        content: '';
        display: inline-block;
        position: absolute;
        background: url("../img/tokachirally/img_shoplist.png") left bottom no-repeat;
        background-size: contain;
        width: 15px;
        height: 15px;
        top: 0;
        left: 0;
    }
    #mainArea.tokachirally .proContent .store .storeList dt span {
        color: #f00;
        margin-right: 5px;
    }
    #mainArea.tokachirally .proContent .store .storeList dd {
        display: flex;
        padding-left: 10%;
    }
    #mainArea.tokachirally .proContent .store .storeList dd .name {
        width: 90px;
    }
    #mainArea.tokachirally .proContent .store .storeList dd .num {
        text-align: right;
        width: 40px;
    }
    #mainArea.tokachirally .proContent .company ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #mainArea.tokachirally .proContent .company ul li {
        width: 50%;
    }
    #mainArea.tokachirally .proContent .company ul li dt {
        display: none;
    }
    #mainArea.tokachirally .proContent .company ul li dd {
        font-size: 93%;
    }
    #mainArea.tokachirally .proContent .company ul li dd.logo {
        margin-bottom: 30px;
        text-align: center;
    }
    #mainArea.tokachirally .proContent .company ul li dd.logo img {
        width: 100%;
    }
    /* douhokupj */
    #mainArea.douhokupj {
        position: relative;
        padding-top: 0;
    }
    #mainArea.douhokupj>.wrapInr {
        position: relative;
        padding: 0;
    }
    #mainArea.douhokupj .downloadWrap {
        background: #fee101;
    }
    #mainArea.douhokupj .downloadWrap .floatL {
        width: 28%;
    }
    #mainArea.douhokupj .downloadWrap .floatL img {
        height: auto;
        width: 100%;
    }
    #mainArea.douhokupj .downloadWrap ul {
        float: right;
        width: 70%;
    }
    #mainArea.douhokupj .downloadWrap ul li {
        float: left;
        padding: 7% 3%;
        width: 44%;
    }
    #mainArea.douhokupj .downloadWrap ul li img {
        height: auto;
        width: 100%;
    }
    #mainArea.douhokupj section {
        background: #f6f6f6;
        box-shadow: 0 0 0 0;
        padding: 15px 3.2%;
    }
    #mainArea.douhokupj div.campaign {
        padding: 0 5vw;
    }
    #mainArea.douhokupj .subttl {
        font-size: 125%;
        font-weight: bold;
        line-height: 165%;
        text-align: center;
    }
    #mainArea.douhokupj .subttl span {
        font-size: 85%;
    }
    #mainArea.douhokupj .subttl img {
        margin: 0 5px 0 -15px;
        height: auto;
        width: 15px;
    }
    #mainArea.douhokupj h1 {
        border: 0;
        font-size: 150%;
        font-weight: bold;
        line-height: 150%;
        margin: 5px -3% 0;
        text-align: center;
        width: 106%;
    }
    #mainArea.douhokupj h1 img {
        width: 100%;
    }
    #mainArea.douhokupj .countdownWrap {
        margin-bottom: 30px;
        position: relative;
    }
    #mainArea.douhokupj .countdownImg {
        margin-top: 10px;
        text-align: center;
    }
    #mainArea.douhokupj .countdownImg img {
        height: auto;
        width: 300px;
    }
    #mainArea.douhokupj .countdownDate {
        margin-left: -64px;
        position: absolute;
        top: 110px;
        left: 50%;
        width: 128px;
    }
    #mainArea.douhokupj .countdownDate img {
        margin: 0 0 0 3px;
        height: 105px;
        width: 61px;
    }
    #mainArea.douhokupj .animation {
        margin-left: -64px;
        position: absolute;
        top: 110px;
        left: 50%;
        width: 128px;
    }
    #mainArea.douhokupj .animation p {
        background-image: url(../img/okinawa/countdown.png);
        background-size: 61px auto;
        display: inline-block;
        margin: 0 0 0 3px;
        height: 105px;
        width: 61px;
        opacity: 0;
    }
    #mainArea.douhokupj .animation p:nth-of-type(1) {
        -webkit-animation: hide 2.0s;
        animation: hide 2.0s;
    }
    #mainArea.douhokupj .animation p:nth-of-type(2) {
        -webkit-animation: hide 2.5s;
        animation: hide 2.5s;
    }
    #mainArea.douhokupj .buttonWrap {
        position: relative;
    }
    #mainArea.douhokupj .button {
        padding: 20px 0 0;
    }
    #mainArea.douhokupj .button a {
        background: url(../img/common/arrow_btn.png) no-repeat 96% center #fee101;
        background-size: 9px 15px;
        border-radius: 4px;
        display: block;
        font-size: 110%;
        font-weight: bold;
        padding: 15px 0 15px 23px;
        text-align: center;
    }
    #mainArea.douhokupj .yagi {
        position: absolute;
        top: 9px;
        left: 9%;
        z-index: 10;
    }
    #mainArea.douhokupj .yagi img {
        height: auto;
        width: 44px;
    }
    #mainArea.douhokupj .end {
        background: url("../img/douhokupj/bg_footer_sp.png") bottom center no-repeat;
        background-color: #fff;
        margin: 0;
        height: 180px;
        width: 100%;
    }
    #mainArea.douhokupj .downloadCmn {
        margin-top: 0;
        padding-top: 15px;
    }
    #mainArea.douhokupj .proContent {
        padding: 15px 0 0;
    }
    #mainArea.douhokupj .proContent h1 {
        margin: 20px auto 10px;
        width: 90vw;
    }
    #mainArea.douhokupj .proContentInr {}
    #mainArea.douhokupj .proContent section {
        position: relative;
        background: #fff;
        padding: 4vw 3vw;
        margin: 0 auto;
    }
    #mainArea.douhokupj .proContent .img100 {
        width: 100%;
    }
    #mainArea.douhokupj .proContent .project {
        line-height: 165%;
    }
    #mainArea.douhokupj .proContent .project h2 {
        font-size: 125%;
        font-weight: bold;
        line-height: 150%;
        margin-bottom: 15px;
    }
    #mainArea.douhokupj .proContent .project .hr {
        margin: 10px -3.5% 20px;
    }
    #mainArea.douhokupj .proContent .project .bnr {
        width: 100%;
    }
    #mainArea.douhokupj .proContent .campaign h3 {
        margin-bottom: 20px;
    }
    #mainArea.douhokupj .proContent .campaign .detail {
        position: relative;
    }
    #mainArea.douhokupj .proContent .campaign .detail .end {
        background: rgba(210, 210, 210, 0.8);
        position: absolute;
        top: -10px;
        left: -3.5%;
        height: calc(100% + 20px);
        width: 107%;
    }
    #mainArea.douhokupj .proContent .campaign .detail .end p {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    #mainArea.douhokupj .proContent .campaign .detail .end p img {
        width: 225px;
    }
    #mainArea.douhokupj .proContent .campaign .period {
        margin: 0 auto 12px;
    }
    #mainArea.douhokupj .proContent .campaign .period dt img {
        width: 30vw;
    }
    #mainArea.douhokupj .proContent .campaign .period dd {
        font-size: 4.0vw;
        font-weight: bold;
        line-height: 135%;
        margin-top: 5px;
        text-align: center;
    }
    #mainArea.douhokupj .proContent .about {
        position: relative;
        background: #fff;
        padding: 4vw 5vw;
        margin: 18vw auto 0;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
    #mainArea.douhokupj .proContent .about:before {
        content: "";
        background: url("../img/douhokupj/bg_about.png") no-repeat;
        background-size: 100%;
        position: absolute;
        top: -15vw;
        left: 5vw;
        width: 90%;
        height: 100%;
    }
    #mainArea.douhokupj .proContent .campaign p,
    #mainArea.douhokupj .proContent .about p {
        font-size: 2vw;
        font-weight: bold;
        line-height: 1.5;
        margin: 0;
    }
    #mainArea.douhokupj .proContent .about p {
        padding: 0 3vw;
    }
    #mainArea.douhokupj .proContent .campaign .image {
        padding: 20px 0;
    }
    #mainArea.douhokupj .proContent .about .about_title {
        font-size: 5vw;
        margin-bottom: 3vw;
        padding: 0;
    }
    #mainArea.douhokupj .proContent .campaign .overview {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.douhokupj .proContent .campaign .overview.notice {
        color: #666;
        font-size: 92%;
        margin-top: 15px;
    }
    #mainArea.douhokupj .proContent .campaign .overview dt {
        font-weight: bold;
    }
    #mainArea.douhokupj .proContent .campaign .overview.notice dd {
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.douhokupj .proContent .campaign .point {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.douhokupj .proContent .campaign .point dt {
        font-weight: bold;
        display: inline-block!important;
        vertical-align: middle;
        width: 25%;
    }
    #mainArea.douhokupj .proContent .campaign .point dt img {
        width: 100%;
    }
    #mainArea.douhokupj .proContent .campaign .point dd {
        display: inline-block!important;
        vertical-align: middle;
        width: 75%;
    }
    #mainArea.douhokupj .proContent .campaign .point a {
        font-weight: bold;
        text-decoration: underline;
    }
    #mainArea.douhokupj .proContent .campaign .campImg {
        margin-top: 40px;
        text-align: center;
    }
    #mainArea.douhokupj .proContent .campaign .campImg img {
        width: 100%;
    }
    #mainArea.douhokupj .proContent .event .period {
        box-sizing: border-box;
        margin: 0 auto 12px;
        padding: 0 15px;
        width: 290px;
    }
    #mainArea.douhokupj .proContent .event .period dt img {
        width: 110px;
    }
    #mainArea.douhokupj .proContent .event .period dd {
        font-size: 135%;
        font-weight: bold;
        line-height: 135%;
        margin-top: 5px;
    }
    #mainArea.douhokupj .proContent .event .eventImg {
        margin-top: 15px;
        text-align: center;
    }
    #mainArea.douhokupj .proContent .event .eventImg img {
        width: 100%;
    }
    #mainArea.douhokupj .proContent .event .overview {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.douhokupj .proContent .event .overview.notice {
        font-size: 92%;
        margin-top: 15px;
        color: #6f6f6f;
    }
    #mainArea.douhokupj .proContent .event .overview dt {
        font-weight: bold;
    }
    #mainArea.douhokupj .proContent .event .overview.notice dd {
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.douhokupj .proContent .store {
        position: relative;
        overflow: hidden;
    }
    #mainArea.douhokupj .proContent .store .mapImg {
        width: 100vw;
        margin-left: -3vw;
    }
    #mainArea.douhokupj .proContent .store .mapImg img {
        width: 100%;
    }
    #mainArea.douhokupj .proContent .store h2 {
        position: absolute;
        top: 20px;
        width: 90vw;
    }
    #mainArea.douhokupj .proContent .store .storeWrap {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }
    #mainArea.douhokupj .proContent .store .storeList {
        box-sizing: border-box;
        padding: 0 5px;
        width: 50%;
    }
    #mainArea.douhokupj .proContent .store .storeList.second {
        padding-bottom: 3em;
    }
    #mainArea.douhokupj .proContent .store .storeList li {
        margin-bottom: 12px;
    }
    #mainArea.douhokupj .proContent .store .storeList.first li:last-of-type {
        margin-bottom: 0;
    }
    #mainArea.douhokupj .proContent .store .storeList dt {
        position: relative;
        font-size: 105%;
        font-weight: bold;
        padding-left: 20px;
    }
    #mainArea.douhokupj .proContent .store .storeList dt:before {
        content: '';
        display: inline-block;
        position: absolute;
        background: url("../img/douhokupj/img_shoplist.png") left bottom no-repeat;
        background-size: contain;
        width: 15px;
        height: 15px;
        top: 0;
        left: 0;
    }
    #mainArea.douhokupj .proContent .store .storeList dt span {
        color: #f00;
        margin-right: 5px;
    }
    #mainArea.douhokupj .proContent .store .storeList dd {
        display: flex;
        padding-left: 10%;
    }
    #mainArea.douhokupj .proContent .store .storeList dd .name {
        width: 100px;
    }
    #mainArea.douhokupj .proContent .store .storeList dd .num {
        text-align: right;
        width: 40px;
    }
    #mainArea.douhokupj .proContent .company ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #mainArea.douhokupj .proContent .company ul li {
        width: 50%;
    }
    #mainArea.douhokupj .proContent .company ul li dt {
        display: none;
    }
    #mainArea.douhokupj .proContent .company ul li dd {
        font-size: 93%;
    }
    #mainArea.douhokupj .proContent .company ul li dd.logo {
        margin-bottom: 30px;
        text-align: center;
    }
    #mainArea.douhokupj .proContent .company ul li dd.logo img {
        width: 100%;
    }
    /* tokachirally2 */
    #mainArea.tokachirally2 {
        position: relative;
        padding-top: 0;
    }
    #mainArea.tokachirally2>.wrapInr {
        position: relative;
        padding: 0;
    }
    #mainArea.tokachirally2 .downloadWrap {
        background: #fee101;
    }
    #mainArea.tokachirally2 .downloadWrap .floatL {
        width: 28%;
    }
    #mainArea.tokachirally2 .downloadWrap .floatL img {
        height: auto;
        width: 100%;
    }
    #mainArea.tokachirally2 .downloadWrap ul {
        float: right;
        width: 70%;
    }
    #mainArea.tokachirally2 .downloadWrap ul li {
        float: left;
        padding: 7% 3%;
        width: 44%;
    }
    #mainArea.tokachirally2 .downloadWrap ul li img {
        height: auto;
        width: 100%;
    }
    #mainArea.tokachirally2 section {
        background: #f6f6f6;
        box-shadow: 0 0 0 0;
        padding: 15px 3.2%;
    }
    #mainArea.tokachirally2 div.campaign {
        padding: 0 5vw;
    }
    #mainArea.tokachirally2 .subttl {
        font-size: 125%;
        font-weight: bold;
        line-height: 165%;
        text-align: center;
    }
    #mainArea.tokachirally2 .subttl span {
        font-size: 85%;
    }
    #mainArea.tokachirally2 .subttl img {
        margin: 0 5px 0 -15px;
        height: auto;
        width: 15px;
    }
    #mainArea.tokachirally2 h1 {
        border: 0;
        font-size: 150%;
        font-weight: bold;
        line-height: 150%;
        margin: 5px -3% 0;
        text-align: center;
        width: 106%;
    }
    #mainArea.tokachirally2 h1 img {
        width: 100%;
    }
    #mainArea.tokachirally2 .countdownWrap {
        margin-bottom: 30px;
        position: relative;
    }
    #mainArea.tokachirally2 .countdownImg {
        margin-top: 10px;
        text-align: center;
    }
    #mainArea.tokachirally2 .countdownImg img {
        height: auto;
        width: 300px;
    }
    #mainArea.tokachirally2 .countdownDate {
        margin-left: -64px;
        position: absolute;
        top: 110px;
        left: 50%;
        width: 128px;
    }
    #mainArea.tokachirally2 .countdownDate img {
        margin: 0 0 0 3px;
        height: 105px;
        width: 61px;
    }
    #mainArea.tokachirally2 .animation {
        margin-left: -64px;
        position: absolute;
        top: 110px;
        left: 50%;
        width: 128px;
    }
    #mainArea.tokachirally2 .animation p {
        background-image: url(../img/okinawa/countdown.png);
        background-size: 61px auto;
        display: inline-block;
        margin: 0 0 0 3px;
        height: 105px;
        width: 61px;
        opacity: 0;
    }
    #mainArea.tokachirally2 .animation p:nth-of-type(1) {
        -webkit-animation: hide 2.0s;
        animation: hide 2.0s;
    }
    #mainArea.tokachirally2 .animation p:nth-of-type(2) {
        -webkit-animation: hide 2.5s;
        animation: hide 2.5s;
    }
    #mainArea.tokachirally2 .buttonWrap {
        position: relative;
    }
    #mainArea.tokachirally2 .button {
        padding: 20px 0 0;
    }
    #mainArea.tokachirally2 .button a {
        background: url(../img/common/arrow_btn.png) no-repeat 96% center #fee101;
        background-size: 9px 15px;
        border-radius: 4px;
        display: block;
        font-size: 110%;
        font-weight: bold;
        padding: 15px 0 15px 23px;
        text-align: center;
    }
    #mainArea.tokachirally2 .yagi {
        position: absolute;
        top: 9px;
        left: 9%;
        z-index: 10;
    }
    #mainArea.tokachirally2 .yagi img {
        height: auto;
        width: 44px;
    }
    #mainArea.tokachirally2 .end {
        background: url("../img/douhokupj2/bg_footer_sp.png") bottom center no-repeat;
        background-color: #fff;
        margin: 0;
        height: 200px;
        width: 100%;
    }
    #mainArea.tokachirally2 .downloadCmn {
        margin-top: 0;
        padding-top: 15px;
    }
    #mainArea.tokachirally2 .proContent {
        padding: 15px 0 0;
    }
    #mainArea.tokachirally2 .proContent h1 {
        margin: 20px auto 10px;
        width: 90vw;
    }
    #mainArea.tokachirally2 .proContentInr {}
    #mainArea.tokachirally2 .proContent section {
        position: relative;
        background: #fff;
        padding: 4vw 3vw;
        margin: 0 auto;
    }
    #mainArea.tokachirally2 .proContent .img100 {
        width: 100%;
    }
    #mainArea.tokachirally2 .proContent .project {
        line-height: 165%;
    }
    #mainArea.tokachirally2 .proContent .project h2 {
        font-size: 125%;
        font-weight: bold;
        line-height: 150%;
        margin-bottom: 15px;
    }
    #mainArea.tokachirally2 .proContent .project .hr {
        margin: 10px -3.5% 20px;
    }
    #mainArea.tokachirally2 .proContent .project .bnr {
        width: 100%;
    }
    #mainArea.tokachirally2 .proContent .campaign h3 {
        margin-bottom: 20px;
    }
    #mainArea.tokachirally2 .proContent .campaign .detail {
        position: relative;
    }
    #mainArea.tokachirally2 .proContent .campaign .detail .end {
        background: rgba(210, 210, 210, 0.8);
        position: absolute;
        top: -10px;
        left: -3.5%;
        height: calc(100% + 20px);
        width: 107%;
    }
    #mainArea.tokachirally2 .proContent .campaign .detail .end p {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    #mainArea.tokachirally2 .proContent .campaign .detail .end p img {
        width: 225px;
    }
    #mainArea.tokachirally2 .proContent .campaign .period {
        margin: 0 auto 12px;
    }
    #mainArea.tokachirally2 .proContent .campaign .period dt img {
        width: 30vw;
    }
    #mainArea.tokachirally2 .proContent .campaign .period dd {
        font-size: 4.0vw;
        font-weight: bold;
        line-height: 135%;
        margin-top: 5px;
        text-align: center;
    }
    #mainArea.tokachirally2 .proContent .about {
        position: relative;
        background: #fff;
        padding: 4vw 5vw;
        margin: 18vw auto 0;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
    #mainArea.tokachirally2 .proContent .about:before {
        content: "";
        background: url("../img/douhokupj2/bg_about.png") no-repeat;
        background-size: 90vw;
        position: absolute;
        top: -15vw;
        left: 5vw;
        width: 100%;
        height: 100%;
    }
    #mainArea.tokachirally2 .proContent .campaign p,
    #mainArea.tokachirally2 .proContent .about p {
        font-size: 2vw;
        font-weight: bold;
        line-height: 1.5;
        margin: 0;
    }
    #mainArea.tokachirally2 .proContent .about p {
        padding: 0 3vw;
    }
    #mainArea.tokachirally2 .proContent .campaign .image {
        padding: 20px 0;
    }
    #mainArea.tokachirally2 .proContent .about .about_title {
        font-size: 5vw;
        margin-bottom: 3vw;
        padding: 0;
    }
    #mainArea.tokachirally2 .proContent .campaign .overview {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.tokachirally2 .proContent .campaign .overview.notice {
        color: #666;
        font-size: 92%;
        margin-top: 15px;
    }
    #mainArea.tokachirally2 .proContent .campaign .overview dt {
        font-weight: bold;
    }
    #mainArea.tokachirally2 .proContent .campaign .overview.notice dd {
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.tokachirally2 .proContent .campaign .point {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.tokachirally2 .proContent .campaign .point dt {
        font-weight: bold;
        display: inline-block!important;
        vertical-align: middle;
        width: 25%;
    }
    #mainArea.tokachirally2 .proContent .campaign .point dt img {
        width: 100%;
    }
    #mainArea.tokachirally2 .proContent .campaign .point dd {
        display: inline-block!important;
        vertical-align: middle;
        width: 75%;
    }
    #mainArea.tokachirally2 .proContent .campaign .point a {
        font-weight: bold;
        text-decoration: underline;
    }
    #mainArea.tokachirally2 .proContent .campaign .campImg {
        margin-top: 40px;
        text-align: center;
    }
    #mainArea.tokachirally2 .proContent .campaign .campImg img {
        width: 100%;
    }
    #mainArea.tokachirally2 .proContent .event .period {
        box-sizing: border-box;
        margin: 0 auto 12px;
        padding: 0 15px;
        width: 290px;
    }
    #mainArea.tokachirally2 .proContent .event .period dt img {
        width: 110px;
    }
    #mainArea.tokachirally2 .proContent .event .period dd {
        font-size: 135%;
        font-weight: bold;
        line-height: 135%;
        margin-top: 5px;
    }
    #mainArea.tokachirally2 .proContent .event .eventImg {
        margin-top: 15px;
        text-align: center;
    }
    #mainArea.tokachirally2 .proContent .event .eventImg img {
        width: 100%;
    }
    #mainArea.tokachirally2 .proContent .event .overview {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.tokachirally2 .proContent .event .overview.notice {
        font-size: 92%;
        margin-top: 15px;
        color: #6f6f6f;
    }
    #mainArea.tokachirally2 .proContent .event .overview dt {
        font-weight: bold;
    }
    #mainArea.tokachirally2 .proContent .event .overview.notice dd {
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.tokachirally2 .proContent .store {
        position: relative;
    }
    #mainArea.tokachirally2 .proContent .store .mapImg {
        width: 100vw;
        margin-left: -3vw;
    }
    #mainArea.tokachirally2 .proContent .store .mapImg img {
        width: 100%;
    }
    #mainArea.tokachirally2 .proContent .store h2 {
        position: absolute;
        top: 20px;
        width: 94vw;
    }
    #mainArea.tokachirally2 .proContent .store .storeWrap {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }
    #mainArea.tokachirally2 .proContent .store .storeList {
        box-sizing: border-box;
        padding: 0 5px;
        width: 50%;
    }
    #mainArea.tokachirally2 .proContent .store .storeList.second {
        padding-bottom: 3em;
    }
    #mainArea.tokachirally2 .proContent .store .storeList li {
        margin-bottom: 12px;
    }
    #mainArea.tokachirally2 .proContent .store .storeList.first li:last-of-type {
        margin-bottom: 0;
    }
    #mainArea.tokachirally2 .proContent .store .storeList dt {
        position: relative;
        font-size: 105%;
        font-weight: bold;
        padding-left: 20px;
    }
    #mainArea.tokachirally2 .proContent .store .storeList dt:before {
        content: '';
        display: inline-block;
        position: absolute;
        background: url("../img/douhokupj2/img_shoplist.png") left bottom no-repeat;
        background-size: contain;
        width: 15px;
        height: 15px;
        top: 0;
        left: 0;
    }
    #mainArea.tokachirally2 .proContent .store .storeList dt span {
        color: #f00;
        margin-right: 5px;
    }
    #mainArea.tokachirally2 .proContent .store .storeList dd {
        display: flex;
        padding-left: 10%;
    }
    #mainArea.tokachirally2 .proContent .store .storeList dd .name {
        width: 100px;
    }
    #mainArea.tokachirally2 .proContent .store .storeList dd .num {
        text-align: right;
        width: 40px;
    }
    #mainArea.tokachirally2 .proContent .company ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #mainArea.tokachirally2 .proContent .company ul li {
        width: 50%;
    }
    #mainArea.tokachirally2 .proContent .company ul li dt {
        display: none;
    }
    #mainArea.tokachirally2 .proContent .company ul li dd {
        font-size: 93%;
    }
    #mainArea.tokachirally2 .proContent .company ul li dd.logo {
        margin-bottom: 30px;
        text-align: center;
    }
    #mainArea.tokachirally2 .proContent .company ul li dd.logo img {
        width: 100%;
    }
    /* aizu */
    #mainArea.aizu {
        position: relative;
        padding-top: 0;
    }
    #mainArea.aizu>.wrapInr {
        position: relative;
        padding: 0;
    }
    #mainArea.aizu .downloadWrap {
        background: #fee101;
    }
    #mainArea.aizu .downloadWrap .floatL {
        width: 28%;
    }
    #mainArea.aizu .downloadWrap .floatL img {
        height: auto;
        width: 100%;
    }
    #mainArea.aizu .downloadWrap ul {
        float: right;
        width: 70%;
    }
    #mainArea.aizu .downloadWrap ul li {
        float: left;
        padding: 7% 3%;
        width: 44%;
    }
    #mainArea.aizu .downloadWrap ul li img {
        height: auto;
        width: 100%;
    }
    #mainArea.aizu section {
        background: #f6f6f6;
        box-shadow: 0 0 0 0;
        padding: 15px 3.2%;
    }
    #mainArea.aizu div.campaign {
        padding: 0 5vw;
    }
    #mainArea.aizu .subttl {
        font-size: 125%;
        font-weight: bold;
        line-height: 165%;
        text-align: center;
    }
    #mainArea.aizu .subttl span {
        font-size: 85%;
    }
    #mainArea.aizu .subttl img {
        margin: 0 5px 0 -15px;
        height: auto;
        width: 15px;
    }
    #mainArea.aizu h1 {
        border: 0;
        font-size: 150%;
        font-weight: bold;
        line-height: 150%;
        margin: 5px -3% 0;
        text-align: center;
        width: 106%;
    }
    #mainArea.aizu h1 img {
        width: 100%;
    }
    #mainArea.aizu .countdownWrap {
        margin-bottom: 30px;
        position: relative;
    }
    #mainArea.aizu .countdownImg {
        margin-top: 10px;
        text-align: center;
    }
    #mainArea.aizu .countdownImg img {
        height: auto;
        width: 300px;
    }
    #mainArea.aizu .countdownDate {
        margin-left: -64px;
        position: absolute;
        top: 110px;
        left: 50%;
        width: 128px;
    }
    #mainArea.aizu .countdownDate img {
        margin: 0 0 0 3px;
        height: 105px;
        width: 61px;
    }
    #mainArea.aizu .animation {
        margin-left: -64px;
        position: absolute;
        top: 110px;
        left: 50%;
        width: 128px;
    }
    #mainArea.aizu .animation p {
        background-image: url(../img/okinawa/countdown.png);
        background-size: 61px auto;
        display: inline-block;
        margin: 0 0 0 3px;
        height: 105px;
        width: 61px;
        opacity: 0;
    }
    #mainArea.aizu .animation p:nth-of-type(1) {
        -webkit-animation: hide 2.0s;
        animation: hide 2.0s;
    }
    #mainArea.aizu .animation p:nth-of-type(2) {
        -webkit-animation: hide 2.5s;
        animation: hide 2.5s;
    }
    #mainArea.aizu .buttonWrap {
        position: relative;
    }
    #mainArea.aizu .button {
        padding: 20px 0 0;
    }
    #mainArea.aizu .button a {
        background: url(../img/common/arrow_btn.png) no-repeat 96% center #fee101;
        background-size: 9px 15px;
        border-radius: 4px;
        display: block;
        font-size: 110%;
        font-weight: bold;
        padding: 15px 0 15px 23px;
        text-align: center;
    }
    #mainArea.aizu .yagi {
        position: absolute;
        top: 9px;
        left: 9%;
        z-index: 10;
    }
    #mainArea.aizu .yagi img {
        height: auto;
        width: 44px;
    }
    #mainArea.aizu .end {
        background: url("../img/aizu/bg_footer_sp.png") bottom center no-repeat;
        background-color: #fff;
        margin: 0;
        height: 200px;
        width: 100%;
    }
    #mainArea.aizu .downloadCmn {
        margin-top: 0;
        padding-top: 15px;
    }
    #mainArea.aizu .proContent {
        padding: 15px 0 0;
    }
    #mainArea.aizu .proContent h1 {
        margin: 20px auto 10px;
        width: 90vw;
    }
    #mainArea.aizu .proContentInr {}
    #mainArea.aizu .proContent section {
        position: relative;
        background: #fff;
        padding: 4vw 3vw;
        margin: 0 auto;
    }
    #mainArea.aizu .proContent .img100 {
        width: 100%;
    }
    #mainArea.aizu .proContent .project {
        line-height: 165%;
    }
    #mainArea.aizu .proContent .project h2 {
        font-size: 125%;
        font-weight: bold;
        line-height: 150%;
        margin-bottom: 15px;
    }
    #mainArea.aizu .proContent .project .hr {
        margin: 10px -3.5% 20px;
    }
    #mainArea.aizu .proContent .project .bnr {
        width: 100%;
    }
    #mainArea.aizu .proContent .campaign h3 {
        margin-bottom: 20px;
    }
    #mainArea.aizu .proContent .campaign .detail {
        position: relative;
    }
    #mainArea.aizu .proContent .campaign .detail .end {
        background: rgba(210, 210, 210, 0.8);
        position: absolute;
        top: -10px;
        left: -3.5%;
        height: calc(100% + 20px);
        width: 107%;
    }
    #mainArea.aizu .proContent .campaign .detail .end p {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    #mainArea.aizu .proContent .campaign .detail .end p img {
        width: 225px;
    }
    #mainArea.aizu .proContent .campaign .period {
        margin: 0 auto 12px;
    }
    #mainArea.aizu .proContent .campaign .period dt img {
        width: 30vw;
    }
    #mainArea.aizu .proContent .campaign .period dd {
        font-size: 4.0vw;
        font-weight: bold;
        line-height: 135%;
        margin-top: 5px;
        text-align: center;
    }
    #mainArea.aizu .proContent .about {
        position: relative;
        background: #fff;
        padding: 4vw 5vw;
        margin: 8vw auto 0;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
    #mainArea.aizu .proContent .about:before {
        content: "";
        display: block;
        background: url("../img/aizu/aizu_pc02.jpg") no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 90px;
        height: 120px;
    }
    #mainArea.aizu .proContent .about .about1 {
        padding-right: 100px;
    }
    #mainArea.aizu .proContent .about .sugoroku {
        font-size: 5vw;
        margin: 50px 0 0px 0;
        padding: 0;
    }
    #mainArea.aizu .proContent .about .sugorokuTxt {
        margin-bottom: 40px;
    }
    #mainArea.aizu .proContent .sugorokuTxt:after {
        content: "";
        display: block;
        background: url("../img/aizu/aizu_pc03.jpg") no-repeat;
        background-size: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        width: 80px;
        height: 60px;
    }
    #mainArea.aizu .proContent .about .aizuzaifu {
        background: url("../img/aizu/back.png") no-repeat;
        color: #fff;
        padding: 15px;
        border-radius: 30px;
    }
    #mainArea.aizu .proContent .about .aizuQR {
        background: #e4deca;
        padding: 35px;
        border-radius: 20px;
        width: 60%;
        margin: 40px 0 30px 110px;
        position: relative;
        box-shadow: 0 0 0 3px #e4deca inset, 0 0 0 8px #1c2946 inset;
        box-sizing: border-box;
        min-height: 240px;
    }
    #mainArea.aizu .proContent .about .aizuQRIN {
        display: block;
    }
    #mainArea.aizu .proContent .about .aizuQR img {
        width: 100%;
    }
    #mainArea.aizu .proContent .about .aizuQRIN img:first-child {
        margin: 20px 0;
    }
    #mainArea.aizu .proContent .about .aizuQR:before {
        content: "";
        display: block;
        background: url("../img/aizu/aizu_pc05.png") no-repeat;
        background-size: 100%;
        vertical-align: middle;
        position: absolute;
        top: 90px;
        left: -110px;
        width: 100px;
        height: 160px;
    }
    #mainArea.aizu .proContent .about .right {
        text-align: right;
    }
    #mainArea.aizu .proContent .campaign p,
    #mainArea.aizu .proContent .about p {
        font-size: 2vw;
        font-weight: bold;
        line-height: 1.5;
        margin: 0;
    }
    #mainArea.aizu .proContent .about p {
        padding: 0 3vw;
    }
    #mainArea.aizu .proContent .campaign .image {
        padding: 20px 0;
    }
    #mainArea.aizu .proContent .about .about_title {
        font-size: 5vw;
        margin-bottom: 3vw;
        padding: 0;
    }
    #mainArea.aizu .proContent .campaign_title {
        font-size: 5vw;
        margin-bottom: 3vw;
        font-weight: bold;
        text-align: center;
    }
    #mainArea.aizu .proContent .campaign .overview {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.aizu .proContent .campaign .overview.notice {
        color: #666;
        font-size: 92%;
        margin-top: 15px;
    }
    #mainArea.aizu .proContent .campaign .overview dt {
        font-weight: bold;
    }
    #mainArea.aizu .proContent .campaign .overview.notice dd {
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.aizu .proContent .campaign .point {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.aizu .proContent .campaign .point dt {
        font-weight: bold;
        display: inline-block!important;
        vertical-align: middle;
        width: 25%;
    }
    #mainArea.aizu .proContent .campaign .point dt img {
        width: 100%;
    }
    #mainArea.aizu .proContent .campaign .point dd {
        display: inline-block!important;
        vertical-align: middle;
        width: 72%;
    }
    #mainArea.aizu .proContent .campaign .point a {
        font-weight: bold;
        text-decoration: underline;
    }
    #mainArea.aizu .proContent .campaign .campImg {
        margin-top: 40px;
        text-align: center;
    }
    #mainArea.aizu .proContent .campaign .campImg img {
        width: 100%;
    }
    #mainArea.aizu .proContent .event .period {
        box-sizing: border-box;
        margin: 0 auto 12px;
        padding: 0 15px;
        width: 290px;
    }
    #mainArea.aizu .proContent .event .period dt img {
        width: 110px;
    }
    #mainArea.aizu .proContent .event .period dd {
        font-size: 135%;
        font-weight: bold;
        line-height: 135%;
        margin-top: 5px;
    }
    #mainArea.aizu .proContent .event .eventImg {
        margin-top: 15px;
        text-align: center;
    }
    #mainArea.aizu .proContent .event .eventImg img {
        width: 100%;
    }
    #mainArea.aizu .proContent .event .overview {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.aizu .proContent .event .overview.notice {
        font-size: 92%;
        margin-top: 15px;
        color: #6f6f6f;
    }
    #mainArea.aizu .proContent .event .overview dt {
        font-weight: bold;
    }
    #mainArea.aizu .proContent .event .overview.notice dd {
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.aizu .proContent .company .companyList {
        text-align: center;
    }
    #mainArea.aizu .proContent .company .companyList img {
        width: 24%;
        margin: 10px 0;
    }
    /* verup2110 */
    #mainArea.verup2110 {
        position: relative;
        padding-top: 0;
    }
    #mainArea.verup2110>.wrapInr {
        position: relative;
        padding: 0;
    }
    #mainArea.verup2110 .downloadWrap {
        background: #fee101;
    }
    #mainArea.verup2110 .downloadWrap .floatL {
        width: 28%;
    }
    #mainArea.verup2110 .downloadWrap .floatL img {
        height: auto;
        width: 100%;
    }
    #mainArea.verup2110 .downloadWrap ul {
        float: right;
        width: 70%;
    }
    #mainArea.verup2110 .downloadWrap ul li {
        float: left;
        padding: 7% 3%;
        width: 44%;
    }
    #mainArea.verup2110 .downloadWrap ul li img {
        height: auto;
        width: 100%;
    }
    #mainArea.verup2110 section {
        background: #f6f6f6;
        box-shadow: 0 0 0 0;
        padding: 15px 3.2%;
    }
    #mainArea.verup2110 div.campaign {
        padding: 0 5vw;
    }
    #mainArea.verup2110 .subttl {
        font-size: 125%;
        font-weight: bold;
        line-height: 165%;
        text-align: center;
    }
    #mainArea.verup2110 .subttl span {
        font-size: 85%;
    }
    #mainArea.verup2110 .subttl img {
        margin: 0 5px 0 -15px;
        height: auto;
        width: 15px;
    }
    #mainArea.verup2110 h1 {
        border: 0;
        font-size: 150%;
        font-weight: bold;
        line-height: 150%;
        margin: 5px -3% 0;
        text-align: center;
        width: 106%;
    }
    #mainArea.verup2110 h1 img {
        width: 100%;
    }
    #mainArea.verup2110 .countdownWrap {
        margin-bottom: 30px;
        position: relative;
    }
    #mainArea.verup2110 .countdownImg {
        margin-top: 10px;
        text-align: center;
    }
    #mainArea.verup2110 .countdownImg img {
        height: auto;
        width: 300px;
    }
    #mainArea.verup2110 .countdownDate {
        margin-left: -64px;
        position: absolute;
        top: 110px;
        left: 50%;
        width: 128px;
    }
    #mainArea.verup2110 .countdownDate img {
        margin: 0 0 0 3px;
        height: 105px;
        width: 61px;
    }
    #mainArea.verup2110 .animation {
        margin-left: -64px;
        position: absolute;
        top: 110px;
        left: 50%;
        width: 128px;
    }
    #mainArea.verup2110 .animation p {
        background-image: url(../img/okinawa/countdown.png);
        background-size: 61px auto;
        display: inline-block;
        margin: 0 0 0 3px;
        height: 105px;
        width: 61px;
        opacity: 0;
    }
    #mainArea.verup2110 .animation p:nth-of-type(1) {
        -webkit-animation: hide 2.0s;
        animation: hide 2.0s;
    }
    #mainArea.verup2110 .animation p:nth-of-type(2) {
        -webkit-animation: hide 2.5s;
        animation: hide 2.5s;
    }
    #mainArea.verup2110 .buttonWrap {
        position: relative;
    }
    #mainArea.verup2110 .button {
        padding: 20px 0 0;
    }
    #mainArea.verup2110 .button a {
        background: url(../img/common/arrow_btn.png) no-repeat 96% center #fee101;
        background-size: 9px 15px;
        border-radius: 4px;
        display: block;
        font-size: 110%;
        font-weight: bold;
        padding: 15px 0 15px 23px;
        text-align: center;
    }
    #mainArea.verup2110 .yagi {
        position: absolute;
        top: 9px;
        left: 9%;
        z-index: 10;
    }
    #mainArea.verup2110 .yagi img {
        height: auto;
        width: 44px;
    }
    #mainArea.verup2110 .end {
        background: url("../img/verup2110/bg_footer_sp.png") bottom center no-repeat;
        background-color: #fff;
        margin: 0;
        height: 200px;
        width: 100%;
    }
    #mainArea.verup2110 .downloadCmn {
        margin-top: 0;
        padding-top: 15px;
    }
    #mainArea.verup2110 .proContent {
        padding: 15px 0 0;
    }
    #mainArea.verup2110 .proContent h1 {
        margin: 20px auto 10px;
        width: 90vw;
    }
    #mainArea.verup2110 .proContentInr {}
    #mainArea.verup2110 .proContent section {
        position: relative;
        background: #fff;
        padding: 4vw 3vw;
        margin: 0 auto;
    }
    #mainArea.verup2110 .proContent .img100 {
        width: 100%;
    }
    #mainArea.verup2110 .proContent .project {
        line-height: 165%;
    }
    #mainArea.verup2110 .proContent .project h2 {
        font-size: 125%;
        font-weight: bold;
        line-height: 150%;
        margin-bottom: 15px;
    }
    #mainArea.verup2110 .proContent .project .hr {
        margin: 10px -3.5% 20px;
    }
    #mainArea.verup2110 .proContent .project .bnr {
        width: 100%;
    }
    #mainArea.verup2110 .proContent .campaign h3 {
        margin-bottom: 20px;
    }
    #mainArea.verup2110 .proContent .campaign .detail {
        position: relative;
    }
    #mainArea.verup2110 .proContent .campaign .detail .end {
        background: rgba(210, 210, 210, 0.8);
        position: absolute;
        top: -10px;
        left: -3.5%;
        height: calc(100% + 20px);
        width: 107%;
    }
    #mainArea.verup2110 .proContent .campaign .detail .end p {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 100%;
    }
    #mainArea.verup2110 .proContent .campaign .detail .end p img {
        width: 225px;
    }
    #mainArea.verup2110 .proContent .campaign .period {
        margin: 0 auto 12px;
    }
    #mainArea.verup2110 .proContent .campaign .period dt img {
        width: 30vw;
    }
    #mainArea.verup2110 .proContent .campaign .period dd {
        font-size: 4.0vw;
        font-weight: bold;
        line-height: 135%;
        margin-top: 5px;
        text-align: center;
    }
    #mainArea.verup2110 .proContent .about {
        position: relative;
        background: #fff;
        padding: 4vw 5vw;
        margin: 18vw auto 0;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
    #mainArea.verup2110 .proContent .about:before {
        content: "";
        background: url("../img/verup2110/bg_about.png") no-repeat;
        background-size: 90vw;
        position: absolute;
        top: -15vw;
        left: 5vw;
        width: 100%;
        height: 100%;
    }
    #mainArea.verup2110 .proContent .campaign p,
    #mainArea.verup2110 .proContent .about p {
        font-size: 2vw;
        font-weight: bold;
        line-height: 1.5;
        margin: 0;
    }
    #mainArea.verup2110 .proContent .about p {
        padding: 0 3vw;
    }
    #mainArea.verup2110 .proContent .campaign .image {
        padding: 20px 0;
    }
    #mainArea.verup2110 .proContent .about .about_title {
        font-size: 5vw;
        margin-bottom: 3vw;
        padding: 0;
    }
    #mainArea.verup2110 .proContent .campaign .overview {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.verup2110 .proContent .campaign .overview.notice {
        color: #666;
        font-size: 92%;
        margin-top: 15px;
    }
    #mainArea.verup2110 .proContent .campaign .overview dt {
        font-weight: bold;
    }
    #mainArea.verup2110 .proContent .campaign .overview.notice dd {
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.verup2110 .proContent .campaign .point {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.verup2110 .proContent .campaign .point dt {
        font-weight: bold;
        display: inline-block!important;
        vertical-align: middle;
        width: 25%;
    }
    #mainArea.verup2110 .proContent .campaign .point dt img {
        width: 100%;
    }
    #mainArea.verup2110 .proContent .campaign .point dd {
        display: inline-block!important;
        vertical-align: middle;
        width: 75%;
    }
    #mainArea.verup2110 .proContent .campaign .point a {
        font-weight: bold;
        text-decoration: underline;
    }
    #mainArea.verup2110 .proContent .campaign .campImg {
        margin-top: 40px;
        text-align: center;
    }
    #mainArea.verup2110 .proContent .campaign .campImg img {
        width: 100%;
    }
    #mainArea.verup2110 .proContent .event .period {
        box-sizing: border-box;
        margin: 0 auto 12px;
        padding: 0 15px;
        width: 290px;
    }
    #mainArea.verup2110 .proContent .event .period dt img {
        width: 110px;
    }
    #mainArea.verup2110 .proContent .event .period dd {
        font-size: 135%;
        font-weight: bold;
        line-height: 135%;
        margin-top: 5px;
    }
    #mainArea.verup2110 .proContent .event .eventImg {
        margin-top: 15px;
        text-align: center;
    }
    #mainArea.verup2110 .proContent .event .eventImg img {
        width: 100%;
    }
    #mainArea.verup2110 .proContent .event .overview {
        line-height: 165%;
        margin-top: 20px;
    }
    #mainArea.verup2110 .proContent .event .overview.notice {
        font-size: 92%;
        margin-top: 15px;
        color: #6f6f6f;
    }
    #mainArea.verup2110 .proContent .event .overview dt {
        font-weight: bold;
    }
    #mainArea.verup2110 .proContent .event .overview.notice dd {
        padding-left: 1em;
        text-indent: -1em;
    }
    #mainArea.verup2110 .proContent .store {
        position: relative;
    }
    #mainArea.verup2110 .proContent .store .mapImg {
        width: 100vw;
        margin-left: -3vw;
    }
    #mainArea.verup2110 .proContent .store .mapImg img {
        width: 100%;
    }
    #mainArea.verup2110 .proContent .store h2 {
        position: absolute;
        top: 20px;
        width: 94vw;
    }
    #mainArea.verup2110 .proContent .store .storeWrap {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }
    #mainArea.verup2110 .proContent .store .storeList {
        box-sizing: border-box;
        padding: 0 5px;
        width: 50%;
    }
    #mainArea.verup2110 .proContent .store .storeList.second {
        padding-bottom: 3em;
    }
    #mainArea.verup2110 .proContent .store .storeList li {
        margin-bottom: 12px;
    }
    #mainArea.verup2110 .proContent .store .storeList.first li:last-of-type {
        margin-bottom: 0;
    }
    #mainArea.verup2110 .proContent .store .storeList dt {
        position: relative;
        font-size: 105%;
        font-weight: bold;
        padding-left: 20px;
    }
    #mainArea.verup2110 .proContent .store .storeList dt:before {
        content: '';
        display: inline-block;
        position: absolute;
        background: url("../img/verup2110/img_shoplist.png") left bottom no-repeat;
        background-size: contain;
        width: 15px;
        height: 15px;
        top: 0;
        left: 0;
    }
    #mainArea.verup2110 .proContent .store .storeList dt span {
        color: #f00;
        margin-right: 5px;
    }
    #mainArea.verup2110 .proContent .store .storeList dd {
        display: flex;
        padding-left: 10%;
    }
    #mainArea.verup2110 .proContent .store .storeList dd .name {
        width: 90px;
    }
    #mainArea.verup2110 .proContent .store .storeList dd .num {
        text-align: right;
        width: 40px;
    }
    #mainArea.verup2110 .proContent .company ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #mainArea.verup2110 .proContent .company ul li {
        width: 50%;
    }
    #mainArea.verup2110 .proContent .company ul li dt {
        display: none;
    }
    #mainArea.verup2110 .proContent .company ul li dd {
        font-size: 93%;
    }
    #mainArea.verup2110 .proContent .company ul li dd.logo {
        margin-bottom: 30px;
        text-align: center;
    }
    #mainArea.verup2110 .proContent .company ul li dd.logo img {
        width: 100%;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/*
-- custom style
*/

@media screen and (max-width:768px) {
    .point-sec .qaList li {
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
    .point-sec .qaList li dt {
        background: url(../img/qa/arrow_open.gif) no-repeat 98% center;
        background-size: 15px 8px;
        box-sizing: border-box;
        display: table;
        font-size: 115%;
        padding-right: 25px;
        width: 100%;
    }
    .point-sec .qaList li .open dt {
        background: url(../img/qa/arrow_close.gif) no-repeat 98% center;
        background-size: 15px 8px;
    }
    .point-sec .qaList li dt span {
        display: table-cell;
        vertical-align: middle;
    }
    .point-sec .qaList li dt span:nth-child(2) {
        width: 100%;
    }
    .point-sec .qaList li dt img {
        margin-right: 8px;
        height: 30px;
        width: 30px;
    }
    .point-sec .qaList li dd {
        background: url(../img/qa/bg_a.gif) no-repeat 25px top;
        background-size: 20px 10px;
        display: none;
        margin-top: 10px;
        padding-top: 10px;
    }
    .point-sec .qaList li dd .answer {
        background: #f9f6db;
        border-radius: 8px;
        box-sizing: border-box;
        display: table;
        padding: 12px 10px;
        width: 100%;
    }
    .point-sec .qaList li dd .answer p {
        display: table-cell;
        vertical-align: top;
    }
    .point-sec .qaList li dd .answer p img {
        height: 25px;
        width: 25px;
    }
    .point-sec .qaList li dd .answer p:nth-child(2) {
        padding: 3px 0 0 6px;
        width: 100%;
    }
    .point-sec .qaList li dd .answer .note {
        color: #666;
        display: block;
        font-size: 75%;
        line-height: 150%;
        margin-top: 5px;
        padding-left: 1em;
        text-indent: -1em;
    }
    .point-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }
    .point-col img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
    }
    .point-col2 img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
    }
    /*.point-col2+.point-col2 {
    margin-top: 20px;
}*/
    .point-container-w470 {
        max-width: 235px;
        margin-left: auto;
        margin-right: auto;
    }
    .point-col2 {
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
        width: calc((100% - 30px*2)/2);
    }
    .point-col img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
    }
    .point-save-point .point-col img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
    }
    .point-sec p {
        font-size: 12px;
        line-height: 165%;
    }
    .point-sec ol li {
        font-size: 12px;
        line-height: 165%;
    }
    .point-note ul li {
        font-size: 10px;
    }
}