.matomeru #dMFWrapper #dMain {
    padding: 0;
    margin-top: 25px
}

.matomeru #dMFWrapper #dMain #aMainContents {
    font-size: 16px;
    font-size: 1.6rem
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .btn-disabled {
    display: block
}

.matomeru #dMFWrapper #dMain #aMainContents .btn-enabled {
    display: none
}

.matomeru #dMFWrapper #dMain #aMainContents .biggerLink:hover a {
    text-decoration: none
}

.matomeru #dMFWrapper #dMain #aMainContents .-normal {
    font-size: 16px;
    font-size: 1.6rem
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .-normal {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .-large {
    font-size: 18px;
    font-size: 1.8rem
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .-large {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .-small {
    font-size: 14px;
    font-size: 1.4rem
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .-small {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .attention-s {
    text-align: center;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 20px
}

.matomeru #dMFWrapper #dMain #aMainContents .attention-s>span {
    color: #e13100
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .attention-s {
        font-size: 2.0rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .attention-l {
    text-align: center;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 3.0rem;
    font-weight: 700;
    color: #ff7800;
    margin-bottom: 20px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .attention-l {
        font-size: 2.4rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents h2.h2_new.no_space {
    margin-bottom: 0
}

.matomeru #dMFWrapper #dMain #aMainContents h3.icon.-pc {
    font-family: 'Noto Sans Japanese', sans-serif;
    padding: 5px 0 0 74px;
    background-image: url(/image/2016/matomeru/ico_pc.png);
    background-repeat: no-repeat;
    background-position: left top;
    color: #333333;
    font-size: 2.0rem;
    font-weight: 400;
    min-height: 43px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents h3.icon.-pc {
        font-size: 1.6rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents h3.icon.-coin {
    font-family: 'Noto Sans Japanese', sans-serif;
    padding: 5px 0 0 74px;
    background-image: url(/image/2016/matomeru/ico_coin.png);
    background-repeat: no-repeat;
    background-position: left top;
    color: #333333;
    font-size: 2.0rem;
    font-weight: 400;
    min-height: 43px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents h3.icon.-coin {
        font-size: 1.6rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents h3.icon.-family {
    font-family: 'Noto Sans Japanese', sans-serif;
    padding: 5px 0 0 97px;
    background-image: url(/image/2016/matomeru/ico_family.png);
    background-repeat: no-repeat;
    background-position: left top;
    color: #333333;
    font-size: 2.0rem;
    font-weight: 400;
    min-height: 39px;
    background-size: 79px 39px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents h3.icon.-family {
        font-size: 1.6rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents h3.icon.-family-d {
    font-family: 'Noto Sans Japanese', sans-serif;
    padding: 10px 0 0 0;
    background-image: none;
    color: #333333;
    font-size: 2.0rem;
    font-weight: 400;
    min-height: 39px;
    text-align: center;
    min-height: 39px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents h3.icon.-family-d {
        font-size: 1.6rem;
        min-height: inherit;
        padding-topo: 0
    }
}

.matomeru #dMFWrapper #dMain #aMainContents h3.icon.-family-d>span {
    display: inline-block;
    position: relative;
    padding: 0 60px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents h3.icon.-family-d>span {
        padding: 50px 0 0
    }
}

.matomeru #dMFWrapper #dMain #aMainContents h3.icon.-family-d>span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 41px;
    height: 39px;
    background-image: url(/image/2016/matomeru/ico_family01.png);
    background-repeat: no-repeat;
    background-position: left top
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents h3.icon.-family-d>span:before {
        left: 50%;
        margin-left: -41px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents h3.icon.-family-d>span:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 37px;
    height: 39px;
    background-image: url(/image/2016/matomeru/ico_family02.png);
    background-repeat: no-repeat;
    background-position: right top
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents h3.icon.-family-d>span:after {
        right: 50%;
        margin-right: -37px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents h3.icon.-house {
    font-family: 'Noto Sans Japanese', sans-serif;
    padding: 5px 0 0 62px;
    background-image: url(/image/2016/matomeru/ico_house.png);
    background-repeat: no-repeat;
    background-position: left top;
    color: #333333;
    font-size: 2.0rem;
    font-weight: 400;
    min-height: 51px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents h3.icon.-house {
        font-size: 1.6rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents h3.icon.-line {
    font-family: 'Noto Sans Japanese', sans-serif;
    padding: 10px 0 40px 71px;
    background-image: url(/image/2016/matomeru/ico_line.png), url(/image/2016/common/bg_line_dot_hor.png);
    background-repeat: no-repeat, repeat-x;
    background-position: left top, left bottom;
    color: #333333;
    font-size: 2.0rem;
    font-weight: 400;
    min-height: 55px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents h3.icon.-line {
        font-size: 1.6rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents h3.icon.-mail {
    font-family: 'Noto Sans Japanese', sans-serif;
    padding: 5px 0 20px 71px;
    background-image: url(/image/2016/matomeru/ico_mail.png), url(/image/2016/common/bg_line_dot_hor.png);
    background-repeat: no-repeat, repeat-x;
    background-position: left top, left bottom;
    color: #333333;
    font-size: 2.0rem;
    font-weight: 400;
    min-height: 35px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents h3.icon.-mail {
        font-size: 1.6rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .error-box {
    padding: 30px;
    border: 4px solid #e13100
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .error-box {
        padding: 15px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .error-box p {
    color: #e13100;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 500;
    font-size: 1.6rem
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .error-box p {
        font-size: 1.3rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .error-box p .-small {
    color: #333333
}

.matomeru #dMFWrapper #dMain #aMainContents .link-l {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    color: #333333;
    text-decoration: none;
    word-break: break-all
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .link-l {
        font-size: 1.8rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .link-l>span {
    position: relative;
    display: inline-block;
    padding-left: 30px
}

.matomeru #dMFWrapper #dMain #aMainContents .link-l>span:before,
.matomeru #dMFWrapper #dMain #aMainContents .link-l>span:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    vertical-align: middle
}

.matomeru #dMFWrapper #dMain #aMainContents .link-l>span:before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ff9101
}

.matomeru #dMFWrapper #dMain #aMainContents .link-l>span:after {
    left: 5px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.matomeru #dMFWrapper #dMain #aMainContents .border-b {
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #aaaaaa
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .border-b {
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .border-b:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -30px;
    background-image: url(/image/2016/matomeru/bg_border_arrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 60px;
    height: 10px
}

.matomeru #dMFWrapper #dMain #aMainContents table {
    border: 2px solid #fbb03b !important
}

.matomeru #dMFWrapper #dMain #aMainContents table tr:last-child {
    border-bottom: none
}

.matomeru #dMFWrapper #dMain #aMainContents table tr th {
    background-color: #fbb03b;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #fbb03b
}

.matomeru #dMFWrapper #dMain #aMainContents table tr th:last-child {
    border-right: none
}

.matomeru #dMFWrapper #dMain #aMainContents table tr td {
    background-color: #ffffff;
    border-right: 1px solid #fbb03b;
    border-bottom: 1px solid #fbb03b
}

.matomeru #dMFWrapper #dMain #aMainContents table tr td:last-child {
    border-right: none
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 {
    padding: 40px
}

@media only screen and (max-width: 1000px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 {
        padding: 15px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow {
    margin-bottom: 80px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow {
        margin-bottom: 40px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li {
    font-family: 'Noto Sans Japanese', sans-serif;
    padding: 90px 0 0;
    width: 23%;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center top
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li {
        padding-top: 0;
        background-image: none !important;
        width: 100%
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li+li {
    margin-left: 2.6%
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li+li {
        margin: 15px 0 0
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(1) {
    background-image: url(/image/2016/matomeru/bg_flow01.png)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(1).active {
    background-image: url(/image/2016/matomeru/bg_flow01_ac.png)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(1)>p>span:before {
    content: "1"
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(2) {
    background-image: url(/image/2016/matomeru/bg_flow02.png)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(2).active {
    background-image: url(/image/2016/matomeru/bg_flow02_ac.png)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(2)>p>span:before {
    content: "2"
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(3) {
    background-image: url(/image/2016/matomeru/bg_flow03.png)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(3).active {
    background-image: url(/image/2016/matomeru/bg_flow03_ac.png)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(3)>p>span:before {
    content: "3"
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(4) {
    background-image: url(/image/2016/matomeru/bg_flow04.png)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(4).active {
    background-image: url(/image/2016/matomeru/bg_flow04_ac.png)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(4)>p {
    width: 100%
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(4)>p:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(4)>p:after {
    display: none
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li:nth-of-type(4)>p>span:before {
    content: "4"
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li.active>p {
    background-color: #ff7800
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li.active>p:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li.active>p:after {
    border-left: 20px solid #ff7800
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li.active>p:before,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li.active>p:after {
        border: none;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 15px solid #ff7800
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li.active>p>span:before {
    color: #ff7800
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li>p {
    margin-bottom: 0;
    position: relative;
    width: 90%;
    background-color: #a5a5a5;
    padding: 3px 10px 0;
    text-align: center;
    height: 40px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li>p {
        width: 100%
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li>p:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li>p:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    right: -20px;
    border-left: 20px solid #a5a5a5
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li>p:before,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li>p:after {
        top: inherit;
        left: 50%;
        right: inherit;
        margin-top: 0;
        margin-left: -10px;
        border: none;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        bottom: -15px;
        border-top: 15px solid #a5a5a5
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li>p>span {
    display: block;
    position: relative;
    font-size: 2.2rem;
    font-weight: 500;
    color: #ffffff;
    padding-left: 40px
}

@media only screen and (max-width: 1000px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li>p>span {
        font-size: 1.8rem;
        padding-left: 30px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li>p>span:before {
    content: "1";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ffffff;
    color: #a5a5a5;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.4
}

@media only screen and (max-width: 1000px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-flow>li>p>span:before {
        font-size: 1.8rem;
        margin-top: -12px;
        width: 24px;
        height: 24px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 440px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input {
        max-width: 480px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input.-auto {
    max-width: inherit;
    width: auto
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input.-auto>input {
    max-width: inherit;
    width: auto
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input.-auto>input {
        max-width: 480px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    vertical-align: middle;
    z-index: 4
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input:before {
    left: 20px;
    top: 0px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input:after {
    left: 25px;
    top: 0px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #e13100;
    border-right: 2px solid #e13100;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input.-small:before {
    left: 10px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input.-small:after {
    left: 15px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input.-small>input {
    padding: 10px 10px 10px 35px;
    font-size: 1.6rem;
    border-radius: 20px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input.-small>input {
        font-size: 1.4rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input.-large>input {
    min-height: 75px;
    border-radius: 40px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input.-large>input {
        font-size: 1.4rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input.-blue:after {
    border-top: 2px solid #1ba9e6;
    border-right: 2px solid #1ba9e6
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input.-blue>input {
    background-color: #1ba9e6;
    -moz-box-shadow: 0 -2px #1687b8 inset;
    -webkit-box-shadow: 0 -2px #1687b8 inset;
    box-shadow: 0 -2px #1687b8 inset
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input>input {
    text-align: center;
    color: #ffffff;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 2.0rem;
    font-weight: 500;
    padding: 10px 10px 10px 35px;
    line-height: 1.2;
    border-radius: 25px;
    border: none;
    background-color: #e13100;
    width: 100%;
    max-width: 440px;
    -moz-box-shadow: 0 -2px #e13100 inset;
    -webkit-box-shadow: 0 -2px #e13100 inset;
    box-shadow: 0 -2px #e13100 inset
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input>input {
        font-size: 1.6rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click-input>input:hover {
    opacity: 0.7
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click {
    max-width: 440px;
    margin: 0 auto
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click.-auto {
    max-width: inherit
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click.-auto {
        max-width: 480px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click.-auto>a,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click.-auto>button {
    width: auto;
    display: inline-block
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click.-auto>a,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click.-auto>button {
        width: 100%;
        display: block
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #e13100;
    padding: 0 20px;
    border-radius: 25px;
    border: none;
    -moz-box-shadow: 0 -2px #b42800 inset;
    -webkit-box-shadow: 0 -2px #b42800 inset;
    box-shadow: 0 -2px #b42800 inset
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button {
        padding: 0 12px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-small,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-small {
    padding: 0 10px;
    border-radius: 20px
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-small,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-small {
        padding: 0 10px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-small>span,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-small>span {
    font-size: 1.6rem;
    padding: 10px 0 10px 25px
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-small>span,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-small>span {
        font-size: 1.4rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-green,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-green {
    background-color: #00b900;
    -moz-box-shadow: 0 -2px #01a301 inset;
    -webkit-box-shadow: 0 -2px #01a301 inset;
    box-shadow: 0 -2px #01a301 inset
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-green>span:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-green>span:after {
    border-top: 2px solid #00b900;
    border-right: 2px solid #00b900
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-orange,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-orange {
    background-color: #ff9101;
    -moz-box-shadow: 0 -2px #d57d0a inset;
    -webkit-box-shadow: 0 -2px #d57d0a inset;
    box-shadow: 0 -2px #d57d0a inset
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-orange>span:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-orange>span:after {
    border-top: 2px solid #ff9101;
    border-right: 2px solid #ff9101
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-blue,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-blue {
    background-color: #1ba9e6;
    -moz-box-shadow: 0 -2px #1687b8 inset;
    -webkit-box-shadow: 0 -2px #1687b8 inset;
    box-shadow: 0 -2px #1687b8 inset
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-blue>span:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-blue>span:after {
    border-top: 2px solid #1ba9e6;
    border-right: 2px solid #1ba9e6
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.disabled,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.disabled {
    background-color: #dddddd !important;
    -moz-box-shadow: 0 0 transparent inset !important;
    -webkit-box-shadow: 0 0 transparent inset !important;
    box-shadow: 0 0 transparent inset !important
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.disabled:hover,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.disabled:hover {
    opacity: 1 !important
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.disabled span,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.disabled span {
    color: #666666 !important;
    cursor: default;
    padding-left: 0 !important
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.disabled span:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.disabled span:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.disabled span:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.disabled span:after {
    display: none
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-brown,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-brown {
    background-color: #623f1d;
    -moz-box-shadow: 0 -2px #6A6342 inset;
    -webkit-box-shadow: 0 -2px #6A6342 inset;
    box-shadow: 0 -2px #6A6342 inset
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-brown>span:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-brown>span:after {
    border-top: 2px solid #623f1d;
    border-right: 2px solid #623f1d
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-down>span:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-down>span:after {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -3px;
    left: 6px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-down.-green>span:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-down.-green>span:after {
    border-top: 2px solid #00b900;
    border-right: 2px solid #00b900
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-down.-orange>span:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-down.-orange>span:after {
    border-top: 2px solid #ff9101;
    border-right: 2px solid #ff9101
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-load>span,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-load>span {
    padding-left: 36px;
    background-image: url(/image/2016/matomeru/ico_load.png);
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 30px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-load>span:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a.-load>span:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-load>span:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button.-load>span:after {
    display: none
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a:hover,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button:hover {
    text-decoration: none;
    opacity: 0.7
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a>span,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button>span {
    display: inline-block;
    position: relative;
    color: #ffffff;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 2.0rem;
    font-weight: 500;
    padding: 13px 0 13px 25px;
    line-height: 1.2
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a>span,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button>span {
        font-size: 1.6rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a>span:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a>span:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button>span:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button>span:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    vertical-align: middle
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a>span:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button>span:before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>a>span:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .btn-click>button>span:after {
    left: 5px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #e13100;
    border-right: 2px solid #e13100;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .attention {
    font-weight: bold;
    color: #ff0000
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .detail-box {
    display: none;
    background-color: #fff4c9
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box {
    position: relative;
    max-width: 520px;
    margin: 0 auto 20px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: auto;
    content: "";
    z-index: 10;
    vertical-align: middle
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box:before,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box:after {
        right: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box:before {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ff7800
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box:before {
        width: 20px;
        height: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box:after {
    right: 42px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box:after {
        right: 26px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .family-selected {
    border-radius: 5px;
    background: #dddddd;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
    background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
    background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
    background-image: linear-gradient(to bottom, #ffffff, #dddddd);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDDDDDD');
    color: #333333;
    position: relative;
    width: 100% !important;
    border: 1px solid #dddddd;
    font-size: 2.0rem;
    font-family: 'Noto Sans Japanese', sans-serif;
    text-align: center;
    padding: 12px 72px 12px 30px;
    -moz-appearance: none;
    -webkit-appearance: none
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .family-selected {
        font-size: 1.6rem;
        padding: 12px 52px 12px 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .family-selected::-ms-expand {
    display: none
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-value {
    display: block;
    text-decoration: none;
    border-radius: 5px;
    background: #dddddd;
    max-width: 520px;
    margin: auto;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
    background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
    background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
    background-image: linear-gradient(to bottom, #ffffff, #dddddd);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDDDDDD');
    text-align: left;
    padding: 10px;
    color: #333333;
    position: relative;
    z-index: 1;
    width: 100% !important;
    border: 1px solid #dddddd;
    font-size: 2.0rem;
    font-family: 'Noto Sans Japanese', sans-serif;
    text-align: center;
    padding: 12px 30px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-value {
        font-size: 1.6rem;
        padding: 12px 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-value:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-value:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    margin: auto;
    content: "";
    vertical-align: middle
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-value:before,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-value:after {
        left: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-value:before {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ff7800
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-value:before {
        width: 20px;
        height: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-value:after {
    left: 42px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-value:after {
        left: 26px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-value.active:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 5px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-list {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    z-index: 2
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-list {
        top: 50px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-list ul {
    max-width: 520px;
    max-height: 300px;
    overflow-y: auto;
    margin: auto;
    border: 1px solid #aaaaaa;
    background-color: #ffffff
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-list li>a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333333
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-list li+li {
    border-top: 1px solid #aaaaaa
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-list li.select-active {
    color: #ff7800
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .select-box .fm-select-list li.select-active>a {
    color: #ff7800
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 label.checkbox-text input[type="checkbox"] {
    display: none
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 label.checkbox-text input[type="checkbox"]:checked+span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    width: 10px;
    height: 20px;
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 4px solid #ff0000;
    border-right: 4px solid #ff0000
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 label.checkbox-text input[type="checkbox"]+span {
    position: relative;
    padding-left: 50px;
    padding-top: 2px;
    display: inline-block;
    font-size: 2.0rem;
    font-weight: 400;
    font-family: 'Noto Sans Japanese', sans-serif
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 label.checkbox-text input[type="checkbox"]+span {
        font-size: 1.6rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 label.checkbox-text input[type="checkbox"]+span.-red {
    color: #e13100
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 label.checkbox-text input[type="checkbox"]+span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border: 2px solid #aaaaaa;
    border-radius: 3px;
    background-color: #ffffff
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeWrapper {
    position: relative
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeWrapper .swipe {
    display: none
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeWrapper .swipe {
        display: block;
        position: absolute;
        top: 20px;
        left: 50%;
        margin-left: -100px;
        z-index: 50;
        width: 200px;
        height: 200px
    }
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-x>div {
        overflow: visible !important;
        opacity: 1 !important
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList {
        min-height: 240px
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active {
        min-height: inherit
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe {
        width: 1000px !important
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead {
        display: block !important;
        width: 999px
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody {
        display: block !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -ms-overflow-x: hidden !important;
        -ms-overflow-y: auto !important;
        width: 999px !important;
        -webkit-overflow-scrolling: touch !important
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead th:nth-of-type(1),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead td:nth-of-type(1),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead th:nth-of-type(2),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead td:nth-of-type(2),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody th:nth-of-type(1),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody td:nth-of-type(1),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody th:nth-of-type(2),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody td:nth-of-type(2) {
        width: 109px !important
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead th:nth-of-type(4),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead td:nth-of-type(4),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead th:nth-of-type(6),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead td:nth-of-type(6),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead th:nth-of-type(7),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead td:nth-of-type(7),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody th:nth-of-type(4),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody td:nth-of-type(4),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody th:nth-of-type(6),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody td:nth-of-type(6),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody th:nth-of-type(7),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody td:nth-of-type(7) {
        width: 94px !important
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead th:nth-of-type(3),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead td:nth-of-type(3),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody th:nth-of-type(3),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody td:nth-of-type(3) {
        width: 350px !important
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead th:nth-of-type(5),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe thead td:nth-of-type(5),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody th:nth-of-type(5),
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe tbody td:nth-of-type(5) {
        width: 150px !important
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe.-no06 thead th,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe.-no06 thead td,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe.-no06 tbody th,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe.-no06 tbody td {
        width: 200px !important
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe02 {
        width: 1000px !important
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe02 thead {
        display: block !important;
        width: 999px
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe02 tbody {
        display: block !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -ms-overflow-x: hidden !important;
        -ms-overflow-y: auto !important;
        width: 999px !important;
        -webkit-overflow-scrolling: touch !important
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe02 thead th,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe02 thead td,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe02 tbody th,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .dSwipeList.active .x-scroll-swipe02 tbody td {
        width: 200px !important
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box {
    display: none;
    border-radius: 10px;
    padding: 0;
    background-color: #fff4c9
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box.-border {
    border: 4px solid #ff7800;
    border-radius: 16px;
    padding: 30px;
    background-color: #ffffff
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box.-border {
        padding: 15px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box.active {
    display: block
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .main-box {
    background-color: #ffd925;
    padding: 40px 30px;
    border-radius: 10px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .main-box {
        padding: 20px 15px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .lead-box {
    border-radius: 10px;
    background-color: #ffe591;
    padding: 20px 30px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .lead-box.-small {
    padding: 20px 80px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .lead-box.-small {
        padding: 20px 60px
    }
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .lead-box {
        padding: 20px 15px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .lead-box .icon-text {
    position: relative;
    padding-right: 40px;
    cursor: pointer
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .lead-box .icon-text.active:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .lead-box .icon-text:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .lead-box .icon-text:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .lead-box .icon-text:before {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ff7800
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .lead-box .icon-text:after {
    top: -5px;
    right: 9px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .detail-box {
    padding: 30px;
    margin-top: -10px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .detail-box {
        padding: 20px 15px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .padding-box-w {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 20px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .padding-box-w.-square {
    margin-bottom: 30px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .padding-box-w.-square {
        margin-bottom: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .padding-box-w.-square .icon-pc2 {
    background-image: url(/image/2016/matomeru/ico_pc2.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 80px;
    padding-top: 5px;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 2.0rem;
    font-weight: 500;
    min-height: 43px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .padding-box-w.-square .icon-pc2 {
        font-size: 1.6rem;
        padding: 30px 0 0 0;
        min-height: inherit;
        background-position: center top;
        background-size: 31px 22px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .padding-box-w.-square:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .padding-box-w.-square:after {
    display: none
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .padding-box-w:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .padding-box-w:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    bottom: -20px;
    border-top: 20px solid #ffffff
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .padding-box-w:before,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section.-padding-box .padding-box-w:after {
        margin-left: -10px;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        bottom: -15px;
        border-top: 15px solid #ffffff
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section+.section {
    margin-top: 80px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section+.section {
        margin-top: 40px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section+.section-s {
    margin-top: 40px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section+.section-s {
        margin-top: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section>.section {
    margin-top: 50px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section>.section {
        margin-top: 30px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .img-text {
    *zoom: 1;
    font-size: 16px;
    font-size: 1.6rem
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .img-text:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .img-text {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .img-text .img {
    width: 26%;
    float: left;
    padding-right: 40px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .img-text .img {
        padding-right: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .img-text p.text {
    float: left;
    width: 74%;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 500;
    font-size: 2.0rem;
    margin-bottom: 40px;
    color: #e13100
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .img-text p.text:last-child {
    margin-bottom: 0
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .img-text p.text.-small {
    font-weight: 300;
    font-size: 1.4rem
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .img-text p.text>span {
    color: #333333;
    font-size: 1.6rem
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .img-text p.text>span {
        font-size: 1.4rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .columns {
    *zoom: 1
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .columns:after {
    content: "";
    display: table;
    clear: both
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .columns.-two>.column {
    width: 48%;
    float: left
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .columns.-two>.column {
        width: 100%;
        float: none
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .columns.-two>.column+.column {
    margin-left: 4%
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .columns.-two>.column+.column {
        margin: 20px 0 0
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .attention-box {
    background: #ffede3;
    border-radius: 5px 5px 0 0
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .name-box {
    background-color: #ffede3;
    padding: 20px;
    margin-bottom: 40px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .name-box {
        margin-top: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .name-box>p {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 400;
    font-family: 'Noto Sans Japanese', sans-serif
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section .name-box>p {
        font-size: 1.8rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section>p.lead {
    font-family: 'Noto Sans Japanese', sans-serif;
    text-align: center;
    background-color: #ec4c18;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
    color: #ffffff;
    font-size: 2.2rem;
    font-weight: 500;
    display: table;
    width: 100%;
    height: 70px;
    padding: 0 30px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section>p.lead {
        margin-bottom: 15px;
        font-size: 1.8rem;
        height: 50px;
        padding: 0 15px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section>p.lead:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section>p.lead:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    bottom: -20px;
    border-top: 20px solid #ec4c18
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section>p.lead:before,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section>p.lead:after {
        margin-left: -10px;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        bottom: -15px;
        border-top: 15px solid #ec4c18
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section>p.lead>span {
    display: table-cell;
    vertical-align: middle
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section>.padding-box {
    padding: 30px;
    background-color: #ffede3
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .section>.padding-box {
        padding: 20px 15px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .privacy-box {
    width: 100%;
    height: 180px;
    overflow: scroll;
    overflow-x: hidden;
    margin-bottom: 20px;
    border: 1px solid #cccccc
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .privacy-box::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .privacy-box::-webkit-scrollbar-thumb {
    background: #ccc
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .privacy-box::selection-webkit-scrollbar-track {
    background: #aaa
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .privacy-box>.inner {
    background-color: #FFFFFF;
    width: auto;
    padding: 10px;
    text-align: left;
    float: none
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .privacy-box>.inner p,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .privacy-box>.inner li,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .privacy-box>.inner h4 {
        font-size: 1.2rem
    }

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .privacy-box>.inner h3 {
        font-size: 1.4rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 #agree-detail {
    margin-top: 0 !important
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree {
    width: 100%;
    max-width: 540px;
    margin: auto
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li {
    width: 56.25%;
    max-width: 360px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li {
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 0
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li:last-child {
    float: right;
    width: 42.1875%;
    max-width: 270px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li:last-child {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-top: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p {
    border-radius: 25px;
    text-align: center
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.disabled {
    background-color: #dddddd !important;
    -moz-box-shadow: 0 0 transparent inset !important;
    -webkit-box-shadow: 0 0 transparent inset !important;
    box-shadow: 0 0 transparent inset !important
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.disabled button {
    color: #666666 !important;
    cursor: default;
    padding-left: 0 !important
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.disabled button:hover {
    opacity: 1 !important
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.disabled button:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.disabled button:after {
    display: none
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve {
    background-color: #1ba9e6;
    -moz-box-shadow: 0 -2px #1687b8 inset;
    -webkit-box-shadow: 0 -2px #1687b8 inset;
    box-shadow: 0 -2px #1687b8 inset
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve a,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve button {
    color: #ffffff;
    padding-left: 30px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve a:hover,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve button:hover {
    opacity: 0.7
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve a:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve a:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve button:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve button:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    margin: auto;
    content: "";
    vertical-align: middle
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve a:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve button:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve a:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.approve button:after {
    left: 35px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #1ba9e6;
    border-right: 2px solid #1ba9e6;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree {
    background-color: #e13100;
    -moz-box-shadow: 0 -2px #b42800 inset;
    -webkit-box-shadow: 0 -2px #b42800 inset;
    box-shadow: 0 -2px #b42800 inset
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree a,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree button {
    color: #ffffff;
    padding-left: 30px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree a:hover,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree button:hover {
    opacity: 0.7
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree a:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree a:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree button:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree button:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    margin: auto;
    content: "";
    vertical-align: middle
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree a:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree button:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree a:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.agree button:after {
    left: 35px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #e13100;
    border-right: 2px solid #e13100;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree {
    background-color: #888888;
    -moz-box-shadow: 0 -2px #666 inset;
    -webkit-box-shadow: 0 -2px #666 inset;
    box-shadow: 0 -2px #666 inset
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree a,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree button {
    color: #ffffff;
    padding-left: 30px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree a:hover,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree button:hover {
    opacity: 0.7
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree a:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree a:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree button:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree button:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    margin: auto;
    content: "";
    vertical-align: middle
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree a:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree button:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree a:after,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p.no-agree button:after {
    left: 35px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #888888;
    border-right: 2px solid #888888;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p a,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p button {
    display: block;
    position: relative;
    border: none;
    background-color: transparent;
    height: 50px;
    width: 100%;
    cursor: pointer;
    font-weight: 500;
    font-size: 2.0rem;
    font-family: 'Noto Sans Japanese', sans-serif
}

@media only screen and (max-width: 768px) {

    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p a,
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p button {
        font-size: 1.6rem
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p a:hover,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p button:hover {
    text-decoration: none
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .scroll-agree>li>p a {
    padding-top: 10px;
    padding-bottom: 10px
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check {
    margin-bottom: 0
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check+div {
    margin-top: 40px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check+div {
        margin-top: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check li {
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check li {
        float: none
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check li:last-child {
    float: right
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check li:last-child {
        margin-top: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check li:last-child.btn-click>a {
    display: block;
    height: 40px;
    padding: 0 20px;
    border-radius: 20px;
    background-color: #1ba9e6;
    -moz-box-shadow: 0 -2px #1687b8 inset;
    -webkit-box-shadow: 0 -2px #1687b8 inset;
    box-shadow: 0 -2px #1687b8 inset
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check li:last-child.btn-click>a>span {
    position: relative;
    display: inline-block;
    color: #ffffff;
    padding: 10px 0 10px 25px;
    font-size: 1.8rem;
    font-weight: 500;
    font-family: 'Noto Sans Japanese', sans-serif
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check li:last-child.btn-click>a>span:before,
.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check li:last-child.btn-click>a>span:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check li:last-child.btn-click>a>span:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check li:last-child.btn-click>a>span:after {
    left: 5px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #1ba9e6;
    border-right: 2px solid #1ba9e6;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .ul-check li:last-child {
        float: none
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .character-bg {
    background-image: url(/image/2016/matomeru/bg_character.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 115px;
    padding-right: 130px;
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .character-bg {
        background-image: none;
        padding-right: 0;
        min-height: inherit;
        margin-bottom: 20px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .mail-box h4 {
    background-color: #ff9101;
    padding: 16px 30px;
    color: #ffffff;
    font-family: 'Noto Sans Japanese', sans-serif;
    text-align: center;
    font-size: 2.0rem;
    font-weight: 500;
    margin-bottom: 0;
    background-image: none
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .mail-box .padding-box.-border {
    border: 1px solid #aaaaaa;
    border-top: none;
    background-color: #ffffff;
    padding: 30px
}

@media only screen and (max-width: 768px) {
    .matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .mail-box .padding-box.-border {
        padding: 20px 15px
    }
}

.matomeru #dMFWrapper #dMain #aMainContents .comModBoxPadding02 .mail-box .padding-box.-border p>span {
    color: #e13100
}

.matomeru_colorbox #cboxContent #cboxLoadedContent {
    margin-bottom: 0;
    padding: 50px 30px;
    background-color: #ffffff;
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .matomeru_colorbox #cboxContent #cboxLoadedContent {
        height: auto !important;
        padding: 20px
    }

    .matomeru_colorbox #cboxContent #cboxLoadedContent img {
        margin-top: 0 !important;
        width: 100% !important;
        height: auto !important
    }
}