@charset "utf-8";

html {overflow-y:scroll;height:100%;min-width:320px;margin:0 auto;}

a {text-decoration:none}

.container_full {width:100% !important}

.cheditor-popup-cframe { height:auto !important; }

.cutstr {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.cut2str {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.cut3str {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}
.cut4str {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word;}

.pull-left {float:left}
.pull-right {float:right}
.clearfix {clear:both}
.text-center {text-align:center !important}
.text-right {text-align:right !important}
.text-left {text-align:left !important}

.weight100{font-weight:100 !important}
.weight300{font-weight:300 !important}
.weight400{font-weight:400 !important}
.weight500{font-weight:500 !important}
.weight600{font-weight:600 !important}
.weight700{font-weight:700 !important}
.weight900{font-weight:900 !important}
.h10 {height:10px}
.h20 {height:20px}
.h30 {height:30px}
.h40 {height:40px}
.h50 {height:50px}
.h60 {height:60px}
.h70 {height:70px}
.h80 {height:80px}
.h90 {height:90px}
.h100 {height:100px}

.color_red {color:#FF0000}
.color_01 {color:#286ed3}
.text_link {text-decoration:underline}
.required_txt {color:#286ed3;margin-left:10px}

a.btn01 {display:inline-block;width:auto;padding:7px 10px;border:1px solid #ccc;border-bottom:1px solid #aaa;background:#fff;color:#333;text-decoration:none;vertical-align:middle;border-radius:5px}
a.btn01:focus, a.btn01:hover {text-decoration:none}
a.btn02 {display:inline-block;width:auto;padding:7px 10px;border:1px solid #286ed3;background:#286ed3;color:#fff;text-decoration:none;vertical-align:middle;border-radius:5px}
a.btn02:focus, .btn02:hover {text-decoration:none}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important}

.yh_btn01 {border:0;color:#fff;border-radius:15px;background:#000000;padding:0px 15px;line-height:25px}
.yh_list_btn01 {border:0;color:#fff;border-radius:15px;background:#000000;padding:0px 15px;line-height:30px}
.yh_list_btn02 {border:0;color:#fff;border-radius:15px;background:#000000;padding:0px 15px;line-height:30px}

.pr-20 {padding:0 20px 0 0;}

.faq .faq-content .content-header button { cursor:pointer}
.inquiry button { cursor:pointer}

.pagination-controls .page-number.active a {
  background-color: rgba(255, 250, 213, 1);
}
.pagination-controls #pagination-numbers a {
  color: var(--white);
}
.empty_list {line-height:100px}
#cart-page .breadcrumbs a {
  color: var(--white);
}

.select .select-dropdown li a {
  display: flex;
  align-items: start;
  line-height: 20px;
  gap: 8px;
}
.select .select-dropdown li a, .select .select-dropdown li a:has(> input:checked) {
  color: var(--text-primary);
}
.select .select-dropdown li a:hover, .select .select-dropdown li a:has(> input:checked) {
  font-weight: bold;
  color: var(--primary);
}

.select .select-dropdown li .active {
  font-weight: bold;
  color: var(--primary);
}

#search-page .accordion-content p a {
    color: var(--text-primary);
}
#search-page .accordion-content p a:hover {
  color: var(--primary);
}
#search-page .accordion-content p a.active {
  font-weight: bold;
  color: var(--primary);
}
.payment .sidebar .discount-button button a {
  color: var(--white);
}
.payment .content .button-payment button {
  cursor:pointer
}
.profile .profile-body .item-edit {
  cursor:pointer
}
.profile .profile-body .item-edit a {
  color: var(--primary);
  cursor:pointer
}
.profile .profile-body .item-update {
  color: var(--primary);
  font-weight: 700;
  font-size: 16px;
  border:0;
  background:#ffffff;
  cursor:pointer
}
.profile .profile-body .item-left .item-order {
  color: black;
  padding: 16px 24px;
  gap: 12px;
}
.purchase-item .item-content .item-header .header-button button a {
  color: var(--white);
}
.purchase-item .item-content .end-button button a {
  color: var(--white);
}
.purchase-item .body-price {
 min-width:150px;
}
.purchase-item .item-content {
    word-break: break-all;
}

.form_01 li{margin:10px 0;position:relative}
.form_01 li .frm_input {width:100%}
.win_btn {
margin:0 auto;
text-align:center
}
.win_btn .btn_submit {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  border: none;
  padding: 10px 16px;
  border-radius: 12px;
  background-color: var(--primary);
  color: var(--white);
}
.win_btn .btn_close {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  border: none;
  padding: 10px 16px;
  border-radius: 12px;
  background-color: #dddddd;
  color: #000000;
}


*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {outline:none}

.write_div {margin:0 0 5px 0}
.frm_input {height: 45px;line-height: 30px;border: 1px solid #d0d3db;background-color: #fff;vertical-align: middle;border-radius: 0;}
.link {text-decoration:underline;color: var(--primary);}

.qawrite {color: var(--primary);background-color: var(--secondary) !important;padding:20px 20px !important;}
@media only screen and (max-width: 1024px) {
    .qawrite {padding:8px 20px !important;}
}
@media only screen and (max-width: 760px) {
    .qawrite {display:none !important}
}

.it_wari01 {display:inline-block;text-decoration:line-through;font-size:0.85em}
.it_wari02 {display:inline-block}
.it_wari03 {display:inline-block;color:#ff0000}
.it_wari04 {display:inline-block;width:50px;line-height:13px;padding:2px 0px;background:#ff0000;color:#fff;text-align:center;font-size:0.5em}
.it_wari05 {padding:0 5px;background:#ff0000;color:#fff;text-align:center}
.it_wari06 {color:#ff0000;font-size:1.25em}


#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:0;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px;font-size:0.95em;}

#captcha.m_captcha audio {display:block;margin:0 0 5px}

#captcha.recaptcha {width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0}

h1.bo_v_title {height: auto;padding: 0.5em 0.5em 0.5em 0;line-height: 1.25em;font-size: 1.6em;font-weight: 700;background: #ffffff;}
#bo_v_con .underline {background-image: linear-gradient(transparent 70%, rgb(255, 255, 127) 0%); background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-weight: 700;}
#bo_v_con ul {list-style: none;margin: 0;padding: 0;}
#bo_v_con h2 {margin: 0 6px;padding: 0.5em;font-size: 1.4em;color: #fff;box-shadow: 0 0 0 6px #286ed3;border-top: 2px solid #fff;border-bottom: 2px solid #fff;background: #286ed3;}
#bo_v_con h3 {padding: 0.5em 0.8em;font-size: 1.4em;color: #fff;background: #F07940;}
#bo_v_con h4 {padding: 0.4em;font-size: 1.4em;color: #000;border-left: 8px solid #FFAF8A;}
#bo_v_con h5 {padding: 0.4em;font-size: 1.4em;color: #000;border-bottom: 1px solid #FFC9B0;}
#bo_v_con h6 {padding: 0.4em;font-size: 1.4em;color: #000;border-bottom: 1px dashed #FFC9B0;}
#bo_v_con .frame_wrapper {width: 100%;padding: 1em;color: #231816;font-weight: 700;background: #FFD2A6;border-radius: 20px;}
#bo_v_con .frame_wrapper li {position: relative;padding-left: 20px;line-height: 1.8;}
#bo_v_con .frame_wrapper li::after {content: '';display: block;position: absolute;top: .5em;left: 0;padding-left: 10px;width: 10px;height: 8px;border-left: 3px solid #286ed3;border-bottom: 3px solid #286ed3;transform: rotate(-45deg);}
#bo_v_con .square_wrapper{width: 100%;padding: 0.5em;color: #231816;font-weight: 700;}
#bo_v_con .square_wrapper li{position: relative;padding-left: 20px;line-height: 1.8;}
#bo_v_con .square_wrapper li::after {content: '';display: block;position: absolute;top: .5em;left: 0;padding-left: 10px;width: 10px;height: 10px;background: #286ed3;}
#bo_v_con .check_wrapper {width: 100%;padding: 1em;color: #231816;font-weight: 700;}
#bo_v_con .check_wrapper li {position: relative;padding-left: 20px;line-height: 1.8;}
#bo_v_con .check_wrapper li::after {content: '';display: block;position: absolute;top: .5em;left: 0;padding-left: 10px;width: 10px;height: 8px;border-left: 3px solid #286ed3;border-bottom: 3px solid #286ed3;transform: rotate(-45deg);}
#bo_v_con .index_view {border:2px solid #FFAF8A;padding:20px;background:#f9f9f9}
#bo_v_con .index_view a {color:#286ed3;text-decoration:none}
#bo_v_con .index_view .title {font-weight:700;color:#286ed3}
#bo_v_con .index_view ol {list-style-type: decimal}
#bo_v_con .index_view ol li {margin:0 0 0 20px;color:#F07940}
#bo_v_con .index_view ol li::marker {font-weight:700;color:#286ed3}

.glang_div {}
.glang_div a.gflag {vertical-align:middle;padding:0px}
.glang_div img {border:1px solid #dddddd}
#goog-gt-tt {display:none !important}
.goog-te-banner-frame {display:none !important}
.goog-te-menu-value:hover {text-decoration:none !important}
body {top:0 !important}
#google_translate_element2 {display:none !important}
.skiptranslate {display:none}
.lang_name {width:150px}
.lang_name a span {border:1px solid #286ed3;background:#ffffff;color:#000000 !important;padding:5px 5px 5px 10px;border-radius:20px;}

.flag_list {position:absolute;border:1px solid #eee;border-radius:5px;padding:5px;margin-top:5px;background:#fff;z-index:9;width:auto}
.flag_list ul li {display: block !important;text-align:left;padding:7px 10px}
.flag_list ul li a {color:#333333 !important;display:block;font-size:0.85em;vertical-align:middle;padding:0 !important;line-height:12px !important;}
.flag_list ul li a img {border:1px solid #eeeeee;margin-right:5px;vertical-align:middle;}

.item-content-box {background:#ffffff;border-radius:10px;word-wrap:break-word;}
.item-content-box .img-content img {max-width:100%;border-radius:10px 10px 0 0}
.item-content-box .item-content {padding:10px}
.item-content-box .item-caname {color:#286ed3}
.item-content-box .subject {margin:15px 0 5px 0;font-weight:700;font-size:1.15em;line-height:1.5em}

.detail_p {padding:10px}
.detail-datepicker img {vertical-align:middle;margin-top:-8px;}
.detail-datepicker {
  border:1px solid #ccc;
  padding:10px !important;
  margin:0 15px;
}
#od_start_date {text-align:right;color:#000000;width:calc(100% - 30px);padding:5px 10px 0px 10px;font-size:1.1em}
#od_start_date::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
}

#od_start_date::-moz-placeholder {
  color: #000000;
  opacity: 1;
}

#od_start_date:-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}

#od_start_date::-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}

#od_start_date::placeholder {
  color: #000000;
  opacity: 1;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 0.75em;
  margin: 1px 0;
  height:30px;
}

.od_coupon_btn {
  padding: 12px 40px;
  border-radius: 12px;
  background-color: var(--primary);
  color: var(--white);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  border: none;
  word-break: keep-all;
}
.mt10 {margin-top:10px}
.receipt_name {margin:10px 0;padding:10px !important;border-radius:5px !important;}

#forderform {margin:0 auto;max-width:440px;border:1px solid #cccccc;box-shadow: 5px 5px 10px #dddddd;border-radius:12px}

.coupon_ca_country {
  border:1px solid rgb(40, 110, 211, 0.5);
  background:rgba(40, 110, 211, 0.1);
  font-weight:700;
  font-size:0.875em;
  border-radius:5px;
  padding:15px;
text-align:center;
}

.coupon_ca_country img {
  width:20px;
  margin-right:10px;
}