@charset "UTF-8";


/*** 2023/7/31
mibonクローズ用 css for pc
 ****************/

/* base
================================== */
.base-main__close {
	float:none;
	box-sizing:border-box;
	width:906px;
    max-width: 100%;
    margin: 60px auto 100px;
    padding: 0 40px;
}

.mod-categorytitle__close h1.mod-categorytitle-h img {
    border:1px solid #7d7d7d;
}

.base-main__close img {
    max-width: 100%;
    height:auto;
    vertical-align: baseline;
}


/* close-top
************************************************ */
.close-top-area {
    font-size: 16px;
    line-height: 1.6;
}

.honto-b {
    font-weight:bold;
}


/* font-size,font-color,
========================================== */
.honto-txt__sm {
    font-size:14px;
}

.honto-txt__r {
    font-size:16px;
}

.honto-txt__b {
    font-size:18px;
}

.honto-txt__green {
    color:#64A118;
}


/* margin,padding
========================================== */
.mg-t1em {
    margin-top:1em;
}

.mg-t10 {
    margin-top:10px;
}

.mg-t20 {
    margin-top:20px;
}

.mg-t40 {
    margin-top:40px;
}

.mg-r10 {
    margin-right:10px;
}

.pd40 {
    padding:40px;
}

/* ul
========================================== */
.honto-indent {
    text-indent: -1.2em;
    padding-left:1.2em;
}


/* honto-section
========================================== */
.honto-section {
    margin-top:80px;
}

.honto-section__nomgt {
    margin-top:0;
}

.honto-caution-section {
    margin-top:80px;
    padding:3px;
    /* background-color: rgba(218, 55, 58, 0.05); */
    /* border: 2px solid #DA373A; */
    background:repeating-linear-gradient(-45deg, #DB585B, #DB585B 3px, white 3px, white 6px);
}

.honto-caution-section__inner {
    padding:40px;
    background: #fff;
}


.honto-title {
    background-color:#7CB832 ;
    color: #fff;
    border-radius: 6px;
    padding:14px 20px 12px;
}

.honto-title__caution {
    background-color: #DB585B;
    text-indent:-1.6em;
    padding-left:2.4em;
    /* text-align: center; */
}

.base-main__close img.honto-ico-left {
    margin-right:10px;
    vertical-align: middle;
}

.honto-sec-body {
    margin-top:20px;
}

/* honto-e-box */
.honto-e-box {
    background-color: rgba(124, 184, 50, 0.1);
    /* background-color:#e2f4cc; */
    padding:14px 20px 12px;
    margin-top:20px;
}

.honto-e-box__title {
    font-size:18px;
    font-weight: bold;
    color:#64A118;
}

/* honto-ol-b */
.honto-ol-b > li {
    margin-top:40px;
}

.honto-ol-b__title {
    font-size:22px;
    font-weight: bold;
    border-bottom:4px solid #7CB832;
    text-indent: -1.3em;
    padding-left:1.3em;
}

.honto-ol-b__body {
    margin-top:20px;
}

/* btn
========================================== */


/* honto-btn-sm */
.honto-btn-sm {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding:12px 18px;
    margin-top:20px;
}

.honto-btn-sm:hover {
    color:#fff;
    opacity: .7;
}
.honto-btn-sm__green {
    background-color: #7CB832;
}

.honto-btn-sm__blue {
    background-color:#4BAADE;
}



/* honto-qa
========================================== */
.honto-qa {
    border:2px solid #7CB832;
    margin-top:20px;
}

.honto-qa > dt {
    background-color: rgba(124, 184, 50, 0.1);
    /* background-color:#e2f4cc; */
    padding:14px 20px 14px 3em;
    text-indent:-2em;
}

.honto-qa > dd {
    padding:14px 20px 14px 40px;
}


/* prepared
========================================== */
.honto-formbox {
    background-color:rgba(0,133,205,0.1);
    padding:30px 40px;
    margin-top:20px;
}

.honto-formbox__btnbox {
    text-align:center;
    padding:0 70px;
}

.honto-btn__prepared {
    color:white;
    padding:20px;
    border-radius:6px;
    background-color:#BDBDBD;
}


/* module_pc.css 調整用
************************************************ */

/* ヘッダーメニューボタン内 */
.mod-header-panel-select-utility_member li.mod-header-panel-select-utility-05 a {
    background-position:4px -78px;
}

.mod-header-panel-select-utility_member li.mod-header-panel-select-utility-07 a {
    background-position:-171px -78px;
}



/* bookshelf.css 本棚　調整用
================================== */
.bookshelf-item-overlay a, 
.bookshelf-item-overlay span {
    text-decoration:none;
}

.bookshelf-item .bookshelf-item-overlay a:hover {
    color:#ffffff;
}

.blue {
    background-color: #4baade;
}


/* 誘導ボタン 有効化
************************************************ */
/* honto-btn-b */
.honto-btn-b {
    display: block;
    color: #fff;
    text-decoration: none;
    padding:20px;
    border-radius: 6px;
    font-size:20px;
    font-weight: bold;
}

button.honto-btn-b {
    width:100%;
}

.honto-btn-b:hover {
    color:#fff;
}

.honto-btn-b__orange {
    background-color: #F39316;
    box-shadow: 0px 3px 0px 0px rgba(198, 112, 0, 1);
}

.honto-btn-b__orange:hover {
    box-shadow: 0px 0px 0px 0px rgba(198, 112, 0, 1);
    transform: translateY(3px);
}

.honto-btn-b__orange[disabled] {
    cursor:default;
    opacity: .7;
    background-color: #bdbdbd;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .5);
}

.honto-btn-b__orange:hover[disabled] {
    transform: translateY(0);
}

.honto-btn-b__blue {
    background-color: #4BAADE;
    box-shadow: 0px 3px 0px 0px rgba(34, 129, 181, 1);
}

.honto-btn-b__blue:hover {
    box-shadow: 0px 0px 0px 0px rgba(34, 129, 181, 1);
    transform: translateY(3px);
}

.honto-btn-b__green {
    background-color: #7CB832;
    box-shadow: 0px 3px 0px 0px rgba(96, 160, 17, 1);
}

.honto-btn-b__green:hover {
    box-shadow: 0px 0px 0px 0px rgba(96, 160, 17, 1);
    transform: translateY(3px);
}

/* 2023/11/1 対応
========================================== */
.honto-label__red {
    font-size: 17px;
    color: #fff;
    padding: 1px 6px;
    margin: 0 4px;
    background: #da373a;
    vertical-align:10%;
}

.honto-txt__red {
    color:#DA373A;
}

.honto-btn-sm__disable {
    background-color:#CACCCA;
}

.honto-btn-sm.honto-btn-sm__disable:hover {
        opacity: 1;
}

/* honto-btn-b */
.honto-btn-b__disable {
    background-color:#CACCCA;
}