.frame-l-contents {
    padding: 0 10px
}
.frame-l-nav-header {
    display: none
}
.frame-l-header .l-header .col-action {
    background: #FF0F4D;
    text-align: center;
    color: white;
    vertical-align: middle
}
.frame-nav-global .nav-global {
    background: #FF0F4D;
    border-top: 2px solid white;
    width: 100%
}
.frame-nav-global .nav-global a {
    text-decoration: none;
    color: white
}
.frame-nav-global .nav-global .nav {
    width: 33%;
    font-weight: bold;
    padding: 1rem 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #ff386b;
    border-left: 1px solid #ff386b;
    border-right: 1px solid #e5003b;
    border-bottom: 1px solid #e5003b;
    overflow: hidden;
    white-space: nowrap
}
.frame-nav-global .nav-global .nav.right {
    width: 34%
}
.frame-nav-global .nav-global .nav:hover, .frame-nav-global .nav-global .nav.active {
    color: white;
    background: #ff618a
}
.nav-mobile {
    background: #333333;
    display: none
}
.nav-mobile a {
    display: block;
    text-decoration: none;
    color: white;
    font-weight: bold;
    padding: 1rem;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-top: 1px solid #474747;
    border-left: 1px solid #474747
}
.l-content-main {
    width: 100%
}
.l-content-main .section {
    margin-top: 1rem
}
.l-content-main .section-footer-contact {
    background: #EAEBE5;
    padding: 1rem;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #686868;
    position: relative
}
.l-content-main .section-footer-contact .section-title {
    background: #D479A2;
    text-align: center;
    font-size: 1.2rem;
    padding: 0.5rem;
    color: white
}
.l-content-main .section-footer-contact p.comment {
    padding: 0.5rem
}
.l-content-main .section-footer-contact a.jd-btn {
    display: block;
    height: 100%;
    padding: 1rem;
    font-size: 1.2rem;
    font-weight: bold
}
.l-content-main .section-footer-contact .contact-form {
    padding-right: 100px
}
.l-content-main .section-footer-contact .helper {
    position: absolute;
    bottom: 0px;
    right: 0px
}
.l-content-main .section-service-area {
    background: #FFF8F0;
    border: 1px solid #ffe5c7;
    padding: 1rem;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fa8600
}
.l-content-main .section-service-area .jd-grid .gutter {
    padding: 0px
}
.l-content-main .section-service-area .jd-grid .gutter .col {
    padding-left: 0px;
    padding-right: 0px
}
.l-content-main .section-service-area .jd-grid .row {
    display: block
}
.l-content-main .section-service-area .jd-grid .row .col {
    display: block;
    width: 100%
}
.l-content-main .section-service-area .section-title {
    font-size: 1.2rem;
    text-align: center;
    padding: 1rem;
    color: #fa8600;
    background: #ffe5c7
}
.l-content-main .section-service-area .area-detail {
    margin-top: 0.5rem;
    font-size: 0.7rem;
    color: #666
}
.nav-content-bottom {
    text-align: center;
    padding: 1rem
}
.show-large {
    display: none
}
.hide-middle, .hide-small {
    display: none
}
.content .title {
    margin-bottom: 1rem
}
.content .title.content-title, .content .title.single-title {
    width: 100%;
    display: block;
    height: 35px;
    padding: 0.5rem 0px 0.5rem 48px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.2rem;
    background: url(../img/old/h3.gif) no-repeat 0px 0px
}
.content h2.normal {
    font-size: 1.2rem;
    margin: 0px 10px 10px 0px;
    padding: 15px;
    border: 3px solid #ffc0cb;
    border-left: 30px solid #ffc0cb;
    font-weight: bold;
    background: #fffaf0
}
.content h3 {
    margin: 0 0 15px 0;
    padding: 10px 0 8px 45px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background: url(../img/old/h3.gif) no-repeat
}
.content h4.block-title {
    font-size: 1.2rem;
    background: whitesmoke;
    padding: 0.2rem;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 1rem
}
.content>p {
    margin: 0 1rem 1rem 1rem;
    line-height: 1.3rem
}
.content>p span {
    color: #666666;
    font-size: 0.8rem
}
.content .news {
    padding: 0;
    margin-bottom: 10px;
    border: 1px solid #aa3000;
    min-height: 50px
}
.content .news .cat-item {
    display: inline-block;
    padding: 0.2rem 0.5rem
}
.content hr {
    margin: 0 10px 10px 10px;
    border: 1px solid #FFFFFF;
    border-bottom: 1px dashed #FF88A7
}
.content ul.crumbs {
    margin: 0 0 15px 0;
    padding: 0 0 0 15px;
    border-bottom: 1px solid #FFC468;
    background: url(../img/old/icon02.gif) no-repeat left 3px
}
.content ul.crumbs li {
    padding: 0 3px 0 0;
    display: inline;
    color: #FF5E33;
    font-size: 11px
}
.content ul.crumbs li a {
    padding: 0 10px 0 0;
    display: inline;
    color: #666666;
    text-decoration: none;
    font-size: 11px;
    background: url(../img/old/icon03.gif) no-repeat right 1px
}
.content table {
    width: 100%;
    margin: 0 0 1rem 0;
    border-collapse: collapse
}
.content table th {
    padding: 5px 10px;
    font-size: 14px;
    text-align: right;
    vertical-align: top;
    color: #333333;
    font-weight: bold;
    border-bottom: 1px solid #FFC468;
    border-top: 1px solid #FFC468;
    background-color: #FFF3E2
}
.content table th.hl {
    text-align: center;
    border-right: 1px solid #FFC468;
    vertical-align: middle
}
.content table td {
    font-size: 14px;
    padding: 5px 5px;
    text-align: left;
    line-height: 1.3em;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC
}
.content table td.tcen {
    text-align: center
}
.content table.price {
    margin-bottom: 1rem;
    border-collapse: collapse
}
.content table.price th {
    padding: 5px;
    text-align: center;
    vertical-align: top;
    color: #333333;
    font-weight: bold;
    border: 1px solid #CCCCCC;
    background-color: #EFEFEF
}
.content table.price td {
    padding: 5px;
    text-align: center;
    line-height: 1.3em;
    border: 1px solid #CCCCCC
}
.content table.price td.stxt {
    padding: 2px;
    font-size: 12px;
    background-color: #EFEFEF
}
.content table.price td.price {
    color: #FF0042;
    font-size: 18px;
    font-weight: bold
}
.content table.ex {
    border-color: #D8BFD8;
    border-width: 2px;
    width: 100%;
    border-style: solid
}
.content table.ex th {
    width: 120px;
    border-color: #D8BFD8;
    background-color: #ffe4e1;
    border-style: solid;
    border-width: 1px;
    text-align: left
}
.content table.ex td {
    width: 480px;
    border-color: #D8BFD8;
    border-style: solid;
    border-width: 1px
}
.content .pagination span, .content .pagination a {
    display: inline-block;
    padding: 0.2rem 0.4rem;
    margin-right: 2px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #555
}
.content .pagination a:hover {
    color: #fff;
    background: #3279BB
}
.content .pagination .current {
    background: #3279BB;
    color: #fff
}
.content ul.links {
    margin: 0 15px 30px 10px;
    line-height: 1.5em;
    list-style: none
}
.content ul.links li {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    border: 1px solid #FFFFFF;
    border-bottom: 1px dashed #FF88A7
}
.content ul.links li span {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    display: block
}
.content .jd-grid.grid-style-form .row {
    padding: 1rem 0;
    border-bottom: 1px dotted #CCC
}
.content-home .section-points h2 img {
    vertical-align: top
}
.content-home .section-points .points-3 {
    background: url("../img/old/3tunoriyu_2.gif") no-repeat left top
}
.content-home .section-points .points-3 .col {
    padding-top: 0px
}
.content-home .section-points .points-3 .gutter .col {
    padding-top: 0px
}
.content-home .section-plans {
    background: #FBE4E9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.content-home .section-plans .plan {
    padding: 1rem;
    background: #CE004A;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: white
}
.content-home .section-plans .plan a {
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
    text-decoration: none
}
.content-home .section-plans .plan a:hover {
    text-decoration: underline
}
.content-home .section-plans .plan .desc {
    padding-top: 1rem
}
.content-home .section-plans .section-title {
    padding: 0.5rem;
    color: #CE004A;
    font-weight: bold;
    text-align: center;
    font-size: 1.2rem
}
.content-home .section-blog h3, .content-home .section-blog h4, .content-home .section-blog h5, .content-home .section-blog h6 {
    padding: 0.5rem;
    color: white;
    font-weight: bold;
    background: #CE004A;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.content-home .section-blog p {
    margin-top: 1rem;
    line-height: 1.3rem
}
.content-home .list-box {
    background: #F7F7F8;
    border: 1px solid #e1e1e5;
    padding: 8px
}
.content-home .list-box.list-news .list-header .list-title {
    padding: 0.5rem;
    color: white;
    background: #CE004A
}
.content-home .list-box.list-news .list-body {
    padding: 1rem;
    background: white
}
.content-home .list-box.list-news .list-body li {
    padding: 0.2rem 0px
}
.content-home .list-box.list-news .list-body a {
    text-decoration: none
}
.content-service h4 {
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background: url(../img/old/h4_pi.gif) no-repeat
}
.content-service h5 {
    padding: 0.5rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #CE004A;
    margin-bottom: 1rem
}
.content-faq p.faq_q {
    margin: 0 10px 10px 10px;
    padding: 3px 0 0 30px;
    background: url(../img/old/icon_q.gif) no-repeat left top
}
.content-faq p.faq_a {
    margin: 0 10px 10px 10px;
    padding: 3px 0 0 30px;
    background: url(../img/old/icon_a.gif) no-repeat left top
}
.content-link .page_item {
    display: inline-block;
    padding: 0.5rem
}
.content-sitemap a {
    color: #333333;
    text-decoration: none
}
.content-sitemap a:hover {
    color: #666666;
    text-decoration: underline
}
.content-sitemap ul.sitemap {
    width: 250px;
    margin: 0 15px 20px 10px;
    line-height: 1.5em;
    float: left
}
.content-sitemap ul.sitemap li {
    padding: 2px 0;
    list-style-type: none
}
.content-sitemap ul.sitemap li.sm01 {
    padding-left: 15px;
    background: url(../img/old/chart01.gif) no-repeat left center;
    font-weight: bold
}
.content-sitemap ul.sitemap li.sm02 {
    padding-left: 32px;
    background: url(../img/old/chart02.gif) no-repeat 15px top
}
.content-sitemap ul.sitemap li.sm03 {
    padding-left: 32px;
    background: url(../img/old/chart03.gif) no-repeat 15px top
}
.content-sitemap ul.sitemap li.mb10 {
    margin-bottom: 10px
}
.content-sitemap .other-pages li {
    display: inline-block
}
.content-sitemap .other-pages a {
    display: inline-block;
    padding: 0.2rem 0.5rem
}
.content-category .category-header {
    padding: 2rem 1rem;
    background: #F87FB1;
    color: white
}
.content-category .category-header .category-title {
    font-weight: bold;
    font-size: 1.4rem
}
.content-category .category-header .category-desc {
    color: #fff
}
.content-category .category-body {
    padding: 1rem 0px
}
.content-category .category-body .post-record a {
    display: block;
    padding: 0.5rem 0.5rem;
    text-decoration: none;
    border-bottom: 1px dotted #CCC
}
.content-single .list-box {
    border: 1px solid #DDDDDD
}
.content-single .list-box .list-box-body {
    height: 10rem;
    overflow: scroll;
    padding: 1rem
}
.content-single .list-box .list-box-body a {
    display: block;
    padding: 0.3rem 0
}
.content-single .box-facebook {
    padding: 1rem 0
}
@media (max-width: 480px) {
    .content h2.normal {
        font-size: 1.2rem;
        margin: 0px;
        padding: 0.5rem;
        border-left: 3px solid #ffc0cb
    }
    .content .title {
        margin-bottom: 1rem
    }
    .content .title.content-title, .content .title.single-title {
        width: 100%;
        display: block;
        height: auto;
        padding: 1rem 0.5rem;
        font-weight: bold;
        color: #FFFFFF;
        font-size: 1.2rem;
        background: none;
        background-color: #ff0042
    }
    .content h3 {
        width: 100%;
        display: block;
        height: auto;
        padding: 1rem 0.5rem;
        font-weight: bold;
        color: #FFFFFF;
        font-size: 1.2rem;
        background: none;
        background-color: #ff0042
    }
    .content .jd-grid.grid-style-form .row {
        display: block;
        padding: 1rem 0;
        border-bottom: 1px dotted #CCC
    }
    .content .jd-grid.grid-style-form .row .col {
        display: block;
        width: 100%
    }
    .content-home .section-plans .jd-grid .row {
        display: block
    }
    .content-home .section-plans .jd-grid .row .col {
        display: block;
        width: 100%
    }
}
@media (max-width: 480px) {
    .l-content-main .section-footer-contact {
        padding: 0.5rem
    }
    .l-content-main .section-footer-contact .section-title {
        font-size: 0.8rem
    }
    .l-content-main .section-footer-contact .jd-grid .gutter .col {
        padding: 0.5rem
    }
    .l-content-main .section-footer-contact a.jd-btn {
        display: block;
        height: 100%;
        padding: 0.1rem 0.2rem;
        font-size: 0.8rem;
        font-weight: bold
    }
    .l-content-main .section-footer-contact .contact-form {
        padding-right: 0px
    }
    .l-content-main .section-footer-contact .helper {
        display: none
    }
    .l-content-main .section-service-area {
        padding: 0.5rem
    }
    .l-content-main .section-service-area .section-title {
        font-size: 0.7rem
    }
    .l-content-main .section-service-area .col {
        display: block
    }
    .l-content-main .section-service-area .area-detail {
        margin-top: 0.5rem;
        font-size: 0.7rem;
        color: #666
    }
    .jd-grid .break-single .row {
        display: block
    }
    .jd-grid .break-single .row .col {
        display: block;
        width: 100%
    }
    .jd-grid .row.break-single {
        display: block
    }
    .jd-grid .row.break-single .col {
        display: block;
        width: 100%
    }
}