@charset "utf-8";

@import url("setting.css");

a{ color:#333; text-decoration:none; transition:0.2s all;}
a:hover{ color:#9d1c2b; text-decoration: none;}
a:focus{ text-decoration: none;}

main{ background: #fff; }

.container{ max-width: 1240px; padding: 0 20px; /* overflow: hidden; */ }
.container.w100{ max-width: 100%; }
.container.w2{ max-width: 1400px; }
.container.w3{ max-width: 951px; }
.container.w3{ max-width: 728px; }
.container.w4{ max-width: 546px; }

.box_wrap{ margin: 10px 0; padding: 0 20px; background: #fff; border: 1px solid #ccc; overflow: hidden; text-align: center; }
.box_img{ float: left; width: 120px; }
.box_img img{ max-width: 100%; height: auto; }
.box_txt{ float: left; width: calc(100% - 120px); padding: 30px 0; }
.box_txt p{ margin: 10px 0; color: #999; }
.box_txt a{ width: 46px; height: 46px; margin: 0 5px; padding: 10px; color: #ccc; font-size: 1.5em; line-height: 20px; border: 1px solid #ccc; border-radius: 50%; display: inline-block; }

/*** BTN ***/
.btn{ padding: 13px 50px 14px 50px; border-radius: 5px; line-height: 1em; }
.btn_wrap{ width: 100%; margin:30px auto 0 auto; text-align: center; }

.btn-primary{ background: #9d1c2b; border-color: #9d1c2b; }
.btn-primary:hover, .btn-primary:focus{ background: #998773; border-color: #998773;}

.btn-outline-primary{ color: #9d1c2b; background: none; border: 2px solid #9d1c2b; }
.btn-outline-primary:hover, .btn-outline-primary:focus{ background: #998773; border: 2px solid #998773;}


/*** /BTN ***/

/*** MODAL ***/
.modal{ }
.modal-header{ background: #9d1c2b !important;}
.modal-header h4{ color: #fff; font-weight: bold; line-height: 1em; }
.modal-open {}
.modal-backdrop { opacity: .9 !important; }
.modal-content{ background: none; }
.modal-header{ background: none; border: 0; }
.modal-body{ padding: 30px 30px 20px 30px; background: #fff; }
.modal-body .rc_wrap{ max-width: 250px; margin: 10px auto 0 auto; overflow: hidden; }
.modal-body .rc_wrap input{ float: left; margin-right: 5px; }
.modal-body .rc_wrap .check_txt{ float: left; margin-top: 2px; font-size: 1em; }
/*** /MODAL ***/

/*** COLOR ***/
.color01{ color: #ab7fda; }
.color02{ color: #8c61bc; }
.color03{ color: #f19100; }
.color04{ color: #c00; }
.color05{ color: #999; }

.bg01{ background: #f6f6f6; }
/*** /COLOR ***/

/*** FORM ***/
/*** /FORM ***/

/*** MARGIN PADDING ***/
.mt-0{ margin-top: 0; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }

.mb-0{ margin-bottom: 0; }
.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }

.pl-0{ padding-left: 0; }
.pr-0{ padding-right: 0; }
/*** /MARGIN PADDING ***/

/*** POPOVER ***/
[data-bs-toggle="popover"]{ cursor: pointer; }
.popover{ padding:5px; border: 5px solid #ccc; border-radius: 10px; }
.popover-arrow{ display: none !important; }
/*** /POPOVER ***/


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
}

@media all and (-ms-high-contrast:none){ /* IE 11 */
     *::-ms-backdrop, .label_name{ }
}

@supports (display:-ms-grid) { /* Edge */
}