@charset "utf-8";
.align-center {
    text-align: center !important;
}
.align-left {
    text-align: left !important;
}
.align-right {
    text-align: right !important;
}
.btn-primary:hover {
    color: #FFF;
}
.btn-default-large{
    height:30px;
    line-height:30px;
    border: 1px solid #999999;
    background-color: #ffffff;
    color: #666666;
    font-size: 16px;
}
.btn-default-large:hover{
    color: #666666;
}
.btn-between {
    display: flex;
    justify-content: space-between;
}
.btn-between .btn {
    width: 40%;
    max-width: 240px;
    min-width: 80px;
    margin: 0 0.25rem;
}
.btn-between .btn:first-child {
    margin-left: 0;
}
.btn-between .btn:last-child {
    margin-right: 0;
}
.btn-between .flex2 {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.btn-between .flex2 .btn {
    width: 45%;
    max-width: 240px;
    min-width: 180px;
    margin-bottom: 0.5rem;
}
.txt-link {
    color: #0288B5;
}
.txt-link:hover {
    text-decoration: underline;
    color: #099fd1;
}
.txt-danger {
    color: #FF3366;
}
@media (min-width: 960px) {
    .btn-default-large {
        width:328px;
    }
}
@media (max-width: 959px) {
    .btn-default-large {
        width:90%;
    }
    .btn-between .flex2 {
        max-width: 240px;
        justify-content: center;
    }
    .btn-between .flex2 .btn {
        width: 100%;
        max-width: unset;
    }
    .btn-between .btn:first-child,
    .btn-between .btn:last-child {
        margin-left: unset;
        margin-right: unset;
    }
}
@media (max-width: 599px) {
    .btn-between {
        flex-direction: column;
        align-items: center;
    }
    .btn-between .btn {
        width:90%;
        max-width: unset;
        margin: 1rem 0;
    }
    .btn-between .flex2 {
        width:100%;
        max-width: unset;
        justify-content: center;
    }
    .btn-between .flex2 .btn {
        width: 90%;
        max-width: unset;
    }
    .btn-order-end {
        order: 99;
    }
}


.frm-input.frm-input-group {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 4px;
}
.frm-input.frm-input-group input[type=text],
.frm-input.frm-input-group input[type=email],
.frm-input.frm-input-group input[type=password] {
    border: none;
    margin: 0;
}
.frm-input.frm-input-narrow {
    width: 100%;
    max-width: 480px;
    padding: 0 0.375rem;
}
.frm-label {
    margin: 0.5rem 1rem 0.375rem 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #117b9e;
    cursor: default;
    display: block;
}
.txt-login-password {
    width: calc(100% - 46px);
    flex-grow: 1;
    line-height: 30px;
    padding: 7px;
    font-size: 28px;
    height: 46px;
    color: #333;
}
.btn-visibility {
    display: flex;
    width: 46px;
    height: 46px;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 4px;
    background: none !important;
    appearance: none;
    margin: 0;
    cursor: pointer;
}
.btn-visibility .visibility_icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../img/visibility_icon.svg);
    background-size: 48px 24px;
    background-position: 0 0;
    opacity: 0.5;
    transition: all 0.15s ease;
}
.btn-visibility:hover .visibility_icon {
    opacity: 1;
}
.btn-visibility.visibility .visibility_icon {
    background-position-x: 24px;
}
.panel-login .txt-link {
    font-size: 1.125rem;
    margin: 2rem auto 0.5rem;
}
.panel-login .note,
.mypage-container .note {
    font-size: 1.125rem;
    margin: 1rem auto;
}
.panel-login a {
    color: #0288B5;
}
.panel-login a:hover {
    text-decoration: underline;
}
.panel-login a.btn-primary,
.panel-login a.btn-primary-small,
.panel-login a.btn-primary-large {
    color: #FFF;
}
.panel-login .btn {
    text-align: center;
}
.panel-login a.btn:hover {
    text-decoration: none;
}
.panel-login .check-login {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem auto 1.5rem;
    font-size: 1.125rem;
}
.panel-login .check-login input[type=checkbox] {
    margin-right: 4px;
}
.frm-input .flex2 {
    display: flex;
}
.frm-input .flex2 .txt-mypage-half {
    margin-left: 0;
    margin-right: 1rem !important;
}
.frm-confirm {
    margin: 0.5rem auto 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    width: 100%;
}
.frm-confirm ul {
    display: flex;
    align-items: baseline;
}
.frm-confirm ul li.label {
    vertical-align: baseline;
    color: #117b9e;
}
.frm-confirm ul li.note {
    vertical-align: baseline;
    word-wrap: break-word;
    word-break: break-all;
    margin: 0;
    font-size: 18px;
}
.frm-confirm table {
    width: 100%;
    margin: 0.5rem auto 2rem;
	border-collapse: collapse !important;
    border-top: solid 2px #cfcfcf;
    border-bottom: solid 2px #cfcfcf;
}
.frm-confirm tbody,
.frm-confirm tr {
    width: 100%;
}
.frm-confirm table .label {
    width: 40%;
    vertical-align: baseline;
    color: #117b9e;
    max-width: 318px;
    border-bottom: solid 1px #cfcfcf !important;
}
.frm-confirm table .note {
    width: 60%;
    vertical-align: baseline;
    max-width: 318px;
    border-bottom: solid 1px #cfcfcf !important;
}
.frm-confirm .note {
    word-wrap: break-word;
    word-break: break-all;
}
.frm-confirm .note.align-left {
    margin-left: 0;
}
.frm-confirm .note.align-right {
    margin-right: 0;
}
.frm-confirm .note .price {
    width: 8rem;
    display: inline-block;
    text-align: right;
}
.txt-mypage {
    line-height: 30px;
    padding: 7px;
    font-size: 18px;
    margin: 0 auto 0.25rem;
    height: 46px;
    color: #333;
}
.txt-mypage-password {
    width: calc(100% - 46px);
    flex-grow: 1;
    line-height: 30px;
    padding: 7px;
    font-size: 18px;
    height: 46px;
    color: #333;
}
.txt-mypage,
.txt-mypage-password {
    width: 100%;
}
.txt-mypage-half {
    width: 48%;
}
.txt-mypage-autowidth {
    width: auto;
}
.txt-mypage-auto {
    width: auto;
}
textarea.txt-mypage {
    height: auto;
    border: 1px solid #ccc;
}
textarea.txt-mypage::placeholder {
    color: #ccc;
}
.txt-mypage-small {
    font-size: 16px;
    padding: 0.375rem 0.5rem;
    line-height: 1.5;
    height: auto;
}
.txt-mypage-check {
    margin: 1.5rem auto 1.5rem;
    font-size: 1.125rem;
}
.txt-mypage-check input[type=checkbox] {
    margin-right: 4px;
}
.txt-nowrap {
    white-space: nowrap;
}
.mypage-container {
    font-size: 1.125rem;
}
.mypage-container .page-title {
    margin-bottom: 2rem;
}
.mypage-container .frm-input {
    margin: 0.75rem auto 1rem;
}
.mypage-container .frm-input p {
    width: 100%;
}
.mypage-container .frm-input a {
    color: #0288B5;
}
.mypage-container .frm-input a:hover {
    text-decoration: underline;
}
.mypage-container .panel-input {
    width: 100%;
    margin: 1rem auto 2rem;
}
.mypage-container .empty {
    background: #EEE;
    padding: 1rem;
    margin: 1rem auto;
}
.mypage-container .list-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    padding: 1rem 0;
}
.mypage-container .list-area {
    margin-bottom: 1rem;
}
.mypage-container .list-area table {
    width: 100%;
}
.mypage-container .list-area table ,
.mypage-container .list-area th {
	border: 1px solid #1d6c86 !important;
	border-collapse: collapse !important;
}
.mypage-container .list-area td {
	border: 1px solid #89a3ac !important;
	border-collapse: collapse !important;
}
.mypage-container .list-area table thead th {
    background: #0288B5;
    color: #FFF;
    padding: 0.75rem;
}
.mypage-container .list-area table tbody td {
    padding: 0.375rem 0.75rem !important;
}
.new-line-wrap span {
    display: inline-block;
}
.pagenation {
    display: flex;
    justify-content: flex-end;
    margin: 1rem -0.125rem;
}
.pagenation li {
    padding: 0;
    margin: 0 0.125rem;
}
.pagenation li a {
    display: inline-block;
    border: 1px solid #0288B5;
    border-radius: 0.25rem;
    padding: 0.375rem 0.5rem;
    min-width: 2.125rem;
    color: #0288B5;
    background: #FFF;
    font-size: 0.875rem;
}
.pagenation li a:hover {
    background: #cce5ef;
}
.pagenation li a.current {
    background: #0288B5;
    color: #FFF;
    pointer-events: none;
}
.mypage-container h2 {
    background: #0d94b9;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0.75rem;
    margin: 1.5rem auto;
    border-radius: 0.25rem;
}
.mypage-container h3 {
    font-size: 1.375rem;
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid #0d94b9;
    border-left: 10px solid #0d94b9;
    color: #0288B5;
    padding: 0 1rem 0.125rem;
    margin: 1.5rem auto 1rem;
}
.mypage-container .txt-label {
    display: inline-flex;
    flex-wrap: wrap;
    margin-top: 0.25rem;
}
.mypage-container .txt-label input[type=radio] {
    width: 18px;
    height: 18px;
    margin: 0 0.5rem 0 0;
}
.mypage-container .master-label {
    display: inline-block;
    white-space: nowrap;
    font-size: 0.875em;
    background: #0ab459;
    color: #FFF;
    padding: 0.125rem 0.75rem;
    margin: 0 0.5rem;
    border-radius: 1rem;
}
.mypage-container .login-label {
    display: inline-block;
    white-space: nowrap;
    font-size: 0.875em;
    background: #2483ff;
    color: #FFF;
    padding: 0.125rem 0.75rem;
    margin: 0 0.5rem;
    border-radius: 1rem;
}
.mypage-container .expired-label {
    display: inline-block;
    white-space: nowrap;
    font-size: 0.875em;
    background: #969696;
    color: #FFF;
    padding: 0.125rem 0.75rem;
    margin: 0 0.5rem;
    border-radius: 1rem;
}
.mypage-container .group-label {
    display: inline-block;
    white-space: nowrap;
    font-size: 0.875em;
    background: #f38f14;
    color: #FFF;
    padding: 0.125rem 0.75rem;
    margin: 0 0.5rem;
    border-radius: 1rem;
}
.mypage-dialog-btn{
    margin: 28px 0px 21px 0px;
    padding: 4px;
    display: inline-block;
    box-sizing: content-box;
    cursor : pointer;
    -webkit-appearance: none;

    width: 200px;
    height:20px;
    line-height:20px;

    border: 1px solid #aaa;
    border-radius: 20px;
    background-color: #aaa;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}
.thumbnail-area {
    margin: 0 -0.5rem 1rem;
    display: flex;
    flex-wrap: wrap;
}
.thumbnail-area .thumbnail-box {
    display: flex;
    flex-direction: column;
    border: solid 1px #ddd;
    border-radius: 0.25rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.15);
    padding: 0.75rem;
    margin: 0 0.5rem 1rem;
}
.thumbnail-box .thumbnail-img,
.thumbnail-box .thumbnail-video {
    margin: 0 auto 0.75rem;
    background: #EEE;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    position: relative;
}
.thumbnail-box .thumbnail-img a,
.thumbnail-box .thumbnail-video a {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;
}
.thumbnail-box .thumbnail-img img.pic-thumbnail {
    display: block;
    object-fit: contain;
    cursor: zoom-in;
}
.thumbnail-box .thumbnail-video img.pic-thumbnail {
    display: block;
    object-fit: contain;
    cursor: default;
}
.thumbnail-box .thumbnail-img .m-lens {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    bottom: 0.25rem;
    right: 0.25rem;
    opacity: 0.3;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI2IDI2Ij48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZS13aWR0aDowcHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxLjEsMTAuNmMwLDIuMy0uOCw0LjUtMiw2LjJsNi40LDYuNGMuNi42LjYsMS43LDAsMi4zLS42LjYtMS43LjYtMi4zLDBsLTYuNC02LjRjLTEuNywxLjMtMy45LDItNi4yLDItNS45LDAtMTAuNi00LjctMTAuNi0xMC41UzQuNywwLDEwLjYsMHMxMC41LDQuNywxMC41LDEwLjZabS0xMS44LDQuNGMwLC43LjUsMS4yLDEuMiwxLjJzMS4yLS41LDEuMi0xLjJ2LTMuMmgzLjNjLjcsMCwxLjItLjUsMS4yLTEuMnMtLjUtMS4zLTEuMi0xLjNoLTMuM3YtMy4yYzAtLjctLjUtMS4yLTEuMi0xLjJzLTEuMi41LTEuMiwxLjJ2My4yaC0zLjJjLS43LDAtMS4yLjUtMS4yLDEuMnMuNSwxLjIsMS4yLDEuMmgzLjN2My4zaC0uMVoiLz48L3N2Zz4=");
}
.thumbnail-box .thumbnail-video .m-lens {
    display: none;
}
.thumbnail-box .thumbnail-video {
    background-color: #666;
}
.pic {
    position: relative;
}
.thumbnail-box .thumbnail-video::after,
.pic.thumbnail-video::after,
#download_dlg .modal-window .detail-left.thumbnail-video::after {
    display: flex;
    content: "";
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI2IDI2Ij48ZGVmcz48c3R5bGU+LmJ7ZmlsbDpub25lO30uYiwuY3tzdHJva2Utd2lkdGg6MHB4O30uY3tmaWxsOiM2NjY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjIiBkPSJNNCw5YzAtMS4xLjktMiwyLTJoOGMxLjEsMCwyLC45LDIsMnY4YzAsMS4xLS45LDItMiwySDZjLTEuMSwwLTItLjktMi0ydi04Wk0yMS40Nyw4LjEyYy4zMy4xOC41My41MS41My44OHY4YzAsLjM3LS4yLjcxLS41My44OC0uMzMuMTctLjcyLjE2LTEuMDMtLjA1bC0zLTItLjQ0LS4zdi01LjA3bC40NC0uMywzLTJjLjMxLS4yLjctLjIzLDEuMDMtLjA1WiIvPjxyZWN0IGNsYXNzPSJiIiB3aWR0aD0iMjYiIGhlaWdodD0iMjYiLz48L3N2Zz4=");
    background-color: #FFF;
    width: 2rem;
    height: 2rem;
    border-radius: 0 0 0.25rem 0;
    position: absolute;
    top: 0;
    left: 0;
}
#download_dlg .modal-window .detail-left.thumbnail-video {
    background: #666;
}

.zoom-container {
    position: relative;
}
.thumbnail-box .thumbnail-img .zoom-pic-thumbnail-container {
	-webkit-user-select: none; /* スマホの長押し選択キャンセル */
    cursor: zoom-in;
}
.thumbnail-box .thumbnail-video .zoom-pic-thumbnail-container {
	-webkit-user-select: none; /* スマホの長押し選択キャンセル */
    cursor: default;
}
.zoom-pic-thumbnail-container .pic-thumbnail {
	display: block; /* 画像サイズとDOMサイズを一致させるため */
	pointer-events: none; /* スマホの長押しメニューキャンセル */
}
.zoom-image-container {
    width: 250px;
    height: 250px;
    background: #AAA;
    border: solid 0.25rem #FFF;
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1.75rem rgba(0,0,0,0.75);
    overflow: hidden;
    position: absolute;
    z-index: 3;
}
.zoom-image-container .zoom-image {
    position: absolute;
    box-shadow: none;
    width: unset;
    height: unset;
    max-width: unset;
}
.zoom-image-container::before {
    content: "Now Loading...";
    color: #FFF;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: calc(50% - 1rem);
}

.thumbnail-box .img-info {
    margin-bottom: 0.75rem;
    flex-grow: 1;
}
.thumbnail-box .img-info ul {
    display: flex;
}
.thumbnail-box .img-info ul li.label {
    vertical-align: baseline;
    color: #117b9e;
    font-size: 0.825rem;
}
.thumbnail-box .img-info ul li.note {
    vertical-align: baseline;
    word-wrap: break-word;
    word-break: break-all;
    margin: 0;
    font-size: 0.875rem;
}
.thumbnail-box .cart-btn {
    display: flex;
    justify-content: flex-end;
}
.cart-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}
.cart-item .cart-item-img {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EEE;
    border: solid 1px #CCC;
    border-radius: 0.25rem;
    padding: 4px;
    margin: 0 1rem 0.75rem 0;
    width: 20%;
    aspect-ratio: 1/1;
    min-width: 160px;
    min-height: 160px;
}
.cart-item .cart-item-img img {
    max-width: 100%;
    max-height: 100%;
}
.cart-item .cart-item-text {
    border-top: solid 2px #cfcfcf;
    flex-grow: 1;
}
.cart-item .cart-item-text li {
    display: flex;
    align-items: baseline;
    border-bottom: solid 1px #cfcfcf;
    padding: 0.75rem 0.375rem;
}
.cart-item .cart-item-text li:last-child {
    border-bottom-width: 2px;
}
.cart-item .cart-item-text li .label {
    flex-shrink: 0;
    color: #117b9e;
    font-size: 1.025rem;
    font-weight: bold;
    width: 120px;
    text-align: right;
    margin-right: 0.5rem;
}
.cart-item .cart-item-text li .note {
    flex-grow: 1;
    text-align: left;
    margin: 0;
    word-break: break-all;
}
.cart-item .cart-item-text li .note .txt-mypage {
    margin: -0.25rem 0;
}
.cart-item .cart-item-delete {
    align-self: flex-end;
    margin: 0 0 0 1rem;
    width: 100%;
    text-align: right;
}
.cart-total-price {
    background: #e8f4f9;
    border-radius: 0.375rem;
    margin: 2rem auto;
    padding: 1rem;
}
.cart-total-price p {
    text-align: right;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}
.cart-total-price p .label {
    color: #117b9e;
    font-size: 1.025rem;
    font-weight: bold;
}
.cart-total-price p strong {
    font-size: 1.5rem;
}
.purchase-number {
    background: #e8f4f9;
    border: solid 1px #117b9e;
    border-radius: 0.375rem;
    margin: 2rem auto;
    padding: 1rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
}
.purchase-number .label {
    color: #117b9e;
    font-size: 1.25rem;
}
.terms-text {
    padding: 1rem 0;
    font-size: 1.125rem;
    text-align: left;
}
.terms-text h5 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1.25rem;
}
.terms-text p {
    margin-bottom: 1.25rem;
}
.terms-text ul ,
.terms-text ol {
    margin-bottom: 1.25rem;
    padding-left: 2rem;
}
.terms-text ul li ,
.terms-text ol li {
    margin-bottom: 0.5rem;
}
.terms-text ul li {
    list-style-type: disc;
}
.terms-text ol li {
    list-style-type: decimal;
}
.terms-text a {
    color: #0288B5;
}
.terms-text a:hover {
    text-decoration: underline;
}
.mypage-item {
    max-width: 640px;
    margin: 1rem auto;
}
.mypage-item a {
    background: #FFF;
    color: #0288B5;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.375rem;
    font-weight: 600;
    padding: 1rem;
    border-radius: 0.375rem;
    border: solid 3px #0288B5;
    transition: all 0.2s ease;
}
.mypage-item.disabled a {
    background: #dce5e8;
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}
.mypage-item a:hover {
    background: #0288B5;
    color: #FFF;
}
.mypage-item a svg {
    fill: #0288B5;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 0.5rem;
}
.mypage-item a:hover svg {
    fill: #FFF;
}
.mypage-small-link a {
    display: inline-block;
    color: #0288B5;
    font-size: 1rem;
    margin: 0.75rem;
}
.footer-upper-link {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 0.5rem;
    background: #f6f6f6;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
}
.footer-upper-link a {
    display: inline-block;
    padding: 1rem 1rem;
}
.footer-upper-link a:hover {
    color: #0288B5;
}
.footer-upper-link a:last-child {
    color: #FFF;
    background-color: #57BEFF;
}
.footer-upper-link a:last-child:hover {
    opacity: 0.8;
}
@media (min-width: 1080px) {
    .thumbnail-area .thumbnail-box {
        width: calc(25% - 1rem);
    }
    .thumbnail-box .thumbnail-img,
    .thumbnail-box .thumbnail-video {
        width: 224.75px;
        height: 224.75px;
    }
    .thumbnail-box .thumbnail-img img.pic-thumbnail,
    .thumbnail-box .thumbnail-video img.pic-thumbnail {
        max-width: 224.75px;
        max-height: 224.75px;
    }
}
@media (min-width: 960px) and (max-width: 1079px) {
    .thumbnail-area .thumbnail-box {
        width: calc(33.333% - 1rem);
    }
    .thumbnail-box .thumbnail-img,
    .thumbnail-box .thumbnail-video {
        width: 271.16px;
        height: 271.16px;
    }
    .thumbnail-box .thumbnail-img img.pic-thumbnail {
        max-width: 271.16px;
        max-height: 271.16px;
    }
}
@media (min-width: 600px) and (max-width: 959px) {
    .thumbnail-area .thumbnail-box {
        width: calc(50% - 1rem);
    }
    .thumbnail-box .thumbnail-img,
    .thumbnail-box .thumbnail-video {
        width: 244px;
        height: 244px;
    }
    .thumbnail-box .thumbnail-img img.pic-thumbnail,
    .thumbnail-box .thumbnail-video img.pic-thumbnail {
        max-width: 244px;
        max-height: 244px;
    }
}
@media (max-width: 599px) {
    .mypage-container h2 {
        font-size: 1.25rem;
    }
    .mypage-container h3 {
        font-size: 1.25rem;
    }
    .thumbnail-area .thumbnail-box {
        width: calc(100% - 1rem);
    }
    .thumbnail-box .thumbnail-img,
    .thumbnail-box .thumbnail-video {
        width: 235px;
        height: 235px;
    }
    .thumbnail-box .thumbnail-img img.pic-thumbnail,
    .thumbnail-box .thumbnail-video img.pic-thumbnail {
        max-width: 235px;
        max-height: 235px;
    }
    .cart-item .cart-item-img {
        margin: 0 auto 0.75rem;
    }
    .cart-item .cart-item-text {
        width: 100%;
        margin-bottom: 1rem;
    }
}
@media (max-width: 959px) {
    .mypage-container {
        font-size: 1rem;
    }
    .frm-confirm table .label {
        min-width: 150px;
    }
    .text-err, .text-message {
        width: 100%;
    }
}