@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

* {
  font-family: Meiryo, "MS P Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Helvetica, sans-serif;
}

html, body {
  overflow-x: hidden;
}

body {
  line-height: 1.2;
  width: 100%;
}
body * {
  -webkit-tap-highlight-color: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  color: #0562D9;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  -webkit-text-decoration-skip: none;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

.jgIconM {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  display: inline-block;
}
.jgIconM._arrowOrange {
  width: 14px;
  height: 14px;
  background-position: -10px 0;
}
.jgIconM._arrowWhite {
  width: 14px;
  height: 14px;
  background-position: -20px 0;
}
.jgIconM._arrowBlack {
  width: 14px;
  height: 14px;
  background-position: -30px -1px;
}
.jgIconM._arrowGreen {
  width: 14px;
  height: 14px;
  background-position: 2px 0;
}
.jgIconM._couponOrange {
  width: 38px;
  height: 24px;
  background-position: 2px -14px;
}
.jgIconM._carBlack {
  width: 14px;
  height: 14px;
  background-position: -10px 0;
}
.jgIconM._carGreen {
  width: 14px;
  height: 14px;
  background-position: -10px 0;
}
.jgIconM._carBlack {
  width: 14px;
  height: 14px;
  background-position: -10px 0;
}
.jgIconM._plusGreen {
  width: 20px;
  height: 18px;
  background-position: 1px -36px;
}
.jgIconM._plusOrange {
  width: 20px;
  height: 18px;
  background-position: -38px -36px;
}
.jgIconM._plusBlack {
  width: 20px;
  height: 18px;
  background-position: -38px -55px;
}
.jgIconM._plusWhite {
  width: 20px;
  height: 18px;
  background-position: -38px -55px;
}
.jgIconM._minusGreen {
  width: 20px;
  height: 18px;
  background-position: -38px -55px;
}
.jgIconM._minusOrange {
  width: 20px;
  height: 18px;
  background-position: -38px -55px;
}
.jgIconM._minusBlack {
  width: 20px;
  height: 18px;
  background-position: -38px -55px;
}
.jgIconM._minusWhite {
  width: 20px;
  height: 18px;
  background-position: -10px 0;
}

.jgPict24 {
  font-size: 0;
}

.jgPict24-list {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  background: url("../../../site/sp/img/sprites/icon.static.png") no-repeat;
  background-size: 204px 175px;
  margin-right: 4px;
}
.jgPict24-list:last-child {
  margin-right: 0;
}
.jgPict24-list._iReservation1 {
  background-position: 0 0;
}
.jgPict24-list._iReservation2 {
  background-position: -30px 0;
}
.jgPict24-list._iWarrantyOff {
  background-position: -60px 0;
}
.jgPict24-list._iWarranty {
  background-position: -90px 0;
}
.jgPict24-list._iCaddieOff {
  background-position: -120px 0;
}
.jgPict24-list._iCaddie {
  background-position: -150px 0;
}
.jgPict24-list._iBag {
  background-position: 0 -30px;
}
.jgPict24-list._iBagE {
  background-position: -30px -30px;
}
.jgPict24-list._iCart2 {
  background-position: -60px -30px;
}
.jgPict24-list._iCart4 {
  background-position: -90px -30px;
}
.jgPict24-list._iLunchOff {
  background-position: -120px -30px;
}
.jgPict24-list._iLunch {
  background-position: -150px -30px;
}
.jgPict24-list._iBagOff {
  background-position: -180px 0;
}

/**
 * ._noText追加で文字なし対応になる
 */
.jgIcon5Stars {
  width: 139px;
  height: 18px;
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  font-size: 12px;
  color: #666;
  padding: 3px;
  box-sizing: border-box;
  line-height: 1em;
  text-align: right;
  background-repeat: no-repeat;
}
.jgIcon5Stars._noText {
  width: 100px;
}
.jgIcon5Stars._star00 {
  background-position: -220px -1px;
}
.jgIcon5Stars._star05 {
  background-position: -220px -21px;
}
.jgIcon5Stars._star10 {
  background-position: -220px -40px;
}
.jgIcon5Stars._star15 {
  background-position: -220px -59px;
}
.jgIcon5Stars._star20 {
  background-position: -220px -78px;
}
.jgIcon5Stars._star25 {
  background-position: -220px -96px;
}
.jgIcon5Stars._star30 {
  background-position: -220px -116px;
}
.jgIcon5Stars._star35 {
  background-position: -220px -136px;
}
.jgIcon5Stars._star40 {
  background-position: -220px -156px;
}
.jgIcon5Stars._star45 {
  background-position: -220px -176px;
}
.jgIcon5Stars._star50 {
  background-position: -220px -195px;
}

.jgIcon_question, .jgIcon_question-new {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAUVBMVEVHcEzu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7qVwDu7u7rZB/u2tHsfkvtoH7uybnsi17u5eLrcDXtuaGActSXAAAAEHRSTlMAWDfjgBCV7fqv05jYHB6ZoWGSrwAAAUpJREFUOMudldmSgyAQRVFBQEtldfv/Dx0wRrYmmcp9MnjqNr2kRShRi/lAGaMDxy2qasadjNThCcRIz2Qm1pOSa6gERJucG2VFYxqWy6p4HD5w+2mUEMpYHcjALc/h6ahb9jlcnjwCJyIF8s6IPPnql5+6bZ/olGQJW//auPfaAMHnUOfD2+1XTt70CJWfHYhDJbzN9nrc/HN4gx0Y9Xd10tEtor67eYHL7C+pot9tHDmSjm5xx+ZVQ7HGjUQDxG25oRwQrXHHnswbYiV3Zax0OsMAeAKcA8vQCuBc6CKZ1Rue+elQlsdmpX6XB0OgKUBcttAaY2wBtslQ1NWlY1aXH7OJfefYtVz6bHCMOlZwCxBaTuKeVpvkf9d3Y0Rq2YCL5xrFxHGBVoq74yHUmTblhyX1Ye0tvy5SF34sV/NIwC0+/W/Zf/l8/AGyTVKWJAJJzgAAAABJRU5ErkJggg==") no-repeat left center;
  background-size: 12px 12px;
  color: #0562D9;
  padding: 0 0 0 15px;
}
.jgIcon_question-new {
  padding: 0;
  background-size: 20px auto;
}

.jgIcon_exclamation-orange {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  margin-right: 6px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAALVBMVEVHcEzrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAFp/qpzAAAADnRSTlMA3xROByidzmaL8bc7qrDrYgcAAAFJSURBVDjLhZS/SgNBEMbH5BL/RRGxU0IEwUpIY6GFRCvLgGApNrZB7GzEwloEC1vBPugLhPgG4hMYxCgJfM/gzOayt7f6kWl2dn533+zNzazIJCvsvLQHq/e1OH7YgbPhTRSvIrVejhR9XEk9iyctBNZveLBp+8vtjYOjB/MuxvGSCZ2N/GMTa6ZgXTfv46e2dLOcZrgCPrOEu8D3KEtZX+5moKLCp87bA9acA3zY8poKJFUMuiGotNEzrRmfIQUmca3LPvCWBwvAii63QC0PCsCPLh30JQ+khaHDXzE4MZEicB6DaaAus8BdDFxs3mgEVOVZpoBmDErAksz502ZAD/Qoi4DEIDGPAipFk9PjBh/ozcWCknhzJQmK6M0VkZad/yj6a2kz0PahDcdb1Jr66b+mTtgY8MGho8aHk44zvwCkwa4Mfsn8sV+rpmBePKXrrAAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-size: 18px auto;
  vertical-align: middle;
}

.jgIcon_alert-triangle-gray {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-right: 6px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAqBAMAAAAHYcVJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURUdwTGRkZGZmZmVlZWVlZWVlZWNjY19fX2VlZWZmZmVlZWZmZr+ZbU4AAAALdFJOUwA971PChCANom3bxJWtZQAAAQZJREFUOMuF0qkOwlAQBdCyLwpBgsCQChA1JASFwSFqCEgMHkP4AjwGX4NDoHi0BLg/R1veNo8hjJrOadKb3Hre/6mFMx4qePCwAVosHIApdy8AuHFQTuG1ZWCSAuYMXDK4f98b2Z0LvMuBCbyC8H3g5N6rwDVL/HShLkG4gbsSsHcgVOAELkFBTKGpAUMCkYEzKS8wkNDyDIg1LU8DCXyw4UrLMxDT8gzgSMszMKDlGUhoeUhG48+CNS3PzFSX58xNl+fMS5eXj1gulBxVefn0vWqgV1meei2S60OVp36prrXn5UFWN7EDR9ZDaAWuqQ8i7rR14PT3qoCduVfkofcbSgF3F8M3eGRWyDk55KYAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: 24px auto;
  vertical-align: middle;
}

.icon_exclamation-red {
  display: flex;
}
.icon_exclamation-red:before {
  content: "";
  display: block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE0N0I0NjY5Mzk0MTExRThBMTU1RDBERDVEQjQ5Q0E4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE0N0I0NjZBMzk0MTExRThBMTU1RDBERDVEQjQ5Q0E4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTQ3QjQ2NjczOTQxMTFFOEExNTVEMERENURCNDlDQTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ3QjQ2NjgzOTQxMTFFOEExNTVEMERENURCNDlDQTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4wNrjhAAADV0lEQVR42syZS2hTQRSG761ZJl200QaKYBc+wS4s2ipdWZci4sJXRdTYVFCMSn2AurIuFCLWXaIWQYuPhUJxaXZFA74gQlu7EoqgBluwWabEf+DEjoeT69ybmxsPfLTeYeb8nTOPc0b7ndVY6yqXHdtDNYy9EfSBbWANWAnC1FYEs2AGvAZZ8MmLE9vlDCoBCRAHG1z6mgT3QYb+AKMZbDIcXM10EnwBKQ/iLOqTojGSptEzEbga5MBt0OrDsmulsXI0dk0h3gnGQLPQNgeeggkK36wWujCtSTVrvWAfaBHGWAAHEeaXXgT2gwdCKApghNZSwXDWltPaTdLvupXAUYh85EbgLvAcLGPfR8Fl8M1jeGPgOjjGvi+CPRA5biJwLXgLIuz7RXDTp+PvArghhHszRH522iQhWnNc3AkDcWWGk6mxBtk35XPsvW2HnASeVEcT+3YepOtwiWRo7L8uFnCqWojDdEbpR8k9MGDokM+abdjvLjiu/fsnWIVQF/kMJpg4tUOvBnAdXwE/2DmZkEIcZx1HatitbpKF7/hxh32Oc4Gd7PqaozUSlGXI559rEZulUxe4nXV44uIQ9mMWC+RTtz5dYA9rnGhAash99ugC1wupUdDGfa7TBbazxq8NEMh9tusCI8K1E7QtCDeLccLaMGtyUh+wiVFscop/wCbug4rAaaF+CNq4z2ldYI419nqpEBlujfvM6QKzrHE/iAY1dbjWouRTt6wuMM8OyhYhoaynDbKiahLXX54fM6Os02nQ5sKJm4xan7028mVJWnSBaUoWK7YCDAcwe8PkS8+k0pLAoiBIZbpDdRQ3xLJpZdcq2bRU1YVo93QJayRjEGI3Kf+AMOZHsAUCS9WKphIV7PxmUVN+zsdj5qwgTs3aAV1ctbtY1aWHqJjWLUVFVKyGkMZojFtC4d7Pa2KnZEFV+EcEkXE6ki65PCej1Ccv1D6L9PQx7uXxaDd4aC09TFqsPHzGHo9+UVszezzaW+VlTIX1MMS98Pq6pUy9nj4Gm3zewR9ozc2YpFtOpgboBmfAvA/C5mmsbhrbqlVgZXerOrmDzq4pD8KmqG8HjVUyykBqeOVXj+g7wFZr6RE9oiWblUf0N+CVVeUR/V9v1Pb//t8QvwUYAHzC4DVmjOI6AAAAAElFTkSuQmCC") no-repeat 0 0;
  background-size: contain;
  width: 1.8em;
  height: 1em;
}

.star {
  fill: #ddd;
}

#half .stop1 {
  stop-color: #ffbf00;
}
#half .stop2 {
  stop-color: #ddd;
}

._rate00 .star {
  fill: #ddd;
}

._rate05 .star:nth-child(1) {
  fill: url(#half);
}

._rate10 .star:nth-child(1) {
  fill: #ffbf00;
}

._rate15 .star:nth-child(1) {
  fill: #ffbf00;
}
._rate15 .star:nth-child(2) {
  fill: url(#half);
}

._rate20 .star:nth-child(1),
._rate20 .star:nth-child(2) {
  fill: #ffbf00;
}

._rate25 .star:nth-child(1),
._rate25 .star:nth-child(2) {
  fill: #ffbf00;
}
._rate25 .star:nth-child(3) {
  fill: url(#half);
}

._rate30 .star:nth-child(1),
._rate30 .star:nth-child(2),
._rate30 .star:nth-child(3) {
  fill: #ffbf00;
}

._rate35 .star:nth-child(1),
._rate35 .star:nth-child(2),
._rate35 .star:nth-child(3) {
  fill: #ffbf00;
}
._rate35 .star:nth-child(4) {
  fill: url(#half);
}

._rate40 .star:nth-child(1),
._rate40 .star:nth-child(2),
._rate40 .star:nth-child(3),
._rate40 .star:nth-child(4) {
  fill: #ffbf00;
}

._rate45 .star:nth-child(1),
._rate45 .star:nth-child(2),
._rate45 .star:nth-child(3),
._rate45 .star:nth-child(4) {
  fill: #ffbf00;
}
._rate45 .star:nth-child(5) {
  fill: url(#half);
}

._rate50 .star {
  fill: #ffbf00;
}

.category_inner input[type=reset],
.frontBehind10 input[type=reset],
.change-modal input[type=reset] {
  border: none;
  background-color: #FFF;
  color: #666;
  -webkit-appearance: none;
          appearance: none;
}
.category_inner input[type=radio], .category_inner input[type=checkbox],
.frontBehind10 input[type=radio],
.frontBehind10 input[type=checkbox],
.change-modal input[type=radio],
.change-modal input[type=checkbox] {
  display: none;
  margin: 0;
}
.category_inner input[type=radio] + label, .category_inner input[type=checkbox] + label,
.frontBehind10 input[type=radio] + label,
.frontBehind10 input[type=checkbox] + label,
.change-modal input[type=radio] + label,
.change-modal input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.category_inner input[type=checkbox] + label,
.frontBehind10 input[type=checkbox] + label,
.change-modal input[type=checkbox] + label {
  width: 100%;
  text-align: center;
}
.category_inner input[type=radio] + label,
.frontBehind10 input[type=radio] + label,
.change-modal input[type=radio] + label {
  padding: 0 0 0 25px;
  width: 90%;
}
.category_inner input[type=radio] + label::before,
.frontBehind10 input[type=radio] + label::before,
.change-modal input[type=radio] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-radius: 30px;
  border: 1px solid #CCC;
  background-color: #FFF;
}
.category_inner input[type=radio]:checked + label::after,
.frontBehind10 input[type=radio]:checked + label::after,
.change-modal input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  display: block;
}
.category_inner input[type=radio]:checked + label::after, .category_inner input[type=radio]:checked + label.select::after,
.frontBehind10 input[type=radio]:checked + label::after,
.frontBehind10 input[type=radio]:checked + label.select::after,
.change-modal input[type=radio]:checked + label::after,
.change-modal input[type=radio]:checked + label.select::after {
  left: 4px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: #4CAB4F;
  border-radius: 24px;
}

.my_canceled_list input[type=reset] {
  border: none;
  background-color: #FFF;
  color: #666;
  -webkit-appearance: none;
          appearance: none;
}
.my_canceled_list input[type=radio], .my_canceled_list input[type=checkbox] {
  display: none;
  margin: 0;
}
.my_canceled_list input[type=radio] + label, .my_canceled_list input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.my_canceled_list input[type=checkbox] + label {
  width: 100%;
  text-align: center;
}
.my_canceled_list input[type=radio] + label {
  padding: 0 0 0 25px;
  width: 90%;
}
.my_canceled_list input[type=radio] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-radius: 30px;
  border: 1px solid #CCC;
  background-color: #FFF;
}
.my_canceled_list input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  display: block;
}
.my_canceled_list input[type=radio]:checked + label::after, .my_canceled_list input[type=radio]:checked + label.select::after {
  left: 4px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: #4CAB4F;
  border-radius: 24px;
}

.checked_green {
  background-color: #4CAB4F;
  color: #FFF;
  border: 1px solid transparent;
  font-weight: bold;
}

.checked_orange {
  background-color: #f28592;
  color: #FFF;
  border: 1px solid transparent;
  font-weight: bold;
}

.textarea-canceled {
  background-color: #FFF;
  border: 1px solid #999;
  border-radius: 6px;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.5);
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
}
.textarea-canceled.is-over {
  background-color: #fceaf0;
}

button[class^=btn-] {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
          appearance: none;
}

.btn-primary,
a.btn-primary,
button.btn-primary {
  background-color: #1e6bcb;
  border-radius: 4px;
  box-shadow: 0 3px 0 #034CA2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1.25;
  text-align: center;
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 40px;
}
.btn-primary > img, .btn-primary svg,
a.btn-primary > img,
a.btn-primary svg,
button.btn-primary > img,
button.btn-primary svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-primary > svg,
a.btn-primary > svg,
button.btn-primary > svg {
  fill: #fff;
}
.btn-primary.disabled, .btn-primary:disabled,
a.btn-primary.disabled,
a.btn-primary:disabled,
button.btn-primary.disabled,
button.btn-primary:disabled {
  background-color: #ccc;
  box-shadow: 0 3px 0 #ccc;
  color: #eee;
}
.btn-primary.disabled > svg, .btn-primary:disabled > svg,
a.btn-primary.disabled > svg,
a.btn-primary:disabled > svg,
button.btn-primary.disabled > svg,
button.btn-primary:disabled > svg {
  fill: rgba(255, 255, 255, 0.5);
}

.btn-primary__small,
a.btn-primary__small,
button.btn-primary__small {
  background-color: #1e6bcb;
  border-radius: 4px;
  box-shadow: 0 3px 0 #034CA2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.25;
  text-align: center;
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 31px;
}
.btn-primary__small > img, .btn-primary__small svg,
a.btn-primary__small > img,
a.btn-primary__small svg,
button.btn-primary__small > img,
button.btn-primary__small svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-primary__small > svg,
a.btn-primary__small > svg,
button.btn-primary__small > svg {
  fill: #fff;
}
.btn-primary__small.disabled, .btn-primary__small:disabled,
a.btn-primary__small.disabled,
a.btn-primary__small:disabled,
button.btn-primary__small.disabled,
button.btn-primary__small:disabled {
  background-color: #ccc;
  box-shadow: 0 3px 0 #ccc;
  color: #eee;
}
.btn-primary__small.disabled > svg, .btn-primary__small:disabled > svg,
a.btn-primary__small.disabled > svg,
a.btn-primary__small:disabled > svg,
button.btn-primary__small.disabled > svg,
button.btn-primary__small:disabled > svg {
  fill: rgba(255, 255, 255, 0.5);
}

.btn-primary__medium,
a.btn-primary__medium,
button.btn-primary__medium {
  background-color: #1e6bcb;
  border-radius: 4px;
  box-shadow: 0 4px 0 #034CA2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.25;
  text-align: center;
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 48px;
}
.btn-primary__medium > img, .btn-primary__medium svg,
a.btn-primary__medium > img,
a.btn-primary__medium svg,
button.btn-primary__medium > img,
button.btn-primary__medium svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-primary__medium > svg,
a.btn-primary__medium > svg,
button.btn-primary__medium > svg {
  fill: #fff;
}
.btn-primary__medium.disabled, .btn-primary__medium:disabled,
a.btn-primary__medium.disabled,
a.btn-primary__medium:disabled,
button.btn-primary__medium.disabled,
button.btn-primary__medium:disabled {
  background-color: #ccc;
  box-shadow: 0 4px 0 #ccc;
  color: #eee;
}
.btn-primary__medium.disabled > svg, .btn-primary__medium:disabled > svg,
a.btn-primary__medium.disabled > svg,
a.btn-primary__medium:disabled > svg,
button.btn-primary__medium.disabled > svg,
button.btn-primary__medium:disabled > svg {
  fill: rgba(255, 255, 255, 0.5);
}

.btn-primary__large,
a.btn-primary__large,
button.btn-primary__large {
  background-color: #1e6bcb;
  border-radius: 4px;
  box-shadow: 0 4px 0 #034CA2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.25;
  text-align: center;
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 54px;
}
.btn-primary__large > img, .btn-primary__large svg,
a.btn-primary__large > img,
a.btn-primary__large svg,
button.btn-primary__large > img,
button.btn-primary__large svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-primary__large > svg,
a.btn-primary__large > svg,
button.btn-primary__large > svg {
  fill: #fff;
}
.btn-primary__large.disabled, .btn-primary__large:disabled,
a.btn-primary__large.disabled,
a.btn-primary__large:disabled,
button.btn-primary__large.disabled,
button.btn-primary__large:disabled {
  background-color: #ccc;
  box-shadow: 0 4px 0 #ccc;
  color: #eee;
}
.btn-primary__large.disabled > svg, .btn-primary__large:disabled > svg,
a.btn-primary__large.disabled > svg,
a.btn-primary__large:disabled > svg,
button.btn-primary__large.disabled > svg,
button.btn-primary__large:disabled > svg {
  fill: rgba(255, 255, 255, 0.5);
}

.btn-secondary,
a.btn-secondary,
button.btn-secondary {
  background-color: #fff;
  border: solid 1px #999;
  border-radius: 4px;
  box-shadow: 0 2px 0 #999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  line-height: 1.25;
  position: relative;
  width: 100%;
  height: 41px;
}
.btn-secondary > img, .btn-secondary svg,
a.btn-secondary > img,
a.btn-secondary svg,
button.btn-secondary > img,
button.btn-secondary svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-secondary > svg,
a.btn-secondary > svg,
button.btn-secondary > svg {
  fill: #2ea130;
}
.btn-secondary._single,
a.btn-secondary._single,
button.btn-secondary._single {
  gap: 0 8px;
}
.btn-secondary._single > img, .btn-secondary._single svg,
a.btn-secondary._single > img,
a.btn-secondary._single svg,
button.btn-secondary._single > img,
button.btn-secondary._single svg {
  position: relative;
  top: auto;
  left: auto;
}
.btn-secondary.disabled, .btn-secondary:disabled,
a.btn-secondary.disabled,
a.btn-secondary:disabled,
button.btn-secondary.disabled,
button.btn-secondary:disabled {
  border-color: #ccc;
  color: #ccc;
  box-shadow: none;
  height: 43px;
}
@media screen and (max-width: 320px) {
  .btn-secondary,
  a.btn-secondary,
  button.btn-secondary {
    font-size: 12px;
  }
}

.btn-secondary__small,
a.btn-secondary__small,
button.btn-secondary__small {
  background-color: #fff;
  border: solid 1px #999;
  border-radius: 4px;
  box-shadow: 0 2px 0 #999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  line-height: 1.25;
  position: relative;
  width: 100%;
  height: 32px;
}
.btn-secondary__small > img, .btn-secondary__small svg,
a.btn-secondary__small > img,
a.btn-secondary__small svg,
button.btn-secondary__small > img,
button.btn-secondary__small svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-secondary__small > svg,
a.btn-secondary__small > svg,
button.btn-secondary__small > svg {
  fill: #2ea130;
}
.btn-secondary__small._single,
a.btn-secondary__small._single,
button.btn-secondary__small._single {
  gap: 0 8px;
}
.btn-secondary__small._single > img, .btn-secondary__small._single svg,
a.btn-secondary__small._single > img,
a.btn-secondary__small._single svg,
button.btn-secondary__small._single > img,
button.btn-secondary__small._single svg {
  position: relative;
  top: auto;
  left: auto;
}
.btn-secondary__small.disabled, .btn-secondary__small:disabled,
a.btn-secondary__small.disabled,
a.btn-secondary__small:disabled,
button.btn-secondary__small.disabled,
button.btn-secondary__small:disabled {
  border-color: #ccc;
  color: #ccc;
  box-shadow: none;
  height: 34px;
}
.btn-secondary__small > img,
a.btn-secondary__small > img,
button.btn-secondary__small > img {
  width: 16px;
  height: auto;
  top: calc(50% - 8px);
  left: 4px;
}

.btn-secondary__smallNarrow,
a.btn-secondary__smallNarrow,
button.btn-secondary__smallNarrow {
  white-space: nowrap;
  background-color: #fff;
  border: solid 1px #999;
  border-radius: 4px;
  box-shadow: 0 2px 0 #999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  line-height: 1.25;
  position: relative;
  width: 100%;
  height: 32px;
}
.btn-secondary__smallNarrow > img, .btn-secondary__smallNarrow svg,
a.btn-secondary__smallNarrow > img,
a.btn-secondary__smallNarrow svg,
button.btn-secondary__smallNarrow > img,
button.btn-secondary__smallNarrow svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-secondary__smallNarrow > svg,
a.btn-secondary__smallNarrow > svg,
button.btn-secondary__smallNarrow > svg {
  fill: #2ea130;
}
.btn-secondary__smallNarrow._single,
a.btn-secondary__smallNarrow._single,
button.btn-secondary__smallNarrow._single {
  gap: 0 8px;
}
.btn-secondary__smallNarrow._single > img, .btn-secondary__smallNarrow._single svg,
a.btn-secondary__smallNarrow._single > img,
a.btn-secondary__smallNarrow._single svg,
button.btn-secondary__smallNarrow._single > img,
button.btn-secondary__smallNarrow._single svg {
  position: relative;
  top: auto;
  left: auto;
}
.btn-secondary__smallNarrow.disabled, .btn-secondary__smallNarrow:disabled,
a.btn-secondary__smallNarrow.disabled,
a.btn-secondary__smallNarrow:disabled,
button.btn-secondary__smallNarrow.disabled,
button.btn-secondary__smallNarrow:disabled {
  border-color: #ccc;
  color: #ccc;
  box-shadow: none;
  height: 34px;
}
.btn-secondary__smallNarrow > img,
a.btn-secondary__smallNarrow > img,
button.btn-secondary__smallNarrow > img {
  width: 16px;
  height: auto;
  top: calc(50% - 8px);
  left: 4px;
}

.btn-secondary__medium,
a.btn-secondary__medium,
button.btn-secondary__medium {
  background-color: #fff;
  border: solid 1px #999;
  border-radius: 4px;
  box-shadow: 0 3px 0 #999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 1.25;
  position: relative;
  width: 100%;
  height: 49px;
}
.btn-secondary__medium > img, .btn-secondary__medium svg,
a.btn-secondary__medium > img,
a.btn-secondary__medium svg,
button.btn-secondary__medium > img,
button.btn-secondary__medium svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-secondary__medium > svg,
a.btn-secondary__medium > svg,
button.btn-secondary__medium > svg {
  fill: #2ea130;
}
.btn-secondary__medium._single,
a.btn-secondary__medium._single,
button.btn-secondary__medium._single {
  gap: 0 8px;
}
.btn-secondary__medium._single > img, .btn-secondary__medium._single svg,
a.btn-secondary__medium._single > img,
a.btn-secondary__medium._single svg,
button.btn-secondary__medium._single > img,
button.btn-secondary__medium._single svg {
  position: relative;
  top: auto;
  left: auto;
}
.btn-secondary__medium.disabled, .btn-secondary__medium:disabled,
a.btn-secondary__medium.disabled,
a.btn-secondary__medium:disabled,
button.btn-secondary__medium.disabled,
button.btn-secondary__medium:disabled {
  border-color: #ccc;
  color: #ccc;
  box-shadow: none;
  height: 52px;
}

.btn-secondary__large,
a.btn-secondary__large,
button.btn-secondary__large {
  background-color: #fff;
  border: solid 1px #999;
  border-radius: 4px;
  box-shadow: 0 3px 0 #999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 1.25;
  position: relative;
  width: 100%;
  height: 55px;
}
.btn-secondary__large > img, .btn-secondary__large svg,
a.btn-secondary__large > img,
a.btn-secondary__large svg,
button.btn-secondary__large > img,
button.btn-secondary__large svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-secondary__large > svg,
a.btn-secondary__large > svg,
button.btn-secondary__large > svg {
  fill: #2ea130;
}
.btn-secondary__large._single,
a.btn-secondary__large._single,
button.btn-secondary__large._single {
  gap: 0 8px;
}
.btn-secondary__large._single > img, .btn-secondary__large._single svg,
a.btn-secondary__large._single > img,
a.btn-secondary__large._single svg,
button.btn-secondary__large._single > img,
button.btn-secondary__large._single svg {
  position: relative;
  top: auto;
  left: auto;
}
.btn-secondary__large.disabled, .btn-secondary__large:disabled,
a.btn-secondary__large.disabled,
a.btn-secondary__large:disabled,
button.btn-secondary__large.disabled,
button.btn-secondary__large:disabled {
  border-color: #ccc;
  color: #ccc;
  box-shadow: none;
  height: 58px;
}

.btn-normally,
a.btn-normally,
button.btn-normally {
  background-color: #eee;
  border: solid 1px #999;
  border-radius: 4px;
  box-shadow: 0 2px 0 #999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  line-height: 1.25;
  text-align: center;
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 41px;
}
.btn-normally > img, .btn-normally svg,
a.btn-normally > img,
a.btn-normally svg,
button.btn-normally > img,
button.btn-normally svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-normally > svg,
a.btn-normally > svg,
button.btn-normally > svg {
  fill: #2ea130;
}
.btn-normally.disabled, .btn-normally:disabled,
a.btn-normally.disabled,
a.btn-normally:disabled,
button.btn-normally.disabled,
button.btn-normally:disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #ccc;
  box-shadow: none;
  height: 43px;
}
@media screen and (max-width: 320px) {
  .btn-normally,
  a.btn-normally,
  button.btn-normally {
    font-size: 12px;
  }
}

.btn-normally__small,
a.btn-normally__small,
button.btn-normally__small {
  background-color: #eee;
  border: solid 1px #999;
  border-radius: 4px;
  box-shadow: 0 2px 0 #999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  line-height: 1.25;
  text-align: center;
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 32px;
}
.btn-normally__small > img, .btn-normally__small svg,
a.btn-normally__small > img,
a.btn-normally__small svg,
button.btn-normally__small > img,
button.btn-normally__small svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-normally__small > svg,
a.btn-normally__small > svg,
button.btn-normally__small > svg {
  fill: #2ea130;
}
.btn-normally__small.disabled, .btn-normally__small:disabled,
a.btn-normally__small.disabled,
a.btn-normally__small:disabled,
button.btn-normally__small.disabled,
button.btn-normally__small:disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #ccc;
  box-shadow: none;
  height: 34px;
}

.btn-normally__medium,
a.btn-normally__medium,
button.btn-normally__medium {
  background-color: #eee;
  border: solid 1px #999;
  border-radius: 4px;
  box-shadow: 0 3px 0 #999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 1.25;
  text-align: center;
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 49px;
}
.btn-normally__medium > img, .btn-normally__medium svg,
a.btn-normally__medium > img,
a.btn-normally__medium svg,
button.btn-normally__medium > img,
button.btn-normally__medium svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-normally__medium > svg,
a.btn-normally__medium > svg,
button.btn-normally__medium > svg {
  fill: #2ea130;
}
.btn-normally__medium.disabled, .btn-normally__medium:disabled,
a.btn-normally__medium.disabled,
a.btn-normally__medium:disabled,
button.btn-normally__medium.disabled,
button.btn-normally__medium:disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #ccc;
  box-shadow: none;
  height: 52px;
}

.btn-normally__large,
a.btn-normally__large,
button.btn-normally__large {
  background-color: #eee;
  border: solid 1px #999;
  border-radius: 4px;
  box-shadow: 0 3px 0 #999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 1.25;
  text-align: center;
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 55px;
}
.btn-normally__large > img, .btn-normally__large svg,
a.btn-normally__large > img,
a.btn-normally__large svg,
button.btn-normally__large > img,
button.btn-normally__large svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
}
.btn-normally__large > svg,
a.btn-normally__large > svg,
button.btn-normally__large > svg {
  fill: #2ea130;
}
.btn-normally__large.disabled, .btn-normally__large:disabled,
a.btn-normally__large.disabled,
a.btn-normally__large:disabled,
button.btn-normally__large.disabled,
button.btn-normally__large:disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #ccc;
  box-shadow: none;
  height: 58px;
}

.btn-layout__half {
  display: flex;
  gap: 0 12px;
  justify-content: space-between;
}
.btn-layout__half > *[class^=btn-] {
  max-width: calc(50% - 5px);
}
.btn-layout__half > *[class^=btn-] + *[class^=btn-] {
  margin-top: 0;
}
.btn-layout__half._hasIcon > *[class^=btn-] {
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
}

*[class^=btn-] + *[class^=btn-] {
  margin-top: 16px;
}

*[class^=btn-] + *[class*=__large] {
  margin-top: 24px;
}

*[class*=__large] + *[class^=btn-] {
  margin-top: 24px;
}

.btn-secondary.btn-with_iconPlus:not(.dn) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-secondary.btn-with_iconPlus:not(.dn) > span {
  font-weight: normal;
}
.btn-secondary.btn-with_iconPlus:not(.dn) > img {
  width: 14px;
  height: auto;
  position: relative;
  top: auto;
  left: auto;
  margin-inline: 8px;
}

*[class^=btn-primary]._arrow::after {
  content: "";
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  position: absolute;
  top: calc(50% - 4px);
  right: 12px;
}

*[class^=btn-secondary]._arrow::after {
  content: "";
  display: block;
  border-top: solid 4px #999;
  border-right: solid 4px #999;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 4.5px);
  right: 12px;
  left: auto;
}

*[class^=btn-]._withPlus > span {
  display: flex;
  align-items: center;
  gap: 0 8px;
}
*[class^=btn-]._withPlus > span::before, *[class^=btn-]._withPlus > span::after {
  content: "";
  background-color: #2EA130;
  display: block;
  width: 14px;
  height: 3px;
}
*[class^=btn-]._withPlus > span::after {
  position: absolute;
  transform: rotate(90deg);
}
*[class^=btn-]._withPlus:disabled > span::before, *[class^=btn-]._withPlus:disabled > span::after {
  background-color: #CCC;
}

*[class^=btn-]._hasIcon {
  display: flex;
  align-items: center;
  gap: 0 8px;
}
*[class^=btn-]._hasIcon img {
  position: relative;
  top: auto;
  left: auto;
}

.jgBtn {
  display: block;
  -webkit-appearance: none;
          appearance: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  font-weight: bold;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
}
.jgBtn.fs14 {
  font-size: 14px;
}
.jgBtn.fs16 {
  font-size: 16px;
}
.jgBtn.jgBtn-noShadow {
  box-shadow: none;
}
.jgBtn > a {
  display: block;
}

[class*=jgBtn_arrow],
[class*=jgBtn_plus],
[class*=jgBtn_minus] {
  padding-right: 16px;
}
[class*=jgBtn_arrow]:after,
[class*=jgBtn_plus]:after,
[class*=jgBtn_minus]:after {
  content: "";
  display: block;
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  width: 16px;
  height: 12px;
  background-size: 320px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 10px;
}

.jgBtn_blue {
  border: 1px solid #1E6BCB;
  border-bottom: 1px solid #0c4ea0;
  color: #FFF !important;
  text-align: center;
  background-color: #1E6BCB;
  border-radius: 4px;
  box-shadow: 0 3px 0 #0c4ea0;
  cursor: pointer;
}
.jgBtn_blue:active, .jgBtn_blue.on {
  border: 1px solid #034CA2;
  border-bottom: 1px solid #034CA2;
  background-color: #034CA2;
  box-shadow: 0 3px 0 #0a3e7b inset;
}
.jgBtn_blue[class*=jgBtn_arrow]:after {
  background-position: 1px -114px;
}
.jgBtn_blue.jgBtn_arrowDown:after {
  transform: rotate(0deg);
}
.jgBtn_blue.jgBtn_arrowRight:after {
  transform: rotate(270deg);
}
.jgBtn_blue.jgBtn_arrowTop:after {
  transform: rotate(180deg);
}
.jgBtn_blue.jgBtn_arrowLeft:after {
  transform: rotate(90deg);
}
.jgBtn_blue.is-disabled {
  background-color: #8dabd8;
  border: 1px solid #8dabd8;
  box-shadow: none;
  cursor: default;
}

.jgBtn_gray {
  border: 1px solid #999;
  color: #333 !important;
  border-radius: 4px;
  text-align: center;
  box-shadow: 0 3px 0 #999;
  background-color: #EEE;
}
.jgBtn_gray:active, .jgBtn_gray.on {
  background-color: #e6e6e6;
  box-shadow: 0 3px 0 #999 inset;
}
.jgBtn_gray:after {
  background-position: 1px -127px;
}
.jgBtn_gray[class*=jgBtn_arrowGreen]:after {
  background-position: 1px 0px;
  width: 12px;
  height: 14px;
}
.jgBtn_gray[class*=jgBtn_plusGreenRight] {
  padding-right: 0px;
  padding-left: 16px;
}
.jgBtn_gray[class*=jgBtn_plusGreenRight]:after {
  background-position: 1px -37px;
  width: 18px;
  height: 18px;
  left: 10px;
}
.jgBtn_gray[class*=jgBtn_minusGreenRight] {
  padding-right: 0px;
  padding-left: 16px;
}
.jgBtn_gray[class*=jgBtn_minusGreenRight]:after {
  background-position: 1px -55px;
  width: 18px;
  height: 18px;
  left: 10px;
}
.jgBtn_gray.jgBtn_arrowDown:after {
  transform: rotate(0deg);
}
.jgBtn_gray.jgBtn_arrowRight:after {
  transform: rotate(270deg);
}
.jgBtn_gray.jgBtn_arrowTop:after {
  transform: rotate(180deg);
}
.jgBtn_gray.jgBtn_arrowLeft:after {
  transform: rotate(90deg);
}

.jgBtn_white {
  border: 1px solid #999;
  color: #333 !important;
  border-radius: 4px;
  text-align: center;
  box-shadow: 0 3px 0 #999;
  background-color: #FFF;
}
.jgBtn_white:active, .jgBtn_white.on {
  background-color: #EEE;
  box-shadow: 0 3px 0 #999 inset;
}
.jgBtn_white:after {
  background-position: 1px -127px;
}
.jgBtn_white.jgBtn_arrowDown:after {
  transform: rotate(0deg);
}
.jgBtn_white.jgBtn_arrowRight:after {
  transform: rotate(270deg);
}
.jgBtn_white.jgBtn_arrowTop:after {
  transform: rotate(180deg);
}
.jgBtn_white.jgBtn_arrowLeft:after {
  transform: rotate(90deg);
}
.jgBtn_white.jgBtn-plus_g, .jgBtn_white.jgBtn-minus_g {
  text-align: left;
  padding: 0 0 0 35px;
}
.jgBtn_white.jgBtn-plus_g:before, .jgBtn_white.jgBtn-minus_g:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px;
  content: "";
  display: block;
  height: 16px;
  left: 10px;
  margin-top: -0.5rem;
  position: absolute;
  top: 50%;
  width: 16px;
}
.jgBtn_white.jgBtn-plus_g:before {
  background-position: 0px -37px;
}
.jgBtn_white.jgBtn-minus_g:before {
  background-position: 0px -56px;
}

.jgBtn_orange {
  border: 1px solid #FA8131;
  color: #666 !important;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 3px 0 #FA8131;
  background-color: #fdf3eb;
}
.jgBtn_orange:hover {
  color: #fa8234;
}
.jgBtn_orange:active, .jgBtn_orange.on {
  background-color: #f5dbc6;
  color: #fc6400;
  box-shadow: 0 3px 0 #FA8131 inset;
}

.jgBtn_disable {
  background-color: #FFF;
  border: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: none;
  color: #CCC !important;
  text-align: center;
}
.jgBtn_disable:after {
  background-position: -15px -127px;
}
.jgBtn_disable.jgBtn_arrowRight:after {
  transform: rotate(270deg);
}
.jgBtn_disable.jgBtn_arrowLeft:after {
  transform: rotate(90deg);
}

.jgBtn_l {
  height: 40px;
  line-height: 40px;
}

.jgBtn_m {
  height: 35px;
  line-height: 35px;
}

.jgBtn_s {
  height: 30px;
  line-height: 30px;
}

/*
.jgBtnGroup {
  width: 300px;
  font-size: 0; //inline-blockの隙間を無くすため(胡散臭い)
  height: 30px;
  display: block;
  text-align: center;

  &._col2 .jgBtnGroup-list {
    width: 150px;
  }

  &._col3 .jgBtnGroup-list {
    width: 100px;
  }

  &._col4 .jgBtnGroup-list {
    width: 75px;
  }
}

.jgBtnGroup-list {
  border: 1px solid variable.$c_lightGray;
  font-size: 12px;
  background-color: variable.$c_lighterGray;
  line-height: 30px;
  display: inline-block;
  border: 1px solid variable.$c_lightGray;
  border-left: none;
  box-sizing: border-box;

  &:first-child {
    border-left: 1px solid variable.$c_lightGray;
    border-radius: 4px 0px 0px 4px;
  }

  &:last-child {
    border-radius: 0px 4px 4px 0px;
  }

  &.active {
    background-color: variable.$c_green;
    box-shadow: 0px 4px 0px 0px variable.$c_deepGreen inset;
    color: variable.$c_white;
  }
}
*/
/*
.jgBtnGroupL {
  width: 311px;
  font-size: 0;
  display: block;
  text-align: center;
  box-shadow: 0 3px 0 variable.$c_dullGray;
  border-radius: 4px;

  &._col2 .jgBtnGroupL-list {
    border-radius: 4px 0 0 4px;

    &:first-child {
      border-radius: 4px 0 0 4px;
      border-left: 1px solid variable.$c_dullGray;
    }

    &:last-child {
      border-radius: 0 4px 4px 0;
    }
  }

  &._col4 .jgBtnGroupL-list {
    &:first-child {
      border-radius: 4px 0 0 0;
      border-left: 1px solid variable.$c_dullGray;
    }

    &:nth-child(2) {
      border-radius: 0 4px 0 0;
    }

    &:nth-child(3) {
      border-radius: 0 0 0 4px;
      border-left: 1px solid variable.$c_dullGray;
      border-top: none;
    }

    &:last-child {
      border-radius: 0 0 4px 0;
      border-top: none;
    }
  }

  &._col4 .jgBtnGroupL-list {
    width: 155px;
  }
}

.jgBtnGroupL-list {
  height: 40px;
  width: 155px;
  border: 1px solid variable.$c_dullGray;
  font-size: 14px;
  font-weight: bold;
  background-color: variable.$c_white;
  line-height: 38px;
  display: inline-block;
  border-left: none;
  box-sizing: border-box;

  &.active {
    background-color: #2ea130;
    box-shadow: 0px 4px 0px 0px variable.$c_green inset;
    color: variable.$c_white;
  }
}
*/
.pagerWrapper,
.pagerWrapper_top {
  margin: 15px 20px 20px;
}
.pagerWrapper .pager,
.pagerWrapper_top .pager {
  height: 42px;
  position: relative;
  text-align: center;
}
.pagerWrapper .pager .pager-number,
.pagerWrapper_top .pager .pager-number {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.pagerWrapper .pager .pager-btn,
.pagerWrapper_top .pager .pager-btn {
  display: inline-block;
}
.pagerWrapper .pager .pager-btn .pager-btn_link,
.pagerWrapper_top .pager .pager-btn .pager-btn_link {
  height: 39px;
  line-height: 39px;
  width: 68px;
}
.pagerWrapper .pager .pager-btn .pager-btn_link a:link, .pagerWrapper .pager .pager-btn .pager-btn_link a:visited, .pagerWrapper .pager .pager-btn .pager-btn_link a:hover,
.pagerWrapper .pager .pager-btn .pager-btn_link a a:active,
.pagerWrapper_top .pager .pager-btn .pager-btn_link a:link,
.pagerWrapper_top .pager .pager-btn .pager-btn_link a:visited,
.pagerWrapper_top .pager .pager-btn .pager-btn_link a:hover,
.pagerWrapper_top .pager .pager-btn .pager-btn_link a a:active {
  color: #333;
}
.pagerWrapper .pager .pager-btn:first-child,
.pagerWrapper_top .pager .pager-btn:first-child {
  position: absolute;
  left: 0;
}
.pagerWrapper .pager .pager-btn:first-child .pager-btn_link,
.pagerWrapper_top .pager .pager-btn:first-child .pager-btn_link {
  padding: 0 0 0 16px;
}
.pagerWrapper .pager .pager-btn:first-child :after,
.pagerWrapper_top .pager .pager-btn:first-child :after {
  left: 6px;
  margin-top: -6px;
}
.pagerWrapper .pager .pager-btn:last-child,
.pagerWrapper_top .pager .pager-btn:last-child {
  position: absolute;
  right: 0;
}
.pagerWrapper .pager .pager-btn:last-child .pager-btn_link,
.pagerWrapper_top .pager .pager-btn:last-child .pager-btn_link {
  padding: 0 16px 0 0;
}
.pagerWrapper .pager .pager-btn:last-child :after,
.pagerWrapper_top .pager .pager-btn:last-child :after {
  right: 6px;
  margin-top: -6px;
}
.pagerWrapper._link,
.pagerWrapper_top._link {
  margin: 15px 10px 20px 10px;
}
.pagerWrapper._link .pager-number-wrap,
.pagerWrapper_top._link .pager-number-wrap {
  display: inline-block;
  height: 38px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 205px;
}
.pagerWrapper._link .pager-scroll,
.pagerWrapper_top._link .pager-scroll {
  height: 38px;
  position: absolute;
  transition: transform 0.2s;
  white-space: nowrap;
}
.pagerWrapper._link .pager-number,
.pagerWrapper_top._link .pager-number {
  margin-left: 10px;
  transform: none;
  top: 8px;
}
.pagerWrapper._link .pager-number:first-child,
.pagerWrapper_top._link .pager-number:first-child {
  margin-left: 5px;
}
.pagerWrapper._link .pager-number:nth-child(6n),
.pagerWrapper_top._link .pager-number:nth-child(6n) {
  margin-left: 10px;
}
.pagerWrapper._link .pager-number a,
.pagerWrapper_top._link .pager-number a {
  font-weight: bold;
  display: inline-block;
  padding: 5px 0px;
  text-align: center;
  width: 28px;
}
.pagerWrapper._link .pager-number a:link, .pagerWrapper._link .pager-number a:visited, .pagerWrapper._link .pager-number a:active,
.pagerWrapper_top._link .pager-number a:link,
.pagerWrapper_top._link .pager-number a:visited,
.pagerWrapper_top._link .pager-number a:active {
  color: #333;
}
.pagerWrapper._link .pager-number._active a,
.pagerWrapper_top._link .pager-number._active a {
  background-color: #2EA130;
  border-radius: 4px;
  color: #FFF;
}
.pagerWrapper._link .pager-btn .pager-btn_link,
.pagerWrapper_top._link .pager-btn .pager-btn_link {
  height: 40px;
  width: 40px;
}
.pagerWrapper._link .pager-btn:first-child :after,
.pagerWrapper_top._link .pager-btn:first-child :after {
  left: 50%;
  margin: -6px 0 0 -8px;
}
.pagerWrapper._link .pager-btn:last-child :after,
.pagerWrapper_top._link .pager-btn:last-child :after {
  left: 50%;
  margin: -6px 0 0 -8px;
}

.pagerWrapper_top {
  margin: 20px 10px 15px;
}

.jgH1, .jgH1_pink {
  border-left: 5px solid #2EA130;
  line-height: 1.4em;
  display: block;
  padding: 5px 0px 5px 8px;
  font-size: 16px;
  font-weight: bold;
}
.jgH1_pink {
  border-left-color: #EF546B;
}

.jgH2 {
  border-left: 16px solid #3B860D;
  display: block;
  padding: 0 0px 0 5px;
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
}

.jgH3, .jgH3_pink {
  background-color: #E7F7DD;
  padding: 9px 10px 6px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #3B860D;
  display: block;
  box-sizing: border-box;
  line-height: 1.4em;
}
.jgH3_pink {
  color: #FFF;
  background-color: #EF546B;
}

.jgH4 {
  display: inline-block;
  padding: 2.5px 0px 2.5px 8px;
  border-left: 5px solid #2EA130;
  color: #3B860D;
  font-weight: bold;
}

.border-title_left_8x {
  border-left: 8px solid #2EA130;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding-left: 5px;
}

.jgClubTitle {
  font-size: 16px;
  font-weight: bold;
  color: #3B860D;
  line-height: 1.2;
  padding: 10px;
  border-top: 5px solid #3B860D;
}

.jgIconHeadline_golfcourse {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  display: block;
}
.jgIconHeadline_golfcourse:before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 34px;
  height: 34px;
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -152px -256px;
  margin-top: -4px;
}

.jgHeadline_icon_left {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0 10px 10px;
  min-height: 34px;
  padding: 0 10px 0 35px;
  position: relative;
}
.jgHeadline_icon_left:before {
  content: "";
  height: 34px;
  left: 0;
  position: absolute;
  width: 34px;
}
.jgHeadline_icon_left.jgHeadline_icon_golfer {
  margin-left: 5px;
}
.jgHeadline_icon_left.jgHeadline_icon_golfer:before {
  background-image: url("../../../site/sp/img/parts/ic_golfer.png");
  background-repeat: no-repeat;
  background-size: 34px;
}
.jgHeadline_icon_left.jgHeadline_icon_area:before {
  background-image: url("../../../site/sp/img/parts/ic_area.png");
  background-repeat: no-repeat;
  background-size: 34px;
}
.jgHeadline_icon_left.jgHeadline_icon_golfcourse:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -152px -256px;
  background-repeat: no-repeat;
}

.jgHeadline_icon_left_sm {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  min-height: 34px;
  padding: 0 10px 0 30px;
  position: relative;
}
.jgHeadline_icon_left_sm:before {
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 28px;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_flag:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -202px -291px;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_flagball:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -200px -263px;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_tileFlag:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -231px -263px;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_ribbon:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -118px -291px;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_hand:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -147px -292px;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_crown:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -177px -291px;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_book:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -230px -292px;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_questionnaire:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAwBAMAAACcS1XvAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURUdwTC6iMDWpNy6iMS6iMC+iMTClMy6iMS6iMC+jMi6iMDCjMi6hMKKTfokAAAAMdFJOUwCsE2PulyR1ykzgNzoIzPgAAAFCSURBVDjLpZI9S8NQFIYPpQ1IpwhuGerH4BjR0UHQRcgggrhk6KQgjoIIDiqoiBlF8A+o0A5F/APSlJbw/ijPTdJzbi93sPjQDn3anvu+94TIkKAkJwfU/MOn5pN6YCQ/tc+VPzlTbd9RHdj+cVPYsL2D14d+v8u5a5+/nhi4x9NFPqCM/fLeIWFcfd8E4vYDrZs5EX6IXyXnwB3n7Nf1+X1/ZGBRdOkb6pX9Vcyb/9M3Bxwumvr86s0QAR8pYvUjzb/QoxYcvwbcEDUynX98aWAx6dCZN3+vnXg9+vB7/MEXXyuG60ouJVOv929urtxX6fX+n7eKQSOT+behgRPGwWK1L+fc99l9Cbz1F2/O4enc+XWPM/ktr/mlb4aJnV/6bmNonyt9m9ixvfRt4cDbN0DX25dC8vad4/kUn7q6es5+Aa78Lrcz09eSAAAAAElFTkSuQmCC");
  background-size: 25px auto;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_camera:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -259px -293px;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_calendar:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -287px -293px;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_review:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -31px -351px;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_car:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -64px -292px;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_sm.jgHeadline_noicon {
  padding: 0 10px 0 0px;
}
.jgHeadline_icon_left_sm.jgHeadline_icon_history:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -262px -264px;
  background-repeat: no-repeat;
}

.jgHeadline_icon_left_md {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  min-height: 34px;
  padding: 0 10px 0 35px;
  position: relative;
}
.jgHeadline_icon_left_md:before {
  content: "";
  height: 34px;
  left: 0;
  position: absolute;
  width: 32px;
}
.jgHeadline_icon_left_md.jgHeadline_icon_cloud:before {
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  background-position: -289px -350px;
  background-repeat: no-repeat;
}
.jgHeadline_icon_left_md.jgHeadline_noicon {
  padding: 0 10px 0 0px;
}

.jgSearchCouponTitle {
  background-color: #FA8131;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  padding: 8px;
}

.list_arrow .list_left_arrow {
  padding: 10px 10px 10px 25px;
  position: relative;
}
.list_arrow .list_left_arrow:before {
  border-left: 5px solid #999;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content: "";
  left: 15px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
}

.jgLabelS {
  color: #FFF;
}

.jgLabelS-list {
  display: inline-block;
  padding: 1px 4px;
  font-size: 10px;
  font-weight: normal;
  border-radius: 2px;
  margin: 0 5px 2px 0;
}
.jgLabelS-list._red {
  background-color: #c00;
}
.jgLabelS-list._green {
  background-color: #3B860D;
}

.jgLabel {
  display: flex;
  overflow: hidden;
}
.jgLabel * {
  box-sizing: border-box;
}

.jgLabel-list {
  font-size: 12px;
  font-weight: normal;
  width: auto;
  height: auto;
  padding: 3px 3px 2px 2px;
  line-height: 1;
  margin: 0 5px 5px 0;
  border: 1px solid;
  border-radius: 4px;
}
.jgLabel-list:last-child {
  margin-right: 0;
}
.jgLabel-list.off, .jgLabel-list._off {
  border-color: #999;
  color: #999;
  background: #FFF;
}
.jgLabel-list_orange {
  border-color: #FA8131;
  color: #ea5900;
  background: #FFF;
}
.jgLabel-list_filledOrange {
  border-color: #FA8131;
  color: #FFF;
  background: #FA8131;
}
.jgLabel-list_blue {
  border-color: #5b99f6;
  color: #5b99f6;
}
.jgLabel-list_green {
  border-color: #2EA130;
  color: #2EA130;
}
.jgLabel-list_filledGreen {
  border-color: #2EA130;
  color: #FFF;
  background: #2EA130;
}
.jgLabel-list_gray {
  border: 1px solid #999;
  color: #333;
  background-color: #FFF;
}
.jgLabel-list_gray._off {
  color: #CCC;
  border: 1px solid #CCC;
}
.jgLabel-list_filledGray {
  border: 1px solid #999;
  color: #333;
  background-color: #EEE;
}
.jgLabel-list_filledGray._off {
  color: #CCC;
  border: 1px solid #CCC;
  background-color: #FFF;
}

.jgLabelL-list {
  width: 60px;
  padding: 5px 3px 5px;
  border-radius: 3px;
  text-align: center;
  font-size: 0;
  font-size: 10px;
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
}
.jgLabelL-list._orange {
  border: 1px solid #EB5C01;
  background-color: #EB5C01;
  color: #FFF;
}
.jgLabelL-list._orangeOff {
  border: 1px solid #FA8131;
  color: #FA8131;
  background-color: #FFF;
}

.reserve-label {
  color: #FFF;
  font-size: 14px;
  display: inline-block;
  padding: 6px 10px 5px 30px;
  border-radius: 20px;
  font-weight: bold;
  position: relative;
}
.reserve-label:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
  height: 11px;
  background-size: 11px auto;
  background-repeat: no-repeat;
}
.reserve-label._success {
  background-color: #0562D9;
}
.reserve-label._success:before {
  content: "";
  width: 18px;
  height: 19px;
  margin-top: -2px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAoBAMAAABgGZXtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTP///////////////////////////////////////////////////////81e3QIAAAAOdFJOUwAC+BuYM+fPrk0GX3AB6qRkPgAAALZJREFUKM9jYCAavAMColhgBGXpkSImKAgSEwQDkJigINhciOEQC/SgXErE0AAOMQzvU02My6kUXYx3xTt1dDGuvneP0MUk3r17gSbG2PfuXTFCbI0nkBB59+65AULM790BEPEuGckteu9eM7C8e/fMAEms7t27DTBlUDHGIKBRMGVQMV5JPVAYpTKi+G0SUOhZAKp/OYFiqmhhcGHfu0cB6OHCrZfKiy7Ga2mAGX4XqBYfxKUDADv38XSuHrZLAAAAAElFTkSuQmCC");
  background-size: 18px auto;
}
.reserve-label._request {
  background-color: #EB5C01;
}
.reserve-label._request:before {
  content: "";
  left: 13px;
  width: 12px;
  height: 12px;
  margin-top: -2px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAoBAMAAABgGZXtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURUdwTP///////////////////////////////xb9HQ4AAAAIdFJOUwDpDtgjwzauO0zT3gAAAFdJREFUKM9jYBhmgL0IQ4ipolUBXUy1oyMIXVlER0czmkLlDiAwQRFisQCJNTsgizl3gIEIsjIJiFhjAkIssQMKxBBiFjCxRhRbQCLobh4uYhLonh3EAABjxTUw4VVTIwAAAABJRU5ErkJggg==");
  background-size: 21px auto;
  background-position: center center;
}
.reserve-label._cancel {
  background-color: #666;
}
.reserve-label._cancel:before {
  content: "";
  margin-top: -1px;
  left: 10px;
  background-image: url("/site/img/parts/ic_close_w.png");
}
.reserve-label._green {
  background-color: #256822;
}
.reserve-label._green:before {
  content: "";
  left: 11px;
  width: 12px;
  height: 10px;
  margin-top: 0px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAJ1BMVEVHcEz///////////////////////////////////////////////8NopmKAAAADHRSTlMAziYIlh6O6cDaU1FRDHWpAAAAZUlEQVQY02NgIAWoIphslQtgTGafMwUwtsmZMw0I4YMKDAxBUGEhBgbu6clwYfYzxwygwgwcZ84kQ4UZmGTOHAuBCDMwKJ45I3PmYACYDZSACYMlwKqhEkJwZ2lUKMDZzMrE+wwAjYgiX2qIftMAAAAASUVORK5CYII=");
  background-size: 12px auto;
  background-position: center center;
}

/* grepでヒットせず
.jgTab {
  width: 100%;
  border-top: 2px solid import.$c_green;
  border-bottom: 2px solid import.$c_green;
  height: 40px;
  margin: 10px 0;
  background-color: import.$c_white;
}

.jgTab-list {
  width: 25%;
  float: left;
  text-align: center;
  height: inherit;
  padding: 14px 0;
  box-sizing: border-box;
  line-height: 1;
  font-size: 12px;
  color: import.$c_green;
  font-weight: bold;
  position: relative;
  text-decoration: none;

  &._widthL { width: 33%;}
  &._widthS { width: 17%;}

  &.active {
    background-color: import.$c_green;
    color: import.$c_white;

    &:after {
      display: none;
    }
  }

  &:not(.active) {
    &:hover {
      background-color: #EAF1E1;
    }
  }

  &:after {
    content: "";
    border-right: 1px solid import.$c_dullGray;
    right: -1px;
    position: absolute;
    height: 22px;
    top: 10px;
  }

  &:last-child {
    border-right: none;

    &:after {
      display: none;
    }
  }
}
*/
/* grepでヒットせず
.jgTabList {
  display: table;
  text-align: center;
  position: relative;
  width: 100%;

  .jgTabListItem {
    display: table-cell;
    font-size: 14px;
    height: 30px;
    width: 50%;

    .jgTabListLink {
      border: 1px solid import.$c_dullGray;
      border-bottom: none;
      border-radius: 10px 10px 0 0;
      color: import.$c_black;
      display: block;
      font-weight: bold;
      margin: 0 5px;
      line-height: 41px;
    }

    &.active {
      .jgTabListLink {
        background: import.$c_green;
        border: 1px solid import.$c_green;
        border-bottom: none;
        color: import.$c_white;
      }
    }

    &:first-child {
      .jgTabListLink {
        margin-left: 10px;
      }
    }

    &:last-child {
      .jgTabListLink {
        margin-right: 10px;
      }
    }
  }

  //アイコン付きタブ用スタイル
  &.iconTab {
    img {
      vertical-align: -6px;
    }

    .jgTabListLink {
      margin: 0 2px;
    }
  }

  &:after {
    border-bottom: 3px solid import.$c_green;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
  }

  //いろんな画面にアイコン付きタブが増えた場合用
  .mg-r6 {
    margin-right: 6px;
  }
}
*/
/* grepでヒットせず
.jgSabList {
  display: flex;
  justify-content: space-around;
  font-weight: bold;

  li {
    text-align: center;
    flex-grow: 1;

    .jgSabListBox {
      border-right: 1px solid import.$c_lightGray;
      margin-top: 16px;
      padding-bottom: 3px;
    }

    &:last-child {
      .jgSabListBox {
        border-right: none;
      }
    }
  }

  .jgSabListLink {
    color: import.$c_black;
    display: inline-block;
    height: 44px;
    width: 100%;
  }

  .jgSabListText {
    padding-bottom: 5px;

    &.current {
      border-bottom: 4px solid #2ea130;
      color: #2ea130;
    }
  }
}
*/
/*
.jgProgressBar {
  width: 100%;
  height: 40px;
  text-align: center;
  box-sizing: border-box;
  display: table;

  &._showLastArrow {
    padding-right: 20px;

    .jgProgressBar-list {
      &:last-child {

        &:before,
        &:after {
          content: "";
        }
      }
    }
  }

}

.jgProgressBar-list {
  width: 25%;
  height: 40px;
  border: 1px solid import.$c_lightGray;
  list-style-type: none;
  position: relative;
  background-color: import.$c_lighterGray;
  color: import.$c_gray;
  padding: 0px 2px 0px 26px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;

  &:before,
  &:after {
    position: absolute;
    top: -1px;
    content: "";
    display: block;
    height: 100%;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }

  &:before {
    right: -20px;
    border-left: 20px solid import.$c_lighterGray;
    z-index: 2;
  }

  &:after {
    right: -21px;
    border-left: 20px solid import.$c_lightGray;
    z-index: 1;
  }

  &:last-child {
    padding: 0px 2px 0px 26px;

    &:before,
    &:after {
      content: none;
    }
  }

  &._current {
    background-color: import.$c_white;
    color: import.$c_green;

    &:before {
      border-left-color: import.$c_white;
    }

    &:after {
      border-left-color: import.$c_lightGray;
    }
  }

  &._finished {
    background-color: import.$c_lighterGray;
    color: import.$c_lightGray;

    &:before {
      border-left-color: import.$c_lighterGray;
    }

    &:after {
      border-left-color: import.$c_lightGray;
    }
  }
}
*/
.jgEllipsisArea .jgEllipsisArea-btn {
  border: 1px solid #CCC;
  border-radius: 4px;
  text-align: center;
  color: #333;
  font-weight: bold;
  font-size: 12px;
  height: 30px;
  box-sizing: border-box;
  padding: 9px 0;
  line-height: 1;
  position: relative;
}
.jgEllipsisArea .jgEllipsisArea-btn:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  width: 16px;
  height: 16px;
  background-size: 320px;
  position: absolute;
  top: 50%;
  right: 9px;
  background-position: 0px -124px;
  transform: rotate(180deg) translateY(8px);
}
.jgEllipsisArea .jgEllipsisArea-btn.close:after {
  transform: rotate(0deg) translate(1px, -9px);
}

.jgCasetteWrap {
  border-top: 1px solid #CCC;
  background-color: #FFF;
  box-sizing: border-box;
  position: relative;
}
.section-heading + .jgCasetteWrap {
  border-top: none;
}
.jgCasetteWrap .noPlanMessage {
  color: #EB5C01;
  font-weight: 700;
  padding: 15px 10px;
}

/* grepでヒットせず
.jgCasetteWrap_roundedBorder {
  border: 0;
  border-bottom: 1px solid;
  border-radius: 4px;
  margin: 0 5px 15px;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);

  &._borderColor {
    border-color: variable.$c_lightGray;
  }
}
*/
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.jgCasette {
  box-sizing: border-box;
  width: 100%;
  padding: 15px 10px;
  position: relative;
  font-size: 0;
  display: block;
}
.pointup_planlist .jgCasette {
  animation: fadeIn 1s ease 0s;
}
.jgCasette:after {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid #CCC;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  margin-top: 0;
  position: absolute;
}
.jgCasette.jgCasette_spacedBorder:after {
  position: relative;
  margin-bottom: -15px;
  margin-top: 15px;
}
.jgCasette:last-child {
  border-bottom: none;
}
.jgCasette:last-child:after {
  content: none;
}
.jgCasette._sr:last-child {
  border-bottom: 1px solid #CCC;
}

.jgCasette_rightArrow {
  padding-right: 26px;
}
.jgCasette_rightArrow:before {
  content: "";
  margin-left: 10px;
  display: inline-block;
  width: 11px;
  height: 16px;
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-size: 320px auto;
  vertical-align: top;
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -0.5rem;
}
.jgCasette_rightArrow.jgCasette_spacedBorder:after {
  position: absolute;
  width: 97%;
  left: 5px;
  margin-bottom: 0;
  margin-top: 0;
}
.jgCasette_rightArrow._arrowGreen:before {
  background-position: 0px 0px;
}
.jgCasette_rightArrow._arrowGray:before {
  background-position: -31px 0px;
}
.jgCasette_rightArrow._arrowOrange:before {
  background-position: -10px 0px;
}
.jgCasette_rightArrow.is-hide {
  display: none;
}

.jgCasette-content {
  position: relative;
  color: #333;
  box-sizing: border-box;
}

.jgCasette-content-left {
  box-sizing: border-box;
  font-size: 0;
  width: 100%;
  vertical-align: top;
  display: inline-block;
  margin-right: -114px;
  padding-right: 116px;
  height: auto;
  overflow-y: hidden;
}
.jgCasette-content-left-list {
  box-sizing: border-box;
}
.jgCasette-content-left-list.time-label {
  color: #EB011B;
}
.jgCasette-content-left-days ._title {
  font-size: 12px;
  font-weight: bold;
}
.jgCasette-content-left-days ._period {
  color: #999;
  font-size: 12px;
}

.jgCasette-content-right {
  box-sizing: border-box;
  font-size: 0;
  width: 112px;
  height: auto;
  display: inline-block;
  vertical-align: bottom;
  text-align: right;
}
.jgCasette-content-right-list {
  box-sizing: border-box;
  font-size: 12px;
}

.jgCasette-content-previewImg {
  width: 105px;
  height: 70px;
  display: block;
}

/* 使われていないかも - 一緒に良く見られている近くのゴルフ場
.jgCasette-content-left_pr {
  box-sizing: border-box;
  font-size: 0;
  vertical-align: top;
  width: 100%;
  display: inline-block;
  margin-right: -107px;
  padding-right: 117px;
  height: auto;
}

.jgCasette-content-right_pr {
  box-sizing: border-box;
  vertical-align: top;
  font-size: 0;
  width: 105px;
  height: auto;
  display: inline-block;
  vertical-align: bottom;
}

.jgCasette-valueTable {
  font-size: 0;

  &-headline {
    box-sizing: border-box;
    vertical-align: top;
    width: 50px;
    height: auto;
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
  }

  &-text {
    box-sizing: border-box;
    width: 100%;
    vertical-align: top;
    display: inline-block;
    margin-left: -53px;
    padding-left: 52px;
    height: auto;
    text-align: right;
    font-size: 20px;
    color: variable.$c_deepRed;
  }
}
*/
.jgCasette-value {
  font-size: 20px;
  font-weight: bold;
  color: #EB011B;
}

.jgCasette-atonosePoint {
  float: right;
  margin-top: 3px;
  padding: 2px 3px;
  border-radius: 2px;
  background: #EB5C01;
  color: #FFF;
  font-size: 11px;
}

.jgCasette-btnGroup-btn {
  width: 48.5%;
  display: inline-block;
  overflow: hidden;
}
.jgCasette-btnGroup-btn:last-child {
  margin-left: 3%;
}

.jgCasette-content-golmaji {
  display: inline-block;
  width: 48.5%;
  overflow: hidden;
}
.jgCasette-content-golmaji:last-child {
  margin-left: 3%;
}

.jgSimpleCasette {
  border-bottom: 1px solid #CCC;
  padding: 10px 15px;
  position: relative;
}
.jgSimpleCasette a {
  color: #333;
}
.jgSimpleCasette .jgSimpleCasette-name {
  font-size: 16px;
}
.jgSimpleCasette .star_green {
  background-image: url("../../../site/sp/img/parts/icon_star_on_48.png");
  background-size: 24px;
  background-repeat: no-repeat;
  height: 24px;
  padding: 10px;
  position: absolute;
  top: 7px;
  right: -2px;
  width: 24px;
}
.jgSimpleCasette .jgSimpleCasette_left {
  border: 1px solid #DDD;
  display: inline-block;
}
.jgSimpleCasette .jgSimpleCasette_right {
  box-sizing: border-box;
  display: inline-block;
  height: auto;
  margin-left: -128px;
  padding-left: 132px;
  vertical-align: top;
  width: 100%;
}
.jgSimpleCasette .jgSimpleCasette-img {
  width: 90px;
}
.jgSimpleCasette .star-label {
  margin-left: 6px;
  vertical-align: 5px;
}
.jgSimpleCasette .week {
  background-color: #888;
  color: #FFF;
  font-size: 10px;
  padding: 2px 3px 1px 3px;
  margin-right: 5px;
}
.jgSimpleCasette.jgCasette_rightArrow:before {
  right: 15px;
}
.jgSimpleCasette:first-child {
  border-top: 1px solid #CCC;
}
.jgSimpleCasette .mg-r60 {
  margin-right: 60px;
}

.jgCasette-star-on,
.jgCasette-star-off {
  background-size: 24px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: auto;
  left: auto;
}

.jgCasette-star-on {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path fill="%232EA130" d="m17.6041 6.88263c.3799 0 .5409.48311.237.70965l-4.685 3.49572c-.1339.0998-.1903.2731-.1414.4321l1.8452 5.9683c.1121.3601-.3009.6564-.6078.4359l-5.02116-3.6038c-.13766-.099-.32422-.099-.46188 0l-5.02118 3.6038c-.30692.2205-.71914-.0758-.60781-.4359l1.84524-5.9683c.04889-.159-.00753-.3323-.14142-.4321l-4.684941-3.49572c-.303904-.22654-.1429255-.70965.236955-.70965h5.862186c.16926 0 .32046-.10802.37462-.26706l1.99192-5.897762c.12187-.357076.62887-.357076.74998 0l1.99269 5.897762c.0542.15904.2046.26706.3746.26706z" /></svg>');
}

.jgCasette-star-off {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="%23999" d="M16.677 18.414a.491.491 0 0 1-.756.544l-3.778-2.719a.49.49 0 0 0-.575 0l-3.779 2.719a.491.491 0 0 1-.756-.544l1.39-4.513a.49.49 0 0 0-.175-.538L4.75 10.744a.491.491 0 0 1 .295-.884H9.42c.21 0 .399-.135.466-.335l1.502-4.456a.491.491 0 0 1 .932 0l1.502 4.456a.49.49 0 0 0 .466.335h4.377c.473 0 .673.602.294.884l-3.498 2.619a.49.49 0 0 0-.175.538l1.39 4.513Zm6.754-8.78c.533-.4.251-1.246-.413-1.246h-7.342a.693.693 0 0 1-.656-.47L12.51.47c-.212-.627-1.099-.627-1.31 0L8.69 7.918a.692.692 0 0 1-.656.47H.692c-.664 0-.946.847-.414 1.245l5.869 4.391a.692.692 0 0 1 .247.757L4.069 22.32c-.195.633.526 1.152 1.064.765l6.319-4.546a.693.693 0 0 1 .807 0l6.317 4.546c.539.387 1.261-.132 1.065-.765l-2.324-7.54a.69.69 0 0 1 .246-.756l5.868-4.39Z"/><path fill="%23fff" d="M16.677 18.414a.491.491 0 0 1-.756.544l-3.778-2.719a.49.49 0 0 0-.575 0l-3.779 2.719a.491.491 0 0 1-.756-.544l1.39-4.513a.49.49 0 0 0-.175-.538L4.75 10.744a.491.491 0 0 1 .295-.884H9.42c.21 0 .399-.135.466-.335l1.502-4.456a.491.491 0 0 1 .932 0l1.502 4.456a.49.49 0 0 0 .466.335h4.377c.473 0 .673.602.294.884l-3.498 2.619a.49.49 0 0 0-.175.538l1.39 4.513Z"/></g></svg>');
}

footer .footerLinks_txt {
  border-top: 1px solid #CCC;
  padding: 20px 20px 0;
}
footer .footerLinks_txt + .areaSearch,
footer .footerLinks_txt + .footer-breadCrBumb {
  margin-top: 40px;
}
footer .footerLinks_txt .question {
  background: url("../../../site/sp/img/icon/question_orange.png") no-repeat left center;
  background-size: 20px 20px;
  padding: 4px 0 4px 28px;
}
footer .footerLinks_txt:visited {
  color: #0562D9;
}
footer .footerLinks_txt.no-border {
  border-top: none;
}

.footer-word {
  margin-bottom: 40px;
}
.footer-word .footer-word-list {
  padding: 10px 0;
}
.footer-word .footer-word-list:last-child {
  padding: 10px 0 0 0;
}

/* .coupon-message - クーポンについて
.coupon-message {
  text-align: right;
  padding: 0px 10px 10px 10px;

  &.message_inner {
    padding: 10px 10px 10px 0;
  }

  .question {
    background: url("../../../site/sp/img/icon/question_orange.png") no-repeat left center;
    background-size: 16px 16px;
    background-position-y: 5px;
    padding: 7px 0 2px 20px;
  }
}
*/
/* 使われていないかも
.couponModalWindow {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  font-size: 14px;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 1500;

  .coupon-modal-block {
    background-color: variable.$c_white;
    border-radius: 4px;
    left: 50%;
    margin-left: -45%;
    margin-top: -100px;
    position: fixed;
    top: 49%;
    width: 89%;
    z-index: 1500;

    .coupon-modal-header {
      font-weight: bold;
      margin: 15px 10px 10px 10px;
    }

    .coupon-modal-item {
      padding: 0 10px 15px 10px;

      .coupon-modal-title {
        color: variable.$c_orange;
        font-weight: bold;
        margin: 20px 0 10px 0;
        padding: 3px 0 3px 30px;

        &._representative {
          background: url("../../../site/sp/img/icon/individual_icon.png") no-repeat left center;
          background-size: 26px 20px;
        }

        &._members {
          background: url("../../../site/sp/img/icon/companion_icon_orange.png") no-repeat left center;
          background-size: 26px 20px;
        }
      }

      .coupon-modal_link {
        color: variable.$c_link;
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
      }
    }
  }

  .coupon-modal_close {
    position: absolute;
    z-index: 1600;
    width: 40px;
    height: 50px;
    margin-top: 0px;
    right: 0px;
    top: -10px;
    text-align: center;

    &:after {
      content: "";
      background-image: url("../../../site/sp/img/parts/btn_condition_close.png");
      background-size: 26px;
      width: 20px;
      height: 20px;
      position: absolute;
      background-repeat: no-repeat;
      top: 15px;
      right: 10px;
    }
  }
}
*/
/* grepでヒットせず
.coupon-modal-Window {
  position: fixed;
  width: 100%;
  height: 100%;
  user-select: none;
}

.coupon-casette-single {
  margin: 0 10px;
  border: 1px solid variable.$c_dullGray;
  border-radius: 4px;

  >.casette-lineLink {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 10px 0 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: variable.$c_black;

    &::before {
      content: "";
      display: block;
      position: absolute;
      left: 10px;
      top: 10px;
      width: 20px;
      height: 20px;
      background-image: url("../../../site/sp/img/sprites/sprite_common.png");
      background-size: 320px;
      background-position: -33px -18px;
    }

    &::after {
      position: absolute;
      top: 50%;
      right: 10px;
      margin: -7px 0px 0 0;
    }
  }
}
*/
.jgCoupon-head {
  background-color: #fbf8e9;
  color: #EB5C01;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 10px 10px 33px;
  position: relative;
}
.jgCoupon-head._black {
  color: #333;
}
.jgCoupon-head._round {
  border-radius: 4px 4px 0 0;
}
.jgCoupon-head._noIcon {
  padding: 10px;
}
.jgCoupon-head._noIcon:before {
  background-image: none;
}
.jgCoupon-head._more {
  border-radius: 4px;
}
.jgCoupon-head._more:after {
  content: "";
  display: block;
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  width: 18px;
  height: 18px;
  background-size: 320px;
  background-position: -37px -36px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.jgCoupon-head._hide:after {
  content: "";
  display: block;
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  width: 18px;
  height: 18px;
  background-size: 320px;
  background-position: -37px -55px;
  position: absolute;
  right: 10px;
  top: 9px;
}
.jgCoupon-head:before {
  content: "";
  display: block;
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  width: 20px;
  height: 20px;
  background-size: 320px;
  background-position: -33px -18px;
  position: absolute;
  left: 8px;
  top: 8px;
}

.jgCoupon-head_link {
  color: #0562D9;
  right: 0;
  padding: 10px;
  position: absolute;
  text-decoration: underline;
  top: 1px;
}

.jgCoupon-list {
  border: 1px solid #FA8131;
  border-radius: 4px;
  margin: 0 10px 5px;
}
.jgCoupon-list .jgCoupon-casette {
  color: #333;
  padding: 10px 25px 10px 10px;
  position: relative;
}
.jgCoupon-list .jgCoupon-casette .jgCoupon-name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}
.jgCoupon-list .jgCoupon-casette:after {
  content: "";
  display: block;
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  width: 10px;
  height: 14px;
  background-size: 320px;
  background-position: -10px 0px;
  position: absolute;
  right: 10px;
  top: 35%;
}
.jgCoupon-list .jgCoupon-casette:nth-child(n+2) {
  border-top: 1px solid #CCC;
}
.jgCoupon-list .jscPlanCoupon .jgCoupon-casette {
  border-top: 1px solid #CCC;
}
.jgCoupon-list .jgCoupon-item-wrap {
  margin: 0 10px;
}
.jgCoupon-list .jgCoupon-item-wrap .jgCoupon-list-label {
  color: #666;
  font-weight: bold;
  margin: 10px 0;
}
.jgCoupon-list .jgCoupon-item-wrap .jgCoupon-list-content {
  margin: 0 0 15px 20px;
}
.jgCoupon-list .jgCoupon-item-wrap .jgCoupon-list-content_read {
  margin: 0 0 0 20px;
}
.jgCoupon-list .jgCoupon-item-wrap .jgCoupon-list-content_read._one-line {
  height: 14px;
  overflow: hidden;
}

.jgCoupon-panel {
  background-color: #FBF7E5;
  padding: 10px 10px 0 10px;
}
.jgCoupon-panel._no-coupon {
  background-color: #FFF;
  padding: 10px 10px 0 0;
}
.jgCoupon-panel ._three-line {
  overflow: hidden;
}

.jgCoupon-content_more {
  color: #0562D9;
  padding: 10px;
  text-align: right;
  text-decoration: underline;
}
.jgCoupon-content_more.panel_more {
  background-color: #FBF7E5;
}

.jgCoupon-detail {
  color: #EB5C01;
  font-size: 0px;
  font-weight: bold;
}
.jgCoupon-detail .jgCoupon-detail_l {
  border: 1px solid #FA8131;
  background-color: #fbf8e9;
  border-right: 1px solid #FA8131;
  box-sizing: border-box;
  display: inline-block;
  font-size: 10px;
  padding: 5px;
  position: relative;
  width: 68%;
  /* site/dartSassSP/parts/_layout-commonSP.scss に移管
  .mg-r2 {
    margin-right: 2px;
  }
  */
}
.jgCoupon-detail .jgCoupon-detail_l .jgCoupon-detail-price {
  display: inline-block;
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 4px;
}
.jgCoupon-detail .jgCoupon-detail_l .jgCoupon-detail-price .jgCoupon-detail-unit {
  font-size: 10px;
}
.jgCoupon-detail .jgCoupon-detail_l._restrict {
  background-color: #FA8131;
  color: #FFF;
}
.jgCoupon-detail .jgCoupon-detail_r {
  border: 1px solid #FA8131;
  border-left: none;
  box-sizing: border-box;
  display: inline-block;
  font-size: 10px;
  text-align: center;
  padding: 5px 0;
  width: 32%;
}

.casette-lineLink {
  color: #333 !important;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  text-align: right;
  display: inherit;
  margin: 15px 20px 0 0;
}
.casette-lineLink:after {
  content: "";
  display: inline-block;
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  width: 10px;
  height: 14px;
  background-size: 320px;
  background-position: -10px 0px;
  position: relative;
  top: 2px;
  margin-left: 5px;
}

.jgCouponBalloon {
  background-color: #FCF4D8;
  border: 1px solid #FA8131;
  border-radius: 4px;
  bottom: 0;
  color: #EB5C01;
  font-size: 10px;
  font-weight: bold;
  height: 12px;
  right: 0;
  padding: 5px;
  position: absolute;
  width: 200px;
  /* site/dartSassSP/parts/_layout-commonSP.scss に移管
  .mg-r2 {
    margin-right: 2px;
  }
  */
}
.jgCouponBalloon .jgCouponBalloon-price {
  position: absolute;
  right: 5px;
  top: 4px;
}
.jgCouponBalloon:before {
  background-color: #FCF4D8;
  border-top: 1px solid #FA8131;
  border-right: 1px solid #FA8131;
  content: "";
  display: block;
  height: 8px;
  left: 70%;
  position: absolute;
  transform: rotate(-45deg);
  top: -5px;
  width: 8px;
}
.jgCouponBalloon._restrict {
  background-color: #FA8131;
  color: #FFF;
}
.jgCouponBalloon._restrict:before {
  background-color: #FA8131;
}
.jgCouponBalloon .va_text-top {
  vertical-align: text-top;
}

.jgCoupon-detail_row {
  color: #EB5C01;
  font-weight: bold;
  /* site/dartSassSP/parts/_layout-commonSP.scss に移管
  .mg-r2 {
    margin-right: 2px;
  }
  */
}
.jgCoupon-detail_row._radius {
  border: 1px solid #FA8131;
  border-radius: 100px;
  padding: 3px 3px 3px 10px;
  /* site/dartSassSP/parts/_layout-commonSP.scss に移管
  .mg-r25 {
    margin-right: 25px;
  }
  */
}

.jgCoupon-casette_sr {
  border: 4px solid #FA8131;
  border-radius: 8px;
  margin: 10px 5px 15px 5px;
}
.jgCoupon-casette_sr .coupon-head {
  background-color: #FA8131;
  color: #FFF;
  text-align: center;
}
.jgCoupon-casette_sr .coupon-head .coupon-head-title {
  background-image: linear-gradient(to right, #FFFFFF 10px, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 18px 1px;
  background-repeat: repeat-x;
  padding: 8px 0 12px 0;
}
.jgCoupon-casette_sr .coupon-head .coupon-head-title .coupon-head-title-img {
  margin-right: 5px;
  opacity: 0.5;
  vertical-align: -7px;
  width: 30px;
}
.jgCoupon-casette_sr .coupon-head .coupon-head-title .va_m3 {
  vertical-align: -3px;
}
.jgCoupon-casette_sr .coupon-head .fs36 {
  font-size: 36px;
}
.jgCoupon-casette_sr .coupon-detail .coupon-detail-list {
  border-bottom: 1px solid #CCC;
  padding: 8px 5px;
}
.jgCoupon-casette_sr .coupon-detail .coupon-detail-list .w20 {
  width: 20px;
}
.jgCoupon-casette_sr .coupon-detail .coupon-detail-list:last-child {
  border-bottom: none;
}
.jgCoupon-casette_sr .coupon-detail .coupon-detail-list .list-label {
  margin-bottom: 5px;
}
.jgCoupon-casette_sr .coupon-detail .coupon-detail-list .list-detail {
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
}

.search-coupon-title {
  background-color: #FA8131;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 0;
}
.search-coupon-title ._icon {
  vertical-align: -4px;
  width: 18px;
}

.alert {
  background-color: #FFF;
  color: #eb5c01;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.alert.alert-message_red {
  background-color: #fceaf0;
  color: #c00;
  border: #f95a74 1px solid;
}
.alert.alert-message_red_bn {
  background-color: #fceaf0;
  color: #c00;
}
.alert.alert-message_red_bn .message-item:nth-child(n+2) {
  margin-top: 10px;
}
.alert.alert-message_default {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EEE;
  color: #666;
  font-weight: bold;
  padding: 15px 10px;
}
.alert.alert-message_default > .icon {
  flex-shrink: 0;
  margin-right: 10px;
  width: 30px;
}
.alert.alert-message_default > .icon > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.alert .exclamationMark {
  vertical-align: sub;
}

.alert_list > li {
  position: relative;
  margin: 5px 0;
  padding-left: 1.5em;
}
.alert_list > li:before {
  content: "";
  position: absolute;
  left: 0.5em;
  top: 0.5em;
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -1px;
  border-radius: 10px;
  background-color: #c00;
}

.toasts {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 6px;
  color: #FFF;
  font-size: 16px;
  margin: 0 20px;
  padding: 12px 5px;
  position: fixed;
  z-index: 1001;
}
.toasts._bottom {
  bottom: 10px;
  left: 0;
  right: 0;
}
.toasts._club {
  bottom: 56px;
  left: 0;
  margin: 0 10px;
  right: 54px;
}

.total_breakdown {
  border: 1px solid #ccc;
  padding: 10px;
}
.total_breakdown > dl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.total_breakdown > dl:last-child {
  margin-bottom: 0;
}
.total_breakdown > dl dt {
  font-size: 12px;
  text-align: left;
}
.total_breakdown > dl dt > .point-note {
  display: block;
  margin-top: 5px;
  font-size: 10px;
}
.total_breakdown > dl dd {
  font-weight: bold;
  text-align: right;
}

.menu-area .menu-panel {
  border: 1px solid #CCC;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin: 20px 3px 0 3px;
  min-height: 216px;
  vertical-align: top;
}
.menu-area .menu-panel .menu-title {
  font-size: 16px;
  font-weight: bold;
  margin: 15px 5px 15px 37px;
  position: relative;
}
.menu-area .menu-panel .menu-title::before {
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 0;
  content: "";
  left: -30px;
  height: 24px;
  position: absolute;
  top: -3px;
  width: 24px;
}
.menu-area .menu-panel .menu-title::before {
  background-image: url("./../../../site/sp/img/parts/ic_calendar_gr_x48.png");
}
.menu-area .menu-panel .menu-list {
  padding: 0 13px 15px 15px;
}
.menu-area .menu-panel._wide {
  margin: 20px 0 0 0;
  min-height: auto;
  padding: 0 15px;
  width: 100%;
}
.menu-area .menu-panel .menu-list {
  padding: 0 13px 15px 13px;
}
.menu-area .menu-panel .menu-list .menu-list-item {
  font-size: 14px;
  margin: 0 0 15px 5px;
  position: relative;
}
.menu-area .menu-panel .menu-list .menu-list-item:last-child {
  margin-bottom: 0;
}
.menu-area .menu-panel .menu-list .menu-list-item::before {
  border: 4px solid transparent;
  border-left: 4px solid #999;
  box-sizing: border-box;
  content: "";
  left: -10px;
  height: 4px;
  position: absolute;
  top: 5px;
  vertical-align: middle;
  width: 4px;
}

/* スケジュール都合によりマイページクーポン一覧画面が廃止になったので没
// _src/ejs/sp/jgcoupon/list.ejs
.acquire_btn-mypage {
  position: relative;
  margin-left: 10px;

  &:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;

    // icon/icon_user.png
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAyBAMAAADo5EW/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURUdwTC6iMC+kMy6iMDWoOC+iMC6iMC+iMC+iMC6hMO8fIJ0AAAAJdFJOUwCSLvIQ1uLBWdD2qKgAAACgSURBVDjLY2AYdkAx2FQImzjjTCAQwCJRCZKYjkMDNi2aEIlJGBKSEImJGBKREImpGBKWEInJxEvgNAqn5Tidi9ODOIMEdyDiDHbSgYd4sllhC6a4I8S5IujiTJkQiWkKaBLKM6HACFWcJRMmMc0BW4Bg+tEZIWGCItGJkJiBLTYwYyQSIYEahzORAIprkSWQ3cuELKFAGwmcluN07mADAEW2qM+vtSjDAAAAAElFTkSuQmCC") center center no-repeat;
    background-size: 20px auto;
  }
}
*/
.acquire_list {
  position: relative;
  margin-bottom: 10px;
  padding: 10px;
  background: #FFF;
}
.acquire_list:last-child {
  margin-bottom: 0;
}
.acquire_list_wrap {
  padding: 10px 10px 0;
  background: #CCC;
}
.acquire_list_wrap:last-child {
  padding-bottom: 10px;
}

.acquire_cassette-before {
  background: #EB5C01;
  color: #FFF;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center;
}
.acquire_cassette_coupon_top {
  position: relative;
  box-sizing: border-box;
  padding: 10px 0;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px dashed #999;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}
.acquire_cassette_coupon_top:after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: -17px;
  width: 21px;
  height: 33px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAABBCAMAAAB/7K3OAAAAaVBMVEVHcEz////////////////////////9/f35+fn///////////////////////////////////////9mZmb///9sbGzMzMx1dXWKiorAwMCUlJTw8PB/f3+1tbXc3Nzo6OikpKSqqqqcnJzI9clSAAAAE3RSTlMAmaV4JK9Z/f253EY1FWiMwswJmIk9pgAAAzxJREFUSMeFVlmigjAMZKegCNqwCMp2/0O+JG1BCjz6I5ZhSCaZUMfRK3Ij52g9vIe9FQLAEdjDfQucQTdCsYfeQMzgbffu0MsBdm/D130/kG73AhjkvCdG2rKxt18Ql0gc7WnlLgbnCR85QmJHJmr5Bt/CujDKsrOIiVb2cLewEVTSJmbaMoaXYyfXSZvYg7eUzYGUKQYsp1/iAOJayi/kBwUamfi2pcVwbzssB/xLrGgPwqUqixJviYXGZdoZwoMuSaCVFF5oaCkBWR0U3nF85lmIXY4J/wYHWFZtIc4UbWuXUq8CGrxbC66TosUQ/EOsCkIRa9qTECgIUkLWMRLninY+CcEogY3lvVKO50QFFQSTIXG+XGUn2IwrRcSadjoshOnXiSCfGN1Ha4DoFBuh6xQx037g6Zyvpwb1+hH3H2yuJJakLYl7/werJVbrXFwj8bhg+1NxTXa9ge7mzVl2l5n9ZneVmXaZyq69yIynXad4j+bCcZkvCrxpH0kDK/wfq9vyoiE37X7R6GYykgpf8bmusRphLcBQyv04tgY2DlxyfcJhjxDfzjQIIW45Ti8QFHf5hpM6Ryl0DRchzVCPQc0KCPcDIsMPZK+dma891HYg7MnzSEGMpm3v+lvDKlcAyS/1C0krU6+Ox5JPnyCpqeOVOkDSebGD4EH+ML2pUvRWaF8vUBnbWKYOTV0rVL4eR/UAwPr5QFUmkvHTKfFyLtI7BoipHUuIVyxlBl1LQnIWrA7uhZgg7tYgVM9XXJY0L7hC7D527gziTrn3hE0Vticri4ArX+IlaCH1MQOgNFanwwc2hKsS0p9wOgw0esil6zUdPrDEvnrHIPloIJBLP8+8rZLnBWLhdWLcn7D05tc8r6/xHfXiZYHX9Bzt6Vmg47ppQy95ZPQOiidEofADfSNTdCV1pO4mkn3mQ5tH+lV4xc6dAApsioaY/MWmEzfw8wloPxxZGU0EhHyxbH1DDxU/5y06fXRoPgJwmC4MZLJGWXdz1qAbsmlKtutdvUy3Wfnd+OuVcCtwowl9I8OA3nPTfjvLimhW6KemGfu1gclrvBJ74vpPdSP98VzwCIvEP5rNUV4UbqSOPH9W4GLFABgqRwAAAABJRU5ErkJggg==") no-repeat center center;
  background-size: contain;
  transform: rotate(-90deg);
  z-index: 1;
}
.acquire_cassette_coupon_bottom {
  padding: 10px 0 15px;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  background: #EF546B;
}
._acquired .acquire_cassette_coupon_bottom {
  background-color: #EEE;
  transform: rotate(3deg);
  transform-origin: left top;
}
._acquired .acquire_cassette_coupon_bottom ._wrap ._count {
  color: #666;
}
._acquired .acquire_cassette_coupon_bottom ._wrap ._btn {
  box-sizing: border-box;
  border: 2px solid #EF546B;
  color: #EF546B;
  box-shadow: 0 4px 0 #EF546B;
}
._acquired .acquire_cassette_coupon_bottom ._wrap ._text {
  color: #666;
  font-size: 20px;
  font-weight: bold;
}
.acquire_cassette_coupon_bottom ._wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.acquire_cassette_coupon_bottom ._wrap ._btn {
  width: 210px;
  box-sizing: border-box;
  border-radius: 40px;
  background: #FFF;
  box-shadow: 0 4px 0 #B3283C;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.acquire_cassette_coupon_lable ._type {
  display: inline-block;
  position: relative;
  padding: 0 20px 0 25px;
  background: #EF546B;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
}
.acquire_cassette_coupon_lable ._type:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYBAMAAABpfeIHAAAAMFBMVEVHcEz///////////////////////////////////////////////////////////9EPuwCAAAAD3RSTlMA4fEPKc6nirpPBNtsOBt76tNFAAAAlUlEQVQY02NgAIEZ+moXGJCAxf///78vQPC5+oEC/wsQAjwg/v+/CAFWsMA3hIA9WOA3QsAfLPAJIfAeLPARIcCIbgY7WOAnQoBZHiTQgORSRyD/hwGSAHPR/4+nkP3CwOXrgMLnOxYddhiZnw9yVzFCYBLE6XBdnP8hQAUm4AQV+A2zOB4qAA8iGP9/ANECgjAA9h4AdwqGvLIJujwAAAAASUVORK5CYII=") no-repeat center center;
  background-size: 20px auto;
}
.acquire_cassette_coupon_lable ._type:after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  margin-top: -7px;
  display: block;
  width: 15px;
  height: 15px;
  border-top: 7px solid #FFF;
  border-left: 7px solid #FFF;
  border-bottom: 7px solid transparent;
  border-right: 7px solid transparent;
  box-sizing: border-box;
  transform: rotate(-45deg);
}
.acquire_cassette_coupon_lable ._count {
  display: inline-block;
  vertical-align: middle;
}
.acquire_cassette_coupon_lable ._count > dt,
.acquire_cassette_coupon_lable ._count > dd {
  display: inline-block;
  color: #666;
  font-weight: bold;
  font-size: 14px;
}
.acquire_cassette_coupon_detail {
  margin-top: 10px;
  border-radius: 6px;
  border: 1px solid #999;
  background: #FFF;
}
.acquire_cassette_coupon_detail[data-accordion=target] {
  height: auto;
  opacity: 1;
}
.acquire_cassette_coupon_detail ._wrap {
  padding: 10px 10px 0;
  border-bottom: 1px solid #CCC;
}
.acquire_cassette_coupon_detail ._wrap > dl {
  box-sizing: border-box;
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
  font-size: 0;
}
.acquire_cassette_coupon_detail ._wrap > dl:last-child {
  border-bottom: none;
}
.acquire_cassette_coupon_detail ._wrap > dl > dt,
.acquire_cassette_coupon_detail ._wrap > dl > dd {
  font-size: 14px;
}
.acquire_cassette_coupon_detail ._wrap > dl > dt {
  margin-bottom: 5px;
  vertical-align: top;
  font-weight: bold;
}
.acquire_cassette_coupon_detail ._wrap > dl .coupon_note {
  color: #EB5C01;
}
.acquire_cassette_coupon_detail ._wrap:last-child {
  margin-bottom: 0px;
  padding-bottom: 10px;
  border-bottom: none;
}
.acquire_cassette_coupon_detail_list {
  height: auto;
  opacity: 1;
  transition: all 0.3s;
}
.acquire_cassette_coupon_detail_list * {
  height: auto;
}
.is-close .acquire_cassette_coupon_detail_list {
  height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.is-close .acquire_cassette_coupon_detail_list * {
  border: none !important;
  color: transparent !important;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}
.is-close .acquire_cassette_coupon_detail_list *::before, .is-close .acquire_cassette_coupon_detail_list *::after {
  background: none;
}
.acquire_cassette_coupon_overlay {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.acquire_cassette_coupon_overlay ._text {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
}
.acquire_cassette_coupon_btn-detail {
  margin: 10px 0 15px;
}
.acquire_cassette_coupon_btn-detail ._btn {
  text-align: center;
}
.acquire_cassette_coupon_btn-detail ._btn > a {
  display: inline-block;
  width: 270px;
  box-sizing: border-box;
  border: 2px solid #EF546B;
  border-radius: 40px;
  background: #FFF;
  box-shadow: 0 2px 0 #EF546B;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  color: #EF546B;
}
.acquire_cassette_title-h4 {
  margin-top: 15px;
  margin-bottom: 10px;
  color: #EF546B;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
.acquire_cassette_title-h4 ._yen {
  margin-left: 5px;
  font-size: 26px;
}
.acquire_cassette_title-h4 ._off {
  margin-left: 5px;
  font-size: 18px;
}
.acquire_cassette_title-h5 {
  padding: 10px 0;
  border-bottom: 1px solid #CCC;
  font-weight: bold;
  text-align: center;
}
.is-close .acquire_cassette_title-h5 {
  border-bottom: none;
}
.acquire_cassette_title-h5 ._attention {
  position: relative;
  padding-left: 20px;
  font-size: 12px;
}
.acquire_cassette_title-h5 ._attention::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTOxcAe1eA+xcAexdAfBgCOxdAvZsE+tdAuxcAexcAutdBetcAf////zt4/CKSScx9LwAAAAMdFJOUwDfSvPEIJENZqt3NNCEHDEAAADTSURBVCjPbdKxDYJAGIZhYhShtbGhgN6WzoIBLExYwAEsZANHYBBGsEEJBX4r4AbGDYx3x/333518BQlPgMAbgkAv2wTe1vvHxaMQOHlUArlHZ6B3ZQWxo0OxpNqhm6SnQwdJnS0LqKUWLScqLNpNdLcoAb4foGWJxBXvlzhcDVXibBzFYWuoIRo4DJEJFILIBCqZcg5D1FthNOlAsU01h5lelQKpMOqDKJAOQ0s5DK3gMPpGFSiB/XgZKIJLIlAF90YRqIG3gR7Fa+co8+nv15vfDyIyEnS60FrvAAAAAElFTkSuQmCC") no-repeat center center;
  background-size: contain;
}
.acquire_cassette_title-h5 ._title {
  position: relative;
  padding-left: 20px;
  font-size: 12px;
}
.acquire_cassette_title-h5 ._title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURZmZmUdwTJmZmZqamp+fn5qampqamv///431DwgAAAAHdFJOU/8Aj94Ywz4B7CJvAAAAkElEQVQoz2XSQQ6DIBAF0K+ErpVg15rYPSv39ATUE9h4CK9fh2rL+P+CmJcAw4xoJfdHMPM7f0KWJ3LGExyODF/w6QQbM6z4ZRLw4Q8m7tChyGuHvoS6hYdKhNMwoNFQYdFwQ6+hRtJgIWVtR6S0zAXgCoa30KF0LRVGpdPj6PnUIG4hNZnGwIOiUfKw1e/wAV85H1zyjb4OAAAAAElFTkSuQmCC") no-repeat center center;
  background-size: contain;
}
.is-close .acquire_cassette_title-h5 ._title::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURZmZmUdwTJmZmZqamp+fn5qampqamv///431DwgAAAAHdFJOU/8Aj94Ywz4B7CJvAAAAkElEQVQoz2WSOw6AIBBER4nWatBaE+2p7PEE6gk0HsLrK+BvnSlgeQTY3QG5U9UZNa8+hBsGeLU3KHCpCUCPN0isBxse9Q5o8wJlT1Dio+kE9RfEOXSI9j3MFoUEDTIJIiwSpKgliDFKkMD4VZBL7dp+AP5A8RG6lJ6lxCh1Ko7KpwZxC6nJZAMbRVay2eI7HDptKoQzH3cQAAAAAElFTkSuQmCC");
}
.acquire_cassette_title-h6 {
  color: #EF546B;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.acquire_cassette_period > dl {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 5px;
}
.acquire_cassette_period > dl:last-child {
  margin-bottom: 0px;
}
.acquire_cassette_period > dl > dt {
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: bold;
  color: #666;
}
.acquire_cassette_period > dl > dd {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  border-radius: 14px;
  background: #666;
  padding: 5px 7px;
  font-weight: bold;
  text-align: left;
  color: #FFF;
}
.acquire_cassette_period > dl > dd:last-child {
  margin-bottom: 0;
}
.acquire_cassette_period > dl > dd ._attention {
  position: relative;
  padding-left: 21px;
}
.acquire_cassette_period > dl > dd ._attention:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 20px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAALVBMVEVHcEzrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAHrXAFp/qpzAAAADnRSTlMA3xROByidzmaL8bc7qrDrYgcAAAFJSURBVDjLhZS/SgNBEMbH5BL/RRGxU0IEwUpIY6GFRCvLgGApNrZB7GzEwloEC1vBPugLhPgG4hMYxCgJfM/gzOayt7f6kWl2dn533+zNzazIJCvsvLQHq/e1OH7YgbPhTRSvIrVejhR9XEk9iyctBNZveLBp+8vtjYOjB/MuxvGSCZ2N/GMTa6ZgXTfv46e2dLOcZrgCPrOEu8D3KEtZX+5moKLCp87bA9acA3zY8poKJFUMuiGotNEzrRmfIQUmca3LPvCWBwvAii63QC0PCsCPLh30JQ+khaHDXzE4MZEicB6DaaAus8BdDFxs3mgEVOVZpoBmDErAksz502ZAD/Qoi4DEIDGPAipFk9PjBh/ozcWCknhzJQmK6M0VkZad/yj6a2kz0PahDcdb1Jr66b+mTtgY8MGho8aHk44zvwCkwa4Mfsn8sV+rpmBePKXrrAAAAABJRU5ErkJggg==") #fff no-repeat center center;
  background-size: contain;
}
.acquire_cassette_attention {
  margin: 10px 0;
}
._acquired .acquire_cassette_attention {
  margin: 25px 0 10px;
}
.acquire_cassette_attention > li {
  margin-bottom: 5px;
}
.acquire_cassette_attention > li:last-child {
  margin-bottom: 0;
}
.acquire_cassette_coupon-notice {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: normal;
}
.acquire_cassette_coupon-notice:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 4px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqCAYAAADBNhlmAAAAAXNSR0IArs4c6QAABZJJREFUWAnNmVtslEUUx8/slt2W1e12LaEXwAsSSxNEaWwE0RqNIUSuxgctsRh8MKaS+OADRk3xgUhMfDC+GaJBo5GAtMbgBV/E2j5o0SgqIlUEpcTb3sj2Ztfxf75uv/3mm/1uy2qcpPnOnDnnzG/PzplvZkv0P2+iWnxSytpsNtvC8err68eEEJPViF0RIGBimUxmHQC2QO4ATDOeDVYg6NLQXcDzOPQDiUTiA8h5q40fORBgLpdbUygUdmHiuxC81s8EFptJAH4YDof3xuPxYYveVfQFCLDrAPYswLa6RvM5CNB+gD4B0FNeLq6AABL4KvsQ5EnINV7BgowDcgb2e/DVPwNZOvk6AgKI19mreN7j5KzpZzBnHrUxD5+lLkokHMObroA7DMgePMuuz7IR8vl88/T09HuAW2lGchJO/kBi+Aui0bNEf2ZKViGEbm0ial9KsquTqFGpoZIdJMB9GYlE1sdisQvKAI/ZFYCqReY+xvMm+5jS/yNN9MpbJE4DzKsBVq7vItp4BxGDl2mA/AyZvA1PZXvSrFOp1Ovw7y4To6T6PUXiuX1E2YslnR9pbQfJni1ulm8kk8ltVoOQtYPMPY6+O5yUJF46EByOJ/oEW+LI19Yp7XJ3kcHUmxnkdTc1NXUaIzFztJzw6Vck9h3URuTKNhLrbiXZvIBoAt/SqTMkDh8lumhb+60LSfY9qvlbFPloNLpsbj2aGQTcbhi5w8FAlMtA5/VEvdtIXrsEEepmC+KWVSQfe1Cv5PO/EvH6dW6xIothYQBiI27D4tzh7FMakefGSp2iJDfcrukMxWJU8fKl2phgSJfGLMzEJsbmi7dEL6rW10Ysrl5EcnGzGV6E8BkXNpp9uyCbGkl8O6qopf1rV0aJmIWZoN5pQEGxyWbj2JUP36eMOb4CilaiUFDsuSPqLycvvyLTzhCqZhV8sHj+pfaTviQIheKjLUmn0zeGgmTPR1DV5BtsCmfPq7oFSZLJelXn3NvMRdLuPH4JI+kcif0DeoBNd+o6Z007Z9A4BTvbVDCCIhAv7CfK5FRnLrDOFarOpcdsIZR0dQHzEySef5lo7Dd16kSc5CP36/uiaqX0mI0zWNozlOEKOtN/kXjxNR1ufi3JXrxBARmkga2JMzgRxMnNVhx4l+jHn1WTOsDxG+XKVlXvowe2Sc5gmX3Ah7fd5MwvRIMjqjYyD3Dbia4KDseBmI0zWBVAMfy5CscTdG8kQmFU2piNt5mqAMoT36scvN5uvkHVBe8ZGRwM7mfz4DNiKqsq+W3hcHpWDZ17yOBgCNe/dyD87WzmY2RcrzOJN8alNGYy2DgIjvlDeKypOCDf5kbPqe4MeEVC1QXrDeH4v9Y4zYD2ICqmcsAahGm7Jtj0HtZgOsQmxpEfcPNxcuBDW/U2bQ8Aj+GxhoaGZYAc5yrme+l4KBTq83D6z4bBspuZDLa5WZHFMLJ4Av3lc7pAz6NDJI58ZFyYJCpYPHQvyUU48gdvJ5G9FQA0TrpGBjkGK0DeA1EvSa9JUMXi0PuztzmOxXeOMjc/rzA8NzPMwbG9Ccgd3OxHUNo7WA7UcILRmv00oxnoCp6bGawjCiAP4NfRN/Ep9liNPGW8c7UWv0xTuSl4Tp7bbqMBsgE+xVNI89P487rbzMbDJYhwDzYbjle03d9PiTwHz8Vzmv4WwfxlwaIzRRTNVhQPDnjeF3rDaaZAErc4wT+/8XXUu+UB9wCKot/J1DVK0XE1nPlN491qwiSiEb9wHHO1GxxP6JpBKxGyuRnZ3AudceO3jgWUv0PWdgHsbT9+vgE5GO+V+FcD/7LPC+xuPH29bAGUgf0RPPtRCAN46rd5nqBMCwRo9QdcDWC7oOuA3II/fk22FG34/yT8Lwg+ax4H1DHIOFEEb/8Az8HUFui6uwAAAAAASUVORK5CYII=") no-repeat center center;
  background-size: contain;
}
.acquire_cassette_coupon_per-use {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.acquire_cassette_coupon_per-use > dt {
  background: #EF546B;
  border: solid 1px #EF546B;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  width: 37%;
  padding: 5px 10px;
}
.acquire_cassette_coupon_per-use > dd {
  background: #FFF;
  border: solid 1px #CCC;
  border-left: none;
  flex-grow: 1;
  font-size: 14px;
  padding: 5px 13px;
}
.acquire_cassette_coupon_per-use > dd > span {
  color: #EF546B;
  font-weight: bold;
}
.acquire_cassette_coupon_per-use + .acquire_cassette_coupon_detail {
  margin-top: 10px;
}

.acquire_title-h1 {
  font-size: 18px;
  color: #EF546B;
  font-weight: bold;
}
.acquire_title-h2-login {
  padding: 10px 0;
  border: 3px solid #EF546B;
  border-radius: 6px 6px 0 0;
  background: #EF546B;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #FFF;
}
.acquire_title-h2-login > strong {
  color: #F8FB0D;
}
.acquire_title-h3 {
  position: relative;
  margin-bottom: 10px;
  padding-left: 28px;
  font-size: 16px;
  font-weight: bold;
}
.acquire_title-h3::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -3px;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAA6BAMAAAD2C5J3AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURUdwTP1ddvJWbvBUa/BVa/FVbPNZcPBVbPBVbPBUa/JWbfBVbPFVbO9Ua1mlXFIAAAANdFJOUwAKM/LgdBi4i81HoV2HyDBcAAACV0lEQVQ4y4WVz0sbURDHZ9Mk/mgLCwpVRFjorUWQltKDLFgoXmxAxItQIQilUCIEtUehlxarCOLBWyDNwYMgeOqtkKMXQd3V1dj5X3zvzXuzb3/FuWR28tl5875v5i0AW2nzfRv62j/E277ACxS2oNwvP+sFKRCvpFfx8V0O8EwCeCfdPeGcZolRRWBbs9dZYo+IpmG9NOD4RFwCrChnP78MxB5AzThJG9DELQyTE6WJETR/DGovLcmUjt9xtoUUca7jATxB3lXCVpiY1N50vhyCWNPeTUGOkHNcFRARPC8gpliPcpZ4/fFXrEcPniLrb/T2MfQ4Psv6xwdzIp7eQEnHu3yGrJgjDyp09XYjLjpg1Svq+YcW+1BEhlC30FLwVxJlI49Mcu+KSLXF74Qeb1OMQen323lqrDFRySd6ZS5e1bXFaezuANUu69riDk7ZkIlTz4llaWffOvWEyqIHfLsbhkXGqGufttDe7gZHLXlPNbXMpn2LGCef5s10pUbxgkdXD4Kjk3N0FoDPJpREVT+4poWb1sxg1yLqpjFk0HSoOniHCTq50LW6WRXi8CpUas8abs37plLaomyXr8h2yhtTV84S4rrsxlpMRK5RnW6aV0cSaKFlopOocz/El+mWDWDQBke+EniZiUKeG5gQPwcMDGLaRLGN7UUoTEHFWlb1MS+JZdlFEP8niHIOESQusskcInmRreURzUdz7Gdno1+OSh7RTdz7tSwQJiV7+ZgeUFJJ5j93js9aBbf2WC34/odOYFkB2S9dNV62sYE44/X/9K52Yv4BOMs4c2sAS80AAAAASUVORK5CYII=") no-repeat center center;
  background-size: 24px auto;
  vertical-align: bottom;
}

.acquire_error {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  border-radius: 8px;
  background: #FFF;
  padding-bottom: 20px;
  z-index: 110;
}
.acquire_error > ._title {
  padding: 15px 10px;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #3B860D;
}
.acquire_error_main {
  padding: 10px 10px 15px;
}
.acquire_error_main ._title {
  font-size: 14px;
  font-weight: bold;
}
.acquire_error_main ._text {
  font-size: 14px;
  margin-top: 10px;
}

.acquire_error_overlay {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
}

.acquire_error.is-show,
.acquire_error_overlay.is-show {
  display: block;
}

.acquire_search_panel {
  margin: 0 10px;
  border: 2px solid #2EA130;
  border-radius: 5px;
}
.acquire_search_panel > li {
  border-bottom: 1px solid #CCC;
}
.acquire_search_panel-option {
  height: 40px;
  padding: 0px 15px;
  border-radius: 20px;
  border: 1px solid #CCC;
  background-color: #EEE;
  line-height: 40px;
  font-size: 14px;
}
.acquire_search_panel-option.checked_green {
  border: 1px solid transparent;
  background-color: #4CAB4F;
  color: #FFF;
  font-weight: bold;
}
.acquire_search_attention {
  margin: 10px;
}
.acquire_search_attention > li {
  margin-bottom: 5px;
}
.acquire_search_attention > li:last-child {
  margin-bottom: 0;
}

.acquire_login-flow {
  padding: 5px 29px 15px;
  border: 3px solid #EF546B;
  border-radius: 0 0 6px 6px;
}
.acquire_login-flow_img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 10px auto;
}
.acquire_login-flow .jgBtn {
  height: 48px;
  line-height: 48px;
}
.acquire_login_btn {
  position: relative;
  padding-left: 30px;
}
.acquire_login_btn:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUdwTP///////////////////////////////////////////////////////////////////4ZSzFsAAAARdFJOUwA6iQXnKML2pxd3UdpkCZjLhvhDCQAAATtJREFUSMfdVckWwyAIjEvEuCX+/89WTV6Da2NvLTd1gEFGXJa/NKepMBz4ISl5ACcS/G18X8fwVfjS5NaHM3pijFTWKip5WoHq4bcUntObBaGJn2RtOiaFc3mQPXqIFq0t4o+6xjUSE3UOFvlI14p0hJO92qZ9ri7GsmXiUN3BercRWEFRRggCN38m84AkpKDVjkL48nwvUwQEd3gVysQENyhCaK2R0MjZLpenMCNJmbJdkfNIh6dKzO3BOC6ypcNUB19xXXKs9KRcTtBSvM9830BfGIur9iO7WqiD8zMHOumgWpTa0wA8FmlWdMt0wuvH16qyK/rcuNQEIH1p5OK72kwG4svlrQtZNOSdP6DFAhZe6wEVT3Qh+SSqn+j8EJgeM/ODbHpUzg/j+XE//6HMf1lffIpffLs/aC9sXCFfup2G8wAAAABJRU5ErkJggg==") no-repeat center center;
  background-size: contain;
}

.acquire_detail_toast {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 215px;
  height: 100px;
  margin: auto;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  color: #FFF;
  z-index: 1000;
}

.acquire_link_area-cl {
  margin-top: 40px;
}
.acquire_link_area-cl .jgBtn {
  position: relative;
  margin-bottom: 12px;
  padding-left: 45px;
  text-align: left;
}
.acquire_link_area-cl .jgBtn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  border-radius: 4px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAqCAMAAADCkShIAAAANlBMVEVHcEz///////////////////////////////////////////////////////////////////+GUsxbAAAAEXRSTlMAqnxKz/IVCOFujC7BXTsjmZp2BRMAAAGPSURBVEjHlVVbooUgCCzFt1bsf7PXshLM7Nz5kmLiNdg0cSRQIKffMeMOd9thHftvWLAUc7GIMKLI0x+h+B9nFd4JcBFwdzK2nK35DIAosukuw70RYiUANd9CaCRgpvvMCFFPqRpzn+AoYZ18NWyfIChhuWdS6D9E2Bj9qwZlGL8hCAsid04rVmZgLXgILmYGKXOftL2t2Et9oyH8ofSbkKi/UfWjy3mOhmj9yM/k6BB4qXvcdcsUuAZr5it24Rbd+qbZmgonOO9Cze4QFeCnKGv9u4t6Ksa4aJWd62ovVCNPxQRLe8VFs9JunwQyv8Suhh2SGtC+vTcn0jrreEoGK5Wgawl5dbXlbfWUYE0TVJAW+LaC+tDzquQeQ4nSQECOI6nARJn7Ll06YocZH/A0J2DjNB57iHkZdAls2apqwD5szsMIsODZHpk3/1zf8nkFtIx1IMh+HU9/g0OE8cX6RPpnSj2CGPkr3SkCBgTR/T0UEau4uSRl8vB53U/Sb26pl8bqzk+I33/bWjqReP5/rzRC5OE1LGoAAAAASUVORK5CYII=") no-repeat center center #EF546B;
  background-size: 18px auto;
}
.acquire_link_area-cl .jgBtn:last-child {
  margin-bottom: 0;
}

.acquire_menu-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
}
.acquire_menu-area > li {
  display: flex;
  box-sizing: border-box;
  width: calc(50% - 5px);
  margin-bottom: 12px;
}
.acquire_menu-area > li > a,
.acquire_menu-area > li > span {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #EF546B;
  border-radius: 6px;
  box-shadow: 0 3px 0 #EF546B;
  height: 41px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #333;
}
.acquire_menu-area > li > span {
  cursor: default;
  background: #EEE;
  border: none;
  box-shadow: 0 3px 0 #EEE;
  color: #CCC;
}

.acquire_cl .acquire_list_wrap {
  padding-top: 0px;
  border-top: 1px solid #CCC;
}
.acquire_cl .acquire_list_wrap:first-child {
  padding-top: 10px;
}
.acquire_cl.no-coupon {
  padding: 15px 10px;
}

.acquire_list_header {
  background: #CCC;
  padding: 10px 10px 0;
}

.webview .acquire_menu-area {
  margin-top: 10px;
}
.webview .is-close .acquire_cassette_coupon_detail_list * {
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.jgHeadline_icon_game::before {
  background-image: url("../../img/icon/ico_game_grn.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 24px;
}

.course-management {
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 6px;
  padding: 10px 0 16px;
}
.course-management img {
  width: 100%;
  height: auto;
}
.course-management #strategyBox a[href$="#strategyBox"] {
  margin: 6px 24px 0;
}
.course-management #strategyBox .jgBtn,
.course-management #strategyBox .btn-secondary {
  position: relative;
}
.course-management #strategyBox .jgBtn:after,
.course-management #strategyBox .btn-secondary:after {
  content: "";
  background-image: url("../../../site/sp/img/sprites/sprite_common.png");
  background-position: 0 0;
  background-size: 320px auto;
  display: block;
  width: 11px;
  height: 16px;
  position: absolute;
  top: calc(50% - 8px);
  right: 10px;
}
.course-management_detail .strategyBox_courseWrap {
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 6px;
  padding: 12px 0;
}
.course-management_detail .strategyBox_courseWrap:not(:last-child) {
  margin-bottom: 16px;
}
.course-management_detail img {
  width: 100%;
  height: auto;
}
.course-management_detail .strategyBox_wysiwyg_text {
  padding-right: 12px;
  padding-left: 12px;
}
.course-management_detail .strategyBox_wysiwyg_text p {
  margin-top: 12px;
}
.course-management_detail .strategyBox_wysiwyg_text ._title {
  font-size: 16px;
}
.course-management_detail .strategyBox_wysiwyg_text ._title:not(:first-child) {
  margin-top: 24px;
}

.strategyBox_wysiwyg_courseImg {
  margin-top: 10px;
}

.strategyBox_wysiwyg_text {
  padding-right: 10px;
  padding-left: 10px;
}
.strategyBox_wysiwyg_text ._title {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}
.strategyBox_wysiwyg_text p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.5;
}
.strategyBox_wysiwyg_text p + *:not(._title) {
  margin-top: 1em;
}
.strategyBox_wysiwyg_text p + ._title {
  margin-top: 20px;
}

.strategyBox_wysiwyg_title {
  color: #3B860D;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  margin: 0 12px;
  position: relative;
}
.course-management .strategyBox_wysiwyg_title {
  margin-bottom: 10px;
}
.strategyBox_wysiwyg_title.has-accordion {
  padding-right: 30px;
}
.strategyBox_wysiwyg_title.has-accordion::before, .strategyBox_wysiwyg_title.has-accordion::after {
  content: "";
  display: block;
  width: 13px;
  height: 3px;
  background-color: #3B860D;
  position: absolute;
  top: 50%;
  right: 0;
  transition: all 0.4s;
}
.strategyBox_wysiwyg_title.has-accordion::before {
  transform: rotate(90deg);
}
.is-open .strategyBox_wysiwyg_title.has-accordion::before {
  transform: rotate(0deg);
}

.strategyBox_wysiwyg_data {
  width: calc(100% - 20px);
  table-layout: fixed;
  margin: 10px auto 0;
}
.strategyBox_wysiwyg_data th {
  background-color: #EEE;
  border: solid 1px #CCC;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}
.strategyBox_wysiwyg_data td {
  border: solid 1px #CCC;
  padding: 8px 10px;
  font-size: 12px;
}
.course-management_detail .strategyBox_wysiwyg_data {
  width: calc(100% - 24px);
  margin-top: 24px;
}
.course-management_detail .strategyBox_wysiwyg_data th, .course-management_detail .strategyBox_wysiwyg_data td {
  font-size: 14px;
  padding: 12px 10px;
}
.course-management_detail .strategyBox_wysiwyg_data th {
  background-color: #f4f4f4;
}
.course-management_detail .strategyBox_wysiwyg_data th._title {
  background-color: #EEE;
  font-weight: 700;
}

.strategyBox_photoModule {
  position: relative;
  visibility: hidden;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: calc((100vw - 22px) * 0.75);
}
.strategyBox_photoModule ._arrowRight,
.strategyBox_photoModule ._arrowLeft {
  display: none;
  position: absolute;
  top: 50%;
  width: 16px;
  height: 32px;
  transform: translateY(-50%);
  z-index: 10;
}
.strategyBox_photoModule ._arrowRight.is-active,
.strategyBox_photoModule ._arrowLeft.is-active {
  display: block;
}
.strategyBox_photoModule ._arrowLeft {
  left: 10px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABABAMAAACJoGidAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURUdwTP///////////////////////////////////////////////////4sGkswAAAANdFJOUwAJzh/roftvQrQ5flBVir01AAAAlklEQVQ4y2NgQAKSCxhQwdx0VD733bsTUQTO3r2bgqyJ2ffu3WvImoTuAkEqspEgAUUUI4FmGKAYefduFqqRd68VoBl5Fc3Ia+hGXkEyshebkXfxGRmL5kp2dCPbaGRkBlWNXEaxkZgCGFowDMWwFtNhZBnbNqSMPYtuLEayxMgLdDOWC2RsDlpGvmSAN6tjFAaMoOICAGDf/Y/BbhKPAAAAAElFTkSuQmCC") no-repeat center center;
  background-size: 16px auto;
}
.strategyBox_photoModule ._arrowRight {
  right: 10px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABABAMAAACJoGidAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTP///////////////////////////////////////////////////////81e3QIAAAAOdFJOUwBy7MoIPh2kDdaxTSaaawRCAwAAAI9JREFUOMtjYGBgtWBABXKvUPnt794JIPN55r179xpZYNO7d+8eHUASqAMKvJuBJOAMEkA2lk0PJIJsbBxIANlYxncDauxzwsY+xTA2Ad1Yk6Ft7FskAU90AXQtGIaiW4vhMGcaGfmctkbeAwlMwZOk0BMddiNfoRs5g6ZGMsihJ3yMjMzShZbVMQsDtOICAER3GEU9y145AAAAAElFTkSuQmCC") no-repeat center center;
  background-size: 16px auto;
}
.strategyBox_photoModule ._number {
  position: absolute;
  right: 4px;
  bottom: 10px;
  z-index: 10;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #464036;
  text-align: center;
  line-height: 17px;
  color: #FFF;
}
.strategyBox_photoModule.is-show {
  visibility: visible;
}
.strategyBox_photoModule ._wraper {
  transition: 0.3s ease all;
  position: absolute;
  left: 0;
  top: 0;
  min-width: calc(100vw - 22px);
}
.strategyBox_photoModule ._wraper:after {
  content: "";
  display: block;
  clear: both;
}
.strategyBox_photoModule ._wraper > li {
  position: relative;
  width: calc(100vw - 22px);
  height: calc((100vw - 22px) * 0.75);
  float: left;
}
.strategyBox_photoModule ._wraper > li > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
}

[data-accordion=target] {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.2s;
}
.is-open [data-accordion=target] {
  margin-top: 12px;
  height: auto;
  opacity: 1;
  overflow: auto;
}

.floating-coupon {
  background-color: #FFF;
  border-radius: 55px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: calc(100vw - 20px);
  height: 55px;
  position: fixed;
  right: 10px;
  bottom: 20px;
  z-index: 30;
  opacity: 1;
  transition: all 0.2s;
}
.floating-coupon.order1 {
  bottom: 85px;
}
.coupon-hide .floating-coupon {
  width: 0;
  opacity: 0;
}
.floating-coupon a {
  text-decoration: none;
  color: #EF546B;
  display: flex;
  align-items: center;
  height: 100%;
}
.floating-coupon a:active, .floating-coupon a:link, .floating-coupon a:visited {
  text-decoration: none;
  color: #EF546B;
}
.floating-coupon._banner .floating-coupon_link {
  justify-content: center;
}
.floating-coupon_link {
  box-sizing: border-box;
  line-height: 1.1;
  padding-right: 15px;
  padding-left: 10px;
  position: relative;
  opacity: 1;
  transition: width 0.2s;
}
.floating-coupon_price {
  width: auto;
  font-size: 12px;
  font-weight: bold;
}
.floating-coupon_price .price {
  font-family: Arial;
  font-size: 22px;
  vertical-align: -1px;
}
.floating-coupon_price .unit_yen {
  font-size: 14px;
}
.floating-coupon_price [data-term=obtain] {
  margin-left: 6px;
}
.floating-coupon_banner {
  font-size: 14px;
  font-weight: bold;
}
.floating-coupon_banner > span {
  font-size: 10px;
}
.floating-coupon_close {
  border-right: solid 1px #CCC;
  display: block;
  width: 37px;
  height: 100%;
  position: relative;
}
.floating-coupon_close::before {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAMAAABf788oAAAABGdBTUEAALGPC/xhBQAAAGBQTFRF7lRq71Fp61Fl7lRq71Nr7VFq7lNq7lNq7VRq7lRp7lNr71Nr7FNm7lNq7Exo7lRr7lRr71Nr7lNq50lh71Nr6U5k61Jm605i71Nq7lNq7lNq7lNq71Fn6lNoAAAA71RrBNI7TAAAAB90Uk5TtD8m8NlIubZGPdfvKLUb4cbNxxXLFxkaysji4C8xAPafuTMAAAB5SURBVBjTXdE3AsMwDENRpDvV6U4F739Liy4SYW7/DVgIbo8HhkO1t/ofYWdmnyDYmAqatwr4VAEnkkDFQaSDKD0EGaDICFky8HZ2uRR4XB3uGZqX9/eHSY+juQco3UPoDmI7SCfQJk7axFqbWGoTq4V0Gp1hHl/ZAn1kMd4s63XxAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: 18px center;
  background-size: 7px auto;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.2s;
}
.floating-coupon[data-coupontype=club] {
  background-color: #EF546B;
}
.floating-coupon[data-coupontype=club] a {
  text-decoration: none;
  color: #FFF;
}
.floating-coupon[data-coupontype=club] a:active, .floating-coupon[data-coupontype=club] a:link, .floating-coupon[data-coupontype=club] a:visited {
  text-decoration: none;
  color: #FFF;
}
.floating-coupon[data-coupontype=club] .floating-coupon_close {
  border-right-color: rgb(241.4, 109.65, 129.2);
}
.floating-coupon[data-coupontype=club] .floating-coupon_close::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAAXNSR0IArs4c6QAAALxJREFUOBFjYACC////2wLxViDWAPFJAkBNbkD8HohB4CEQG5JqwHWwVgTxiCRDgIq3IfTCWcQbAtQiBcQn4FoRDJIMkRw1BDXmgeExGiaoQQLKbKJAfAyI0cFZJjS1uLggdYxYJP9hEUMVAloJSuqn0K0G8h8AsT6qajQeUMGoZkTIDfIAkwa6lLx4BkU7UPNOhFfhLMJ+hqUZoJabcG0QBvGaoS7wAOr7ADWENM1IrrAHGrAFiNVgYsTSAN6h0HDGvzh+AAAAAElFTkSuQmCC");
}
.floating-coupon.is-close {
  border-radius: 50%;
  width: 55px;
}
.floating-coupon.is-close .floating-coupon_close {
  border-right: none;
  width: 55px;
}
.floating-coupon.is-close .floating-coupon_close:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAyCAMAAADbXS0mAAAABGdBTUEAALGPC/xhBQAAAeZQTFRF8FZt8FVr71Rs/1WA8FZt71Vs71Vs91Vv8lZt71Vs8VZr/1V38FZs8FVs8lZs8FVt71Vs71Rr9ltt8l5r8lhu8VRs8FRs8FVs71Rr8FVs8FRs8lVr81Vt/2J271Zs8FVs8Vdt81108VVs71Rr8FZt8FRs8FVs8VVu8VZs8FZu8Vdv8VVr8FVr8FZs8FVs8FVs71Zs8FRr8FVr8VRt71dt71Vs8Fdt8lZr71Rr8FRr71Vr8FVs8FZs8VVt71Vr8VRt71Vr8FVr8FRs71Vt8FVs71Rs8Fhu8FVs8FVs71Vs8FRr8FRs71Zs8FVr8FRr71Vs8FVs8FRs71Vr8FVs8lVv8FVs8FZr8lVv8FVs9Vxw/1Vx9Flv71Rr81lx8llz8FVr8ldr71Vr8VZs8Fp48FRs8FZr8FVs8FVs/2aA8FVr8Vds9Vhs8FRs9lhy71Vs71Rs8Vpu/2CA71Vr8FVs8FVr8FVs8lVs71Rs71Vr8FVr9FV18FZs8FVr8FRr8ldr8FVs72Bw8FRs/1109FVs8Fdt8FVr/1WA8FRr/21t/1Wq8FVr/4CA9Fdt8FVs8FVs/2aZ8FRr8FVs71ht/4CA////8FZs8FVs71Vr/1tt71Vs71Vt71Vs81Vt8Fpx8VZt71RsAAAA71RreX9CvAAAAKF0Uk5Tm+6gDET29B5N02sPU+g7VLTyHBM6bdfN0eqtORUNcSE4Fm/UZbm7SEdWNZ+3aIftoWSKXlLERl+RvFF7iY3DW7K1+IGvYUPM2dCp+5LYyMCupvPcPKiYJ94ZCRewKxTKTORcEex3urgKRUka7x2x5iUIor33yU6zcusYp5bdJv0QdgstI98GnQcD+gQv+awF/lcxAgGVY/AO8WDlKiKPggAYLQQQAAACW0lEQVRIx+2WZXfbMBSGM2ZmZmbmdcxY3sorM6fhNA0zONBuSav3n05yvNTpUeLU+7Sd3nN8Leve+9iWX0vSEK55P4xhoUWkI5WUZ2r49V9RxFKKAP87FDUlQDgkpg3M8WxcGRB+kb3PT+7bzSoCXE/wVwDPU5rhe64aMNxJE4LagFrA9w4af9ZM1AK6Rml4rIeoBUx9ZoPnjkajNnWAL3lyUQF4nweILh6QV/9xUhVgJC2ZxU9UAWaJgi0B/gXApzkFGy9ZiWom1VRp9YWn9WRJhFIWlkXYEuB/AgR2lJL8zeQ+wgeE9agsWtp4r5N6U/POKj4giaau6daDFlchwCTKqTduTncQ0j/SuxBQp5dkXs+pTZ+PxWKVWE39xk3OBkJuoa8sG4p7JMAEzFvrQ0YnQhzABfmPxBIcj4GHAgt1DwyLgHbot7OltQ1nOICT1YlEQgMf9YnqXaxHeIRgA2ucwmUKEO7CepZdHkZtnJ7sQ46MZI4hOwus8ZNpzNDNg+EP9MEl5rWYMVBANBI8J+6NWtDOzmb5I79hPRXlAQZYGZzIezTLPhwXx+Blt3htQ4u4nL4d/JWzwde0owbL/AywYpWvUS4KJ/Z6ZUq8FsFt/ifUYXn2Faqwfr73wG5UZGRSvmGFiV8vrIM2C1iLE4LUecwdwZ66eSEJOiuuFljPf6DWlQWEnbjDNoL25EUfsP9QTkjxnibgepxf33sFW0gWQFltrcTbx0b39FGZEpOA+WYhEcfvG6nfgG2sHXrFZOcb1dXkS9lt8yj8hwYEc+3+KRXzQTiTKRD5DRV7jLS3xnuDAAAAAElFTkSuQmCC");
  background-position: center center;
  background-size: 40px auto;
}
.floating-coupon.is-close[data-coupontype=club] .floating-coupon_close:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAyCAMAAADbXS0mAAAABGdBTUEAALGPC/xhBQAAAeZQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////KTSTnQAAAKF0Uk5ToJvuDET29B5N02sPO+hTVLTyExw6bc3Rrdc56hUNcSFvOBbUZbm7SEdWnzW3aIftUmSKXqHERl+RvFF7W4nDjbX4r7KBYUPM2dCppq7Aktj7yPPcPKiYJ94ZCRewKxTKTFzkEex3urgKRUka7x2xJeYIor33yU6zcusYp5b+3Sb9EHYLLSPfBp0HA/oEL/msBVcxAgGVY/AO8WDlKiKPggChpGmLAAACV0lEQVRIx+2WVXvbMBSGO2ZmZmZmZt7KW3Fl5qbhpGmYEwfaLWn1/dNJdpY6e+Q49a62p+fiWD7wxlY+SyojXPN/HIOSpVPyyjJ+/zsUsbQqIPgWRU0NEI2IZQNzPBtXB0SfSr/zg/t2s6oAzzP8FcD3mFYEnmsGDHfSgrAupBXwrYPmnzQTrYCuUZoe6yFaAVMf2OR5Y7GYQxvgfYFcNAA+FwBiCwcU9H+a1AQYyeTMFiSaALNExRYB/wLgy5yKjZesRC2Larq0fuVlPVUSoZSNZQG2CPifAKGtpRR/NXsP8QFRAyqLtjbe6aTe3Ly9ig9IoalrunW/zaMEmEQ59ab1mQ5C+kd6/wTUGXIyr+f0Zs7F4/FKrKR+4wZ3AyE30HdfSiV8OcAErJvrIyY3IhzAWfmHxApcD4EHAkt1DwyLgHYYtrGttQ2nOIDj1clkcgkC1Cerd7CI8AjhBjY4gYsUINyG/TS7PYjaBL04B13ZnLkGnSyxKkimMUMPD8bf0HsXmNdhxkgBMUv4jHg2akE7u1rlj/yaRSrKQwywPDxR8Gi2fTgszsGLbvHegRZxO30z9DNvQ69ooAZLgwywbEWgUS4KN3b5ZUq8YsFN/l+oR5n0ClVYOx/duwcVWZmUr9lh5vcLa6CTAKtxTMgFj3ot2Fk3LyRBb8d1hf38O2o9EiDqxi12EHSmzgeA3QfyQkr0NAFXE/z+3kvYRCQAZbW1En8fm92TR2RKTAHWy0oiTtw1Ub8OW9g48pLJLjCqrymUstfhU/kOjQjnx/1TGtaDaDarkPkFg02M55Get20AAAAASUVORK5CYII=");
}
.floating-coupon.is-close .floating-coupon_link,
.floating-coupon.is-close .floating-coupon_price {
  width: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
}

.row {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: end;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-between {
  justify-content: space-between;
}

.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}

.point-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.point-info + * {
  margin-top: 4px;
}
.point-info_txt {
  font-size: 10px;
}
.point-info_icon {
  display: flex;
}
.point-info_icon a {
  padding-left: 6px;
}
.point-info_icon img {
  display: block;
  width: auto;
  height: 16px;
}
.point-info_errorMes a {
  color: #B34C41;
  font-size: 10px;
  text-decoration: underline;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-open .modal-bg {
  display: block;
}

.modal {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 110;
  overflow: hidden;
}
.modal.show {
  display: block;
}
.modal * {
  box-sizing: border-box;
}
.modal-bg {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
}
.modal-dialog {
  display: flex;
  align-items: center;
  width: calc(100% - 40px);
  height: calc(100% - 30px);
  margin: 15px auto;
}
.modal-content {
  position: relative;
  background-color: #FFF;
  border-radius: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.modal-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #3B860D;
  padding: 10px;
}
.modal-title {
  font-weight: bold;
  font-size: 14px;
}
.modal .close {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}
.modal .close::before, .modal .close::after {
  content: "";
  display: block;
  width: 26px;
  height: 3px;
  background-color: #666;
  position: absolute;
  top: calc(50% - 1.5px);
  left: calc(50% - 13px);
  transform: rotate(45deg);
}
.modal .close::before {
  transform: rotate(45deg);
}
.modal .close::after {
  transform: rotate(-45deg);
}
.modal-body {
  padding: 10px;
}
.modal-body .jgBtn {
  width: 70%;
}
.modal-footer {
  padding: 10px;
}
.modal p:not(:last-child) {
  margin-bottom: 1em;
}

body.alertDialog-open {
  overflow: hidden;
  height: 100vh;
}
body.alertDialog-open .modal-bg {
  background-color: #999;
  display: block;
}
body.alertDialog-open #pageTop {
  display: none;
}

.modal._reserveChange {
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal._reserveChange .modal-content {
  border-radius: 10px 10px 0 0;
  margin: 24px auto 0;
  padding: 24px 16px 140px;
  width: 100vw;
  height: 100%;
  overflow-y: scroll;
}
.modal._reserveChange .reserveChange-heading {
  background-color: #FBEFED;
  color: #B34C41;
  padding: 12px;
}
.modal._reserveChange .reserveChange-heading p {
  font-size: 16px;
}
.modal._reserveChange .reserveChange-heading > p {
  gap: 0 4px;
  display: flex;
  align-items: flex-start;
  gap: 0 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}
.modal._reserveChange .reserveChange-heading > p svg {
  fill: #B34C41;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 1px;
}
.modal._reserveChange .reserveChange-heading > p + * {
  margin-top: 4px !important;
}
.modal._reserveChange .reserveChange-heading + * {
  margin-top: 12px;
}
.modal._reserveChange p {
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 0;
}
.modal._reserveChange p + * {
  margin-top: 12px;
}
.modal._reserveChange p + .reserveChange-heading {
  margin-top: 24px;
}
.modal._reserveChange p.indent {
  padding-left: 1em;
  text-indent: -1em;
}
.modal._reserveChange em {
  color: #B34C41;
  font-style: normal;
}
.modal._reserveChange .userAction {
  background-color: #FFF;
  border-top: solid 1px #CCC;
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px 24px 24px;
}
.modal._reserveChange .userAction > p:first-child {
  font-size: 14px;
  font-weight: bold;
  flex-shrink: 0;
  text-align: center;
}
.modal._reserveChange .userAction-area {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 0 12px;
  margin-top: 8px;
}
.modal._reserveChange .userAction-area *[class^=btn-] {
  margin-top: 0;
}
.modal._reserveChange .userAction-area .btn-secondary__medium {
  flex-shrink: 0;
  width: 80px;
}

.fw_b, .fw-b, .b {
  font-weight: bold !important;
}

.fw_n {
  font-weight: normal !important;
}

var {
  font-style: normal;
}

.td_u, .u, .underline {
  text-decoration: underline;
}

.lh_1 {
  line-height: 1;
}

.lh_12 {
  line-height: 1.2 !important;
}

.lh_14 {
  line-height: 1.4 !important;
}

.line20, .lh20 {
  line-height: 20px !important;
}

.hI {
  text-indent: -1em;
  padding-left: 1em;
}

.hIAster {
  text-indent: -6px;
  padding-left: 6px;
}

.fc_white {
  color: #FFF !important;
}

.fc_deepBlack {
  color: #000 !important;
}

.fc_black {
  color: #333 !important;
}

.fc_orange {
  color: #EB5C01 !important;
}

.fc_darkOrange {
  color: #EB5C01 !important;
}

.fc_lightOrange2 {
  color: #FA8131 !important;
}

.fc_lightOrange {
  color: #ff6b09 !important;
}

.fc_em {
  color: #c00 !important;
}

.fc_deepRed {
  color: #ff3333 !important;
}

.fc_red {
  color: #f00 !important;
}

.fc_blue {
  color: #1B47FF !important;
}

.fc_green {
  color: #3B860D !important;
}

.fc_titleGreen {
  color: #48950D !important;
}

.fc-grn {
  color: #3B860B !important;
}

.fc_gray {
  color: #666 !important;
}

.fc_lightGray {
  color: #CCC !important;
}

.fc_dullGray {
  color: #999 !important;
}

.fc_link {
  color: #0562D9 !important;
}

.fc_visitedLink {
  color: #9720C9 !important;
}

.fc-lightGreen {
  color: #2EA130 !important;
}

.fgRed {
  color: #f00 !important;
}

.fgOrange {
  color: #FF5800 !important;
}

.fs10 {
  font-size: 10px !important;
}

.fs11 {
  font-size: 11px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs17 {
  font-size: 17px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs19 {
  font-size: 19px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs21 {
  font-size: 21px !important;
}

.fs22 {
  font-size: 22px !important;
}

.fs23 {
  font-size: 23px !important;
}

.fs24 {
  font-size: 24px !important;
}

.fs0 {
  font-size: 0;
}

.fsvw {
  font-size: 1.2em;
}

.bgc_deepBlack {
  background-color: #000;
}

.bgc_black {
  background-color: #333;
}

.bgc_lightBlack {
  background-color: #333;
}

.bgc_gray {
  background-color: #666;
}

.bgc_dullGray {
  background-color: #999;
}

.bgc_lightGray {
  background-color: #CCC;
}

.bgc_lighterGray {
  background-color: #EEE;
}

.bgc_white {
  background-color: #FFF;
}

.bgc_deepRed {
  background-color: #f33;
}

.bgc_red {
  background-color: #f00;
}

.bgc_darkOrange {
  background-color: #EB5C01;
}

.bgc_orange {
  background-color: #EB5C01;
}

.bgc_lightOrange {
  background-color: #ff6b09;
}

.bgc_lightestOrange {
  background-color: #fbf8e9;
}

.bgc_lightBeige2 {
  background-color: #fcf4d8;
}

.bgc_green {
  background-color: #3B860D;
}

.bgc_lightGreen {
  background-color: #339f36;
}

.bgc_lighterGreen {
  background-color: #E7F7DD;
}

.bgc_blue {
  background-color: #1B47FF;
}

.bg_white {
  background-color: white !important;
}

.content._line {
  border-top: 5px solid #2EA130;
  padding-top: 10px;
}
.content._line._pd-t0 {
  padding-top: 0;
}

.hide, .dn {
  display: none;
}

.show, .db {
  display: block;
}

.dt {
  display: table;
}

.dtc {
  display: table-cell;
}

.dib {
  display: inline-block;
}

.ofh {
  overflow: hidden;
}

.radius4, .rad_4 {
  border-radius: 4px;
}

.radius_t4 {
  border-radius: 4px 4px 0 0;
}

.radius_b4 {
  border-radius: 0 0 4px 4px;
}

.t0 {
  top: 0 !important;
}

.block {
  display: block;
}

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

.fl {
  float: left;
}

.fr {
  float: right;
}

.cb {
  clear: both;
}

.relative, .pr {
  position: relative;
}

.absolute, .pa {
  position: absolute;
}

.ta_center, .ta-c, .ta_c, .tac {
  text-align: center;
}

.ta_left, .ta-l, .ta_l {
  text-align: left;
}

.ta_right, .ta-r, .tar, .tr, .ta_r {
  text-align: right;
}

.va_top, .va_t, .vat, .va_t {
  vertical-align: top;
}

.va_middle, .va_m, .vam {
  vertical-align: middle;
}

.va_bottom, .va_b {
  vertical-align: bottom;
}

.va_sub {
  vertical-align: sub;
}

.va_tb {
  vertical-align: text-bottom;
}

.ellipsisline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis2line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.ellipsis3line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.w45 {
  width: 45px;
}

.w60px {
  width: 60px;
}

.w75 {
  width: 75px;
}

.w140 {
  width: 140px;
}

.w230 {
  width: 230px !important;
}

.w250 {
  width: 250px;
}

.w5 {
  width: 5%;
}

.w100 {
  width: 100%;
}

.w110 {
  width: 110px;
}

.w30par {
  width: 30%;
}

.w95par {
  width: 95%;
}

.w100par, .wf {
  width: 100%;
}

.h20 {
  height: 20px;
}

.h50 {
  height: 50px;
}

.h30min {
  min-height: 31px;
}

.border-t_gray {
  border-top: 1px solid #CCC;
}

.border-b_gray {
  border-bottom: 1px solid #CCC;
}

.border-t_dullGray {
  border-top: 1px solid #999 !important;
}

.border-b_dullGray {
  border-bottom: 1px solid #999 !important;
}

.border-after_dullGray:after {
  border-top: 1px solid #999 !important;
}

.no_after:after {
  content: none !important;
}

.no_before:before {
  content: none !important;
}

.modalWindow {
  position: relative;
  width: 100%;
  height: 100%;
}

html.modalOpen {
  height: 100vh;
}

.modal-block {
  position: fixed;
  z-index: 1500;
  left: 50%;
  top: 50%;
}

#__modalBack {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgb(0, 0, 0);
  z-index: 1000;
}

/* grepでヒットせず
.importantNotices {
  background-color: #fcf2d3;
  color: #eb5c01;
  font-weight: bold;
  padding: 10px;
}
*/
/*# sourceMappingURL=_mapDartSass/common_sp.css.map */