@charset "UTF-8";
/* CSS Document */

/*------------------------------
  GENERAL 
------------------------------*/

a {
  color:#de3b0a;
}
.bg-beige {
  background-color:#F8F4F0;
}

body {
  background-color:#FCFBFA;
  background-image: url("/img/ownedmedia/bg_gradient.png");
  background-repeat: repeat-x;
  background-position: top left;
  font-size:0.9rem;
  color: #000;
}
.orange {
  color:#eb723d;
}

/* for Webkit */
.form-control::-webkit-input-placeholder{
  color: #DDD;
  font-size: 0.9em;
}

/* for Firefox */
.form-control::-moz-placeholder{
  color: #DDD;
  font-size: 0.9em;
}

/* for Firefox 18以前 */
.form-control:-moz-placeholder{
  color: #DDD;
  font-size: 0.9em;
}

/* for Windows IE */
.form-control:-ms-input-placeholder{
  color: #DDD;
  font-size: 0.9em;
}

.small, small {
  font-size: 90%;
}

.alert {
  border:2px solid transparent;
}
.alert-primary {
  color: #004085;
  border-color: #9ab7d6;
}
.alert-danger {
  color: #721c24;
  border-color: #e0a9af;
}

/*------------------------------
  FONT
------------------------------*/
body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
b, strong, .bold {
 font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
_:lang(x)::-ms-backdrop, .selector { /* IE11でのみ有効 IEでテキスト下部にできる余白対策 */
}

/*------------------------------
  STYLE
------------------------------*/
/*--- breadcrumb_list ---*/
.breadcrumb_list {
  color: #000;
  font-size: 0.8rem;
  padding: 0PX 10px;
  background: #fde8d3;
  position: sticky;
  top: 86px;
  z-index: 10;
}
.breadcrumb_list span.this_page {
  color: #fff;
  background: #eb723d;
}
.breadcrumb_list ul{
  margin-left: 0;
  padding-left: 5px;
}

.breadcrumb_list ul li {
  display:inline-block;
  list-style: none;
}
.breadcrumb_list ul li span{
  color: #000;
  display: inline-block;
  padding: 0.3rem 1rem;
  border-radius: 1rem;
  text-decoration: none;
  background: #fff;
  border: 1px solid #F5ECE4;
  margin-top: 5px;
  margin-bottom: 5px;
}
/*2025パンくずリスト追従*/
@media (max-width: 767px) {
  .breadcrumb_list_gate{
    padding: 0PX 20px!important;
  }
}
@media (max-width: 600px) {
  .breadcrumb_list{
    font-size: 0.7rem;
  }
  .breadcrumb_list ul li span{
    padding: 0.3rem 0.5rem;
  }
}
@media (max-width: 495px) {
  .breadcrumb_list_gate{
    padding: 0PX 10px!important;
  }
}
.breadcrumb_list ul li:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f061';
  margin-left: 5px;
  color: #eb723d;
}

.breadcrumb_list ul li:last-child:after {
  content: '';
}


.breadcrumb_list ul li a:hover {
  background: #f5baa0;
}
/*---- site_header ----*/
#site_header {
  width: 100%;
  display: block;
  margin: 0;
  padding: 5px 0px;
  border-bottom: dotted 1px #AAA;
}
#site_header h2 {
  margin: 0;
  color: #FFFFFF;
  padding: 5px 10px;
}
/*---- shop_info ----*/
.phone_num a{
  color: #666;
  display: inline-block;
  padding: 0.2rem 1rem;
  border-radius: 1rem;
  text-decoration: none;
  border: #666 solid 1px;
}
.phone_num a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size:1rem;
  color:#eb723d;
  margin-right: 5px;
  content: "\f095";
} 

/* スクロールバー 出ないブラウザ対策 */
.horizontal-list{
  height:65px;
}
.horizontal-list::-webkit-scrollbar{
  height:10px;/*バーの太さ*/
}
.horizontal-list::-webkit-scrollbar-track{
  background:#dddddd;/*バーの背景色*/
}
.horizontal-list::-webkit-scrollbar-thumb{
  background:#888;/*バーの色*/
  border-radius: 8px;
}

.privacy-checkbox input[type="checkbox"]:checked + label {
  color: #f58a37;
}

.privacy-checkbox input[type="checkbox"] + label{
  display: block;
  position: relative;
  padding-left:43px;
  float: left;
  font-size: 14px;
  cursor: pointer;
}

.privacy-checkbox input[type="checkbox"] + label:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  display: block;
  background: #FFF;
  box-sizing: border-box;
  border: 1px solid #ccc;
}

.privacy-checkbox input[type="checkbox"] + label:before {
  width: 20px;
  height: 20px;
  margin-top: -9px;
  border-radius: 5px;
}

.privacy-checkbox input[type="checkbox"]:checked + label {
  border: 1px solid #f58a37 !important;
}

.privacy-checkbox input[type="checkbox"]:checked + label:before {
  border: 1px solid #f58a37;
  background-color: #f58a37;
}

.privacy-checkbox input[type="checkbox"] + label i{
  position: absolute;
  top: calc(50% - 5px);
  left: 17px;
  color: #fff;
  font-size: 13.5px;
  display: none;
}
.privacy-checkbox input[type="checkbox"]:checked + label i{
  display: block;
}
[v-cloak] {
  display: none;
}

/* khanh.ln - refs #104149 BRISWELL-350 */
.course_question .inbox-radio input[type='checkbox']:checked + label,
.course_question .inbox input[type='radio']:checked + label {
  background-color: #e64a48;
  color: #fff;
}

.course_question .inbox-radio input[type='checkbox'] + label,
.course_question .inbox input[type='radio'] + label {
  display: block;
  position: relative;
  background-color: #ccc;
  padding: 8px 20px 8px 35px;
  border-radius: 20px;
  float: left;
  margin: 0 5px 10px;
}

/* .course_question .inbox, */
.course_question .inbox-radio {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}

.course_question .inbox input[type='radio'] {
  display: none;
}

.course_question .inbox-radio input[type='checkbox'] + label:before,
.course_question .inbox input[type='radio'] + label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 30px;
}

.course_question .inbox-radio input[type='checkbox']:checked + label:after,
.course_question .inbox input[type='radio']:checked + label:after {
  content: '';
  position: absolute;
  margin-top: -4px;
  top: 50%;
  left: 15px;
  width: 8px;
  height: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: #e64a48;
  border-radius: 8px;
}

.course_question .inbox input[type="checkbox"]:checked + label {
  color: #33B78F;
}

.course_question .inbox input[type="checkbox"] + label {
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  color: #666;
  line-height: 1;
  padding: 12px 0 3px 0;
  text-indent: 0;
  position: relative;
  -moz-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  transition-duration: 0.1s;
  margin-right: 5px;
}

.course_question .inbox input[type="checkbox"] {
  display: none;
}

.course_question .inbox input[type="checkbox"]:checked + label:before {
  content: "";
  border-width: 15px !important;
  border-color: #33B78F !important;
  -moz-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  transition-duration: 0.1s;
  border-color: #33B78F;
}

.course_question .inbox input[type="checkbox"] + label:before {
  width: 30px;
  height: 30px;
  line-height: 32px;
  font-size: 42px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  content: "";
  color: transparent;
  padding: 0;
  border: 2px solid #aaa;
  background: #fff;
  margin: -2px 5px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.course_question .inbox input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 24px;
  box-sizing: border-box;
  display: block;
  left: 5px;
  width: 20px;
  height: 12px;
  margin-top: -8px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.course_question .is-invalid input[type="checkbox"] + label::before,
.course_question .is-invalid input[type="radio"] + label::before{
  border-color: #dc3545;
}
.course_question .is-invalid input[type="checkbox"] + label,
.course_question .is-invalid input[type="radio"] + label{
  color: #dc3545;
}

.type-white, .type-yellow, .type-red,.type-black {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

/*  ログイン  */
.btn-login{
  background-color: transparent;
  color: #202020;
  border-color: #202020;
}

.btn-login:hover{
  background-color: #202020;
  color: #fff;
  border-color: #202020;
}

.text-login{
  color: #202020;
  vertical-align: middle;
}

.type-red .btn-login,
.type-dark .btn-login,
.type-black .btn-login{
  background-color: transparent!important;
  color: #fff!important;
  border-color: #fff!important;
}

.type-red .btn-login:hover,
.type-dark .btn-login:hover,
.type-black .btn-login:hover{
  background-color: #fff!important;
  color: #202020!important;
  border-color: #fff!important;
}

.type-red .text-login,
.type-dark .text-login,
.type-black .text-login{
  color: #fff !important;
}

/*  新規登録  */
.btn-register{
  background-color: #CC331F !important;
  color: #fff !important;
  border-color: #CC331F;
}
.btn-register:hover{
  background-color: transparent !important;
  color: #CC331F!important;
  border-color: #CC331F;
}

.type-red .btn-register{
  background-color: #facd02 !important;
  color: #202020 !important;
  border-color: #facd02;
}
.type-red .btn-register:hover{
  background-color: transparent !important;
  color: #facd02!important;
  border-color: #facd02;
}