* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

td, th { vertical-align: middle; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

html { overflow-y: scroll; }

body { margin: 0px; text-align: left; font-size: 100%; font-family: "���C���I", Meiryo, verdana,"�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif; }

.webfont { font-family: "Noto Sans JP",Sans-Serif; }

body a { text-decoration: none; color: #333 !important; }
body a:visited {
    text-decoration: none;
    color: #333;
}
/* ----?S????---- */
body { min-width: 1240px; margin: 0 auto; min-height: 100vh; overflow: hidden; }

/*   --    ?S???? end     --       */
/*-- margin-right --*/
.mr00 { margin-right: 0px !important; }

.mr05 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

/*-- margin-left --*/
.ml00 { margin-left: 0px !important; }

.ml05 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

/*-- margin-top --*/
.mt00 { margin-top: 0px !important; }

.mt10 { margin-top: 10px !important; }

.mt20 { margin-top: 20px !important; }

.mt30 { margin-top: 30px !important; }

.mt40 { margin-top: 40px !important; }

.mt50 { margin-top: 50px !important; }

.mt60 { margin-top: 60px !important; }

.mt70 { margin-top: 70px !important; }

.mt80 { margin-top: 80px !important; }

.mt90 { margin-top: 90px !important; }

/*-- margin-bottom --*/
.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb90 { margin-bottom: 90px !important; }

/*-- font-size --*/
.fs08em { font-size: 0.8em; }

.fs10em { font-size: 1.0em; }

.fs15em { font-size: 1.5em; }

.fs20em { font-size: 2.0em; }

.fs25em { font-size: 2.5em; }

/*.l-header { position: fixed; top: 0; left: 0; width: 100%; height: 100px; background: #fff; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; z-index: 9999; }
.l-header-container { display: grid; grid-template-columns: 360px 1fr 536px; gap: 2rem; width: 1200px; margin: 8px auto 0 auto; }
.l-header-nav { align-self: center; }
.l-header-nav ul { display: flex; align-items: center; justify-content: flex-end; gap: 0 1.5rem; }
.l-header-nav ul li a { position: relative; padding-bottom: .35em; }
.l-header-nav ul li a::after { position: absolute; left: 0; content: ''; width: 100%; height: 3px; background: #EEBF1D; bottom: -1px; transform: scale(0, 1); transform-origin: center top; transition: transform 0.3s; }
.l-header-nav ul li a:hover::after { transform: scale(1, 1); }
.l-header--btn-list { display: flex; align-items: center; gap: 1rem; }
.l-header--btn-list li { width: 260px; height: 60px; }
.l-header--btn-list li a { display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 30px; font-size: 18px; font-weight: 600; width: 100%; height: 100%; }
.l-header--btn-list li.l-header--btn-list__base a { border: 2px solid #333; overflow: hidden; position: relative; transition-duration: .2s; z-index: 2; }
.l-header--btn-list li.l-header--btn-list__base a::after { background: #FFD23D; border-radius: 50%; content: ""; display: block; margin: auto; opacity: 0; pointer-events: none; position: absolute; top: 50%; left: 0; right: 0; width: 100%; padding-top: 100%; height: 0; z-index: -1; transform: translateY(-50%) scale(0.1); transition: opacity .2s, transform 0s; transition-delay: 0s, .2s; }

.l-header--btn-list li.l-header--btn-list__accent a { background: #FFD23D; border: 2px solid #333; transition: 0.3s cubic-bezier(0.37, 0, 0.63, 1); }
.l-header--btn-list li.l-header--btn-list__accent a span { display: block; font-size: .9rem; margin-bottom: 3px; }*/


#contents_modifi { margin-top: 130px; }
.footer--page-top {
    position: fixed;
    bottom: 20px;
    right: 26px;
    z-index: 2;
	display: none;
}
.footer--fixed{
	display: block;
}
.footer--page-top a{
	    position: relative;
    display: block;
    width: 54px;
    height: 54px;
    background-color: #e00012;
}
.footer--page-top a:after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin-top: -4px;
    margin-left: -8px;
}
.footer-nav { background: #FFE54B; padding: 1.2rem 0; font-family: "Noto Sans JP",Sans-Serif; }
.footer-nav ul { width: fit-content; margin: 0 auto; display: flex; column-gap: 60px; }
.footer-nav ul li a { color: #333; font-weight: bold; font-size: .95rem; position: relative; }
.footer-nav ul li a::after { display: none !important;}
/*.footer-nav ul li a:hover::after { transform: scale(1, 1); }*/
.footer-nav ul li a:hover{
	text-decoration: underline; text-underline-offset: .35em;  transition: 0.6s; 
}
.footer-sp-link { display: grid; grid-template-columns: auto auto; column-gap: 2.5rem; color: #333; width: fit-content; margin: .6rem auto 0 auto; }
.footer-sp-link h2 { font-family: "Noto Sans JP",Sans-Serif; font-size: 20px; font-weight: bold; }
.footer-sp-link-left--txt { font-size: 14px; line-height: 1.3; margin: .5rem 0 0 0; }
.footer-sp-link-left--logo { margin: .5rem 0 0 0; }

.layout-footer { width: 1240px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; }

.footer__inner { padding: 2em 0 2.5em; }

.layout-footer_sns--arrea { width: 100%; margin: 2.5rem 0; border-bottom: 1px solid #c5c1c1; padding-bottom: 2.5rem; box-sizing: border-box; }

.footer-sns__list { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 1.5rem; }

.footer-sns__list li { width: calc((100% - 60px)/6); }

.footer-sns__list li a { display: flex; align-items: center; justify-content: center; padding: 5px 0; }

.footer-sns__list li a:hover, .footer-sns__list li a:focus { text-decoration: underline; text-underline-offset: .1em; opacity: 0.8; transition: 0.6s; }

.footer-sns__list li a img { max-width: 100%; height: auto; max-height: 100%; }

.footer-sns__list .icon-pc__title { padding-left: 0.8rem; font-size: 0.9rem; line-height: 1.2; }

.layout-footer_nav { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 2.5rem; }

.layout-footer_nav li { width: calc((100% - 40px)/4); margin: 1.5rem 0; }

.layout-footer_nav li a { position: relative; padding-left: 1.75rem; display: flex; align-items: center; }

.layout-footer_nav li a:hover, .layout-footer_nav li a:focus { text-decoration: underline; opacity: 0.75; transition: 0.6s; text-underline-offset: 0.35em; }

.layout-footer_nav li a span::before { content: ""; background-image: url(../../img/arow_red.svg); position: absolute; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; }

.footer-menu { margin-top: 2rem; border-top: 1px solid #c5c1c1; box-sizing: border-box; padding-bottom: 2.5rem; }

.footer-menu .footer-menu__title { font-size: 1.6rem; font-weight: bold; margin: 2.5rem 2.5rem 1rem; }

.footer-menu__column { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 2.5rem; }

.footer-menu__column li { width: calc((100% - 40px)/4); margin: 1.5rem 0; }

.footer-menu__column li a { position: relative; display: flex; align-items: center; padding-left: 1.75rem; }

.footer-menu__column li a:hover, .footer-menu__column li a:focus { text-decoration: underline; opacity: 0.75; transition: 0.6s; text-underline-offset: 0.35em; }

.footer-menu__column li a::before { content: ""; background-image: url(../../img/arow_gray.svg); position: absolute; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; }

.footer__foot__inner { text-align: center; margin-top: 2rem; }

.footer-logo__area { display: flex; justify-content: center; align-items: center; }

.footer-logo__area img { max-width: 100%; max-height: 100%; width: 360px; height: auto; }

.footer-logo__area .detail-text { font-size: 0.875rem; padding-top: 0.8rem; }

.footer_copyright { text-align: center; margin-top: 2.5rem; font-size: 0.8rem; }

/* breadcrumb ?p?????? */
.breadcrumb *, .breadcrumb *:after, .breadcrumb *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

.breadcrumb { margin: 1em auto; padding: 1em 0; color: #83838f; }

.breadcrumb a { text-decoration: none; color: #83838f; }

.breadcrumb .breadcrumbs { padding-left: 0; margin-top: 0; margin-bottom: 0; list-style: none; display: flex; flex-wrap: wrap; font-size: 0.875em; line-height: 1.5; }

.breadcrumb li { display: inline-block; position: relative; padding-right: calc(16px + 8px); margin-right: 8px; color: #83838f; }

.breadcrumb li::before { content: '\FF1E'; width: 1em; height: 1em; line-height: 1; text-align: center; font-size: 1em; color: inherit; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.breadcrumb li:last-child { margin-right: 0; padding-right: 0; color: #ffffff; }

.breadcrumb li:last-child::before { content: normal; }

/* -- breadcrumb ?p??????end --  */
/* ---?C???N???[?h?????\?L ---*/
.grey-box { padding: 10px 0; background-color: #ccc; text-align: center; }

/*   --     ?C???N???[?h?????\?Lend     --       */
/* ----?w?b?h???C?? start---- */
/* ----????h1?^?O---- */
.global-hdg1 { font-size: 2.5em; font-weight: bold; margin-top: calc(40px - 0.6rem); margin-bottom: calc(40px - 0.75rem); padding-bottom: 0.6rem; }

/* ----h1?^?O?@?e?L?X?gcenter?@?{?[?_?[????Ver---- */
.global-hdg1-secondary { position: relative; display: block; text-align: center; font-size: 2.5em; font-weight: bold; margin-top: calc(50px - 0.6rem); margin-bottom: calc(60px - 0.75rem); padding-bottom: 0.95rem; }

/* ----????h2?^?O---- */
.global-hdg2 { position: relative; padding-bottom: 1.25rem; border-bottom: 3px solid #B6B6B6; font-size: 1.75rem; margin-top: calc(120px - 0.6rem); margin-bottom: calc(80px - 0.75rem); }

.global-hdg2::after { position: absolute; content: " "; border-bottom: solid 3px #E5002D; bottom: -3px; width: 8%; display: block; }

/* ----h2?^?O?@?w?i?F????---- */
.global-hdg2-secondary { font-size: 1.75rem; font-weight: bold; margin-top: calc(12px - 0.6rem); margin-bottom: calc(80px - 0.75rem); padding: 0.5rem; background: #B6B6B6; }

/* ----????h3?^?O---- */
.global-hdg3 { font-size: 1.4rem; margin-bottom: calc(20px - 0.6rem); padding-bottom: 0.5rem; border-bottom: 2px solid #B6B6B6; }

.global-hdg4 { font-size: 1.15rem; margin-bottom: calc(15px - 0.35rem); padding-bottom: 0.5rem; border-bottom: 1px solid #B6B6B6; }

.global-hdg5 { margin-bottom: calc(15px - 0.35rem); }

/* -- ?w?b?h???C?? end --  */
/* ----?{?^???g?????---- */
.flatbtn { box-sizing: border-box; text-align: center; border-radius: 40px; display: flex; opacity: 1.0; width: auto; height: 100%; align-items: center; justify-content: center; cursor: pointer; }

.flatbtn:hover, .flatbtn:focus { text-decoration: none; opacity: 0.75; transition: 0.6s; }

.flatbtn:active, .flatbtn.active { outline: 0; box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.125); }

.flatbtn.disabled, .flatbtn[disabled], .flatbtn.disabled:hover, .flatbtn[disabled]:hover, .flatbtn.disabled:active, .flatbtn[disabled]:active { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none !important; }

.default-btn { background: #979797; }

.orangebtn { background: #EA6D0D; }

.redbtn { background: #E50012; }

.bluebtn { background: #19499c; }

.mustardbtn { background: #d7ab1a; }

.whitebtn { background: #ffffff; }

.default-btn, .orangebtn, .redbtn, .bluebtn, .mustardbtn { color: #fff; }

.border-btn { border: 1px solid #B6B6B6; }

.border-btn:hover { border-color: #E5002D; }

.border-btn.selected { border-color: #d4122c; }

.border-btn-orange { border: 1px solid #EA6D0D; color: #EA6D0D; }

.arrow-r, .arrow-d, .arrow-r-red, .arrow-d-red, .arrow-d-orange { position: relative; }

.arrow-r::after { content: ""; position: absolute; right: 15px; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 8px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; bottom: 0; margin: auto; }

.arrow-d::after { content: ""; position: absolute; right: 15px; border-top: 2px solid #B6B6B6; border-right: 2px solid #B6B6B6; width: 8px; height: 8px; -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 0; bottom: 0; margin: auto; }

.arrow-r-red::after { content: ""; position: absolute; right: 15px; border-top: 2px solid #E5002D; border-right: 2px solid #E5002D; width: 8px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; bottom: 0; margin: auto; }

.arrow-d-red::after { content: ""; position: absolute; right: 15px; border-top: 2px solid #E5002D; border-right: 2px solid #E5002D; width: 8px; height: 8px; -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 0; bottom: 0; margin: auto; }

.arrow-d-orange::after { content: ""; position: absolute; right: 15px; border-top: 2px solid #EA6D0D; border-right: 2px solid #EA6D0D; width: 8px; height: 8px; -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 0; bottom: 0; margin: auto; }

.mwbtn { max-width: 480px; margin: 0 auto; }

.clarow { background-image: url("/include_html/toyu_re/img/arow_cl.svg"); background-position: right 5% bottom 50%; background-repeat: no-repeat; background-size: 8px; }

.fs-small { font-size: 0.8em; padding: 0.8rem 1.2rem; }

.fs-medium { font-size: 1.0em; padding: 0.8rem 0.2rem; }

.fs-large { font-size: 1.62em; padding: 1.05rem 1rem; }

/* -- ?{?^???g?????end --  */
/* ----second top ???????---- */
.global-main { width: 1240px; padding: 0 20px; margin: 20px auto 100px; box-sizing: border-box; color: #333; }

.global-main--heading { background: #EEEEEE; padding: 2.4rem 0; width: 100%; }

.global-main--heading__inner { max-width: 1240px; width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; }

/* ----?{?^????---- */
@media screen and (min-width: 768px) { a.w150-btn { max-width: 150px; margin: 0 auto; }
  a.w300-btn { max-width: 300px; margin: 0 auto; }
  a.w500-btn { max-width: 500px; margin: 0 auto; }
  a.w200-btn { max-width: 200px; margin: 0 auto; } }
@media screen and (max-width: 767px) { a.w150-btn { max-width: 150px; margin: 0 auto; }
  a.w300-btn { max-width: 300px; margin: 0 auto; }
  a.w200-btn { max-width: 200px; margin: 0 auto; }
  a.w500-btn { max-width: 250px; margin: 0 auto; } }
/* -- ?{?^????end --  */
/* ?t?H?[????????? */
.reminder-form-wrap .text-cnter { text-align: center; line-height: 1.3; }

.reminder-form-wrap .weight-bold { font-weight: bold; }

.reminder-form-wrap input[type="text"], .reminder-form-wrap input[type="password"], .reminder-form-wrap input[type="search"], .reminder-form-wrap input[type="tel"], .reminder-form-wrap input[type="url"], .reminder-form-wrap input[type="email"], .reminder-form-wrap input[type="number"], .reminder-form-wrap input[type="submit"], .reminder-form-wrap select { border: 1px solid #c8ced3; box-sizing: border-box; padding: 5px 10px 5px 10px; font-size: 0.9em; height: 46px; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.reminder-form-wrap textarea { border: 1px solid #c8ced3; box-sizing: border-box; padding: 5px 5px 5px 10px; font-size: 0.9em; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.reminder-form-wrap input[type="radio"], .reminder-form-wrap input[type="checkbox"] { border: 1px solid #c8ced3; border-radius: 4px; width: 16px; height: 16px; position: relative; top: 2px; outline: 0; background: #fff; margin-right: 0.5em; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.reminder-form-wrap input[type="radio"]:checked:before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 4px; background: #000; left: 3px; top: 3px; text-decoration: inherit; vertical-align: inherit; }

.reminder-form-wrap input[type="radio"] { border-radius: 8px; }

.reminder-form-wrap input[type="checkbox"]:checked:before { content: ""; /*display: block;*/ position: absolute; top: -5px; left: 5px; width: 6px; height: 12px; transform: rotate(40deg); border-bottom: 3px solid #000; border-right: 3px solid #000; }

.reminder-form-wrap label.radio, .reminder-form-wrap label.checkbox, .reminder-form-wrap input[type="radio"], .reminder-form-wrap input[type="radio"] + label, .reminder-form-wrap input[type="checkbox"], .reminder-form-wrap input[type="checkbox"] + label, .reminder-form-wrap select { cursor: pointer; }

.reminder-form-wrap .main-border--seach-area input[type="text"] { width: 475px; }

.reminder-form-wrap .main-border--radio-area label { margin-right: 1rem; }

.reminder-form-wrap .main-border--radio-area label:last-child { margin-right: 0; }

.reminder-form-wrap .select-wrap { position: relative; display: inline-block; width: auto; /*margin: 5px 12px 5px 0; */ }

.reminder-form-wrap .select-wrap::after { content: ''; width: 6px; height: 6px; border: 0px; border-bottom: solid 2px #000; border-right: solid 2px #000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -5px; visibility: visible; }

.reminder-form-wrap .contact-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; background: transparent; position: relative; /*z-index: 1;*/ padding: 0 30px 0 10px; }

.reminder-form-wrap select::-ms-expand { display: none; }

.reminder-form-wrap select.w145 { width: 145px; }

.reminder-form-wrap select.w145mb { width: 145px; }

@media screen and (min-width: 768px) { .reminder-form-wrap .waku01 input { width: 260px; }
  .reminder-form-wrap .waku02 input { width: 500px; }
  .reminder-form-wrap .required-img { width: 304px; }
  .member-value-name { display: flex; align-items: center; }
  .member-value-name label { display: inline-block; text-align: center; width: 3em; }
  .member-value-name.secondary label { width: 6em; }
  .tank-info { display: grid; grid-template-columns: auto auto 1fr auto; margin: 2.5rem auto; }
  .tank-info .date-areabox.local-secondary { padding-left: 0; }
  .custom-form-item .tank-input { display: grid; grid-template-columns: 275px 200px 1fr; column-gap: 1.5rem; align-items: center; font-size: .95rem; margin: 2.5rem auto; }
  .custom-form-item .tank-input--size-input { width: fit-content; }
  .custom-form-item .tank-input--size-input input { width: 5em; }
  .custom-form-item .tank-input .help-control { margin: 0 .5em 0 0; } }
@media only screen and (max-width: 767px) { .reminder-form-wrap input[type="text"], .reminder-form-wrap input[type="password"], .reminder-form-wrap input[type="search"], .reminder-form-wrap input[type="tel"], .reminder-form-wrap input[type="url"], .reminder-form-wrap input[type="email"], .reminder-form-wrap input[type="number"], .reminder-form-wrap select { font-size: 16px; height: 48px; margin: 8px 0 10px; }
  .reminder-form-wrap textarea { font-size: 16px; width: 100%; padding: 5px; margin: 8px 0 10px; }
  .reminder-form-wrap .waku01 input, .reminder-form-wrap .waku02 input { width: 100%; }
  .reminder-form-wrap .main-border--seach-area input[type="text"] { width: calc(100% - 66px); }
  .reminder-form-wrap .select-wrap { width: auto; }
  .reminder-form-wrap .required-img { max-width: 250px; }
  .member-value-name { display: flex; align-items: center; width: 100%; }
  .member-value-name label { display: inline-block; text-align: center; width: 2.5em; } }
/* -- ?t?H?[?????????end --  */
/* ----?p?X???[?h?\???A?C?R????u----*/
@media screen and (min-width: 768px) { .main-img { width: 20px; opacity: 0.5; }
  .main-img2 { width: 20px; opacity: 0.5; }
  .main-img3 { width: 20px; opacity: 0.5; }
  .rel-bottom { position: absolute; bottom: 10%; width: 20px; right: 5%; }
  .rel-bottom-02 { position: absolute; bottom: 20%; width: 20px; right: 5%; }
  .rel-top { position: absolute; top: 17%; width: 20px; right: 8%; }
  .rel-top-02 { position: absolute; top: 25%; width: 20px; right: 24%; }
  .main-img img { width: 100%; }
  .main-img2 img { width: 100%; }
  .main-img3 img { width: 100%; } }
@media only screen and (max-width: 767px) { .main-img { width: 20px; right: 12%; opacity: 0.5; }
  .main-img2 { width: 20px; right: 12%; opacity: 0.5; }
  .main-img3 { width: 20px; right: 12%; opacity: 0.5; }
  .rel-bottom { position: absolute; bottom: 25%; width: 20px; right: 5%; }
  .rel-bottom-02 { position: absolute; bottom: 30%; width: 20px; right: 5%; }
  .rel-top { position: absolute; top: 17px; width: 20px; right: 5%; }
  .rel-top-02 { position: absolute; top: 20%; width: 20px; right: 5%; }
  .main-img img { width: 100%; }
  .main-img2 img { width: 100%; }
  .main-img3 img { width: 100%; } }
/* -- ?p?X???[?h?\???A?C?R????uend --  */
/* ----?{?^??2??\??----*/
@media screen and (min-width: 768px) { .action-btn-list { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .action-btn-list.tertiary { margin-top: 30px; margin-bottom: 50px; }
  .action-btn-list li { width: calc( 25% - 10px); margin-right: 40px; line-height: 1.2; }
  .action-btn-list li:last-child { margin-right: 0; }
  .action-btn-list li.confirm-btn { width: calc( 35% - 10px); height: 60px; }
  .action-btn-list li.modify-btn { height: 60px; } }
@media only screen and (max-width: 767px) { .action-btn-list { display: flex; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }
  .action-btn-list.secondary-sp { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .action-btn-list li { width: 80%; margin-bottom: 1em; line-height: 1.2; }
  .action-btn-list li.mb00-sp { margin-bottom: 0; }
  .action-btn-list li:last-child { margin-bottom: 0; }
  .action-btn-list.tertiary { margin-top: 16px; margin-bottom: 50px; }
  .action-btn-list.secondary-sp .confirm-btn { width: 90%; height: 48px; margin-bottom: 1em; }
  .action-btn-list li.confirm-btn { width: 90%; height: 48px; } }
/* -- ?{?^??2??\??end --  */
/* ----FR-02-02_????o?^?i????j---- */
.contact-list-head { margin-bottom: 1.5rem; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.contact-list-head span { width: 250px; margin-left: auto; }

.message-notice { color: #E5002D; }

.custom-contact-form { margin-top: 80px; margin-left: auto; margin-right: auto; max-width: 1200px; }

.custom-form-item img { max-width: 250px; width: 100%; height: auto; margin: auto 0 auto auto; }

.custom-form-item.border-none { border: none; }

.border-line { width: 100%; background-color: #ddd; border: none; height: 1px; }

.custom-form-item.pb00 { padding-bottom: 0; }

.custom-form-item.pt00 { padding-top: 0; }

.help-control-box { border: 1px solid #ccc; padding: 0.8rem 1rem; margin: 1rem 0; box-sizing: border-box; }

/*.custom-form-item:nth-child(5) {
border-bottom: 1px solid #ddd;
}*/
.custom-form-item-label { width: 100%; max-width: 350px; letter-spacing: 0.05em; font-weight: bold; display: flex; align-items: center; line-height: 1.25; }

.custom-form-item-label.secondary { max-width: 150px; }

.custom-form-item .help-block { margin-left: 0.8em; }

.custom-form-item .help-control { margin: 0 0.5em; }

.custom-form-item a.w200-btn { width: 200px; }

.custom-form-item-label.is__msg { margin-top: 8px; margin-bottom: auto; }

.custom-form-item-label-required { border-radius: 4px; margin-right: 5px; margin-left: 8px; padding: 0.25em 0.5em; width: auto; display: inline-block; text-align: center; background: #E5002D; color: #fff; font-size: 0.75em; line-height: 1.2; }

.reminder-form-wrap .custom-form-item-select select { background: #FFFF99; }

.reminder-form-wrap .custom-form-item-select.optional select { background: #fff; }

.custom-form-item-input.optional input, .custom-form-item-input.optional textarea { background: #fff; }

.custom-form-item-textarea { border: 1px solid #ddd; border-radius: 6px; margin-left: 40px; padding-left: 1em; padding-right: 1em; height: 300px; /*flex: 1;*/ width: 600px; max-width: 100%; background: #FFFF99; font-size: 18px; }

.form-btn { border-radius: 6px; margin-top: 32px; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 20px; width: 280px; display: block; letter-spacing: 0.05em; background: #5bc8ac; color: #fff; font-weight: bold; font-size: 20px; }

.mystore-border-box { border: 1px solid #ccc; padding: 2rem 1rem; margin: 1rem 0; display: flex; box-sizing: border-box; }

.mystore-border-box ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.mystore-border-box ul li { line-height: 1.25; width: 100%; margin-bottom: 1rem; }

.mystore-border-box ul li:last-child { margin-bottom: 0; }

.custom-form-consent { margin-top: 1.5rem; margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; }

.custom-form-consent .required-item { width: 100px; }

.custom-form-consent .answer-item { width: auto; display: flex; align-items: baseline; }

@media screen and (min-width: 768px) { .contact-message { line-height: 1.5; }
  .custom-form-item { border-top: 1px solid #ddd; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; /*width: 100%;*/ display: flex; align-items: center; /*-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;*/ }
  .custom-form-item.secondary { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .contact-message.ml-item-label { margin-left: 350px; }
  .contact-message.ml-item-label.tertiary { margin-left: 300px; }
  .custom-form-item-input input, .custom-form-item-input textarea { /*flex: 1;*/ width: 400px; max-width: 100%; background: #FFFF99; font-size: 18px; display: block; }
  .custom-form-item-input.custom-form-item-input__bk-wh input, .custom-form-item-input.custom-form-item-input__bk-wh textarea { background: #fff; }
  .custom-form-item-input.waku-mw200 input { max-width: 100%; width: 200px; }
  .custom-form-item-input.waku-mw580 input { max-width: 100%; width: 580px; }
  .custom-form-item-input.postcode { width: 200px; }
  .custom-form-item a.post-btn { width: 200px; }
  .mystore-border-box--img { width: 25%; text-align: center; }
  .mystore-border-box--img a { width: 200px; margin: auto; }
  .mystore-border-box--list { width: 60%; }
  .entry-table--wrap__modifi { width: 100%; margin-top: 20px; margin-bottom: 10px; padding: 0.5rem 0 0.5rem 0.8rem; border: 1px solid #D9D9D9; box-sizing: border-box; }
  .date-areabox.local { padding-left: 3em; }
  .date-areabox.local-secondary { padding-left: 2em; } }
@media (max-width: 767px) { .contact-list-head { flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; line-height: 1.3; }
  .contact-list-head span { width: 250px; margin-left: 0; }
  .custom-contact-form { margin-top: 40px; }
  .custom-form-item { padding-top: 1.25em; padding-bottom: 1.25em; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; flex-wrap: wrap; border-top: 1px solid #ddd; box-sizing: border-box; }
  .custom-form-item-label { max-width: inherit; width: inherit; display: flex; flex-wrap: wrap; align-items: center; font-size: 1em; margin-bottom: 0.5em; margin-right: 0.5em; line-height: 1.5; }
  .custom-form-item-label.newline { width: 100%; }
  .contact-message { line-height: 1.5; font-size: 0.875rem; }
  .custom-form-item .help-block { line-height: 1.2; font-size: 0.875rem; display: block; width: 100%; margin-left: 0; }
  .custom-form-item .help-control { margin: 0 0.5em; line-height: 1.2; font-size: 0.875rem; }
  .custom-form-item-label.is__msg { margin-top: 0; }
  .custom-form-item-label-required { border-radius: 4px; padding: 0.25em 0.5em; width: 2.5em; font-size: 0.75rem; }
  .custom-form-item-input input, .custom-form-item-input textarea { background: #FFFF99; width: 100%; }
  .custom-form-item-textarea textarea { margin-top: 18px; margin-left: 0; height: 250px; flex: inherit; font-size: 15px; }
  .custom-form-item-input.waku-mw580 { width: 100%; }
  .form-btn { margin-top: 24px; padding-top: 0.5em; padding-bottom: 0.5em; width: 160px; font-size: 16px; }
  .help-control-box { border: 1px solid #ccc; padding: 1rem; margin: 1rem 0; box-sizing: border-box; }
  .mystore-border-box { border: 1px solid #ccc; padding: 1rem; margin: 1rem 0; display: flex; box-sizing: border-box; justify-content: space-between; }
  .mystore-border-box--img { width: 35%; }
  .mystore-border-box--img img { width: 100%; height: auto; }
  .mystore-border-box--list { width: 60%; }
  .agreement { width: 100%; height: 150px; overflow: auto; -webkit-overflow-scrolling: touch; border: 1px solid #CCCCCC; border-radius: 8px; padding: 4px; margin: 20px auto; box-sizing: border-box; }
  .agreement iframe { width: 100%; height: 100%; border: none; display: block; }
  .help-control-box-sp { border-radius: 5px; border: 1px solid #ccc; padding: 0.8rem; margin: 1rem 0; box-sizing: border-box; }
  .custom-form-item-input.postcode { width: 9rem; }
  .custom-form-item a.post-btn { width: 8rem; }
  .date-areabox { display: flex; flex-wrap: wrap; align-items: center; width: 80%; }
  .custom-form-consent .required-item { width: 20%; } }
/* -- FR-02-02_????o?^?i????jend --  */
/* ----FR-02-11?@???O?C??---- */
@media screen and (min-width: 768px) { .login-member-body { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .login-member-body .text-cnter { text-align: center; }
  .login-member-frame { width: 50%; margin: 0 auto; }
  .form-item-name-narrow { width: 45%; line-height: 1.4; }
  .form-item-body-wide { position: relative; }
  .main-margin { margin-top: calc(45px - 0.75rem); }
  .main-min-margin { margin-top: 1em; font-size: 0.9rem; }
  .msg { font-size: 1.2rem; }
  .bk-gray { background-color: #c8c7c9; padding: 0.25em; margin-left: 0.75em; }
  .main-div-font { display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-top: 20px; }
  /*.main-div-font p, span, input { display: inline-block; }*/
  .main-div-font p { width: 35%; }
  .login-form-block { margin-bottom: 20px; width: 100%; }
  .align-right { padding-left: 46%; }
  .main-border-p { margin-bottom: 40px; line-height: 1.5em; }
  .main-border3 { width: 48%; height: auto; margin-top: calc(120px - 0.5rem); }
  .main-border3 img { width: 100%; }
  .main-border3-h2 { position: relative; padding-bottom: 1.25rem; font-size: 1.75rem; margin-left: 20px; margin-bottom: calc(80px - 0.75rem); line-height: 2.6rem; width: 50%; display: inline-block; }
  .main-border3 div { width: 50%; height: fit-content; }
  .main-border-h2 { width: 50%; }
  .news span { font-size: 0.8rem; }
  .display-style { margin: 20px auto; width: fit-content; }
  .display-style span { font-size: 0.9rem; letter-spacing: 0.05em; } }
@media screen and (max-width: 767px) { .login-member-body .text-cnter { text-align: center; }
  .main-div-font { display: flex; flex-wrap: wrap; margin-top: 20px; }
  .form-item-name-narrow { width: 100%; margin-bottom: 0.5em; letter-spacing: 0.05em; }
  .form-item-body-wide { position: relative; width: 100%; }
  .main-margin { margin-top: calc(45px - 0.75rem); }
  .main-min-margin { margin-top: 0.75em; font-size: 0.9rem; letter-spacing: -0.5px; }
  .msg { font-size: 1.15rem; }
  .bk-gray { background-color: #c8c7c9; padding: 0.25em; font-size: 0.85em; margin-left: 0.8em; }
  .main-div-font { margin-top: 20px; }
  .main-div-font p { margin-bottom: 10px; }
  .login-form-block { margin-bottom: 20px; }
  .align-right { padding-left: 25%; }
  .main-border-p { margin-bottom: 40px; line-height: 1.5em; }
  .display-style { display: inline-block; margin-top: 20px; line-height: 1.3; padding-left: 1.5em; text-indent: -1.5em; }
  .display-style span { font-size: 0.9rem; letter-spacing: 0.05em; }
  .news p { letter-spacing: -1.2px; line-height: 1.2rem; font-size: 0.9rem; }
  .news span { letter-spacing: -1.2px; line-height: 1.4rem; font-size: 0.8rem; }
  p.indent-news { padding-left: 1em; text-indent: -1em; }
  .member_merit-area { margin-bottom: 2.5rem; }
  .member_merit-area img { vertical-align: bottom; width: 100%; } }
/* -- FR-02-11?@???O?C??end --  */
/* ----FR-02-12?@?p?X???[?h???}?C???_(ID????)---- */
@media screen and (min-width: 768px) { .form-item .reset-password { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .main-msg { line-height: 1.7; margin-bottom: 30px; }
  .form-item .help-block { margin-left: 0.8em; } }
@media screen and (max-width: 767px) { .form-item { margin-top: 1.5em; }
  .main-msg { line-height: 1.7; }
  .form-item .help-block { line-height: 1.2; font-size: 0.875rem; } }
/* -- FR-02-12?@?p?X???[?h???}?C???_(ID????)end --  */
/* ----FR-02-13?@?p?X???[?h???}?C???_?i???M?????j---- */
@media screen and (min-width: 768px) { .form-item-border { margin-bottom: 20px; }
  .active-text { margin: 20px 15px 20px 40px; font-weight: bold; }
  .active-text-red { color: #E3002C; }
  .active-text-blue { color: #005FC3; }
  .active-text.weight-size-p { font-weight: normal; }
  .line-hr { width: 95%; background-color: #ccc; border: none; height: 1px; } }
@media screen and (max-width: 767px) { .active-text { font-size: 0.9rem; margin: 10px 10px 10px 5px; line-height: 1.5; font-weight: bold; }
  .active-text-red { color: #E3002C; }
  .active-text-blue { color: #005FC3; }
  .active-text.weight-size-p { font-weight: normal; } }
/* -- FR-02-13?@?p?X???[?h???}?C???_?i???M?????jend --  */
/* ----FR-02-14?@?p?X???[?h???}?C???_?i??????j---- */
@media screen and (min-width: 768px) { .form-group { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .form-item-name { width: 23%; padding: 25px 10px 25px 25px; }
  .form-item-name label { font-weight: bold; }
  .form-item-body { position: relative; line-height: 1.5; } }
@media screen and (max-width: 767px) { .form-group { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .form-item-name { padding: 25px 10px; }
  .form-item-name label { font-weight: bold; }
  .form-item-body { width: 80%; position: relative; } }
/* -- FR-02-14?@?p?X???[?h???}?C???_?i??????jend --  */
/* ----FR-02-15?@?p?X???[?h???}?C???_?i?p?X???[?h??X?j---- */
@media screen and (min-width: 768px) { .example-text { line-height: 1.5; margin-left: 26%; } }
@media screen and (max-width: 767px) { .form-group.secondary { flex-wrap: wrap; }
  .form-item-body.secondary { width: 100%; line-height: 1.5; }
  .form-item-name.secondary { padding: 25px 10px 10px 0; }
  .example-text { line-height: 1.3; font-size: 0.85em; padding: 0.5em 0; } }
/* -- FR-02-15?@?p?X???[?h???}?C???_?i?p?X???[?h??X?jend --  */
/* ----FR-02-19?@???i?????j---- */
@media screen and (min-width: 768px) { .member-message-text { text-align: center; margin: 20px 0; }
  .member-message-text.weight-bold { font-weight: bold; }
  .member-message-text.small { font-size: 0.85rem; } }
@media screen and (max-width: 767px) { .member-message-text { text-align: left; margin: 20px 0; }
  .member-message-text.small { font-size: 0.9rem; line-height: 1.5; } }
/* -- FR-02-19?@???i?????jend --  */
/* ----FR-02-25_?@?l????o?^?i????j---- */
.bgc_corporate { background-color: #FFFFE0; }

/* -- FR-02-25_?@?l????o?^?i????jend --  */
/* ----FR-04-17_?????????t?H?[??---- */
.contact-text-list { margin-left: 1em; }

.contact-text-list li { line-height: 1.5; margin-bottom: 0.5em; list-style-type: disc; }

.message-notice-indent { padding-left: 1em; text-indent: -1em; line-height: 1.5; }

/* -- FR-04-17_?????????t?H?[??end --  */
/* ----FR-02-03_????o?^?i?m?F?j---- */
/* ----FR-04-18_?????????m?F---- */
@media screen and (min-width: 768px) { .claim-conf ul { display: flex; flex-wrap: wrap; }
  .claim-conf ul li.ttl { background: #CCC; border: 1px solid #D9D9D9; box-sizing: border-box; padding: 15px 12px; width: 20%; margin-top: -1px; line-height: 1.25; }
  .claim-conf ul li.val { border: 1px solid #D9D9D9; box-sizing: border-box; padding: 15px 12px; width: 30%; border-left: 0; margin-top: -1px; line-height: 1.25; }
  .claim-conf ul li.w80p { width: 80%; }
  .claim-conf ul li.val.bdr-0 { border-right: 0; }
  .contact-heading { position: relative; }
  .contact-heading .list-head-btn { position: absolute; top: -2px; right: 0; }
  .contact-heading .list-head-btn a { width: 150px; } }
@media screen and (max-width: 767px) { .claim-conf.secondary { padding-top: 2.5rem; }
  .claim-conf ul { display: flex; flex-wrap: wrap; font-size: 0.9rem; }
  .claim-conf ul li.ttl { background: #CCC; border: 1px solid #D9D9D9; box-sizing: border-box; padding: 8px 6px; width: 35%; margin-top: -1px; line-height: 1.35; }
  .claim-conf ul li.val { border: 1px solid #D9D9D9; border-top: 0; box-sizing: border-box; padding: 8px 6px; width: 65%; border-left: 0; margin-top: -1px; line-height: 1.35; display: flex; align-items: center; }
  .claim-conf ul li.val.sp-bdt { border-top: 1px solid #D9D9D9; }
  .review-input--action-btn-list a.fs-large { font-size: 1.32em; padding: 1.05rem 1rem; }
  .contact-heading { position: relative; }
  .contact-heading .list-head-btn { display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: -1.5rem; }
  .contact-heading .list-head-btn a { width: 6rem; } }
/* ----FR-02-03_????o?^?i?m?F?j end---- */
/* ----FR-04-18_?????????m?F end---- */
/* ----FR-02-17?@????}?C?y?[?W---- */
.shop-detail .mystore-head--hg { background-image: url(/include_html/toyu_re/img/icon_store_hg.png); background-repeat: no-repeat; background-position: left center; }

.shop-detail .mystore-head--pw { background-image: url(/include_html/toyu_re/img/icon_store_pw.png); background-repeat: no-repeat; background-position: left center; }

.shop-detail .mystore-head--pro { background-image: url(/include_html/toyu_re/img/icon_store_pro.png); background-repeat: no-repeat; background-position: left center; }

.mypage-btn-relative { position: relative; }

@media screen and (min-width: 768px) { .shop-map__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .map__box-inner { width: 50%; padding: 20px 0; position: relative; }
  .map__box-inner img { width: 100%; }
  .map__box-inner .osm-copr { position: absolute; bottom: 15%; left: 1px; width: auto; }
  .map__box-inner .box-inner-lower { height: 35px; width: 150px; margin-left: auto; }
  .shop-detail { width: 50%; padding: 20px; }
  .shop-detail .mystore-head { font-size: 1.5em; font-weight: bold; padding: 30px 0 24px 85px; border-bottom: 1px solid #DDD; }
  .shop-detail .mystore-address { padding: 20px 0 0 15px; line-height: 1.5rem; }
  .mystore-address ul li { line-height: 1.4em; margin-bottom: 8px; }
  .mystore-address ul li span { font-weight: bold; }
  .shop-detail .mystore-address ul.mystore__btn { display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
  .shop-detail .mystore-address ul.mystore__btn li { width: calc(50% - 10px); margin: 10px 0 0 0; }
  .mypage-btn-relative .glaf-btn { position: absolute; left: 18em; top: -5px; }
  .mypage-btn-relative .glaf-btn a { width: 150px; }
  .mypage .card-number { border-bottom: 2px solid #F2F2F2; padding-bottom: 5px; margin-bottom: 30px; }
  .mypage .card-number .k-number { font-size: 1.6em; padding-right: 150px; }
  .mypage .stage-class { font-size: 1.6em; padding: 0 5px; }
  .mypage .k-point-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #CCC; box-sizing: border-box; }
  .mypage .k-point-list li { display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; align-items: center; box-sizing: border-box; border-right: 1px solid #CCC; width: 400px; padding: 15px; }
  .mypage .k-point-list li:last-of-type { border-right: 0; }
  .mypage .k-point-list p { line-height: 1.5; font-size: 0.9em; }
  .mypage .k-point-list p span.point-number { font-size: 2em; padding: 0 10px; color: #E6001B; }
  .mypage .k-point-list p span.plus-number { color: #333; font-size: 2em; padding: 0 10px; }
  .mypage .k-point-list p span.lost-number { color: #333; font-size: 2em; padding: 0 10px; }
  .mypage .k-point-list a { color: #005FC3; text-decoration: none; }
  .mypage .next-stage-number { color: #333; font-size: 1.5em; }
  .mypage .next-price { color: #333; font-size: 2.1em; font-weight: bold; padding-right: 10px; }
  .mypage .fs120 { font-size: 1.2em; }
  .mypage .p-text-r { text-align: right; margin: 20px 0; }
  .mypage .notes-text { line-height: 1.5; }
  .mypage .three-btn-list { display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; align-items: center; box-sizing: border-box; margin: 0 50px 40px 50px; }
  .mypage .three-btn-list li { box-sizing: border-box; width: 320px; }
  .mypage .three-btn-list li.chiten { margin-top: 60px; }
  .mypage .three-btn-list li.chiten .register-text { border-bottom: 1px solid #000; padding-bottom: 8px; font-size: 1em; margin-bottom: 8px; font-weight: bold; }
  .mypage .three-btn-list li.chiten .chiten-addres { font-size: 0.9em; }
  .mypage .three-btn-list li.chiten .chiten-btn { display: flex; justify-content: center; margin-top: 20px; }
  .mypage .three-btn-list li.chiten .chiten-btn p { width: 140px; }
  .mypage .three-btn-list li.chiten .chiten-btn p:first-of-type { margin-right: 10px; }
  .mystore-list-head { margin-bottom: 1.5rem; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .mystore-list-head .addition-btn { width: 280px; } }
@media screen and (max-width: 767px) { .shop-map__box { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .map__box-inner { width: 100%; box-sizing: border-box; margin-top: 2em; position: relative; }
  .map__box-inner img { width: 100%; }
  .map__box-inner .osm-copr { width: 50%; position: absolute; bottom: 25%; left: 0; }
  .map__box-inner .box-inner-lower { padding: 10px; width: 12rem; margin-left: auto; }
  .sp-map-btn { padding: 0.5rem 0.2rem; }
  .shop-detail { width: 100%; box-sizing: border-box; }
  .shop-detail .mystore-head { font-size: 1.0em; font-weight: bold; margin: 20px 0 10px 0; padding: 30px 0 30px 85px; border-bottom: 1px solid #DDD; }
  .shop-detail .mystore-address { margin: 30px 0 0 0; }
  .mystore-address ul li { line-height: 1.4em; margin-bottom: 8px; font-size: 0.9em; }
  .mystore-address ul li span { font-weight: bold; position: relative; }
  .mystore-address ul li.address-indent { text-indent: -3em; padding-left: 3em; }
  .mystore-address ul li.time-indent { text-indent: -5em; padding-left: 5em; }
  .shop-detail .mystore-address ul.mystore__btn { display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
  .shop-detail .mystore-address ul.mystore__btn li { width: calc(50% - 10px); margin: 20px 0 0 0; }
  .mypage-btn-relative .glaf-btn { display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: -1.5rem; }
  .mypage-btn-relative .glaf-btn a { width: 8rem; }
  .mypage-sp { margin-top: 2em; }
  .mypage-sp .card-area { font-size: 0.9em; margin-bottom: 40px; }
  .mypage-sp .card-number { display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; align-items: flex-end; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #CCC; }
  .mypage-sp .card-number .k-number { font-size: 1.3em; }
  .mypage-sp .stage-class { font-size: 1.2em; padding: 0 5px; margin-left: auto; }
  .mypage-sp .k-point-list li { display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; align-items: flex-end; box-sizing: border-box; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #CCC; }
  .mypage-sp .k-point-list li.item-center { align-items: center !important; }
  .mypage-sp .k-point-list p { line-height: 1.5; }
  .mypage-sp .p-text-r { line-height: 1.4; margin-top: 20px; margin-bottom: 20px; }
  .mypage-sp .k-point-list p span.point-number { font-size: 1.4em; padding: 0 5px; color: #E6001B; }
  .mypage-sp .k-point-list p span.plus-number { color: #333; font-size: 1.4em; padding: 0 5px; }
  .mypage-sp .k-point-list p span.lost-number { color: #333; font-size: 1.4em; padding: 0 5px; }
  .mypage-sp .k-point-list a { color: #005FC3; text-decoration: none; }
  .mypage-sp .mb15 { margin-bottom: 15px; }
  .mypage-sp .next-price { color: #333; font-size: 1.4em; font-weight: bold; padding-right: 5px; }
  .mypage-sp .fs120 { font-size: 1.2em; }
  .mypage-sp .notes-text { line-height: 1.4; }
  .mypage .three-btn-list { margin: 0 0 40px 0; }
  .mypage .three-btn-list li { box-sizing: border-box; }
  .mypage .three-btn-list li.btn-li { margin-bottom: 20px; }
  .mypage .three-btn-list li.chiten .register-text { border-bottom: 1px solid #000; text-align: left; padding-bottom: 8px; font-size: 1em; margin-bottom: 8px; font-weight: bold; }
  .mypage .three-btn-list li.chiten .chiten-addres { font-size: 0.9em; }
  .mypage .three-btn-list li.chiten .chiten-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; margin-top: 20px; }
  .mypage .three-btn-list li.chiten .chiten-btn p { width: 48%; }
  .mystore-list-head { margin-bottom: 1.5rem; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; line-height: 1.3; }
  .mystore-list-head .addition-btn { max-width: 250px; width: 100%; } }
/*???[?_???E?B???h?E*/
.modal-overlay { display: block; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; z-index: 10000; }

.modal-window { display: block; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: auto; z-index: 10001; }

.modal-content--address { background: #eee; }

.modal-header--address { display: flex; justify-content: space-between; align-items: center; padding: 0.8rem 0.6rem 0.6rem; font-size: 1.3rem; font-weight: bold; line-height: 1.3; color: #fff; background-color: #E30012; }

.modal-close--address { display: block; width: 30px; height: 30px; cursor: pointer; float: right; font-weight: 700; line-height: 1.3; text-align: center; color: #fff; }

.modal-body--address { padding: 20px; }

.modal-body--address p { margin-bottom: 10px; }

.modal-body--address li { border-bottom: 1px dotted #444; }

.modal-body--address li a { padding: 12px; color: #005FC3; display: flex; max-width: 560px; font-size: 16px; }

.modal-body--address li a i { margin: 0 10px 0 auto; color: #444; font-size: 16px; }

.fa-angle-right:before { content: "\f105"; }

@media screen and (max-width: 767px) { .modal-window { width: 100%; }
  .modal-wrapper--address { width: 97%; margin: 0 1.5%; }
  .modal-body--address { padding: 20px 15px; }
  .modal-header--address { font-size: 1.125rem; }
  .modal-body--address p { margin-bottom: 10px; line-height: 1.3; font-size: .9rem; }
  .modal-body--address li a { font-size: .9rem; } }
/* -- FR-02-17?@????}?C?y?[?Wend --  */
/* ----FR-04-15?@?R???e?X?g?t?H?[?? ----*/
.file-bottom-style { width: 400px; }

.file-bottom-style label { border: 1px solid #bbb; background: #efefef; border-radius: 3px; padding: 5px 10px; font-size: 18px; letter-spacing: 0; cursor: pointer; }

.file-bottom-style input[type="file"] { /* ?A?b?v???[?h?{?^????X?^?C??????????? */ display: none; }

.form-file-name { display: inline-block; font-size: 16px; margin-left: 10px; }

.contest-login { display: flex; flex-wrap: wrap; margin: 2.4rem 0; }

.contest-login .contest-login-msg { width: 50%; line-height: 1.5; display: flex; justify-content: center; }

.contest-login .contest-login--btn { display: flex; align-items: center; }

.contest-login .contest-login--btn a { width: 280px; }

.mdt__h01 { height: 1.1em; }

.div-inline-block { display: inline-block; }

.contest--post { display: flex; align-items: center; padding: 0 50px; margin-bottom: 30px; }

.mdt { border-radius: 4px; padding-top: 0.3em; padding-bottom: 0.3em; width: 48px; display: inline-block; text-align: center; background: #E5002D; color: #fff; font-size: 14px; font-weight: bold; }

.any { background-color: #DDD; width: 48px; border-radius: 4px; padding-top: 0.3em; padding-bottom: 0.3em; text-align: center; font-weight: bold; font-size: 14px; }

.contest--post-txt { font-size: 0.9em; line-height: 1.5; }

.display-block { display: block; }

.div-flex { display: flex; align-items: center; }

.fs12em { font-size: 1.2em; }

a.cancel-btn { width: 150px; height: 40px; margin: 0 0 0 auto; }

.w49 { width: 49%; }

.contest--post-txt__ml { margin-left: 105px; line-height: 1.5; }

.pc-pt10 { padding-top: 10px; }

.contest--lead-txt { margin: 1rem 0; line-height: 1.5; }

.text__right { text-align: right; }

.contest--post__flex { display: flex; align-items: center; }

.w90 { width: 90px; }

.span-any { display: block; }

.max-300 { margin: 1rem auto; max-width: 300px; }

.custom-contact-form.contest--form { padding: 0 50px; box-sizing: border-box; margin-top: 0; }

.custom-contact-form.contest--form .custom-form-item { border-top: 0; }

.custom-contact-form.contest--form .custom-form-item-label-required { margin-right: 10px; margin-left: 0; }

.contest-form--any { width: auto; margin-right: 10px; background-color: #DDD; border-radius: 4px; padding: 0.25em 0.5em; font-size: 0.75em; line-height: 1.2; text-align: center; display: inline-block; }

.indent-w100 { padding-left: 100px; }

.contest--form__flex { display: flex; align-items: center; flex-wrap: wrap; }

.custom-form-item .contest--form-img { margin-top: 1em; }

.custom-form-item .contest--form-img img { max-width: 580px; }

.flex__nowrap { flex-wrap: nowrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.contest--form__w190 { width: 190px; line-height: 1.15; }

.contest-form--check-list li { display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 1.6rem; }

.reminder-form-wrap .contest-form--check-list li input { margin-top: 0; }

.flex__al-start { align-items: flex-start; }

.text__center { text-align: center; }

.contest-form--attention-txt { font-size: 1.2rem; line-height: 1.3; margin: 1.6rem 0; font-weight: bold; color: #FF0004; text-align: center; }

.custom-contact-form.contest--form .custom-form-item-label.w450 { max-width: 450px; }

.custom-contact-form.contest--form .contact-message.ml-item-label { margin-left: 450px; }

/* -- FR-04-15?@?R???e?X?g?t?H?[?? end --  */
/* ----FR-04-07?@???????t?H?[??(????)---- */
.green-box { padding: 15px 0; text-align: center; background-color: #1FA152; box-sizing: border-box; font-size: 1.5rem; color: #FFFFFF; line-height: 1.2; }

.contact-page--box { border: 2px solid #ccc; box-sizing: border-box; padding: 1.6rem; display: flex; flex-direction: column; justify-content: center; margin: 2.4rem auto 0 auto; width: 900px; }

.contact-page--top-txt { text-align: center; font-size: 1.2rem; line-height: 1.3; margin: 0 0 1rem 0; }

.contact-page--btn { display: flex; justify-content: center; }

.contact-page--btn .icon-area { margin-left: 1em; }

.contact-page--btn a { width: 660px; background-image: url("/include_html/toyu_re/img/contact.svg"); background-position: 28px center; background-repeat: no-repeat; background-size: 45px; }

.contact-page--tel-box { border: 2px solid #ccc; box-sizing: border-box; padding: 1.6rem; display: flex; flex-direction: column; justify-content: center; margin: 2.4rem auto 0 auto; width: 900px; }

.contact-page--count { display: flex; align-items: center; width: 540px; margin: 1.2rem 0; }

.contact-page--count-wrap { display: flex; justify-content: center; flex-wrap: wrap; }

.contact-page--haed { width: 160px; box-sizing: border-box; padding: 0.6em 0.8em; font-size: 1.6rem; background: #333333; color: #fff; margin-right: 1.4rem; text-align: center; }

.contact-page--count-txt { font-size: 2.0rem; color: #333333; }

.contact-page--count-txt span { display: block; font-size: 1rem; margin-top: 0.5rem; }

/*   --    FR-04-07?@???????t?H?[??(????) end     --       */
.green-box { padding: 0.5rem; text-align: center; background-color: #1FA152; box-sizing: border-box; font-size: 1.1rem; color: #FFFFFF; line-height: 1.2; }

.contact-page--box { border: 1px solid #ccc; box-sizing: border-box; padding: 0.8rem; display: flex; flex-direction: column; justify-content: center; margin: 1.6rem auto 0 auto; }

.contact-page--top-txt { text-align: center; font-size: 1rem; line-height: 1.3; margin: 0 0 1rem 0; }

.contact-page--btn { display: flex; justify-content: center; }

.contact-page--btn a { background-image: url("/include_html/toyu_re/img/contact.svg"); background-position: 15px center; background-repeat: no-repeat; background-size: 40px; width: 100%; }

.contact-page--btn a.fs-large { font-size: 1.1rem; }

.contact-page--tel-box { border: 1px solid #ccc; box-sizing: border-box; padding: 0.8rem; display: flex; flex-direction: column; justify-content: center; margin: 1.6rem auto 0 auto; }

.contact-page--tel-box img { width: 100%; }

.contact-page--count { display: flex; align-items: center; margin: 0.8rem 0; }

.contact-page--haed { width: 5em; box-sizing: border-box; padding: 0.4em; font-size: 1.2rem; background: #333333; color: #fff; margin-right: 1.2rem; text-align: center; }

.contact-page--count-txt { font-size: 1.1rem; color: #333333; }

.contact-page--count-txt span { display: block; font-size: 1rem; margin-top: 0.3rem; }

.agreement-iframe { box-sizing: border-box; border: 1px solid #CCC; padding: 1rem; max-width: 1200px; height: 300px; overflow-y: scroll; margin-top: 1rem; font-size: .9rem; }

.agreement-iframe p { margin-top: 1rem; line-height: 1.8; }

.agreement-iframe ol { padding-left: 20px; list-style-type: decimal; }

.agreement-iframe ol.listNone { padding-left: 0px; list-style-type: none; }

.agreement-iframe ol.listNone li { text-indent: 10px; }

.agreement-iframe ol.listNone li { padding-left: 1.5em; text-indent: -1.5em; }

.agreement-iframe h1, .agreement-iframe h2, .agreement-iframe h3, .agreement-iframe ol li, .agreement-iframe ol.listNone li, .agreement-iframe dl, .agreement-iframe dl dd { margin-bottom: 20px; }

.agreement-iframe h1, .agreement-iframe h2, .agreement-iframe h3 { font-size: 120%; }

.agreement-iframe ul { list-style-type: disc; }

.agreement-iframe dl dt { font-weight: bold; }

.agreement-iframe table { margin: 1rem 0; border: 1px solid #ccc; box-sizing: border-box; max-width: 450px; width: 100%; table-layout: fixed; }

.agreement-iframe table th, .agreement-iframe table td { padding: 5px; box-sizing: border-box; font-weight: normal; border: 1px solid #ccc; line-height: 1.3; }

.member-lead__title { font-size: 1.5rem; margin-bottom: calc(40px - 0.75rem); line-height: 1.5; }

.member-hidden { margin-top: 2em; }

.member-hidden .action-uikit-btn-list { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.arrow-d-white::after { border-color: #fff; }

.member-container-first { display: none; }

.s-ml-first-open { display: block; }

.member-container-second { display: none; }

.s-ml-second-open { display: block; }

.reminder-form-wrap .radio--list input[type="radio"] { margin-left: 2rem; }
.reminder-form-wrap .radio--list input[type="radio"]:first-child { margin-left: 0; }

a.w300s-btn { width: 300px; }

.tank__indent { text-indent: -1.0em; padding-left: 1.0em; line-height: 1.4; }
.tank__col { display: flex; align-items: center; }
.tank--heading { margin-right: 1rem; }

.l-two-col { display: grid; grid: "main sub" auto / 860px 300px; gap: 0 40px; width: 1240px; padding: 0 20px; margin: 40px auto 100px; }
.l-two-col .global-main { width: 100%; margin: 0; padding: 0; }
.l-sub-area { grid-area: sub; font-size: 13px; margin-top: 2rem; }
.l-sub-area-inner { padding: 1rem .8rem; border: 1px solid #ddd; margin-top: 1rem; }
.l-sub-area-inner:first-child { margin-top: 0; }
.l-sub-area__bgc { background: #FFF6D1; }
.l-sub-area .answer-item { width: auto; display: flex; align-items: center; }
.l-sub-area .custom-form-item { border: 0; padding: .8rem 0; flex-direction: column; }
.l-sub-area .custom-form-item-label { margin-bottom: .5em; }
.l-sub-area .form-item-body { width: 100%; }
.l-main-area { grid-area: main; }
.l-main-area .custom-contact-form { width: 100%; }
.l-main-area .custom-form-item-input.waku-mw580 input { max-width: 100%; width: 500px; }
.l-main-area .custom-form-item-label { max-width: 305px; }

.text-center { text-align: center; }

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

.txt-style { line-height: 1.5; }

.toyu-aside--total-count { display: flex; align-items: baseline; justify-content: center; padding: 1rem .5rem; background: #fff; }

.toyu-aside--total-count__small { font-size: 0.75em; }

.toyu-aside--total-count__large { font-size: 1.2em; }

.toyu-confi--txt__red { color: #E10111; }

.toyu-aside-table { display: flex; flex-wrap: wrap; }
.toyu-aside-table li { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 1rem 0.8rem; box-sizing: border-box; align-self: center; line-height: 1.3; border-bottom: 1px dashed #E2E0E0; }
.toyu-aside-table li:last-child { border-bottom: 0; padding-bottom: 0; }

.custom-form-item-input.security-code--input input { width: 6em; }

.reminder-form-wrap .input__kcard input { width: 7em; }
.reminder-form-wrap .input__card input { width: 12em; }
.reminder-form-wrap .input__tel input { width: 11em; }

.header-select--call { width: 100%; display: grid; grid-template-columns: 7em 1fr; gap: 1.5rem; align-items: center; }

.order-header--btn__small { display: flex; justify-content: flex-end; }
.order-header--btn__small a { width: 8em; }

.copy-btn { padding: 0.8rem 1.2rem; }

.custom-form-item__bd-none { border-top: 0; }

.mypage { width: 100%; /* ----FR-04-24?@????????????????---- */ }
.mypage img { width: 100%; height: auto; }
.mypage .detail-multi-area { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 2.5rem 0; }
.mypage .detail-multi-area p { width: calc(60% - 20px); line-height: 1.5; }
.mypage .detail-multi-area .link-btn { width: calc((100% - 500px)/2); height: 45px; }
.mypage .text-height--wide01 { line-height: 1.4; }
.mypage .example-text.left-aligned { margin-left: 23%; }
.mypage .contact-complete--text__center p { text-align: center; margin-bottom: 2.4rem; font-size: 1.6rem; line-height: 1.3; }
.mypage .contact-complete--text { margin-bottom: 0.35rem; line-height: 1.5; }
.mypage .contact-complete--text .ma1rem { margin: 1rem 0; }
.mypage .f-bold { font-weight: bold; }
.mypage .contact-complete--gray-box { background: #efefef; padding: 2.4rem; box-sizing: border-box; margin: 3rem 0 1.6rem 0; }
.mypage .contact-complete--gray-box p { margin-bottom: 0.6rem; line-height: 1.5; }
.mypage .contact-complete--gray-box p.ma1rem { margin: 1rem 0; }
.mypage .shop-btn-list { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.mypage .shop-btn-list.shop-btn-list__w-up li { width: calc( 25% - 10px); height: 50px; }
.mypage .shop-btn-list li:last-child { margin-right: 0; }

/*???[?_???E?B???h?E*/
.modal-overlay { display: block; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; z-index: 10000; }

.modal-window { display: block; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: auto; z-index: 10001; }

.modal-content--address { background: #fff; }

.modal-header--address { display: flex; justify-content: space-between; align-items: center; padding: 0.8rem 0.6rem 0.6rem; font-size: 1.3rem; font-weight: bold; line-height: 1.3; color: #fff; background-color: #E30012; }

.modal-close--address { display: block; width: 30px; height: 30px; cursor: pointer; float: right; font-weight: 700; line-height: 1.3; text-align: center; color: #fff; }

.modal-body--address { padding: 20px; }
.modal-body--address-btn { display: flex; justify-content: center; gap: 1.5rem; margin-top: 1.5rem; }
.modal-body--address-btn a { width: 300px; }

.modal-body--address p { margin-bottom: 10px; }

.modal-body--address li { border-bottom: 1px dotted #444; }

.modal-body--address li a { padding: 12px; color: #005FC3; display: flex; max-width: 560px; font-size: 16px; }

.modal-body--address li a i { margin: 0 10px 0 auto; color: #444; font-size: 16px; }

.fa-angle-right:before { content: "\f105"; }

@media screen and (max-width: 767px) { .modal-window { width: 100%; }
  .modal-wrapper--address { width: 97%; margin: 0 1.5%; }
  .modal-body--address { padding: 20px 15px; }
  .modal-header--address { font-size: 1.125rem; }
  .modal-body--address p { margin-bottom: 10px; line-height: 1.3; font-size: .9rem; }
  .modal-body--address li a { font-size: .9rem; } }
/*
 //?p??
 .wrapper { height: 100%; width: 100%; background-color: #fff; } .content { @extend .wrapper { background-color: #ff0211; } }
%message-shared { border: 1px solid #ccc; padding: 10px; color: #333;
}

.message { @extend %message-shared;
}

.success { @extend %message-shared; border-color: green;
}

//?X?^?C??????L

//@mixin xxx {}
//@include xxx


@mixin baseButton($bg-color) { border: 1px solid #333; background-color: $bg-color;   @media (min-width: 992px) {  }
}

.danger-button { @include baseButton(#ff0000);
}




*/
.disc-list { margin-left: 1em; }
.disc-list li { list-style-type: disc; line-height: 1.4; margin-top: .5em; }
.disc-list li:first-child { margin-top: 0; }

.toyu-aside--back-btn { width: 8em; margin: 1rem auto 0 auto; }

.l-sub-area .flatbtn { font-size: 16px; }

.order-history--table__mx-w { max-width: 800px; margin: 0 auto; }

.order-history--btn-list.three-col__left-small { max-width: 100%; margin: 0 auto; }
.order-history--btn-list.three-col__left-small li:last-child { width: 6em; margin-left: auto; }

.order-history--usr-name { font-weight: bold; grid-area: usr-name; }
@media (min-width: 768px) { .order-history--usr-name { font-size: 1.5rem; } }
.order-history--usr-name span { padding-left: 3px; }
.order-history--list-table { display: flex; flex-wrap: wrap; margin-top: 1rem; }
@media (min-width: 768px) { .order-history--list-table { margin-top: 2rem; } }
.order-history--list-table__ttl { background: #CCC; border: 1px solid #D9D9D9; box-sizing: border-box; padding: 0.8em; width: 35%; margin-top: -1px; line-height: 1.5; }
@media (min-width: 768px) { .order-history--list-table__ttl { width: 20%; } }
.order-history--list-table__ttl-small { background: #CCC; border: 1px solid #D9D9D9; box-sizing: border-box; padding: 0.8em; width: 35%; margin-top: -1px; line-height: 1.5; width: 50%; font-size: .8rem; }
@media (min-width: 768px) { .order-history--list-table__ttl-small { font-size: 1rem; } }
.order-history--list-table__exttl-small { background: #CCC; border: 1px solid #D9D9D9; box-sizing: border-box; padding: 0.8em; width: 35%; margin-top: -1px; line-height: 1.5; width: 50%; font-size: .8rem; }
@media (min-width: 768px) { .order-history--list-table__exttl-small { font-size: 1rem; width: 20%; } }
.order-history--list-table__ttl-full { background: #CCC; border: 1px solid #D9D9D9; box-sizing: border-box; padding: 0.8em; width: 35%; margin-top: -1px; line-height: 1.5; width: 100%; font-size: .8rem; }
@media (min-width: 768px) { .order-history--list-table__ttl-full { font-size: 1rem; } }
.order-history--list-table__val-right { border: 1px solid #D9D9D9; border-top: 0; box-sizing: border-box; padding: 0.8em; width: 65%; border-left: 0; margin-top: -1px; line-height: 1.5; display: flex; align-items: center; width: 50%; text-align: right; justify-content: flex-end; font-size: .8rem; }
.order-history--list-table__val-right:nth-child(-n+2) { border-top: 1px solid #D9D9D9; }
@media (min-width: 768px) { .order-history--list-table__val-right { font-size: 1rem; } }
.order-history--list-table__exval-right { border: 1px solid #D9D9D9; border-top: 0; box-sizing: border-box; padding: 0.8em; width: 65%; border-left: 0; margin-top: -1px; line-height: 1.5; display: flex; align-items: center; width: 50%; text-align: right; justify-content: flex-end; font-size: .8rem; }
.order-history--list-table__exval-right:nth-child(-n+2) { border-top: 1px solid #D9D9D9; }
@media (min-width: 768px) { .order-history--list-table__exval-right { font-size: 1rem; width: 30%; } }
@media (min-width: 768px) { .order-history--list-table__exval-right:nth-child(-n+4) { border-top: 1px solid #D9D9D9; } }
.order-history--list-table__val-full { border: 1px solid #D9D9D9; border-top: 0; box-sizing: border-box; padding: 0.8em; width: 65%; border-left: 0; margin-top: -1px; line-height: 1.5; display: flex; align-items: center; width: 100%; font-size: .8rem; border: 1px solid #D9D9D9; }
.order-history--list-table__val-full:nth-child(-n+2) { border-top: 1px solid #D9D9D9; }
@media (min-width: 768px) { .order-history--list-table__val-full { font-size: 1rem; } }
.order-history--list-table__val { border: 1px solid #D9D9D9; border-top: 0; box-sizing: border-box; padding: 0.8em; width: 65%; border-left: 0; margin-top: -1px; line-height: 1.5; display: flex; align-items: center; }
@media (min-width: 768px) { .order-history--list-table__val { width: 30%; } }
.order-history--list-table__val:nth-child(-n+2) { border-top: 1px solid #D9D9D9; }
@media (min-width: 768px) { .order-history--list-table__val:nth-child(-n+4) { border-top: 1px solid #D9D9D9; } }
@media (min-width: 768px) { .order-history--list-table .bdl-none { border-left: 0; } }
.order-history--prog { border: 1px solid #D9D9D9; padding: .8rem; box-sizing: border-box; margin-top: 1rem; }
@media (min-width: 768px) { .order-history--prog { padding: 1rem; margin-top: 2rem; } }
.order-history--prog p { line-height: 1.3; font-size: .9rem; }
@media (min-width: 768px) { .order-history--prog p { font-size: 1rem; } }
.order-history--prog-cont { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.order-history--prog-count { align-self: flex-end; width: 4em; font-weight: bold; margin-bottom: 4px; font-size: 1.25rem; }
.order-history--prog-bar { width: 100%; display: block; position: relative; height: 14px; margin: 0 auto; background: #efefef; }
.order-history--prog-bar:after { width: 20%; content: ""; display: block; position: absolute; top: 0; left: 0; height: 14px; border-right: #1976D2 solid 4px; background: #64B5F6; }
.order-history--prog-bar__50per:after { width: 50%; }
.order-history--prog-bar__80per:after { width: 80%; }
.order-history--prog-bar__100per:after { width: 100%; }
.order-history--table { border: 1px solid #D9D9D9; box-sizing: border-box; font-size: .8rem; table-layout: fixed; margin-top: 1rem; width: 100%; }
@media (min-width: 768px) { .order-history--table { font-size: 1rem; margin-top: 2rem; } }
.order-history--table th { border: 1px solid #D9D9D9; box-sizing: border-box; padding: .5em; font-weight: normal; background: #CCC; }
@media (min-width: 768px) { .order-history--table th { padding: .8rem; line-height: 1.4; } }
.order-history--table td { line-height: 1.3; border: 1px solid #D9D9D9; box-sizing: border-box; padding: .5em; word-wrap: break-word; }
@media (min-width: 768px) { .order-history--table td { padding: .8rem; line-height: 1.45; } }
.order-history--table td span { font-size: 12px; display: block; margin-top: 3px; }
.order-history--table__count { width: 3.5em; }
@media (min-width: 768px) { .order-history--table__count { width: 5em; } }
.order-history--table__right { text-align: right; }
.order-history--table__center { text-align: center; }
.order-history--table__w45 { width: 45%; }
.order-history--ann { font-size: .9rem; line-height: 1.3; text-indent: -1.0em; padding-left: 1.0em; margin-top: .5rem; }
@media (min-width: 768px) { .order-history--ann { margin-top: .8rem; font-size: 1rem; } }
.order-history--address { line-height: 1.5; font-size: .9rem; }
@media (min-width: 768px) { .order-history--address { font-size: 1rem; line-height: 1.7; } }
.order-history--msg { border: 1px solid #D9D9D9; padding: .8rem; line-height: 1.5; font-size: .9rem; margin-top: 1rem; }
@media (min-width: 768px) { .order-history--msg { margin-top: 1rem; padding: 1em; } }
.order-history--btn-list li { margin-top: .8rem; }
@media (max-width: 767px) { .order-history--btn-list li:first-child { margin-top: 1.5rem; } }
.order-history-area01 { grid-area: a-01; }
@media (min-width: 768px) { .order-history-area02 { grid-area: a-02; display: block; } }
@media (min-width: 768px) { .order-history-container01 { display: grid; grid: "a-01 a-02" auto/calc(50% - 1rem) calc(50% - 1rem); gap: 2rem; } }
.order-history-area2-01 { grid-area: a-2-01; }
@media (min-width: 768px) { .order-history-area2-02 { grid-area: a-2-02; margin-top: 0; } }
.order-history-area2-03 { grid-area: a-2-03; }
@media (min-width: 768px) { .order-history-container02 { display: grid; grid: "a-2-01 a-2-02" auto "a-2-03 a-2-02" 1fr/calc(50% - 1rem) calc(50% - 1rem); gap: 2rem; } }
@media (min-width: 768px) { .order-history--btn-list { flex-wrap: wrap; display: flex; justify-content: center; max-width: 1080px; margin: 2rem auto 0 auto; } }
@media (min-width: 768px) { .order-history--btn-list li { margin: 1rem 1rem 0 0; width: 300px; } }
.order-history--btn-list li:nth-child(3n) { margin-right: 0; }
.order-history--exbtn { margin: 2rem auto 0 auto; max-width: 300px; }

.order-history-input-area { margin-top: 1rem; }
@media (min-width: 768px) { .order-history-input-area { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 2rem; align-items: end; } }
.order-history-input-area label { display: block; }
.order-history-input-area input { border: 1px solid #c8ced3; box-sizing: border-box; padding: 5px 10px 5px 10px; font-size: 0.9em; height: 2.5em; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; margin-top: .5rem; }
.order-history--input { margin-top: 1rem; }
.order-history--input:first-child { margin-top: 0; }
.order-history--select-cont { display: flex; align-items: baseline; margin-top: .5rem; }
.order-history--select { position: relative; width: 5.5em; display: block; margin-right: 1em; }
.order-history--select select { border: 1px solid #c8ced3; box-sizing: border-box; font-size: 0.9em; height: 2.5em; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; background: transparent; position: relative; padding: 0 30px 0 10px; margin: 0; }
.order-history--select::after { content: ''; width: 6px; height: 6px; border: 0px; border-bottom: solid 2px #000; border-right: solid 2px #000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -5px; visibility: visible; }
.order-history--input-btn { margin-top: 1rem; }
.order-history--all-list-table-btn { margin-top: 1rem; }
.order-history--all-list-count { margin: 2rem 0; text-align: center; }
@media (min-width: 768px) { .order-history--all-list-count { text-align: right; font-weight: bold; font-size: 1.1rem; margin: 3.5rem 0; } }
@media (max-width: 767px) { .order-history--all-list-table { display: flex; flex-wrap: wrap; font-size: .85rem; margin-top: 1rem; } }
@media (min-width: 768px) { .order-history--all-list-table { display: grid; grid: "all-list-table01 all-list-table03 all-list-table05 all-list-table07 all-list-table09 all-list-table11" auto "all-list-table02 all-list-table04 all-list-table06 all-list-table08 all-list-table10 all-list-table12" auto / 7em 7em 1fr 10em 7em 1fr; font-size: .9rem; margin-top: 2rem; border-left: 1px solid #D9D9D9; } }
@media (min-width: 768px) { .order-history--all-list-table li:nth-child(1) { grid-area: all-list-table01; width: 100%; } }
@media (min-width: 768px) { .order-history--all-list-table li:nth-child(2) { grid-area: all-list-table02; width: 100%; } }
@media (min-width: 768px) { .order-history--all-list-table li:nth-child(3) { grid-area: all-list-table03; width: 100%; } }
@media (min-width: 768px) { .order-history--all-list-table li:nth-child(4) { grid-area: all-list-table04; width: 100%; } }
@media (min-width: 768px) { .order-history--all-list-table li:nth-child(5) { grid-area: all-list-table05; width: 100%; } }
@media (min-width: 768px) { .order-history--all-list-table li:nth-child(6) { grid-area: all-list-table06; width: 100%; } }
@media (min-width: 768px) { .order-history--all-list-table li:nth-child(7) { grid-area: all-list-table07; width: 100%; } }
.order-history--all-list-table li:nth-child(8) { text-align: right; justify-content: flex-end; }
@media (min-width: 768px) { .order-history--all-list-table li:nth-child(8) { grid-area: all-list-table08; width: 100%; } }
@media (min-width: 768px) { .order-history--all-list-table li:nth-child(9) { grid-area: all-list-table09; width: 100%; } }
@media (min-width: 768px) { .order-history--all-list-table li:nth-child(10) { grid-area: all-list-table10; width: 100%; } }
@media (min-width: 768px) { .order-history--all-list-table li:nth-child(11) { grid-area: all-list-table11; width: 100%; } }
@media (min-width: 768px) { .order-history--all-list-table li:nth-child(12) { grid-area: all-list-table12; width: 100%; } }
.order-history--all-list-table__ttl { background: #CCC; border: 1px solid #D9D9D9; box-sizing: border-box; padding: 0.8em; width: 35%; margin-top: -1px; line-height: 1.5; width: 30%; }
.order-history--all-list-table__val { border: 1px solid #D9D9D9; border-top: 0; box-sizing: border-box; padding: 0.8em; width: 65%; border-left: 0; margin-top: -1px; line-height: 1.5; display: flex; align-items: center; width: 70%; }
.order-history--all-list-table__val:nth-child(-n+2) { border-top: 1px solid #D9D9D9; }
.order-history--all-list-table__s-txt { font-size: .8rem; margin-bottom: .8rem; }
.order-history--pager { display: flex; align-items: center; justify-content: flex-end; margin: 3rem 0; font-size: .9rem; }
@media (max-width: 767px) { .order-history--pager { flex-direction: column; justify-content: center; margin: 2rem 0 0 0; } }
.order-history--pager-count { margin-right: 1rem; }
@media (max-width: 767px) { .order-history--pager-count { margin: 0; } }
.order-history--pager-count-all { margin-right: 1rem; }
@media (max-width: 767px) { .order-history--pager-count-all { margin: .5rem 0 0 0; } }
.order-history--pagination { display: flex; }
@media (max-width: 767px) { .order-history--pagination { margin: 1rem 0 0 0; } }
.order-history--pagination li { margin: 0 3px; font-size: .8rem; }
@media (max-width: 767px) { .order-history--pagination li { margin: 0 5px; } }
.order-history--pagination li:last-child { margin-right: 0; }
.order-history--pagination li a { background: #ddd; border-radius: 4px; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; position: relative; }
.order-history--pagination li a:hover { font-weight: bold; background: #efefef; }
.order-history--pagination li a.active { font-weight: bold; background: #efefef; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; box-sizing: border-box; }
.order-history--pagination li.order-history--pagination__pre a { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%2017l-5-5%205-5M18%2017l-5-5%205-5%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: left 2px center; width: 50px; padding-left: 3px; box-sizing: border-box; background-size: 14px; }
@media (max-width: 767px) { .order-history--pagination li.order-history--pagination__pre a { width: 60px; } }
.order-history--pagination li.order-history--pagination__pre a span { padding-left: 8px; }
@media (max-width: 767px) { .order-history--pagination li.order-history--pagination__pre a span { padding-left: 3px; } }
.order-history--pagination li.order-history--pagination__pre a span.sp-only { padding: 0; }
.order-history--pagination li.order-history--pagination__pre:nth-child(2) a { width: 50px; }
@media (max-width: 767px) { .order-history--pagination li.order-history--pagination__pre:nth-child(2) a { width: 80px; background-image: none; } }
.order-history--pagination li.order-history--pagination__next a { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%2017l5-5-5-5M6%2017l5-5-5-5%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right 2px center; width: 50px; padding-right: 3px; box-sizing: border-box; background-size: 14px; }
@media (max-width: 767px) { .order-history--pagination li.order-history--pagination__next a { width: 60px; } }
.order-history--pagination li.order-history--pagination__next a span { padding-right: 8px; }
@media (max-width: 767px) { .order-history--pagination li.order-history--pagination__next a span { padding-right: 3px; } }
.order-history--pagination li.order-history--pagination__next a span.sp-only { padding: 0; }
.order-history--pagination li.order-history--pagination__next:nth-last-child(2) a { width: 50px; }
@media (max-width: 767px) { .order-history--pagination li.order-history--pagination__next:nth-last-child(2) a { width: 80px; background-image: none; } }

.all-list-table-cont span { display: block; }

/* ----FR-02-37?@?????p????---- */
.multi--table-under { display: flex; align-items: center; margin-top: 0.8rem; justify-content: flex-end; }

.multi--table-under-btn { margin-left: 2rem; width: 12em; }

/* ----FR-01-26?@???i?E??z?G???A????---- */
.search-area { /* ----FR-01-27?@???i?E??z?G???A????????i???i?j---- */ }
.search-area .main-border { border: 1px solid #ccc; padding: 2.4rem; box-sizing: border-box; display: flex; justify-content: space-around; flex-wrap: wrap; margin: 1rem 0; }
.search-area .main-border--column { width: calc(50% - 1.2rem); }
.search-area .main-border--column p { line-height: 1.5; margin: 1rem 0; }
.search-area .main-border--column__red { color: #E60012; }
.search-area .main-border--radio-area label { margin-right: 1rem; }
.search-area .main-border--seach-area { margin: 1rem 0; }
.search-area .main-border--seach-area input[type="text"] { width: 475px; }
.search-area .order-history-container01 { display: grid; grid: "a-01 a-02" auto/calc(70% - 1rem) calc(30% - 1rem); gap: 2rem; }
.search-area .attention_block { background: #eee; box-sizing: border-box; padding: 1.5rem; }
.search-area .attention-text-list { margin-left: 1em; }
.search-area .attention-text-list li { line-height: 1.5; margin-bottom: 0.5em; list-style-type: disc; }
.search-area .attention-text-list li:last-child { margin-bottom: 0; }

.claim-conf ul li.val.val__w80 { width: 80%; }

.cookiePolicy{
    display: flex;
    flex-direction: column;
    line-height: 1.7;
    padding: 1rem 2rem;
    position: fixed;
    bottom: 0;
    width: 40%;
    font-size: 14px;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    padding: 1.4em;
    box-sizing: border-box;
    visibility: visible;
    z-index: 9999;
    padding: 1rem 3rem;
}
.cookiePolicy p a{
  color: #fff !important;
  text-decoration: underline;
}
.cookiePolicy .btnArea{
  width: fit-content;
  margin: 0 auto;
}
.cookiePolicy .btnArea .cookieBtn{
  display: inline-block;
  min-width: 100px;
  color: #fff !important;
  background: dodgerblue;
  padding: .25rem 1.5em;
  cursor: pointer;
  text-align: center;
  margin-top: 1em;
  border-radius: 40px;
  text-decoration: none;
}