@charset "UTF-8";

.tpl_name {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 640px) {
    .tpl_name {
        display: none;
    }
}

/*------------------------------------------------------------------------------
reset
------------------------------------------------------------------------------*/
html {
    color: #333;
    background: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    word-break: break-all;
}

@media screen and (max-width: 640px) {
    html.nav-kuro {
        height: 100vh;
        overflow: hidden;
    }
}

/* IE10以降 游ゴシック文字ずれ対応 */
@media all and (-ms-high-contrast: none) {
    html {
        font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, sans-serif, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic;
    }
}

body {
    background: #fff;
    margin: 0;
}

@media screen and (max-width: 640px) {
    body.nav-kuro {
        height: 100vh;
        overflow: hidden;
    }
}

#full-wrapper {
    min-width: 1020px;
}
.wrapper {
    position: relative;
}

@media screen and (max-width: 640px) {
    #full-wrapper {
        min-width: 1px;
    }
    .wrapper {
        padding-top: 15%;
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .fs12 {
        font-size: 12px !important;
    }
}

.mincho {
    font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

main {
    display: block;
}

figure {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    margin: 0;
    vertical-align: top;
    max-width: 100%;
}

address {
    font-style: normal;
}

p {
    margin: 0;
    padding: 0;
}

p:last-child {
    margin-bottom: 0;
}

a {
    color: #333;
    text-decoration: none;
}

dl,
ol {
    padding: 0;
    margin: 0;
}

li {
    list-style-type: none;
}



input,
textarea,
select,
button {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}

@media all and (-ms-high-contrast: none) {

    input,
    textarea,
    select,
    button {
        font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, sans-serif, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic;
    }
}

input[type="submit"],
input[type="text"],
select,
textarea,
button {
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

select::-ms-expand {
    display: none;
}

textarea {
    resize: horizontal;
}

button {
    border: none;
    cursor: pointer;
}

label {
    cursor: pointer;
}

table {
    border-collapse: collapse;
}


ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

a[href]:hover {
    opacity: 0.8;
}

@media (min-width: 641px) {
    button:hover {
        opacity: 0.8;
    }
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cfx:after {
    content: '';
    display: block;
    clear: both;
}

.oc-btn,
.oc-btn-close {
    position: relative;
}

.oc-btn:after,
.oc-btn-close:after {
    background-image: url(../img/index/plus01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
    content: '';
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
}

.oc-btn-close:after {
    background-image: url(../img/index/minus1.svg);
    background-size: 100% 2px;
}

.box-open-target {
    height: 0;
    overflow: hidden;
}

@media (min-width: 641px) {
    .outer-block {
        min-width: 998px;
    }

}

.inner-block {
    margin: 0 auto;
    max-width: 998px;
}

.link {
    text-align: right;
}

.link a {
    font-size: 13px;
    color: #2686d0;
    text-decoration: underline;
    position: relative;
    padding-right: 16px;
    font-weight: bold;
    display: inline-block;
}

.link a:after {
    background-image: url(../img/index/arrow-right3.png);
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0%;
    width: 10px;
    height: 10px;
}

.current2 {
    background-color: #42a452;
    color: #fff;
    font-weight: bold;
}

.bottom-btn {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 5%;
    right: 6%;
    z-index: 50;
    opacity: 0.8;
}

@media screen and (max-width: 640px) {
    .bottom-btn {
        width: 35px;
        height: 35px;
    }
}

/*header*/
.header {
    padding-top: 15px;
    background-color: #fff;
}

@media screen and (max-width: 640px) {
    .header {
        position: fixed;
        z-index: 30;
        left: 0;
        top: 0;
        width: 100%;
        padding-top: 3%;
    }
}

.header .header-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.header .header-top ul {
    display: flex;
    width: 240px;
}

.header .header-top ul li {
    background-image: url(../img/index/bg5.jpg);
    background-repeat: repeat-x;
    border: #e0e0e0 1px solid;
    width: 90px;
}

.header .header-top ul li:first-child {
    border-right: none;
    border-radius: 10px 0 0 10px;
    width: 150px;
}

.header .header-top ul li:first-child a {
    position: relative;
    padding-right: 15px;
    text-align: right;
}

.header .header-top ul li:first-child a:before {
    background-image: url(../img/index/logo2.png);
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 28px;
    position: absolute;
    top: -8%;
    left: 3%;
    width: 27px;
}

.header .header-top ul li:last-child {
    border-radius: 0 10px 10px 0;
}

.header .header-top ul li:last-child a {
    text-align: center;
}

.header .header-top ul li a {
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    padding: 8px 0;
}

.header-img {
    position: relative;
}

.header-img .header-btn {
    background-image: url(../img/index/bg.jpg);
    background-repeat: repeat-x;
    border-radius: 5px;
    position: absolute;
    left: 4.6%;
    bottom: 9%;
    text-align: center;
    width: 42%;
}

@media screen and (max-width: 640px) {
    .header-img .header-btn {
        left: 2.8%;
        bottom: 4%;
        width: 93%;
    }

    .header-img .header-btn img {
        width: auto;
        height: 4.5vw;
    }
}

.header-img .header-btn span {
    display: block;
    position: relative;
}

@media (min-width: 641px) {
    .header-img .header-btn span {
        padding: 15px 0;
    }
}

@media screen and (max-width: 640px) {
    .header-img .header-btn span {
        padding: 2% 0;
        font-size: 0;
    }
}

.header-img .header-btn span:after {
    background-image: url(../img/index/arrow-right.svg);
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3%;
    width: 22px;
    height: 18px;
}

@media screen and (max-width: 640px) {
    .header-img .header-btn span:after {
        background-size: contain;
        background-position: 100%;
        height: 4vw;
    }
}

@media (min-width: 641px) {
    .header-img {
        width: 1080px;
        height: auto;
        margin: 0 auto;
        max-width: 100%;
        position: relative;
    }

    .header-img .header-btn {
        background-image: url(../img/index/bg.jpg);
        background-repeat: repeat-x;
        border-radius: 5px;
        position: absolute;
        left: 4.6%;
        bottom: 9%;
        text-align: center;
        width: 42%;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    }

    .header-img .header-btn span {
        display: block;
        padding: 15px 0;
        position: relative;
    }

    .header-img .header-btn span:after {
        background-image: url(../img/index/arrow-right5.png);
        background-repeat: no-repeat;
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 3%;
        width: 22px;
        height: 18px;
    }
}

@media screen and (max-width: 640px) {
    .header-img {
        height: 56vw;
        overflow: hidden;
    }

    .page-template-page-top-ribo .header-img {
        height: auto;
    }

    .page-template-page-top-keiyakuki .header-img {
        height: auto;
    }
}

@media (min-width: 641px) {
    .page-template-page-top-karikae .header-btn {
        left: auto;
        right: 4.6%;
        width: 590px;
        bottom: 15%;
    }
}

@media (min-width: 641px) {
    .page-template-page-top-sokujitu .header-btn {
        width: 540px;
        bottom: 6.5%;
    }
}

.header-nav {
    display: flex;
}

@media (min-width: 641px) {
    .header-nav {
        margin-top: 15px;
    }
}

.header-nav li {
    position: relative;
    width: 20%;
}

@media (min-width: 641px) {

    .header-nav li:before,
    .header-nav li:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 1.5em;
        background-color: #eeeeee;
    }

    .header-nav li:before {
        content: '';
        left: 0;
    }

    .header-nav li.last-child:after {
        content: '';
        right: 0;
    }
}

.header-nav a {
    display: block;
    font-weight: bold;
    line-height: 1.4;
    padding: 14px 0;
    text-align: center;
}

.header-nav a:hover {
    opacity: 1;
}

@media (min-width: 641px) {
    .header-nav a {
        border-bottom: 3px solid #fff;
    }

    body.single-column .header-nav a.li2,
    body.post-type-archive-column .header-nav a.li2,
    body.page-template-page-top-karikae .header-nav a.li1,
    body.page-template-page-top-sokujitu .header-nav a.li1,
    body.home .header-nav a.li1,
    .header-nav a.current1 {
        border-bottom-color: #45ac56;
    }
}

@media (min-width: 641px) {
    .header-nav li:hover a {
        border-bottom-color: #45ac56;
    }
}

.header-nav .sub {
    overflow: hidden;
}

.header-nav .sub li {
    width: auto;
}

.header-nav .sub li a {
    padding-left: 1em;
    padding-right: 1em;
}

.header-nav .sub li:before {
    left: 1em;
    right: 1em;
    width: auto;
    top: auto;
    bottom: 0;
    height: 1px;
}

@media screen and (max-width: 640px) {
    .header-nav .sub {
        height: auto !important;
    }

    .header-nav .sub li a {
        padding-right: 4em;
    }
}

@media (min-width: 641px) {
    .header-nav .sub {
        z-index: 1;
        background-color: #fff;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 0;
    }

    .header-nav .sub li a {
        border-bottom-color: #fff;
    }

    .header-nav .sub li a:hover {
        border-bottom-color: #45ac56;
    }

    .header-nav .sub li:hover:before {
        content: normal;
    }
}

/*main*/
.main .inner-block {
    display: flex;
    justify-content: space-between;
}

.main .inner-block.one_col {
    display: block;
}

.main .inner-block .bk1 {
    margin-bottom: 15px;
    /*jouken*/
    /*form-btn*/
}

@media (min-width: 641px) {
    .main .inner-block .bk1 {
        width: 70.1402%;
    }
}

.main .inner-block .bk1 .btn-lsts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (min-width: 641px) {
    .main .inner-block .bk1 .btn-lsts {
        margin-bottom: 20px;
    }
}

@media (min-width: 641px) {

    .main .inner-block .bk1 .btn-lsts li:first-child,
    .main .inner-block .bk1 .btn-lsts li:nth-child(2) {
        margin-bottom: 12px;
    }
}

.main .inner-block .bk1 .btn-lsts li:first-child {
    position: relative;
}

.main .inner-block .bk1 .btn-lsts li:first-child:not(.not-attention):before {
    background-image: url(../img/index/logo2.png);
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: -5%;
    left: 3%;
    width: 27px;
    height: 28px;
    z-index: 10;
}

@media (min-width: 641px) {
    .main .inner-block .bk2 {
        width: 26.0521%;
    }
}

.main .inner-block .bk2 .osusume .item p {
    background-color: #969696;
    border-bottom: 2px solid #707070;
    color: #fff;
    font-weight: bold;
    line-height: 14px;
    padding: 10px 0 10px 20px;
}

.main .inner-block .bk2 .osusume .item ul {
    margin-bottom: 20px;
    padding: 0.8em 0;
    background-color: #f7f7f7;
}

.main .inner-block .bk2 .osusume .item ul li {
    padding: 0.5em 0 0.5em 2.4em;
}

.main .inner-block .bk2 .osusume .item ul li a {
    display: block;
    position: relative;
    line-height: 1.3;
}

.main .inner-block .bk2 .osusume .item ul li a:before {
    background-image: url(../img/index/arrow_right2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    position: absolute;
    left: -1.6em;
    top: 0;
    width: 15px;
    height: 15px;
}

@media (min-width: 641px) {
    .table-wrap {
        border: 1px solid #bfbfbf;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .jouken {
        width: 100%;
    }

    .jouken.mod-more {
        border-top: 1px solid #bfbfbf;
    }

    .jouken tr {
        border-bottom: 1px solid #bfbfbf;
    }

    .jouken tr:last-child {
        border-bottom: none;
    }

    .jouken th {
        background-color: #eee;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 641px) and (min-width: 641px) {
    .jouken th {
        width: 160px;
    }
}

@media (min-width: 641px) {
    .jouken td {
        padding: 10px 20px;
        font-size: 0;
    }

    .jouken td .labels {
        font-size: 0;
    }

    .jouken td .labels > * {
        font-size: 1rem;
    }
}

@media (min-width: 641px) and (min-width: 641px) {
    .jouken td {
        width: 540px;
    }
}

@media (min-width: 641px) {
    .jouken td > * {
        font-size: 1rem;
    }

    .jouken .labels.atm span {
        display: inline-block;
        position: relative;
    }

    .jouken .labels.atm span:before {
        height: 2em;
        width: 2em;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: 0% 50%;
        content: '';
        display: inline-block;
        position: absolute;
        left: 0%;
        top: 50%;
        transform: translateY(-50%);
    }

    .jouken .labels.atm .label1 span {
        padding-left: 2em;
    }

    .jouken .labels.atm .label1 span:before {
        background-image: url(../img/index/icon1.png);
    }

    .jouken .labels.atm .label2 span {
        padding-left: 2em;
    }

    .jouken .labels.atm .label2 span:before {
        background-image: url(../img/index/icon2.png);
    }

    .jouken .labels.atm .label3 span {
        padding-left: 3.8em;
    }

    .jouken .labels.atm .label3 span:before {
        background-image: url(../img/index/icon3.png);
        width: 3.8em;
    }

    .jouken .labels.atm .label4 span {
        padding-left: 7.7em;
    }

    .jouken .labels.atm .label4 span:before {
        background-image: url(../img/index/icon4.png);
        padding-left: 7.7em;
    }

    .jouken label {
        min-width: 33%;
        display: inline-block;
        padding: .3em .6em .3em 0;
    }
}

.form-btn {
    text-align: center;
    margin-bottom: 23px;
}

@media screen and (max-width: 640px) {
    .form-btn {
        margin-top: 6%;
        margin-bottom: 6%;
    }
}

.form-btn button {
    background-image: url(../img/index/bg3.jpg);
    background-repeat: repeat-x;
    background-size: contain;
    border-radius: 35px;
    text-align: center;
    padding: .6em 0;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    font-size: 18px;
    box-shadow: 0 2px 0 #bfbfbf;
}

.form-btn button span {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    position: relative;
    padding-left: 2.5em;
}

.form-btn button span:before {
    background-image: url(../img/index/icon6.png);
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.kekka-nav {
    border-bottom: 3px solid #42a552;
    display: flex;
}

.kekka-nav li {
    width: 100px;
}

.kekka-nav li + li {
    margin-left: -1px;
}

.kekka-nav li a {
    overflow: hidden;
    background-image: linear-gradient(#ffffff, #e9e9e9);
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    display: block;
    text-align: center;
    padding: .3em 0;
}

.kekka-nav li.current a {
    background-image: none;
    background-color: #43a653;
    border-color: #43a653;
    color: #fff;
    font-weight: bold;
}

.kekka-nav.mod-search_result li {
    width: 18%;
}
.kekka-nav.mod-search_result li.long {
    width: 40%;
}

.kekka-num {
    background-color: #eeeeee;
    padding: 15px 0;
    margin-bottom: 10px;
    text-align: center;
}

.kekka-num span {
    color: #e82d2d;
    font-weight: bold;
}

.kekka-num span:first-child {
    font-size: 16px;
}

.mod-search_result .kekka-num {
    padding: 8px 0;
}

.h2 {
    background-color: #45ac56;
    border-bottom: #017135 2px solid;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
    line-height: 14px;
    padding: 13px 0 13px 20px;
}

@media screen and (max-width: 640px) {
    .h2 {
        padding: 15px 0;
        text-align: center;
        font-size: 5.3125vw;
    }
}

.column {
    margin-bottom: 20px;
}

.column .column-ttl {
    color: #fff;
    background-color: #45ac56;
    border-bottom: #017135 2px solid;
    font-weight: bold;
    line-height: 14px;
    padding: 10px 0 10px 20px;
    margin-bottom: 10px;
}

.column .column-lst li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.column .column-lst li:first-child {
    padding-top: 0;
}

.column .column-lst li span {
    display: block;
    width: 65%;
}

.column .column-lst li span:first-child {
    width: 30%;
}

.column .column-lst-a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.column .column-link a {
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    line-height: 13px;
    color: #45ac56;
    display: block;
    padding: 15px 0;
    background-color: #e8fcda;
    text-align: center;
    position: relative;
}

.column .column-link a:after {
    background-image: url(../img/index/arrow-right10.svg);
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 10px;
}

.column.mod-archive {
    margin-bottom: 0;
}

.column.mod-archive .h2 {
    margin-bottom: 0;
    line-height: 1.2;
}

@media (min-width: 641px) {
    .column.mod-bottom {
        margin-top: 2rem;
    }

    .column.mod-archive {
        font-size: 16px;
    }

    .column.mod-archive .column-lst li {
        padding: 20px 0;
    }

    .column.mod-archive .column-lst a {
        position: relative;
    }

    .column.mod-archive .column-lst a:after {
        background-image: url(../img/index/arrow-right10.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
        content: '';
        position: absolute;
        right: 1.5em;
        top: 50%;
        transform: translateY(-50%);
        width: 0.7em;
        height: 2em;
    }

    .column.mod-archive .column-lst .last-child {
        padding-right: 3em;
        width: 810px;
    }

    .column.mod-archive .column-lst .first-child {
        width: 170px;
        height: 118px;
        position: relative;
        overflow: hidden;
    }
    .column.mod-archive .column-lst .first-child img {
        position: absolute;
        top: -100%;
        left: -100%;
        right: -100%;
        bottom: -100%;
        margin: auto;
        height: 118px;
        width: auto;
        max-width: 9999px;
    }

    .column.mod-archive .column-lst.mod-wide .last-child {
        width: 510px;
    }

    .column.mod-archive .column-link a {
        font-size: 16px;
        padding: 1.5em 3em;
    }

    .column.mod-archive .column-link a:after {
        background-size: contain;
        background-position: 50%;
        right: 1.5em;
        width: 0.7em;
        height: 2em;
    }
}

.kekka_box {
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 20px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 7px;
    margin-bottom: 10px;
}

.kekka_box .box-title {
    border-bottom: 2px solid #45ac56;
    line-height: 17px;
    padding: 15px 0 15px 20px;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 25px;
}

@media screen and (max-width: 640px) {
    .kekka_box .box-title {
        line-height: 1.4;
        margin-bottom: 10px;
        padding-right: 20px;
    }
    .column .column-link a {
        font-size: 16px;
        line-height: 17px;
        padding: 20px 0;
    }
}

.kekka_box .box-content {
    width: 660px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.kekka_box .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

@media (min-width: 641px) {
    .kekka_box .top .left {
        width: 190px;
    }
}

.kekka_box .top .left img {
    width: 100%;
}

@media (min-width: 641px) {
    .kekka_box .top .right {
        width: 460px;
    }
}

.kekka_box .top .right .desc {
    background-color: #f8f6da;
    padding: 15px 4em 15px 15px;
    position: relative;
    margin-bottom: 12px;
}

.kekka_box .top .right .desc span {
    font-size: 16px;
    font-weight: bold;
    color: #e82d2d;
}

.kekka_box .top .right .desc .after {
    display: block;
    background-image: url(../img/index/icon7.png);
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    right: -2.5%;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 70px;
}

@media (min-width: 641px) {
    .kekka_box .top .right .ul-list {
        display: flex;
    }
}

.kekka_box .top .right .ul-list ul {
    border: 1px solid #bfbfbf;
    text-align: center;
    width: 115px;
}

.kekka_box .top .right .ul-list ul + ul {
    border-left: none;
}

.kekka_box .top .right .ul-list ul li {
    line-height: 14px;
    padding: 5px 0;
}

.kekka_box .top .right .ul-list ul li:first-child {
    background-color: #f7f7f7;
    border-bottom: 1px solid #bfbfbf;
}

.kekka_box .top .right .ul-list ul li .decim {
    color: #e82d2d;
    font-weight: bold;
}

.kekka_box .tags {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.kekka_box .tags li {
    background-color: #bfbfbf;
    text-decoration: line-through;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 5px 0;
    width: 100px;
}

.kekka_box .tags li.mod-on {
    background-color: #45ac56;
    text-decoration: none;
}

.kekka_box .bottom .point {
    background-color: #eeeeee;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    padding: 10px 0;
    text-align: center;
}

.kekka_box .bottom .btns {
    display: flex;
    justify-content: space-between;
}

.kekka_box .bottom .btns .oc-btn {
    border-radius: 2px;
    cursor: pointer;
    border-bottom: 2px solid #bfbfbf;
    background-color: #eeeeee;
    text-align: center;
    padding: 7px 0;
    font-weight: bold;
    width: 190px;
  font-size: 14px;
}

.kekka_box .box-detail .ul-lists {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.kekka_box .box-detail .ul-lists ul {
    width: 33.3333%;
    font-size: 12px;
}

.kekka_box .box-detail .ul-lists ul:nth-child(1) li:first-child,
.kekka_box .box-detail .ul-lists ul:nth-child(2) li:first-child,
.kekka_box .box-detail .ul-lists ul:nth-child(3) li:first-child {
    border-top: 1px solid #cccccc;
}

.kekka_box .box-detail .ul-lists ul:nth-child(3n) li {
    border-right: 1px solid #cccccc;
}

.kekka_box .box-detail .ul-lists ul li {
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    padding: 5px 0;
    line-height: 12px;
    text-align: center;
}

.kekka_box .box-detail .ul-lists ul li:first-child {
    background-color: #eeeeee;
}

.kekka_box .box-detail .hoshou {
    text-align: right;
    font-size: 12px;
}

.kekka_box .box-detail .detail-item {
    font-size: 16px;
    font-weight: bold;
    border-left: 3px solid #45ac56;
    padding-left: 10px;
    margin-bottom: 15px;
}

.kekka_box .box-detail .i_p1 {
    margin-bottom: 15px;
}

.kekka_box .box-detail .atm-lsts {
    text-align: center;
    margin-bottom: 10px;
}

.kekka_box .box-detail .long {
    text-align: center;
    margin-bottom: 10px;
}

.kekka_box .box-detail .long a {
    display: block;
}

.kekka_box .box-detail .long a img {
    width: 100%;
    height: auto;
}

.kekka_box .box-detail .dsc {
    margin-bottom: 15px;
}

.point-lists {
    text-align: left;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    padding: .5em 0;
}

.point-lists.mod-no-border {
    border: none;
}

.point-lists li {
    font-size: 13px;
    line-height: 1.4;
    padding: 0.3em 0;
    padding-left: 25px;
    position: relative;
}

.point-lists li:before {
    background-image: url(../img/index/check.png);
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 1em !important;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    left: 1.5%;
}

.point-lists li span {
    color: #e82d2d;
    background-color: #fdf589;
    font-weight: bold;
}

.point-lists li .bb {
    border-bottom: 1px solid #ebb3b4;
}

.point-lists .ast {
    padding-left: 10px;
    font-size: 12px;
}

.point-lists .ast:before {
    display: none;
}

.search_result_table .point-lists li {
    padding-left: 1.4em;
}

/*footer*/
.footer p {
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #45ac56;
    padding: 10px 0;
}

.footer-link-ul {
    padding: 5px 0 5px;
    text-align: center;
}
.footer-link-ul li {
    display: inline-block;
    margin: 0 10px 10px;
}
.footer-link-ul li a {
    font-size: 13px;
    color: #2686d0;
    text-decoration: underline;
    position: relative;
    padding-right: 16px;
    font-weight: bold;
    display: inline-block;
}

@media screen and (min-width: 641px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 640px) {
    html {
        font-size: 15px;
    }

    body {
        overflow-x: hidden;
        -webkit-appearance: none;
        -webkit-text-size-adjust: 100%;
        position: relative;
    }

    .kuro {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 20;
        display: none;
    }

    .nav-kuro .kuro {
        display: block;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .sp-hide {
        display: none !important;
    }

    .inner-block {
        max-width: 100%;
        position: relative;
    }

    .menu-icon {
        position: fixed;
        top: 4.2vw;
        right: 4vw;
        z-index: 180;
        width: 8.3vw;
    }

    .menu-icon #line-block {
        height: 6vw;
        position: relative;
    }

    .menu-icon #line-block #line01 {
        top: 0%;
    }

    .menu-icon #line-block #line02 {
        top: 50%;
        transform: translateY(-50%);
    }

    .menu-icon #line-block #line03 {
        bottom: 0%;
    }

    .menu-icon #line-block .line {
        background-color: #4ebb90;
        display: inline-block;
        height: 4px;
        position: absolute;
        transition: .15s ease-in-out;
        width: 100%;
    }

    .open-menu #line-block #line01 {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        background-color: #fff;
    }

    .open-menu #line-block #line02 {
        width: 0;
    }

    .open-menu #line-block #line03 {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        background-color: #fff;
    }

    /*header*/
    .header .header-top {
        padding-right: 3.125%;
        padding-left: 3.125%;
        justify-content: flex-start;
        padding-bottom: 3%;
    }

    .header .header-top .header_logo {
        width: 29.375%;
        margin-right: 3%;
    }

    .header .header-top ul {
        width: 53%;
    }

    .header .header-top ul li:first-child {
        width: 60%;
    }

    .header .header-top ul li:first-child a {
        padding-right: 0.7em;
    }

    .header .header-top ul li:first-child a:before {
        background-size: 100% 100%;
        width: 1.8em;
        height: 2em;
        left: -2%;
    }

    .header .header-top ul li:last-child {
        width: 40%;
    }

    .header .header-top ul li a {
        font-size: 3.125vw;
        padding: .7em 0;
    }

    .header-nav {
        padding-top: 15%;
        display: block;
        position: fixed;
        height: 100%;
        overflow: scroll;
        top: 0%;
        left: 100%;
        width: 100%;
        z-index: 100;
    }

    .header-nav li {
        width: 100%;
    }

    .header-nav li:nth-child(2):before {
        background-image: url(../img/sp/icon1.png);
    }

    .header-nav .t {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 15vw;
        background-color: #45ac56;
    }

    body.nav-kuro .header-nav .t {
        position: fixed;
    }

    .header-nav .sp-nav-top {
        background-color: #e8fcda;
        border-bottom: 2px solid #45ac56;
        padding-left: 50px;
        position: relative;
    }

    .header-nav .sp-nav-top:before {
        background-image: url(../img/sp/icon2.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: '';
        position: absolute;
        left: 3%;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
    }

    .header-nav .sp-nav-top a {
        color: #45ac56;
        text-align: left;
        font-size: 4.6785vw;
    }

    .header-nav .nav-title > a {
        font-size: 4.375vw;
        background-color: #45ac56;
        color: #fff;
        position: relative;
    }

    .header-nav .nav-title > a:before {
        background-image: url(../img/sp/arrow_bottom3.svg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
        content: '';
        position: absolute;
        top: calc(100% - 1px);
        left: 2%;
        width: 1em;
        height: 1em;
        z-index: 1;
    }

    .header-nav .sub li {
        padding-left: 5.375%;
        border-bottom: 1px solid #45ac56;
        position: relative;
        background-color: #fff;
    }

    .header-nav .sub li:after {
        background-image: url(../img/sp/arrow_right2.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 5%;
        width: 1em;
        height: 1em;
    }

    .header-nav .sub li a {
        color: #45ac56;
        font-size: 3.75vw;
        text-align: left;
    }
    .header-nav .sub.banner-nav li {
        padding: 10px;
        text-align: center;
    }
    .header-nav .sub.banner-nav li:after {
        background: none;
        height: 0;
        width: 0;
    }
    .header-nav .sub.banner-nav li a {
        display: block;
        padding: 0;
        float: left;
        width: 48.5%;
    }
    .header-nav .sub.banner-nav li a:nth-child(2n) {
        float: right;
    }
    .header-nav .sub.banner-nav li a:nth-child(n+3) {
        margin-top: 10px;
    }
    .header-nav .sub.banner-nav li a.center {
        display: inline-block;
        float: none;
    }

    .header-nav .nav-close {
        background-color: #e8fcda;
        position: relative;
        margin-bottom: 20%;
    }

    .header-nav .nav-close a {
        color: #45ac56;
    }

    .header-nav .nav-close:after {
        background-image: url(../img/index/menu_close.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 5%;
        width: 1em;
        height: 1em;
    }

    /*main*/
    .main .inner-block {
        display: block;
    }

    .main .inner-block .bk1 .btn-lsts li {
        width: 50%;
    }

    .main .inner-block .bk1 .btn-lsts li:first-child {
        position: relative;
    }

    .main .inner-block .bk1 .btn-lsts li:first-child:not(.not-attention):before {
        background-image: url(../img/sp/icon21.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: '';
        position: absolute;
        left: 3%;
        top: 0%;
        width: 20px;
        height: 20px;
        z-index: 10;
    }

    .main .inner-block .bk1 .link {
        text-align: center;
        font-size: 4.6875vw;
        margin: .5em 0;
    }

    .main .inner-block .bk1 form {
        padding: 0 3.125%;
    }

    .main .inner-block .bk2 .osusume .item {
        background-color: #f7f7f7;
    }

    .main .inner-block .bk2 .osusume .item p {
        font-size: 5vw;
        line-height: 5vw;
        text-align: center;
        padding: 15px 0;
    }

    .main .inner-block .bk2 .osusume .item ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    .main .inner-block .bk2 .osusume .item ul li {
        width: 50%;
    }

    .main .inner-block .bk2 .osusume .item ul li a {
        font-size: 12px;
    }

    .main .inner-block .bk2 .osusume .item ul li a:before {
        left: -14%;
    }

    .main .inner-block .bk2 .osusume .item:last-child ul li {
        width: 100%;
    }

    .main .inner-block .bk2 .osusume .item:last-child ul li a:before {
        left: -6.5%;
    }

    .main .inner-block .bk2 .link a {
        display: block;
        background-color: #f7f7f7;
        padding: 10px 8.75%;
        text-align: center;
        line-height: 6vw;
        font-size: 3.75vw;
    }

    .main .inner-block .bk2 .link a:after {
        background-image: url(../img/index/arrow_right8.svg);
        background-size: cover;
        right: 6%;
        width: 1em;
        height: 1em;
    }

    .table-wrap .jouken {
        text-align: left;
        display: block;
    }

    .table-wrap .jouken th,
    .table-wrap .jouken td,
    .table-wrap .jouken tbody {
        display: block;
    }

    .footer p {
        font-size: 3.125vw;
        line-height: 3.125vw;
        padding: 20px 4.375%;
    }
}

@media screen and (max-width: 640px) {
    .more {
        background-color: #eee;
        border-radius: 3px;
        border-bottom: 4px solid #ccc;
        font-weight: bold;
        font-size: 4.6875vw;
        line-height: 4.6875vw;
        text-align: center;
        overflow: hidden;
        padding: 15px 0;
        margin-bottom: 10px;
        position: relative;
    }

    .more:before {
        content: attr(data-word);
    }

    .more:after {
        background-image: url(../img/index/plus01.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: '';
        position: absolute;
        right: 5%;
        top: 50%;
        transform: translateY(-50%);
        width: 1em;
        height: 1em;
    }

    .more.mod-open:before {
        content: attr(data-open-word);
    }

    .more.mod-open:after {
        background-image: url(../img/index/minus1.svg);
    }

    .more-jouken {
        height: 0;
        overflow: hidden;
    }

    .jouken-lists {
        border: 1px solid #ccc;
        border-radius: 10px;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .jouken-lists * {
        font-size: 14px;
        line-height: 14px;
    }
    .jouken-lists .select-div {
        padding: 7px 5px 5px;
        text-align: left;
    }
    .jouken-lists .select-div select {
        border-radius: 5px;
        font-size: 16px;
        line-height: 16px;
        padding: 8px 0 8px 5px;
    }

    .jouken-lists input {
        padding: 0;
        margin: 0;
        vertical-align: middle;
        margin-right: .3em;
    }

    .jouken-lists span {
        display: inline-block;
        max-width: calc(100% - 2.5em);
        vertical-align: middle;
    }

    .jouken-lists .li:first-child {
        background-color: #eee;
        border-right: 1px solid #ccc;
        padding: 9.8px 12px 0 10px;
        line-height: 1.6;
        width: 40%;
    }
    .modal .jouken-lists .li:first-child {
        padding-right: 2px;
        padding-bottom: 4px;
        width: 29%;
    }

    .jouken-lists .li:last-child {
        overflow: hidden;
        width: 60%;
    }
    .modal .jouken-lists .li:last-child {
        width: 71%;
    }

    .jouken-lists .li:last-child p {
        padding: 14px 0;
        padding-left: 10px;
    }

    .jouken-lists .li:last-child .bt {
        border-bottom: 1px solid #ccc;
    }

    .jouken-lists .li:last-child .oc,
    .jouken-lists .li:last-child .open {
        position: relative;
    }

    .jouken-lists .li:last-child .oc:after,
    .jouken-lists .li:last-child .open:after {
        background-image: url(../img/sp/btn16.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        content: '';
        position: absolute;
        right: 8%;
        top: 50%;
        transform: translateY(-50%);
        width: 1.2em;
        height: 1.2em;
        background-size: 100% 100%;
    }

    .jouken-lists .li:last-child .open:after {
        background-image: url(../img/sp/btn15.jpg);
    }

    .jouken-lists .li:last-child .oc + .labels {
        height: 0;
    }

    .jouken-lists .li:last-child .labels label {
        display: block;
        border-bottom: 1px solid #ccc;
        padding: 14px 0;
        padding-left: 10px;
    }

    .jouken-lists .li:last-child .labels label:last-child {
        border: none;
    }

    .jouken-lists .li:last-child .atm span {
        display: none;
    }

    .jouken-lists .li:last-child .atm label {
        position: relative;
    }

    .jouken-lists .li:last-child .atm label:after {
        background-image: url(../img/index/icon8.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: '';
        position: absolute;
        right: 44%;
        top: 50%;
        transform: translate(50%, -50%);
        width: 20px;
        height: 20px;
    }

    .jouken-lists .li:last-child .atm .label1:after {
        background-image: url(../img/index/icon8.png);
        width: 33px;
        height: 36px;
    }

    .jouken-lists .li:last-child .atm .label2:after {
        background-image: url(../img/index/icon9.png);
        width: 33px;
        height: 36px;
    }

    .jouken-lists .li:last-child .atm .label3:after {
        background-image: url(../img/index/icon10.png);
        width: 80px;
        height: 30px;
    }

    .jouken-lists .li:last-child .atm .label4:after {
        background-image: url(../img/index/atm10.jpg);
        width: 130px;
        height: 21px;
    }

    .kekka-nav {
        padding: 0 3.125%;
        border-bottom: 16px solid #3f9c4e;
    }

    .kekka-nav li {
        border-bottom: none;
        width: 31.25%;
    }

    .kekka-nav li a {
        font-size: 4.6875vw;
    }

    .kekka-num span:first-child {
        font-size: 5.3125vw;
    }

    .column .column-ttl {
        line-height: 5vw;
        font-size: 5vw;
        text-align: center;
        padding: 15px 0;
        margin: 0;
    }

    .column .column-lst li {
        padding: 0;
        position: relative;
    }

    .column .column-lst li:after {
        background-image: url(../img/index/arrow-right10.svg);
        background-repeat: no-repeat;
        background-size: cover;
        content: '';
        position: absolute;
        right: 5%;
        top: 50%;
        transform: translateY(-50%);
        width: 6px;
        height: 10px;
    }
    .fp-list .column .column-lst li:after {
      background: none;
      height: 0;
      width: 0;
    }

    .column .column-lst li:first-child {
        padding: 0;
    }

    .column .column-lst li:last-child {
        padding: 0;
    }

    .column .column-lst li span.first-child {
        width: 40%;
        height: 120px;
        position: relative;
        overflow: hidden;
    }

    .column .column-lst li span.first-child img {
        position: absolute;
        top: -100%;
        left: -100%;
        right: -100%;
        bottom: -100%;
        margin: auto;
        height: 100%;
        width: auto;
        max-width: 9999px;
    }

    .column .column-lst li span.last-child {
        padding: 0.7em 15% 0.7em 6.4655%;
    }

    .column .column-link {
        font-weight: bold;
    }

    .kekka_box {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

    .kekka_box .bottom .btns .oc-btn {
        width: 35%;
        font-size: 4vw;
        padding: 10px 0;
    }

    .kekka_box .bottom .btns .pc-hide {
        width: 60%;
    }

    .kekka_box .box-content {
        padding-left: 3.125%;
        padding-right: 3.125%;
        padding-bottom: 3%;
    }
    .kekka_box .review .box-content {
        padding-left: 0;
        padding-right: 0;
    }

    .kekka_box .box-content .top .right {
        width: 100%;
    }

    .kekka_box .box-content .top .right .desc .after {
        background-image: url(../img/index/btn30.png);
        background-size: cover;
        right: -3.5%;
        width: 50px;
        height: 60px;
    }

    .kekka_box .box-content .top .right .sp-b {
        display: flex;
    }

    .kekka_box .box-content .top .right .sp-b .imgw {
        width: 38%;
        margin-right: 4%;
    }

    .kekka_box .box-content .top .right .sp-b .ul-list {
        width: 58%;
    }

    .kekka_box .box-content .top .right .sp-b .ul-list ul {
        width: 100%;
        display: flex;
        border: 1px solid #bfbfbf;
    }

    .kekka_box .box-content .top .right .sp-b .ul-list ul + ul {
        border-top: none;
    }

    .kekka_box .box-content .top .right .sp-b .ul-list ul li {
        width: 65%;
        font-size: 3.5vw;
        line-height: 1.5;
        padding: .3em .2em;
        border-bottom: none;
    }

    .kekka_box .box-content .top .right .sp-b .ul-list ul li:first-child {
        border-right: 1px solid #bfbfbf;
        width: 35%;
    }

    .kekka_box .box-content .top .right .sp-b .ul-list ul:last-child li span {
        display: block;
    }

    .kekka_box .box-content .tags {
        flex-wrap: wrap;
    }

    .kekka_box .box-content .tags li {
        font-size: 12px;
        width: 32%;
    }

    .kekka_box .box-content .tags li:first-child,
    .kekka_box .box-content .tags li:nth-child(2),
    .kekka_box .box-content .tags li:nth-child(3) {
        margin-bottom: 10px;
    }

    .kekka_box .box-content .box-detail .sp-ul-lsts {
        margin-top: 4%;
        width: 100%;
    }

    .kekka_box .box-content .box-detail .sp-ul-lsts tr:nth-child(odd) {
        background-color: #eee;
    }

    .kekka_box .box-content .box-detail .sp-ul-lsts tr:last-child {
        border-bottom: 1px solid #ccc;
    }

    .kekka_box .box-content .box-detail .sp-ul-lsts td {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        text-align: center;
        width: 50%;
    }

    .kekka_box .box-content .box-detail .sp-ul-lsts td:last-child {
        border-right: 1px solid #ccc;
    }
}


.main_contents {
    margin-top: 30px;
}

@media screen and (max-width: 640px) {
    .main_contents {
        margin-top: 10px;
    }
}

.move_to_official_site {
    text-align: center;
    margin-bottom: 6%;
    border: 1px solid #ccc;
    padding: 1em;
    width: 600px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.move_to_official_site .i_p1 {
    margin-bottom: 1em;
}

.move_to_official_site .i_loading {
    margin-bottom: 1em;
}

.move_to_official_site .i_p2 a {
    text-decoration: underline;
    color: #45ac56;
    font-weight: bold;
}

.atm-lsts {
    font-size: 0;
}

.atm-lsts li {
    display: inline-block;
    font-size: 1rem;
    max-width: 25%;
}

.atm-lsts .i_txt {
    margin-top: 0.3em;
}

@media screen and (max-width: 640px) {
    .atm-lsts li {
        max-width: 45%;
    }
}

.atm-lsts-bottom {
    text-align: center;
    margin-bottom: 10px;
}

.before_footer .note li {
    font-size: 13px;
}

@media (min-width: 641px) {
    .before_footer {
        margin-top: 30px;
    }

    .before_footer .note {
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .before_footer .note li {
        font-size: 12px;
        position: relative;
        padding-left: 15px;
        margin-bottom: 5px;
    }

    .before_footer .note li:before {
        background-image: url(../img/index/circle1.jpg);
        background-repeat: no-repeat;
        content: '';
        position: absolute;
        top: 5px;
        left: 0%;
        width: 10px;
        height: 10px;
    }

    .before_footer .link {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 640px) {
    .footer-link-ul {
        background: #f7f7f7;
        padding: 10px;
        text-align: left;
    }
    .footer-link-ul li {
        margin: 0 1px 1px;
    }
    .footer-link-ul li a {
        font-size: 11px;
    }

    .before_footer {
        margin-top: 5%;
    }

    .before_footer .note {
        padding: 15px 0;
    }

    .before_footer .note li {
        padding-right: 5.375%;
        padding-left: 9.25%;
        position: relative;
        padding-bottom: 5px;
    }

    .before_footer .note li:before {
        background-image: url(../img/index/circle01.svg);
        background-repeat: no-repeat;
        background-size: cover;
        content: '';
        position: absolute;
        top: 6%;
        left: 3.5%;
        width: 1em;
        height: 1em;
    }

    .before_footer .link {
        padding: 1em;
        text-align: center;
        background-color: #f7f7f7;
    }

    .before_footer .link a {
        display: block;
    }
}

@media screen and (max-width: 374px) {
    .footer-link-ul li a {
        font-size: 10px;
    }
}

.search_result_table {
    width: 100%;
    font-size: 13px;
    text-align: center;
    table-layout: fixed;
}

.search_result_table,
.search_result_table th,
.search_result_table td {
    border: 1px solid #bfbfbf;
}

.search_result_table thead {
    background-color: #f7f7f7;
}

.search_result_table th {
    line-height: 1.2;
    padding: 5px;
    font-weight: normal;
}

.search_result_table th span {
    display: inline-block;
    vertical-align: middle;
}

.search_result_table .th1 {
    width: 141px;
}

.search_result_table.mod-basic_info .th2 {
    width: 175px;
}

.search_result_table.mod-basic_info .th3 {
    width: 105px;
}

.search_result_table.mod-basic_info .th4 {
    width: 105px;
}

.search_result_table.mod-basic_info .th5 {
    width: 105px;
}

.search_result_table.mod-basic_info .th6 {
    width: 280px;
}

.search_result_table.mod-kodawari .th3,
.search_result_table.mod-kodawari .th4,
.search_result_table.mod-kodawari .th5,
.search_result_table.mod-kodawari .th6,
.search_result_table.mod-kodawari .th7 {
    width: 100px;
}

.search_result_table.mod-kodawari .th8 {
    width: 120px;
}

.search_result_table.mod-available .th2,
.search_result_table.mod-available .th3 {
    padding: 10px 0;
    width: 380px;
}
.search_result_table.mod-available .td2,
.search_result_table.mod-available .td3 {
    text-align: left;
}

.search_result_table td {
    padding: 10px;
}

.search_result_table .td1 {
    text-align: left;
}

.search_result_table .td1 a {
    display: block;
}

.search_result_table tbody tr {
    cursor: pointer;
}

.search_result_table tbody tr:hover {
    background-color: #f8f6da;
}

.search_result_table .th_inner > li {
    display: inline-block;
    vertical-align: middle;
}

.search_result_table .i_icon {
    width: 120px;
}

.search_result_table .i_icon img {
    width: 100%;
}

.search_result_table .i_title {
    color: #2686d0;
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
    margin-bottom: .4em;
}

.search_header .i_lead {
    margin: 1em 0;
}

.search_h1 {
    font-weight: bold;
    font-size: 20px;
    padding-left: 1.5em;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-image: url(../img/common/green_glass.svg);
}

.no_result {
    padding: 3em 0;
    text-align: center;
}

.maru_batsu_icon {
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-size: contain;
}

.maru_batsu_icon.maru {
    background-image: url(../img/common/maru.svg);
}

.maru_batsu_icon.batsu {
    background-image: url(../img/common/batsu.svg);
}

.maru_batsu_icon.bar {
    height: 3px;
    background-color: #ccc;
}

.search_up_down {
    display: inline-block;
    vertical-align: middle;
}

.search_up_down .li {
    cursor: pointer;
    width: 14px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
}

.search_up_down .li button {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
}

.search_up_down .li_up {
    background-image: url(../img/common/up.svg);
}

.search_up_down .li_down {
    background-image: url(../img/common/down.svg);
}

.search_up_down .li.current .li_up {
    background-image: url(../img/common/up_on.svg);
}

.search_up_down .li.current .li_down {
    background-image: url(../img/common/down_on.svg);
}

.kagen__asc .kagen__asc.li_up,
.jogen__asc .jogen__asc.li_up,
.gendo__asc .gendo__asc.li_up,
.shinsa_speed_minute__asc .shinsa_speed_minute__asc.li_up,
.yushi_speed_minute__asc .yushi_speed_minute__asc.li_up {
    background-image: url(../img/common/up_on.svg);
}

.kagen__desc .kagen__desc.li_down,
.jogen__desc .jogen__desc.li_down,
.gendo__desc .gendo__desc.li_down,
.shinsa_speed_minute__desc .shinsa_speed_minute__desc.li_down,
.yushi_speed_minute__desc .yushi_speed_minute__desc.li_down {
    background-image: url(../img/common/down_on.svg);
}

.jogen__asc .col_kagen_jogen,
.jogen__desc .col_kagen_jogen,
.kagen__asc .col_kagen_jogen,
.kagen__desc .col_kagen_jogen,
.gendo__asc .col_gendo,
.gendo__desc .col_gendo,
.shinsa_speed_minute__asc .col_shinsa_speed_minute,
.shinsa_speed_minute__desc .col_shinsa_speed_minute,
.yushi_speed_minute__asc .col_yushi_speed_minute,
.yushi_speed_minute__desc .col_yushi_speed_minute {
    background-color: #f8f6da;
}

.breadcrumb {
    background-color: #eee;
    padding: .2em 0;
}

.breadcrumb_list {
    font-size: 0;
}

.breadcrumb li {
    font-size: 13px;
    display: inline;
    vertical-align: middle;
}

.breadcrumb li + li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.6em;
    height: 1.6em;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/common/bread_arrow.svg);
}

.breadcrumb_list_item {
    display: inline-block;
    vertical-align: middle;
}

.breadcrumb a {
    color: #2686d0;
}

@media screen and (max-width: 640px) {
    .breadcrumb {
        padding: 2% 3%;
    }
}

.search_result_sp_content {
    background-color: #eee;
    padding: 3% 0;
    margin-bottom: 5%;
}

@media (min-width: 641px) {
    .search_result_sp_content_bottom {
        margin-top: 30px;
    }
}

.inner {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 640px) {
    .inner {
        width: 94%;
    }
}

@media (min-width: 641px) {
    .search_h1 {
        display: inline-block;
        vertical-align: middle;
    }
}

.search_h1.mod-sp {
    margin-bottom: 4%;
    background-size: auto 1.1em;
    background-position: 0% 35%;
    font-size: 4.8vw;
}

.search_h1.mod-sp span {
    vertical-align: baseline;
}

.search_h1.mod-sp .i_txt_wrap {
    display: block;
}

.search_h1.mod-sp .i_red {
    color: #e82d2d;
    font-weight: bold;
}

.search_h1.mod-sp .kekka-num-sp {
    font-size: 0.8em;
    font-weight: normal;
}

@media (min-width: 641px) {
    .condition_change_btn {
        width: 80px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 1em;
    }
}

.search_sp_header {
    padding-bottom: 4%;
}

.search_sp_header .condition_change_btn {
    float: right;
    vertical-align: middle;
    display: inline-block;
    width: 28%;
}

.select_style1 {
    font-size: 15px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    padding: 0.3em .7em;
    position: relative;
}

.select_style1.kai {
    border-radius: 3px 3px 0 0;
}

.select_arrow {
    background-color: #fff;
    position: relative;
}

.select_arrow:after {
    content: '';
    display: inline-block;
    height: 1.3em;
    width: 1.3em;
    border-radius: 2px;
    background-color: #bfbfbf;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/common/arrow-bottom-white.svg);
    background-size: .7em;
    position: absolute;
    right: .7em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select_arrow.mod-green:after {
    background-color: #45ac56;
}

.select_arrow.kai:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.search_criteria_list {
    padding: .7em;
    border: 1px solid #bfbfbf;
    border-top: none;
    border-radius: 0 0 3px 3px;
}

.search_criteria_list > div {
    overflow: hidden;
}

.search_criteria_list > div + div {
    margin-top: .5em;
}

.search_criteria_list dt {
    width: 10em;
    float: left;
    font-weight: bold;
    color: #666;
}

.search_criteria_list dd {
    overflow: hidden;
    color: #bfbfbf;
}

.sort_select_zone {
    margin-bottom: 4%;
    padding-left: 3.1%;
    padding-right: 3.1%;
    font-size: 15px;
}

.sort_select_zone .i_title {
    display: block;
    float: left;
    padding-top: 0.4em;
}

.sort_select {
    width: calc(100% - 5em);
    float: right;
}

.sort_select select {
    margin: 0;
    position: relative;
    z-index: 1;
    background-color: transparent;
    width: 100%;
    float: right;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (min-width: 641px) {
    .wp-pagenavi:not(#for_not) {
        margin-top: 30px;
        text-align: right;
    }
}

@media screen and (max-width: 640px) {
    .wp-pagenavi:not(#for_not) {
        margin: 5% 0;
        text-align: center;
    }
}

.wp-pagenavi:not(#for_not) .first,
.wp-pagenavi:not(#for_not) .last,
.wp-pagenavi:not(#for_not) .pages {
    display: none;
}

.wp-pagenavi:not(#for_not) > span,
.wp-pagenavi:not(#for_not) a {
    vertical-align: top;
    font-size: 13px;
    padding: 0;
    font-weight: bold;
    text-align: center;
    line-height: 2.3;
    height: 2.3em;
    width: 2.3em;
    border: none;
    display: inline-block;
    color: #fff;
    background-color: #cfcfcf;
    margin: 5px;
}
#full-wrapper .wp-pagenavi.paging-area > span,
#full-wrapper .wp-pagenavi.paging-area a {
    margin-left: 0;
    margin-right: 0;
}

.wp-pagenavi:not(#for_not) .current {
    background-color: #45ac56;
}

.wp-pagenavi:not(#for_not) .previouspostslink,
.wp-pagenavi:not(#for_not) .nextpostslink {
    color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
}

.wp-pagenavi:not(#for_not) .previouspostslink {
    background-image: url(../img/common/arrow-left-white.svg);
}

.wp-pagenavi:not(#for_not) .nextpostslink {
    background-image: url(../img/common/arrow-right-white.svg);
}

.h1 {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
    padding-bottom: 0.3em;
    border-bottom: 2px solid #45ac56;
    margin-bottom: .8em;
}

@media screen and (max-width: 640px) {
    .h1 {
        font-size: 18px;
        padding: 0 3% .6em;
    }
}

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

    .input_contents,
    #input_contents {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
    }
}

.input_contents .kekka_box,
.input_contents .kekka_box_simple,
#input_contents .kekka_box,
#input_contents .kekka_box_simple {
    margin: 10px 0;
    width: 100%;
}
#full-wrapper .kekka_box.no_title {
  padding-top: 20px;
}

.input_contents h2,
#input_contents h2 {
    font-weight: bold;
    padding: .4em .6em;
    margin-bottom: 1em;
    font-size: 17px;
    background-color: #e8fcda;
    color: #45ac56;
}

.input_contents h2.red,
#input_contents h2.red {
    background-color: #fce9e9;
}

.input_contents h2.gray,
#input_contents h2.gray {
    background-color: #eee;
}

.input_contents h2.gold,
#input_contents h2.gold {
    background-color: #fff8e2;
}

.input_contents h2:not(:first-child),
#input_contents h2:not(:first-child) {
    margin-top: 2.5em;
}

.input_contents p:first-child + h2,
#input_contents p:first-child + h2,
.input_contents img:first-child + h2,
#input_contents img:first-child + h2 {
    margin-top: 15px;
}

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

    .input_contents h2,
    #input_contents h2 {
        padding: .6em;
        margin-left: -3.1%;
        width: 106.2%;
    }
  #full-wrapper .kekka_box.no_title {
    padding-top: 15px;
  }
}

.input_contents h2.type02,
.input_contents h2.type01,
#input_contents h2.type02,
#input_contents h2.type01 {
    font-size: 20px;
    border-width: 2px;
    border-style: solid;
    padding: .6em 1em;
}

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

    .input_contents h2.type02,
    .input_contents h2.type01,
    #input_contents h2.type02,
    #input_contents h2.type01 {
        font-size: 18px;
        border-left: none;
        border-right: none;
        padding: .7em .6em;
    }
}

.input_contents h2.type02 small,
.input_contents h2.type01 small,
#input_contents h2.type02 small,
#input_contents h2.type01 small {
    font-size: 0.9em;
    display: inline-block;
}

.input_contents h2.type02,
#input_contents h2.type02 {
    border: 2px solid;
    border-left: none;
    border-right: none;
}

@media (min-width: 641px) {
    .input_contents p + p:not(.official-site):not(.dsc),
    #input_contents p + p:not(.official-site):not(.dsc) {
        margin-top: 1.6em;
    }
}

@media screen and (max-width: 640px) {
    .input_contents p + p:not(.official-site):not(.dsc),
    #input_contents p + p:not(.official-site):not(.dsc) {
        margin-top: 1em;
    }
}

.input_contents table,
#input_contents table {
    width: 100%;
    table-layout: fixed;
    margin: 10px 0;
    font-size: 13px;
}

.input_contents table,
.input_contents table th,
.input_contents table td,
#input_contents table,
#input_contents table th,
#input_contents table td {
    border: 1px solid #ccc;
}

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

    .input_contents table,
    .input_contents table th,
    .input_contents table td,
    #input_contents table,
    #input_contents table th,
    #input_contents table td {
        vertical-align: top;
    }
}

.input_contents table th,
#input_contents table th {
    background-color: #f7f7f7;
    padding: 5px;
    font-weight: normal;
}

.input_contents table td,
#input_contents table td {
    padding: 5px;
}

.input_contents a,
.input_contents .ul,
#input_contents a,
#input_contents .ul {
    text-decoration: underline;
}

.input_contents .bold,
#input_contents .bold {
    font-weight: bold;
}

.input_contents .red,
#input_contents .red {
    color: #ea2a29;
}

.input_contents .gold,
#input_contents .gold {
    color: #f7a301;
    border-color: #fdddaa;
}

.input_contents .green,
#input_contents .green {
    color: #45ac56;
}

.input_contents .black,
#input_contents .black {
    color: #000;
}

.input_contents a,
.input_contents .blue,
#input_contents a,
#input_contents .blue {
    color: #2686d0;
}

.input_contents ul:not(.atm-lsts):not(.point-lists):not(.ul1):not(.ul2):not(.tags):not(.list-ul),
#input_contents ul:not(.atm-lsts):not(.point-lists):not(.ul1):not(.ul2):not(.tags):not(.list-ul) {
    background-color: #f8f6da;
    padding: .4em .5em;
    margin: 10px 0;
}

.input_contents ul:not(.atm-lsts):not(.point-lists):not(.ul1):not(.ul2):not(.tags):not(.list-ul).white,
#input_contents ul:not(.atm-lsts):not(.point-lists):not(.ul1):not(.ul2):not(.tags):not(.list-ul).white {
    background-color: transparent;
}

.input_contents ul:not(.atm-lsts):not(.point-lists):not(.ul1):not(.ul2):not(.tags):not(.list-ul) li,
#input_contents ul:not(.atm-lsts):not(.point-lists):not(.ul1):not(.ul2):not(.tags):not(.list-ul) li {
    padding-left: 1em;
    position: relative;
}

.input_contents ul:not(.atm-lsts):not(.point-lists):not(.ul1):not(.ul2):not(.tags):not(.list-ul) li:before,
#input_contents ul:not(.atm-lsts):not(.point-lists):not(.ul1):not(.ul2):not(.tags):not(.list-ul) li:before {
    content: '・';
    position: absolute;
    left: 0;
    top: 0;
}

.input_contents .a-center,
#input_contents .a-center {
    text-align: center;
}

.input_contents .a-right,
#input_contents .a-right {
    text-align: right;
}

.input_contents .a-left,
#input_contents .a-left {
    text-align: left;
}

.input_contents .bg-red,
#input_contents .bg-red {
    background-color: #fce9e9;
}

.input_contents .bg-green,
#input_contents .bg-green {
    background-color: #e8fcda;
}

.input_contents .bg-blue,
#input_contents .bg-blue {
    background-color: #e3faff;
}

.input_contents .bg-orange,
#input_contents .bg-orange {
    background-color: #ffeddc;
}

.input_contents .bg-yellow,
#input_contents .bg-yellow {
    background-color: #fffbc6;
}

.input_contents .bg-purple,
#input_contents .bg-purple {
    background-color: #f5e5ff;
}

.input_contents .bg-gold,
#input_contents .bg-gold {
    background-color: #fff1cf;
}

.input_contents .bg-silver,
#input_contents .bg-silver {
    background-color: #f2f2f2;
}

.input_contents .bg-bronze,
#input_contents .bg-bronze {
    background-color: #fae8de;
}

.input_contents .bg-red,
.input_contents .bg-green,
.input_contents .bg-blue,
.input_contents .bg-orange,
.input_contents .bg-yellow,
.input_contents .bg-purple,
.input_contents .bg-gold,
.input_contents .bg-silver,
.input_contents .bg-bronze,
#input_contents .bg-red,
#input_contents .bg-green,
#input_contents .bg-blue,
#input_contents .bg-orange,
#input_contents .bg-yellow,
#input_contents .bg-purple,
#input_contents .bg-gold,
#input_contents .bg-silver,
#input_contents .bg-bronze {
    color: #000;
}

.input_contents .vam th,
.input_contents .vam td,
#input_contents .vam th,
#input_contents .vam td {
    vertical-align: middle;
}

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

    .input_contents .packing,
    #input_contents .packing {
        table-layout: auto;
    }

    .input_contents .packing th,
    .input_contents .packing td,
    #input_contents .packing th,
    #input_contents .packing td {
        font-size: .8em;
        padding: .5em .2em;
    }
}

@media (min-width: 641px) {

    .input_contents .kekka_box_simple,
    #input_contents .kekka_box_simple {
        border: 1px solid #ccc;
        padding: 9px;
    }
}

@media (min-width: 641px) {

    .input_contents .kekka_box_simple .left,
    #input_contents .kekka_box_simple .left {
        float: left;
        width: 190px;
    }
}

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

    .input_contents .kekka_box_simple .left,
    #input_contents .kekka_box_simple .left {
        padding: 3% 0;
        border: 1px solid #ccc;
        border-bottom: none;
        text-align: center;
    }
}

@media (min-width: 641px) {

    .input_contents .kekka_box_simple.mod-simple2 .left,
    #input_contents .kekka_box_simple.mod-simple2 .left {
        width: 150px;
    }

    .input_contents .kekka_box_simple.mod-simple2 .right,
    #input_contents .kekka_box_simple.mod-simple2 .right {
        width: 520px;
    }
}

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

    .input_contents .kekka_box_simple.mod-simple2 .left,
    #input_contents .kekka_box_simple.mod-simple2 .left {
        padding-bottom: 3%;
    }
}

.input_contents .kekka_box_simple .right,
#input_contents .kekka_box_simple .right {
    overflow: hidden;
}

@media (min-width: 641px) {

    .input_contents .kekka_box_simple .right,
    #input_contents .kekka_box_simple .right {
        width: 479px;
        float: right;
    }
}

.input_contents .kekka_box_simple .simple_p,
#input_contents .kekka_box_simple .simple_p {
    color: #2686d0;
    text-decoration: underline;
}

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

    .input_contents .kekka_box_simple .simple_p,
    #input_contents .kekka_box_simple .simple_p {
        text-align: center;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 0 0 2%;
    }
}

.input_contents .kekka_box_simple .simple_table,
#input_contents .kekka_box_simple .simple_table {
    margin: 5px 0;
}

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

    .input_contents .kekka_box_simple .simple_table,
    #input_contents .kekka_box_simple .simple_table {
        margin-top: 0;
    }
}

.input_contents .kekka_box_simple .simple_table .decim,
#input_contents .kekka_box_simple .simple_table .decim {
    color: #e82d2d;
    font-weight: bold;
}

.input_contents .kekka_box_simple th,
.input_contents .kekka_box_simple td,
#input_contents .kekka_box_simple th,
#input_contents .kekka_box_simple td {
    padding: 4px 8px;
}
@media screen and (min-width: 641px) {
    #input_contents .kekka_box_simple td.padding-right {
        padding-right: 55px;
    }
}

.input_contents .kekka_box_simple th,
#input_contents .kekka_box_simple th {
    width: 12em;
}

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

    .input_contents .kekka_box_simple th,
    #input_contents .kekka_box_simple th {
        width: 8.6em;
    }
}

.input_contents .kekka_box_simple td.bgy,
#input_contents .kekka_box_simple td.bgy {
    background-color: #f8f6da;
}

.input_contents .simple-point-lists:not(#not),
#input_contents .simple-point-lists:not(#not) {
    text-align: left;
    background-color: transparent;
}

.input_contents .simple-point-lists:not(#not) li,
#input_contents .simple-point-lists:not(#not) li {
    padding-left: 1.4em;
    position: relative;
}

.input_contents .simple-point-lists:not(#not) li + li,
#input_contents .simple-point-lists:not(#not) li + li {
    margin-top: .4em;
}

.input_contents .simple-point-lists:not(#not) li:before,
#input_contents .simple-point-lists:not(#not) li:before {
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url(../img/index/check.png);
    background-repeat: no-repeat;
    background-position: 50%;
    content: '';
    position: absolute;
    top: 0.2em;
    left: 0;
}

.input_contents .icon01,
.input_contents .check_point,
#input_contents .icon01,
#input_contents .check_point {
    position: relative;
    display: inline-block;
    padding-left: 1.1em;
}

.input_contents .icon01:before,
.input_contents .check_point:before,
#input_contents .icon01:before,
#input_contents .check_point:before {
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url(../img/index/check.png);
    background-repeat: no-repeat;
    background-position: 50%;
    content: '';
    position: absolute;
    top: 0.2em;
    left: 0;
}

.input_contents .icon01,
#input_contents .icon01 {
    padding-left: 1.5em;
}

.input_contents .icon01:before,
#input_contents .icon01:before {
    width: 1.3em;
    height: 1.3em;
    background-size: contain;
    background-image: url(../img/common/icon01.svg);
}

.input_contents .w100,
#input_contents .w100 {
    width: 100%;
    height: auto;
}

.header_footer_template .btns {
    display: none !important;
}

.template_free_zone {
    margin: 1em 0;
}

.bottom_search {
    margin-top: 30px;
}

.point_ichiran_detail {
    margin-top: 1em;
    font-size: 0.8em;
    text-align: right;
}

.point_ichiran_detail a {
    color: #2686d0;
    text-decoration: underline;
}

.bottom_osusume_btn_zone {
    text-align: center;
    margin-top: 1.5em;
}

.bottom_osusume_btn_zone .bottom_osusume_btn {
    display: block;
    background-size: auto, contain;
    background-repeat: no-repeat, repeat;
    background-position: 96%, 50%;
    border-radius: 100px;
    width: 500px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    background-image: url(../img/common/double_arrow.svg), url(../img/common/bottom_osusume_btn_bg.jpg);
    box-shadow: 0 2px 0 #bfbfbf;
    line-height: 1;
}

.bottom_osusume_btn_zone .bottom_osusume_btn img {
    vertical-align: bottom;
}

@media screen and (max-width: 640px) {
    .bottom_osusume_btn_zone {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
    }

    .bottom_osusume_btn_zone .bottom_osusume_btn {
        padding-left: 2em;
        padding-right: 3em;
    }
}

/*** 離脱防止バナー ***/
#stop-escape-wrap {
    display: none;
}

.stop-escape #stop-escape-wrap {
    position: fixed;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
}

.stop-escape #stop-escape-wrap .bg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

.stop-escape #stop-escape-wrap .inner {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    height: 525px;
    width: 480px;
    background: #2a9047;
}

.stop-escape #stop-escape-wrap .head-box {
    background: #2ba551;
    margin: 15px 15px;
    padding: 5px 10px;
    text-align: center;
}

.stop-escape #stop-escape-wrap .head-box .title {
    color: #2a9047;
    font-size: 36px;
    text-shadow: #fff 2px 0px 0px, #fff -2px 0px 0px,
        #fff 0px -2px 0px, #fff 0px 2px 0px,
        #fff 2px 2px 0px, #fff -2px 2px 0px,
        #fff 2px -2px 0px, #fff -2px -2px 0px,
        #fff 1px 2px 0px, #fff -1px 2px 0px,
        #fff 1px -2px 0px, #fff -1px -2px 0px,
        #fff 2px 1px 0px, #fff -2px 1px 0px,
        #fff 2px -1px 0px, #fff -2px -1px 0px,
        #fff 1px 1px 0px, #fff -1px 1px 0px,
        #fff 1px -1px 0px, #fff -1px -1px 0px;
}

.stop-escape #stop-escape-wrap .head-box .rest-time-area {
    color: #fff;
    font-size: 18px;
}

.stop-escape #stop-escape-wrap .head-box .rest-time-area .second-row {
    font-size: 20px;
}

.stop-escape #stop-escape-wrap .head-box .rest-time-area b {
    color: #f0ff4d;
    font-size: 24px;
}

.stop-escape #stop-escape-wrap .head-box .rest-time-area .pattern {
    display: none;
}

.stop-escape #stop-escape-wrap .head-box .rest-time-area.show-pattern1 .pattern1,
.stop-escape #stop-escape-wrap .head-box .rest-time-area.show-pattern2 .pattern2 {
    display: block;
    font-weight: bold;
}

.stop-escape #stop-escape-wrap .body-box {
    background: #fff;
    border-radius: 5px;
    display: table;
    margin: 15px;
    text-align: left;
    width: calc(100% - 30px);
}

.stop-escape #stop-escape-wrap .body-box a {
    display: block;
    padding: 20px 20px;
}

.stop-escape #stop-escape-wrap .body-box .image {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    width: 120px;
}

.stop-escape #stop-escape-wrap .body-box .image img {
    width: 120px;
}

.stop-escape #stop-escape-wrap .body-box .text {
    display: table-cell;
    padding: 0 0 0 20px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
}

.stop-escape #stop-escape-wrap .body-box .text .text-head {
    font-size: 18px;
}

.stop-escape #stop-escape-wrap .body-box .text .name {
    background: url(../img/stop_escape/arrow_double_red.png) no-repeat right center;
    background-size: 20px;
    display: table-cell;
    height: 2.4em;
    line-height: 1.2;
    vertical-align: middle;
    font-size: 24px;
    padding: 0 30px 0 0;
    position: relative;
}

.stop-escape #stop-escape-wrap .body-box .text .star-area {
    margin: 0 0 5px;
    position: relative;
}

.stop-escape #stop-escape-wrap .body-box .text .star-area .star {
    display: inline-block;
    width: 150px;
}

.stop-escape #stop-escape-wrap .body-box .text .star-area .star img {
    width: 24px;
}

.stop-escape #stop-escape-wrap .body-box .text .star-area .star img + img {
    margin-left: 2px;
}

.stop-escape #stop-escape-wrap .body-box .text .star-area .point {
    font-size: 20px;
    display: inline-block;
    line-height: 1;
    vertical-align: top;
}

.stop-escape #stop-escape-wrap .body-box .text .feature {
    background: linear-gradient(transparent 50%, #f0ff4d 50%);
    color: #ff0101;
    display: inline-block;
    font-size: 16px;
    position: relative;
}

.stop-escape #stop-escape-wrap .sub-box {
    background: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    margin: 15px;
    padding: 10px 20px;
}

.stop-escape #stop-escape-wrap .close {
    border-radius: 5px;
    background: #6bb354;
    color: #fff;
    cursor: pointer;
    font-size: 23px;
    font-weight: bold;
    margin: 15px auto;
    height: 56px;
    line-height: 56px;
    text-align: center;
    width: 200px;
}

.stop-escape #stop-escape-timer div {
    display: inline;
}

.stop-escape #stop-escape-timer .yyc-day,
.stop-escape #stop-escape-timer .yyc-day-text {
    display: none;
}

.stop-escape #stop-escape-timer .yyc-hou,
.stop-escape #stop-escape-timer .yyc-min,
.stop-escape #stop-escape-timer .yyc-sec {
    color: #f0ff4d;
    font-size: 24px;
}

@media screen and (min-width: 641px) {
    .stop-escape #stop-escape-wrap .close:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 640px) {
    .stop-escape #stop-escape-wrap .inner {
        height: 330px;
        width: 94%;
    }

    .stop-escape #stop-escape-wrap .head-box {
        background: none;
        margin: 0;
        padding: 10px;
    }

    .stop-escape #stop-escape-wrap .head-box .title {
        font-size: 25px;
    }

    .stop-escape #stop-escape-wrap .head-box .rest-time-area {
        font-size: 13px;
    }

    .stop-escape #stop-escape-wrap .head-box .rest-time-area b {
        font-size: 16px;
    }

    .stop-escape #stop-escape-timer .yyc-hou,
    .stop-escape #stop-escape-timer .yyc-min,
    .stop-escape #stop-escape-timer .yyc-sec {
        font-size: 16px;
    }

    .stop-escape #stop-escape-wrap .head-box .rest-time-area .second-row {
        font-size: 16px;
    }

    .stop-escape #stop-escape-wrap .body-box {
        border-radius: 0;
        margin: 0;
        width: 100%;
    }

    .stop-escape #stop-escape-wrap .body-box a {
        padding: 15px 15px;
    }

    .stop-escape #stop-escape-wrap .body-box .image {
        width: 90px;
    }

    .stop-escape #stop-escape-wrap .body-box .image img {
        width: 90px;
    }

    .stop-escape #stop-escape-wrap .body-box .text {
        padding: 0 0 0 10px;
    }

    .stop-escape #stop-escape-wrap .body-box .text .text-head {
        font-size: 13px;
    }

    .stop-escape #stop-escape-wrap .body-box .text .name {
        background-size: 16px;
        font-size: 18px;
        padding: 0 20px 0 0;
    }

    .stop-escape #stop-escape-wrap .body-box .text .star-area {
        margin: 0;
        height: 20px;
    }

    .stop-escape #stop-escape-wrap .body-box .text .star-area .star {
        width: 120px;
    }

    .stop-escape #stop-escape-wrap .body-box .text .star-area .star img {
        width: 18px;
    }

    .stop-escape #stop-escape-wrap .body-box .text .star-area .star img + img {
        margin-left: 0px;
    }

    .stop-escape #stop-escape-wrap .body-box .text .star-area .point {
        font-size: 18px;
    }

    .stop-escape #stop-escape-wrap .body-box .text .feature {
        font-size: 13px;
    }

    .stop-escape #stop-escape-wrap .sub-box {
        border-radius: 0;
        font-size: 12px;
        font-weight: normal;
        margin: 15px;
        padding: 15px;
    }

    .stop-escape #stop-escape-wrap .close {
        margin: 20px auto;
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        width: 150px;
    }


}

@media screen and (max-width: 374px) {
    .stop-escape #stop-escape-wrap .body-box .image {
        width: 60px;
    }
}

/*** シミュレーション ***/





.simulation-main {
    width: 700px;
    text-align: center;
    position: relative;
    margin-top: -25px;

}
.home .simulation-main {
  margin-top: 25px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: rgb(69, 172, 86);
}

.chack_img {
    margin-top: 20px;
    margin-bottom: 8px;
}

/*簡単利息チェック*/
.midasi_txt {

    position: relative;
    top: 50px;
}

.midasi1 {
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding: 0 34px;
}

.midasi1 br {
    display: none;
}

.midasi3 br {
    display: none;
}



.midasi1 ::before {
    content: '＼';
    color: #000;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    left: 0
}

.midasi1 ::after {
    content: '／';
    color: #000;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    right: 0;
}

.midasi2 {

    color: #F00;
    font-size: 18px;
    font-weight: bold;
}

.midasi3 {
    width: 470px;
    text-align: center;
    color: #000;
    font-size: 10px;
    margin: auto;


}

.color {
    color: #f00;
}

/*試算吹き出し*/

.fukidasi {

    position: relative;
    bottom: 90px;
    left: 108px;
    display: block;
}

.balloon-shadow {
    width: 470px;
    height: 54px;
    position: absolute;
    padding: 20px;
    background-color: #ff9027;
    box-shadow: 0px 2px 0px 0px #ffc046;
    margin-bottom: 2em;
    text-align: center;
    margin: auto;
    padding: auto;
}

.balloon-shadow::after {
    content: '';
    position: absolute;
    display: block;
    bottom: -15px;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 30px solid #ff9027;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

.balloon-shadow::before {
    content: '';
    position: absolute;
    display: block;
    bottom: -15px;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 33px solid #ffc046;
    border-right: 23px solid transparent;
    border-left: 23px solid transparent;
    margin-bottom: 100px;
}

.balloon-txt {
    position: absolute;
    top: 10px;
    left: 72px;
    right: 72px;
    margin: auto;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
}

/*シミュレーション*/

.simulation-box {
    width: 700px;
    background-image: url(../img/common/simulation_back.png);
    background-repeat: no-repeat;
    height: 200px;
    position: relative;
    margin-top: 150px;

}

/*選択ボックス*/
.selectItem1 {
    position: relative;
    margin-left: 22px;
    top: 25px;
    float: left;
    width: 120px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}

.select_boxs .selectItem1 p {
    margin-bottom: 5px;

}

.rent_box,
.rate_box,
.days_box {
    background-image: url(../img/common/select_arrow.png);
    background-repeat: no-repeat;
    border: 1px solid #888;
    color: #0C2245;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding: 0 10px;
    vertical-align: middle;
    width: 120px;
    background-color: #fff;
}

.simu_btn {
    width: 300px;
    height: 45px;
    max-width: 100%;
    display: block;
    padding: 0.5em 1em;
    border-radius: 90px;
    color: #ffffff;
    background-image: linear-gradient(#ffc000 0%, #ff6d00 100%);
    box-shadow: 0 5px 0 #ff5400;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 100px;
    left: 80px
}

/*結果*/
.repay-price-box {
    font-size: 30px;
    color: #ff0000;
    font-weight: bold;
    width: 200px;
}

.simulation-kekka_box {
    width: 200px;
    float: left;
    position: absolute;
    top: 65px;
    left: 500px;
}


option {
    padding-left: 3px;
}






/*** sp ***/















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

    .simulation-main {
        width: 100%;
        padding: 0 22.5px;
        margin-top: 30px;
    }
    #input_contents .simulation-main {
        padding: 0 10px;
    }

    /*簡単利息チェック*/
    .midasi_txt {
        position: relative;
        top: 0;
    }

    .midasi1 {
        position: absolute;
        font-size: 15px;
        font-weight: bold;
        position: relative;
        display: inline-block;
        padding: 0;
        top: 5px;
    }


    .midasi1 br {
        display: block;
    }

    .midasi3 br {
        display: block;
    }

    .midasi1 ::before {
        content: '＼';
        color: #000;
        font-size: 10px;
        font-weight: bold;
        position: absolute;
        left: -20px;
        bottom: 5px;
    }

    .midasi1 ::after {
        content: '／';
        color: #000;
        font-size: 10px;
        font-weight: bold;
        position: absolute;
        right: -20px;
        bottom: 5px;
    }

    .midasi2 {

        color: #F00;
        font-size: 18px;
        font-weight: bold;
    }

    .midasi3 {
        width: 90%;
        font-size: 11px;
        text-align: center;
        margin-top: 5px;

    }

    .color {
        font-size: 15px;
        color: #f00;
    }

    /*試算吹き出し*/

    .fukidasi {
        width: 100%;
        text-align: center;
        position: relative;
        top: 0;
        bottom: 0px;
        left: 0px;

    }

    .balloon-shadow {
        position: relative;
        width: 100%;
        height: auto;
        padding: 6px 0;
    }

    .balloon-shadow::after {
        content: '';
        position: absolute;
        display: block;
        bottom: -15px;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-top: 10px solid #ff9027;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        z-index: 3;
    }

    .balloon-shadow::before {
        content: '';
        position: absolute;
        display: block;
        bottom: -15px;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-top: 12px solid #ffc046;
        border-right: 14px solid transparent;
        border-left: 14px solid transparent;
        z-index: 2;
    }

    .balloon-txt {
        position: static;
        font-size: 14px;
    }

    /*シミュレーション*/


    .simulation-box {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        margin: auto;
        background-image: none;
        background-repeat: no-repeat;
        margin-top: 10px;
    }

    /*選択ボックス*/
    .select_boxs {
        position: relative;
        float: none;
        margin-top: 0;
    }

    .selectItem1 {
        width: 100%;
        height: auto;
        float: none;
        display: table;
        margin: 0;
        top: 0;
    }

    .selectItem1 .select-ttl {
        display: table-cell;
        width: 45%;
        text-align: right;
        font-size: 14px;
        padding-right: 10px;
        padding-bottom: 15px;
    }

    .selectItem1 .select-wrap {
        display: table-cell;
        width: 55%;
        margin: 0;
        padding-right: 15px;
    }

    .rent_box,
    .rate_box,
    .days_box {
        font-weight: bold;
        width: 100%;
        background-position: right;
    }


    /*** シミュレーション ***/

    .simulation-main {
        width: 100%;
        padding: 0 22.5px;
        margin-top: 20px;
    }

    /*簡単利息チェック*/
    .midasi_txt {
        position: relative;
        top: 0;
    }

    .midasi1 {
        position: absolute;
        font-size: 15px;
        font-weight: bold;
        position: relative;
        display: inline-block;
        padding: 0;

    }

    .midasi1 ::before {
        content: '＼';
        color: #000;
        font-size: 10px;
        font-weight: bold;
        position: absolute;
        left: -20px;
        bottom: 5px;
    }

    .midasi1 ::after {
        content: '／';
        color: #000;
        font-size: 10px;
        font-weight: bold;
        position: absolute;
        right: -20px;
        bottom: 5px;
    }

    .midasi2 {

        color: #F00;
        font-size: 18px;
        font-weight: bold;
    }

    .midasi3 {
        width: 90%;
        font-size: 11px;
        text-align: center;
        margin-top: 5px;

    }

    .color {
        font-size: 15px;
        color: #f00;
    }

    /*試算吹き出し*/

    .fukidasi {
        width: 100%;
        text-align: center;
        position: relative;
        top: 0;
        bottom: 0px;
        left: 0px;

    }

    .balloon-shadow {
        position: relative;
        width: 100%;
        height: auto;
        padding: 6px 0;
    }

    .balloon-shadow::after {
        content: '';
        position: absolute;
        display: block;
        bottom: -15px;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-top: 10px solid #ff9027;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        z-index: 3;
    }

    .balloon-shadow::before {
        content: '';
        position: absolute;
        display: block;
        bottom: -15px;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-top: 12px solid #ffc046;
        border-right: 14px solid transparent;
        border-left: 14px solid transparent;
        z-index: 2;
    }

    .balloon-txt {
        position: static;
        font-size: 14px;
    }

    /*シミュレーション*/


    .simulation-box {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        margin: auto;
        background-image: none;
        background-repeat: no-repeat;
        margin-top: 10px;
    }

    /*選択ボックス*/
    .select_boxs {
        position: relative;
        float: none;
        margin-top: 0;
    }

    .selectItem1 {
        width: 100%;
        height: auto;
        float: none;
        display: table;
        margin: 0;
        top: 0;
    }

    .selectItem1 .select-ttl {
        display: table-cell;
        width: 45%;
        text-align: right;
        font-size: 14px;
        padding-right: 10px;
        padding-bottom: 15px;
    }

    .selectItem1 .select-wrap {
        display: table-cell;
        width: 55%;
        margin: 0;
        padding-right: 15px;
    }

    .rent_box,
    .rate_box,
    .days_box {
        font-weight: bold;
        width: 100%;
        background-position: right;
    }



    .simu_btn {
        width: 220px;
        height: auto;
        max-width: 100%;
        padding: 10px 0;
        border-radius: 8px;
        color: #ffffff;
        background-image: linear-gradient(#ffc000 0%, #ff6d00 100%);
        box-shadow: 0 3px 0 #ff5400;
        font-weight: bold;
        text-align: center;
        position: static;
        margin: 0 auto;
        font-size: 15px;
        letter-spacing: 0.1em;
        margin-top: 15px;
        line-height: 1;
    }

    .sel-box-wrap {
        border: solid 1px #45ac56;
    }

    .sel-box-wrap .input-area {
        background-color: #73c080;
        padding-top: 20px;
        padding-bottom: 5px;
        position: relative;

    }


    .sel-box-wrap .input-area::after {
        content: '';
        position: absolute;
        display: block;
        bottom: -15px;
        top: 100%;
        left: 0;
        background-image: url(../img/sp/simulation_back_arrow.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 40px;
        background-size: 100% 40px;
    }


    /*結果*/
    .repay-price-box {
        font-size: 26px;
        color: #ff0000;
        font-weight: bold;
        width: 100%;
        line-height: 1;
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .simulation-kekka_box {
        width: 100%;
        float: none;
        position: static;
    }

    .sp {
        display: block;
    }


}

/*------------------------------------------------------------------------------
qa-block
------------------------------------------------------------------------------*/
  .pc {
    display: block !important;
  }

  .pc-ib {
    display: inline-block !important;
  }

  .sp {
    display: none !important;
  }

  .sp-ib {
    display: none !important;
  }

@media screen and (max-width: 640px) {
  .pc {
    display: none !important;
  }
  .pc-ib {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
  .sp-ib {
    display: inline-block !important;
  }
}

.qa-contents-block .qa-block .qa-ttl,
#input_contents .qa-contents-block .qa-block .qa-ttl {
  background: #45ac56;
  border-radius: 7px 7px 0px 0px;
    box-shadow: #017135 2px solid;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  margin: 0;
  padding: 20px;
}

.qa-contents-block .qa-block .faq-block,
#input_contents .qa-contents-block .qa-block .faq-block {
  color: #ffffff;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.qa-contents-block .qa-block .faq-block .question-box,
#input_contents .qa-contents-block .qa-block .faq-block .question-box {
  background: #ecf6ee;
  border-bottom:  solid 1px #cbcaca;
  border-right: solid 1px #cbcaca;
  border-left: solid 1px #cbcaca;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 16px;
  padding: 10px 30px;
  position: relative;
  text-decoration: none;
}
#input_contents .qa-contents-block .qa-block .qa-ttl + .faq-block .question-box {
  border-top:  solid 1px #cbcaca;
}
.qa-contents-block .qa-block .faq-block .tab-ttl,
#input_contents .qa-contents-block .qa-block .faq-block .tab-ttl {
  color: #084e84;
  font-size: 20px;
  font-weight: bold;
  padding-right: 5px;
}
.qa-contents-block .qa-block .faq-block .answer-box,
#input_contents .qa-contents-block .qa-block .faq-block .answer-box {
  background: #fff;
  border-bottom:  solid 1px #cbcaca;
  border-right: solid 1px #cbcaca;
  border-left: solid 1px #cbcaca;
  color: #333333;
  display: none;
  padding: 30px;
}
.qa-contents-block .qa-block .faq-block .answer-box .txt-area,
#input_contents .qa-contents-block .qa-block .faq-block .answer-box .txt-area {
  position: relative;
  padding-top: 8px;
  padding-left: 30px;
}
.qa-contents-block .qa-block .faq-block .answer-box .txt-area::before,
#input_contents .qa-contents-block .qa-block .faq-block .answer-box .txt-area::before {
  color: #ed0000;
  content: "A.";
  display: block;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.qa-contents-block .qa-block .faq-block .answer-box p,
#input_contents .qa-contents-block .qa-block .faq-block .answer-box p {
  font-size: 16px;
  line-height: 1.6;
  text-align: justify;
}

.qa-contents-block .qa-block .faq-block .answer-box p:not(:last-child),
#input_contents .qa-contents-block .qa-block .faq-block .answer-box p:not(:last-child) {
  margin-bottom: 15px;
}

/* icon */
.is-open .question-icon {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.is-open .question-icon:after {
  display: none;
}

.qa-contents-block .qa-block .question-icon,
#input_contents .qa-contents-block .qa-block .question-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  margin: auto;
  width: 17px;
  height: 17px;
  -webkit-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}

.qa-contents-block .qa-block .question-icon:before,
.qa-contents-block .qa-block .question-icon:after,
#input_contents .qa-contents-block .qa-block .question-icon:before,
#input_contents .qa-contents-block .qa-block .question-icon:after {
  background-color: #45ac56;
  content: '';
  position: absolute;
}

.qa-contents-block .qa-block .question-icon:before,
#input_contents .qa-contents-block .qa-block .question-icon:before {
  top: 0;
  left: 7px;
  width: 3px;
  height: 100%;
}

.qa-contents-block .qa-block .question-icon:after,
#input_contents .qa-contents-block .qa-block .question-icon:after {
  top: 7px;
  left: 0;
  width: 100%;
  height: 3px;
}

/* text detial */
.qa-contents-block .qa-block .faq-block .qa-bold,
#input_contents .qa-contents-block .qa-block .faq-block .qa-bold {
  font-weight: bold;
}

.qa-contents-block .qa-block .faq-block .qa-red,
#input_contents .qa-contents-block .qa-block .faq-block .qa-red {
  color: #de0000;
}

.qa-contents-block .qa-block .faq-block .qa-marker,
#input_contents .qa-contents-block .qa-block .faq-block .qa-marker {
  background: linear-gradient(transparent 60%, #fdf589 60%);
}

.qa-contents-block .qa-block .faq-block .qa-link,
#input_contents .qa-contents-block .qa-block .faq-block .qa-link {
  color :#2686d0;
  text-decoration: underline;
}

/*** qa-list ***/
.qa-contents-block.qa-list .qa-block .qa-ttl,
#input_contents .qa-contents-block.qa-list .qa-block .qa-ttl {
    border-radius: 0;
    margin: 0 0 20px;
    padding: 13px 20px;
  width: 100%;
}
* + .qa-contents-block.qa-list,
#input_contents * + .qa-contents-block.qa-list,
#input_contents .qa-block + .qa-block {
    margin-top: 40px;
}


.qa-block .txt-area table {
    border: 1px solid #45ac56;
    margin-left: auto !important;
    margin-right: auto !important;
  width: auto !important;
}
.qa-block .txt-area table th {
    background: #ecf6ee;
    border: 1px solid #45ac56 !important;
    font-weight: normal;
    padding: 20px;
    text-align: left;
    width: 230px;
}
.qa-block .txt-area table th strong {
    font-size: 18px;
    font-weight: bold;
    display: block;
}
.qa-block .txt-area table td {
    border: 1px solid #45ac56 !important;
    padding: 20px;
}
.qa-block .txt-area table td img {
    border: 1px solid #333;
    max-width: 250px;
}


@media screen and (max-width: 640px) {
  .sp-ib {
    display: block;
  }

  .qa-contents-block .qa-block,
  #input_contents .qa-contents-block .qa-block {
    margin-top: 20px;
    padding: 0 10px;
  }

  .qa-contents-block .qa-block .qa-ttl,
  #input_contents .qa-contents-block .qa-block .qa-ttl {
    font-size: 14px;
    padding: 10px;
  }

  .qa-contents-block .qa-block .faq-block .answer-box p:not(:last-child),
  #input_contents .qa-contents-block .qa-block .faq-block .answer-box p:not(:last-child) {
    margin-bottom: 10px;
  }

  .qa-contents-block .qa-block .faq-block .tab-ttl,
  .qa-contents-block .qa-block .faq-block .answer-box .txt-area::before,
  #input_contents .qa-contents-block .qa-block .faq-block .tab-ttl,
  #input_contents .qa-contents-block .qa-block .faq-block .answer-box .txt-area::before {
    font-size: 13px;
  }

  .qa-contents-block .qa-block .faq-block .question-box,
  #input_contents .qa-contents-block .qa-block .faq-block .question-box {
    font-size: 12px;
    padding: 10px;
  }

  .qa-contents-block .qa-block .faq-block .question-box p,
  #input_contents .qa-contents-block .qa-block .faq-block .question-box p {
  padding-left:1.2em;
  text-indent:-1.2em;
  }

  .qa-contents-block .qa-block .faq-block .answer-box p,
  #input_contents .qa-contents-block .qa-block .faq-block .answer-box p {
    font-size: 11px;
  }

  .qa-contents-block .qa-block .faq-block .answer-box,
  #input_contents .qa-contents-block .qa-block .faq-block .answer-box {
    padding: 10px 15px 10px 10px;
  }
  .qa-contents-block .qa-block .faq-block .answer-box .txt-area,
  #input_contents .qa-contents-block .qa-block .faq-block .answer-box .txt-area {
    padding-top: 2px;
    padding-left: 20px;
  }

  /* ico */
  .qa-contents-block .qa-block .question-icon,
  #input_contents .qa-contents-block .qa-block .question-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 13px;
    height: 13px;
    -webkit-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
  }

  .qa-contents-block .qa-block .question-icon:before,
  #input_contents .qa-contents-block .qa-block .question-icon:before {
    top: 0;
    left: 5px;
    width: 3px;
    height: 100%;
  }

  .qa-contents-block .qa-block .question-icon:after,
  #input_contents .qa-contents-block .qa-block .question-icon:after {
    top: 5px;
    left: 0;
    width: 100%;
    height: 3px;
  }

  #input_contents .qa-contents-block.qa-list .qa-block .qa-ttl {
    padding: 10px 20px;
    position: relative;
    left: -20px;
    top: 0;
    width: calc(100% + 40px);
  }

    .qa-block .txt-area table th {
        padding: 10px;
        width: 200px;
    }
    .qa-block .txt-area table th strong {
        font-size: 14px;
    }
    .qa-block .txt-area table td {
        padding: 10px;
    }
    .qa-block .txt-area table td img {
        max-width: 150px;
    }

}

/*------------------------------------------------------------------------------
 index_search
------------------------------------------------------------------------------*/
.loupe-ttl {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 10px;
  padding-left: 45px;
  position: relative;
}

.loupe-ttl::before {
  background: url(../img/search/ico_search.svg)no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  height: 34px;
  position: absolute;
  width: 34px;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
}

.search-block section + section {
  margin-top: 50px;
}

@media screen and (max-width: 640px) { /* SP */
  .loupe-ttl {
    font-size: 14px;
  }

  .loupe-ttl::before {
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    left: 0;
  }
}

.search-block.inner-block {
  display: block;
}

.search-block .h2 {
  font-size: 20px;
}

/* タブ切り替え */
@media screen and (min-width: 641px) { /* PCのみ */

  .search-block .service-area .tab.is-active a {
    transition: all 0.2s ease-out;
  }
}

.search-block .service-area .tab_area {
  font-size: 0;
}

.search-block .service-area .tab_area .tab {
  display: table;
  font-size: 14px;
  font-weight: bold;
  list-style:none;
  text-align:center;
  vertical-align: bottom;
  min-height: 47px;
  float: left;
}

.search-block .service-area .tab_area .tab a {
  background: #e5e5e5;
  border-bottom: 3px solid #45ac56;
  cursor:pointer;
  display: table-cell;
  vertical-align: middle;
  width: 134px;

}

.search-block .service-area .panel_area {
  background: #fff;
  padding: 30px;
  border-radius: 0 0 3px 3px;
  border-bottom: 3px solid #45ac56;
  border-left: 3px solid #45ac56;
  border-right: 3px solid #45ac56;
  border-top: 3px solid #45ac56;
  position: relative;
  top: -3px;
  left: 0;
}

.search-block .service-area .tab_panel {
  display:none;
}

.search-block .service-area .tab.is-active a {
  min-height: 47px;
}

.search-block .service-area .tab.is-active a {
  background:#FFF;
  border-radius: 3px 3px 0 0;
  border-top: 3px solid #45ac56;
  border-right: 3px solid #45ac56;
  border-left: 3px solid #45ac56;
  border-bottom: none;
  position: relative;
  z-index: 10;
}

.search-block .service-area .tab_panel.is-show {
  display:block;
}

.search-block .service-area .tab_panel .panel-logo {
  margin-bottom: 15px;
}

.search-block .service-area .panel-li {
  border-bottom: 1px solid #cbcaca;
  text-align: left;
}

.search-block .service-area .panel-li li {
  display: inline-block;
  padding: 13px;
}

.search-block .service-area .panel-li li a {
  color: #3743b3;
  text-decoration: underline;
  text-align: center;
}

.search-block .li-ttl {
  background: #f7f7f7;
  font-weight: bold;
  text-align: center;
  width: 150px;
}

@media screen and (min-width: 641px) {

  .search-block .green-bg {
    background: #ecf6ee;
    border-radius : 20px;
  }

  /* jpn-area */
  .search-block .jpn-area .green-bg {
    padding: 30px 0 120px;
    position: relative;
  }

  .search-block .jpn-area .map {
    background: url(../img/search/map.svg)no-repeat center center;
    background-size: 721px 446px;
    height: 446px;
    margin: 0 auto;
    width: 751px;
  }

  .search-block .jpn-area .box {
    background: #45ac56;
    border-radius: 5px;
    display: inline-block;
    padding-bottom: 5px;
    position: absolute;
    text-align: center;
    width: 92px;
  }

  .search-block .jpn-area .box.box01 {
    top: 40px;
    right: 35px;
  }

  .search-block .jpn-area .box.box02 {
    top: 175px;
    right: 80px;
  }

  .search-block .jpn-area .box.box03 {
    top: 100px;
    right: 365px;
  }

  .search-block .jpn-area .box.box04 {
    bottom: 60px;
    right: 215px;
  }

  .search-block .jpn-area .box.box05 {
    bottom: 45px;
    right: 400px;
  }

  .search-block .jpn-area .box.box06 {
    top: 125px;
    left: 425px;
  }

  .search-block .jpn-area .box.box07 {
    top: 150px;
    left: 315px;
  }

  .search-block .jpn-area .box.box08 {
    bottom: 25px;
    left: 338px;
  }

  .search-block .jpn-area .box.box09 {
    bottom: 195px;
    left: 135px;
  }

  .search-block .jpn-area .box.box10 {
    bottom: 45px;
    left: 110px;
  }

  .search-block .jpn-area .box .ttl {
    color: #fff;
    font-size: 14px;
    padding: 7px 4px;
  }

  .search-block .jpn-area .box .li-area {
    background: #fff;
    border-radius: 5px;
    margin: 0 auto;
    padding: 2px 0;
    width: 82px;
  }

  .search-block .jpn-area .box .li-area a {
    color: #3743b3;
    font-size: 14px;
    text-decoration: underline;
  }

  /* 吹き出し */
  .search-block .jpn-area .box.arrow-top::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: -34px;
    right: 0;
    left: 0;
    margin: auto;
    border-bottom: 34px solid #45ac56;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
  }

  .search-block .jpn-area .box.arrow-right::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: -34px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-left: 34px solid #45ac56;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
  }

  .search-block .jpn-area .box.arrow-bottom::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    bottom: -34px;
    right: 0;
    left: 0;
    margin: auto;
    border-top: 34px solid #45ac56;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
  }

  .search-block .jpn-area .box.arrow-left::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -34px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-right: 34px solid #45ac56;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
  }

  .search-block .jpn-area .box.box04.arrow-left::before {
    margin: 0;
    top: 35px;
  }

  .search-block .jpn-area .box.box09.arrow-right::before {
    margin: 0;
    top: 170px;
  }

  /* service-area */
  .search-block .service-area .green-bg {
    padding: 30px;
  }

}

@media screen and (max-width: 640px) { /* SP */

  .search-block section {
    padding: 0 10px;
  }

  .search-block section + section {
    margin-top: 20px;
  }

  .search-block {
    margin-bottom: 40px;
  }

  .search-block .h2 {
    font-size: 16px;
    line-height: 1;
    padding: 10px 7px;
    text-align: left;
  }

  .search-block .loupe-ttl {
    font-size: 14px;
    padding-left: 30px;
  }

  .search-block .loupe-ttl::before {
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
  }

  .search-block .box.hokkaido-tohoku .ttl-sp {
    border-radius: 10px 10px 0 0;
  }

  .search-block .box.kyushu-okinawa .ttl-sp {
    border-bottom: 1px solid #cdcfcd;
    border-radius: 0 0 10px 10px;
  }

  .search-block .box.kyushu-okinawa.is-open .ttl-sp {
    border-radius: 0 0 0 0;
  }

  .search-block .box .ttl-sp {
    border-top: 1px solid #cdcfcd;
    border-right: 1px solid #cdcfcd;
    border-left: 1px solid #cdcfcd;
    background: #fff;
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    position: relative;
    text-align: center;
  }

  .search-block .box .li-area-sp {
    display: none;
  }

  .search-block .box.kyushu-okinawa .li-area-sp li:first-child {
    border-top: none;
  }

  .box.kyushu-okinawa .li-area-sp li:last-child {
    border-bottom: 1px solid #cdcfcd;
  }

  .search-block .box .li-area-sp li {
    border-top: 1px solid #cdcfcd;
    border-right: 1px solid #cdcfcd;
    border-left: 1px solid #cdcfcd;
    background: #f5f5fb;
    padding: 10px 0 10px 40px;
    position: relative;
  }

  .search-block .box .li-area-sp li::after {
    background: url(../img/common/arrow-right-gray.svg)no-repeat center center;
    background-size: 6px 10px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    width: 6px;
    bottom: 0;
    top: 0;
    right: 15px;
    margin: auto;
  }

  .search-block .box .li-area-sp li a {
    color: #3743b3;
      display: block;
    font-size: 14px;
    text-decoration: underline;
  }

  .search-block .box {
    color: #ffffff;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  /* タブ切り替え */
  .search-block .service-area .tab_area .tab {
    font-size: 10px;
  }

  .search-block .service-area .tab-sp01,
  .search-block .service-area .tab-sp02 {
    margin-top: 10px;
  }
  
  .search-block .service-area .tab-sp01 .tab_area .tab {
    width: 25%;
  }

  .search-block .service-area .tab-sp02 .tab_area .tab {
    width: 33.3333%;
  }

  .search-block .service-area .tab.is-activeA a,
  .search-block .service-area .tab.is-activeB a {
    min-height: 47px;
  }

  .search-block .service-area .tab_panel.is-showA,
  .search-block .service-area .tab_panel.is-showB {
    display:block;
  }

  .search-block .service-area .panel_area {
    background:#ecf6ee;
    padding: 10px;
  }

  .search-block .service-area .tab.is-activeA a,
  .search-block .service-area .tab.is-activeB a {
    background:#ecf6ee;
    border-radius: 3px 3px 0 0;
    border-top: 3px solid #45ac56;
    border-right: 3px solid #45ac56;
    border-left: 3px solid #45ac56;
    border-bottom: none;
  }

  /* アコーディオン */
  .search-block .kyushu-okinawa .ttl-sp.is-open {
    border-radius: 0 0 0 0;
  }

  .search-block .service-area .tab_panel .panel-logo{
    height: auto;
    margin: 0 auto 10px;
    width: 100px;
  }

  .search-block .service-area .panel-li li {
    padding: 10px 40px;
  }

  .search-block .service-area .li-area-sp {
    display: none;
  }

  .search-block .service-area .panel-li {
    background: #f5f5fb;
  }

  .search-block .li-ttl {
    background: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
  }
}

/* icon */
.search-block .question-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  width: 13px;
  height: 13px;
  -webkit-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}

.search-block .question-icon:before,
.search-block .question-icon:after {
  background-color: #45ac56;
  content: '';
  position: absolute;
}

.search-block .question-icon:before {
  top: 0;
  left: 5px;
  width: 3px;
  height: 100%;
}

.search-block .question-icon:after {
  top: 5px;
  left: 0;
  width: 100%;
  height: 3px;
}

/*------------------------------------------------------------------------------
index-area
------------------------------------------------------------------------------*/

.area-block section {
  padding: 0 10px;
}

.area-block section + section {
  margin-top: 50px;
}

.area-block .h2 {
  font-size: 20px;
}

.area-block {
  margin-bottom: 40px;
}

.area-block.inner-block {
  display: block;
}

/* map-area */
.map-area iframe {
  border: none;
  width: 100%;
  height: 400px;
}

.map-area {
  font-size: 0;
}

.map-area .ico-li {
  float: left;
}

.map-area .ico-li li {
  display: inline-block;
  font-size: 14px;
  line-height: 1.28;
  padding: 8px 10px 5px 23px;
  vertical-align: middle;
}

.map-area .ico-li .ico {
  position:relative;
}

.map-area .ico-li .ico::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
}

.map-area .ico.ico-green::before {
  background: url(../img/common/ico-balloon-green.svg)no-repeat center left;
  background-size: 19px 25px;
  height: 25px;
  width: 19px;
}

.map-area .ico.ico-blue::before {
  background: url(../img/common/ico-balloon-blue.svg)no-repeat center left;
  background-size: 19px 25px;
  height: 25px;
  width: 19px;
}

.map-area .ico.ico-Lgreen::before {
  background: url(../img/common/ico-balloon-Lgreen.svg)no-repeat center left;
  background-size: 19px 25px;
  height: 25px;
  width: 19px;
}

.map-area .ico.ico-red::before {
  background: url(../img/common/ico-balloon-red.svg)no-repeat center left;
  background-size: 19px 25px;
  height: 25px;
  width: 19px;
}

.map-area .ico.ico-orange::before {
  background: url(../img/common/ico-balloon-orange.svg)no-repeat center left;
  background-size: 19px 25px;
  height: 25px;
  width: 19px;
}

.map-area .ico.ico-yellow::before {
  background: url(../img/common/ico-balloon-yellow.svg)no-repeat center left;
  background-size: 19px 25px;
  height: 25px;
  width: 19px;
}

.map-area .ico.ico-purple::before {
  background: url(../img/common/ico-balloon-purple.svg)no-repeat center left;
  background-size: 19px 25px;
  height: 25px;
  width: 19px;
}

.map-area .select-box {
  display: table;
  float: right;
  overflow: hidden;
  margin-top: 10px;
  margin-left: 10px;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.map-area .select-box::after {
  background: url(../img/common/ico-triangle.svg)no-repeat center center;
  background-size: 8px 6px;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  width: 8px;
  bottom: 0;
  top: 0;
  right: 0;
  margin: auto;
  z-index: 99;
}

.map-area .select-box p {
  display: table-cell;
  font-size: 14px;
}

.map-area .select-box select {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #bbbbbb;
/*  background: transparent;*/
  background: url(../img/common/ico-triangle.svg)no-repeat center center;
  background-position: right 5px bottom 50%;
  border-radius: 3px;
  box-shadow: none;
  cursor: pointer;
  display: table-cell;
  font-size: 12px;
  margin-left: 10px;
  outline: none;
  padding: 5px 10px 5px 4px;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  width: 170px;
}

/* city-area */
.area-block .city-area .li-area-sp {
  border: 1px solid #cbcaca;
  border-radius: 10px;
  font-size: 0;
  padding: 40px;
}

.area-block .city-area .li-area-sp li {
  display: inline-block;
  width: calc(100%/5);
}

.area-block .city-area .li-area-sp li:nth-child(n+6) {
  margin-top: 40px;
}

.area-block .city-area .li-area-sp a {
  color: #3743b3;
  font-size: 14px;
  text-decoration: underline;
}

/* station-area */

.area-block .station-area .box-area {
  border: 1px solid #cbcaca;
  border-radius: 10px;
  padding: 40px;
}

.area-block .station-area .box-area .li-area-sp2:first-child > .ttl-sp-sta {
  margin: 0;
}

.area-block .station-area li.ttl-sp-sta {
  background: #f3f3f3;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 30px 0 0;
  padding: 10px 0 10px 35px;
  position: relative;
}

.area-block .station-area li.ttl-sp-sta::before {
  background: #54b364;
  background-size: 6px 100%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 6px;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
}

.area-block .station-area .station-li {
  font-size: 0;
  margin-left: 30px;
}

.area-block .station-area .station-li li {
  display: inline-block;
  margin: 30px 0 0;
  width: calc(100%/5);
}

.area-block .station-area a {
  color: #3743b3;
  font-size: 14px;
  text-decoration: underline;
}

@media screen and (max-width: 640px) { /* SP */
  .area-block section + section {
    margin-top: 20px;
  }

  .area-block .loupe-ttl::before {
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    left: 9px;
  }

  .area-block .question-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 13px;
    height: 13px;
    -webkit-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
  }

  .area-block .question-icon:before,
  .area-block .question-icon:after {
    background-color: #45ac56;
    content: '';
    position: absolute;
  }

  .area-block .question-icon:before {
    top: 0;
    left: 5px;
    width: 3px;
    height: 100%;
  }

  .area-block .question-icon:after {
    top: 5px;
    left: 0;
    width: 100%;
    height: 3px;
  }

  .area-block .is-open .question-icon {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }

  .area-block .loupe-ttl {
    margin: 0;
    padding: 10px 8px 10px 40px;
    position: relative;
  }

  .area-block .map-area .loupe-ttl {
    border: none;
  }

  .area-block .h2 {
    font-size: 16px;
    line-height: 1;
    padding: 10px 7px;
    text-align: left;
  }

  /* map-area */
  .map-area {
    margin-bottom: 20px;
  }

  .map-area iframe {
    height: 200px;
    margin-bottom: 10px;
  }

  .map-area .ico-li {
    width: calc(100% - 110px);
  }

  .map-area .ico-li li {
    font-size: 10px;
    padding: 6px 6px 6px 16px;
  }

  .map-area .ico-li .ico::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
  }

  .map-area .ico.ico-green::before,
  .map-area .ico.ico-blue::before,
  .map-area .ico.ico-Lgreen::before,
  .map-area .ico.ico-red::before,
  .map-area .ico.ico-orange::before,
  .map-area .ico.ico-yellow::before,
  .map-area .ico.ico-purple::before {
    background-size: 10px 14px;
    height: 14px;
    width: 10px;
  }

  .map-area .select-box {
    margin: 0;
  }

  .map-area .select-box select {
    font-size: 10px;
    margin-left: 0;
    margin-top: 5px;
    width: 100px;
  }

  .map-area .select-box p {
    display: none;
  }

  /* city-area */
  .area-block .loupe-ttl {
    border: 1px solid #cdcfcd;
    border-radius: 10px;
  }

  .area-block .is-open .loupe-ttl {
    border-radius: 10px 10px 0 0;
    border-bottom: none;
  }

  .area-block .city-area .li-area-sp {
    border-radius: 0 0 10px 10px;
    padding: 0;
    display: none;
  }

  .area-block .city-area .li-area-sp a {
    display: block;
    padding: 10px 0 10px 35px;
  }

  .area-block .city-area .li-area-sp li {
    border-top: 1px solid #cdcfcd;
    display: block;
    position: relative;
    width: 100%;
  }

  .area-block .city-area .li-area-sp li:first-child {
    border-top: none;
  }

  .area-block .city-area .li-area-sp li:nth-child(n+6) {
    margin-top: 0;
  }

  /* station-area */
  .area-block .station-area .li-area-sp2.is-open .plus-icon {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
  }

  .area-block .station-area .li-area-sp2.is-open .plus-icon:after {
    display: none;
  }

  .area-block .station-area .plus-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 13px;
    height: 13px;
    -webkit-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
  }

  .area-block .station-area .plus-icon:before,
  .area-block .station-area .plus-icon:after {
    background-color: #45ac56;
    content: '';
    position: absolute;
  }

  .area-block .station-area .plus-icon:before {
    top: 0;
    left: 5px;
    width: 3px;
    height: 100%;
  }

  .area-block .station-area .plus-icon:after {
    top: 5px;
    left: 0;
    width: 100%;
    height: 3px;
  }

  .area-block .station-area .box-area {
    border: none;
    border-radius: 10px 10px 0 0;
    margin-top: 20px;
    padding: 0;
  }

  .area-block .station-area li.ttl-sp-sta {
    background: #fff;
    border-top: 1px solid #cdcfcd;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
  }
  
  .area-block .station-area .station-box {
    border-right: 1px solid #cdcfcd;
    border-left: 1px solid #cdcfcd;
    display: none;
  }

  .area-block .station-area .station-box .li-area-sp2:last-child {
    border-bottom: 1px solid #cdcfcd;
  }

  .area-block .station-area .li-area-sp {
    padding: 0;
    display: none;
  }

  .area-block .station-area .station-li {
    margin-left: 0;
  }

  .area-block .station-area .station-li li {
    background: #f5f5fb;
    border-top: 1px solid #cdcfcd;
    display: block;
    margin: 0;
    position: relative;
    width: 100%;
  }

  .area-block .station-area a {
    display: block;
    padding: 10px 0 10px 35px;
  }

  .area-block .station-area .station-li li::after,
  .area-block .city-area .li-area-sp li::after {
    background: url(../img/common/arrow-right-gray.svg)no-repeat center center;
    background-size: 6px 10px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    width: 6px;
    bottom: 0;
    top: 0;
    right: 15px;
    margin: auto;
  }

}

/*------------------------------------------------------------------------------
index-list
------------------------------------------------------------------------------*/
.list-block section + section {
  margin-top: 50px;
}

.list-block.inner-block {
  display: block;
}

.list-block .h2 {
  font-size: 20px;
}

/* search-area */

.list-block .search-area {
  background: #ecf6ee;
  border-radius: 10px;
  padding: 30px 75px;
}

.list-block .search-area .loupe-ttl {
  margin: 0 0 10px 0;
}

.list-block .search-area .left-box {
  float: left;
}

.list-block .search-area .right-box {
  float: right;
}

.list-block .search-area form {
  font-size: 0;
  vertical-align: middle;
}

.list-block .search-area #sbox{
  background: #fff;
  border: 1px solid #cbcaca;
  border-radius: 0;
  height: 35px;
  outline: 0;
  padding: 0 10px;
  width: 290px;
  vertical-align: top;
}

.list-block .search-area .explain {
    clear: both;
    color: #666;
    padding: 0 0 20px;
    font-size: 16px;
    position: relative;
    top: -5px;
    left: 0;
}

.service-area.has-margin-top {
    margin-top: 60px;
}

/*検索ボタン*/
.list-block .search-area #sbtn {
  cursor: pointer;
  width: 60px;
  height: 35px;
  background: #45ac56;
  border: none;
  color: #fff;
  font-size: 14px;
}

/* list-area */
.list-block .list-area .list-li li {
  border: 1px solid #cdcfcd;
  border-radius: 10px;
  padding: 30px;
  width: 100%;
}

.list-block .list-area .list-li li + li {
  margin-top: 30px;
}

.list-block .list-area .list-ttl {
  color: #5db76c;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.list-block .list-area table {
  font-size: 0;
  width: 100%;
}

.list-block .list-area th,
.list-block .list-area td {
  padding: 15px;
  font-size: 14px;
}

.list-block .list-area th {
  background: #f7f7f7;
  border-bottom: 1px solid #cdcfcd;
  text-align: left;
  display: block;
}

.list-block .list-area td {
  vertical-align: middle;
  display: table-cell;
}

.list-block .list-area tr {
  border-left: 1px solid #cdcfcd;
  border-top: 1px solid #cdcfcd;
  border-bottom: 1px solid #cdcfcd;
  display: inline-block;
  vertical-align: top;
}

.list-block .list-area tr:nth-child(1) {
  width: 500px;
}

.list-block .list-area tr:nth-child(2) {
  width: 170px;
}

.list-block .list-area tr:nth-child(3) {
  border-right: 1px solid #cdcfcd;
  width: 266px;
}


.list-block .list-area .btn {
  border-radius: 5px;
  background: rgb(107,194,123); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(107,194,123,1) 0%, rgba(69,172,86,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(107,194,123,1) 0%,rgba(69,172,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(107,194,123,1) 0%,rgba(69,172,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc27b', endColorstr='#45ac56',GradientType=0 ); /* IE6-9 */
  -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
  margin: 30px auto 0;
  height: 50px;
  position: relative;
  width: 300px;
  text-align: center;
}

.list-block .list-area .btn::after {
  background: url(../img/common/arrow-double-white.svg)no-repeat center center;
  background-size: 14px 15px;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  width: 14px;
  bottom: 0;
  top: 0;
  right: 13px;
  margin: auto;
}

.list-block .list-area a {
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 50px;
}

@media (min-width: 641px) {
  .list-block .list-area a {
    opacity: 1;
  }
  
  .list-block .list-area .btn,
  .list-block .search-area #sbtn {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .list-block .list-area .btn:hover,
  .list-block .list-area .btn:hover::after,
  .list-block .search-area #sbtn:hover {
    opacity: 0.8;
  }
}

@media screen and (max-width: 640px) { /* SP */
  .list-block .h2 {
    font-size: 16px;
    line-height: 1;
    padding: 10px 7px;
    text-align: left;
  }

  .list-block section + section {
    margin-top: 20px;
  }

  .list-block section {
    padding: 0 10px;
  }

  /* search-area */
  .list-block .search-area {
    margin: 0 10px;
    padding: 20px;
  }
    .list-block .list-area + .search-area {
        margin-top: 40px;
    }

  .list-block .search-area div + div {
    margin-left: 0;
    margin-top: 15px;
  }

  .list-block .search-area .left-box,
  .list-block .search-area .right-box {
    float: none;
  }

  .list-block .search-area #sbox {
    height: 30px;
    padding: 0 10px;
    width: calc(100% - 100px);
  }

  .list-block .search-area #sbtn {
    border-radius: 0;
    width: 100px;
    height: 30px;
    font-size: 12px;
  }

    .list-block .search-area .explain {
        font-size: 12px;
        padding: 0 0 10px;
    }

  /* list-area */
  .list-block .list-area .list-ttl {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .list-block .list-area .list-li li {
    padding: 10px;
  }

  .list-block .list-area .list-li li + li {
    margin-top: 10px;
  }

  .list-block .list-area th,
  .list-block .list-area td {
    padding: 10px;
  }

  .list-block .list-area th {
    background: #f7f7f7;
    border-bottom: 1px solid #cdcfcd;
    font-size: 13px;
  }

  .list-block .list-area td {
    font-size: 12px;
    width: 100%;
  }

  .list-block .list-area tr {
    border-top: 1px solid #cdcfcd;
    border-right: 1px solid #cdcfcd;
    border-left: 1px solid #cdcfcd;
    border-bottom: none;
  }

  .list-block .list-area tr:nth-child(1) {
    width: 100%;
  }

  .list-block .list-area tr:nth-child(2) {
    width: 100%;
  }

  .list-block .list-area tr:nth-child(3) {
    border-bottom: 1px solid #cdcfcd;
    width: 100%;
  }

  .list-block .list-area .btn {
    margin-top: 15px;
    margin-bottom: 5px;
    height: 40px;
    width: 200px;
  }

  .list-block .list-area a {
    font-size: 14px;
    line-height: 40px;
  }

  .list-block .list-area .btn::after {
    background-size: 8px 9px;
    height: 9px;
    width: 8px;
    right: 10px;
  }

}

/*------------------------------------------------------------------------------
index-detail
------------------------------------------------------------------------------*/
.detail-block.inner-block {
  display: block;
}

.detail-block .detail-ttl {
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0;
  padding-left: 16px;
  position: relative;
}

.detail-block .detail-ttl::before {
  background: #45ac56;
  background-size: 2px 28px;
  content: "";
  display: block;
  height: 28px;
  position: absolute;
  width: 2px;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
}

.detail-block .rush-btn {
  background: rgb(229,3,3); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(229,3,3,1) 0%, rgba(218,1,1,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(229,3,3,1) 0%,rgba(218,1,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(229,3,3,1) 0%,rgba(218,1,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50303', endColorstr='#da0101',GradientType=0 ); /* IE6-9 */
  border-radius: 5px;
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
  height: 60px;
  margin: 30px auto 0;
  position: relative;
  text-align: center;
  width: 600px;
}

.detail-block .rush-btn::after {
  background: url(../img/common/arrow-double-white.svg)no-repeat center center;
  background-size: 14px 15px;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  width: 14px;
  bottom: 0;
  top: 0;
  right: 23px;
  margin: auto;
}

.detail-block .rush-btn a {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  display: block;
  line-height: 60px;
}

@media (min-width: 641px) {
  .detail-block .rush-btn,
  .detail-block .list-li .btn,
  .detail-block .rush2 .btn,
  .detail-block .rush-btn a,
  .detail-block .list-li .btn a,
  .detail-block .rush2 .btn a,
  .detail-block .rush-btn::after,
  .detail-block .list-li .btn::after,
  .detail-block .rush2 .btn::after{
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .detail-block .rush-btn:hover,
  .detail-block .list-li .btn:hover,
  .detail-block .rush2 .btn:hover,
  .detail-block .rush-btn:hover::after,
  .detail-block .list-li .btn:hover::after,
  .detail-block .rush2 .btn:hover::after {
    opacity: 0.8;
  }
}

#gmap-store-detail,
#gmap-store-list  {
    height: 400px;
    width: 100%;
}

/* map-area */
.detail-block .rush {
  background: #ecf6ee;
  border-radius: 10px;
  margin-top: 30px;
  padding: 30px;
  text-align: center;
}

.detail-block .rush-ttl .marker {
  background: linear-gradient(transparent 70%, #ffb923 70%);
}

.detail-block .rush .rush-ttl {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
}

.detail-block .rush .rush-ttl::before {
  background: url(../img/details/ico-rush.svg)no-repeat center center;
  background-size: 29px 25px;
  content: "";
  display: block;
  height: 25px;
  position: absolute;
  width: 29px;
  bottom: 0;
  top: 0;
  left: -35px;
  margin: auto;
}

.detail-block .rush p {
  font-size: 14px;
}

.detail-block .area-map {
  margin-top: 50px;
}

/* address-table */
.detail-block .address-table {
  margin-top: 30px;
}

.detail-block .address-table th,
.detail-block .address-table td {
  font-size: 14px;
  padding: 15px;
  display: block;
}

.detail-block .address-table th {
  background: #f7f7f7;
  border-bottom: 1px solid #cdcfcd;
  text-align: left;
}

.detail-block .address-table td {
  vertical-align: middle;
  display: table-cell;
}

.detail-block .address-table tr {
  border-left: 1px solid #cdcfcd;
  border-top: 1px solid #cdcfcd;
  border-bottom: 1px solid #cdcfcd;
  display: inline-block;
}

.detail-block .address-table tr:nth-child(1) {
  width: 600px;
}
.detail-block .address-table tr:nth-child(2) {
  width: 197px;
}
.detail-block .address-table tr:nth-child(3) {
  width: 100px;
}
.detail-block .address-table tr:nth-child(4) {
  width: 100px;
  border-right: 1px solid #cdcfcd;
}

/* time-table */
.detail-block .time-table th,
.detail-block .time-table td {
  font-size: 14px;
  padding: 15px;
}

.detail-block .time-table th {
  background: #f7f7f7;
  border-top: 1px solid #cdcfcd;
  border-right: 1px solid #cdcfcd;
  border-left: 1px solid #cdcfcd;
  width: 249.5px;
}

.detail-block .time-table td {
  border: 1px solid #cdcfcd;
  text-align: center;
}

/* store-table */
.detail-block .store-table {
  font-size: 0;
}

.detail-block .store-table th,
.detail-block .store-table td {
  padding: 15px;
  font-size: 14px;
}

.detail-block .store-table th {
  background: #f7f7f7;
  border-bottom: 1px solid #cdcfcd;
  font-weight: normal;
  text-align: center;
  display: block;
}

.detail-block .store-table td {
  vertical-align: middle;
  display: block;
  text-align: center;
}

.detail-block .store-table tr {
  border-left: 1px solid #cdcfcd;
  border-top: 1px solid #cdcfcd;
  border-bottom: 1px solid #cdcfcd;
  display: inline-block;
  vertical-align: top;
}

.detail-block .store-table tr:nth-child(1) {
  width: 312px;
}

.detail-block .store-table tr:nth-child(2) {
  width: 312px;
}

.detail-block .store-table tr:nth-child(3) {
  border-right: 1px solid #cdcfcd;
  width: 312px;
}

/* list-area */
.detail-block .list-li > li {
  border-top: 2px solid #45ac56;
  border-right: 1px solid #cdcfcd;
  border-bottom: 1px solid #cdcfcd;
  border-left: 1px solid #cdcfcd;
  padding: 30px;
}

.detail-block .list-li > li:first-child {
  margin-top: 50px;
}

.detail-block .list-li > li + li {
  margin-top: 30px;
}

.detail-block .list-li .list-ttl {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}

.detail-block .list-li .box {
  display: flex;
  margin-bottom: 20px;
}

.detail-block .list-li .img {
  margin-top: 18px;
}

.detail-block .list-li .txt-box {
  margin-left: 30px;
}

.detail-block .list-li .summary {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-left: 35px;
  position:relative;
}

.detail-block .list-li .summary::before {
  background: url(../img/details/ico-marker.svg)no-repeat center center;
  background-size: 27px 29px;
  content: "";
  display: block;
  height: 29px;
  position: absolute;
  width: 27px;
  top: 0;
  left: 0;
  bottom: 4px;
  margin: auto;
}

.detail-block .list-li .summary-li {
  background: #ecf6ee;
  border-radius: 10px;
  padding: 20px 15px;
  width: 756px;
}

.detail-block .list-li .red {
  color: #e82d2d;
  font-weight: bold;
}

.detail-block .list-li .small {
  font-size: 11px;
}

.detail-block .list-li .summary-li li {
  line-height: 1.6;
  padding-left: 20px;
  position:relative;
}

.detail-block .list-li .summary-li li + li {
  margin-bottom: 10px;
}

.detail-block .list-li .summary-li li::before {
  background: url(../img/details/ico-check.svg)no-repeat center center;
  background-size: 11px 12px;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  width: 12px;
  top: 5px;
  left: 0;
  margin: auto;
}

.detail-block .list-li .btn {
  background: rgb(106,193,122); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(106,193,122,1) 0%, rgba(69,172,86,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(106,193,122,1) 0%,rgba(69,172,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(106,193,122,1) 0%,rgba(69,172,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ac17a', endColorstr='#45ac56',GradientType=0 ); /* IE6-9 */
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  height: 50px;
  margin: 30px auto 0;
  position: relative;
  text-align: center;
  width: 400px;
}

.detail-block .list-li .btn::after {
  background: url(../img/common/arrow-double-white.svg)no-repeat center center;
  background-size: 14px 15px;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  width: 14px;
  bottom: 0;
  top: 0;
  right: 23px;
  margin: auto;
}

.detail-block .list-li .btn a {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
}

.detail-block .search-box {
  font-size: 0;
}

.detail-block .search-box li {
  border: 1px solid #cdcfcd;
  border-radius: 5px;
  display: inline-block;
  padding: 15px;
  position: relative;
  width: 320px;
}

.detail-block .search-box li::after {
  background: url(../img/common/arrow-right-green.svg)no-repeat center center;
  background-size: 7px 12px;
  content: "";
  display: block;
  height:12px ;
  position: absolute;
  width: 7px;
  bottom: 0;
  top: 0;
  right: 15px;
  margin: auto;
}

.detail-block .search-box li + li {
  margin-left: 19px;
}

.detail-block .search-box li a {
  color: #3743b3;
  font-size: 14px;
  text-decoration: underline;
}

.detail-block .search-box .btn {
  background: #eaeaea;
  border: 1px solid #cdcfcd;
  border-radius: 5px;
  height: 30px;
  margin: 30px auto 0;
  position: relative;
  text-align: center;
  width: 398px;
}

.detail-block .search-box .btn::before {
  background: url(../img/common/arrow-double-gray.svg)no-repeat center center;
  background-size: 8px 9px;
  content: "";
  display: block;
  height:9px ;
  position: absolute;
  width: 8px;
  bottom: 0;
  top: 0;
  right: 10px;
  margin: auto;
}

.detail-block .search-box .btn a {
  font-size: 14px;
  line-height: 30px;
}

.detail-block .rush2 {
  background: #ecf6ee;
  border-radius: 10px;
  margin-top: 50px;
  padding: 30px;
  text-align: center;
}

.detail-block .rush2 .rush2-ttl {
  color: #45ac56;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
}

.detail-block .rush2 .btn {
  background: rgb(106,193,122);
  background: -moz-linear-gradient(top, rgba(106,193,122,1) 0%, rgba(69,172,86,1) 100%);
  background: -webkit-linear-gradient(top, rgba(106,193,122,1) 0%,rgba(69,172,86,1) 100%);
  background: linear-gradient(to bottom, rgba(106,193,122,1) 0%,rgba(69,172,86,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ac17a', endColorstr='#45ac56',GradientType=0 );
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  height: 40px;
  margin: 30px auto 0;
  position: relative;
  text-align: center;
  width: 400px;
}

.detail-block .rush2 .btn a {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
}

.detail-block .rush2 .btn::after {
  background: url(../img/common/arrow-double-white.svg)no-repeat center center;
  background-size: 14px 15px;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  width: 14px;
  bottom: 0;
  top: 0;
  right: 23px;
  margin: auto;
}

@media screen and (max-width: 640px) {
  .detail-block section {
    padding: 0 10px;
  }

  .detail-block .h2 {
    font-size: 16px;
    line-height: 1;
    padding: 10px 7px;
    text-align: left;
  }

  .detail-block .rush {
    margin-top: 20px;
    padding: 10px;
    width: 100%;
  }
  .detail-block .rush .rush-ttl {
    font-size: 14px;
  }
  .detail-block .rush p {
    font-size: 10px;
  }

  .detail-block .rush-btn {
    height: 40px;
    margin: 10px auto 0;
    width: 100%;
  }

  .detail-block .rush-btn::after {
    background-size: 12px 14px;
    height: 14px;
    width: 12px;
    right: 23px;
  }

  .detail-block .rush-btn a {
    font-size: 14px;
    line-height: 40px;
  }

  .detail-block .area-map {
    margin-top: 20px;
  }

  .detail-block .address-table {
    margin-top: 10px;
    width: 100%;
  }

  .detail-block .address-table tr {
    border-top: 1px solid #cdcfcd;
    border-right: 1px solid #cdcfcd;
    border-left: 1px solid #cdcfcd;
    border-bottom: none;
    display: block;
  }

  .detail-block .address-table th,
  .detail-block .address-table td {
    font-size: 12px;
    padding: 10px;
  }

  .detail-block .address-table tr:nth-child(1) {
    width: 100%;
  }
  .detail-block .address-table tr:nth-child(2) {
    width: 100%;
  }
  .detail-block .address-table tr:nth-child(3) {
    width: 100%;
  }
  .detail-block .address-table tr:nth-child(4) {
    width: 100%;
    border-bottom: 1px solid #cdcfcd;
  }

  .detail-block .detail-ttl {
    font-size: 14px;
    margin: 20px 0 10px;
    padding-left: 16px;
  }

  .detail-block .time-table th, .detail-block .time-table td {
    font-size: 10px;
    padding: 8px 3px;
  }

  .detail-block .list-li > li:first-child {
    margin-top: 0;
  }

  .detail-block .list-li > li {
    padding: 10px;
  }

  .detail-block .list-li .box {
    display: block;
    font-size: 0;
  }

  .detail-block .list-li .txt-box {
    margin-left: 0;
  }

  .detail-block .list-li .img {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
  }

  .detail-block .list-li .list-ttl {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
  }

  .detail-block .list-li .summary {
    font-size: 16px;
    padding-left: 15px;
  }

  .detail-block .list-li .summary::before {
    background-size: 15px 17px;
    height: 17px;
    width: 15px;
    top: 0;
    left: 0;
    bottom: inherit;
  }

  .detail-block .list-li .summary-li {
    border-radius: 10px;
    font-size: 14px;
    padding: 10px;
    width: 100%;
  }

  .detail-block .store-table {
    width: 100%;
  }

  .detail-block .store-table tr {
    border-top: 1px solid #cdcfcd;
    border-right: 1px solid #cdcfcd;
    border-left: 1px solid #cdcfcd;
    border-bottom: none;
  }

  .detail-block .store-table tr:nth-child(1) {
    width: 100%;
  }
  .detail-block .store-table tr:nth-child(2) {
    width: 100%;
  }
  .detail-block .store-table tr:nth-child(3) {
    border-right: 1px solid #cdcfcd;
    border-bottom: 1px solid #cdcfcd;
    width: 100%;
  }

  .detail-block .list-li .btn,
  .detail-block .rush2 .btn {
    margin: 10px auto 0;
    height: 40px;
    width: 200px;
  }

  .detail-block .list-li .btn::after,
  .detail-block .rush2 .btn::after {
    background-size: 7px 7.5px;
    height: 7.5px;
    width: 7px;
    right: 10px;
  }

  .detail-block .list-li .btn a,
  .detail-block .rush2 .btn a {
    font-size: 11px;
    line-height: 40px;
  }

  .detail-block .search-box li + li {
    margin-left: 0;
    margin-top: 10px;
  }

  .detail-block .search-box li {
    display: block;
    padding: 10px;
    width: 100%;
  }

  .detail-block .search-box li a {
    font-size: 12px;
  }

  .detail-block .search-box li::after {
    background-size: 5px 9px;
    height: 9px;
    width: 5px;
    right: 10px;
  }

  .detail-block .search-box .btn {
    background: #eaeaea;
    border: 1px solid #cdcfcd;
    border-radius: 5px;
    height: 40px;
    margin: 10px auto 0;
    width: 100%;
  }

  .detail-block .search-box .btn a {
    line-height: 40px;
  }

  .detail-block .rush2 {
    margin-top: 20px;
  }

  .detail-block .rush2 .rush2-ttl {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: left;
  }

  .detail-block .rush2 p {
    font-size: 14px;
    text-align: justify;
  }

  .detail-block .rush2 {
    padding: 15px;
  }

}

/*------------------------------------------------------------------------------
breadcrumb
------------------------------------------------------------------------------*/
.breadcrumb.sp {
  background: #ecf6ee;
  padding: 5px 15px 8px;
}

.breadcrumb.sp li + li {
  padding-left: 10px;
  position: relative;
}

.breadcrumb.sp li + li::before {
  background: url(../img/common/arrow-bread.svg)no-repeat center center;
  background-size: 6px 11px;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  width: 6px;
  top: 4px;
  left: 0;
  margin: auto;
}

.breadcrumb.sp a {
  color: #333;
  font-size: 10px;
}

/*------------------------------------------------------------------------------
card timer
------------------------------------------------------------------------------*/
.card-timer-box {
  border: 1px solid #333;
  border-radius: 3px;
  margin: 0 0 10px;
  padding: 10px;
}

.card-timer-box .text-area {
  background: url(../img/common/card_timer_icon.png) no-repeat left center;
  background-size: 42px;
  font-size: 18px;
  font-weight: bold;
  line-height: 54px;
  float: left;
  padding: 0 5px 0 55px;
  width: 50%;
}
.card-timer-box .timer-area {
  background: #333333;
  color: #fff;
  padding: 5px;
  font-size: 22px;
  font-weight: bold;
  float: right;
  text-align: center;
  width: 50%;
}
.card-timer-box .timer-area .text {
  display: inline;
}
.card-timer-box .timer-area .timer {
  color: #ffd200;
  display: inline;
  font-size: 28px;
  font-weight: bold;
}

.card-timer-box .yycountdown-box {
  display: inline;
}
.card-timer-box .yyc-day,
.card-timer-box .yyc-day-text {
  display: none;
}

@media screen and (max-width: 640px) {
  .card-timer-box {
    padding: 5px;
  }
  .card-timer-box .text-area {
    background-size: 21px;
    padding: 0 5px 0 25px;
    font-size: 10px;
    line-height: 32px;
  }
  .card-timer-box .timer-area {
    font-size: 11px;
  }
  .card-timer-box .timer-area .timer {
    font-size: 14px;
  }
}

@media screen and (max-width: 374px) {
    .card-timer-box .text-area {
        background-size: 14px;
        padding: 0 5px 0 17px;
    }
    .card-timer-box .timer-area .timer {
        font-size: 12px;
    }
    #full-wrapper .atm-lsts li {
        font-size: 12px;
    }
    #full-wrapper .wrapper .card-info-has-bg-color-block .kekka_box {
        padding: 10px;
    }
    #full-wrapper .wrapper .card-info-has-bg-color-block .card-info-has-bg-color-block-inner {
        padding: 10px;
    }
    .review.detail.slider-block01 .gray-btn {
        width: 80px;
    }
    #full-wrapper .review.detail.slider-block01 .gray-btn a {
        font-size: 10px;
    }
    .review.detail.slider-block01 .official-btn {
        width: 120px;
    }
    #full-wrapper .review.detail.slider-block01 .official-btn a {
        font-size: 10px;
    }
}


/*------------------------------------------------------------------------------
qr-block
------------------------------------------------------------------------------*/
.qr-block .head {
    background: #45ac56;
    border-bottom: 2px solid #017135;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.qr-block .body {
    background: #ecf6ee;
    padding: 20px;
    text-align: center;
}

.qr-block .body .qr-notice {
    margin: 20px 0 0;
    text-align: left;
}

/*------------------------------------------------------------------------------
banner-block
------------------------------------------------------------------------------*/
.banner-side-block {
    margin: 20px 0;
}
.banner-block {
    margin: 10px 0;
}
.banner-block .banner + .banner {
    margin-top: 10px;
}

@media screen and (max-width: 640px) {
    .banner-block {
        margin: 10px;
    }
  .wrapper .banner-block .banner {
      float: left;
      margin: 0;
      width: 48.5%;
  }
    .wrapper .banner-block .banner:nth-child(n+3) {
        margin-top: 10px;
    }
    .banner-block .banner:nth-child(2n) {
        float: right;
    }
}

.baloon a {
  color: #3743b3;
  text-decoration: underline;
}

.not-found {
    font-size: 18px;
    margin: 40px 0;
}


@media screen and (max-width: 640px) {
    .not-found {
        font-size: 14px;
        margin: 40px 10px;
    }
}

.csv_import_run_area {
    font-size: 18px;
    margin: 40px 0;
}

.csv_import_run_area a {
    color: #2686d0;
    text-decoration: underline;
}

.csv-import-info .log-box {
    border: 1px solid #aaa;
    background: #f1f1f1;
    margin: 10px 0;
    padding: 10px;
}

.target-ul {
    font-weight: bold;
    margin: 40px 0;
}

.csv-export-conditoin-table-head {
    font-size: 18px;
    font-weight: bold;
    border-left: 4px solid #45ac56;
    padding: 0 0 0 10px;
    margin: 40px 0 10px;
}

.csv-export-conditoin-table {
    border: 1px solid #ccc;
    margin: 0 0 20px;
    width: 100%;
}

.csv-export-conditoin-table th {
    border: 1px solid #ccc;
    padding: 10px;
    width: 150px;
}
.csv-export-conditoin-table td {
    border: 1px solid #ccc;
    padding: 10px;
}

.csv-export-conditoin-table label {
    display: inline-block;
    margin: 0 0 0 10px;
    min-width: 80px;
}

.csv-export-conditoin-table .title {
    font-weight: bold;
}


/*------------------------------------------------------------------------------
簡易検索
------------------------------------------------------------------------------*/
#easy-search-btn {
    position: fixed;
    cursor: pointer;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 90px;
    width: 90px;
}
@media (min-width: 641px) {
    #easy-search-btn:hover {
        opacity: 0.8;
    }
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}
.modal .bg {
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
}
.modal .inner {
    background: #fff;
    height: 640px;
    padding: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 800px;
    z-index: 10002;
}
.modal .inner .close {
    border: 2px solid #45ac56;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    height: 50px;
    width: 50px;
    padding: 13px 0 0;
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 10003;
    text-align: center;
    vertical-align: middle;
}
.modal .inner .close img {
    width: 20px;
}

.modal .easy-search-box {
    border: 1px solid #45ac56;
}
.modal .easy-search-box .head {
    background: #45ac56;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 0 0 40px;
    position: relative;
}
.modal .easy-search-box .head:before {
    background: url(../img/index/icon6.png);
    background-size: 20px;
    content: '';
    height: 20px;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
}
.modal .easy-search-box .body {
    padding: 15px;
}
.modal .easy-search-box .easy-search-none {
    display: none;
}

@media screen and (max-width: 640px) {
    #easy-search-btn {
        height: 60px;
        width: 60px;
        opacity: 0.7;
    }
    .modal .inner {
        height: 85%;
        margin: auto;
        padding: 10px;
        width: 94%;
    }
    .modal .inner .close {
        width: 30px;
        height: 30px;
        padding: 6px 0 0;
        right: -10px;
        top: -15px;
    }
    .modal .inner .close img {
        width: 12px;
    }
    .modal .easy-search-box .body {
        padding: 10px 9px;
    }
    .modal .easy-search-box .body .table-wrap {
        overflow: scroll;
        height: 400px;
    }
}


/*------------------------------------------------------------------------------
loader
------------------------------------------------------------------------------*/
#loading-div {
  display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 90px;
    width: 90px;
}

.loader {
    color: #45ac56;
    font-size: 90px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



/*------------------------------------------------------------------------------
hensai simulation
------------------------------------------------------------------------------*/
#hensai-simulation-zone.hensai.simulation-zone {
  margin: 110px 0 60px;
}
#hensai-simulation-zone .balloon-shadow {
  background-color: #f35d4f;
  box-shadow: 0px 2px 0px 0px #d4564a;
}
#hensai-simulation-zone .balloon-shadow:before {
  border-top: 33px solid #d4564a;
}
#hensai-simulation-zone .balloon-shadow:after {
  border-top: 30px solid #f35d4f;
}
#hensai-simulation-zone .simu_btn {
  background-image: linear-gradient(#ff7163 0%, #f66052 100%);
  box-shadow: 0 3px 0 #d45648;
}

#hensai-simulation-zone.hensai .simulation-box {
  background: #22316c;
  border: 2px solid #4482ab;
  height: 170px;
  margin: 0 0 20px;
}
#hensai-simulation-zone.hensai .simulation-box .selectItem1 {
  width: 200px;
}
#hensai-simulation-zone.hensai .simulation-box .simu_btn {
  left: 200px;
}
#hensai-simulation-zone.hensai .midasi_txt {
  top: -95px;
}
#hensai-simulation-zone.hensai .simulation-main {
  border: none;
  position: relative;
  margin-top: 25px;
}
.home #hensai-simulation-zone.hensai .simulation-main:before {
  background: #45ac56;
  content: '';
  height: 2px;
  position: absolute;
  left: 0;
  top: -130px;
  width: 100%;
}
#hensai-simulation-zone.hensai .unit {
  margin-left: 5px;
}
#hensai-simulation-zone.hensai .number-input {
  padding: 3px 8px 2px;
  font-size: 16px;
  width: 170px;
}
#hensai-simulation-zone.hensai table {
  border: 2px solid #4482ab;
  margin: 0 0 20px;
  width: 100%;
}
#hensai-simulation-zone.hensai table th {
  border: 2px solid #4482ab;
  background: #22316c;
  color: #fff;
  font-weight: bold;
  padding: 10px;
}
#hensai-simulation-zone.hensai table td {
  border: 2px solid #4482ab;
  background: #fff;
  padding: 10px;
}
#hensai-simulation-zone.hensai .summary-table td {
  width: 500px;
}
#hensai-simulation-zone.hensai .caution {
  color: #f00;
  font-size: 20px;
  margin: 0 0 40px;
}
#hensai-simulation-zone.hensai .result-box,
#hensai-simulation-zone.hensai .error-box {
  display: none;
}
#hensai-simulation-zone.hensai .notice {
  text-align: left;
}

@media screen and (max-width: 640px) {
  #hensai-simulation-zone.hensai.simulation-zone {
    margin: 50px 0;
  }
  #hensai-simulation-zone.hensai .midasi_txt {
    top: -10px;
  }
  #hensai-simulation-zone.hensai .simulation-main:before {
    top: -20px;
  }
  #hensai-simulation-zone.hensai .simulation-box .selectItem1 {
    width: 100%;
  }
  #hensai-simulation-zone.hensai .sel-box-wrap {
    border: none;
  }
  #hensai-simulation-zone.hensai .sel-box-wrap .input-area::after {
    background: none;
    height: 0;
    width: 0;
  }
  #hensai-simulation-zone.hensai .simulation-box {
    height: auto;
  }
  #hensai-simulation-zone.hensai .sel-box-wrap .input-area {
    background: none;
    padding-bottom: 20px;
  }
  #hensai-simulation-zone.hensai .summary-table td {
    width: 180px;
  }
  #hensai-simulation-zone.hensai .number-input {
    width: 100px;
  }
  #hensai-simulation-zone.hensai .selectItem1 .select-wrap.has-input-text {
    text-align: left;
  }
  #hensai-simulation-zone.hensai table.result-table {
    margin: 0;
  }
  #hensai-simulation-zone.hensai table th {
    font-size: 12px;
    padding: 5px 1px;
  }
  #hensai-simulation-zone.hensai table td {
    font-size: 12px;
    padding: 5px 1px;
  }
  #hensai-simulation-zone.hensai .result-table-div {
    max-height: 300px;
    overflow: auto;
  }
  #hensai-simulation-zone.hensai .notice {
    font-size: 11px;
    margin: 10px 0 0;
  }
  #hensai-simulation-zone .balloon-shadow:before {
    border-top: 12px solid #d4564a;
  }
  #hensai-simulation-zone .balloon-shadow:after {
    border-top: 10px solid #f35d4f;
  }

}

/*** 無利息シミュレーション ***/

.simulation-sub {
    margin-top: 25px;
    text-align: center;
}
.simulation-sub .simulation-box {
    background-image: url(../img/common/simulation_back02.png);
    height: 199px;
    margin-top: 125px;
}
.simulation-sub .balloon-shadow {
    background-color: #45ad58;
    box-shadow: 0 2px 0 0 #a1d3ad;
    width: 526px;
    margin-left: -60px;
}
.simulation-sub .balloon-shadow::before {
    border-top-color: #a1d3ad;
}
.simulation-sub .balloon-shadow::after {
    border-top-color: #45ad58;
}

.simulation-sub .balloon-txt {
    left: 24px;
    white-space: nowrap;
}
.simulation-sub .balloon-txt > span {
    color: #f00;
    font-size: 24px;
    text-shadow:
            1px  1px 0 #fff,
            -1px -1px 0 #fff,
            -1px  1px 0 #fff,
            1px -1px 0 #fff,
            0    1px 0 #fff,
            0   -1px 0 #fff,
            -1px  0   0 #fff,
            1px  0   0 #fff;
}

.interest_box {
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -65px;
    margin: auto;
    border: 2px solid #45ad58;
    width: 123px;
    height: 100px;
}
.interest_box .inn_text {
    padding: 5px;
    font-size: 20px;
    text-align: center;
}
.interest_box .inn_text > span {
    display: block;
    text-align: center;
    margin-top: -10px;
    margin-left: -10px;
}

.simulation-sub .simu_btn {
    background-image: linear-gradient(#6bcd7a 0%, #34a347 100%);
    box-shadow: 0 5px 0 #279139;
    top: auto;
    bottom: 20px;
}

.simulation-sub .midasi_txt_sub > .inn {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    line-height: 1.1;
    padding: 0 20px;
}
.simulation-sub .midasi_txt_sub > .inn::before,
.simulation-sub .midasi_txt_sub > .inn::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 75%;
    content: '';
    background-color: currentColor;
}

.simulation-sub .midasi_txt_sub > .inn::before {
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    left: 0;
}
.simulation-sub .midasi_txt_sub > .inn::after {
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    right: 0;
}

.simulation-sub .simulation-kekka_box {
    top: 75px;
}


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

    body:not(.home) .to-other-list-link {
        margin-top: 0;
    }
    body:not(.home) .to-other-list-link a {
        border-top: none;
    }
    .to-other-list-link a {
        font-size: 16px;
    }
    .to-other-list-link a:before {
        left: auto;
        right: 10px;
    }
}

/*------------------------------------------------------------------------------
index_reaview
------------------------------------------------------------------------------*/
.review .tab-area {
  margin: 20px 0 10px;
}

.review .review-tab {
  background: #45ac56;
  border-radius: 5px 5px 0 0;
  color: #fff;
  float: left;
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  margin-left: 10px;
  position: relative;
  text-align: center;
  width: 140px;
}

.review .review-tab p {
  padding-left: 25px;
}
.review .review-tab::after {
  background: url(../img/review/ico_comment.svg)no-repeat center center;
  background-size: 20px auto;
  content: "";
  display: block;
  height: auto;
  position: absolute;
  width: 20px;
  bottom: 0;
  top: 0;
  left: 25px;
  margin: auto;
}

.review .new-review {
  background: linear-gradient(to bottom, #fbb707, #fa7702);
  border-radius: 10px;
  float: right;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 180px;
}

.review .new-review a {
  color: #fff;
  display: block;
  font-size: 16px;
  padding-left: 25px;
  position: relative;
}
.review .new-review a::after {
  background: url(../img/review/ico_edit.svg)no-repeat center center;
  background-size: 17px 17px;
  content: "";
  display: block;
  height: 17px;
  position: absolute;
  width: 17px;
  bottom: 0;
  top: 0;
  left: 45px;
  margin: auto;
}

.review .bg-area {
  background: #ecf6ee;
  margin: 0 0 20px;
  padding: 10px;
  border-radius: 0 0 10px 10px;
}

.review .review_li {
  background: #fff;
  border-radius: 10px 10px 0 0;
}

.review .review_li > li:not(:last-child) {
  padding: 20px;
}
.review .review_li > li:last-child {
  padding: 10px 20px;
}

.review .review_li > li:not(:last-child) {
  border-bottom: 1px solid #8fb09b;
  border-radius: 0;
}

.review .star,
.review .reating-li {
  display: inline-block;
}

/* star-rating-box */
.review .star .level {
  display: inline-block;
}
.review .star-rating-box {
  display: inline-block;
  font-size: 15px;
  position: relative;
}
.review .filled-star {
  color: #f69e5e;
  position: absolute;
  top: 0;
  overflow: hidden;
  white-space: nowrap;
}

.review .filled-star.star-5_0 {
  width: 100%;
}
.review .filled-star.star-4_5 {
  width: 90%;
}
.review .filled-star.star-4_0 {
  width: 80%;
}
.review .filled-star.star-3_5 {
  width: 70%;
}
.review .filled-star.star-3_0 {
  width: 60%;
}
.review .filled-star.star-2_5 {
  width: 50%;
}
.review .filled-star.star-2_0 {
  width: 40%;
}
.review .filled-star.star-1_5 {
  width: 30%;
}
.review .filled-star.star-1_0 {
  width: 20%;
}
.review .filled-star.star-0_5 {
  width: 10%;
}
.review .filled-star.star-0_0 {
  width: 0%;
}

.review .empty-star {
  color: #d2d2d2;
}
.review .rate-num {
  color: #f69e5e;
  display: inline-block;
}

/* reating-li */
.review .reating-li {
  background: #fdf9e5;
  border: 1px solid #f9e1bb;
  border-radius: 6px;
  font-size: 0;
  margin-left: 10px;
  padding: 7px 14px;
}

.review .reating-li li {
  display: inline-block;
  font-size: 11px;
}

.review .reating-li li + li {
  margin-left: 20px;
  position: relative;
}
.review .reating-li li + li::after {
  background: #ccc;
  background-size: 1px 15px;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  width: 1px;
  bottom: 0;
  top: 0;
  left: -10px;
  margin: auto;
}


/* attribute-li */
.review .content-wrap {
  padding-left: 50px;
  position: relative;
}

.review .content-wrap::after {
  background: url(../img/review/ico_person.jpg)no-repeat center center;
  background-size: 40px 40px;
  content: "";
  display: block;
  height: 40px;
  position: absolute;
  width: 40px;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
}

.review .attribute-li {
  border-radius: 6px;
  font-size: 0;
  padding: 12px 0;
  width: calc(100% - 50px);
}

.review .attribute-li li {
  display: inline-block;
  font-size: 13px;
}

.review .attribute-li li + li {
  margin-left: 20px;
  position: relative;
}
.review .attribute-li li + li::after {
  background: #ccc;
  background-size: 1px 15px;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  width: 1px;
  bottom: 0;
  top: 0;
  left: -10px;
  margin: auto;
}

.review .ttl {
  color: #45ac56;
  font-size: 17px;
  font-weight: bold;
}

.review .review_li {
  border: 1px solid #8fb09b;
}

/* summary-cell */
.review .toggle-btn {
  color: #2000de;
  cursor: pointer;
  display: inline-block;
}
.review .toggle-btn span::before {
  color: #333333;
  content: "…";
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
}

.review .def-inner br,
.review .toggle-txt {
  display: none;
}

.review .detail-link {
  text-align: right;
}

.review .detail-link a {
  color: #2000de;
  font-size: 10px;
  padding-right: 10px;
  position: relative;
}

.review .detail-link a::after{
  background: url(../img/review/arrow_right_blue.svg)no-repeat center center;
  background-size: 5px 7px;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  width: 5px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.review .bottom {
  margin-top: 20px;
}

.review-list-detail-link {
    text-align: center;
}
#full-wrapper .review-list-detail-link a {
    border-radius: 24px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    box-shadow: 0 2px 0 #ccc;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding: 0 120px;
    text-decoration: none;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fab405+0,ef6c00+100 */
    background: #fab405; /* Old browsers */
    background: -moz-linear-gradient(top,  #fab405 0%, #ef6c00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fab405 0%,#ef6c00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fab405 0%,#ef6c00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab405', endColorstr='#ef6c00',GradientType=0 ); /* IE6-9 */
}
.review-list-detail-link a:before {
    background: url(../img/common/arrow-double-white.svg)no-repeat center center;
    background-size: 14px 15px;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    width: 14px;
    bottom: 0;
    top: 0;
    right: 20px;
    margin: auto;
}

@media screen and (max-width: 640px) { /* SP */
  .review .ttl-wrap {
    background: #fff;
    border-left: 2px solid #45ac56;
    margin-bottom: 10px;
    padding: 8px 12px 8px 10px;
  }
  .review .ttl {
    font-size: 12px;
  }

  .review .review_li {
    border: none;
    border-radius: 0;
    background: none;
  }
  
  .review .review_li > li {
    border-radius: 5px;
    background: #fff;
  }
  .review .review_li > li:not(:last-child),
  .review .review_li > li:last-child {
    padding: 10px;
  }

  .content-wrap {
    margin-bottom: 10px;
  }
  .review .attribute-li {
    padding: 0 0 0 10px;
  }

  .review .star {
    display: block;
    margin-bottom: 10px;
  }
  .review .star .level {
    font-size: 10px;
  }

  /* reating-li */
  .review .reating-li {
    display: block;
    margin: 10px 0;
    margin-left: 0;
    padding: 7px 7px;
  }
  .review .reating-li li {
    font-size: 10px;
  }
  .review .reating-li li + li {
    margin-left: 10px;
  }
  .review .reating-li li + li::after {
    left: -5px;
  }
  
  .review .attribute-li {
    width: 100%;
  }
  .review .attribute-li li {
    font-size: 10px;
    line-height: 1.8;
  }
  .review .attribute-li li + li {
    margin-left: 10px;
  }
  .review .attribute-li li + li::after {
    left: -5px;
  }

  .review .summary-cell {
    font-size: 12px;
  }

  .review .review_li > li:last-child {
    background: #eee;
    height: 35px;
    padding: 5px;
  }
    #full-wrapper .review .review_li > li:first-child {
        height: auto;
    }
  .review .detail-link {
    text-align: center;
  }
  .review .detail-link a {
    color: #333;
    font-size: 12px;
    font-weight: bold;
  }
  .review .detail-link a::after {
    background: none;
    position: relative;
  }

  #full-wrapper .review .new-review {
    position: absolute;
    right: 10px;
    top: 0;
    float: none;
    height: 30px;
    line-height: 30px;
    border-radius: 10px 10px 0 0;
    width: 120px;
  }
  #full-wrapper #input_contents .review .new-review a {
    font-size: 13px;
  }
  #full-wrapper .review .new-review a::after {
    left: 18px;
    background-size: 100%;
    height: 16px;
    width: 16px;
  }
}

@charset "UTF-8";

/*------------------------------------------------------------------------------
index_reaview
------------------------------------------------------------------------------*/
/* 既存CSS回避 */
#input_contents #review ul li:before,
#input_contents #review_detail ul li:before,
#input_contents #review_form ul li:before {
    content: "";
}
#input_contents #review reating-li li,
#input_contents #review_detail reating-li li,
#input_contents #review .attribute-li li,
#input_contents #review_detail .attribute-li li {
    padding-left: 0;
}

#input_contents #review_detail p + p,
#input_contents #review_form p + p {
    margin-top: 0;
}

.review #input_contents {
    margin-bottom: 10px;
}

.review .tab-area {
    margin: 20px 0 0;
}

.review .review-tab {
    background: #45ac56;
    border-radius: 5px 5px 0 0;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
    position: relative;
    text-align: center;
    width: 140px;
}

.review .review-tab p {
    padding-left: 25px;
}
.review .review-tab::after {
    background: url(../img/review/ico_comment.svg)no-repeat center center;
    background-size: 20px 20px;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    width: 20px;
    bottom: 0;
    top: 0;
    left: 25px;
    margin: auto;
}

.review .new-review {
    background: linear-gradient(to bottom, #fbb707, #fa7702);
    border-radius: 10px;
    float: right;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 180px;
}
.review .new-review:hover {
    opacity: 0.8
}
#input_contents .review .new-review a {
    color: #fff;
    display: block;
    font-size: 16px;
    padding-left: 25px;
    position: relative;
    text-decoration: none;
}
#input_contents .review .new-review a[href]:hover {
    opacity: 1;
}
.review .new-review a::after {
    background: url(../img/review/ico_edit.svg)no-repeat center center;
    background-size: 17px 17px;
    content: "";
    display: block;
    height: 17px;
    position: absolute;
    width: 17px;
    bottom: 0;
    top: 0;
    left: 45px;
    margin: auto;
}

.review .bg-area:not(:last-child) {
    background: #ecf6ee;
    margin: 0 0 20px;
    padding: 10px;
    border-radius: 10px;
}

.kekka_box .bottom .btns.review {
    margin-top: 20px;
}

#input_contents .review .detailpage-btn {
    background: linear-gradient(to bottom, #91E688, #45ac56);
    border-radius: 10px;
    height: 60px;
    margin-bottom: 70px;
    margin: 10px auto 0;
    text-align: center;
    width: 90%;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3);
}
#full-wrapper .official-site.short {
    background: #d80101;
    text-align: center;
  background: linear-gradient(to bottom, #EC3D3F 4%, #EC3D3F 49%, #D50B0C 54%);
  margin: 0;
  width: 460px;
    height: 36px;
    box-shadow: 0 2px 0 #ccc;
    border-radius: 0;
}
#full-wrapper .official-site.long {
    background: #d80101;
    text-align: center;
    background: linear-gradient(to bottom, #EC3D3F 4%, #EC3D3F 49%, #D50B0C 54%);
    margin: 0 0 20px;
    width: 100%;
    height: 36px;
    box-shadow: 0 2px 0 #666;
    border-radius: 0;
}

#input_contents .review .detailpage-btn.official {
  background: linear-gradient(to bottom, #F05A59, #d80101);
}

#input_contents .review .detailpage-btn a {
    color: #fff;
    display: block;
    font-size: 20px;
    line-height: 60px;
    position: relative;
    text-decoration: none;
}
#input_contents .review .detailpage-btn a:hover,
#full-wrapper .official-site.short a:hover,
#full-wrapper .official-site.long a:hover {
    opacity: 1;
}
#input_contents .review .detailpage-btn:hover,
#full-wrapper .official-site.short:hover,
#full-wrapper .official-site.long:hover {
    opacity: 0.8;
}
#input_contents .review .detailpage-btn a::before,
#full-wrapper .official-site.short a::before,
#full-wrapper .official-site.long a::before {
    background: url(../img/common/arrow-double-white.svg)no-repeat center center;
    background-size: 14px 15px;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    width: 14px;
    bottom: 0;
    top: 0;
    right: 20px;
    margin: auto;
}
#full-wrapper .official-site.short a {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 38px;
    position: relative;
    text-decoration: none;
}
#full-wrapper .official-site.long a {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 40px;
    position: relative;
    text-decoration: none;
}
.is-reflection a {
    overflow: hidden;
}
.is-reflection a:after {
    -moz-animation: is-reflection 4s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -ms-animation: is-reflection 4s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -o-animation: is-reflection 4s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -webkit-animation: is-reflection 4s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    animation: is-reflection 4s ease-in-out infinite;
    background-color: #fff;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -180px;
    transform: rotate(45deg);
    width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
@keyframes is-reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

#input_contents #review .review_li {
    background: #fff;
    border-radius: 10px 10px 0 0;
    border: 1px solid #8fb09b;
    padding: 0;
}

#review .review_li > li:last-child {
    padding: 10px 20px;
}

#review .review_li > li:not(:last-child) {
    border-bottom: 1px solid #8fb09b;
    border-radius: 0;
    padding: 20px;
}


#input_contents #review .review_li > li:not(:last-child) {
    border-bottom: 1px dashed #8fb09b;
    padding-left: 20px;
}
#input_contents #review .review_li > li.detail-link {
    border-bottom: 1px solid #8fb09b;
    padding: 10px 20px;
}

.review .star,
.review .reating-li {
    display: inline-block;
}

/* star-rating-box */
.review .star .level {
    display: inline-block;
}
.review .star-rating-box {
    display: inline-block;
    font-size: 15px;
    position: relative;
}
.review .filled-star {
    color: #f69e5e;
    position: absolute;
    top: 0;
    overflow: hidden;
    white-space: nowrap;
}

.review .filled-star.star-5_0 {
    width: 100%;
}
.review .filled-star.star-4_5 {
    width: 90%;
}
.review .filled-star.star-4_0 {
    width: 80%;
}
.review .filled-star.star-3_5 {
    width: 70%;
}
.review .filled-star.star-3_0 {
    width: 60%;
}
.review .filled-star.star-2_5 {
    width: 50%;
}
.review .filled-star.star-2_0 {
    width: 40%;
}
.review .filled-star.star-1_5 {
    width: 30%;
}
.review .filled-star.star-1_0 {
    width: 20%;
}
.review .filled-star.star-0_5 {
    width: 10%;
}
.review .filled-star.star-0_0,
.review .filled-star.star-_0 {
    width: 0%;
}

.review .empty-star {
    color: #d2d2d2;
}
.review .rate-num {
    color: #f69e5e;
    display: inline-block;
}

/* reating-li */
#input_contents #review .reating-li,
#input_contents #review_detail .reating-li{
    background: #fdf9e5;
    border: 1px solid #f9e1bb;
    border-radius: 6px;
    font-size: 0;
    margin: 0 0 0 10px;
    padding: 7px 14px;
}

.review .reating-li li {
    display: inline-block;
    font-size: 11px;
}
#input_contents #review .reating-li li,
#input_contents #review_detail .reating-li li{
    padding-left: 0;
}

.review .reating-li li + li {
    margin-left: 20px;
    position: relative;
}
.review .reating-li li + li::after {
    background: #ccc;
    background-size: 1px 15px;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    width: 1px;
    bottom: 0;
    top: 0;
    left: -10px;
    margin: auto;
}


/* attribute-li */
.review .content-wrap {
    padding-left: 50px;
    position: relative;
}

.review .content-wrap::after {
    background: url(../img/review/ico_person.jpg)no-repeat center center;
    background-size: 40px 40px;
    border-radius: 50%;
    content: "";
    display: block;
    height: 40px;
    position: absolute;
    width: 40px;
    bottom: 0;
    top: 0;
    top: 0;
    left: 0;
    margin: auto;
}

#input_contents #review .attribute-li {
    background: #fff;
    border-radius: 6px;
    font-size: 0;
    margin: 0;
    padding: 12px 0;
    width: calc(100% - 50px);
}

.review .attribute-li li {
    display: inline-block;
    font-size: 13px;
}

.review .attribute-li li + li {
    margin-left: 20px;
    position: relative;
}
.review .attribute-li li + li::after {
    background: #ccc;
    background-size: 1px 15px;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    width: 1px;
    bottom: 0;
    top: 0;
    left: -10px;
    margin: auto;
}

#input_contents #review .ttl a {
    color: #45ac56;
  display: inline-block;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}

/* summary-cell */
.review .summary-cell {
    margin-top: 10px;
}
.review .toggle-btn {
    color: #2000de;
    cursor: pointer;
    display: inline-block;
}
.review .toggle-btn span::before {
    color: #333333;
    content: "…";
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
}

.review .def-inner br,
.review .toggle-txt {
    display: none;
}

.review .detail-link {
    text-align: right;
}

#input_contents .review .detail-link a {
    color: #2000de;
    font-size: 16px;
    padding-right: 10px;
    position: relative;
    text-decoration: none;
}

.review .detail-link a::after {
    background: url(../img/review/arrow_right_blue.svg)no-repeat center center;
    background-size: 5px 7px;
    content: "";
    display: block;
    height: 7px;
    position: absolute;
    width: 5px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.review .bottom {
    margin-top: 20px;
}

.review .box-content {
    position: relative;
}


/* SP */
@media screen and (max-width: 640px) {
    .review .bg-area {
        margin: 0;
    }

    #input_contents .review .detailpage-btn,
    #full-wrapper .official-site.short {
        height: 40px;
    }
    #full-wrapper .official-site.short {
      height: 44px;
      width: 60%;
    }
    #input_contents .review .detailpage-btn a,
    #full-wrapper .official-site.short a {
        font-size: 12px;
        line-height: 40px;
        padding-right: 10px;
    }
    #full-wrapper .official-site.short a {
      line-height: 44px;
      font-size: 4vw;
    }
    #input_contents .review .detailpage-btn a::before,
    #full-wrapper .official-site.short a::before {
        background-size: 12px 13px;
        height: 13px;
        width: 12px;
        right: 10px;
    }

    #review .review_li > li:not(:last-child) {
        border: 1px solid #ccc;
        padding: 10px;
    }
    #review .review_li > li:first-child {
        border-radius: 10px 10px 0 0;
    }
    #full-wrapper #input_contents #review .review_li > li + li {
        border-top: none;
    }
    #input_contents #review .review_li > li:not(:last-child) {
        padding-left: 10px;
    }
    #input_contents #review .review_li > li.detail-link {
        padding: 5px 5px 5px 10px;
    }

    .review .review_li > li:last-child {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-radius: 0 0 10px 10px;
        padding: 10px;
    }

    .review .review-tab {
        float: none;
        font-size: 10px;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        margin-left: 10px;
        width: 80px;
    }
    .review .review-tab::after {
        background-size: 17px auto;
        width: 17px;
        left: 10px;
    }

    #input_contents #review .ttl a {
        font-size: 15px;
        padding-left: 8px;
    }

    #input_contents #review .review_li {
        border: none;
        border-radius: 0;
        background: none;
        margin: 0;
    }

    #input_contents #review .review_li > li {
        padding-left: 10px;
    }
    #input_contents #review .review_li .ttl-wrap-li {
        background: none;
        padding: 0;
        margin: 0;
    }
    #input_contents #review .review_li .ttl-wrap-li li {
        padding-left: 0;
    }

    .review .review_li > li {
        border-radius: 5px;
        background: #fff;
    }

    .review .content-wrap {
        margin-bottom: 10px;
        padding-left: 40px;
    }
    .review .content-wrap::after {
        background-size: 30px 30px;
        height: 30px;
        width: 30px;
    }

    #input_contents #review .attribute-li {
        padding: 0;
    }

    .review .star {
        display: block;
        line-height: 1;
        margin-bottom: 10px;
    }
    .review .star .level {
        font-size: 10px;
    }
    .review .star-rating-box {
        font-size: 12px;
    }
    .review .rate-num {
        font-size: 12px;
    }

    /* reating-li */
    #input_contents #review .reating-li {
        display: block;
        margin: 10px 30px 10px 0;
        padding: 7px 7px;
    }
    #input_contents #review .reating-li li {
        font-size: 10px;
        padding-left: 0;
    }
    .review .reating-li li + li {
        margin-left: 10px;
    }
    .review .reating-li li + li::after {
        left: -5px;
    }

    #input_contents #review .attribute-li {
        width: 100%;
    }
    #input_contents #review .attribute-li li {
        font-size: 10px;
        line-height: 1.8;
    }
    .review .attribute-li li + li {
        margin-left: 10px;
    }
    .review .attribute-li li + li::after {
        left: -5px;
    }

    .review .summary-cell {
        font-size: 12px;
    }
    .review .toggle-btn {
        text-decoration: underline;
    }

    .review .review_li > li:last-child {
        background: #eee;
        height: 35px;
        padding: 5px;
    }
    #input_contents #review .detail-link {
        text-align: center;
        height: 35px;
        padding: 5px;
    }
    #input_contents .review .detail-link a {
        color: #333;
        font-size: 12px;
        font-weight: bold;
    }
    #input_contents .review .detail-link a::after {
        background: none;
        position: relative;
    }
}

/* 下部ボタン */
.review-btn {
}

#input_contents .review-btn a,
.review-btn a {
  display: block;
  background-size: auto, contain;
  background-repeat: no-repeat, repeat;
  background-position: 96%, 50%;
  border-radius: 100px;
  width: 500px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  background-image: url(../img/common/double_arrow.svg), url(../img/common/bottom_osusume_btn_bg.jpg);
  box-shadow: 0 2px 0 #bfbfbf;
  line-height: 1;
  text-align: center;
}
#input_contents .review-btn a:hover,
.review-btn a:hover {
    opacity: 0.8;
}
#input_contents .review-btn:hover,
.review-btn:hover {
    opacity: 0.8;
}

.review-btn a::after {
    background: url(../img/common/arrow-double-white.svg)no-repeat center center;
    background-size: 14px 15px;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    width: 14px;
    bottom: 0;
    top: 0;
    right: 20px;
    margin: auto;
}


/*------------------------------------------------------------------------------
index_reaview_detail
------------------------------------------------------------------------------*/

.review.detail {
    margin: 0 0 40px;
}

.review.detail .bg-area {
    padding: 20px;
    border-radius: 10px;
    background: #ecf6ee;
}

.review.detail .ttl {
    background: #fff;
    border-left: 4px solid #017135;
    display: block;
    margin-bottom: 20px;
    padding: 10px 20px;
}
#input_contents .review.detail .ttl a {
    color: #45ac56;
    font-size:17px;
    text-decoration: none;
}

#input_contents #review_detail .attribute-li {
    background: none;
    padding: 0;
}

.review.detail .content-wrap {
    margin-bottom: 15px;
}

.review.detail .rate-wrap {
    margin: 0 0 15px 10px;
}

#input_contents #review_detail .review.detail .review_li {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin: 0;
    position: relative;
}
#input_contents #review_detail .review.detail .review_li li {
    padding-left: 0;
}
#input_contents #review_detail .review.detail .review_li > li {
  position: static;
}

.review.detail .review_li > li:last-child {
    padding: 0;
}
.review.detail .review_li > li:not(:last-child) {
    border-bottom: none;
    padding: 0;
}

#input_contents .review.detail .loan-table {
    border-collapse: separate;
    border-radius: 5px;
    border-spacing: 0;
    font-size: 12px;
    margin: 0 0 10px;
}
#input_contents .review.detail .loan-table tr {
    width: 100%;
}
#input_contents .review.detail .loan-table th,
#input_contents .review.detail .loan-table td {
    padding: 8px 10px;
}
#input_contents .review.detail .loan-table td {
    border-left: 1px solid #fff;
    border: none;
}
#input_contents .review.detail .loan-table .half-left {
    border-right: 1px solid #ccc;
}
#input_contents .review.detail .loan-table th {
    background: #e7ece2;
    border: none;
    border-right: 1px solid #e7ece2;
    font-weight: bold;
    width: 120px;
}
#input_contents .review.detail .loan-table tr:not(:last-child) th,
#input_contents .review.detail .loan-table tr:not(:last-child) td {
    border-bottom: 1px solid #ccc;
}

.review.detail .review_li p + p {
    margin-top: 3px;
}

.review.detail .white-bg {
    background: #fff;
    border: 2px solid #45ac56;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
}

.review.detail .white-bg .sub-ttl {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/* 棒グラフ */
.review.detail .bar-graph {
    width: 60%;
    position: relative;
}

#input_contents .review.detail .bar-table {
    margin: 20px 0 0;
}

.review.detail .num {
    position: absolute;
    font-size: 10px;
}
.review.detail .num.num01 {
    right: 52%;
    top: 30px;
}
.review.detail .num.num02 {
    right: 25%;
    top: 30px;
}
.review.detail .num.num03 {
    right: -2%;
    top: 30px;
}

.review.detail .bar-graph .rate-cell {
    width: 160px;
}

@media screen and (max-width: 374px) {
    .review.detail .bar-graph .rate-cell {
        width: 135px;
    }
}

.review.detail .bar-graph .bar {
    height: 34px;
    min-width: calc(100% - 160px);
    position: relative;
}

.review.detail .bar-graph .bar::before {
    background: #ccc;
    background-size: 1px 100%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 1px;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.review.detail .bar-graph .bar::after {
    background: linear-gradient(to bottom, #fef5e1, #fcd57f);
    background-size: 100% 28px;
    content: "";
    display: block;
    height: 28px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
}

@media all and (-ms-high-contrast: none){
    .review.detail .bar-graph .bar::after {
        top: 24px; /* IE10以上 */
    }
    .review.detail .bar-graph .bar::before {
        top: 24px;
        height: 34px;
    }
}

/* 棒グラフの長さ */
.review.detail .bar-graph .bar.bar_00::after {
    width: 0;
}
.review.detail .bar-graph .bar.bar_10::after {
    width: 10%;
}
.review.detail .bar-graph .bar.bar_20::after {
    width: 20%;
}
.review.detail .bar-graph .bar.bar_30::after {
    width: 30%;
}
.review.detail .bar-graph .bar.bar_40::after {
    width: 40%;
}
.review.detail .bar-graph .bar.bar_50::after {
    width: 50%;
}
.review.detail .bar-graph .bar.bar_60::after {
    width: 60%;
}
.review.detail .bar-graph .bar.bar_70::after {
    width: 70%;
}
.review.detail .bar-graph .bar.bar_80::after {
    width: 80%;
}
.review.detail .bar-graph .bar.bar_90::after {
    width: 90%;
}
.review.detail .bar-graph .bar.bar_100::after {
    width: 100%;
}

/* 円グラフ */
.review.detail .circle-graph {
    width: 40%;
    padding-left: 10px;
}

.review.detail .graradarBox {
    margin-top: 20px;
}


#review_detail .wp-pagenavi {
    margin-bottom: 40px;
}


.review.detail .review-detail-btn,
.review-list-page.review-detail-btn {
  background: url(../img/common/card_detail_btn.png)no-repeat center center;
  background-size: 100%;
  content: "";
  display: block;
  height: 72px;
  width: 60px;
  bottom: 0;
  top: 0;
  right: -10px;
  margin: auto;
  position: absolute;
}

/* SP */
@media screen and (max-width: 640px) {
    .review.detail .bg-area {
        padding: 8px;
        border-radius: 10px;
    }

    /* tab-area */
    .review.detail .tab-area {
      position: relative;
        margin: 0;
    }
    .review.detail .review-tab {
        float: left;
        font-size: 10px;
        height: 29px;
        line-height: 29px;
    }
    .review.detail .new-review {
        background: linear-gradient(to bottom, #fbb707, #fa7702);
        border-radius: 5px;
        float: right;
        font-weight: bold;
        height: 25px;
        line-height: 25px;
        text-align: center;
        width: 115px;
    }
    #input_contents .review.detail .new-review:hover {
        opacity: 0.8;
    }
    #input_contents .review.detail .new-review a {
        font-size: 10px;
        padding-left: 20px;
    }
    #input_contents .review.detail .review.detail .new-review a:hover {
        opacity: 1;
    }
    .review.detail .new-review a::after {
        left: 22px;
    }

    .review.detail .ttl {
        background: #fff;
        border-left: 2px solid #017135;
        font-size: 15px;
        margin-bottom: 10px;
        padding: 5px 10px;
    }

    #input_contents #review_detail .attribute-li {
        margin: 0;
    }

    #input_contents #review_detail .review.detail .review_li {
        background: none;
        border-radius: 10px;
        padding: 0;
        margin: 0;
    }
    .review.detail .review_li {
        padding: 0;
    }
    #input_contents #review_detail .review.detail .review_li > li {
        padding-left: 8px;
    }
    .review.detail .review_li > li:not(:last-child) {
        border: 1px solid #8fb09b;
        border-bottom: none;
        border-radius: 10px 10px 0 0;
        padding: 8px;
    }
    .review.detail .review_li > li:last-child {
        border: 1px solid #8fb09b;
        border-top: none;
        height: auto;
        padding: 8px;
    }
    .review .review_li > li:last-child {
        background: #fff;
    }

    #input_contents .review.detail .loan-table {
        margin: 0;
        border-radius: 0;
    }

    .review.detail .content-wrap {
        margin-bottom: 10px;
    }
    .review.detail .rate-wrap {
        margin: 0 0 10px;
    }

    .review.detail .content-area {
        font-size: 11px;
        width: 95%;
    }

    #input_contents .review.detail .loan-table {
        border-top: 0;
        font-size: 10px;
    }
    #input_contents .review.detail .loan-table th {
        width: 100px;
    }
    #input_contents .review.detail .loan-table th, #input_contents .review.detail .loan-table td {
        padding: 5px 7px;
    }

    #input_contents .review.detail .loan-table tr:first-child td {
        border-right: 0;
    }

    .review.detail .slide-btn {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #e7ece2;
        border: 1px solid #ccc;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 8px;
        position: relative;
        width: 100%;
        transition: 0.3s;
    }
    .review.detail .slide-btn span {
        background: #eee;
        border: 1px solid #ccc;
        border-radius: 3px;
        display: block;
        margin-right: 10px;
        width: 16px;
        height: 16px;
        position: relative;
    }

    .review.detail .slide-btn span::before {
        background: #45ac56;
        background-size: 2px 12px;
        content: "";
        display: block;
        height: 12px;
        position: absolute;
        width: 2px;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
        transition: 0.3s;
    }
    .review.detail .slide-btn.open span::before {
        background: none;
        height: 0;
        width: 0;
    }
    .review.detail .slide-btn span::after {
        background: #45ac56;
        background-size: 12px 2px;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        width: 12px;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
    }

    .review.detail .slide-btn-js.slide-btn span::before {
        background: none;
    }

    .review.detail .slide-btn-js.slide-btn {
        border-bottom: none;
        border-radius: 5px 5px 0 0;
        transition: 0.3s;
    }
    .review.detail .slide-js {
        display: none;
    }
    .review.detail .slide-open {
        display: block;
    }

    .review.detail .bar-graph {
        width: 100%;
    }

    .review.detail .circle-graph {
        width: 100%;
        padding-left: 0;
    }
    .review.detail .graradarBox {
        margin: 0 auto;
    }

    .white-bg.bar .circle-graph {
        display: none;
    }

    .white-bg.circle .bar-graph {
        display: none;
    }

    .review.detail .white-bg {
        border-top: 2px solid #016d31;
        border-right: 1px solid #8fb09b;
        border-left: 1px solid #8fb09b;
        border-bottom: 1px solid #8fb09b;
        padding: 0 0 10px 0;
        position: relative;
    }

    .review.detail .white-bg::before {
        background: #ecf6ee;
        content: "";
        height: 2px;
        width: calc(50% + 1px);
        position: absolute;
        top: -2px;
        right: -1px;
    }

    .review.detail .white-bg.circle::before {
        right: auto;
        left: -1px;
    }

    .review.detail .white-bg .sub-ttl {
        font-size: 12px;
        display: inline-block;
        line-height: 22px;
        margin-bottom: 10px;
        padding: 5px 0;
        width: 50%;
    }

    .review.detail .white-bg .sub-ttl.other {
        background: #45ac56;
        color: #ffffff;
        cursor: pointer;
        float: right;
        padding: 0;
        width: 50%;
    }

    .review.detail .white-bg.circle .sub-ttl.other {
        float: left;
    }

    .review.detail .white-bg .sub-ttl.other a {
        display: block;
        color: #ffffff!important;
        padding: 5px 0;
        text-decoration: none!important;
    }

    .review.detail .num.num01,
    .review.detail .num.num02,
    .review.detail .num.num03 {
        top: 40px;
    }

    .review.detail .num.num01 {
        right: 40%;
    }

    .review.detail .num.num02 {
        right: 20%;
    }

    .review.detail .num.num03 {
        right: 1%;
    }

    #input_contents .review.detail .bar-table {
        border-width: 1px 0;
        margin: 20px auto 0;
        table-layout:fixed;
        width: 90%;
    }

    .review.detail .graradarBox {
        margin-top: 15px;
    }
    .review.detail .slide-btn::after {
        background: url(../img/review/)no-repeat center center;
        background-size: 100% 100%;
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
    }
    .review.detail .content-area {
        position: relative;
    }
  .review.detail .content-area p {
    padding-right: 20px;
  }

  .review.detail .review-detail-btn {
    right: -29px;
    height: 54px;
    width: 44px;
  }
  .review-list-page.review-detail-btn {
    right: -15px;
    height: 54px;
    width: 44px;
    top: 100px;
    bottom: auto;
  }
}

/* slider */
.review.detail.slider-block01 {
    background: #ecf6ee;
    margin: 0 0 20px;
    padding: 20px 0;
}
#full-wrapper .slider-ttl,
#full-wrapper #input_contents .slider-ttl {
    background: #45ac56;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin-top: 20px;
    padding: 20px 0;
    position: relative;
    text-align: center;
}
#full-wrapper .slider-ttl::after,
#full-wrapper #input_contents .slider-ttl::after {
    background: url(../img/review/ico-good.svg)no-repeat center center;
    background-size: 32px 30px;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    width: 30px;
    bottom: 0;
    top: 0;
    right: 285px;
    left: 0;
    margin: auto;
}

.review.detail.slider-block01 .slider .slick-track li {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 30px;
    margin: 0 20px;
}

.review.detail.slider-block01 .slider .li-area {
    margin: 0 auto;
    max-width: 380px;
}

.review.detail.slider-block01 .slider .content {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}
.review.detail.slider-block01 .slider .content + .content {
    padding-left: 10px;
}

.review.detail.slider-block01 .slider .content h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
}
.review.detail.slider-block01 .slider .summary {
    font-size: 16px;
    margin: 10px 0;
}

.review.detail.slider-block01 .slider .star-rating-box {
    font-size: 20px;
}
.review.detail.slider-block01 .slider .rate-num {
    font-size: 20px;
    font-weight: normal;
    padding-left: 10px;
    color: #333;
}

.review.detail.slider-block01 .gray-btn,
.review.detail.slider-block01 .official-btn {
    display: inline-block;
    cursor: pointer;
}

.review.detail.slider-block01 .gray-btn {
    background: #eeeeee;
    border-bottom: 2px solid #cacac9;
    height: 60px;
    width: 150px;
    margin-right: 15px;
}

@media screen and (max-width: 374px) {
    .review.detail.slider-block01 .slider .slick-track li {
        padding: 7px!important;
    }
}

.review.detail.slider-block01 .gray-btn a {
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 60px;
    padding-right: 20px;
    position: relative;
    text-align: center;
}
.review.detail.slider-block01 .gray-btn a::after {
    background: url(../img/review/arrow-right-bk.svg)no-repeat center center;
    background-size: 7px 12px;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    width: 7px;
    bottom: 0;
    top: 0;
    right: 10px;
    margin: auto;
}

.review.detail.slider-block01 .official-btn {
    background: #d80101;
    border-radius: 5px;
    height: 60px;
    width: 200px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3);
}
.review.detail.slider-block01 .official-btn a {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 60px;
    padding-right: 20px;
    position: relative;
    text-align: center;
}
.review.detail.slider-block01 .official-btn a::after {
    background: url(../img/common/arrow-double-white.svg)no-repeat center center;
    background-size: 13px 14px;
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    width: 13px;
    bottom: 0;
    top: 0;
    right: 10px;
    margin: auto;
}

/* PC */
@media screen and (min-width: 641px) {
    .review.detail.slider-block01 .slick-dots{
        display: none!important;
    }
}

.review.detail.slider-block01 {
    position: relative;
}
.review.detail.slider-block01 .prev-arrow {
    display: block;
    height: 50px;
    position: absolute;
    width: 50px;
    bottom: 25px;
    top: 0;
    left: 10px;
    margin: auto;
    z-index: 99;
}
.review.detail.slider-block01 .next-arrow {
    display: block;
    height: 50px;
    position: absolute;
    width: 50px;
    bottom: 25px;
    top: 0;
    right: 10px;
    margin: auto;
    z-index: 99;
}

/* SP */
@media screen and (max-width: 640px) {
    /* SP時アンカーリンクずらし */
    .anchor-sp {
        position: relative;
        top: -54px;
        left: 0;
        height: 1px;
        width: 1px;
        display: block;
        width: 100%;
        width: 100%;
    }

    .slider-ttl {
        font-size: 12px;
        padding: 10px 0;
    }
    .slider-ttl::after {
        background-size: 16px 17px;
        height: 18px;
        width: 16px;
        right: 210px;
    }

    #full-wrapper #input_contents .slider-ttl {
        padding-left: 30px;
    }

    #full-wrapper #input_contents .slider-ttl::after {
        background-size: 28px 26px;
        right: 70%;
    }

    .review.detail.slider-block01 .slider .slick-track li {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 15px;
        padding: 12px;
        margin: 0 3px;
    }
    .review.detail.slider-block01 .slider .li-area {
        margin: 0 auto;
        max-width: 240px;
    }
    .review.detail.slider-block01 .slider .content img {
        width: 100px;
        height: 100px;
    }
    .review.detail.slider-block01 .slider .content h3 {
        font-size: 12px;
        margin: 10px 0;
    }
    .review.detail.slider-block01 .slider .summary {
        font-size: 12px;
        text-align: left;
    }

    .review.detail.slider-block01 .slider .rate-num {
        font-size: 12px;
    }
    .review.detail.slider-block01 .slider .star-rating-box {
        font-size: 15px;
    }

    .review.detail.slider-block01 .btn-area {
        text-align: center;
    }

    .review.detail.slider-block01 .gray-btn {
        height: 36px;
        width: 90px;
        margin-right: 10px;
    }

    @media screen and (max-width: 374px) {
        .review.detail.slider-block01 .gray-btn {
            width: 85px;
        }
    }


    .review.detail.slider-block01 .gray-btn a {
        display: block;
        font-size: 12px;
        line-height: 36px;
        padding-right: 10px;
    }
    .review.detail.slider-block01 .gray-btn a::after {
        background-size: 5px 10px;
        height: 10px;
        width: 5px;
        right: 5px;
    }
    .review.detail.slider-block01 .official-btn {
        height: 38px;
        width: 130px;
        box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3);
    }
    .review.detail.slider-block01 .official-btn a {
        font-size: 12px;
        line-height: 38px;
        padding-right: 10px;
        position: relative;
        text-align: center;
    }
    .review.detail.slider-block01 .official-btn a::after {
        background-size: 9px 10px;
        height: 10px;
        width: 9px;
        right: 5px;
    }

    @media screen and (max-width: 374px) {
        .review.detail.slider-block01 .official-btn {
            width: 105px;
        }
        .review.detail.slider-block01 .official-btn a,
        .review.detail.slider-block01 .gray-btn a {
            font-size: 10px;
        }
    }

    .review.detail.slider-block01 .slick-dots,
    .review.detail.slider-block01 .slick-arrow{
        display: block!important;
    }

    .review.detail.slider-block01 .slick-dots {
        margin: 10px auto 0;
        text-align: center;
    }
    .review.detail.slider-block01 .slick-dots li {
        border-radius: 50%;
        background: #cacac9;
        display: inline-block;
        margin: 0 8px;
        width: 15px;
        height: 15px;
    }
    .review.detail.slider-block01 .slick-dots li.slick-active {
        background: #45ac56;
    }
    .review.detail.slider-block01 .slick-dots li button {
        display: none;
    }

    .review.detail.slider-block01 .prev-arrow,
    .review.detail.slider-block01 .next-arrow {
        height: 30px;
        width: 30px;
    }
}

/*------------------------------------------------------------------------------
index_reaview_form
------------------------------------------------------------------------------*/
#review_form .form-table-area input[type="email"] {
    -webkit-appearance: none;
}

#review_form .form-table-area input[type="text"]:focus,
#review_form .form-table-area input[type="email"]:focus,
#review_form .form-table-area textarea:focus {
    border: 2px solid #A6C7FF;
    outline: none;
}

#input_contents #review_form h2 {
    color: #fff;
    background-color: #45ac56;
}

#review_form .form-table-area + .form-table-area {
    margin-top: 30px;
}

#review_form .form-table-area .form-table {
    border-collapse: separate;
    border-spacing: 0;
    border: none;
}

#review_form .form-table-area .form-table th,
#review_form .form-table-area .form-table td {
    border: none;
    font-size: 16px;
    padding: 10px;
}

#review_form .form-table-area .form-table tr:first-child th {
    border-radius: 7px 0 0 0;
}
#review_form .form-table-area .form-table tr:last-child th {
    border-radius: 0 0 0 7px;
    border-bottom: 1px solid #ccc;
}
#review_form .form-table-area .form-table tr:first-child td {
    border-radius: 0 7px 0 0;
}
#review_form .form-table-area .form-table tr:last-child td {
    border-radius: 0 0 7px 0;
    border-bottom: 1px solid #ccc;
}

#review_form .form-table-area .form-table th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-weight: bold;
    text-align: left;
    width: 190px;
}
#review_form .form-table-area .form-table td {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-align: left;
}

#review_form .form-table-area .form-table a {
    color: #2000de;
}

#review_form .form-table-area .required {
    display: inline-block;
    position: relative;
}
#review_form .form-table-area .required::after {
    content: "（必須）";
    display: block;
    font-size: 10px;
    color: #e82d2d;
    position: absolute;
    bottom: 0;
    top: 0;
    right: -52px;
    margin: auto;
    height: 16px;
    width: 55px;
}

#review_form .form-table-area .comment-area {
    font-size: 10px;
    margin: 15px 0;
}
#review_form .form-table-area .comment-btn {
    background: #f2f2f2;
    border: 1px solid #bfbfbf;
    cursor: pointer;
    padding: 5px 10px;
    width: 200px;
}
#review_form .form-table-area .comment-btn span {
    margin-top: 5px;
}

#review_form .form-table-area .txt-small {
    font-size: 12px;
}
#review_form .form-table-area .txt-small span {
    font-size: 10px;
}

/* input,select */
#review_form .form-table-area input[type="text"],
#review_form .form-table-area input[type="email"] {
    -webkit-appearance: normal;
    border: 1px solid #ccc;
    height: 36px;
    padding-left: 10px;
    width: 100%;
}
#review_form .form-table-area input:-webkit-autofill {
    box-shadow: 0 0 0px 999px #fff inset;
}

#review_form .form-table-area select {
    background: url(../img/common/select_arrow.png)no-repeat center right;
    border: 1px solid #ccc;
    color: #0C2245;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    text-align: left;
    padding: 0 10px;
    vertical-align: middle;
    background-color: #fff;
}
#review_form .form-table-area select.small-select {
    width: 230px;
}
#review_form .form-table-area select.card-loan {
    width: 100%;
}

/* checkbox */
#input_contents #review_form .form-table-area .form-check-li {
    background: none;
    margin: 5px 0 0;
}
#input_contents #review_form .form-table-area .form-check-li li {
    padding-left: 0;
}
#review_form .form-table-area .form-check-li .other {
    margin-left: 20px;
    margin-top: 5px;
    width: calc(100% - 20px);
}
#review_form .form-table-area input[name=request-other][disabled],
#review_form .form-table-area input[name=delay-other][disabled] {
    background: #eee;
}

#review_form .error {
    color: #f00;
}

#review_form .form-table-area textarea {
    box-shadow: none;
    border: 1px solid #ccc;
    height: 120px;
    padding: 5px 10px;
    width: 100%;
    resize: vertical;
}

#review_form .confirmation-btn {
    text-align: center;
}
#review_form .confirmation-btn button {
    background: linear-gradient(to bottom, #6cc37c, #167621);
    border-radius: 25px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 10px auto 30px;
    line-height: 50px;
    height: 50px;
    padding-left: 20px;
    position: relative;
    width: 300px;
}
#review_form .confirmation-btn button:not(.back-btn)::after {
    background: url(../img/review/ico-check-form.svg)no-repeat center center;
    background-size: 21px 22px;
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    width: 21px;
    bottom: 0;
    top: 0;
    left: 50px;
    margin: auto;
}

#review_form .confirmation-btn button.back-btn {
    background: linear-gradient(to bottom, #888888, #808080);
}

.conf-message {
    text-align: center;
    font-size: 18px;
    margin: 50px 0;
}

.thanks {
    text-align: center;
    font-size: 18px;
    margin: 190px 0;
}

/* SP */
@media screen and (max-width: 640px) {
    #review_form .form-table-area .form-table th,
    #review_form .form-table-area .form-table td {
        display: block;
        font-size: 14px;
        padding: 10px;
    }

    #review_form .form-table-area .form-table th {
        border: 1px solid #ccc;
        width: 100%;
    }
    #review_form .form-table-area .form-table td {
        border-right: 1px solid #ccc;
        border-left:  1px solid #ccc;
        border-top: none;
        text-align: left;
    }

    #review_form .form-table-area .form-table tr:first-child th {
        border-radius: 7px 7px 0 0;
    }
    #review_form .form-table-area .form-table tr:first-child td {
        border-radius: 0;
    }
    #review_form .form-table-area .form-table tr:last-child th {
        border-radius: 0;
    }
    #review_form .form-table-area .form-table tr:last-child td {
        border-radius: 0 0 7px 7px;
    }

    #review_form .form-table-area .form-check-li li:not(:last-child) {
        display: inline-block;
    }
}

/* rating-table */
#review_form .form-table-area .rating-table th, #review_form .form-table-area .rating-table td {
    font-size: 12px;
    padding: 0 6px;
}
#input_contents #review_form .form-table-area table.rating-table,
#input_contents #review_form .form-table-area table.rating-table td,
#input_contents #review_form .form-table-area table.rating-table th {
    border: 1px solid #8fb09b;
    border-radius: 0;
}

#review_form .form-table-area .rating-table thead th {
    background: #ecf6ee;
    font-weight: normal;
    text-align: center;
    width: inherit;
}

#input_contents #review_form .gray-td {
    background: #eee;
}
#input_contents #review_form .happy .gray-td {
    font-weight: bold;
}
#input_contents #review_form .yellow-td {
    background: #fefae4;
}


/* 無評価ボタン label */
#input_contents #review_form .no-rating {
    color: #333;
    text-align: center;
}
#input_contents #review_form .no-rating label {
    background: #ededed;
    border: 1px solid #ccc;
    border-radius: 8px;
    color: #333;
    padding: 3px;
}

@media screen and (min-width: 641px) {/* PC */
    #input_contents #review_form .no-rating label:hover {
        background: #fc3;
        border: 1px solid #f08317;
        transition: 0.4s;
    }
}

#input_contents #review_form .no-rating label.label-clicked {
    background: #fc3;
    border: 1px solid #f08317;
}


#review_form .input-range {
    display: none;
}
#review_form .range-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#review_form .range-group > a {
    display: inline-block;
    width: 28px;
    height: 30px;
    cursor: pointer;
    position: relative;
}
#input_contents #review_form .range-td {
    height: 66px;
    padding: 0;
}

#input_contents #review_form.review-confirm .range-td {
    padding-left: 10px;
}

/* js関連部分 */
#input_contents #review_form .range-group a {
    text-decoration: none;
}
#review_form .range-group > a:before {
    content: "★";
    font-size: 30px;
    color: #aaa;
    line-height: 30px;
}
#review_form .range-group > a:not(:last-child)::after {
    background: #8fb09b;
    background-size: 1px 66px;
    content: "";
    display: block;
    height: 66px;
    position: absolute;
    width: 1px;
    bottom: 0;
    top: 0;
    right: -9px;
    margin: auto;
}
#review_form .range-group > a.on:before {
    content: "★";
    color: #fc3;
}

/* SP */
@media screen and (max-width: 640px) {
    #input_contents #review_form .form-table-area table.rating-table td,
    #input_contents #review_form .form-table-area table.rating-table th {
        border: none;
    }
    #input_contents #review_form .form-table-area table.rating-table {
        border-top: none;
        border-left: 1px solid #8fb09b;
        border-bottom: 1px solid #8fb09b;
        border-right: 1px solid #8fb09b;
    }

    #review_form .range-group > a:not(:last-child)::after {
        background: none;
        content: none;
    }

    #input_contents #review_form .form-table-area table.rating-table td:nth-child(3n+1) {
        border-top: 1px solid #8fb09b;
    }

    #input_contents #review_form .gray-td {
        padding: 4px;
    }

    #input_contents #review_form .form-table-area table.rating-table td.no-rating,
    #input_contents #review_form .form-table-area table.rating-table td.range-td {
        display: inline-block;
    }
    #input_contents #review_form .form-table-area table.rating-table td.no-rating {
        height: 40px;
        padding-top: 10px;
        width: 30%;
    }
    #input_contents #review_form .form-table-area table.rating-table td.range-td {
        width: 70%;
    }
    #input_contents #review_form .range-td {
        height: 40px;
        padding-top: 5px;
    }

    #review_detail .h2 {
        font-size: 4vw;
    }

    #full-wrapper .review-list-detail-link a {
        font-size: 14px;
        height: auto;
        line-height: 1.5;
        padding: 10px 0 9px;
        width: 100%;
    }
}


/*------------------------------------------------------------------------------
cardspec
------------------------------------------------------------------------------*/
#full-wrapper .slider-block01 ul,
#full-wrapper #input_contents .slider-block01 ul {
    background: none;
    margin: 0;
    padding: 0;
}
#full-wrapper .slider-block01 ul li:before,
#full-wrapper #input_contents .slider-block01 ul li:before {
    content: '';
    height: 0;
    width: 0;
}
#full-wrapper #input_contents .review.detail.slider-block01 .gray-btn a {
    color: #333;
    text-decoration: none;
}
#full-wrapper #input_contents .review.detail.slider-block01 .official-btn a {
    color: #fff;
    text-decoration: none;
}
#full-wrapper .slider-block01 ul.slick-dots,
#full-wrapper #input_contents .slider-block01 ul.slick-dots {
    margin: 10px 0 0;
}

.review-impression {
    border-left: 4px solid #017135;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 1px 0 1px 5px;
}


/*------------------------------------------------------------------------------
口コミ募集中のカードローン
------------------------------------------------------------------------------*/

#input_contents h2#collect-review {
    background: #45ac56;
    color: #fff;
    font-size: 28px;
    margin-bottom: 0;
    text-align: center;
    padding: 13px 10px;
}

.review-btn.collect {
    height: 80px;
    margin: 15px auto;
    width: 85%;
}

#input_contents .review-btn.collect a {
    background-size: 0, contain;
    border-radius: 5px;
    font-size: 30px;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    height: 80px;
    position: relative;
}

.review-btn.collect a::before {
    background: url(../img/review/ico_post_review.svg)no-repeat center center;
    background-size: 44px 40px;
    content: "";
    display: block;
    height: 40px;
    position: absolute;
    width: 44px;
    bottom: 0;
    top: 0;
    left: 40px;
    margin: auto;

}

.review-btn.collect a::after {
    background-size: 31px 30px;
    right: 40px;
    height: 30px;
    width: 31px;
}

@media screen and (min-width: 641px) {
    #full-wrapper .kekka_box_simple.non-bank .detail-to-link {
        top: 15px;
    }
}


/** SP */
@media screen and (max-width: 640px) {
    #input_contents h2#collect-review {
        font-size: 24px;
    }

    .review-btn.collect {
        height: 50px;
        margin: 0 auto;
        width: 90%;
    }

    #input_contents .review-btn.collect a {
        font-size: 20px;
        line-height: 50px;
    }

    .review-btn.collect a::before {
        background-size: 22px 20px;
        height: 20px;
        width: 22px;
        left: 15px;
    }

    .review-btn.collect a::after {
        background-size: 16px 15px;
        right: 25px;
        height: 16px;
        width: 16px;
    }
}

#full-wrapper .select_boxs_radio,
#full-wrapper #input_contents .select_boxs_radio {
    color: #fff;
    position: relative;
    top: 20px;
    padding: 0 0 5px;
}
#full-wrapper .select_boxs_radio > *,
#full-wrapper #input_contents .select_boxs_radio > * {
    background: none;
    float: left;
    margin: 0 0 0 22px;
    padding: 0;
    list-style: none;
}
#full-wrapper .select_boxs_radio .period,
#full-wrapper #input_contents .select_boxs_radio .period {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    list-style: none;
}
#full-wrapper .radio_label_list > li,
#full-wrapper #input_contents .radio_label_list > li {
    float: left;
    overflow: hidden;
    margin-right: 2px;
    list-style: none;
    padding: 0;
}
#full-wrapper .radio_label_list > li:before,
#full-wrapper #input_contents .radio_label_list > li:before {
    background: none;
    content: '';
    height: 0;
    width: 0;
}
.radio_label_list > li:nth-child(1) {
    border-radius: 4px 0 0 4px;
}
.radio_label_list > li:nth-child(3) {
    border-radius: 0 4px 4px 0;
}
.radio_label_list label {
    display: block;
}
.radio_label_list input[type="radio"] {
    display: none;
}

.label_style {
    background-color: #fff;
    color: #ffa20d;
    font-size: 20px;
    font-weight: bold;
    display: block;
    width: 86px;
    text-align: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input[type="radio"]:checked + .label_style {
    background-color: #35a447;
    color: #fff;
}

@media screen and (min-width: 641px) {
    .label_style:hover {
        opacity: 0.8;
    }
}


@media screen and (max-width: 640px) {
    .simulation-sub {
        padding: 0 22.5px;
    }
    #input_contents .simulation-sub {
        padding: 0 10px;
    }
    .simulation-sub .simulation-box {
        height: auto;
        margin-top: 10px;
    }
    .simulation-sub .midasi_txt_sub > .inn {
        font-size: 15px;
        padding: 0 10px;
    }
    .simulation-sub .balloon-txt {
        font-size: 12px;
        left: auto;
        padding-right: 70px;
    }
    .simulation-sub .balloon-txt > span {
        font-size: 14px;
    }
    .simulation-sub .balloon-txt > span:last-child {
        display: block;
    }
    .simulation-sub .balloon-shadow {
        width: 100%;
        margin-left: 0;
    }
    .interest_box {
        width: 70px;
        height: 65px;
        right: 0;
        z-index: 1;
    }
    .interest_box .inn_text {
        font-size: 12px;
    }
    .interest_box .inn_text > span {
        margin-top: -5%;
        margin-left: -5%;
    }
    .interest_box .inn_text > span img {
        width: 75%;
    }
    #full-wrapper .select_boxs_radio,
    #full-wrapper #input_contents .select_boxs_radio {
        top: 0;
        display: table;
        width: 100%;
    }
    #full-wrapper .select_boxs_radio::after,
    #full-wrapper #input_contents .select_boxs_radio::after {
        content: none;
    }
    #full-wrapper .select_boxs_radio > *,
    #full-wrapper #input_contents .select_boxs_radio > * {
        float: none;
        display: table-cell;
        vertical-align: middle;
        margin: 0;
    }
    #full-wrapper .select_boxs_radio .period,
    #full-wrapper #input_contents .select_boxs_radio .period {
        font-size: 14px;
        line-height: 1;
        width: 120px;
        text-align: right;
        padding-right: 10px;
    }
    #full-wrapper .radio_label_list,
    #full-wrapper #input_contents .radio_label_list {
        padding-right: 15px;
    }
    #full-wrapper .radio_label_list > li,
    #full-wrapper #input_contents .radio_label_list > li {
        width: 32%;
        margin-right: 0;
        padding: 0;
    }
    #full-wrapper .radio_label_list > li + li,
    #full-wrapper #input_contents .radio_label_list > li + li {
        margin-left: 2%;
    }
    .label_style {
        font-size: 14px;
        width: 100%;
    }
    .simulation-sub .input-area {
        background-color: #ffa20d;
    }
    .simulation-sub .input-area::after {
        background-image: url(../img/sp/simulation_back_arrow02.png);
    }
    #full-wrapper .simulation-sub .selectItem1 .select-ttl {
        width: 120px;
    }
    #full-wrapper .simulation-sub .selectItem1 .select-wrap {
        width: auto;
    }
}


.to-other-list-link {
    margin: 30px 0 40px;
}
.to-other-list-link a {
    background: #f0f0f0;
    border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
    color: #489eff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 58px;
    line-height: 58px;
    position: relative;
    text-align: center;
}
.to-other-list-link a:before {
    background: url(../img/common/arrow-right-rightblue.svg) no-repeat center center;
    background-size: 100%;
    content: '';
    height: 20px;
    width: 10px;
    position: absolute;
    left: 320px;
    right: 0;
    top: 2px;
    bottom: 0;
    margin: auto;
}



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

    body:not(.home) .to-other-list-link {
        margin-top: 0;
    }
    body:not(.home) .to-other-list-link a {
        border-top: none;
    }
    .to-other-list-link a {
        font-size: 16px;
    }
    .to-other-list-link a:before {
        left: auto;
        right: 10px;
    }
}

/*------------------------------------------------------------------------------
kariire simulation
------------------------------------------------------------------------------*/
.kariire-simulation-main-block .title-banner {
    margin: 0 0 20px;
}

.kariire-simulation-block {
    background: #e6e6e6;
    margin: 20px 0;
    padding: 10px;
}
.kariire-simulation-block .inner {
    background: #fff;
    margin: 0;
    padding: 20px;
}
.kariire-simulation-block .inner .info-input-area {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 20px 20px;
}
.kariire-simulation-block .inner .info-input-area .info-title {
    font-size: 18px;
    width: 38%;
}
.kariire-simulation-block .inner .info-input-area .info-title .required-mark {
    color: #f00;
    font-size: 14px;
    padding: 0 0 0 5px;
}
.kariire-simulation-block .inner .info-input-area .info-input {
    position: relative;
    width: 200px;
}
.kariire-simulation-block .inner .info-input-area .info-input input {
    box-shadow: none;
    border: 1px solid #b5b5b5;
    font-size: 20px;
    padding: 10px 50px 10px 10px;
    width: 200px;
}
.kariire-simulation-block .inner .info-input-area .info-input input.error {
    background: #FDEDEC;
    border-color: #f00;
}
.kariire-simulation-block .inner .info-input-area .info-input .unit {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
}
.kariire-simulation-block .inner .check-title {
    background: #45ab55;
    padding: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
}
#full-wrapper .kariire-simulation-block .inner .check-target-ul,
#full-wrapper #input_contents .kariire-simulation-block .inner .check-target-ul {
    background: none;
    margin: 0 0 20px;
    padding: 0;
}
.kariire-simulation-block .inner .check-target-ul li {
    border: 1px solid #b5b5b5;
    border-left: none;
    float: left;
    font-size: 18px;
    width: 33.33%;
}
#full-wrapper .kariire-simulation-block .inner .check-target-ul li:before,
#full-wrapper #input_contents .kariire-simulation-block .inner .check-target-ul li:before {
    content: '';
    height: 0;
    width: 0;
}
.kariire-simulation-block .inner .check-target-ul li:nth-child(3n+1) {
    border-left: 1px solid #b5b5b5;
}
.kariire-simulation-block .inner .check-target-ul li:nth-child(n+4) {
    border-top: none;
}
.kariire-simulation-block .inner .check-target-ul li label {
    height: 30px;
    line-height: 30px;
    display: table-cell;
    padding: 10px 15px 10px 45px;
    vertical-align: middle;
    position: relative;
    width: 999px;
}
.kariire-simulation-block .inner .check-target-ul li input {
    display: none;
}
.kariire-simulation-block .inner .check-target-ul li input + span {
    background: url(../img/common/kariire_checkbox.png) no-repeat center bottom;
    background-size: 26px;
    display: inline-block;
    height: 25px;
    width: 26px;
    vertical-align: middle;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.kariire-simulation-block .inner .check-target-ul li input:checked + span {
    background-position: center top;
}

.kariire-simulation-block .simulation-btn-area {
    text-align: center;
}
.kariire-simulation-block .simulation-btn {
    cursor: pointer;
    display: inline-block;
}
@media (min-width: 641px) {
    .kariire-simulation-block .simulation-btn:hover {
        opacity: 0.8;
    }
    .kariire-simulation-block .kekka_box .top .right {
        width: 430px;
    }
}

.kariire-simulation-block .simulation-result-area {
    background: #fff;
    display: none;
    padding: 20px 10px;
}
.kariire-simulation-block .simulation-result-area .result-block {
    display: none;
}
.kariire-simulation-block .simulation-result-area .result-box {
    background: #f8f6da;
    border: 4px solid #45ab55;
    padding: 20px;
    position: relative;
    margin: 0 0 50px;
}
.kariire-simulation-block .simulation-result-area .result-box:before {
    content: '';
    height: 0;
    width: 0;
    border-top: 40px solid #45ab55;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 40px solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -80px;
    margin: auto;
}
.kariire-simulation-block .simulation-result-area .result-box:after {
    content: '';
    height: 0;
    width: 0;
    border-top: 40px solid #f8f6da;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 40px solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -76px;
    margin: auto;
}
.kariire-simulation-block .simulation-result-area .result-box .title {
    background: #ff6000;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    padding: 1px 20px 5px;
    margin: 0 0 15px;
}
.kariire-simulation-block .simulation-result-area .result-box .title .big {
    font-size: 30px;
    padding: 0 5px 0 0;
    position: relative;
    top: 2px;
    left: 0;
}
.kariire-simulation-block .simulation-result-area .result-box .price-area {
    position: absolute;
    right: 20px;
    top: -2px;
}
.kariire-simulation-block .simulation-result-area .result-box .price-area .price {
    color: #f22b2b;
    font-size: 64px;
    font-weight: bold;
    display: inline-block;
}
.kariire-simulation-block .simulation-result-area .result-box .price-area .unit {
    font-size: 20px;
    display: inline-block;
}
.kariire-simulation-block .simulation-result-area .result-box .text1 {
    text-align: center;
    font-size: 24px;
    margin: 0 0 10px;
}
.kariire-simulation-block .simulation-result-area .result-box .text1 b {
    font-weight: normal;
    color: #f22b2b;
}
.kariire-simulation-block .simulation-result-area .result-box .text2 {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
}
.kariire-simulation-block .kariire-attention-area {
    background: #e8fcda;
    margin: 10px 0;
    padding: 20px;
}
.kariire-simulation-block .kariire-attention-area .title {
    color: #f22b2b;
    border-bottom: 2px solid #bbb;
    font-size: 30px;
    font-weight: bold;
    padding: 0 0 10px;
    text-align: center;
}
.kariire-simulation-block .kariire-attention-area .subtitle {
    color: #f22b2b;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 5px;
    text-align: center;
}
#full-wrapper .kariire-simulation-block .kariire-attention-ul,
#full-wrapper #input_contents .kariire-simulation-block .kariire-attention-ul {
    background: none;
    margin: 0;
    padding: 0;
}
.kariire-simulation-block .kariire-attention-ul li {
    font-size: 16px;
    padding: 15px 0;
}
#full-wrapper .kariire-simulation-block .kariire-attention-ul li:before,
#full-wrapper #input_contents .kariire-simulation-block .kariire-attention-ul li:before {
    content: '';
    height: 0;
    width: 0;
}
.kariire-simulation-block .kariire-attention-ul li + li {
    border-top: 2px solid #bbb;
}
.kariire-simulation-block .simulation-result-area .result-box .ng-text1 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 5px;
    text-align: center;
}
.kariire-simulation-block .simulation-result-area .result-box .ng-text2 {
    font-size: 16px;
}

.kariire-simulation-block .kekka_box .box-content {
    width: 630px;
}
.kariire-simulation-block .kekka_box .bottom .btns .oc-btn {
    width: 160px;
}

.error-message-area {
    color: #f00;
    text-align: center;
    font-size: 20px;
    margin: 0 0 15px;
}

.simulation-result-card-tab {
    margin: 0 0 10px;
    position: relative;
}
.simulation-result-card-tab .inner {
    background: transparent;
    padding: 10px 5px;
    position: relative;
    margin: 0;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}
.simulation-result-card-tab .bg {
    border: 2px solid #ff8100;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';

    -webkit-animation:blink 0.8s ease-in-out infinite alternate;
    -moz-animation:blink 0.8s ease-in-out infinite alternate;
    animation:blink 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes blink{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes blink{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.simulation-result-card-tab .card-tab {
    display: inline-block;
    width: 32%;
    border: 1px solid #969696;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}
.simulation-result-card-tab .card-tab.current {
    background: #45ab55;
    border: 1px solid #45ab55;
    color: #fff;
}
@media (min-width: 641px) {
    .simulation-result-card-tab .card-tab:not(.current):hover {
        color: #45ab55;
    }
}
.simulation-result-card-tab .card-tab + .card-tab {
    margin-left: 1%;
}
.simulation-result-card-hit {
    margin: 10px 0 20px;
    font-size: 20px;
    text-align: center;
}
.simulation-result-card-hit .num {
    color: #f33d3a;
    font-size: 30px;
    font-weight: bold;
}
* + .kariire-simulation-main-block {
    margin-top: 40px;
}
.kariire-simulation-main-block .kekka_box {
    overflow: visible;
}

/*** kariire simulation sp ***/
@media screen and (max-width: 640px) {
    .kariire-simulation-main-block .title-banner {
        margin: -10px 0 10px;
    }
    .kariire-simulation-main-block .message {
        margin-left: 10px;
        margin-right: 10px;
    }
    .kariire-simulation-block {
        padding: 20px 0;
    }
    .kariire-simulation-block .inner {
        margin: 0 10px 10px;
        padding: 10px 0;
        width: calc(100% - 20px);
    }
    .kariire-simulation-block .inner .info-input-area .info-title {
        font-size: 14px;
        width: 170px;
    }
    .kariire-simulation-block .inner .info-input-area .info-title .required-mark {
        font-size: 12px;
    }
    .kariire-simulation-block .inner .info-input-area .info-input {
        width: 130px;
    }
    .kariire-simulation-block .inner .info-input-area .info-input input {
        padding: 5px 45px 5px 5px;
        width: 130px;
    }
    .kariire-simulation-block .inner .info-input-area .info-input .unit {
        font-size: 16px;
        height: 16px;
        line-height: 16px;
    }
    .kariire-simulation-block .inner .notice {
        font-size: 12px;
        margin: 0 10px;
    }
    .kariire-simulation-block .inner .check-title {
        font-size: 16px;
        padding: 15px;
    }
    .kariire-simulation-block .inner .check-target-ul li {
        font-size: 11px;
    }
    .kariire-simulation-block .inner .check-target-ul li label {
        line-height: 1.3;
        height: 43px;
        padding: 7px 5px 7px 40px;
    }
    .kariire-simulation-block .inner .check-target-ul li input + span {
        height: 19px;
        width: 20px;
        background-size: 20px;
    }
    .kariire-simulation-block .simulation-btn-area {
        margin: 0 10px;
    }

    .kariire-simulation-block .simulation-result-area .result-box {
        padding: 10px;
        margin: 0 0 30px;
    }
    .kariire-simulation-block .simulation-result-area .result-box:before {
        border-top: 20px solid #45ab55;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-bottom: 20px solid transparent;
        bottom: -40px;
    }
    .kariire-simulation-block .simulation-result-area .result-box:after {
        border-top: 20px solid #f8f6da;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-bottom: 20px solid transparent;
        bottom: -36px;
    }
    .kariire-simulation-block .simulation-result-area {
        padding: 10px 0;
    }
    .kariire-simulation-block .simulation-result-area .result-box {
        margin-right: 10px;
        margin-left: 10px;
    }
    .kariire-simulation-block .simulation-result-area .result-box .title {
        font-size: 12px;
        padding: 1px 10px 3px;
        margin-bottom: 10px;
    }
    .kariire-simulation-block .simulation-result-area .result-box .title .big {
        font-size: 14px;
        top: 1px;
    }
    .kariire-simulation-block .simulation-result-area .result-box .price-area .price {
        font-size: 32px;
    }
    .kariire-simulation-block .simulation-result-area .result-box .price-area .unit {
        font-size: 10px;
    }
    .kariire-simulation-block .simulation-result-area .result-box .text1 {
        font-size: 16px;
        margin: 0 0 7px;
    }
    .kariire-simulation-block .simulation-result-area .result-box .text2 {
        font-size: 22px;
    }
    .kariire-simulation-block .simulation-result-area .result-box .ng-text1 {
        font-size: 16px;
    }
    .kariire-simulation-block .simulation-result-area .result-box .ng-text2 {
        font-size: 14px;
    }
    .kariire-simulation-block .simulation-result-area .notice {
        font-size: 12px;
        margin: 0 10px 10px;
    }
    .kariire-simulation-block .kariire-attention-area .title {
        font-size: 20px;
    }
    .kariire-simulation-block .kariire-attention-area .subtitle {
        font-size: 18px;
    }
    .kariire-simulation-block .kariire-attention-ul li {
        font-size: 14px;
    }
    .simulation-result-card-tab {
        position: relative;
        margin: 0 2% 10px;
    }

    .simulation-result-card-tab .card-tab {
        font-size: 12px;
    }
    .kariire-simulation-block .kekka_box .bottom .btns .oc-btn {
        width: 35%;
    }


}

.kariire-simulation-block .inner .check-target-ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0px;
    font-size: 0;
    visibility: hidden;
}

/*------------------------------------------------------------------------------
fp
------------------------------------------------------------------------------*/
.fp-detail-block .detail-title{
    border-bottom: solid 1px #7f8382;
    margin-bottom: 30px;
}

.fp-detail-block .detail-title h1{
    line-height: 1.5;
    font-size: 28px;
    font-weight: bold;
    padding: 0 16px;
}

.fp-detail-block .detail-title .date{
    float: right;
    line-height:1;
    margin-right:10px;
    padding-bottom:17px;
    font-size:16px;
    color:#808080;
}

.fp-detail-block h2{
    background: #f4f4f4;
    border-left: 6px solid #45ac56;
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
    margin: 20px 0 20px 0;
}


.fp-detail-block h3{
    border-top: 1px solid #7f8382;
    font-size:24px;
    font-weight: bold;
    line-height:1.3;
    margin:40px 0 20px 0;
    padding-top: 40px;
}

.fp-detail-block h4{
    font-size:18px;
    font-weight: bold;
    border-left:solid 5px #45ac56;
    padding:0 10px;
    margin:50px 0 20px 0;
}

.fp-detail-block h5 {
    display:inline-block;
    padding:11px 10px;
    font-size:20px;
    font-weight: bold;
    border-bottom:double 3px #45ac56;
    margin: 20px 0 10px 0;
}

.fp-detail-block p{
    line-height: 2;
    font-size:16px;
    margin:20px 0;
    text-align: justify;
}

.fp-detail-block ul{
    margin:20px 10px;
}

.fp-detail-block ul li:before{
    content: "";
    position: absolute;
    display:inline-block;
    top:7px;
    left:0;
    width:7px;
    height:7px;
    border-radius: 100%;
    background:#45ac56;

}

.fp-detail-block ul li {
    line-height:1.7;
    font-size:14px;
    padding-left:20px;
    position: relative;
}

.fp-detail-block ol{
    list-style-type:none;
    margin: 20px 10px;
    padding:0;
}

.fp-detail-block ol li:before{
    content: counter(number) ".";
    position: absolute;
    display:inline-block;
    top:0;
    left:0;
    font-size:14px;
    font-weight:bold;
}

.fp-detail-block ol li{
    line-height:1.7;
    font-size:14px;
    padding-left:20px;
    position: relative;
    counter-increment: number;
}

.fp-detail-block .img03 {
    margin: 30px auto;
}

@media screen and (min-width: 641px) {
    .fp-detail-block .img03 {
        padding:0 10px;
    }
}

.fp-detail-block .img03 img{
    float:left;
}

.fp-detail-block .img03 img + img {
    margin-left:20px;
}

.fp-detail-block .table{
    margin:40px auto;
    width:602px;
}

.fp-detail-block .table .table-title{
    font-size:16px;
    font-weight:bold;
    padding:0;
}

.fp-detail-block table{
    line-height:1.7;
    width:100%;
}

.fp-detail-block tr {

}

.fp-detail-block th {
    background:#ecf6ee;
    width:30%;
    border:solid 1px #45ac56;
    border-right:0;
    padding:15px 10px;
}

.fp-detail-block td {
    width:70%;
    border:solid 1px #45ac56;
    padding:15px 20px;
}

.fp-detail-block a{
    color:#45ac56;
}
.fp-detail-bk1 .social{
    text-align: center;
    padding:45px;
    border-bottom: solid 1px #7f8382;
}

.fp-detail-bk1 .social .facebook{
    display:inline-block;
    vertical-align: top;
}

.fp-detail-bk1 .social .hatena{
    display:inline-block;
}

.fp-detail-bk1 .social .line{
    display:inline-block;
}

.fp-detail-bk1 .social .twitter{
    display:inline-block;
}

.fp-detail-bk1 .social .pocket{
    display:inline-block;
}

.fp-detail-bk1 .paging-area {
    clear: both;
    padding: 50px 0 100px 0;
    width:100%;
    margin:0 auto;
    text-align: center;
}

.fp-detail-bk1 .paging-area .page-numbers {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size:15px;
    font-weight: bold;
    border:solid 1px #000;
    border-radius:5px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}

.fp-detail-bk1 .paging-area .page-numbers.prev:before{
    content:"";
    display:inline-block;
    width:6px;
    height:10px;
    background:url("../img/fp/arrow02.svg") no-repeat;
    position:absolute;
    top:0;
    bottom:0;
    left:20px;
    margin:auto;
}

.fp-detail-bk1 .paging-area .page-numbers.prev{
    width:180px;
    position:relative;
    float:left;
}

.fp-detail-bk1 .paging-area .page-numbers.current:before{
    content:"";
    display:inline-block;
    width:6px;
    height:10px;
    background:url("../img/fp/arrow02.svg") no-repeat;
    position:absolute;
    top:0;
    bottom:0;
    left:20px;
    margin:auto;
}

.fp-detail-bk1 .paging-area .page-numbers.current {
    width: 220px;
    position:relative;
}

.fp-detail-bk1 .paging-area .page-numbers.next{
    width:180px;
    position: relative;
    float:right;
}

.fp-detail-bk1 .paging-area .page-numbers.next:after{
    content:"";
    display:inline-block;
    width:6px;
    height:10px;
    background:url("../img/fp/arrow02.svg") no-repeat;
    position:absolute;
    top:0;
    bottom:0;
    right:20px;
    margin:auto;
    transform: scale(-1, 1);
}


.wrapper .fp-list .column .column-lst {
    border: 4px solid #45ac56;
    border-top: none;
}

.wrapper .fp-list .column .column-lst li{
    border: none;
    padding: 20px;
}
.wrapper .fp-list .column .column-lst li + li {
    padding-top: 0;
}
.fp-list .column.mod-archive .column-lst a {
    color: #3d96e2;
    text-decoration: underline;
}
.fp-list .column.mod-archive .column-lst a:after {
    background: none;
    height: 0;
    width: 0;
}
.fp-list .column-lst li {
    position: relative;
}
.wrapper .fp-list .column-lst li .column-number {
    font-weight: bold;
    width: 60px;
}
.wrapper .fp-list .column-lst li .date {
    color: #999;
    text-align: right;
    width: 80px;
}

.fp-detail-bk1 .column-number {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 5px 6px;
}

.fp-columnnist-zone {
    margin: 50px 0 15px;
}
.fp-columnnist-zone a {
    outline: none;
}
.fp-columnnist-zone .h2 {
    margin-bottom: 30px;
}

.fp-slider li {
    text-align: center;
    padding: 0 10px;
    width: 200px;
}

.fp-slider li .image {
    border-radius: 10px;
    overflow: hidden;
}

.fp-slider li img {
    display: inline-block;
    max-width: 170px;
    width: 100%;
}

.fp-slider li .name {
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin: 10px 0 0;
}

.slick-dots {
    margin: 30px 0 0;
    text-align: center;
}
.slick-dots li {
    border-radius: 50%;
    background: #aaa;
    cursor: pointer;
    height: 10px;
    width: 10px;
    padding: 0;
    display: inline-block;
    margin: 0 8px;
    text-indent: -9999px;
}
.slick-dots li:hover,
.slick-dots li.slick-active {
    background: #666;
}

.fp-columnist {
    border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
    margin: 40px 0 20px;
    padding: 40px 0;
}
.fp-columnist + .fp-columnist {
    border-top: none;
    margin-top: 0;
    padding-top: 20px;
}
.fp-columnist.super {
    border-top: none;
    margin-top: 0;
    padding-top: 20px;
}
.tax-tax_columnist .fp-columnist {
  border: none;
  margin: 0 0 20px;
  padding: 20px 0;
}
.fp-columnist .image {
    float: left;
    margin: 0;
    width: 170px;
}
.fp-columnist .name-div {
  float: right;
  position: relative;
  width: 500px;
}
.fp-columnist .name {
  border-bottom: 1px solid #aaa;
    font-size: 24px;
    font-weight: bold;
}
.fp-columnist .title {
    text-align: right;
}
.fp-columnist .belong {
    color: #9b8d77;
    text-align: right;
}
.fp-columnist .intro {
  float: right;
  line-height: 2;
  width: 500px;
    margin: 20px 0 0;
}
.fp-columnist .intro p {
    font-size: 13px;
}

.fp-columnist-title {
    font-size: 20px;
    font-weight: bold;
    color: #666;
    padding: 0 10px 0 0;
}

.fp-columnnist-zone + .fp-columnist-article {
    margin-top: -30px;
}

.fp-columnist-article .head {
  background: #45ac56;
  border-bottom: 2px solid #017135;
  color: #fff;
  font-weight: bold;
    font-size: 17px;
  line-height: 14px;
  padding: 13px 0 13px 20px;
    position: relative;
}
.fp-columnist-article.has-head-acordion .head {
    background: #ecf6ee;
    border: 1px solid #45ac56;
    color: #45ac56;
    cursor: pointer;
}
.fp-columnist-article.has-head-acordion .head:before {
    background: #45ac56;
    content: '';
    right: 10px;
    top: 0;
    bottom: 0;
    height: 3px;
    width: 20px;
    position: absolute;
    margin: auto;
}
.fp-columnist-article.has-head-acordion .head:after {
    background: #45ac56;
    content: '';
    right: 19px;
    top: 0;
    bottom: 0;
    width: 3px;
    height: 20px;
    position: absolute;
    margin: auto;
}
.fp-columnist-article.has-head-acordion .head.open:after {
    background: none;
    height: 0;
    width: 0;
}
.fp-columnist-article .body {
  border: 4px solid #45ac56;
  border-top: none;
  padding: 1px 40px;
}
.fp-columnist-article.has-head-acordion .body {
    display: none;
    border: 1px solid #ccc;
    position: relative;
    padding-bottom: 20px;
}
.fp-columnist-article.has-head-acordion .body .to-list-link {
    position: relative;
    left: 20px;
    top: 0;
}
.fp-columnist-article .fp-columnist-article-ul {
  margin: 0;
}
.fp-columnist-article .fp-columnist-article-ul li {
  margin: 20px 0;
  padding: 0;
}
.fp-columnist-article .fp-columnist-article-ul li:before {
  background: none;
  height: 0;
  width: 0;
}
.fp-columnist-article .fp-columnist-article-ul li a {
  color: #3d96e2;
  font-size: 18px;
  text-decoration: underline;
}
.to-list-link {
  font-size: 16px;
  margin: 10px 0 0;
  text-align: right;
}
.to-list-link a {
  color: #333;
  padding: 0 20px 0 0;
  position: relative;
}
.to-list-link a:before {
  background: url(../img/index/arrow-right10.svg) no-repeat center center;
  background-size: 100%;
  content: '';
  height: 16px;
  width: 10px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.to-other-list-link {
    margin: 30px 0 40px;
}
.fp-columnnist-zone + .to-other-list-link {
    margin-top: 15px;
}
.to-other-list-link a {
    background: #f0f0f0;
    border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
    color: #489eff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 58px;
    line-height: 58px;
    position: relative;
    text-align: center;
}
.to-other-list-link a:before {
    background: url(../img/common/arrow-right-rightblue.svg) no-repeat center center;
    background-size: 100%;
    content: '';
    height: 20px;
    width: 10px;
    position: absolute;
    left: 320px;
    right: 0;
    top: 2px;
    bottom: 0;
    margin: auto;
}
.home .fp-columnist-article .head {
  font-size: 18px;
}
.company-info {
    margin: 20px 40px -10px;
}
.company-info .company-base-area {
    display: table;
    margin: 0 0 15px;
}
.company-info .company-base-area .logo {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 260px;
}
.company-info .company-base-area .logo img {
    width: 160px;
}
.company-info .company-base-area .text-area {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.company-info .company-base-area .name {
    color: #9b8d77;
    font-size: 20px;
    font-weight: bold;
}
.company-info .company-base-area .catch {
    font-size: 18px;
}
.company-info .company-base-area .explain {
    font-size: 16px;
}

.other-columnist-link {
  margin: 40px 0;
  text-align: center;
}
.other-columnist-link a {
  background: #ff5555;
  border-bottom: 2px solid #ea0f0f;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  height: 60px;
  line-height: 60px;
  width: 370px;
}


@media screen and (min-width: 641px) {
    .fp-detail-bk1 .paging-area .page-numbers:hover {
        background: #45ac56;
        color: #fff;
        opacity: 1;
        border: solid 1px #45ac56;
    }

    .fp-detail-bk1 .paging-area .page-numbers.prev:hover:before{
        background:url("../img/fp/arrow01.svg") no-repeat;
    }

    .fp-detail-bk1 .paging-area .page-numbers.current:hover:before {
        background:url("../img/fp/arrow01.svg") no-repeat;
    }

    .fp-detail-bk1 .paging-area .page-numbers.next:hover:after {
        background:url("../img/fp/arrow01.svg") no-repeat;
    }
}


@media screen and (max-width: 640px) {
    .fp-detail-block{
        padding:0;
        width:auto;
        margin:0 10px;
    }

    .fp-detail-block .detail-title {
        margin-bottom: 20px;
    }

    .fp-detail-block .detail-title .date{
        padding:5px 0;
    }

    .fp-detail-block .detail-title h1{
        font-size:18px;
        padding: 0;
    }

    .fp-detail-block h2{
        margin:20px 0 20px 0;
        font-size:16px;
    }

    .fp-detail-block h3:before{
        width:20px;
        height:37px;
        background-size:contain;
    }

    .fp-detail-block h3{
        margin:30px 0 20px 0;
        font-size:16px;
        padding-left:30px;
    }

    .fp-detail-block h4{
        margin:30px 0 20px 0;
        font-size:16px;
    }

    .fp-detail-block h5{
        margin: 10px 0;
        font-size:16px;
    }

    .fp-detail-block p{
        padding:0;
    }

    .fp-detail-block .img03 img{
        margin:0;
        width: 100%;
    }

    .fp-detail-block .img03 img + img {
        margin:20px 0 0 0;
    }


    .fp-detail-block .table {
        margin:0;
        width:auto;
        padding:0 10px;
    }
    .fp-detail-block table{
        border-bottom: solid 1px #45ac56;
    }
    .fp-detail-block th{
        display:block;
        width:100%;
        padding:10px 5px;
        border: solid 1px #45ac56;
    }


    .fp-detail-block td{
        display:block;
        width:100%;
        padding:10px 5px;
        border: solid 1px #45ac56;
        border-top:0;
        border-bottom:0;
    }

    .fp-detail-bk1 .social {
        padding: 10px;
        text-align: start;
    }

    .fp-detail-bk1 .paging-area {
        width:auto;
        margin:0 10px;
        padding: 40px 0 60px 0;
    }

    .fp-detail-bk1 .paging-area .page-numbers {
        font-size:12px;
    }

    .fp-detail-bk1 .paging-area .page-numbers.prev {
        width: 50px;
    }

    .fp-detail-bk1 .paging-area .page-numbers.current:before{
        left:15px;
        margin:auto 0;
    }

    .fp-detail-bk1 .paging-area .page-numbers.current {
        width:170px;
        padding-left:10px;
    }

    .fp-detail-bk1 .paging-area .page-numbers.next {
        width: 50px;
    }

    .wrapper .fp-list .column-lst li .column-number {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
    }
    .wrapper .fp-list .column-lst li .date {
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
    }

    .fp-detail-bk1 .column-number {
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 5px 6px;
    }

    .fp-slider li .name {
        font-size: 16px;
    }

    .fp-columnnist-zone .h2 {
        margin-bottom: 20px;
    }

  .fp-columnist-article .fp-columnist-article-ul li a {
    font-size: 14px;
  }

  .fp-columnist {
    padding: 20px 0 1px;
  }
    .fp-columnist.super {
        padding-top: 10px;
    }
  .tax-tax_columnist .fp-columnist {
    padding: 20px 15px 5px;
  }
    .fp-columnist.columnist-list {
        margin-top: 20px;
        padding: 20px 15px 1px;
        border-bottom: none;
    }
    .fp-columnist-article.has-head-acordion {
        margin: 0 15px;
    }
    .fp-columnist-article.has-head-acordion .body .to-list-link {
        left: 0;
    }
  .fp-columnist .image {
    margin: 0;
    width: 30%;
  }
  .fp-columnist .name-div {
    width: 67%;
  }
  .fp-columnist .name {
    border: none;
    font-size: 18px;
    margin: 0 0 10px;
  }
    .fp-columnist .kana {
        font-size: 12px;
    }
  .fp-columnist .title {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: left;
  }
    .fp-columnist .belong {
        text-align: left;
    }
  .fp-columnist .intro {
    clear: both;
    float: none;
      margin: 0;
    padding: 10px 0 0;
    width: 100%;
  }
  .fp-columnist .intro p {
      font-size: 13px;
      line-height: 1.5;
    margin-top: 0;
  }

    .fp-columnist-title {
        font-size: 14px;
    }

  .fp-columnist-article .body {
    padding: 1px 20px;
  }

  .fp-list .h2 {
    line-height: 1.3;
    padding: 13px 20px;
  }
  .post-type-archive-fp .fp-list .h2,
  .tax-tax_columnist .fp-list .h2 {
      font-size: 14px;
      padding: 13px 10px;
}

  body:not(.home) .to-other-list-link {
      margin-top: 0;
  }
    body:not(.home) .to-other-list-link a {
        border-top: none;
    }
    .to-other-list-link a {
        font-size: 16px;
    }
    .to-other-list-link a:before {
        left: auto;
        right: 10px;
    }

    #full-wrapper .fp-columnnist-zone + .to-other-list-link a {
        border-top: 1px solid #b5b5b5;
    }
    .company-info {
        margin: 20px 30px 0;
    }
    .company-info .company-base-area .logo {
        width: 80px;
    }
    .company-info .company-base-area .text-area {
        padding: 0 0 0 10px;
    }
    .company-info .company-base-area .name {
        font-size: 18px;
    }
    .company-info .company-base-area .catch {
        font-size: 16px;
    }
    .company-info .explain {
        font-size: 13px;
    }
    .fp-columnist-article .head {
        font-size: 14px;
    }
}


/*------------------------------------------------------------------------------
design_parts
------------------------------------------------------------------------------*/

/*** parts-outline-block ***/
#full-wrapper .wrapper .parts-outline-block {
    border: 1px solid #d2d2d2;
    padding: 10px 20px;
    margin: 30px 0;
}
#full-wrapper .wrapper .parts-outline-block .head {
    border-bottom: 2px solid #d2d2d2;
    font-size: 20px;
    padding: 5px 0;
}
#full-wrapper .wrapper .parts-outline-aco-btn {
    color: #2079ff;
    text-decoration: underline;
    font-size: 18px;
    cursor: pointer;
}
#full-wrapper .wrapper .parts-outline-block ol {
    list-style-type: decimal;
    padding: 0 0 0 20px;
}
#full-wrapper .wrapper .parts-outline-block li {
    list-style-type: decimal;
    margin: 10px 0;
}
@media screen and (max-width: 640px) {
    #full-wrapper .wrapper .parts-outline-block .head {
        font-size: 14px;
    }
    #full-wrapper .wrapper .parts-outline-aco-btn {
        font-size: 12px;
    }
}
#full-wrapper .wrapper .fp-detail-block .parts-outline-block ol {
    list-style-type: none;
    padding-left: 0;
}
#full-wrapper .wrapper .fp-detail-block .parts-outline-block li {
    list-style-type: none;
}


/*** parts-scroll-table-block ***/
#full-wrapper .wrapper .parts-scroll-table-block {
    margin: 30px 0;
}
#full-wrapper .wrapper .parts-scroll-table-block table {
    border: 2px solid #d2d2d2;
    margin: 0;
    width: 100%;
}
#full-wrapper .wrapper .parts-scroll-table-block table th {
    border: 2px solid #d2d2d2;
    background: #67bb75;
    color: #fff;
    display: table-cell;
    font-size: 16px;
    padding: 15px 10px;
    text-align: center;
    width: auto;
}
#full-wrapper .wrapper .parts-scroll-table-block table td {
    border: 2px solid #d2d2d2;
    display: table-cell;
    font-size: 16px;
    padding: 15px 10px;
    text-align: center;
    width: auto;
}
@media screen and (max-width: 640px) {
    #full-wrapper .wrapper .parts-scroll-table-block {
        border: 1px solid #d2d2d2;
        overflow: scroll;
        width: 100%;
    }
    #full-wrapper .wrapper .parts-scroll-table-block table {
        table-layout: fixed;
    }
    #full-wrapper .wrapper .parts-scroll-table-block table th {
        padding: 15px;
        width: 180px;
    }
    #full-wrapper .wrapper .parts-scroll-table-block table td {
        padding: 10px;
    }
}


/*** parts-non-border-box ***/
#full-wrapper .wrapper .parts-non-border-box {
    margin: 30px 0;
}
#full-wrapper .wrapper .parts-non-border-box p {
    margin: 10px 20px 20px;
}
@media screen and (max-width: 640px) {
    #full-wrapper .wrapper .parts-non-border-box p {
        margin: 10px 10px 20px;
    }
}

/*** parts-has-border-box ***/
#full-wrapper .wrapper .parts-has-border-box {
    border: 1px solid #67bb75;
    border-radius: 3px;
    padding: 2px;
    margin: 30px 0;
}
#full-wrapper .wrapper .parts-has-border-box .inner {
    border: 1px solid #67bb75;
    width: auto;
}
#full-wrapper .wrapper .parts-has-border-box .body {
    padding: 20px;
}


/*** parts-title-pattern ***/
#full-wrapper .wrapper .parts-title-pattern-1 {
    border: 1px solid #67bb75;
    border-top: 4px solid #67bb75;
    padding: 15px 30px;
    font-size: 20px;
    font-weight: bold;
}
#full-wrapper .wrapper .parts-title-pattern-2 {
    background: #67bb75;
    color: #fff;
    padding: 15px 30px;
    font-size: 20px;
}
#full-wrapper .wrapper .parts-title-pattern-3 {
    background: #f6f6f6;
    border-left: 6px solid #67bb75;
    padding: 15px;
    font-size: 20px;
    font-weight: bold;
}
@media screen and (max-width: 640px) {
    #full-wrapper .wrapper .parts-title-pattern-1 {
        padding: 10px 20px;
        font-size: 16px;
    }
    #full-wrapper .wrapper .parts-title-pattern-2 {
        padding: 10px 20px;
        font-size: 16px;
    }
    #full-wrapper .wrapper .parts-title-pattern-3 {
        padding: 10px 20px;
        font-size: 16px;
    }
}



/*** parts-marker-check-ul ***/
#full-wrapper .wrapper .parts-marker-check-ul,
#full-wrapper .wrapper .parts-marker-check-ul.body,
#full-wrapper .wrapper #input_contents .parts-marker-check-ul {
    background: none;
    list-style-type: none;
    padding: 0 0 0 10px;
    margin: 0;
}
#full-wrapper .wrapper .parts-marker-check-ul li,
#full-wrapper .wrapper #input_contents .parts-marker-check-ul li {
    background: url(../img/common/parts_check_li.png) no-repeat left top;
    background-size: 20px;
    list-style-type: none;
    padding: 0 0 0 30px;
    margin: 10px 0;
}
#full-wrapper .wrapper .parts-marker-check-ul li:before,
#full-wrapper .wrapper #input_contents .parts-marker-check-ul li:before {
    content: '';
    height: 0;
    width: 0;
}



/*** parts-marker-yellow ***/
#full-wrapper .wrapper .parts-marker-yellow {
    background: linear-gradient(transparent 60%, #ffff66 60%);
}


/*** parts-explain-box ***/
#full-wrapper .wrapper .parts-explain-box {
    margin: 30px 0;
}
#full-wrapper .wrapper .parts-explain-box .head {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 20px 3px 35px;
    position: relative;
}
#full-wrapper .wrapper .parts-explain-box .head:before {
    content: '';
    left: 10px;
    top: 5px;
    bottom: 0;
    margin: auto;
    position: absolute;
    width: 18px;
    height: 15px;
    background-size: 100% !important;
}
#full-wrapper .wrapper .parts-explain-box.color-green .head {
    background: #67bb75;
    color: #fff;
}
#full-wrapper .wrapper .parts-explain-box.color-green .head:before {
    background: url(../img/common/parts_check_orange.png) no-repeat;
}
#full-wrapper .wrapper .parts-explain-box.color-gray .head {
    background: #eaeaea;
}
#full-wrapper .wrapper .parts-explain-box.color-gray .head:before {
    background: url(../img/common/parts_check_red.png) no-repeat;
}
#full-wrapper .wrapper .parts-explain-box.color-lightblue .head {
    background: #b7e8ff;
}
#full-wrapper .wrapper .parts-explain-box.color-lightblue .head:before {
    background: url(../img/common/parts_check_yellow.png) no-repeat;
}
#full-wrapper .wrapper .parts-explain-box .body {
    padding: 15px 20px;
}
#full-wrapper .wrapper .parts-explain-box.color-green .body {
    border: 2px solid #67bb75;
}
#full-wrapper .wrapper .parts-explain-box.color-gray .body {
    border: 2px solid #eaeaea;
}
#full-wrapper .wrapper .parts-explain-box.color-lightblue .body {
    border: 2px solid #b7e8ff;
}
@media screen and (max-width: 640px) {
    #full-wrapper .wrapper .parts-explain-box .body {
        padding: 10px 15px;
    }
}



#full-wrapper .yarpp-related {
    margin: 0;
}
#full-wrapper .yarpp-related a {
    font-weight: normal;
}

/*------------------------------------------------------------------------------
card_info_bg_color
------------------------------------------------------------------------------*/
#full-wrapper .card-info-has-bg-color-block .card-info-has-bg-color-title {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 13px 10px;
}
#full-wrapper .card-info-has-bg-color-block .card-info-has-bg-color-block-inner {
    padding: 20px;
}
#full-wrapper .card-info-has-bg-color-block .kekka_box {
    padding: 10px 20px 20px;
}
#full-wrapper .card-info-has-bg-color-block .kekka_box .box-title {
    padding-left: 0;
    padding-right: 0;
}
#full-wrapper .card-info-has-bg-color-block .kekka_box .right {
    width: 410px;
}
#full-wrapper .card-info-has-bg-color-block .kekka_box .bottom .btns .oc-btn {
    width: 150px;
}
#full-wrapper .card-info-has-bg-color-block + .card-info-has-bg-color-no-title {
    margin-top: -30px;
}
@media screen and (max-width: 640px) {
    #full-wrapper .card-info-has-bg-color-block {
        width: 108%;
        position: relative;
        left: -4%;
    }
    #full-wrapper .card-info-has-bg-color-block .card-info-has-bg-color-block-inner {
        padding: 10px 15px;
    }
    #full-wrapper .card-info-has-bg-color-block .card-info-has-bg-color-title {
        font-size: 16px;
        padding: 10px;
    }
    #full-wrapper .card-info-has-bg-color-block .kekka_box {
        padding: 10px 17px;
    }
    #full-wrapper .card-info-has-bg-color-block .kekka_box .box-content {
        padding-left: 0;
        padding-right: 0;
    }
    #full-wrapper .card-info-has-bg-color-block .kekka_box .bottom .btns .oc-btn {
        width: 35%;
    }
    #full-wrapper .card-info-has-bg-color-block + .card-info-has-bg-color-no-title {
        margin-top: -15px;
    }
}

/*** color-type-red ***/
#full-wrapper .card-info-has-bg-color-block.color-type-red {
    background: #fff5f5;
}
#full-wrapper .card-info-has-bg-color-block.color-type-red .card-info-has-bg-color-title {
    background: #f85443;
    color: #fff;
    border-top: 1px solid #e32c22;
    border-bottom: 1px solid #e32c22;
}
#full-wrapper .card-info-has-bg-color-block.color-type-red .kekka_box {
    border: 1px solid #e33131;
}
#full-wrapper .card-info-has-bg-color-block.color-type-yellow {
    background: #fffbee;
}
#full-wrapper .card-info-has-bg-color-block.color-type-yellow .card-info-has-bg-color-title {
    background: #ffc12c;
    color: #fff;
    border-top: 1px solid #f9a90a;
    border-bottom: 1px solid #f9a90a;
}
#full-wrapper .card-info-has-bg-color-block.color-type-yellow .kekka_box {
    border: 1px solid #f9b530;
}
#full-wrapper .card-info-has-bg-color-block.color-type-green {
    background: #eff1ef;
}
#full-wrapper .card-info-has-bg-color-block.color-type-green .card-info-has-bg-color-title {
    background: #45ac56;
    color: #fff;
    border-top: 1px solid #257940;
    border-bottom: 1px solid #257940;
}
#full-wrapper .card-info-has-bg-color-block.color-type-green .kekka_box {
    border: 1px solid #67b974;
}
#full-wrapper .card-info-has-bg-color-block.color-type-blue {
    background: #f4fbff;
}
#full-wrapper .card-info-has-bg-color-block.color-type-blue .card-info-has-bg-color-title {
    background: #085fa2;
    color: #fff;
    border-top: 1px solid #2e92df;
    border-bottom: 1px solid #2e92df;
}
#full-wrapper .card-info-has-bg-color-block.color-type-blue  .kekka_box {
    border: 1px solid #5eb1f1;
}
#full-wrapper .card-info-has-bg-color-block.color-type-purple {
    background: #f6f3fd;
}
#full-wrapper .card-info-has-bg-color-block.color-type-purple .card-info-has-bg-color-title {
    background: #937ec3;
    color: #fff;
    border-top: 1px solid #8b5fa8;
    border-bottom: 1px solid #8b5fa8;
}
#full-wrapper .card-info-has-bg-color-block.color-type-purple .kekka_box {
    border: 1px solid #9f76b3;
}
#full-wrapper .card-info-has-bg-color-block.color-type-gold {
    background: #fff1cf;
}
#full-wrapper .card-info-has-bg-color-block.color-type-gold .card-info-has-bg-color-title {
    background: #b8860b;
    color: #fff;
    border-top: 1px solid #b8860b;
    border-bottom: 1px solid #b8860b;
}
#full-wrapper .card-info-has-bg-color-block.color-type-gold .kekka_box {
    border: 1px solid #b8860b;
}
#full-wrapper .card-info-has-bg-color-block.color-type-silver {
    background: #f2f2f2;
}
#full-wrapper .card-info-has-bg-color-block.color-type-silver .card-info-has-bg-color-title {
    background: #708090;
    color: #fff;
    border-top: 1px solid #708090;
    border-bottom: 1px solid #708090;
}
#full-wrapper .card-info-has-bg-color-block.color-type-silver .kekka_box {
    border: 1px solid #708090;
}
#full-wrapper .card-info-has-bg-color-block.color-type-bronze {
    background: #fae8de;
}
#full-wrapper .card-info-has-bg-color-block.color-type-bronze .card-info-has-bg-color-title {
    background: #c05a23;
    color: #fff;
    border-top: 1px solid #c05a23;
    border-bottom: 1px solid #c05a23;
}
#full-wrapper .card-info-has-bg-color-block.color-type-bronze .kekka_box {
    border: 1px solid #c05a23;
}


/*** headline-template ***/
#full-wrapper .headling-template-1 {
    font-size: 20px;
    font-weight: bold;
    border-width: 2px;
    border-style: solid;
    padding: 12px 20px;
    margin: 0 0 20px;
}
#full-wrapper .headling-template-1 .headline-inner-text {
    color: #333;
    padding: 0 10px;
    font-weight: bold;
}

@media screen and (max-width: 640px) {
    #full-wrapper .headling-template-1 {
        position: relative;
        width: 108%;
        left: -4%;
        top: 0;
        padding: 8px 15px;
    }
    #full-wrapper .headling-template-1 .headline-inner-text {
        display: block;
        padding: 0;
    }
}

#full-wrapper .headling-template-1.headling-color-red {
    color: #dc0707;
    border-color: #e54848;
    background: #fcd9d9;
}
#full-wrapper .headling-template-1.headling-color-yellow {
    color: #f7a301;
    border-color: #f9b534;
    background: #fff8e2;
}
#full-wrapper .headling-template-1.headling-color-green {
    color: #25a208;
    border-color: #25a208;
    background: #e8fcda;
}
#full-wrapper .headling-template-1.headling-color-blue {
    color: #085fa2;
    border-color: #085fa2;
    background: #d9f0fc;
}
#full-wrapper .headling-template-1.headling-color-purple {
    color: #8957a1;
    border-color: #8957a1;
    background: #e5daff;
}
#full-wrapper .headling-template-1.headling-color-gray {
    color: #666666;
    border-color: #cccccc;
    background: #f7f7f7;
}
#full-wrapper .headling-template-1.headling-color-gold {
    color: #b8860b;
    border-color: #b8860b;
    background: #fff1cf;
}
#full-wrapper .headling-template-1.headling-color-silver {
    color: #708090;
    border-color: #708090;
    background: #f2f2f2;
}
#full-wrapper .headling-template-1.headling-color-bronze {
    color: #c05a23;
    border-color: #c05a23;
    background: #fae8de;
}

/*------------------------------------------------------------------------------
card_info tpl=simple
------------------------------------------------------------------------------*/
#full-wrapper .kekka_box_simple {
    position: relative;
}
#full-wrapper .kekka_box_simple .detail-to-link {
    position: absolute;
    right: 5px;
    top: 45px;
    margin: auto;
    height: 72px;
    width: 60px;
}
#full-wrapper .kekka_box_simple .left img {
    width: 100%;
    max-width: 200px;
}
@media screen and (max-width: 640px) {
    #full-wrapper .kekka_box_simple .detail-to-link {
        right: -5px;
        top: 90px;
        height: 60px;
        width: 50px;
    }
}

#full-wrapper .text-center {
    text-align: center;
}
#full-wrapper .text-right {
    text-align: right;
}

.notice-message {
    font-size: 12px;
    margin: 10px 0 0;
    text-align: right;
}
@media screen and (max-width: 640px) {
    .notice-message {
        font-size: 10px;
    }
}


/*------------------------------------------------------------------------------
point-tab-trigger-ul
------------------------------------------------------------------------------*/
#full-wrapper .point-tab-trigger-ul,
#full-wrapper #input_contents .point-tab-trigger-ul {
    position: relative;
    top: 1px;
    left: 0;
    z-index: 1;
    background: none;
    padding: 0;
    margin: 0;
}
.point-tab-trigger-ul li {
    cursor: pointer;
    overflow: hidden;
    background-color: #eee;
    border-bottom: 1px solid #43a653;
    border-radius: 8px 8px 0 0;
    display: block;
    text-align: center;
    padding: .3em 20px;
    float: left;
}
.point-tab-trigger-ul li.current,
.point-tab-trigger-ul li:hover {
    background-image: none;
    background-color: #43a653;
    border-color: #43a653;
    color: #fff;
    font-weight: bold;
}

#full-wrapper .point-tab-target-ul,
#full-wrapper #input_contents .point-tab-target-ul {
    background: none;
    padding: 0;
    margin: 0;
}
.point-tab-target-ul .point-lists {
    border-top: 1px solid #ccc;
}
#input_contents .point-tab-target-ul .point-lists {
    padding: 10px;
}
.point-tab-target-ul .point-tab-inner .point-lists {
    border-top: none;
}

#full-wrapper .point-tab-target-ul > li,
#full-wrapper #input_contents .point-tab-target-ul > li {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
#full-wrapper .point-tab-target-ul > li.current,
#full-wrapper #input_contents .point-tab-target-ul > li.current {
    display: block;
}
#full-wrapper #input_contents .point-tab-trigger-ul li:before,
#full-wrapper #input_contents .point-tab-target-ul li:before {
    content: '';
}

.point-tab-inner {
    border: 1px solid #ccc;
    margin: 0 0 10px;
}

#full-wrapper .point-tab-inner .point {
    border: none;
    border-bottom: 1px solid #ccc;
}
.point-tab-target-ul .point-tab-inner .use-box {
    padding: 10px;
}
.point-tab-target-ul .point-tab-inner .use-box:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 640px) {
    .point-tab-trigger-ul li {
        font-size: 12px;
        min-height: 46px;
        padding-right: 1em;
    }
    .point-tab-trigger-ul li:not(.long-menu) {
        padding-top: 13px;
    }
    .point-tab-inner p {
        font-size: 12px;
    }
}



/*------------------------------------------------------------------------------
ranking-tab-trigger-ul
------------------------------------------------------------------------------*/
#full-wrapper .ranking-tab-trigger-ul,
#full-wrapper #input_contents .ranking-tab-trigger-ul {
    border-bottom: 3px solid #45ab55;
    position: relative;
    background: none;
    padding: 0;
    margin: 0;
}
#full-wrapper .ranking-tab-trigger-ul li,
#full-wrapper #input_contents .ranking-tab-trigger-ul li {
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #c8cac7;
    border-radius: 8px 8px 0 0;
    display: block;
    text-align: center;
    padding: .3em 40px;
    float: left;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #efefef 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fefefe 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

}
#full-wrapper .ranking-tab-trigger-ul li.current,
#full-wrapper .ranking-tab-trigger-ul li:hover,
#full-wrapper #input_contents .ranking-tab-trigger-ul li.current,
#full-wrapper #input_contents .ranking-tab-trigger-ul li:hover {
    background-image: none;
    background-color: #43a653;
    border-color: #43a653;
    color: #fff;
    font-weight: bold;
}

#full-wrapper .ranking-tab-target-ul,
#full-wrapper #input_contents .ranking-tab-target-ul {
    background: none;
    padding: 0;
    margin: 0;
}
.ranking-tab-target-ul .point-lists {
    border-top: 1px solid #ccc;
}
#input_contents .ranking-tab-target-ul .point-lists {
    padding: 10px;
}
.ranking-tab-target-ul .point-tab-inner .point-lists {
    border-top: none;
}

#full-wrapper .ranking-tab-target-ul > li,
#full-wrapper #input_contents .ranking-tab-target-ul > li {
    display: none;
    list-style: none;
    margin: 0;
    background: #eee;
    padding: 10px 20px;
}
#full-wrapper .ranking-tab-target-ul > li.current,
#full-wrapper #input_contents .ranking-tab-target-ul > li.current {
    display: block;
}
#full-wrapper #input_contents .ranking-tab-trigger-ul li:before,
#full-wrapper #input_contents .ranking-tab-target-ul li:before {
    content: '';
}
.ranking-tab-target-ul > li .inner {
    background: #fff;
    border-radius: 5px;
    padding: 10px 20px;
}

#full-wrapper .ranking-tab-body-ul > li,
#full-wrapper #input_contents .ranking-tab-body-ul > li {
    display: none;
    list-style: none;
    margin: 0;
}
#full-wrapper .ranking-tab-body-ul > li.current,
#full-wrapper #input_contents .ranking-tab-body-ul > li.current {
    display: block;
}
#full-wrapper #input_contents .ranking-tab-body-ul li:before {
    content: '';
}

.point-tab-inner {
    border: 1px solid #ccc;
    margin: 0 0 10px;
}

#full-wrapper .point-tab-inner .point {
    border: none;
    border-bottom: 1px solid #ccc;
}
.ranking-tab-target-ul .point-tab-inner .use-box {
    padding: 10px;
}
.ranking-tab-target-ul .point-tab-inner .use-box:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 640px) {
    #full-wrapper .ranking-tab-trigger-ul li,
    #full-wrapper #input_contents .ranking-tab-trigger-ul li {
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .ranking-tab-trigger-ul li:not(.long-menu) {
        padding-top: 13px;
    }
    .point-tab-inner p {
        font-size: 12px;
    }
    #full-wrapper .ranking-tab-target-ul > li,
    #full-wrapper #input_contents .ranking-tab-target-ul > li {
        padding: 10px;
    }
    .ranking-tab-target-ul > li .inner {
        padding: 10px;
        width: 100%;
    }
}




/*------------------------------------------------------------------------------
clearfix
------------------------------------------------------------------------------*/

.clearfix:after,
.inner-block:after,
.card-timer-box:after,
.banner-block:after,
.fp-columnist:after,
.point-tab-trigger-ul:after,
.ranking-tab-trigger-ul:after,
.header-nav .sub.banner-nav li:after
{
  clear: both;
  content: "";
  display: block;
  height: 0px;
  font-size: 0;
  visibility: hidden;
    position: relative;
}