@import 'normalize.css';
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css';
@import '../js/lib/mmenu/jquery.mmenu.all.css';
@import '../js/lib/slider/jquery.bxslider.css';
@import 'suggest.css';
@import url(/kimono/sp/assets/css/kaitori_data.css);

/* Layout */


/* Layer */

:root {
    --zoom: 1;
}

body {
    scroll-behavior: smooth;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', 'Lucida Grande', sans-serif;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    display: block;
}

.container {
    background-color: #fff;
    /* padding-top: 88px; */
    /* 2022/09/15 PC表示でも崩れないように追加CSS */
    /* 2023/10/05--- max-width: 1080px;---*/
    max-width: 800px;
    margin: 0 auto;
    box-shadow: 3px 3px 10px 0px #d1d1d1;
    /* 2022/09/15 PC表示でも崩れないように追加CSS ここまで*/
}

#mm-page {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}


/* Image style */

#scrollUp {
    background-image: url(../img/generic/top.png);
    background-size: 100%;
    text-indent: -9999px;
    /* ==2023/10/18
    bottom: 20px;
    right: 15px;
    width: 80px;
    === */
    bottom: 140px;
    right: 5px;
    width: 75px;
    /* Width of image */
    height: 75px;
    /* Height of image */
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
    display: none;
}

.header {
    position: fixed;
    z-index: 9999;
    width: 100%;
    min-width: 640px;
    /* 2023/10/05---max-width: 1080px;---*/
    max-width: 800px;
    height: 98px;
    display: block;
    border-bottom: 2px solid #fff;
    background: #dcdcdc;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f0f0), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #f0f0f0 0%, #ffffff 100%);
    background: -moz-linear-gradient(center bottom, #f0f0f0 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #f0f0f0);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
}

.s1 {
    padding-top: 98px;
}

.header:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .header,
*:first-child+html .header {
    zoom: 1;
}

.header:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .header,
*:first-child+html .header {
    zoom: 1;
}

.header .logo a {
    background: no-repeat left top url(../img/header/header-logo.png);
    background-size: 320px;
    width: 320px;
    height: 63px;
    display: block;
    float: left;
    margin: 20px 0 0 10px;
    text-indent: -9999px;
}

.header .logo_value a {
    background: no-repeat left top url(../img/header/header-logo_value.png);
    background-size: 239px;
    width: 239px;
    height: 63px;
    display: block;
    float: left;
    margin: 20px 0 0 10px;
    text-indent: -9999px;
}

.header .logo h1 {
    margin: 0;
    padding: 0;
}

.header .btn--group {
    float: right;
    padding-top: 24px;
    padding-right: 12px;
}

.header .btn--group:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .header .btn--group,
*:first-child+html .header .btn--group {
    zoom: 1;
}

.header .btn--group:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .header .btn--group,
*:first-child+html .header .btn--group {
    zoom: 1;
}

.header .btn.selection {
    float: left;
}

.header .btn.selection a {
    width: 106px;
    height: 58px;
    background: no-repeat left top url(../img/header/header-btn.png);
    display: block;
    text-indent: -9999px;
}

.header .btn.column {
    float: left;
}

.header .btn.column a {
    width: 117px;
    height: 58px;
    background: no-repeat -106px top url(../img/header/header-btn.png);
    display: block;
    text-indent: -9999px;
}


/*　2022/12/15追加ここから　*/

.header .btn.shokki a {
    width: 265px;
    height: 70px;
    background: no-repeat left top url("../img/header/header-btn_fuku-chan.png");
    display: block;
    text-indent: -9999px;
}


.header .btn.audio a {
    width: 265px;
    height: 70px;
    background: no-repeat left top url("../img/header/header-btn_audio.png");
    display: block;
    text-indent: -9999px;
}


.header .btn.gakki a {
    width: 265px;
    height: 70px;
    background: no-repeat left top url("../img/header/header-btn_gakki.png");
    display: block;
    text-indent: -9999px;
}


.header .btn.gakki01 a {
    width: 265px;
    height: 70px;
    background: no-repeat left top url("../img/header/header-btn_gakki01.png");
    display: block;
    text-indent: -9999px;
}



.header .btn.single a {
    width: 265px;
    height: 70px;
    background: no-repeat left top url(../img/header/header-btn_single.png);
    display: block;
    text-indent: -9999px;
}


.header .btn.buy-sell a {
    width: 265px;
    height: 70px;
    background: no-repeat left top url("../img/header/header-btn_buy-sell.png");
    display: block;
    text-indent: -9999px;
}

.header .btn.buy-sell02 a {
    width: 265px;
    height: 70px;
    background: no-repeat left top url("../img/header/header-btn_2icon.png");
    display: block;
    text-indent: -9999px;
}


/*　2025/05/27追加　*/

.header .btn.line {
    float: left;
}

.header .btn.line a {
    /*width: 106px;*/
    width: 144px;
    height: 58px;
    background: no-repeat left top url("../img/header/header-line.png");
    display: block;
    text-indent: -9999px;
}


.header .btn.icon a {
    width: 265px;
    height: 70px;
    background: no-repeat left top url(../img/header/header-btn_2icon.png);
    display: block;
    text-indent: -9999px;
}

.header .btn.line02 {
    float: left;
}

.header .btn.line02 a {
    /*width: 117px;*/
    width: 108px;
    height: 58px;
    /*background: no-repeat -106px top url(../img/header/header-line.png);*/
    background: no-repeat -144px top url(/kimono/sp/assets/img/header/header-line.png);
    display: block;
    text-indent: -9999px;
}


/*　2022/12/15追加ここまで　*/

.header .btn.menu {
    float: left;
}

.header .btn.menu a {
    background: no-repeat center center url(../img/header/header-btn-menu.png);
    display: block;
    text-indent: -9999px;
    width: 34px;
    height: 34px;
    padding: 12px 24px 12px;
}

.footer .copy {
    background-color: #185918;
    height: 70px;
    text-align: center;
    color: #fff;
    line-height: 70px;
    font-size: 20px;
    font-size: 2.0rem;
}

.home--footer {
    background-color: #1c1c1c;
    padding: 24px 25px;
}

.home--footer ul {
    border-top: 2px solid #cccccc;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.home--footer li {
    position: relative;
    background: #f0f0f0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f0f0), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #f0f0f0 0%, #ffffff 100%);
    background: -moz-linear-gradient(center bottom, #f0f0f0 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #f0f0f0);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
    border: 2px solid #cccccc;
    border-style: none solid solid solid;
}

.home--footer li:first-child {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.home--footer li:last-child {
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.home--footer a {
    color: #2a2828;
    font-size: 24px;
    padding: 16px 24px;
    text-decoration: none;
    display: block;
}

.home--footer i {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    left: auto;
    margin: 0;
    background: no-repeat left center url(../img/generic/icn-homefooter-arrow.png);
    width: 11px;
    height: auto;
}

.page--footer {
    background-color: #1c1c1c;
    padding: 24px 25px;
}

.page--footer ul {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 100%;
    margin: 0 auto;
}

.page--footer ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .page--footer ul,
*:first-child+html .page--footer ul {
    zoom: 1;
}

.page--footer ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .page--footer ul,
*:first-child+html .page--footer ul {
    zoom: 1;
}

.page--footer li {
    position: relative;
    background: #f0f0f0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f0f0), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #f0f0f0 0%, #ffffff 100%);
    background: -moz-linear-gradient(center bottom, #f0f0f0 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #f0f0f0);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
    border: 2px solid #cccccc;
    border-style: solid solid solid solid;
    float: left;
}

.page--footer li:first-child {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.page--footer li:last-child {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.page--footer a {
    text-indent: -9999px;
    display: block;
    height: 110px;
    width: 192px;
}

.page--footer .home a {
    background: center center no-repeat transparent url(../img/footer/icn-pagefooter-home.png);
}

.page--footer .sitemap a {
    background: center center no-repeat transparent url(../img/footer/icn-pagefooter-sitemap.png);
}

.page--footer .menseki a {
    background: center center no-repeat transparent url(../img/footer/icn-pagefooter-menseki.png);
}

.midashi {
    font-weight: bold;
}

.midashi--dai--a {
    width: 100%;
    /*max-width: 640px;*/
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #548654), color-stop(1, #609260));
    background: -ms-linear-gradient(bottom, #548654, #609260);
    background: -moz-linear-gradient(center bottom, #548654 0%, #609260 100%);
    background: -o-linear-gradient(#609260, #548654);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#609260', endColorstr='#548654', GradientType=0);
    padding: 17px 0 17px 17px;
    letter-spacing: 2px;
    line-height: 1em;
    border-bottom: 3px solid #518451;
    -webkit-box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
}

.midashi--dai--a * {
    font-size: 28px;
}

.midashi--chu--a {
    width: 100%;
    /* [disabled]max-width: 640px; */
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #164216), color-stop(1, #1d5a1d));
    background: -ms-linear-gradient(bottom, #164216, #1d5a1d);
    background: -moz-linear-gradient(center bottom, #164216 0%, #1d5a1d 100%);
    background: -o-linear-gradient(#1d5a1d, #164216);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1d5a1d', endColorstr='#164216', GradientType=0);
    border-bottom: 4px solid #4a743c;
    display: block;
    padding: 17px 0 17px 17px;
    letter-spacing: 2px;
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1em;
}

.midashi--chu--a * {
    font-size: 28px;
    width: 100%;
    /* max-width: 623px;*/
}

/*20250109 上田追加*/
.midashi--chu--a.uwagaki-color_blue1 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #19448e), color-stop(1, #1e50a2));
    border-bottom: 4px solid #4c6cb3;
}

.midashi--chu--a.uwagaki-color_Bordeaux {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #702435), color-stop(1, #8b3145));
    border-bottom: 4px solid #55353B;
}

.midashi--chu--a.uwagaki-color_brown {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3e2f23), color-stop(1, #3e2f23));
    border-bottom: 4px solid #90593F;
}

.uwagaki-color_blue1 .midashi--chu--a {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #19448e), color-stop(1, #1e50a2));
    border-bottom: 4px solid #4c6cb3;
}

.midashi--chu--a.uwagaki-color_pink1 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e76a6b), color-stop(1, #f99494));
    border-bottom: 4px solid #c89a98;
}

.uwagaki-color_pink1 .midashi--chu--a {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e76a6b), color-stop(1, #f99494));
    border-bottom: 4px solid #c89a98;
}

/*ここまで*/

.midashi--chu--b {
    color: #281a09;
    font-weight: bold;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f7c336), color-stop(1, #ffeaa1));
    background: -ms-linear-gradient(bottom, #f7c336, #ffeaa1);
    background: -moz-linear-gradient(center bottom, #f7c336 0%, #ffeaa1 100%);
    background: -o-linear-gradient(#ffeaa1, #f7c336);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffeaa1', endColorstr='#f7c336', GradientType=0);
    border-bottom: 4px solid #633801;
    display: block;
    padding: 17px 0 17px 17px;
    letter-spacing: 2px;
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    font-size: 30px;
    line-height: 1.5em;
}

.midashi--chu--b * {
    font-size: 28px;
}

.midashi--chu--c {
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c19a1d), color-stop(1, #be9a27));
    background: -ms-linear-gradient(bottom, #164216, #1d5a1d);
    background: -moz-linear-gradient(center bottom, #164216 0%, #1d5a1d 100%);
    background: -o-linear-gradient(#1d5a1d, #164216);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1d5a1d', endColorstr='#164216', GradientType=0);
    /*border-bottom: 4px solid #f0f0f0;*/
    display: block;
    padding: 20px 0 17px 17px;
    letter-spacing: 2px;
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1em;
}

.midashi--chu--c * {
    font-size: 28px;
    width: 100%;
    /* max-width: 623px;*/
}

.midashi--chu--d {
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a87704), color-stop(1, #a87704));
    background: -ms-linear-gradient(bottom, #f7c336, #ffeaa1);
    background: -moz-linear-gradient(center bottom, #f7c336 0%, #ffeaa1 100%);
    background: -o-linear-gradient(#ffeaa1, #f7c336);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffeaa1', endColorstr='#f7c336', GradientType=0);
    border-bottom: 4px solid #633801;
    display: block;
    padding: 20px 0 17px 17px;
    letter-spacing: 2px;
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1em;
}

.midashi--chu--d * {
    font-size: 28px;
    width: 100%;
    /* max-width: 623px;*/
}


.midashi--chu--e {
    width: 100%;
    /* [disabled]max-width: 640px; */
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a98718), color-stop(1, #eccc63));
    background: -ms-linear-gradient(bottom, #f7c336, #ffeaa1);
    background: -moz-linear-gradient(center bottom, #f7c336 0%, #ffeaa1 100%);
    background: -o-linear-gradient(#ffeaa1, #f7c336);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffeaa1', endColorstr='#f7c336', GradientType=0);
    display: block;
    padding: 20px 0 17px 0;
    letter-spacing: 2px;
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1em;
    text-align: center;
}

.midashi--chu--e * {
    font-size: 28px;
    width: 100%;
    /* max-width: 623px;*/
}

.midashi--chu--f {
    width: 100%;
    /* [disabled]max-width: 640px; */
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fc7966), color-stop(1, #ff8f80));
    background: -ms-linear-gradient(bottom, #fc7966, #ff8f80);
    background: -moz-linear-gradient(center bottom, #fc7966 0%, #ff8f80 100%);
    background: -o-linear-gradient(#fc7966, #ff8f80);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fc6e6e', endColorstr='#d31d1d', GradientType=0);
    border-bottom: 4px solid #bdbdbd;
    display: block;
    padding: 17px 0 17px 17px;
    letter-spacing: 2px;
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1em;
}

.midashi--chu--f * {
    font-size: 28px;
    width: 100%;
    /* max-width: 623px;*/
}


.midashi--chu--h {
    width: 100%;
    /* [disabled]max-width: 640px; */
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008AA0), color-stop(1, #29B5CC));
    background: -ms-linear-gradient(bottom, #008AA0, #29B5CC);
    background: -moz-linear-gradient(center bottom, #008AA0 0%, #29B5CC 100%);
    background: -o-linear-gradient(#29B5CC, #008AA0);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fc6e6e', endColorstr='#d31d1d', GradientType=0);
    border-bottom: 4px solid #008AA0;
    display: block;
    padding: 17px 0 17px 17px;
    letter-spacing: 2px;
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1em;
}

.midashi--chu--h * {
    font-size: 28px;
    width: 100%;
    /* max-width: 623px;*/
}



.midashi--sho--a {
    color: #281a09;
    font-weight: bold;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #e2e2e2, #ffffff);
    background: -moz-linear-gradient(center bottom, #e2e2e2 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #e2e2e2);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0);
    border-top: 2px solid #fff;
    border-bottom: 4px solid #4a743c;
    display: block;
    padding: 17px 0 13px 17px;
    -webkit-box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    margin: 30px 0 5px;
    font-size: 28px;
    line-height: 1.3em;
}

.midashi--sho--a * {
    font-size: 28px;
}

/*20250109 上田追加*/
.midashi--sho--a.uwagaki-color_blue1 {
    border-bottom: 4px solid #4c6cb3;
}

.midashi--sho--a.uwagaki-color_pink1 {
    border-bottom: 4px solid #f6bfbc;
}

/*ここまで*/

.midashi--sho--b {
    color: #281a09;
    font-weight: bold;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #e2e2e2, #ffffff);
    background: -moz-linear-gradient(center bottom, #e2e2e2 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #e2e2e2);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0);
    border-top: 2px solid #fff;
    border-bottom: 4px solid #a56911;
    display: block;
    padding: 17px 0 17px 17px;
    letter-spacing: 2px;
    -webkit-box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    font-size: 28px;
    line-height: 1em;
}

.midashi--sho--b * {
    font-size: 28px;
}

.midashi--sho--c {
    color: #281a09;
    font-weight: bold;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #e2e2e2, #ffffff);
    background: -moz-linear-gradient(center bottom, #e2e2e2 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #e2e2e2);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0);
    border-top: 2px solid #fff;
    border-bottom: 4px solid #ad0b0b;
    display: block;
    padding: 17px 0 17px 17px;
    letter-spacing: 2px;
    -webkit-box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    font-size: 28px;
    line-height: 1em;
}

.midashi--sho--c * {
    font-size: 28px;
}

.midashi--sho--d {
    color: #000000;
    font-weight: bold;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6ecf0), color-stop(1, #e6ecf0));
    background: -ms-linear-gradient(bottom, #e2e2e2, #ffffff);
    background: -moz-linear-gradient(center bottom, #e2e2e2 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #e2e2e2);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0);
    /* border-top: 4px solid #ad0b0b; */
    /* border-bottom: 4px solid #ad0b0b; */
    display: block;
    padding: 17px 0 17px 17px;
    letter-spacing: 2px;
    -webkit-box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    font-size: 28px;
    line-height: 1em;
}

.midashi--sho--d * {
    font-size: 28px;
}

.midashi--sho--h {
    color: #281a09;
    font-weight: bold;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #e2e2e2, #ffffff);
    background: -moz-linear-gradient(center bottom, #e2e2e2 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #e2e2e2);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0);
    border-top: 2px solid #fff;
    border-bottom: 4px solid #008AA0;
    display: block;
    padding: 17px 0 17px 17px;
    letter-spacing: 2px;
    -webkit-box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 -4px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    font-size: 28px;
    line-height: 1em;
}

.midashi--sho--h * {
    font-size: 28px;
}



.mojisoushoku {
    padding: 0 20px;
}

.mojisoushoku p {
    /* 2023/10/05---font-size: 28px;---*/
    font-size: 26px;
    line-height: 1.5em;
    padding: 5px;
}

span.normal {
    color: #000;
}

.red {
    color: #c21212;
}

.blue {
    color: #125cc2;
}

.red--a {
    color: #c21212;
    background-color: #faf7d7;
}

.blue--a {
    color: #125cc2;
    background-color: #faf7d7;
}

.normal--a {
    color: #000;
    background-color: #faf7d7;
}

i.checked {
    font-style: normal;
    background: center center no-repeat url(../img/generic/icn-spec-check.png);
    width: 28px;
    height: 27px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
}

i.arrow {
    font-style: normal;
    background: center center no-repeat url(../img/generic/icn-list-arrow.png);
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 5px;
    padding-bottom: 15px;
    vertical-align: bottom;
}

.breadcrumb {
    background-color: #a7c9a5;
    color: #1c5a1c;
    font-size: 22px;
    height: 60px;
    border-top: 4px solid #92b892;
    overflow: auto;
    white-space: nowrap;
}

.breadcrumb:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .breadcrumb,
*:first-child+html .breadcrumb {
    zoom: 1;
}

.breadcrumb:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .breadcrumb,
*:first-child+html .breadcrumb {
    zoom: 1;
}

.breadcrumb a {
    color: #1c5a1c;
    font-size: 22px;
    text-decoration: none;
    display: inline-block;
    height: 60px;
    line-height: 60px;
}

.breadcrumb .home {
    background: right center no-repeat url(../img/generic/bread-sep.png);
    padding-right: 20px;
    padding-left: 10px;
}

.breadcrumb .sep {
    background: right center no-repeat url(../img/generic/bread-sep.png);
    padding-right: 20px;
}

.breadcrumb .current {
    font-size: 22px;
    display: inline-block;
}

.specbox {
    margin-bottom: 40px;
}

.specbox .fx--name {
    background: left bottom repeat-x url(../img/generic/spec-fx-name-bg.png);
    font-size: 28px;
    font-weight: bold;
    line-height: 1em;
    padding: 25px;
    border-top: 2px solid #cccccc;
    -webkit-box-shadow: inset 0 -5px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 -5px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 -5px 3px rgba(0, 0, 0, 0.1);
}

.fx--name a {
    color: #4ba44b;
    text-decoration: underline;
    /*　2022/10/14　上下位置調整　*/
    vertical-align: super;
}

.specbox .fx--desc {
    background-color: #dae4da;
    padding: 10px;
}

/*20250109 上田追加*/
.specbox.uwagaki-color_blue1 .fx--desc {
    background-color: #bce2e8;
    padding: 10px;
}

.specbox.uwagaki-color_pink1 .fx--desc {
    background-color: #f5d1cf;
    padding: 10px;
}

/*ここまで*/

.specbox .fx--desc p.first {
    margin: 5px;
    padding: 0 0 0 10px;
    border-left: 6px solid #185918;
    min-height: 28px;
    vertical-align: middle;
    display: block;
    font-size: 24px;
    line-height: 28px;
}

/*20250109 上田追加*/
.specbox.uwagaki-color_blue1 .fx--desc p.first {
    border-left: 6px solid #19448e;
}

.specbox.uwagaki-color_pink1 .fx--desc p.first {
    border-left: 6px solid #ee827c;
}

/*ここまで*/

.specbox .fx--desc p.first:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .specbox .fx--desc p.first,
*:first-child+html .specbox .fx--desc p.first {
    zoom: 1;
}

.specbox .fx--desc p.first:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .specbox .fx--desc p.first,
*:first-child+html .specbox .fx--desc p.first {
    zoom: 1;
}

.specbox .fx--desc .made {
    float: right;
    font-size: 18px;
    line-height: 28px;
    color: #185a18;
}

.specbox .fx--info {
    padding: 20px;
}

.specbox .fx--info:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .specbox .fx--info,
*:first-child+html .specbox .fx--info {
    zoom: 1;
}

.specbox .fx--info:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .specbox .fx--info,
*:first-child+html .specbox .fx--info {
    zoom: 1;
}

.specbox .fx--info .bnr {
    display: block;
    float: left;
    border: 2px solid #d1d1d1;
    background-color: #ededed;
    width: 35%;
    margin-right: 20px;
    margin-bottom: 20px;
}

.specbox .fx--info .point {
    display: table-cell;
    width: 50%;
}

.specbox .fx--info .point table {
    /*　@todo 幅計算　*/
    width: 100%;
}

.specbox .fx--info .point th {
    width: px;
    box-sizing: border-box;
}

.specbox .fx--info .point th p {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #c3dac8;
    background-color: #e9f5eb;
    display: block;
    color: #185918;
    margin-right: 5px;
    margin: 0 5px 0 0;
    font-size: 20px;
    padding: 0 10px;
    box-sizing: border-box;
}

.android .specbox .fx--info .point th p {
    padding: 5px 8px;
}

.specbox .fx--info .point td {
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
}

.specbox .fx--info .point td p {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #d1d1d1;
    display: block;
    font-size: 20px;
    padding: 0 10px;
    margin: 0 0 1px 5px;
    box-sizing: border-box;
    background-color: #fff;
}

.android .specbox .fx--info .point td p {
    padding: 5px 8px;
}

.specbox .check {
    background: 20px center url(../img/generic/icn-spec-check.png) no-repeat #ececec;
    border-bottom: 2px solid #c5c5c5;
    border-top: 2px solid #fff;
    padding: 10px 10px 10px 60px;
    font-size: 24px;
    font-size: 2.0rem;
    line-height: 1.5em;
}

/*20250109 上田追加*/
.specbox.uwagaki-color_blue1 .check {
    background: 20px center url(../img/generic/icn-spec-check_blue.png) no-repeat #ececec;
}

.specbox.uwagaki-color_pink1 .check {
    background: 20px center url(../img/generic/icn-spec-check_pink.png) no-repeat #ececec;
}

/*ここまで*/

.specbox .check.first {
    -webkit-box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
}

.specbox .reason {
    background: #f5b1aa no-repeat 0 0 url(../img/generic/spec-bg.png);
    background-color: #f5b1aa;
}

.specbox .reason:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .specbox .reason,
*:first-child+html .specbox .reason {
    zoom: 1;
}

.specbox .reason:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .specbox .reason,
*:first-child+html .specbox .reason {
    zoom: 1;
}

.specbox .reason dl {
    background: #f5b1aa no-repeat 0 0 url(../img/generic/spec-bg2.png);
    background-size: 100%;
    margin: 34px 0 0 0;
}

.specbox .reason .bg-green {
    background: #f5b1aa no-repeat 0 0 url(../img/generic/spec-bg2_green.png);
    background-size: 100%;
    margin: 34px 0 0 0;
}

.specbox .reason .bg-pink {
    background: #f5b1aa no-repeat 0 0 url(../img/generic/spec-bg2_pink.png);
    background-size: 100%;
    margin: 34px 0 0 0;
}

.specbox .reason dt {
    text-align: left;
    font-size: 28px;
    padding: 20px 20px 20px 130px;
    box-sizing: border-box;
    font-weight: bold;
    display: block;
}

.specbox .reason dd {
    margin: 0;
    position: relative;
    box-sizing: border-box;
    font-size: 24px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.specbox .reason dd:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .specbox .reason dd,
*:first-child+html .specbox .reason dd {
    zoom: 1;
}

.specbox .reason dd:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .specbox .reason dd,
*:first-child+html .specbox .reason dd {
    zoom: 1;
}

.specbox .reason dd.first {
    background-color: #fff;
    padding: 16px;
    margin: 0 25px 25px;
}

.specbox .reason dd i.point {
    background: no-repeat left top url(../img/generic/img-spec-point.png);
    width: 84px;
    height: 107px;
    display: block;
    position: absolute;
    top: -88px;
}

.specbox .reason dd .desc {
    padding: 0 5px;
    width: 100%;
    font-size: 2.0rem;
    line-height: 1.5em;
}

.specbox .reason dd .btn.detail a {
    display: block;
    margin: 0 auto;
    background: no-repeat left top url(../img/generic/btn-spec-detail.png);
    text-indent: -9999px;
    width: 560px;
    height: 46px;
}

.specbox .reason dd .btn.kouza {
    padding-bottom: 35px;
}

.specbox .reason dd .btn.kouza a {
    display: block;
    margin: 0 auto;
    background: no-repeat left top url(../img/generic/btn-spec-kouza.png);
    text-indent: -9999px;
    width: 590px;
    height: 80px;
}

.btn.kouza {
    padding-bottom: 35px;
}

.btn.kouza a {
    display: block;
    margin: 0 auto;
    background: no-repeat left top url(../img/generic/btn-spec-kouza.png);
    text-indent: -9999px;
    width: 590px;
    height: 80px;
}

.btn.detail_no_bg {
    display: block;
    margin: 0 auto;
    background: no-repeat left top url(../img/generic/btn-spec-detail.png);
    text-indent: -9999px;
    width: 560px;
    height: 46px;
}

.btn.back_no_bg {
    display: block;
    margin: 0 auto;
    background: no-repeat left top url(../img/generic/btn-back.png);
    text-indent: -9999px;
    width: 460px;
    height: 46px;
}

.yellowbox:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .yellowbox,
*:first-child+html .yellowbox {
    zoom: 1;
}

.yellowbox:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .yellowbox,
*:first-child+html .yellowbox {
    zoom: 1;
}

.yellowbox dl {
    border: 2px solid #000;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 20px 25px;
}

.yellowbox dt {
    border-bottom: 2px dotted #000;
    background: no-repeat 15px 10px url(../img/generic/icn-yellowbox-check.png);
    min-height: 34px;
    padding-left: 55px;
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.yellowbox dd {
    background-color: #fac229;
    background: #fac229 515px 28px no-repeat url(../img/generic/imgn-yellowbox-robo.png);
    background-position: 448px 28px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    padding: 28px 150px 28px 28px;
    font-size: 24px;
    line-height: 1.4em;
}

.submenu ul {
    border-top: 2px solid #cccccc;
}

.submenu li {
    border-bottom: 2px solid #cccccc;
    position: relative;
    display: block;
    background: #f0f0f0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f0f0), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #f0f0f0 0%, #ffffff 100%);
    background: -moz-linear-gradient(center bottom, #f0f0f0 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #f0f0f0);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
}

.submenu li:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .submenu li,
*:first-child+html .submenu li {
    zoom: 1;
}

.submenu li:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .submenu li,
*:first-child+html .submenu li {
    zoom: 1;
}

.submenu a,
.submenu .title {
    color: #2a2828;
    background: no-repeat 10px center;
    width: 460px;
    height: 96px;
    display: block;
    padding-left: 70px;
    font-size: 26px;
    text-decoration: none;
    line-height: 96px;
    font-weight: bold;
}

.submenu .home a {
    background-image: url(../img/menu/icn-menu-home.png);
}

.submenu .selection a {
    background-image: url(../img/menu/icn-menu-selection.png);
}

.submenu .beginner a {
    background-image: url(../img/menu/icn-menu-beginner.png);
}

.submenu .furisode a {
    background-image: url(../img/menu/icn-menu-hinmoku_furisode.png);
}

.submenu .tomesode a {
    background-image: url(../img/menu/icn-menu-hinmoku_tomesode.png);
}

.submenu .houmongi a {
    background-image: url(../img/menu/icn-menu-hinmoku_houmongi.png);
}

.submenu .tsukesage a {
    background-image: url(../img/menu/icn-menu-hinmoku_tsukesage.png);
}

.submenu .iromuji a {
    background-image: url(../img/menu/icn-menu-hinmoku_iromuji.png);
}

.submenu .komon a {
    background-image: url(../img/menu/icn-menu-hinmoku_komon.png);
}

.submenu .tsumugi a {
    background-image: url(../img/menu/icn-menu-hinmoku_tsumugi.png);
}

.submenu .mofuku a {
    background-image: url(../img/menu/icn-menu-hinmoku_mofuku.png);
}

.submenu .antique a {
    background-image: url(../img/menu/icn-menu-hinmoku_antique.png);
}

.submenu .komono a {
    background-image: url(../img/menu/icn-menu-hinmoku_komono.png);
}

.submenu .tanmono a {
    background-image: url(../img/menu/icn-menu-hinmoku_tanmono.png);
}

.submenu .yukata a {
    background-image: url(../img/menu/icn-menu-hinmoku_yukata.png);
}

.submenu .kosen a {
    background-image: url(../img/menu/icn-menu-hinmoku_kosen.png);
}

.submenu .tokei a {
    background-image: url(../img/menu/icn-menu-hinmoku_tokei.png);
}

.submenu .c2 a {
    background-image: url(../img/menu/icn-menu-c2.png);
}

.submenu .c3 a {
    background-image: url(../img/menu/icn-menu-c3.png);
}

.submenu .s2 a {
    background-image: url(../img/menu/icn-menu-s2.png);
}

.submenu .s3 a {
    background-image: url(../img/menu/icn-menu-s3.png);
}

.submenu .s4 a {
    background-image: url(../img/menu/icn-menu-s4.png);
}

.submenu .s5 a {
    background-image: url(../img/menu/icn-menu-s5.png);
}

.submenu .s6 a {
    background-image: url(../img/menu/icn-menu-s6.png);
}

.submenu .ihin-kimono a {
    background-image: url(../img/menu/icn-menu-ihin_kimono.png);
}

.submenu .ihin-houseki a {
    background-image: url(../img/menu/icn-menu-ihin_houseki.png);
}

.submenu .ihin-kaiga a {
    background-image: url(../img/menu/icn-menu-ihin_kaiga.png);
}

.submenu .ihin-hobby a {
    background-image: url(../img/menu/icn-menu-ihin_hobby.png);
}

.submenu .ihin-guitar a {
    background-image: url(../img/menu/icn-menu-ihin_guitar.png);
}

.submenu .ihin-camera a {
    background-image: url(../img/menu/icn-menu-ihin_camera.png);
}

.submenu .ihin-kagu a {
    background-image: url(../img/menu/icn-menu-ihin_kagu.png);
}

.submenu .ihin-golf a {
    background-image: url(../img/menu/icn-menu-ihin_golf.png);
}

.submenu .ihin-youfuku a {
    background-image: url(../img/menu/icn-menu-ihin_youfuku.png);
}

.submenu .ihin-brand a {
    background-image: url(../img/menu/icn-menu-ihin_brand.png);
}

.submenu .ihin-osake a {
    background-image: url(../img/menu/icn-menu-ihin_osake.png);
}

.submenu .ihin-shokki a {
    background-image: url(../img/menu/icn-menu-ihin_shokki.png);
}

.submenu .ihin-kitte a {
    background-image: url(../img/menu/icn-menu-ihin_kitte.png);
}

.submenu .ihin-kottouhin a {
    background-image: url(../img/menu/icn-menu-ihin_kottouhin.png);
}

.submenu .ihin-tokei a {
    background-image: url(../img/menu/icn-menu-ihin_tokei.png);
}

.submenu .shokki a {
    background-image: url(../img/menu/icn-menu-hinmoku_shokki.png);
}

.submenu .gakki a {
    background-image: url(../img/menu/icn-menu-hinmoku_gakki.png);
}

.submenu .record a {
    background-image: url(../img/menu/icn-menu-hinmoku_record.png);
}

.submenu .brand a {
    background-image: url(../img/menu/icn-menu-hinmoku_brand.png);
}

.submenu .kegawa a {
    background-image: url(../img/menu/icn-menu-hinmoku_kegawa.png);
}

.submenu .kosen a {
    background-image: url(../img/menu/icn-menu-hinmoku_kosen.png);
}

.submenu .kitte a {
    background-image: url(../img/menu/icn-menu-hinmoku_kitte.png);
}

.submenu .houseki a {
    background-image: url(../img/menu/icn-menu-hinmoku_houseki.png);
}

.submenu .kikinzoku a {
    background-image: url(../img/menu/icn-menu-hinmoku_kikinzoku.png);
}

.submenu .osake a {
    background-image: url(../img/menu/icn-menu-hinmoku_osake.png);
}

.submenu .kinken a {
    background-image: url(../img/menu/icn-menu-hinmoku_kinken.png);
}

.submenu .camera a {
    background-image: url(../img/menu/icn-menu-hinmoku_camera.png);
}

.submenu i {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    left: auto;
    margin: 0;
    line-height: 77px;
    background: no-repeat left center url(../img/generic/icn-submenu-arrow.png);
    width: 29px;
    height: auto;
}

/*20250109 上田追加*/
.uwagaki-color_blue1 .submenu i {
    background: no-repeat left center url(../img/generic/icn-submenu-arrow_blue.png);
}

.uwagaki-color_blue1 .submenu i {
    background: no-repeat left center url(../img/generic/icn-submenu-arrow_pink.png);
}

/*ここまで*/

.list--normal u {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: 0;
    background: no-repeat left center url(../img/generic/ipo_icon00.png);
    width: 100px;
    height: auto;
}

.list--normal li {
    border-bottom: 2px solid #cccccc;
    position: relative;
    display: block;
}

.list--normal a {
    color: #2a2828;
    background: no-repeat 10px center;
    display: block;
    padding-left: 10px;
    padding: 10px 10px 10px 60px;
    font-size: 24px;
    text-decoration: underline;
    line-height: 1.4em;
}

.list--normal i {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: 0;
    background: no-repeat left center url(../img/generic/icn-list-arrow.png);
    width: 29px;
    height: auto;
}

.list--normal ul li a {
    display: inline-block;
}

.list--normal span {
    width: 30%;
    float: right;
    text-align: right;
    font-size: 18px;
    line-height: 55px;
    padding-right: 20px;
}


/*IPOのindexページ用のクラス20190531追記*/

.list--normal--ipo li {
    border-bottom: 2px solid #cccccc;
    position: relative;
    display: block;
}

.list--normal--ipo a {
    color: #2a2828;
    background: no-repeat 10px center;
    display: block;
    padding-left: 10px;
    padding: 10px 10px 10px 130px;
    font-size: 24px;
    text-decoration: underline;
    line-height: 1.4em;
}

.list--normal--ipo ul li a {
    display: inline-block;
}

.list--normal--ipo span {
    width: 30%;
    float: right;
    text-align: right;
    font-size: 18px;
    line-height: 55px;
    padding-right: 20px;
}

.ipo--icon00 {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: 0;
    background: no-repeat left center url(../img/generic/ipo_icon00.png);
    width: 95px;
    height: auto;
}

.ipo--icon01 {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: 0;
    background: no-repeat left center url(../img/generic/ipo_icon01.png);
    width: 95px;
    height: auto;
}

.ipo--icon02 {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: 0;
    background: no-repeat left center url(../img/generic/ipo_icon02.gif);
    width: 95px;
    height: auto;
}

.ipo--icon03 {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: 0;
    background: no-repeat left center url(../img/generic/ipo_icon03.png);
    width: 95px;
    height: auto;
}

.ipo--icon04 {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: 0;
    background: no-repeat left center url(../img/generic/ipo_icon04.png);
    width: 95px;
    height: auto;
}

.close {
    display: none;
}

.list-a {
    margin-bottom: 20px;
}

.list-a.close {
    display: none;
}

.list-a ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .list-a ul,
*:first-child+html .list-a ul {
    zoom: 1;
}

.list-a ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .list-a ul,
*:first-child+html .list-a ul {
    zoom: 1;
}

.list-a li {
    border-bottom: 2px solid #cccccc;
    position: relative;
    display: block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 5px 10px;
}

.list-a li:nth-child(odd) {
    border-right: 2px solid #cccccc;
}

table.normal {
    border-top: 2px solid #cccccc;
    border-left: 2px solid #cccccc;
    width: 100%;
    margin-bottom: 15px;
}

table.normal th {
    background-color: #e9f5eb;
    color: #185918;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    padding: 5px;
    text-align: center;
    font-size: 20px;
    /*font-size:2.0rem;*/
    line-height: 1.3em;
}

/*20250109 上田追加*/
table.normal.uwagaki-color_blue1 th {
    background-color: #ebf6f7;
    color: #17184b;
}

table.normal.uwagaki-color_pink1 th {
    background-color: #fdeff2;
    color: #b7282e;
}

.uwagaki-color_blue1 .table-swipe-left table th {
    /*includeのスワイプ表用（divで囲う）*/
    background-color: #ebf6f7;
    color: #17184b;
}

.uwagaki-color_pink1 .table-swipe-left table th {
    /*includeのスワイプ表用（divで囲う）*/
    background-color: #fdeff2;
    color: #b7282e;
}

.uwagaki-color_blue1 .table-swipe-right table th {
    /*includeのスワイプ表用（divで囲う）*/
    background-color: #ebf6f7;
    color: #17184b;
}

.uwagaki-color_pink1 .table-swipe-right table th {
    /*includeのスワイプ表用（divで囲う）*/
    background-color: #fdeff2;
    color: #b7282e;
}

/*ここまで*/



table.normal td {
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    padding: 5px 10px;
    font-size: 20px;
    /*font-size:2.0rem;*/
    line-height: 1.3em;
}

.list--point {
    margin: 0 auto 20px;
}

.list--point table {
    width: 100%;
}

.list--point th {
    /* 2023/11/14---------
width: 130px;
    --------------------*/
    width: 260px;
    box-sizing: border-box;
}

.list--point th p {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #c3dac8;
    background-color: #e9f5eb;
    display: block;
    color: #185918;
    margin-right: 5px;
    margin: 0 5px 0 0;
    font-size: 20px;
    padding: 0 10px;
    box-sizing: border-box;
}

/*20250109 上田追加*/
.uwagaki-color_blue1 .list--point th p {
    border: 2px solid #bce2e8;
    background-color: #ebf6f7;
    color: #17184b;
}

.uwagaki-color_blue1 .list--point th p {
    border: 2px solid #eebbcb;
    background-color: #fdeff2;
    color: #b7282e;
}

/*ここまで*/

.android .list--point th p {
    padding: 5px 8px;
}

.list--point td {
    /*width: 100%;*/
    display: block;
    box-sizing: border-box;
}

.list--point td p {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #d1d1d1;
    display: block;
    font-size: 20px;
    padding: 0 10px;
    margin: 0 0 1px 5px;
    box-sizing: border-box;
    background-color: #fff;
}

.android .list--point td p {
    padding: 5px 8px;
}

.list--point--b th p {
    background-color: #ddf0f6;
    color: #1e7c9a;
}

.list--point--c th p {
    background-color: #ffecaa;
    color: #aa8c24;
}

table.a {
    border-top: 2px solid #174617;
    border-left: 2px solid #174617;
    width: 100%;
    margin-bottom: 15px;
}

table.a th {
    background-color: #e9f5eb;
    color: #185918;
    border-right: 2px solid #174617;
    border-bottom: 2px solid #174617;
    padding: 5px;
    text-align: center;
    font-size: 24px;
}

table.a td {
    border-right: 2px solid #174617;
    border-bottom: 2px solid #174617;
    padding: 5px 10px;
    font-size: 24px;
}

table.a a {
    color: #2a2828;
}

table.a td.photo {
    text-align: center;
}

table.a td.photo a {
    font-size: 20px;
    margin-bottom: 8px;
    display: block;
}

.wrap--block {
    padding: 0 20px;
}

.dialog--normal {
    margin-bottom: 25px;
}

.dialog--normal dl {
    margin: 0;
}

.dialog--normal dt {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #185a18), color-stop(1, #186d18));
    background: -ms-linear-gradient(bottom, #185a18, #186d18);
    background: -moz-linear-gradient(center bottom, #185a18 0%, #186d18 100%);
    background: -o-linear-gradient(#186d18, #185a18);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#186d18', endColorstr='#185a18', GradientType=0);
    padding: 10px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dialog--normal dd {
    border: 2px solid #185a18;
    margin: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dialog--normal .list--normal li:last-child {
    border-bottom: none;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dialog--a {
    margin-bottom: 58px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding-top: 60px;
    background-color: #a30000;
    margin-top: 50px;
}

.dialog--a dl {
    margin: 0;
}

.dialog--a dt {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #185a18), color-stop(1, #186d18));
    background: -ms-linear-gradient(bottom, #185a18, #186d18);
    background: -moz-linear-gradient(center bottom, #185a18 0%, #186d18 100%);
    background: -o-linear-gradient(#186d18, #185a18);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#186d18', endColorstr='#185a18', GradientType=0);
    padding: 10px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dialog--a dd {
    border: 2px solid #185a18;
    margin: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 24px;
    line-height: 1.5em;
}

.dialog--a .list--normal li:last-child {
    border-bottom: none;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dialog--a dl {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    background-color: #a30000;
}

.dialog--a dt {
    border-color: #a30000;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: none;
    background-color: #ffe5e5;
    font-size: 24px;
    color: #000;
    border: 2px solid #a30000;
    border-style: none solid;
    text-align: left;
}

.dialog--a dt span {
    border-left: 5px solid #a30000;
    padding-left: 10px;
    min-height: 30px;
}

.dialog--a dt i.hakase {
    background: 0 0 no-repeat url(../img/generic/img-sittoku.png);
    width: 506px;
    height: 110px;
    display: block;
    position: absolute;
    top: -110px;
    margin: 2px auto;
    padding: 0;
    left: 0;
    right: 0;
}

.dialog--a dd {
    padding: 20px;
    border-color: #a30000;
    background-color: #fff;
    border: 2px solid #a30000;
    border-top: none;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dialog--b {
    margin-bottom: 58px;
    margin: 0 auto 20px;
    background: 0 0 no-repeat url(../img/home/icn-hakae-2.png);
    padding-top: 80px;
    position: relative;
    box-sizing: border-box;
    width: 590px;
}

.dialog--b dl {
    margin: 0;
}

.dialog--b dt {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #185a18), color-stop(1, #186d18));
    background: -ms-linear-gradient(bottom, #185a18, #186d18);
    background: -moz-linear-gradient(center bottom, #185a18 0%, #186d18 100%);
    background: -o-linear-gradient(#186d18, #185a18);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#186d18', endColorstr='#185a18', GradientType=0);
    padding: 10px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dialog--b dd {
    border: 2px solid #185a18;
    margin: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dialog--b .list--normal li:last-child {
    border-bottom: none;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dialog--b .text--sub {
    position: absolute;
    top: 33px;
    left: 146px;
    display: block;
    font-size: 24px;
    width: 433px;
    height: 116px;
}

.dialog--b dl {
    background-color: #e5340c;
    border: 2px solid #000;
    padding: 0 8px 10px;
    box-sizing: border-box;
    border-top: none;
    display: block;
    width: 590px;
    margin-bottom: 20px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dialog--b dt {
    background: none;
    background-color: #ffccc1;
    border: 2px solid #000;
    border-bottom: none;
    text-align: left;
    color: #000;
    font-size: 28px;
    font-weight: normal;
    padding: 10px 16px 0;
}

.dialog--b dd {
    background-color: #ffccc1;
    border: 2px solid #000;
    margin-bottom: 10px;
    border-top: none;
    padding: 0 16px;
}

.dialog--b dd:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .dialog--b dd,
*:first-child+html .dialog--b dd {
    zoom: 1;
}

.dialog--b dd:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .dialog--b dd,
*:first-child+html .dialog--b dd {
    zoom: 1;
}

.dialog--b dd .photo {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.dialog--b dd .list--point {
    width: 320px;
    width: 520px;
    display: table-cell;
    margin: 0 auto;
}

.dialog--b dd .list--point th p {
    margin-right: 4px;
    background-color: #ffece8;
    border-color: #ebafa2;
    color: #2a2828;
    font-size: 20px;
    line-height: 29px;
    padding: 0 8px;
}

.dialog--b dd .list--point td p {
    margin-left: 0;
    font-size: 20px;
    line-height: 29px;
    padding: 0 8px;
}

.dialog--b .col2:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .dialog--b .col2,
*:first-child+html .dialog--b .col2 {
    zoom: 1;
}

.dialog--b .col2:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .dialog--b .col2,
*:first-child+html .dialog--b .col2 {
    zoom: 1;
}

.dialog--b .btn--more a {
    margin: 0 auto 18px;
    display: block;
    background: 0 0 no-repeat url(../img/home/brn-more.png);
    width: 580px;
    height: 46px;
    text-indent: -9999px;
}

.dialog--b .btn--link a {
    margin: 0 auto;
    display: block;
    background: 0 0 no-repeat url(../img/home/btn-kouza.png);
    width: 570px;
    height: 80px;
    text-indent: -9999px;
}

.fukidashi-normal {
    position: relative;
    border: 3px solid #3c91dd;
    margin: 30px 25px 20px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 20px 20px 0;
}

.fukidashi-normal .icn--fukidashi {
    text-indent: -9999px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: no-repeat 0 0 url("../img/home/icn-fukidasi.jpg");
    width: 74px;
    height: 30px;
}

.fukidashi-normal p {
    font-size: 24px;
    margin-top: 0;
    width: 100%;
    line-height: 1.4em;
}

.fukidashi-normal p.title {
    color: #3c91dd;
    font-size: 30px;
}

.fukidashi-normal-wide {
    position: relative;
    border: 3px solid #3c91dd;
    margin: 30px 0px 20px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 20px 20px 0;
}

.fukidashi-normal-wide .icn--fukidashi {
    text-indent: -9999px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: no-repeat 0 0 url(../img/home/icn-fukidasi.jpg);
    width: 74px;
    height: 30px;
}


.fukidashi-normal-wide p {
    font-size: 24px;
    margin-top: 0;
    width: 100%;
    line-height: 1.4em;
}

.fukidashi-normal-wide p.title {
    color: #3c91dd;
    font-size: 28px;
}

.fukidashi-normal-wide.white {
    border: #FFFFFF;
}

.arrow--big {
    background: center center no-repeat url(../img/home/icn-arrow-big.png);
    color: #fff;
    text-align: center;
    min-width: 468px;
    min-height: 183px;
    padding: 20px;
    font-size: 28px;
}

.arrow--big p {
    margin: 0;
    padding: 0;
}

.kokuban--normal {
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: 0 0, 0 bottom, 0 0;
    background-image: url(../img/home/kokuban-top.png), url(../img/home/kokuban-bottom.png), url(../img/home/kokuban-middle.png);
    padding: 20px 40px;
    margin: 0 auto 20px;
    max-width: 590px;
    color: #fff;
    word-wrap: break-word;
    word-break: break-all;
    box-sizing: border-box;
}

.kokuban--normal p {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    word-break: break-all;
    width: 510px;
}

.android .kokuban--normal p {
    line-height: 1.4em;
}

.tab--index {
    padding-left: 15px;
    border-bottom: 10px solid #185a18;
}

.tab--index:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .tab--index,
*:first-child+html .tab--index {
    zoom: 1;
}

.tab--index:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .tab--index,
*:first-child+html .tab--index {
    zoom: 1;
}

.tab--index li {
    float: left;
    margin-right: 5px;
}

.tab--index li a {
    text-indent: -9999px;
    width: 150px;
    height: 60px;
    display: block;
    background: no-repeat 0 0 url(../img/generic/tab1_off.png);
}

.tab--index .osusume a {
    background: no-repeat 0 0 url(../img/generic/tab1_off.png);
}

.tab--index .osusume.current a {
    background-image: url(../img/generic/tab1_on.png);
}

.tab--index .tesuryo a {
    background: no-repeat 0 0 url(../img/generic/tab2_off.png);
}

.tab--index .tesuryo.current a {
    background-image: url(../img/generic/tab2_on.png);
}

.tab--index .pair a {
    background: no-repeat 0 0 url(../img/generic/tab3_off.png);
}

.tab--index .pair.current a {
    background-image: url(../img/generic/tab3_on.png);
}

.tab--index .shougaku a {
    background: no-repeat 0 0 url(../img/generic/tab4_off.png);
}

.tab--index .shougaku.current a {
    background-image: url(../img/generic/tab4_on.png);
}

.kantan {
    width: 640px;
    margin: 0 auto;
}

.kantan .yellow {
    margin-bottom: 10px;
}

.kantan .yellow ul {
    padding-left: 25px;
    padding-top: 20px;
    box-sizing: border-box;
    max-width: 640px;
}

.kantan .yellow ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .kantan .yellow ul,
*:first-child+html .kantan .yellow ul {
    zoom: 1;
}

.kantan .yellow ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .kantan .yellow ul,
*:first-child+html .kantan .yellow ul {
    zoom: 1;
}

.kantan .yellow li {
    float: left;
    margin: 0 10px 10px 0;
}

.kantan .yellow label {
    display: block;
    width: 290px;
    height: 91px;
    position: relative;
    background: no-repeat 0 0 url(../img/generic/btn-kantan-beginner.png);
}

.kantan .yellow-big label {
    /*20200617追記*/
    display: block;
    width: 290px;
    height: 130px;
    position: relative;
    background: no-repeat 0 0 url(../img/generic/btn-kantan-beginner.png);
}

.kantan .yellow label i {
    background: no-repeat 0 0 url(../img/generic/btn-kantan-beginner-on.png);
}

.kantan .yellow input {
    position: absolute;
    left: -9999px;
}

.kantan .yellow i {
    width: 290px;
    height: 91px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.kantan .yellow-big i {
    /*20200617追記*/
    width: 290px;
    height: 130px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.kantan .yellow i-noUse {
    display: none;
    position: absolute;
    background: no-repeat 0 0 url(../img/generic/icn-check-on.png);
    width: 27px;
    height: 23px;
    top: 20px;
    left: 20px;
}

.kantan .yellow .shougaku label {
    background-image: url(../img/generic/btn-kantan-shougaku.png);
}

.kantan .yellow .shougaku i {
    background-image: url(../img/generic/btn-kantan-shougaku-on.png);
}

.kantan .yellow .month label {
    background-image: url(../img/generic/btn-kantan-5man.png);
}

.kantan .yellow .month i {
    background-image: url(../img/generic/btn-kantan-5man-on.png);
}

.kantan .yellow .bonar label {
    background-image: url(../img/generic/btn-kantan-bonar.png);
}

.kantan .yellow .bonar i {
    background-image: url(../img/generic/btn-kantan-bonar-on.png);
}


/*　　転職6ボタン追加　　*/

.kantan .yellow .hikoukai label {
    background-image: url(../img/generic/btn-kantan-hikoukai.png);
}

.kantan .yellow .hikoukai i {
    background-image: url(../img/generic/btn-kantan-hikoukai-on.png);
}

.kantan .yellow .careerup label {
    background-image: url(../img/generic/btn-kantan-careerup.png);
}

.kantan .yellow .careerup i {
    background-image: url(../img/generic/btn-kantan-careerup-on.png);
}

.kantan .yellow .nensyuup label {
    background-image: url(../img/generic/btn-kantan-nensyuup.png);
}

.kantan .yellow .nensyuup i {
    background-image: url(../img/generic/btn-kantan-nensyuup-on.png);
}

.kantan .yellow .area label {
    background-image: url(../img/generic/btn-kantan-area.png);
}

.kantan .yellow .area i {
    background-image: url(../img/generic/btn-kantan-area-on.png);
}

.kantan .yellow .seisyain label {
    background-image: url(../img/generic/btn-kantan-seisyain.png);
}

.kantan .yellow .seisyain i {
    background-image: url(../img/generic/btn-kantan-seisyain-on.png);
}

.kantan .yellow .likework label {
    background-image: url(../img/generic/btn-kantan-likework.png);
}

.kantan .yellow .likework i {
    background-image: url(../img/generic/btn-kantan-likework-on.png);
}


/*　　/20200617追加　LP用絞り込みボタン　　*/

.kantan .yellow .nensyuu300ijou label {
    background-image: url(../img/generic/btn-300ijou.png);
}

.kantan .yellow .nensyuu300ijou i {
    background-image: url(../img/generic/btn-300ijou-on.png);
}

.kantan .yellow .nensyuu300miman label {
    background-image: url(../img/generic/btn-300miman.png);
}

.kantan .yellow .nensyuu300miman i {
    background-image: url(../img/generic/btn-300miman-on.png);
}


/*　　/転職6ボタン追加　　*/

.kantan .yellow input[type="checkbox"]:checked+i {
    display: block;
}

.kantan .yellow input[type="checkbox"]:checked+label {
    visibility: visible;
    display: block;
}

.kantan .kantan--select {
    margin-bottom: 10px;
}

.kantan .kantan--select dl {
    padding: 0;
}

.kantan .kantan--select dl:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .kantan .kantan--select dl,
*:first-child+html .kantan .kantan--select dl {
    zoom: 1;
}

.kantan .kantan--select dl:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .kantan .kantan--select dl,
*:first-child+html .kantan .kantan--select dl {
    zoom: 1;
}

.kantan .kantan--select dl dt {
    border-left: 4px solid #184e85;
    padding: 0px;
    padding-left: 9px;
    font-weight: bold;
    float: left;
    width: 160px;
    box-sizing: border-box;
    margin-top: 20px;
    font-size: 24px;
}

.kantan .kantan--select dl dd {
    float: left;
    margin: 0;
}

.kantan .kantan--select dl dd label {
    display: block;
    position: relative;
    margin: 0 0 0;
}

.kantan .kantan--select dl dd label div {
    display: inline-block;
    right: 30px;
    top: 30px;
    position: absolute;
}

.kantan .kantan--select dl dd select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: normal;
    box-sizing: border-box;
    border: 2px solid #cccccc;
    display: inline-block;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ededed), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #ededed, #ffffff);
    background: -moz-linear-gradient(center bottom, #ededed 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #ededed);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    padding: 15px;
    width: 386px;
    height: 80px;
    padding-top: 13px;
    font-size: 24px;
}

.kantan .cardbrand label {
    display: block;
    position: relative;
    margin: 0 0 0;
}

.kantan .cardbrand label div {
    display: inline-block;
    right: 30px;
    top: 20px;
    position: absolute;
}

.kantan .cardbrand select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: normal;
    box-sizing: border-box;
    border: 2px solid #cccccc;
    display: inline-block;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ededed), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #ededed, #ffffff);
    background: -moz-linear-gradient(center bottom, #ededed 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #ededed);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    padding: 15px;
    width: 545px;
    margin-bottom: 10px;
    height: 80px;
    font-size: 24px;
    padding-top: 13px;
}

.kantan .select--group {
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    width: 590px;
    box-sizing: border-box;
    padding: 20px 20px 10px;
}

.kantan .select--group dl {
    margin-top: 0;
    margin-bottom: 0;
}

.kantan .detail {
    padding: 0 25px;
    margin-bottom: 20px;
}

.kantan .detail ul {
    box-sizing: border-box;
    max-width: 640px;
}

.kantan .detail ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .kantan .detail ul,
*:first-child+html .kantan .detail ul {
    zoom: 1;
}

.kantan .detail ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .kantan .detail ul,
*:first-child+html .kantan .detail ul {
    zoom: 1;
}

.kantan .detail li {
    float: left;
    border: 2px solid #cccccc;
    background: #f0f0f0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f0f0), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #f0f0f0 0%, #ffffff 100%);
    background: -moz-linear-gradient(center bottom, #f0f0f0 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #f0f0f0);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
    width: 295px;
    box-sizing: border-box;
    border-top-style: none;
    padding: 28px 10px 10px 15px;
    position: relative;
    font-size: 24px;
    vertical-align: middle;
    min-height: 50px;
    border-left-width: 1px;
    line-height: 28px;
    height: 90px;
}

.kantan .detail li:nth-child(odd) {
    border-left-width: 2px;
    border-right-width: 1px;
}

.kantan .detail li.inicn img {
    margin-top: -7px;
}

.kantan .detail li input {
    position: absolute;
    left: -9999px;
    display: block;
}

.kantan .detail li input[type="checkbox"]:checked+i.checked {
    display: block;
}

.kantan .detail li i.checkbox {
    background: no-repeat 0 0 url(../img/generic/form-checkbox.png);
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin: 1px 10px 0 0;
}

.kantan .detail li i.checked {
    background: no-repeat 0 0 url(../img/generic/icn-check-on.png);
    width: 27px;
    height: 23px;
    display: block;
    position: absolute;
    display: none;
}

.kantan .detail li .icn {
    vertical-align: middle;
}

.kantan .detail li .text--small {
    font-size: 15px;
}

.kantan .detail li.row--first {
    border-top-style: solid;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-left-width: 1px;
}

.kantan .detail li.row--first:nth-child(odd) {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-right-width: 1px;
    border-left-width: 2px;
}

.kantan .detail li.row--last {
    border-left-width: 1px;
}

.kantan .detail li.row--last:nth-child(odd) {
    border-right-width: 1px;
    border-left-width: 2px;
}

.kantan .more {
    display: none;
}

.kantan .more--title {
    background-color: #e0e0e0;
    border: 2px solid #cccccc;
    border-style: none solid solid;
    text-align: center;
    font-size: 24px;
    padding: 10px;
    max-width: 590px;
    box-sizing: border-box;
}

.kantan .more li.row--last {
    border-left-width: 1px;
}

.kantan .more li.row--last:nth-child(odd) {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-right-width: 1px;
    border-left-width: 2px;
}

.kantan .more li.none {
    height: 50px;
}

.kantan .more li.none.inicn {
    height: 50px;
}

.kantan .btn--tsuika {
    background: 0 0 no-repeat url(../img/generic/btn-tsuika.png);
    width: 590px;
    height: 61px;
    text-indent: -9999px;
    margin-bottom: 20px;
}

.kantan .btn--close {
    background: 0 0 no-repeat url(../img/generic/btnbtn-close.png);
    width: 590px;
    height: 61px;
    text-indent: -9999px;
    margin-bottom: 20px;
    display: none;
}

.kantan .btn--search--submit button {
    border: none;
    background: 0 0 no-repeat url(../img/generic/btn-search.png);
    width: 590px;
    height: 92px;
    text-indent: -9999px;
}

.kantan .kensuu-hyouji {
    font-size: 34px;
    text-align: center;
    padding: 5px 2px;
    font-weight: bold;
    color: #d90000;
}

.kantan .kensuu-hyouji2 {
    font-size: 24px;
    text-align: center;
    padding: 5px 2px;
    font-weight: bold;
    color: #333;
}


/* 2018/12/14テスト追加 */

.kantan .kantan--select {
    margin-bottom: 10px;
}

.kantan .kantan--select dl {
    padding: 0;
}

.kantan .kantan--select dl:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .kantan .kantan--select dl,
*:first-child+html .kantan .kantan--select dl {
    zoom: 1;
}

.kantan .kantan--select dl:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .kantan .kantan--select dl,
*:first-child+html .kantan .kantan--select dl {
    zoom: 1;
}

.kantan .kantan--select dl dt {
    border-left: 4px solid #184e85;
    padding: 0px;
    padding-left: 9px;
    font-weight: bold;
    float: left;
    width: 160px;
    box-sizing: border-box;
    margin-top: 20px;
    font-size: 24px;
}

.kantan .kantan--select dl dd {
    float: left;
    margin: 0;
}

.kantan .kantan--select dl dd label {
    display: block;
    position: relative;
    margin: 0 0 0;
}

.kantan .kantan--select dl dd label div {
    display: inline-block;
    right: 30px;
    top: 30px;
    position: absolute;
}

.kantan .kantan--select dl dd select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: normal;
    box-sizing: border-box;
    border: 2px solid #cccccc;
    display: inline-block;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ededed), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #ededed, #ffffff);
    background: -moz-linear-gradient(center bottom, #ededed 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #ededed);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    padding: 15px;
    width: 386px;
    height: 80px;
    padding-top: 13px;
    font-size: 24px;
}

.kantan .cardbrand label {
    display: block;
    position: relative;
    margin: 0 0 0;
}

.kantan .cardbrand label div {
    display: inline-block;
    right: 30px;
    top: 20px;
    position: absolute;
}

.kantan .cardbrand select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: normal;
    box-sizing: border-box;
    border: 2px solid #cccccc;
    display: inline-block;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ededed), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #ededed, #ffffff);
    background: -moz-linear-gradient(center bottom, #ededed 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #ededed);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    padding: 15px;
    width: 545px;
    margin-bottom: 10px;
    height: 80px;
    font-size: 24px;
    padding-top: 13px;
}

.kantan .select--group {
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    width: 590px;
    box-sizing: border-box;
    padding: 20px 20px 10px;
}

.kantan .select--group dl {
    margin-top: 0;
    margin-bottom: 0;
}

.kantan .detail {
    padding: 0 25px;
    margin-bottom: 20px;
}

.kantan .detail ul {
    box-sizing: border-box;
    max-width: 640px;
}

.kantan .detail ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .kantan .detail ul,
*:first-child+html .kantan .detail ul {
    zoom: 1;
}

.kantan .detail ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .kantan .detail ul,
*:first-child+html .kantan .detail ul {
    zoom: 1;
}

.kantan .detail li {
    float: left;
    border: 2px solid #cccccc;
    background: #f0f0f0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f0f0f0), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #f0f0f0 0%, #ffffff 100%);
    background: -moz-linear-gradient(center bottom, #f0f0f0 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #f0f0f0);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
    width: 295px;
    box-sizing: border-box;
    border-top-style: none;
    padding: 28px 10px 10px 15px;
    position: relative;
    font-size: 24px;
    vertical-align: middle;
    min-height: 50px;
    border-left-width: 1px;
    line-height: 28px;
    height: 90px;
}

.kantan .detail li:nth-child(odd) {
    border-left-width: 2px;
    border-right-width: 1px;
}

.kantan .detail li.inicn img {
    margin-top: -7px;
}

.kantan .detail li input {
    position: absolute;
    left: -9999px;
    display: block;
}

.kantan .detail li input[type="checkbox"]:checked+i.checked {
    display: block;
}

.kantan .detail li i.checkbox {
    background: no-repeat 0 0 url(../img/generic/form-checkbox.png);
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin: 1px 10px 0 0;
}

.kantan .detail li i.checked {
    background: no-repeat 0 0 url(../img/generic/icn-check-on.png);
    width: 27px;
    height: 23px;
    display: block;
    position: absolute;
    display: none;
}

.kantan .detail li .icn {
    vertical-align: middle;
}

.kantan .detail li .text--small {
    font-size: 15px;
}

.kantan .detail li.row--first {
    border-top-style: solid;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-left-width: 1px;
}

.kantan .detail li.row--first:nth-child(odd) {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-right-width: 1px;
    border-left-width: 2px;
}

.kantan .detail li.row--last {
    border-left-width: 1px;
}

.kantan .detail li.row--last:nth-child(odd) {
    border-right-width: 1px;
    border-left-width: 2px;
}

.kantan .more {
    display: none;
}

.kantan .more--title {
    background-color: #e0e0e0;
    border: 2px solid #cccccc;
    border-style: none solid solid;
    text-align: center;
    font-size: 24px;
    padding: 10px;
    max-width: 590px;
    box-sizing: border-box;
}

.kantan .more li.row--last {
    border-left-width: 1px;
}

.kantan .more li.row--last:nth-child(odd) {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-right-width: 1px;
    border-left-width: 2px;
}

.kantan .more li.none {
    height: 50px;
}

.kantan .more li.none.inicn {
    height: 50px;
}

.kantan .btn--tsuika {
    background: 0 0 no-repeat url(../img/generic/btn-tsuika.png);
    width: 590px;
    height: 61px;
    text-indent: -9999px;
    margin-bottom: 20px;
}

.kantan .btn--close {
    background: 0 0 no-repeat url(../img/generic/btn-close.png);
    width: 590px;
    height: 61px;
    text-indent: -9999px;
    margin-bottom: 20px;
    display: none;
}

.kantan .btn--search--submit button {
    border: none;
    background: 0 0 no-repeat url(../img/generic/btn-search.png);
    width: 590px;
    height: 92px;
    text-indent: -9999px;
}

.kantan .kensuu-hyouji {
    font-size: 34px;
    text-align: center;
    padding: 5px 2px;
    font-weight: bold;
    color: #d90000;
}

.kantan .kensuu-hyouji2 {
    font-size: 24px;
    text-align: center;
    padding: 5px 2px;
    font-weight: bold;
    color: #333;
}


/*  */

.switch i,
.switch i.closed {
    background: 0 0 no-repeat url(../img/generic/icn-plus.png);
    float: right;
    width: 38px;
    height: 41px;
    margin-right: 10px;
    margin-top: -4px;
    display: block;
    cursor: pointer;
}

.switch i.opend {
    background-image: url(../img/generic/icn-minus.png);
}

#menu {
    background-color: #174517;
    color: #fff;
    max-width: 560px;
    min-width: 560px;
    overflow-x: hidden;
    overflow-y: auto;
}

#menu ul {
    padding: 30px 50px 100px;
}

#menu li {
    border-bottom: 2px solid #4d704d;
    position: relative;
    display: block;
}

#menu li:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html #menu li,
*:first-child+html #menu li {
    zoom: 1;
}

#menu li:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html #menu li,
*:first-child+html #menu li {
    zoom: 1;
}

#menu li.noline,
#menu li.tit {
    border-bottom: none;
}

#menu a,
#menu .title {
    color: #fff;
    background: no-repeat 10px center;
    width: 460px;
    height: 77px;
    display: block;
    padding-left: 70px;
    font-size: 26px;
    text-decoration: none;
    line-height: 77px;
    font-weight: bold;
}

#menu .home a {
    background-image: url(../img/menu/icn-menu-home.png);
}

#menu .selection a {
    background-image: url(../img/menu/icn-menu-selection.png);
}


/*▼アイコン 44X44ロゴ*/

#menu .greenbox a {
    background-image: url(../img/menu/icn-menu-greenbox.png);
}

#menu .the-gold a {
    background-image: url(../img/menu/icn-menu-the-gold.png);
}

#menu .fuku-chan a {
    background-image: url(../img/menu/icn-menu-fuku-chan.png);
}

#menu .buy-sell a {
    background-image: url(../img/menu/icn-menu-buy-sell.png);
}

#menu .manga--001 a {
    background-image: url(../img/menu/icn-menu-manga--001.png);
}

#menu .furisode a {
    background-image: url(../img/menu/icn-menu-hinmoku_furisode.png);
}

#menu .tomesode a {
    background-image: url(../img/menu/icn-menu-hinmoku_tomesode.png);
}

#menu .houmongi a {
    background-image: url(../img/menu/icn-menu-hinmoku_houmongi.png);
}

#menu .tsukesage a {
    background-image: url(../img/menu/icn-menu-hinmoku_tsukesage.png);
}

#menu .iromuji a {
    background-image: url(../img/menu/icn-menu-hinmoku_iromuji.png);
}

#menu .komon a {
    background-image: url(../img/menu/icn-menu-hinmoku_komon.png);
}

#menu .tsumugi a {
    background-image: url(../img/menu/icn-menu-hinmoku_tsumugi.png);
}

#menu .mofuku a {
    background-image: url(../img/menu/icn-menu-hinmoku_mofuku.png);
}

#menu .antique a {
    background-image: url(../img/menu/icn-menu-hinmoku_antique.png);
}

#menu .komono a {
    background-image: url(../img/menu/icn-menu-hinmoku_komono.png);
}

#menu .tanmono a {
    background-image: url(../img/menu/icn-menu-hinmoku_tanmono.png);
}

#menu .yukata a {
    background-image: url(../img/menu/icn-menu-hinmoku_yukata.png);
}

#menu .c2 a {
    background-image: url(../img/menu/icn-menu-c2.png);
}

#menu .c3 a {
    background-image: url(../img/menu/icn-menu-c3.png);
}

#menu .s2 a {
    background-image: url(../img/menu/icn-menu-s2.png);
}

#menu .s3 a {
    background-image: url(../img/menu/icn-menu-s3.png);
}

#menu .s4 a {
    background-image: url(../img/menu/icn-menu-s4.png);
}

#menu .s5 a {
    background-image: url(../img/menu/icn-menu-s5.png);
}

#menu .s6 a {
    background-image: url(../img/menu/icn-menu-s6.png);
}

#menu .ihin-kimono a {
    background-image: url(../img/menu/icn-menu-ihin_kimono.png);
}

#menu .kosen1 a {
    background-image: url("../img/menu/icn-menu-kosen1.png");
}

#menu .kosen2 a {
    background-image: url("../img/menu/icn-menu-kosen2.png");
}

#menu .kosen3 a {
    background-image: url("../img/menu/icn-menu-kosen3.png");
}

#menu .kosen4 a {
    background-image: url("../img/menu/icn-menu-kosen4.png");
}

#menu .kosen5 a {
    background-image: url("../img/menu/icn-menu-kosen5.png");
}

#menu .kosen6 a {
    background-image: url("../img/menu/icn-menu-kosen6.png");
}

#menu .tit--column .title {
    background-image: url(../img/menu/tit-menu-column.png);
    text-indent: -9999px;
}

#menu .tit--ichiran .title {
    background-image: url(../img/menu/tit-menu-ichiran.png);
    text-indent: -9999px;
}

#menu .tit--hinmoku .title {
    background-image: url(../img/menu/tit-menu-hinmoku.png);
    text-indent: -9999px;
}

#menu .tit--cost .title {
    background-image: url(../img/menu/tit-menu-cost.png);
    text-indent: -9999px;
}

#menu .tit--kaitori .title {
    background-image: url(../img/menu/tit-menu-kaitori.png);
    text-indent: -9999px;
}

#menu .close a {
    background-image: url(../img/menu/btn-menu-close.png);
    text-indent: -9999px;
}


/* メニュー追加20181012------------------------------------------ */

#menu .fx a {
    background-image: url(/sp/assets/img/menu/icn-menu-fx.png);
}

#menu .bonar a {
    background-image: url(/sp/assets/img/menu/icn-menu-hikaku.png);
}


/* ここまで---------------------------------------------- */

#menu .fa-chevron-right {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    left: auto;
    margin: 0;
    line-height: 77px;
}

#menu .column a {
    padding-left: 10px;
}

#menu .column a:before {
    content: '・';
    color: #367232;
    margin-right: 5px;
}


/* メニュー追加------------------------------------------ */

#menu li.column2 a {
    width: 380px;
    height: auto;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5em;
    margin: 10px 0 10px 10px;
}

#menu li.column2 a:before {
    content: '・';
    color: #367232;
    margin-right: 5px;
}


/* ここまで---------------------------------------------- */

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-560px, 0px);
    transform: translate(-560px, 0px);
    -webkit-box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1);
}

body.home .s1 {
    background-color: #fff;
}

body.home .s1 .bx-viewport {
    left: 0;
    border: none;
}

body.home .s1 .bx-wrapper {
    margin: 0 auto 40px;
}

body.home .s1 .bx-wrapper .bx-viewport {
    box-shadow: none;
}

body.home .s1 .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #bcbcbc;
}

body.home .s1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
body.home .s1 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #184716;
}

.bxslider2 li a {
    width: 640px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.bxslider2 li a img {
    display: block;
    margin: 0 auto;
}

body.home .favcolumn {
    margin-bottom: 20px;
}

body.home .favcolumn .title {
    background: 0 0 no-repeat url(../img/home/favcolumn-top.png);
    height: 105px;
    text-indent: -9999px;
}

body.home .favcolumn .list--normal {
    background: 0 0 repeat url(../img/home/favcolumn-bg.png);
    padding: 0 25px 25px;
}

body.home .favcolumn .list--normal li {
    background-color: #f5f1e9;
}

body.home .favcolumn .list--normal li:first-child {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

body.home .favcolumn .list--normal li:last-child {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

body.home .favcolumn .list--normal li a {
    text-decoration: underline;
}


/*2019/01/28TOP人気コラム*/

.list--top li {
    border-bottom: 2px solid #cccccc;
    position: relative;
    display: block;
}

.list--top a {
    color: #2a2828;
    background: no-repeat 10px center;
    display: block;
    padding-left: 10px;
    padding: 10px 10px 10px 60px;
    font-size: 24px;
    text-decoration: underline;
    line-height: 1.4em;
}

.list--top i {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: 0;
    background: no-repeat left center url(../img/generic/icn-list-arrow.png);
    width: 29px;
    height: auto;
}

body.home .favcolumn .list--top {
    background: 0 0 repeat url(../img/home/favcolumn-bg.png);
    padding: 0 25px 25px;
}

body.home .favcolumn .list--top li {
    background-color: #f5f1e9;
}

body.home .favcolumn .list--top li:first-child {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

body.home .favcolumn .list--top li:last-child {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

body.home .favcolumn .list--top li a {
    text-decoration: underline;
}


/*--------------------------*/


/*2019/03/15TOP人気コラム*/

.list--top li {
    border-bottom: 2px solid #cccccc;
    position: relative;
    display: block;
}

.list--top a {
    color: #2a2828;
    background: no-repeat 10px center;
    display: block;
    padding-left: 10px;
    padding: 10px 10px 10px 60px;
    font-size: 24px;
    text-decoration: underline;
    line-height: 1.4em;
}

.list--top i {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: 0;
    background: no-repeat left center url(../img/generic/icn-list-arrow.png);
    width: 29px;
    height: auto;
}

body.parts .favcolumn .title {
    background: 0 0 no-repeat url(../img/home/favcolumn-top.png);
    height: 105px;
    text-indent: -9999px;
}

body.parts .favcolumn .list--top {
    background: 0 0 repeat url(../img/home/favcolumn-bg.png);
    padding: 0 25px 25px;
}

body.parts .favcolumn .list--top li {
    background-color: #f5f1e9;
}

body.parts .favcolumn .list--top li:first-child {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

body.parts .favcolumn .list--top li:last-child {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

body.parts .favcolumn .list--top li a {
    text-decoration: underline;
}

body.parts .favcolumn .btn--ichiran {
    background: 0 0 repeat url(../img/home/favcolumn-bg.png);
    padding-bottom: 20px;
}

body.parts .favcolumn .btn--ichiran a {
    background: 0 0 no-repeat url(../img/home/btn-column-ichiran.png);
    display: block;
    width: 590px;
    height: 80px;
    margin: 0 auto;
}


/*--------------------------*/

body.home .favcolumn .btn--ichiran {
    background: 0 0 repeat url(../img/home/favcolumn-bg.png);
    padding-bottom: 20px;
}

body.home .favcolumn .btn--ichiran a {
    background: 0 0 no-repeat url(../img/home/btn-column-ichiran.png);
    display: block;
    width: 590px;
    height: 80px;
    margin: 0 auto;
}

.bx-wrapper .bx-viewport {
    border: none;
}

.bx-pager.bx-default-pager a {
    background-color: #bcbcbc;
}

.bx-pager.bx-default-pager a:hover,
.bx-pager.bx-default-pager a.active {
    background-color: #184716;
}

.tab--home--index {
    margin-top: 20px;
}

.tab--home--index li a {
    width: 202px;
    height: 60px;
}

.tab--home--index .osusume a {
    background-image: url(../img/home/tab-home-1-off.png);
}

.tab--home--index .osusume.current a {
    background-image: url(../img/home/tab-home-1-on.png);
}

.tab--home--index .tesuryo a {
    background-image: url(../img/home/tab-home-2-off.png);
}

.tab--home--index .tesuryo.current a {
    background-image: url(../img/home/tab-home-2-on.png);
}

.tab--home--index .shougaku a {
    background-image: url(../img/home/tab-home-3-off.png);
}

.tab--home--index .shougaku.current a {
    background-image: url(../img/home/tab-home-3-on.png);
}

.list--fx {
    background-color: #fffde3;
    margin-bottom: 20px;
}

.list--fx a {
    color: #2a2828;
    text-decoration: none;
}

.col2 div.right {
    display: table-cell;
    padding-right: 20px;
    box-sizing: border-box;
    padding-left: 10px;
}

.col2 .right .kikangenntei {
    webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #d51515;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
    letter-spacing: 5px;
}

.col2 .right div {
    color: #2a2828;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
}

.list--fx .item {
    background-color: #fffde3;
    border-bottom: 4px solid #185a18;
    padding: 25px 25px 25px;
    position: relative;
}

.list--fx .item .title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
}

.list--fx .fx--info {
    padding: 0;
}

.list--fx .col2:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .list--fx .col2,
*:first-child+html .list--fx .col2 {
    zoom: 1;
}

.list--fx .col2:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .list--fx .col2,
*:first-child+html .list--fx .col2 {
    zoom: 1;
}

.list--fx .col2 .img {
    float: left;
    margin-right: 20px;
}

.list--fx .col2 .spec--table {
    float: left;
    display: inline-block;
}

.list--fx .col2 .spec--table table {
    width: 410px;
}

.list--fx .arrow {
    background-color: #e0dec0;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    line-height: 100%;
    /*
*/
    height: 100%;
    width: 28px;
    text-align: center;
    background: center center #e0dec0 no-repeat url(../img/home/spec-home-arrow.png);
    /*
		.fa{
			color:#6c6a48;
			position: absolute;
			right:0;
			top:0;
			bottom:0;
			left:0;
			margin: 0;
			display: block;
		}
*/
}

body.colmun--list h1 {
    margin: 0;
    padding: 0;
}

body.colmun--list h1 img {
    display: block;
}

.search--result .hit {
    font-size: 34px;
    text-align: center;
    padding: 40px 20px;
    font-weight: bold;
    color: #d90000;
}

.search--result .hit2 {
    font-size: 24px;
    text-align: center;
    padding: 5px 2px;
    font-weight: bold;
    color: #333;
}

.search--result .search--modify {
    text-align: right;
    margin-bottom: 20px;
}

.search--result .search--modify a {
    color: #006df3;
    font-size: 24px;
}

.search--result .search--modify i {
    margin-right: 5px;
    color: #444;
}


/*見出し PCから移植 開始*/

.sst_tokutyou {
    diplay: block;
    max-width: 640px;
    font-size: 28px;
    font-weight: bold;
    color: #111111;
    border-bottom: 2px solid #cccccc;
    line-height: 1.3em;
    margin: 15px 0 5px;
    padding: 17px 17px 17px 60px;
    background: url(/kimono/images/parts/bg_st_tokuchou.gif) center left no-repeat;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}

.sst_point {
    diplay: block;
    max-width: 640px;
    font-size: 28px;
    font-weight: bold;
    color: #111111;
    letter-spacing: 2px;
    line-height: 1em;
    margin-bottom: 5px;
    padding: 17px 17px 17px 60px;
    background: url(/kimono/images/parts//bg_st_point.gif) center left no-repeat;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}

.sst_demerit {
    diplay: block;
    max-width: 640px;
    font-size: 28px;
    font-weight: bold;
    color: #111111;
    letter-spacing: 2px;
    line-height: 1em;
    margin-bottom: 5px;
    padding: 17px 17px 17px 60px;
    background: url(/kimono/images/parts/bg_st_demerit.gif) center left no-repeat;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}

.sst {
    position: relative;
    max-width: 560px;
    font-size: 30px;
    font-weight: bold;
    color: #111111;
    letter-spacing: 2px;
    line-height: 1.3em;
    margin-bottom: 12px;
    padding: 12px;
    padding-left: 40px;
    background: linear-gradient(#fff, #fff 50%, #eee);
    border-bottom: solid 5px #ddd;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}

.sst::after {
    position: absolute;
    top: 50%;
    left: 0.7em;
    transform: translateY(-50%);
    content: '';
    width: 5px;
    height: 50%;
    background-color: #217721;
}

.con_list {}


/*見出し PCから移植 終了*/

dl.con_list dt {
    font-size: 21px;
}

.block--card {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.block {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}

.block--card .cardface {
    position: relative;
    margin-bottom: 20px;
}

.block--card {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.block--card a.side {
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: no-repeat center center url(../img/generic/icn-blockcard-side.png);
    width: 38px;
    height: 110px;
    display: block;
}

/*20250109 上田追加*/
.uwagaki-color_blue1 .block--card a.side {
    background: no-repeat center center url(../img/generic/icn-blockcard-side_blue.png);
}

.uwagaki-color_blue1 .block--card a.side {
    background: no-repeat center center url(../img/generic/icn-blockcard-side_pink.png);
}

/*ここまで*/

.block--card a.link {
    text-align: center;
    text-decoration: underline;
    color: #000;
    display: inline-block;
    font-size: 24px;
    line-height: 30px;
}

.block--card a.link i {
    background: no-repeat center center url(../img/generic/icn-blockcard-arrow.png);
    width: 30px;
    height: 30px;
    margin-left: 10px;
    float: right;
}

.block--card p {
    text-align: left;
    font-size: 24px;
    line-height: 1.5em;
}

.block--card img {
    display: block;
    margin: 0 auto;
}

.btn--order {
    margin: 0 auto;
    width: 590px;
}

.btn--order a {
    background: no-repeat 0 0 url(../img/btn/btn-addorder.png);
}

.btn a {
    display: block;
    width: 590px;
    height: 92px;
    text-indent: -9999px;
}

div.table-swipe-left {
    float: left;
    position: relative;
    display: table-cell;
    text-align: center;
}

div.table-swipe-right {
    overflow-x: scroll;
    width: auto;
    margin-right: 0;
    margin-left: 0;
    -webkit-overflow-scrolling: touch;
}

div.table-swipe-left table,
div.table-swipe-right table {
    border-top: 2px solid #cccccc;
    margin-bottom: 15px;
    height: 100%;
    width: 100%;
    display: table-cell;
}

.table-swipe-left td {
    background-color: #e9f5eb;
    color: #185918;
}

ol.list,
ul.list {
    font-size: 28px;
    padding: 5px 5px 5px 45px;
}

ol.list li,
ul.list li {
    display: list-item;
    margin-bottom: 24px;
}

ul.list {
    margin: 1em 0px;
}

.bnr--link--col2 {
    margin-bottom: 10px;
    width: 640px;
    margin: 0 auto;
}

.bnr--link--col2 ul {
    padding-left: 25px;
    padding-top: 20px;
    box-sizing: border-box;
    max-width: 640px;
}

.bnr--link--col2 ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .bnr--link--col2 ul,
*:first-child+html .bnr--link--col2 ul {
    zoom: 1;
}

.bnr--link--col2 ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .bnr--link--col2 ul,
*:first-child+html .bnr--link--col2 ul {
    zoom: 1;
}

.bnr--link--col2 li {
    float: left;
    margin: 0 10px 10px 0;
    display: inline-block;
}

.search--result .hit {
    font-size: 34px;
    text-align: center;
    padding: 40px 20px;
    font-weight: bold;
    color: #d90000;
}

.search--result .hit1 {
    /*「/sp/select」用*/
    font-size: 34px;
    text-align: center;
    padding: 5px 2px;
    font-weight: bold;
    color: #d90000;
}

.search--result .hit2 {
    font-size: 24px;
    text-align: center;
    padding: 5px 2px;
    font-weight: bold;
    color: #333;
}

#ichi_1 {
    background-image: url("/kimono/sp/assets/img/generic/tab1_off.png");
}

#ichi_2 {
    background-image: url("/kimono/sp/assets/img/generic/tab2_off.png");
}

#ichi_3 {
    background-image: url("/kimono/sp/assets/img/generic/tab3_off.png");
}

#ichi_4 {
    background-image: url("/kimono/sp/assets/img/generic/tab4_off.png");
}

#ichi_1,
#ichi_2,
#ichi_3,
#ichi_4 {
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 12px;
    border-bottom: 8px solid #185a18;
}

.site_table {
    width: 60%;
    border-collapse: collapse;
    font-size: 24px;
}

.site_table th {
    background-color: #ddd;
    width: 75%;
}

.site_table td {
    width: 30%;
}

.site_table th,
.site_table td {
    border: 2px solid #000;
    padding: 4px;
}

#site_recruitment,
#site_area,
#site_income {
    display: none;
}

.site_tables table {
    border-collapse: collapse;
    font-size: 19px;
}

.left_table {
    width: 30%;
    float: left;
    background: #ecfdeb;
}

.left_table th,
.right_table th {
    border: 1px solid #c2e1bf;
    height: 224px;
    padding: 8px 12px;
}

.left_table th {
    padding: 8px 0px;
}

.left_table tr:nth-child(1) th,
.right_table tr:nth-child(1) th {
    height: 80px;
    font-size: 19px;
}

.right_table tr:nth-child(1) th {
    background: #ecfdeb;
}

.right_table tr:nth-child(1) th img {
    width: 22px;
    height: 22px;
    vertical-align: bottom;
}

.left_table img {
    width: 80%;
}

.right_table {
    margin-left: 30%;
    white-space: nowrap;
    overflow: scroll;
}

.clear_box {
    clear: both;
}

.search_box img {
    vertical-align: bottom;
}

.search_top2 {
    margin: 0px 28px;
}

.search_top2 img {
    cursor: pointer;
    margin: 4px 0px;
}

.search_select {
    font-size: 26px;
}

.search_select table {
    margin: 16px auto 0px;
    width: 92%;
    padding: 8px;
}

.search_select th {
    background: linear-gradient(180deg, #fff, #eee);
    border: 2px solid #ccc;
}

.search_select td {
    text-align: center;
    border: 2px solid #ccc;
}

.search_select select {
    padding: 16px;
    width: 100%;
    background-color: #fff;
    color: #6C6C6C;
}

.search_select option {
    font-size: 80%;
}

.search_detail {
    font-size: 26px;
}

.detail_show {
    width: 90%;
    text-align: center;
    margin: 0px auto;
    padding: 8px 0px;
    border: 2px solid #000;
    background-color: #83620F;
    color: #fff;
}

.kensuu {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.kensuu_num {
    color: #f00;
    font-size: 40px;
    margin: 0px 4px;
}

.kensuu_num1 {
    color: #d90000;
    font-size: 34px;
    margin: 0px 4px;
}

.kensuu_ken {
    color: #d90000;
    font-size: 34px;
    margin: 0px 4px;
}

.kensuu_2 {
    font-size: 24px;
}

.site_kari {
    border-bottom: 8px solid #185a18;
    background: #ffe;
    padding: 16px;
    text-decoration: none;
}

.site_kari a {
    color: #2a2828;
    /*  text-decoration: none;  */
}

.ichioshi_select_box {}

.ichi_select {
    float: left;
    width: 23%;
    padding: 8px 0px;
    height: 54px;
}

.site_title {
    font-size: 28px;
    font-weight: bold;
    width: 35%;
    text-align: center;
    float: left;
    padding-top: 8px;
}

.site_title img {
    width: 90%;
    margin: 8px auto;
}

.site_table {
    width: 60%;
    border-collapse: collapse;
    font-size: 24px;
}

.site_table th {
    background-color: #e9f5eb;
    width: 75%;
    color: #185918;
}

.site_table td {
    width: 30%;
}

.site_table th,
.site_table td {
    border: 2px solid #c3dac8;
    padding: 5px;
    text-align: center;
    font-size: 20px;
}

#site_ipo,
#site_toushi {
    display: none;
}

.clear_box {
    clear: both;
}


/*　2019/01/30ボタン　*/

.btn-cv a {
    border: solid #fff 3px;
    border-radius: 12px;
    box-shadow: 1px 1px 10px 0 #a1a1a1;
    color: rgb(255, 255, 255);
    display: block;
    /*--2023/02/09修正
    font-size: 2.8em;--*/
    font-weight: bold;
    line-height: 1.4;
    margin: 0.6em auto;
    padding: 1em 2em .8em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    width: 75%;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 0 #787878, -1px -1px 0 #787878, -1px 1px 0 #787878, 1px -1px 0 #787878, 0px 1px 0 #787878, 0-1px 0 #787878, -1px 0 0 #787878, 1px 0 0 #787878;
    /*--2023/02/09修正--*/
    font-size: 25px;
}

.is-bounce {
    animation: bounce 4.5s infinite;
    -moz-animation: bounce 4.5s infinite;
    -webkit-animation: bounce 4.5s infinite;
    -webkit-animation-delay: 4.5s;
    animation-delay: 2s;
}

.is-bounce02 {
    animation: bounce 4.5s infinite;
    -moz-animation: bounce 4.5s infinite;
    -webkit-animation: bounce 4.5s infinite;
    -webkit-animation-delay: 4.5s;
    animation-delay: 5s;
}

.is-bounce03 {
    animation: bounce 4.5s infinite;
    -moz-animation: bounce 4.5s infinite;
    -webkit-animation: bounce 4.5s infinite;
    -webkit-animation-delay: 4.5s;
    animation-delay: 8s;
}

.is-reflection a {
    overflow: hidden;
}

.btn-cv.is-red a {
    background: #fb4e3e;
    background: -webkit-linear-gradient(#00a23f, #39900a);
    background: linear-gradient(#fb4e3e, #d64b26);
}

.btn-cv.is-blue a {
    background: #1ca4b6;
    background: -webkit-linear-gradient(#00a23f, #39900a);
    background: linear-gradient(#5293CE, #5293CE);
}

.btn-cv.is-greenblue a {
    background: #1ca4b6;
    background: -webkit-linear-gradient(#00a23f, #39900a);
    background: linear-gradient(#00c4b3, #00c4b3);
}


/* ボタン内のアイコン */

.btn-cv a:before {
    content: "\f138";
    font-family: "fontawesome";
    font-weight: normal;
    font-size: 1.1em;
    margin-top: -.6em;
    position: absolute;
    right: 15px;
    top: 50%;
}

.btn-cv a:hover {
    box-shadow: 1px 1px 2px 0 #a1a1a1;
    filter: alpha(opacity=70);
    opacity: .7;
}


/* ボタンの光沢 */

.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;
}


/* アニメーションを遅延させる */

@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;
    }
}


/* CVボタン矢印揺れ */

.is-trembling a:before {
    -webkit-animation-name: is-trembling;
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: is-trembling;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease;
}

@-webkit-keyframes is-trembling {
    0% {
        -webkit-transform: translate(-3px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

.left_table tr:nth-child(1) th,
.right_table tr:nth-child(1) th {
    height: 120px;
}

.left_table th,
.right_table th {
    height: 120px;
}

.right_table .left_text {
    text-align: left;
}


/* 申し込みアニメーション */

@keyframes bounce {

    0%,
    20%,
    35%,
    45%,
    100% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-10px);
    }

    40% {
        transform: translateY(-8px);
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    35%,
    45%,
    100% {
        -webkit-transform: translateY(0);
    }

    30% {
        -webkit-transform: translateY(-10px);
    }

    40% {
        -webkit-transform: translateY(-8px);
    }
}

.sp_apply {
    text-align: center;
    margin: 20px 0px;
}

.sp_apply a {
    text-decoration: none;
}

.sp_apply img {
    width: 49%;
}

.sp_apply a:nth-child(2) img,
.btn.kouza a {
    animation: bounce 4s infinite;
    -moz-animation: bounce 4s infinite;
    -webkit-animation: bounce 4s infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 2s;
}

.st_column_greenL {
    background: linear-gradient(180deg, #fff, #ddd);
    border-radius: 8px;
    border-top: 10px solid #159d0f;
    border-bottom: 10px solid #159d0f;
    position: relative;
    overflow: hidden;
    word-break: break-all;
    width: auto;
    line-height: unset;
    font-size: 30px;
    text-indent: 30px;
    margin: 20px 0px;
    padding: 6px 12px;
    letter-spacing: 0.1em;
    color: #146b15;
}

.st_column_greenL:before {
    content: '';
    background: linear-gradient(120deg, #159d0f 52%, #1b551a 60%);
    background-position: 77% 34%;
    background-repeat: no-repeat;
    padding: 60px 20px;
    position: absolute;
    left: -22px;
    top: -31px;
    transform: rotate(45deg);
}

.st_column_greenL:after {
    content: '';
    background: linear-gradient(300deg, #159d0f 52%, #1b551a 60%);
    padding: 60px 20px;
    position: absolute;
    right: -22px;
    bottom: -31px;
    transform: rotate(45deg);
}


/* くの字型アイコン */

.arrow {
    position: relative;
    display: inline-block;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1em;
    width: 9em;
}

.arrow::before,
.arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.cv::before {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 25%;
    border-radius: 25%;
    background: #d40808;
}

.cv::after {
    right: 6px;
    width: 0;
    height: 0;
    border-left: 8px solid #fff;
    ;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}


/* 2019/02/27追記 */


/*table-swipe開始*/

div.table-swipe-left {
    float: left;
    position: relative;
    display: table-cell;
    width: auto;
    max-width: 250px;
    text-align: center;
}

div.table-swipe-right {
    overflow-x: scroll;
    width: auto;
    margin-right: 0;
    margin-left: 0;
    -webkit-overflow-scrolling: touch;
}

div.table-swipe-left table,
div.table-swipe-right table {
    border-top: 2px solid #cccccc;
    margin-bottom: 15px;
    height: 100%;
    width: 100%;
    display: table-cell;
}

div.table-swipe-left table {
    border-left: 2px solid #cccccc;
}

div.table-swipe-left table th,
div.table-swipe-right table th {
    background-color: #e9f5eb;
    color: #185918;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    padding: 5px;
    text-align: center;
    font-size: 21px;
    line-height: 1.5em;
}

div.table-swipe-left table td,
div.table-swipe-right table td {
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    padding: 5px 10px;
    font-size: 21px;
    line-height: 1.5em;
}

div.table-swipe-right table th,
div.table-swipe-right table td {
    white-space: nowrap;
}


/*table-swipe終了*/

.btn_4-2 a {
    box-sizing: border-box;
    border: solid #fff 3px;
    border-radius: 12px;
    box-shadow: 1px 1px 10px 0 #a1a1a1;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 27px;
    font-weight: bold;
    margin: 0.5em 1%;
    padding: 16px 46px 16px 12px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    width: 47%;
}

.btn_4-2 a:before {
    content: "\f138";
    font-family: "fontawesome";
    font-weight: normal;
    font-size: 1.1em;
    margin-top: -0.5em;
    position: absolute;
    right: 12px;
    top: 50%;
}

.btn_4-2 a:active {
    top: 4px;
}

.btn_4-2_ume {
    background: linear-gradient(#780600, #E9546B);
}

.btn_4-2_kaki {
    background: linear-gradient(#FF7A20, #DE6A1C);
}

.btn_4-2_karakurenai {
    background: linear-gradient(#EA0032, #FF7650);
}

.btn_4-2_nakabeni {
    background: linear-gradient(#1e97f2, #6390ac);
}

.btn_4-2_kusa {
    background: linear-gradient(#006302, #00a903);
}

.btn_4-2_long a {
    box-sizing: border-box;
    border: solid #fff 3px;
    border-radius: 12px;
    box-shadow: 1px 1px 10px 0 #a1a1a1;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    margin: 0.5em 2% 1em;
    padding: 16px 46px 16px 12px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    width: 96%;
}

.btn_4-2_long a:before {
    content: "\f138";
    font-family: "fontawesome";
    font-weight: normal;
    font-size: 1.1em;
    margin-top: -0.5em;
    position: absolute;
    right: 16px;
    top: 50%;
}

.btn_4-2_long a:active {
    top: 4px;
}


/*accordion開始*/

.accordion {
    min-width: 300px;
    margin: 0 auto;
    padding: 10px;
}

.accordion {}

.accordion .ac-content .ac-cont-white {
    margin: 0 10px;
}

.accordion input {
    display: none;
}

.accordion label {
    display: block;
    background: #9fb7d4;
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #fff;
}

.accordion_yellowlabel label {
    background: #ffce47;
}

.accordion label:hover {
    background: #ccc;
}

.accordion .ac-cont {
    transition: 0.2s;
    height: 0;
    overflow: hidden;
    background: #ddd;
    padding: 0 10px;
}

.accordion .ac-cont-white {
    transition: 0.2s;
    height: 0;
    overflow: hidden;
    background: #fff;
    padding: 0 10px;
}

.accordion input:checked+.ac-cont {
    height: auto;
    padding: 10px;
}

.accordion input:checked+.ac-cont-white {
    height: auto;
    padding: 10px;
}


/*20190627追記*/

.accordion--ontag {
    min-width: 300px;
    margin: 0 auto;
    padding: 10px;
}

.accordion--ontag {}

.accordion--ontag .ac-content .ac-cont-white {
    margin: 0 10px;
}

.accordion--ontag input {
    display: none;
}

.accordion--ontag label {
    display: block;
    background: #ffffff;
    cursor: pointer;
    padding: 0px;
    border-bottom: 1px solid #fff;
}

.accordion--ontag label:hover {
    background: #ccc;
}

.accordion--ontag .ac-cont {
    transition: 0.2s;
    height: 0;
    overflow: hidden;
    background: #ddd;
    padding: 0 10px;
}

.accordion--ontag .ac-cont-white {
    transition: 0.2s;
    height: 0;
    overflow: hidden;
    background: #fff;
    padding: 0 10px;
}

.accordion--ontag input:checked+.ac-cont {
    height: auto;
    padding: 10px;
}

.accordion--ontag input:checked+.ac-cont-white {
    height: auto;
    padding: 10px;
}


/*ここまで*/


/*accordion終了*/

.dialog--c dt i.icn--osusumepoint {
    background: 0 0 no-repeat url(../img/generic/icn-osusumepoint.png);
    width: 71px;
    height: 65px;
    position: absolute;
    left: -80px;
    top: -30px;
    -webkit-filter: hue-rotate(210deg);
    -moz-filter: hue-rotate(210deg);
    -o-filter: hue-rotate(210deg);
    -ms-filter: hue-rotate(210deg);
    filter: hue-rotate(210deg);
}


/* 20190723　interview記事対応 */

.interviewTop {
    width: 650px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
    background: url(../../../images/bg_interview_tt_top.jpg) top left repeat-x;
}

.interviewTop .int_title {
    float: left;
    width: 377px;
    height: 103px;
    margin: 0 0 0 1px;
    padding: 0;
}

.interviewTop .int_txt {
    float: right;
    width: 252px;
    line-height: 40px;
    color: #9e3e3e;
    margin: 0 20px 0 0;
    padding: 31px 0 0 0;
    text-align: right;
    font-size: 12px;
}

.interviewTop .int_txt a {
    color: #9e3e3e;
    text-decoration: underline;
}

.interviewTop .int_txt a:hover {
    color: #9e3e3e;
    text-decoration: none;
}

.interviewCol {
    clear: left;
    width: 640px;
    margin: 0;
    padding: 3px 0 10px 10px;
    display: block;
    background: url("../../../images/bg_interview.jpg") top left repeat-y;
}

.interviewCol .int_col {
    float: left;
    width: 300px;
    margin: 12px 0 0 10px;
    padding: 0 0 10px 0;
    display: block;
    border-bottom: 1px dotted #dcdcdc;
    font-size: 12px;
}

.interviewCol .int_col .int_col_toptitle {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.1em;
    margin: 0 0 2px 0;
    padding: 0 0 0 28px;
    background: url(../../../images/bg_interview_list_top.gif) top left no-repeat;
}

.interviewCol .int_col .int_col_toptitle a {
    color: #3f2918;
    text-decoration: underline;
}

.interviewCol .int_col .int_col_toptitle a:hover {
    color: #333;
    text-decoration: none;
}

.interviewCol .int_col .int_col_title {
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 2px 0;
    padding: 0 0 0 28px;
    background: url(../../../images/bg_interview_list_index.gif) top left no-repeat;
}

.interviewCol .int_col .int_col_title a {
    color: #333333;
    text-decoration: underline;
}

.interviewCol .int_col .int_col_title a:hover {
    color: #333333;
    text-decoration: none;
}

.interviewCol .int_col a.int_col_thumb {
    width: 300px;
    height: 146px;
    display: block;
    margin: 0;
    padding: 0;
}

.interviewCol .int_col a.int_col_thumb:hover img {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha( opacity=75 )";
}

.interviewCol .int_col .int_col_txt {
    line-height: 14px;
    margin: -1px 0 0 0;
    padding: 2px 10px 0 10px;
}

.interviewCol .int_col .int_col_more {
    float: right;
    line-height: 14px;
    margin-top: 6px;
    padding: 0 10px 0 18px;
    display: block;
    background: url(../../../images/bg_interview_slist.gif) top left no-repeat;
    font-size: 12px;
}

.interviewCol .int_col .int_col_more a {
    color: #333333;
    text-decoration: underline;
}

.interviewCol .int_col .int_col_more a:hover {
    color: #333333;
    text-decoration: none;
}

* html .clearfix {
    height: 1px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
    font-weight: bold;
}

.blueArea_h {
    margin-bottom: 0px;
    background: url(../../../images/bg_bluearea_h.gif) bottom left no-repeat;
}

.blueArea {
    width: 610px;
    padding: 13px 0 0 0;
    background: url(../../../images/bg_bluearea.gif) top left, repeat-y;
}

.blueArea .col {
    width: 570px;
    margin: 0 20px 20px 20px;
    overflow: hidden;
    background: url(../../../images/bg_bluearea_line.gif) bottom left repeat-x;
}

.blueArea .col .sst {
    font-size: 25px;
    color: #2a8626;
    margin: 0;
    padding: 13px 0 14px 55px;
    background: url(../../../images/bg_interview_sst.png) no-repeat;
}

.blueArea .col p {
    padding-bottom: 20px;
    font-size: 20px;
}

.blueArea .col .picL {
    float: left;
    margin: 0 20px 20px 0;
}

.blueArea .col .picR {
    float: right;
    margin: 0 0 20px 20px;
}

.blueArea .s_txt {
    margin: 0 20px 0 20px;
}

.solution_blueArea {
    width: auto;
    margin: 0;
    padding: 0px 20px 20px 20px;
    background: url(../../../images/bg_bluearea_b.gif) bottom left repeat-x;
}

.solution_blueArea .kaiketsu_b {
    width: 570px;
    margin: 0;
    padding: 0;
    background: url(../../../images/bg_kaiketsu.png) top left repeat-x;
}

.solution_blueArea .kaiketsu_b p {
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    font-weight: bold;
    padding: 24px 24px 24px 134px;
    background: url(../../../images/bg_kaiketsu_b.jpg) bottom left repeat-x;
}

.solution_normalArea_end {
    width: auto;
    margin: 0;
    padding: 20px 20px 25px 20px;
    background: url(../../../images/bg_interview_b.jpg) top left no-repeat;
}

.answer {
    width: 650px;
    margin: 0;
    padding: 0;
    background: url(../../../images/bg_answer.gif) top left repeat-y;
}

.answer .answer_title {
    width: auto;
    font-size: 25px;
    line-height: 24px;
    color: #ff0000;
    margin: 0;
    padding: 55px 20px 55px 265px;
    background: url(../../../images/bg_answer_title.jpg) top left repeat-x;
}

.answer .answer_txt {
    width: auto;
    margin: 0 20px 20px 20px;
    overflow: hidden;
}

.answer .answer_txt p {
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    background: url(../../../images/bg_answer_line.gif) bottom left repeat;
}

.answer .answer_txt br {
    font-size: 20px;
    line-height: 30px;
}

.answer .answer_txt .answer_txtSp {
    width: 335px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 20px 10px 26px 10px;
    margin: 0 0 0 0;
    background: url(../../../images/bg_answer_stxt.gif) top left no-repeat;
}

.answer .answer_txt .picR {
    float: right;
    padding: 0 0 20px 20px;
    background-color: #ffffff;
}

.answer .answer_txt_b {
    width: 610px;
    margin: 10px 0 0 0;
    padding: 0 20px 0 20px;
    background: url(../../../images/bg_answer_btxt.gif) top left repeat-x;
}

.answer .answer_txt_b .anser_txtSpb {
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 10px 0;
    padding: 20px 0 20px 50px;
    background: url(../../../images/bg_answer_btxt_line.gif) bottom left repeat-x;
}

.answer .toCard {
    text-align: right;
    width: auto;
    margin: 0;
    padding: 10px 60px 12px 20px;
    overflow: hidden;
    background: url(../../../images/bg_answer_btxt_b.jpg) bottom left repeat-x;
}

.answer .toCard a.answer_cardlink {
    float: left;
    font-size: 14px;
    color: #ffffff;
    text-decoration: underline;
    display: block;
    line-height: 73px;
    padding: 0 0px 0 5px;
    margin: 0;
    outline: none;
}

.answer .toCard a.answer_cardlink:hover {
    text-decoration: none;
}


/* 2019/08/29スマホ対応　追加 yamagami */

.uspace_20 {
    margin-bottom: 20px;
}

.interviewCol .int_large {
    float: left;
    width: 97%;
    margin: 7px 0 0 10px;
    padding: 0 0 10px 0;
    display: block;
    border-bottom: 1px dotted #dcdcdc;
}

.interviewCol .int_large .int_large_toptitle {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 0 0 0 10px;
}

.interviewCol .int_large .int_large_toptitle a {
    color: #083275;
    text-decoration: none;
}

.interviewCol .int_large .int_large_toptitle a:hover {
    color: #083275;
    text-decoration: none;
}

.interviewCol .int_large .int_large_title {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.1em;
    margin: 0 100px 2px 0;
    padding: 0 100px 0 28px;
}

.interviewCol .int_large .int_large_title a {
    color: #333333;
    text-decoration: underline;
}

.interviewCol .int_large .int_large_title a:hover {
    color: #333333;
    text-decoration: none;
}

.interviewCol .int_large a.int_large_thumb {
    max-width: 50%;
    margin: 0 auto;
    width: 90%;
    display: block;
    padding: 0;
}

.interviewCol .int_large a.int_large_thumb:hover img {
    align: center;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha( opacity=75 )";
}

.interviewCol .int_large .int_large_txt {
    font-size: 15px;
    line-height: 35px;
    margin: -6px 0 0 0;
    padding: 0 10px 0 10px;
}

.interviewCol .int_large .int_large_more {
    font-size: 15px;
    float: right;
    line-height: 75px;
    margin: -15px 0 0 0;
    padding: 0 30px 0 18px;
    display: block;
}

.interviewCol .int_large .int_large_more a {
    color: #333333;
    text-decoration: underline;
}

.interviewCol .int_large .int_large_more a:hover {
    color: #333333;
    text-decoration: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
    font-weight: bold;
}

* html .clearfix {
    height: 1px;
}

.specbox--info {
    padding: 20px;
}

.specbox--info:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

.specbox--info .bnr a.pic img {
    border-radius: 50%;
    /* 角丸半径を50%にする(=円形にする) */
    width: 180px;
    /* ※縦横を同値に */
    height: 180px;
    /* ※縦横を同値に */
}

.specbox--info .bnr a.pic {
    font-size: 20px;
    font-weight: bold;
    color: black;
    text-decoration: none;
    /* ※リンクの下線を消す */
}

.specbox--info .authority {
    display: block;
    float: left;
    width: 226px;
    margin-right: 20px;
}

.specbox--info .table {
    font-size: 16px;
}


/*20200609LP用CSS*/

.radio--big {
    width: 1.2em;
    height: 1.2em;
}

.radio--select {
    display: inline-block;
    width: 40%;
    margin: 8px 20px 0px 20px;
}


/*20200623Selectページ用*/

.nokori--shitsumon {
    position: absolute;
    right: 0px;
    top: 0px;
}

.nokori--shitsumon--h3 {
    /*h3タグ内に設置するためのクラス*/
    position: absolute;
    height: 78px;
    width: 137px;
    color: #000000;
    right: -1px;
    top: -1px;
    bottom: -1px;
}

.nokori--shitsumon--pr {
    /*残り質問の親要素に付けるクラス*/
    position: relative;
}

.nokori--shitsumon--bg {
    height: 70px;
}

.nokori--shitsumon--tx {
    /*テキストの場所を合わせる*/
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 0;
    left: 40px;
    margin: auto;
    width: 60%;
    font-size: 24px;
    line-height: 1.2;
}

.nokori--shitsumon--mon {
    /*「〇問」の部分のフォントを大きく、赤字にする*/
    font-size: 28px;
    color: #FF0000;
}

.kensuu--bg {
    background-color: #eeffee;
    width: 460px;
    margin: auto;
}

.select--area {
    padding: 0px 20px;
}

.gazou--in--sst {
    position: relative;
    max-width: 660px;
    color: #111111;
    letter-spacing: 2px;
    line-height: 1.3em;
    margin-bottom: 12px;
    padding: 12px;
    background: linear-gradient(#fff, #fff 50%, #eee);
    border-bottom: solid 5px #ddd;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}

.back--btn {
    margin-top: 10px;
}


/*20201113追加 サイトセット小ラベル*/

.list--rabelgroup {
    padding: 5px 0 0 10px;
    text-align: center;
    padding-bottom: 10px;
}

.list--rabelgroup ul {
    margin: 0;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    width: 600px;
}

.list--rabelgroup ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .list--rabelgroup ul,
*:first-child+html .list--rabelgroup ul {
    zoom: 1;
}

.list--rabelgroup ul:after {
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
    display: block;
    content: "";
}

* html .list--rabelgroup ul,
*:first-child+html .list--rabelgroup ul {
    zoom: 1;
}

.list--rabelgroup li {
    background-color: rgba(0, 0, 0, 0.13);
    list-style-type: none;
    float: left;
    padding: 1px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 120px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    line-height: 2.1em;
    color: #a1a1a1;
}

.list--rabelgroup li:last-child {
    margin-right: 0;
}

.list--rabelgroup .red {
    background-color: #ffe0e0;
    color: #cb4f4f;
}

.list--rabelgroup .yellow {
    background-color: #f5e3b9;
    color: #9a7a2b;
    font-weight: bolder;
}

.list--rabelgroup .yellow-coin {
    background-color: #f5e3b9;
    color: #9a7a2b;
    height: 65px;
    line-height: 18px;
    font-weight: bolder;
}

.list--rabelgroup .blue {
    background-color: #d8f0fc;
    color: #2b5d9a;
}

.list--rabelgroup .pink {
    background-color: #f39de0;
    color: #5a0053;
    font-weight: bolder;
}

.list--rabelgroup .gray {
    background-color: #e3e3e3;
    color: #a1a1a1;
}

.list--rabelgroup .gray-coin {
    background-color: #e3e3e3;
    height: 65px;
    line-height: 18px;
    color: #a1a1a1;
}


/* 絞り込み検索 フォームリニューアル ここから */

.search_select .question {
    white-space: nowrap;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 140px;
}

.search_select .anser ul.col2 {
    list-style: none;
    padding: initial;
    width: 100%;
    letter-spacing: -1em;
    text-align: left;
}

.search_select .anser ul.col2 li {
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    width: 50%;
    letter-spacing: 0em;
    text-align: left;
    vertical-align: middle;
}


/* 偶数の場合はpadding-left */

.search_select .anser ul.col2 li:nth-child(odd) {
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 30px;
}


/* 奇数の場合はpadding-right */

.search_select .anser ul.col2 li:nth-child(even) {
    padding-left: 10px;
    padding-top: 30px;
    /*padding-right: 10px;*/
}


/*  最後が奇数の場合はWidth100%  */


/*
.search_select .anser ul.col2 li:last-child:nth-child(odd){
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
*/


/* 1つ目・2つ目はPaddingTop */

.search_select .anser ul.col2 li:nth-child(1),
.search_select .anser ul.col2 li:nth-child(2) {
    padding-top: 10px;
}


/* 後ろから1つ目・2つ目(かつ偶数)はPaddingBottom */

.search_select .anser ul.col2 li:nth-last-child(1),
.search_select .anser ul.col2 li:nth-last-child(2):nth-child(odd) {
    padding-bottom: 10px;
}


/* フォントサイズ 質問枠 */

.search_select .question {
    font-size: 24px;
}


/* フォントサイズ 回答枠 */

.search_select .anser ul.col2,
.search_select .anser select,
.search_select .anser select option {
    font-size: 20px;
}


/* 詳細条件追加の上にスペースを設ける */

.detail {
    margin-top: 16px;
}

.search_select_width_max table {
    width: 100%;
}


/* 絞り込み検索 フォームリニューアル ここまで */


/* 20210329 テキストリンクパーツ クレカLabから */

.point_box {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 80px auto 32px;
    background-color: #F0F3FF;
    padding: 32px 20px;
    font-size: 26px;
}

.point_box .point_box_comment {
    position: absolute;
    top: -44px;
    left: -4px;
    background-color: #3D80CC;
    padding: 8px 12px;
    color: #fff;
    border-radius: 4px;
    z-index: 10;
}

.point_box .point_box_comment:before {
    content: '';
    position: absolute;
    left: 40px;
    bottom: -9px;
    width: 20px;
    height: 20px;
    background-color: #3D80CC;
    transform: rotate(45deg);
    z-index: -1;
}

.point_box .point_box_i {
    float: left;
}

.point_box .point_box_i i {
    color: #3D80CC;
    width: 52px;
    text-align: center;
}

.point_box .point_box_text {
    margin-left: 64px;
    padding-left: 20px;
    border-left: 1px solid #3D80CC;
    min-height: 64px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    line-height: 2em;
}

.point_box .point_box_text a {
    display: contents;
}

.point_red {
    background-color: #FAE8F1;
}

.point_red .point_box_comment,
.point_red .point_box_comment:before {
    background-color: #D85B3E;
}

.point_red .point_box_i i {
    color: #D85B3E;
}

.point_red .point_box_text {
    border-color: #D85B3E;
}

.point_green {
    background-color: #E8FFE9;
}

.point_green .point_box_comment,
.point_green .point_box_comment:before {
    background-color: #68D291;
}

.point_green .point_box_i i {
    color: #68D291;
}

.point_green .point_box_text {
    border-color: #68D291;
}


/* 20210329 テキストリンクパーツ ここまで */


/* 20210811 サイトセット最下部「最短○○日で取引開始」部分の装飾 */


/* 吹き出し本体 */

.balloon {
    display: inline-block;
    position: relative;
    padding: 0px 10px 0px 10px;
    margin: auto auto 15px 0px;
    background-color: #fff3ad;
    border: 2px solid #ca8888;
    border-radius: 10px;
    /* 角丸を指定 */
    color: rgb(0, 0, 0);
}


/* beforeで三角を表現 */

.balloon::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 20px;
    bottom: -15px;
    border-top: 15px solid #fff3ad;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}


/* 20210811 サイトセット最下部「最短○○日で取引開始」部分の装飾 ここまで*/


/* 2021/09/16 実線で囲むだけのボックス */

.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 1.5px #000000;
}

.box1 p {
    margin: 0;
    padding: 0;
}


/* 2021/09/16 実線で囲むだけのボックス  ここまで*/

*/
/* 2021/09/17 サイトセット通貨ラベルのテキスト位置指定 */

.currency_text {
    position: absolute;
    bottom: 0;
}


/* 2021/09/17 サイトセット通貨ラベルのテキスト位置指定  ここまで*/

*/
/* 2021/10/02 おすすめカード・取引所------------------------------------- */

#column_cardbox {
    margin: 10px auto 20px;
}

.cardbox_head {
    /*width: auto;
font-size: 21px;
color: #E09B22;
line-height: 30px;
padding: 0 0 0 10px;
margin: 0 20px 10px 0px;
background: url(/kimono/images/sst3.jpg) left top no-repeat;*/
    text-align: center;
    width: auto;
    font-size: 26px;
    color: #E09B22;
    line-height: 30px;
    padding: 15px 10px 8px 10px;
    margin: 0 0px 10px 0px;
    border-bottom: 4px solid #E09B22;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-image: -moz-linear-gradient(top, #f1f1f1, #ffffff);
    background-image: -ms-linear-gradient(top, #f1f1f1, #ffffff);
    background-image: -o-linear-gradient(top, #f1f1f1, #ffffff);
    background-image: -webkit-linear-gradient(top, #f1f1f1, #ffffff);
    background-image: linear-gradient(top, #f1f1f1, #ffffff);
    background-clip: padding-box;
    line-height: 36px;
}

#column_cardbox .left_content {
    float: left;
}

#column_cardbox .right_content {
    margin-left: 190px;
}

#column_cardbox li {
    background-color: rgb(255, 255, 255);
    width: 100%;
    position: relative;
    /*border-bottom: 1px dashed #aaa;*/
}

#column_cardbox li a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 20px 25px;
}

#column_cardbox li a:after {
    clear: both;
    /* content: "test";*/
}

#column_cardbox img {
    width: 170px;
    position: absolute;
    top: 0;
    bottom: 15px;
    left: 20px;
    margin: auto;
    box-shadow: 4px 4px 8px #666;
    border-radius: 8px;
}

#column_cardbox .right_arrow {
    background: url(/kimono/sp/assets/img/generic/icn-blockcard-side.png) no-repeat;
    background-size: 20px;
    padding: 30px 10px;
    position: absolute;
    top: 45px;
    right: 0px;
}

#column_cardbox h3 {
    font-size: 22px;
    margin-bottom: 7px;
}

#column_cardbox p {
    margin: 0px;
    font-size: 22px;
    color: rgb(32, 32, 32);
}


/* 2021/10/02 おすすめカード・取引所 -----------------------------ここまで*/


/* 2021/10/02 当サイト一押しPCver ------------------------------------- */

.ichioshi_index {
    width: auto;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0 5px 7px 7px;
    background-image: url(/kimono/images/bg_ichioshi_index_f.jpg), url(/kimono/images/bg_ichioshi_index.jpg);
    background-position: bottom left, top left;
    background-repeat: no-repeat, repeat;
}

.ichioshi_index .sst_ichioshi {
    padding: 15px 0 10px 18px;
}

.ichioshi_index .col_ichioshi {
    width: 49%;
    float: left;
    margin-left: 1.6px;
    background: url(/kimono/images/bg_ichioshi_info.jpg) top left no-repeat;
}

.ichioshi_index .col_ichioshi .img_ichioshi {
    font-size: 0;
    line-height: 0;
    padding: 15px 10px 0 10px;
    text-align: center;
}

.ichioshi_index .col_ichioshi dl.ichiochi_info {
    padding: 0 10px;
}

.ichioshi_index .col_ichioshi dl.ichiochi_info dt {
    font-size: 20px;
    line-height: 20px;
    padding: 5px 0;
    text-align: center;
}

.ichioshi_index .col_ichioshi dl.ichiochi_info dd {
    font-size: 12px;
    line-height: 18px;
    height: 120px;
    overflow: auto;
    overflow: -webkit-paged-x;
}

.ichioshi_index .col_ichioshi .ichioshi_shousai {
    width: 135px;
    padding: 10px;
    background: url(/kimono/images/bg_ichioshi_info.jpg) bottom left no-repeat;
    margin: 0 auto;
}

.ichioshi_index .col_ichioshi .ichioshi_shousai a {
    font-size: 20px;
    font-weight: bold;
    width: 140px;
    text-align: center;
    line-height: 50px;
    display: block;
    color: #111111;
    text-decoration: underline;
    background: url(/kimono/images/bg_btn_ichioshi.jpg) top left no-repeat;
}

.ichioshi_index .col_ichioshi .ichioshi_shousai a:hover {
    text-decoration: none;
    background-position: 0px -30px;
}


/* 2021/10/02 当サイト一押しPCver -------------------------ここまで */


/* 2021/10/02 当サイト一押しPCver ------------------------------------- */

.ichioshi_index {
    width: auto;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0 5px 7px 7px;
    background-image: url(/kimono/images/bg_ichioshi_index_f.jpg), url(/kimono/images/bg_ichioshi_index.jpg);
    background-position: bottom left, top left;
    background-repeat: no-repeat, repeat;
}

.ichioshi_index .sst_ichioshi {
    padding: 15px 0 10px 18px;
}

.ichioshi_index .col_ichioshi {
    width: 49%;
    float: left;
    margin-left: 1.6px;
    background: url(/kimono/images/bg_ichioshi_info.jpg) top left no-repeat;
}

.ichioshi_index .col_ichioshi .img_ichioshi {
    font-size: 0;
    line-height: 0;
    padding: 15px 10px 0 10px;
    text-align: center;
}

.ichioshi_index .col_ichioshi dl.ichiochi_info {
    padding: 0 10px;
}

.ichioshi_index .col_ichioshi dl.ichiochi_info dt {
    font-size: 20px;
    line-height: 20px;
    padding: 5px 0;
    text-align: center;
}

.ichioshi_index .col_ichioshi dl.ichiochi_info dd {
    font-size: 12px;
    line-height: 18px;
    height: 120px;
    overflow: auto;
    overflow: -webkit-paged-x;
}

.ichioshi_index .col_ichioshi .ichioshi_shousai {
    width: 135px;
    padding: 10px;
    background: url(/kimono/images/bg_ichioshi_info.jpg) bottom left no-repeat;
    margin: 0 auto;
}

.ichioshi_index .col_ichioshi .ichioshi_shousai a {
    font-size: 20px;
    font-weight: bold;
    width: 140px;
    text-align: center;
    line-height: 50px;
    display: block;
    color: #111111;
    text-decoration: underline;
    background: url(/kimono/images/bg_btn_ichioshi.jpg) top left no-repeat;
}

.ichioshi_index .col_ichioshi .ichioshi_shousai a:hover {
    text-decoration: none;
    background-position: 0px -30px;
}


/* 2021/10/02 当サイト一押しPCver -------------------------ここまで */


/* 2022/09/14 当サイト一押し1社ver ------------------------------------- */

.gold_index {
    width: auto;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0 5px 7px 7px;
    background-image: url(/kimono/images/bg_gold_index_f.jpg), url(/kimono/images/bg_gold_index.jpg);
    background-position: bottom left, top left;
    background-repeat: no-repeat, repeat;
}

.gold_index .sst_gold {
    padding: 15px 0 10px 18px;
}

.gold_index .col_gold {
    width: 99%;
    float: left;
    margin-left: 1.6px;
    background: url(/kimono/images/bg_gold_info.jpg) top left no-repeat;
}

.gold_index .col_gold .img_gold {
    font-size: 0;
    line-height: 0;
    padding: 15px 10px 0 10px;
    text-align: center;
}

.gold_index .col_gold dl.ichiochi_info {
    padding: 0 10px;
}

.gold_index .col_gold dl.ichiochi_info dt {
    font-size: 20px;
    line-height: 20px;
    padding: 5px 0;
    text-align: center;
}

.gold_index .col_gold dl.ichiochi_info dd {
    font-size: 12px;
    line-height: 18px;
    height: 120px;
    overflow: auto;
    overflow: -webkit-paged-x;
}

.gold_index .col_gold .gold_shousai {
    width: 135px;
    padding: 10px;
    background: url(/kimono/images/bg_ichioshi_info.jpg) bottom left no-repeat;
    margin: 0 auto;
}

.gold_index .col_gold .gold_shousai a {
    font-size: 20px;
    font-weight: bold;
    width: 140px;
    text-align: center;
    line-height: 50px;
    display: block;
    color: #111111;
    text-decoration: underline;
    background: url(/kimono/images/bg_btn_ichioshi.jpg) top left no-repeat;
}

.gold_index .col_gold .gold_shousai a:hover {
    text-decoration: none;
    background-position: 0px -30px;
}


/* 2022/09/14 当サイト一押し1社ver -------------------------ここまで */


/* 2021/10/22 サイトセット段組み-------------------------------------*/

div.dangumiR {
    float: right;
    display: block;
    width: 48%;
    margin-top: 5px;
    margin-right: 5px;
    text-align: center;
}

div.dangumiL {
    display: block;
    width: 48%;
    margin-top: 5px;
    margin-left: 5px;
    text-align: center;
}


/* 2021/10/22 サイトセット段組み ----------------------------ここまで */


/* 2021/12/16 今月のPickup-------------------------------------*/

ul.pr_content li h3 {
    position: relative;
    /* padding-left: 30px; */
}

ul.pr_content li h3::before {
    content: "Hot!";
    display: inline-block;
    padding: 0px 10px;
    background-color: black;
    color: white;
    border-radius: 10%;
    margin-right: 5px;
}

#column_cardbox ul.pr_content li {
    background-color: #F2E200;
}


/* 下部メニューマンガコンテンツ 2022/05/12 ------------------------------------------- */

#sp_mini_column {
    margin: 20px auto;
}

#sp_mini_column h2 {
    /*width: auto;
font-size: 21px;
color: #E09B22;
line-height: 30px;
padding: 0 0 0 10px;
margin: 0 20px 10px 0px;
background: url(/images/sst3.jpg) left top no-repeat;*/
    text-align: center;
    width: auto;
    font-size: 26px;
    color: #E09B22;
    line-height: 30px;
    padding: 15px 10px 8px 10px;
    margin: 0 0px 10px 0px;
    border-bottom: 4px solid #E09B22;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-image: -moz-linear-gradient(top, #f1f1f1, #ffffff);
    background-image: -ms-linear-gradient(top, #f1f1f1, #ffffff);
    background-image: -o-linear-gradient(top, #f1f1f1, #ffffff);
    background-image: -webkit-linear-gradient(top, #f1f1f1, #ffffff);
    background-image: linear-gradient(top, #f1f1f1, #ffffff);
    background-clip: padding-box;
    line-height: 36px;
}

#sp_mini_column ul {
    margin: 20px 10px;
}

#sp_mini_column li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

#sp_mini_column a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 30px;
}

#sp_mini_column img {
    padding: 3px;
    width: 250px;
    float: left;
}

.sp_miniText {
    /*--2023/04/06修正 
    margin-left: 150px;
    padding: 5px 35px 0px 0px;
    ------------------*/
    /* 2023/04/06追加 */
    margin-left: 270px;
    padding: 30px 40px 30px 0px
}

#sp_mini_column .right_arrow {
    background: url(../img/generic/icn-submenu-arrow.png) no-repeat;
    padding: 15px 15px;
    background-size: 29px;
    position: absolute;
    right: 10px;
    top: 125px;
}

/*20250109 上田追加*/
.uwagaki-color_blue1 #sp_mini_column .right_arrow {
    background: url(../img/generic/icn-submenu-arrow_blue.png) no-repeat;
}

.uwagaki-color_blue1 #sp_mini_column .right_arrow {
    background: url(../img/generic/icn-submenu-arrow_pink.png) no-repeat;
}

/*ここまで*/

.clear_box {
    clear: both;
}


/* ここまでーーーーーーーーーーーーーーーーーーーー */


/* 画像、ボタン横並びクロージングパーツ 2022/05/12 ------------------------------------------- */

.cell_wrap {
    margin-top: 10px;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.cell_left {
    display: table-cell;
    width: 50%;
    vertical-align: bottom;
    padding-right: 5px;
}

.cell_right {
    display: table-cell;
    width: 50%;
    vertical-align: bottom;
    padding-left: 5px;
}


/* ここまでーーーーーーーーーーーーーーーーーーーー */


/* カウントダウンパーツ 2022/05/20 ------------------------------------------- */

.point_box {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 80px auto 32px;
    background-color: #F4D7D7;
    padding: 32px 20px;
    font-size: 26px;
}




/*20250109 上田追加*/
.point_box.uwagaki-color_blue1 {
    background-color: #c1e4e9;
}

.point_box.uwagaki-color_blue1 {
    background-color: #ebf6f7;
}

.point_box.uwagaki-color_gray1 {
    background-color: #f8f6f2;
}


/*ここまで*/

.point_box .point_box_comment {
    position: absolute;
    top: -49px;
    left: -4px;
    background-color: #CF0000;
    padding: 8px 12px;
    color: #fff;
    border-radius: 4px;
    z-index: 10;
    font-size: 26px;
    font-weight: bold;
    box-shadow: 0px 2px 5px grey;
}

.point_box .point_box_comment:before {
    content: '';
    position: absolute;
    left: 40px;
    bottom: -9px;
    width: 20px;
    height: 20px;
    background-color: #CF0000;
    transform: rotate(45deg);
    z-index: -1;
    box-shadow: 1px 1px 3px grey;
}

.point_box .point_box_i {
    float: left;
}

.point_box .point_box_i i {
    color: #CF0000;
    width: 52px;
    text-align: center;
    font-size: 50px;
}

.point_box .point_box_text {
    margin-left: 64px;
    padding-left: 20px;
    border-left: 1px solid #CF0000;
    min-height: 64px;
    display: block;
    -webkit-align-items: center;
    align-items: center;
    line-height: 1.5em;
}

.point_box .point_box_text a {
    display: contents;
}

.point_box .point_box_text .countdown {
    font-size: 48px;
    font-weight: bold;
    margin: 0 5px;
    color: #CF0000;
}

.point_blue {
    background-color: #F0F3FF;
}

.point_blue .point_box_comment,
.point_blue .point_box_comment:before {
    background-color: #3D80CC;
}

.point_blue .point_box_i i {
    color: #3D80CC;
}

.point_blue .point_box_text {
    border-color: #3D80CC;
}

.point_green {
    background-color: #E8FFE9;
}

.point_green .point_box_comment,
.point_green .point_box_comment:before {
    background-color: #3ab127;
}

.point_green .point_box_i i {
    color: #3ab127;
}

.point_green .point_box_text {
    border-color: #3ab127;
}


/* ここまでーーーーーーーーーーーーーーーーーーーー */


/* クライアント紹介パーツ 2022/05/20 ------------------------------------------- */

#menu .fa-chevron-right {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    left: auto;
    margin: 0;
    line-height: 77px;
}

.dialog--b dd .link {
    position: absolute;
    right: 0px;
    top: 150px;
    width: 35px;
    height: 100%;
    color: #851818;
    display: block;
    padding-top: 100px;
    text-decoration: none;
    box-sizing: border-box;
    font-size: 28px;
}


/* ここまでーーーーーーーーーーーーーーーーーーーー */


/* ==============2022/1/20 ソート機能付きテーブル============== */

#sp-fixed-menu-008 {
    position: fixed;
    width: 100%;
    bottom: 0px;
    font-size: 0;
    opacity: 0.9;
    z-index: 99;
}

#sp-fixed-menu-008 ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

#sp-fixed-menu-008 li {
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 30px;
    border-right: 1px solid #fff;
}

#sp-fixed-menu-008 li:nth-child(1) {
    background: #f36730;
}

#sp-fixed-menu-008 li:nth-child(2) {
    background: #3FBA41;
}

#sp-fixed-menu-008 li:nth-child(3) {
    background: #519def;
}

#sp-fixed-menu-008 li a {
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    padding: 3px;
    margin: 5px;
}


/* ==============2022/1/20 ソート機能付きテーブル ここまで============== */


/* ==============2022/10/25 インタビュー記事 ============== */

.intv {
    color: #808080;
}


/* ==============2022/10/25 インタビュー記事 ここまで============== */


/* ==============2022/11/10 ソート機能付きテーブル FIND ここから============== */


/* === ソートボタンを表示するエリア ============== */

.tsImgArea {
    line-height: 1;
}


/* === ソートボタン ============================== */

.tsImg {
    display: inline-block;
    width: 8px;
    height: 6px;
    background: #eee;
    border: 1px solid #777;
    margin: 1px 3px;
    padding: 3px;
    cursor: pointer;
}


/* === ソートボタン（カーソルオーバー時）========= */

.tsImg:hover {
    background: #FFD700;
}


/* === ソートボタン内の三角の色（SVG）============ */

.tsImg path {
    fill: #777;
}


/* --- （参考）テーブル全体のスタイル指定 ------- */

#sampleTable {
    width: 100%;
    border-collapse: collapse;
    /* 境界線結合 */
    border-spacing: 0;
    /* 罫線間余白 */
    font-size: 9pt;
    /* 文字サイズ */
}


/* --- ヘッダーのスタイル指定 ------------------- */

#sampleTable th {
    text-align: center;
    /* 文字位置   */
    font-weight: bold;
    /* 太文字     */
    padding: 6px 5px;
    /* 余白       */
    background: #D9EBDA;
    /* 背景色     */
    white-space: nowrap;
}

/*20250109 上田追加*/
.uwagaki-color_blue1 #sampleTable th {
    background-color: #ebf6f7;
    color: #17184b;
}

/*ここまで*/



/* --- 明細のスタイル指定 ----------------------- */

#sampleTable td {
    text-align: center;
    /* 文字位置   */
    padding: 6px 5px;
    /* 余白       */
    white-space: nowrap;
}


/* ==============2022/11/10 ソート機能付きテーブル FIND ここまで============== */


/* ==============2022/12/15 動く無料CVボタン ここから============== */

btn-wrap {
    margin: 20px;
}

a.btn-small {
    /*--2023/07/13修正
    font-weight: 700;
    display: inline-block;
    transition: all 0.1s;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.1em;
    font-size: 33px;
    position: relative;
    padding: 2rem 7.0rem 2rem 7.0rem;
    color: #ffff;
    border: 3.5px solid #000;
    border-radius: 30px;
    background: #db1c40;
    -webkit-box-shadow: 0 5px 0 #119ea3;
    box-shadow: 0 5px 0 #5c1425;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    margin: 0.5em auto;
    ------------------*/
    /* 2023/07/13追加 */
    font-weight: 700;
    display: inline-block;
    transition: all 0.1s;
    text-align: center;
    vertical-align: middle;
    /*--letter-spacing: 0.1em;--*/
    font-size: 32px;
    position: relative;
    padding: 3rem 7rem 3rem 7rem;
    color: #ffff;
    border: 3.5px solid #000;
    border-radius: 30px;
    background: #db1c40;
    -webkit-box-shadow: 0 5px 0 #119ea3;
    box-shadow: 0 5px 0 #5c1425;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    margin: 2.0em auto;
}

a.btn-small span {
    /*--2023/07/13修正
    font-size: 17px;
    position: absolute;
    top: -10px;
    left: -20px;
    width: 85px;
    height: 44px;
    padding-top: 9px;
    
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    color: #000;
    border: 2px solid #000;
    border-radius: 50%;
    background: #fff;
    ------------------*/
    /* 2023/07/13追加 */
    font-size: 25px;
    position: absolute;
    top: -30px;
    /* 2023/11/09修正
    left: calc(50% - 195px);
    ------------------*/
    left: calc(50% - 245px);
    -webkit-transition: all 0.1s;
    padding: 1%;
    transition: all 0.1s;
    color: #000;
    border: 2px solid #000;
    /* 2023/11/09修正
    border-radius: 5px;
    ------------------*/
    border-radius: 10px;
    background: #fff;
}

a.btn-small span em {
    /*--2023/07/13修正
    font-style: normal;
    color: #d20010;
    font-size: x-large;
    ------------------*/
    /* 2023/07/13追加 */
    font-style: normal;
    color: #000000;
    font-size: 25px;
}

a.btn-small small {
    font-weight: bold;
}

a.btn-small i {
    margin-right: 1rem;
}

a.btn-small:hover {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
    color: #000;
    background: #fff21a;
    -webkit-box-shadow: 0 2px 0 #e6d900;
    box-shadow: 0 2px 0 #e6d900;
}

a.btn-small:hover span {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
}

a.btn-small:before {
    content: "\f138";
    font-family: "fontawesome";
    font-weight: normal;
    /*--
    font-size: 1.1em;
    --*/
    font-size: 1.5em;
    margin-top: -0.60em;
    position: absolute;
    right: 10px;
    top: 50%;
}

a.btn-small.is-trembling:before {
    -webkit-animation-name: is-trembling;
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
}

@-webkit-keyframes a.btn-small.is-trembling {
    0% {
        -webkit-transform: translate(-3px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}


/* ==============2022/12/15 動く無料CVボタン ここまで============== */


/* ==============2023/02/09 アコーディオン 絞り込み検索　ここから============== */

.acd-check {
    display: none;
}

.acd-label {
    /*--2023/03/01修正 
    padding: 15px 15px;
    box-sizing: border-box;
    background: #a7c9a5;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 5px;
    width: 60%;
    font-size: 24px;
    ------------------*/
    /* 2023/03/01追加 */
    padding: 8px 8px;
    box-sizing: border-box;
    background: #dedfde;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 5px;
    width: 60%;
    font-size: 16px;
}

.acd-label::after {
    display: flex;
    align-items: center;
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    font-weight: 900;
    transition: all 0.3s;
}

.acd-content {
    height: 0;
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
    width: 60%;
    padding: 0;
    margin: 0 auto;
}

.acd-content p {
    margin: 0;
    padding: 0 20px;
    word-break: break-all;
}

.acd-check:checked+.acd-label+.acd-content {
    height: auto;
    opacity: 1;
    padding: 15px 0;
    visibility: visible;
    display: flex;
    align-items: center;
    word-break: break-all;
}

.acd-check:checked+.acd-label::after {
    transform: rotate(180deg);
}

@media screen and (max-width: 960px) {
    .acd-label {
        width: 95%;
    }

    .acd-content {
        width: 95%;
    }

    .acd-check:checked+.acd-label+.acd-content {
        padding: 10px 0;
    }
}


/* ==============2023/08/24 表に赤枠追加 ここから============== */

.hyou-akawaku_top {
    border-top: 3px solid #ff0000 !important;
    border-left: 3px solid #ff0000 !important;
    border-right: 3px solid #ff0000 !important;
}

.hyou-akawaku_side {
    border-left: 3px solid #ff0000 !important;
    border-right: 3px solid #ff0000 !important;
}

.hyou-akawaku_bottom {
    border-left: 3px solid #ff0000 !important;
    border-right: 3px solid #ff0000 !important;
    border-bottom: 3px solid #ff0000 !important;
}


/* ==============2023/08/24 表に赤枠追加 ここまで============== */


/* ==============2023/08/31 アコーディオンパーツ ここから============== */

.value-accordion {
    background: #f8f7f3 !important;
    border-left: #f8f7f3 solid 20px !important;
    border: #f8f7f3 solid 1px !important;
    font-size: 100% !important;
    padding: 20px !important;
}

.value-accordion_img {
    padding-right: 10px;
    height: 46px;
    float: left;
    display: block;
    text-align: center;
}


/* ==============2023/08/31 アコーディオンパーツ ここまで============== */


/* ==============2023/10/17 追従ボタン ここから============== */


/* fixed-block */

.fixed-block {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 999;
    transform: translateX(-50%);
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 800px;
    /*--2023/10/27修正
    min-height: 140px;
    ------------------*/
    min-height: 115px;
    padding: 4px 41px 8px 24px;
    box-sizing: border-box;
    background: #fff;
    border-top: 3px solid #C39821;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.35);
}

.fixed-block * {
    box-sizing: border-box;
}

.fixed-block.fixed-block--2 {
    padding: 15px 31px 15px 24px;
}

.fixed-block.fixed-block--2 .fixed-block__info {
    display: flex;
    align-items: center;
    justify-content: center;
    /*--2023/11/01修正
    min-width: 190px;
    ------------------*/
    min-width: 170px;
    /*--2023/10/27修正
    min-height: 115px;
    ------------------*/
    min-height: 90px;
    background-color: #C39821;
    border-radius: 15px;
}

.fixed-block.fixed-block--2 .fixed-block__info .fixed-block__text {
    color: #fff;
}

.fixed-block.fixed-block--2 .fixed-block__text {
    /*--2023/11/01修正
    font-size: 18px;
    line-height: 26px;
    ------------------*/
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #C39821;
    text-align: center;
}

.fixed-block.fixed-block--2 .fixed-block__text2 {
    font-size: 25px;
    line-height: 26px;
    font-weight: 600;
    /*--2023/11/01修正
    color: #C39821;
    ------------------*/
    color: #da1140;
    text-align: center;
    text-decoration: underline dotted black;
}

.fixed-block.fixed-block--2 .fixed-block__icon {
    width: 40px;
    height: 40px;
}

.fixed-block.fixed-block--3 {
    gap: 28px;
    padding: 15px 19px 15px 19px;
}

.fixed-block.fixed-block--3 .fixed-block__inner {
    position: relative;
    flex-direction: column;
    justify-content: center;
    gap: 0;
}

.fixed-block.fixed-block--3 .fixed-block__inner:not(:last-child):after {
    content: '';
    position: absolute;
    top: 0;
    right: -14px;
    width: 2px;
    height: 100%;
    background-color: #D0D0D0;
}

.fixed-block.fixed-block--3 .fixed-block__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    line-height: 24px;
    background-color: #C39821;
    font-weight: 600;
    padding: 4px 8px;
    width: 58px;
    height: 58px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    flex-shrink: 0;
}

.fixed-block.fixed-block--3 .fixed-block__text {
    /*--2023/10/27修正
    font-size: 20px;
    ------------------*/
    font-size: 19px;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000;
    text-align: center;
}

.fixed-block.fixed-block--3 .fixed-block__img {
    max-width: 178px;
}

.fixed-block.fixed-block--3 .fixed-block__icon {
    width: 22px;
    height: 22px;
}

.fixed-block__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 25px;
    text-decoration: none;
    color: #000;
}

.fixed-block--2__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0px;
    text-decoration: none;
    color: #000;
}

.fixed-block__flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    min-height: 70px;
    gap: 14px;
}

.fixed-block__img {
    /*--2023/10/27修正
    max-width: 300px;
    ------------------*/
    max-width: 215px;
    width: 100%;
    display: block;
}

.fixed-block__img img {
    display: block;
    width: 100%;
}

.fixed-block--2__img {
    /*--2023/11/01修正
    max-width: 300px;
    ------------------*/
    max-width: 165px;
    width: 100%;
    display: block;
}

.fixed-block--2__img img {
    display: block;
    width: 100%;
}

.fixed-block__info {
    display: block;
    text-align: center;
}

.fixed-block__text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin: 0;
}

.fixed-block__title {
    /*--2023/10/27修正
    font-size: 36px;
    ------------------*/
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 5px;
    color: #C39821;
    border-top: 4px solid #C39821;
    padding-top: 4px;
    margin: 0;
}

.fixed-block__icon {
    display: block;
    width: 48px;
    height: 48px;
}

.fixed-block__icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home #scrollUp {
    display: none;
}

.parts #scrollUp {
    display: none;
}


/* ==============2023/10/17 追従ボタン ここまで============== */



/*20241029　上田 ページ下部のlist/cateへリンクするボタン*/

.sub_menu_button {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 1% 10px 5px;
    margin-left: -1%;
}

.sub_menu_button-wide {
    flex: 47%;
    margin-top: 8px;
    margin-left: 2%;
    background: #ffffff;
    border: 2px solid #1A4F1A;
    border-radius: 10px;
    padding: 20px 0px 20px 0px;
    position: relative;
}

.sub_menu_button-wide.double {
    flex: 94%;
}

.sub_menu_button-img {
    text-align: center;
}

.sub_menu_button__description {
    padding: 15px 6px;
    text-align: center;
    color: #2B4221;
    font-size: 19px
}

.sub_menu_button__description-main {
    font-size: 23px;
    font-weight: bold;
    user-select: none;
}

.sub_menu_button i {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    left: auto;
    margin: 0;
    background: no-repeat left center url(../img/generic/icn-submenu-arrow.png);
    width: 11px;
    height: auto;
}

.sub_menu_button-icon {
    position: absolute;
    content: "";
    top: 40%;
    left: 88%;
    width: 29px;
    /*background: no-repeat url(../img/generic/icn-submenu-arrow.png);*/
}



/*
  .sub_menu_button-icon {
    position: absolute;
    content: "";
    top: 36%;
    right: 8%;
    width: 27px;
    height: 27px;
    
    -webkit-animation: yokoyure 2s ease-in-out infinite;
    animation: yokoyure 2s ease-in-out infinite;
  }*/

/*20241029　上田 ページ下部のlist/cateへリンクするボタン ここまで*/

/*20250109 上田追加*/
.uwagaki-color_blue1 .tensyoku_koumoku_left_1 {
    background: #ebf6f7;
    color: #17184b;
}

.uwagaki-color_pink1 .tensyoku_koumoku_left_1 {
    background: #fdeff2;
    color: #b7282e;
}

/*ここまで*/


/*20250116 上田追加*/

table.center {
    text-align: center;
}

/*ここまで*/




/*20250206 商材別ボタン用　上田追加*/

ul.hinmoku_button {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

ul.hinmoku_button.wide2>li {
    /*品目を2列で表示する場合*/
    box-shadow: 3px 3px 6px 0px #dadde3;
    flex-basis: 50%;
}

ul.hinmoku_button.wide3>li {
    /*品目を3列で表示する場合*/
    box-shadow: 3px 3px 6px 0px #dadde3;
    flex-basis: calc(100% / 3);
}

ul.hinmoku_button>li.-hide {
    display: none;
}

ul.hinmoku_button>li span.pop {
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    padding: 5px 10px;
    background: #fff;
    border: solid 1px #000;
}

ul.hinmoku_button>li a {
    align-items: center;
    background: #FFF;
    border-bottom: solid 3px #afafb0;
    border-right: solid 3px #afafb0;
    display: flex;
    flex-basis: 300px;
    height: calc(60/375*100vw);
    padding-right: calc(10/375*100vw);
    position: relative;
    text-decoration: none;
}

/*背景を赤くしたい場合*/
ul.hinmoku_button>li.top a {
    background: #f6bfbc;
}

/*2列表示の場合、2つ目までの<li>の上部に線を引く*/
ul.hinmoku_button.wide2>li:nth-of-type(-n+2) a {
    border-top: solid 3px #afafb0;
}

/*3列表示の場合、3つ目までの<li>の上部に線を引く*/
ul.hinmoku_button.wide3>li:nth-of-type(-n+3) a {
    border-top: solid 3px #afafb0;
}

/*3列表示かつ２つのボタンを大きくした場合、3つ目の<li>の上部の線を非表示く*/
ul.hinmoku_button.wide3.top2>li:nth-of-type(3) a {
    border-top: none;
}

/*1つのボタンを大きくした場合、1つ目の<li>の上部に線を引く（2列、3列表示共通）*/
ul.hinmoku_button.top1>li:nth-of-type(1) a {
    border-top: solid 3px #afafb0;
}

/*2つのボタンを大きくした場合、2つ目までの<li>の上部に線を引く（3列表示用）*/
ul.hinmoku_button.top2>li:nth-of-type(-n+2) a {
    border-top: solid 3px #afafb0;
}

/*1つのボタンを大きくした場合、1行目の横幅を100％にする（2列、3列表示共通）*/
ul.hinmoku_button.top1>li:nth-of-type(1) {
    box-shadow: 3px 3px 6px 0px #dadde3;
    flex-basis: 100%;
}

/*2つのボタンを大きくした場合、1行目の横幅を50%+50%にする（3列表示用）*/
ul.hinmoku_button.top2>li:nth-of-type(-n+2) {
    box-shadow: 3px 3px 6px 0px #dadde3;
    flex-basis: 50%;
}

/*2列表示の場合、奇数個目の<li>の左に線を引く*/
ul.hinmoku_button.wide2>li:nth-of-type(odd) a {
    border-left: solid 3px #afafb0;
}

/*3列表示の場合、1個目と3の倍数の<li>の左に線を引く*/
ul.hinmoku_button.wide2.top1>li:nth-of-type(3n+1) a {
    border-left: solid 3px #afafb0;
}

/*2列表示で1つのボタンを大きくした場合、1個目と偶数個目の<li>の左に線を引く*/
ul.hinmoku_button.wide2.top1>li:nth-of-type(even) a,
ul.hinmoku_button.wide2.top1>li:nth-of-type(1) a {
    border-left: solid 3px #afafb0;
}

/*3列表示で1つのボタンを大きくした場合、1個目と偶数個目の<li>の左に線を引く*/
ul.hinmoku_button.wide3.top1>li:nth-of-type(3n+2) a,
ul.hinmoku_button.wide3.top1>li:first-of-type a {
    border-left: solid 3px #afafb0;
}

/*3列表示で2つのボタンを大きくした場合、1個目と3個目以降の<li>の左に線を引く*/
ul.hinmoku_button.wide3.top2>li:nth-of-type(3n+3) a,
ul.hinmoku_button.wide3.top2>li:first-of-type a {
    border-left: solid 3px #afafb0;
}

ul.hinmoku_button li a img {
    border-radius: calc(3/375*100vw);
    margin: 0 15px;
    width: calc(30/375*100vw);
    height: calc(30/375*100vw);
}

ul.hinmoku_button li a img+p {
    font-size: calc(12/375*100vw);
}

ul.hinmoku_button>li a::after {
    background: transparent;
    border-right: 4px solid #174617;
    border-top: 4px solid #174617;
    bottom: 0;
    content: "";
    display: block;
    height: calc(10/375*100vw);
    margin: auto;
    position: absolute;
    right: calc(17/375*100vw);
    top: 0;
    width: calc(10/375*100vw);
}

ul.hinmoku_button>li>a::after {
    transform: rotate(45deg);
}

/*3列表示かつ横場幅大きい、右の矢印アイコンの右側を詰める*/
@media screen and (min-width: 960px) {
    ul.hinmoku_button>li a::after {
        right: calc(8/375*100vw);
    }
}

ul.hinmoku_button li span {
    font-size: calc(18/375*100vw);
    /*font-weight: bold;*/
    line-height: calc(20/12*1em);
    color: #000;
}

/*3列表示の場合、フォントサイズを小さくする*/
ul.hinmoku_button.wide3 li span {
    font-size: calc(13/375*100vw);
}

/*3列表示かつ2つのボタンを大きくした場合、2つ目までのフォントを大きくする*/
ul.hinmoku_button.wide3.top2>li:nth-of-type(-n+2) span {
    font-size: calc(18/375*100vw);
}

/*3列表示かつ横場幅大きい、フォントサイズをさらに小さくする*/
@media screen and (min-width: 960px) {
    ul.hinmoku_button.wide3 li span {
        font-size: calc(11/375*100vw);
    }
}

/*ここまで*/


/*CVボタン　電話とメールのアイコン付き*/

.buy-sell_campaign .head_bnr {
    text-align: center;
}

.buy-sell_campaign .campaign_bnr {
    padding: 20px;
}

.buy-sell_campaign .campaign_bnr img {
    max-width: 100%;
    height: auto;
}

.buy-sell_campaign .campaign_bnr table {
    margin-top: 20px;
}

.buy-sell_campaign .campaign_bnr table th {
    background-color: #C21100;
    color: #FFF;
}

.buy-sell_campaign .btn_4-2 a {
    box-sizing: border-box;
    border: solid #fff 3px;
    border-radius: 12px;
    box-shadow: 1px 1px 10px 0 #a1a1a1;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 27px;
    font-weight: bold;
    margin: 0.5em 1%;
    padding: 30px 12px 30px 60px;
    position: relative;
    text-align: left;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    width: 47%;
    height: 130px;
    line-height: 30px;
}

.buy-sell_campaign .btn_4-2 a p {
    font-size: 16px;
    line-height: 0px;
}

.btn_4-2 a.phone:before {
    content: "\f095";
}

.btn_4-2 a.mail:before {
    content: "\f0e0";
}

.buy-sell_campaign .btn_4-2 a:before {
    font-family: "fontawesome";
    font-weight: normal;
    font-size: 1.1em;
    margin-top: -0.5em;
    position: absolute;
    left: 20px;
    top: 50%;
}

.buy-sell_campaign .btn_4-2 {
    margin-bottom: 20px;
}


.buy-sell_campaign .point_box {
    margin-bottom: 0px;
}



/*ここまで*/


/*20250325上田追加 サイトセットバナー上の見出し*/
.bunner_midashi {
    position: relative;
    background: #ee827c;
    box-shadow: 0px 0px 0px 5px #ee827c;
    border: dashed 2px white;
    padding: 0.3em 1.5em;
    color: #ffffff;
    margin: 40px auto 10px;
    font-size: 2.5em;
    font-weight: bold;
}

.bunner_midashi:after {
    position: absolute;
    content: '';
    left: -7px;
    top: -7px;
    border-width: 0 0 30px 30px;
    border-style: solid;
    border-color: #fff #fff #ff938d;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.bunner_midashi strong {
    color: #fffe7e;
}

/*ここまで*/


/*20250626 品目別パーツ */

.buy-sell_campaign .head_bnr {
    text-align: center;
}

.buy-sell_campaign .campaign_bnr {
    padding: 20px;
}

.buy-sell_campaign .campaign_bnr img {
    max-width: 100%;
    height: auto;
}

.buy-sell_campaign .campaign_bnr table {
    margin-top: 20px;
}

.buy-sell_campaign .campaign_bnr table th {
    background-color: #C21100;
    color: #FFF;
}

.buy-sell_campaign .btn_4-2 a {
    box-sizing: border-box;
    border: solid #fff 3px;
    border-radius: 12px;
    box-shadow: 1px 1px 10px 0 #a1a1a1;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 27px;
    font-weight: bold;
    margin: 0.5em 1%;
    padding: 30px 12px 30px 60px;
    position: relative;
    text-align: left;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    width: 47%;
    height: 130px;
    line-height: 30px;
}

.buy-sell_campaign .btn_4-2 a p {
    font-size: 16px;
    line-height: 0px;
}

.buy-sell_campaign .btn_4-2 a.phone:before {
    content: "\f095";
}

.buy-sell_campaign .btn_4-2 a.mail:before {
    content: "\f0e0";
}

.buy-sell_campaign .btn_4-2 a:before {
    font-family: "fontawesome";
    font-weight: normal;
    font-size: 1.1em;
    margin-top: -0.5em;
    position: absolute;
    left: 20px;
    top: 50%;
}

.buy-sell_campaign .btn_4-2 {
    margin-bottom: 20px;
}


.buy-sell_campaign .point_box {
    margin-bottom: 0px;
}


ul.sub_menu_button-wide2 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

ul.sub_menu_button-wide2>li.top {
    flex-basis: 50%;
}

ul.sub_menu_button-wide2>li {
    box-shadow: 3px 3px 6px 0px #dadde3;
    flex-basis: calc(100% / 3);
}

ul.sub_menu_button-wide2>li.-hide {
    display: none;
}

ul.sub_menu_button-wide2>li span.pop {
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    padding: 5px 10px;
    background: #fff;
    border: solid 1px #000;
}

ul.sub_menu_button-wide2>li a {
    align-items: center;
    background: #FFF;
    border-bottom: solid 3px #afafb0;
    border-right: solid 3px #afafb0;
    display: flex;
    flex-basis: 300px;
    height: calc(60/375*100vw);
    padding-right: calc(30/375*100vw);
    position: relative;
    text-decoration: none;
}

ul.sub_menu_button-wide2>li.top a {
    background: #f6bfbc;
}

ul.sub_menu_button-wide2>li.top.white a {
    background: #ffffff;
}

ul.sub_menu_button-wide2[data-visible="hinmoku"]>li:nth-of-type(-n+2) a,
ul.sub_menu_button-wide2>li.-bdrTop a {
    border-top: solid 3px #afafb0;
}

ul.sub_menu_button-wide2[data-visible="hinmoku"]>li:nth-of-type(2+3n) a,
ul.sub_menu_button-wide2>li.-bdrLeft a {
    border-left: solid 3px #afafb0;
}

ul.sub_menu_button-wide2 li a img {
    border-radius: calc(3/375*100vw);
    margin: 0 15px;
    width: calc(30/375*100vw);
    /*height: calc(30/375*100vw);*/
}

ul.sub_menu_button-wide2 li a img+p {
    font-size: calc(12/375*100vw);
}

ul.sub_menu_button-wide2>li a::after {
    background: transparent;
    border-right: 4px solid #174617;
    border-top: 4px solid #174617;
    bottom: 0;
    content: "";
    display: block;
    height: calc(10/375*100vw);
    margin: auto;
    position: absolute;
    right: calc(17/375*100vw);
    top: 0;
    width: calc(10/375*100vw);
}

ul.sub_menu_button-wide2>li>a::after {
    transform: rotate(45deg);
}

ul.sub_menu_button-wide2>li:nth-of-type(-n+2) span {
    font-size: calc(18/375*100vw);
}

ul.sub_menu_button-wide2 li span {
    font-size: calc(13/375*100vw);
    /*font-weight: bold;*/
    line-height: calc(20/12*1em);
    color: #000;
}


/*ここまで*/


/*20251216 新人気コラムパーツ */

/* 全体ボックス */
.column-box {
    position: relative;
    margin: 90px auto 40px;
    padding: 40px 20px 24px;
    background: url("/kimono/sp/assets/img/header/wood-bg.png") repeat;
    border: 3px solid #c79a63;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

/* 人物イラスト */
.column-character {
    position: absolute;
    top: -70px;
    left: 50px;
    width: 170px;
    height: auto;
    z-index: 2;
}

/* ヘッダー */
.column-header {
    text-align: center;
    margin-bottom: 20px;
}

.column-title {
    display: block;
    font-size: 45px;
    font-weight: bold;
    color: #000;
}

.column-sub {
    font-size: 20px;
    letter-spacing: 1px;
    color: #333;
}

/* リスト */
.column-list {
    list-style: none;
    padding: 0;
    margin: 0;
    background: rgba(255, 255, 255, 0.8);
}

.column-list li {
    border-bottom: 1px solid #d2b48c;
}

.column-list li:last-child {
    border-bottom: none;
}

.column-list a {
    display: block;
    padding: 12px 12px 12px 36px;
    color: #222;
    text-decoration: none;
    font-size: 20px;
    line-height: 1.6;
    position: relative;
}

/* 左の緑アイコン */
.column-list a::before {
    content: "▶";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #2e6b2e;
    font-size: 14px;
}

/* hover */
.column-list a:hover {
    background-color: rgba(239, 225, 205, 0.9);
    text-decoration: underline;
}

/* フッター */
.column-footer {
    margin-top: 20px;
    text-align: center;
}

.column-btn {
    display: inline-block;
    padding: 10px 180px;
    font-size: 38px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;

    /* 縞模様 ＋ 上下グラデーション */
    background:
        linear-gradient(to bottom,
            rgba(255, 255, 255, 0.25),
            rgba(0, 0, 0, 0.25)),
        repeating-linear-gradient(45deg,
            #4a4a4a,
            #4a4a4a 10px,
            #3a3a3a 10px,
            #3a3a3a 20px);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3),
        0 3px 6px rgba(0, 0, 0, 0.25);
}

/* hover：少し明るく */
.column-btn:hover {
    background:
        linear-gradient(to bottom,
            rgba(255, 255, 255, 0.35),
            rgba(0, 0, 0, 0.35)),
        repeating-linear-gradient(45deg,
            #5a5a5a,
            #5a5a5a 10px,
            #4a4a4a 10px,
            #4a4a4a 20px);
}

/* スマホ調整 */
@media (max-width: 600px) {
    .column-character {
        width: 70px;
        top: 64px;
    }
}

/*ここまで*/


/* LINEリンク表示用モーダル
========================================================================== */
.modal-line-chottomatte {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100vw / var(--zoom));
    height: calc(100vh / var(--zoom));
    background-color: rgba(50, 50, 50, 0.8);
    z-index: 200001;
    outline: 0;
    display: none;
    user-select: none;
}

.modal-line-chottomatte * {
    box-sizing: border-box;
}

.modal-line-chottomatte .modal-dialog {
    position: absolute;
    max-width: calc(80vw / var(--zoom));
    max-height: calc(90vh / var(--zoom));
    min-height: auto;
    /* width: calc(300px / var(--zoom)); */
    width: auto;
    /* 追加 */
    height: auto;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    padding: 5px;
    transform: translate(-50%, -50%);
    background: #1fc655;
    border-radius: 15px;
    display: none;
    pointer-events: all;
}

@media (max-width: 768px) {
    .modal-line-chottomatte .modal-dialog {
        max-width: calc(80vw / var(--zoom));
        max-height: calc(90vh / var(--zoom));
        min-height: auto;
        /* width: calc(300px / var(--zoom)); */
        width: auto;
        /* 追加 */
        height: auto;
    }
}

.modal-line-chottomatte.active .modal-dialog {
    display: block;
}

.modal-line-chottomatte .modal-dialog .modal-close {
    color: #fff;
    font-size: 40px;
    position: absolute;
    background-image: url(/kimono/sp/assets/img/index/icn-close.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: -20px;
    top: -20px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    text-decoration: none;
}

.modal-line-chottomatte .modal-dialog .modal-body {
    display: block;
    margin: 0;
    padding: 20px;
    border-radius: 12px;
    background: #FFF;
    height: auto;
    text-align: center;
    transition: .3s;
    overflow: hidden;
}

.modal-line-chottomatte .modal-dialog .modal-body div.line_open_link,
.modal-line-chottomatte .modal-dialog .modal-body div.line_open_link.large {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.modal-line-chottomatte .modal-dialog .modal-body div.line_open_link a {
    box-sizing: border-box;
    display: block;
    cursor: pointer;
}

.modal-line-chottomatte .modal-dialog .modal-body div.line_open_link a:hover {
    opacity: 1.0;
}

.modal-line-chottomatte .modal-dialog .modal-body div.line_open_link a img {
    box-sizing: border-box;
    display: block;
    /* width: 100%; */
    height: calc(85vh / var(--zoom));
    /* 追加 */
}

/* 迷ったらここパーツ直書きCSS ここから */
/* =========================================================
  cs-auos（1つ目パーツ）修正版
  - フォント：PC/SPで上書きされないよう強制適用
  - アニメ：全停止CSSに負けないよう特異性UP + !important
  - var()：フォールバック付き
  - 押し込み時：アニメ停止して押し込みが勝つ
  - レイアウト：flexフォールバック + @supports(grid)
========================================================= */

.cs-auos {
    /* フォントサイズ（必要ならここで調整） */
    --auos-fs-base: 14px;
    --auos-fs-top-main: 37px;
    --auos-fs-name: 30px;
    --auos-fs-point: 24px;
    --auos-fs-cta: 30px;
    --auos-fs-cta-arrow: 23px;

    /* カラー */
    --bs-gold: #adc9bf;
    --bs-gold2: #149965;
    --bs-gold3: #ff0000;
    --bs-cream: #ffffff;
    --bs-cream2: #ffffff;
    --bs-black: #111111;
    --bs-muted: #6b7280;
    --bs-dot: rgba(17, 24, 39, .22);

    /* レイアウト */
    --auos-top-minh: 65px;
    --auos-maxw-sp: 605px;
    --auos-maxw-pc: 820px;

    width: 100%;
    max-width: var(--auos-maxw-sp, 605px);
    margin: 14px auto;

    /* ここは継承させるだけでなく、下で * にも当てて固定 */

    font-size: var(--auos-fs-base, 14px);
    color: var(--bs-black, #111);
}

/* ★最重要：フォントを“コンポーネント内で確実に固定” */
.cs-auos,
.cs-auos * {
    box-sizing: border-box;

}

/* FOUC対策：CSSが効いたら表示 */
.cs-auos {
    visibility: visible !important;
}


@media (min-width: 768px) {
    .cs-auos {
        max-width: var(--auos-maxw-pc, 820px);
        margin: 18px auto;
    }
}

/* 外枠 */
.cs-auos__frame {
    border-radius: 18px;
    background:
        linear-gradient(var(--bs-cream2, #fff), var(--bs-cream2, #fff)) padding-box,
        linear-gradient(135deg, var(--bs-gold2, #149965), var(--bs-gold, #adc9bf), var(--bs-gold3, #ff0000)) border-box;
    border: 4px solid transparent;
    box-shadow:
        0 18px 42px rgba(17, 24, 39, .18),
        0 1px 0 rgba(255, 255, 255, .85) inset;
    overflow: hidden;
    position: relative;
}

/* ライティング */
.cs-auos__frame::before {
    content: "";
    position: absolute;
    inset: -18px;
    background: radial-gradient(60% 50% at 20% 0%, rgb(255 255 255 / 0%), rgba(224, 178, 0, 0) 65%);
    pointer-events: none;
}

/* 上部帯 */
.cs-auos__top {
    position: relative;
    min-height: var(--auos-top-minh, 65px);
    padding: 10px 12px;
    background: linear-gradient(354deg, #098289, #14b6bf);
    display: flex;
    align-items: center;
}

/* タイトル（strongに色が付いても負けないようにする） */
.cs-auos__topMain {
    position: absolute;
    left: 50%;
    top: 51%;
    transform: translate(-50%, -50%);
    z-index: 1;

    font-weight: 1000;
    font-style: italic;
    font-size: var(--auos-fs-top-main, 34px);
    line-height: 1.05;
    white-space: nowrap;

    color: #fff !important;
    text-shadow: 0 3px 0 rgba(0, 43, 13, .90);

    max-width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.cs-auos__topMain * {
    color: #fff !important;
}

/* 見出し */
.cs-auos__name {
    margin: 17px 10px 20px;
    text-align: center;
    font-weight: 1000;
    font-size: var(--auos-fs-name, 28px);
    letter-spacing: .02em;
    color: var(--bs-black, #111);
}

/* バイセル強調（bigタグを使わず安定） */
.cs-auos__nameEm {
    display: inline-block;
    margin-left: .0em;
    padding: 0 .0em;
    border-radius: 6px;
    background: linear-gradient(transparent 58%, rgba(245, 247, 94, .55) 58%);
    transform: translateY(-1px);

    color: #ff0d0d;
    font-weight: 1000;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, .95),
        0 2px 0 rgba(255, 255, 255, .70),
        0 8px 14px rgba(0, 0, 0, .25);
}

/* 本文エリア：まずflex（互換性） */
.cs-auos__main {
    padding: 8px 10px 10px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .40), rgba(255, 255, 255, 0)),
        var(--bs-cream, #fff);

    display: flex;
    flex-wrap: nowrap;
    /* ★変更：wrap → nowrap */
    align-items: stretch;
}


/* 2カラム（flex版）：★デフォルトから2カラムにする（Androidでも崩れない） */
.cs-auos__promo {
    width: 46.5%;
    min-width: 0;
    /* flex内のはみ出し対策 */
}

.cs-auos__points {
    width: 53.5%;
    min-width: 0;
}


/* gridが使える環境はgrid優先 */
@supports (display: grid) {
    .cs-auos__main {
        display: grid;
        grid-template-columns: 1fr 1.15fr;
        gap: 1px;
        align-items: stretch;
    }

    .cs-auos__promo,
    .cs-auos__points {
        width: auto;
    }
}



/* バナー */
.cs-auos__promoImg {
    width: 92%;
    height: auto;
    display: block;
    border: 1px solid rgba(0, 0, 0, .10);
    aspect-ratio: 600 / 500;
    /* ★追加 */

}

/* 右側 */
.cs-auos__points {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 6px;
}

/* リスト：gridを使わず互換性UP */
.cs-auos__list {
    margin: -23px;
    padding: 35px 0px 0px;
    /* テロップ用スペース */
    list-style: none;
    text-align: left;
}

.cs-auos__item {
    position: relative;
    display: flex;
    gap: 5px;
    align-items: flex-start;
    padding: 15px 0;
    border-top: 1px dotted var(--bs-dot, rgba(17, 24, 39, .22));
}

.cs-auos__item:first-child {
    border-top: 0;
    padding-top: 17px;
}

.cs-auos__item:last-child {
    padding-bottom: 6px;
}

/* テロップ */
.cs-auos__telop {
    position: absolute;
    left: 30px;
    top: -38px;
    z-index: 2;


    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 2px 20px;
    border-radius: 7px;

    color: #ff0000;
    font-weight: 1000;
    font-size: 18px;
    letter-spacing: .04em;

    background: linear-gradient(170deg, #fffad6, #ffe2aa);
    border: 1px solid rgba(255, 255, 255, 0.08);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .70);

    box-shadow: 0 10px 18px rgba(17, 24, 39, .16);
    overflow: hidden;
    pointer-events: none;
}

/* アイコン */
.cs-auos__icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 8px;
    background:
        radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 55%),
        linear-gradient(135deg, var(--bs-gold2, #149965), var(--bs-gold, #adc9bf));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 18px rgba(17, 24, 39, .14);
    border: 1px solid rgba(0, 0, 0, .06);
}

.cs-auos__iconSvg {
    width: 17px;
    height: 17px;
    fill: #fff;
}

/* ポイント文 */
.cs-auos__text {
    margin: 0;
    font-weight: 1000;
    font-size: var(--auos-fs-point, 20px);
    line-height: 1.28;
    color: var(--bs-black, #111);
}

.cs-auos__red {
    color: var(--bs-gold3, #ff0000);
    font-weight: 1000;
}

/* CTA */
.cs-auos__cta {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 7px 15px 15px;
    padding: 16px 70px 16px 14px;
    /* 右の丸分を確保（安定） */
    border-radius: 45px;

    color: #fff;
    font-weight: 1000;
    font-size: var(--auos-fs-cta, 28px);
    letter-spacing: .02em;
    text-decoration: none;
    text-align: center;

    background: linear-gradient(170deg, #e07c7c, #ff0404);
    border: 1px solid rgba(195, 152, 0, .55);
    box-shadow:
        0 18px 34px rgba(17, 24, 39, .22),
        0 2px 0 rgba(255, 255, 255, .12) inset,
        0 -3px 0 rgba(0, 0, 0, .35) inset;

    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    overflow: hidden;

    transform: translateY(0);
    will-change: transform;
}

.cs-auos__ctaText {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    left: 23px;
    line-height: 1.15;
    color: #fff !important;
}

.cs-auos__ctaText * {
    color: #fff !important;
}

/* ツヤ */
.cs-auos__cta::before {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: inherit;
    background: radial-gradient(120% 90% at 20% 10%, rgba(255, 255, 255, .20), rgba(255, 255, 255, 0) 55%);
    pointer-events: none;
    opacity: .9;
    z-index: 0;
}

/* shimmer */
.cs-auos__cta::after {
    content: "";
    position: absolute;
    top: -70%;
    left: -40%;
    width: 40%;
    height: 240%;
    border-radius: 999px;
    background: linear-gradient(90deg,
            transparent,
            rgba(224, 178, 0, .55),
            rgba(255, 255, 255, .55),
            rgba(224, 178, 0, .55),
            transparent);
    transform: rotate(20deg) translateX(-160%);
    opacity: 0;
    pointer-events: none;
    z-index: 0;
}

/* 右丸 */
.cs-auos__ctaCircle {
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 999px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 12px 18px rgba(0, 0, 0, .14),
        0 1px 0 rgba(255, 255, 255, .25) inset;
    border: 1px solid rgba(0, 0, 0, .10);
    z-index: 1;
}

.cs-auos__ctaArrow {
    color: #e20000;
    font-weight: 1000;
    font-size: var(--auos-fs-cta-arrow, 22px);
    transform: translateX(1px);
}

/* 押し込み */
.cs-auos__cta:hover {
    filter: saturate(1.04) brightness(1.02);
}

.cs-auos__cta:active {
    transform: translateY(2px) scale(.99);
    box-shadow:
        0 12px 22px rgba(17, 24, 39, .18),
        0 1px 0 rgba(255, 255, 255, .10) inset,
        0 -3px 0 rgba(0, 0, 0, .40) inset;
}

/* ===== アニメ（“全停止CSS”に負けないよう特異性UP + !important） ===== */
@keyframes cs-auos-ctaPulse {

    0%,
    100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-2px) scale(1.02);
    }
}

@keyframes cs-auos-ctaShine {
    0% {
        transform: rotate(20deg) translateX(-160%);
        opacity: 0;
    }

    22% {
        opacity: 1;
    }

    45% {
        transform: rotate(20deg) translateX(260%);
        opacity: 0;
    }

    100% {
        transform: rotate(20deg) translateX(260%);
        opacity: 0;
    }
}

@keyframes cs-auos-arrowNudge {

    0%,
    100% {
        transform: translateX(1px);
    }

    50% {
        transform: translateX(4px);
    }
}

@keyframes cs-auos-telopGlow {

    0%,
    100% {
        box-shadow: 0 10px 18px rgba(17, 24, 39, .16), 0 0 0 rgba(255, 181, 43, 0);
    }

    50% {
        box-shadow: 0 10px 18px rgba(17, 24, 39, .16), 0 0 16px rgba(255, 181, 43, .85);
    }
}

@keyframes cs-auos-telopShine {
    0% {
        transform: rotate(20deg) translateX(-160%);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    45% {
        transform: rotate(20deg) translateX(260%);
        opacity: 0;
    }

    100% {
        transform: rotate(20deg) translateX(260%);
        opacity: 0;
    }
}

/* テロップ内の光（疑似要素） */
.cs-auos__telop::after {
    content: "";
    position: absolute;
    top: -70%;
    left: -40%;
    width: 40%;
    height: 240%;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .85), transparent);
    transform: rotate(20deg) translateX(-160%);
    opacity: 0;
}

/* ★アニメ適用（importantで固定） */
.cs-auos .cs-auos__cta {
    animation: cs-auos-ctaPulse 2.6s ease-in-out infinite !important;
}

.cs-auos .cs-auos__cta::after {
    animation: cs-auos-ctaShine 3.4s ease-in-out infinite !important;
}

.cs-auos .cs-auos__ctaArrow {
    animation: cs-auos-arrowNudge 1.2s ease-in-out infinite !important;
}

.cs-auos .cs-auos__telop {
    animation: cs-auos-telopGlow 1.8s ease-in-out infinite !important;
}

.cs-auos .cs-auos__telop::after {
    animation: cs-auos-telopShine 2.9s ease-in-out infinite !important;
}

/* ★押している間はアニメを止めて“押し込み”を優先 */
.cs-auos .cs-auos__cta:active,
.cs-auos .cs-auos__cta:active::after,
.cs-auos .cs-auos__cta:active .cs-auos__ctaArrow {
    animation: none !important;
}

/* 迷ったらここパーツ直書きCSS ここまで */