/* line 30, ../sass/pages.scss */ body#login form dl, body#password form dl, body#password-reset form dl, body#temp-register form dl, body#register form dl, body#register-confirm form dl, body#mypage-address form dl, body#mypage-password form dl, body#mypage-profile-edit form dl, body#mypage-bank form dl, body#mypage-transfer form dl, body#reserve-detail form dl, body#reserve-profile form dl, body#reserve-request-confirm form dl, body#reserve-request form dl { display: flex; margin-bottom: 10px; } @media screen and (max-width: 770px) { /* line 30, ../sass/pages.scss */ body#login form dl, body#password form dl, body#password-reset form dl, body#temp-register form dl, body#register form dl, body#register-confirm form dl, body#mypage-address form dl, body#mypage-password form dl, body#mypage-profile-edit form dl, body#mypage-bank form dl, body#mypage-transfer form dl, body#reserve-detail form dl, body#reserve-profile form dl, body#reserve-request-confirm form dl, body#reserve-request form dl { display: block; overflow: hidden; } } /* line 39, ../sass/pages.scss */ body#login form dl dt, body#password form dl dt, body#password-reset form dl dt, body#temp-register form dl dt, body#register form dl dt, body#register-confirm form dl dt, body#mypage-address form dl dt, body#mypage-password form dl dt, body#mypage-profile-edit form dl dt, body#mypage-bank form dl dt, body#mypage-transfer form dl dt, body#reserve-detail form dl dt, body#reserve-profile form dl dt, body#reserve-request-confirm form dl dt, body#reserve-request form dl dt { color: #0f2988; font-size: 15px; padding: 7px 30px 0 0; text-align: right; width: 300px; } @media screen and (max-width: 770px) { /* line 39, ../sass/pages.scss */ body#login form dl dt, body#password form dl dt, body#password-reset form dl dt, body#temp-register form dl dt, body#register form dl dt, body#register-confirm form dl dt, body#mypage-address form dl dt, body#mypage-password form dl dt, body#mypage-profile-edit form dl dt, body#mypage-bank form dl dt, body#mypage-transfer form dl dt, body#reserve-detail form dl dt, body#reserve-profile form dl dt, body#reserve-request-confirm form dl dt, body#reserve-request form dl dt { width: 100%; text-align: left; } } /* line 53, ../sass/pages.scss */ body#login form dl dd, body#password form dl dd, body#password-reset form dl dd, body#temp-register form dl dd, body#register form dl dd, body#register-confirm form dl dd, body#mypage-address form dl dd, body#mypage-password form dl dd, body#mypage-profile-edit form dl dd, body#mypage-bank form dl dd, body#mypage-transfer form dl dd, body#reserve-detail form dl dd, body#reserve-profile form dl dd, body#reserve-request-confirm form dl dd, body#reserve-request form dl dd { width: 100%; } /* line 56, ../sass/pages.scss */ body#login form dl dd span.note, body#password form dl dd span.note, body#password-reset form dl dd span.note, body#temp-register form dl dd span.note, body#register form dl dd span.note, body#register-confirm form dl dd span.note, body#mypage-address form dl dd span.note, body#mypage-password form dl dd span.note, body#mypage-profile-edit form dl dd span.note, body#mypage-bank form dl dd span.note, body#mypage-transfer form dl dd span.note, body#reserve-detail form dl dd span.note, body#reserve-profile form dl dd span.note, body#reserve-request-confirm form dl dd span.note, body#reserve-request form dl dd span.note { display: inline-block; font-size: 13px; color: #0f2988; } /* line 65, ../sass/pages.scss */ body#login form p, body#password form p, body#password-reset form p, body#temp-register form p, body#register form p, body#register-confirm form p, body#mypage-address form p, body#mypage-password form p, body#mypage-profile-edit form p, body#mypage-bank form p, body#mypage-transfer form p, body#reserve-detail form p, body#reserve-profile form p, body#reserve-request-confirm form p, body#reserve-request form p { margin: 20px 0; font-size: 14px; display: block; text-align: center; color: #0f2988; } /* line 73, ../sass/pages.scss */ body#login form a.forget, body#password form a.forget, body#password-reset form a.forget, body#temp-register form a.forget, body#register form a.forget, body#register-confirm form a.forget, body#mypage-address form a.forget, body#mypage-password form a.forget, body#mypage-profile-edit form a.forget, body#mypage-bank form a.forget, body#mypage-transfer form a.forget, body#reserve-detail form a.forget, body#reserve-profile form a.forget, body#reserve-request-confirm form a.forget, body#reserve-request form a.forget { margin: 20px 0; font-size: 14px; display: block; text-align: center; text-decoration: underline; } /* line 84, ../sass/pages.scss */ body#login form.confirm dd, body#password form.confirm dd, body#password-reset form.confirm dd, body#temp-register form.confirm dd, body#register form.confirm dd, body#register-confirm form.confirm dd, body#mypage-address form.confirm dd, body#mypage-password form.confirm dd, body#mypage-profile-edit form.confirm dd, body#mypage-bank form.confirm dd, body#mypage-transfer form.confirm dd, body#reserve-detail form.confirm dd, body#reserve-profile form.confirm dd, body#reserve-request-confirm form.confirm dd, body#reserve-request form.confirm dd { padding: 7px 30px 0 0; } /* line 107, ../sass/pages.scss */ #mypage main, #reserve main, #reserve-detail main, #reserve-profile main, #reserve-request-confirm main, #reserve-request main, #message-list main, #message-detail main, #mypage-address main, #mypage-gallery main, #mypage-password main, #mypage-profile-edit main, #mypage-bank main, #mypage-transfer main, #mypage-schedule main { margin-top: 80px; position: relative; background-color: #fff; overflow: hidden; } @media screen and (max-width: 770px) { /* line 107, ../sass/pages.scss */ #mypage main, #reserve main, #reserve-detail main, #reserve-profile main, #reserve-request-confirm main, #reserve-request main, #message-list main, #message-detail main, #mypage-address main, #mypage-gallery main, #mypage-password main, #mypage-profile-edit main, #mypage-bank main, #mypage-transfer main, #mypage-schedule main { margin-top: 50px; } } /* line 117, ../sass/pages.scss */ #mypage main #contents, #reserve main #contents, #reserve-detail main #contents, #reserve-profile main #contents, #reserve-request-confirm main #contents, #reserve-request main #contents, #message-list main #contents, #message-detail main #contents, #mypage-address main #contents, #mypage-gallery main #contents, #mypage-password main #contents, #mypage-profile-edit main #contents, #mypage-bank main #contents, #mypage-transfer main #contents, #mypage-schedule main #contents { float: right; background-color: #ecf3ff; width: calc(100% - 300px); } @media screen and (max-width: 770px) { /* line 117, ../sass/pages.scss */ #mypage main #contents, #reserve main #contents, #reserve-detail main #contents, #reserve-profile main #contents, #reserve-request-confirm main #contents, #reserve-request main #contents, #message-list main #contents, #message-detail main #contents, #mypage-address main #contents, #mypage-gallery main #contents, #mypage-password main #contents, #mypage-profile-edit main #contents, #mypage-bank main #contents, #mypage-transfer main #contents, #mypage-schedule main #contents { width: 100%; } } /* line 126, ../sass/pages.scss */ #mypage main #contents #breadcrumb, #reserve main #contents #breadcrumb, #reserve-detail main #contents #breadcrumb, #reserve-profile main #contents #breadcrumb, #reserve-request-confirm main #contents #breadcrumb, #reserve-request main #contents #breadcrumb, #message-list main #contents #breadcrumb, #message-detail main #contents #breadcrumb, #mypage-address main #contents #breadcrumb, #mypage-gallery main #contents #breadcrumb, #mypage-password main #contents #breadcrumb, #mypage-profile-edit main #contents #breadcrumb, #mypage-bank main #contents #breadcrumb, #mypage-transfer main #contents #breadcrumb, #mypage-schedule main #contents #breadcrumb { padding: 15px 0 15px 30px; background-color: #caddff; color: #0f2988; } @media screen and (max-width: 770px) { /* line 126, ../sass/pages.scss */ #mypage main #contents #breadcrumb, #reserve main #contents #breadcrumb, #reserve-detail main #contents #breadcrumb, #reserve-profile main #contents #breadcrumb, #reserve-request-confirm main #contents #breadcrumb, #reserve-request main #contents #breadcrumb, #message-list main #contents #breadcrumb, #message-detail main #contents #breadcrumb, #mypage-address main #contents #breadcrumb, #mypage-gallery main #contents #breadcrumb, #mypage-password main #contents #breadcrumb, #mypage-profile-edit main #contents #breadcrumb, #mypage-bank main #contents #breadcrumb, #mypage-transfer main #contents #breadcrumb, #mypage-schedule main #contents #breadcrumb { padding: 10px 0; text-align: right; } } /* line 137, ../sass/pages.scss */ #mypage main #contents #breadcrumb li, #reserve main #contents #breadcrumb li, #reserve-detail main #contents #breadcrumb li, #reserve-profile main #contents #breadcrumb li, #reserve-request-confirm main #contents #breadcrumb li, #reserve-request main #contents #breadcrumb li, #message-list main #contents #breadcrumb li, #message-detail main #contents #breadcrumb li, #mypage-address main #contents #breadcrumb li, #mypage-gallery main #contents #breadcrumb li, #mypage-password main #contents #breadcrumb li, #mypage-profile-edit main #contents #breadcrumb li, #mypage-bank main #contents #breadcrumb li, #mypage-transfer main #contents #breadcrumb li, #mypage-schedule main #contents #breadcrumb li { font-size: 14px; margin-right: 10px; display: inline-block; } @media screen and (max-width: 770px) { /* line 137, ../sass/pages.scss */ #mypage main #contents #breadcrumb li, #reserve main #contents #breadcrumb li, #reserve-detail main #contents #breadcrumb li, #reserve-profile main #contents #breadcrumb li, #reserve-request-confirm main #contents #breadcrumb li, #reserve-request main #contents #breadcrumb li, #message-list main #contents #breadcrumb li, #message-detail main #contents #breadcrumb li, #mypage-address main #contents #breadcrumb li, #mypage-gallery main #contents #breadcrumb li, #mypage-password main #contents #breadcrumb li, #mypage-profile-edit main #contents #breadcrumb li, #mypage-bank main #contents #breadcrumb li, #mypage-transfer main #contents #breadcrumb li, #mypage-schedule main #contents #breadcrumb li { margin-right: 5px; font-size: 12px; } } /* line 147, ../sass/pages.scss */ #mypage main #contents #breadcrumb li a, #reserve main #contents #breadcrumb li a, #reserve-detail main #contents #breadcrumb li a, #reserve-profile main #contents #breadcrumb li a, #reserve-request-confirm main #contents #breadcrumb li a, #reserve-request main #contents #breadcrumb li a, #message-list main #contents #breadcrumb li a, #message-detail main #contents #breadcrumb li a, #mypage-address main #contents #breadcrumb li a, #mypage-gallery main #contents #breadcrumb li a, #mypage-password main #contents #breadcrumb li a, #mypage-profile-edit main #contents #breadcrumb li a, #mypage-bank main #contents #breadcrumb li a, #mypage-transfer main #contents #breadcrumb li a, #mypage-schedule main #contents #breadcrumb li a { color: #3c7cf1; padding: 0; } /* line 153, ../sass/pages.scss */ #mypage main #contents #breadcrumb li:first-child a, #reserve main #contents #breadcrumb li:first-child a, #reserve-detail main #contents #breadcrumb li:first-child a, #reserve-profile main #contents #breadcrumb li:first-child a, #reserve-request-confirm main #contents #breadcrumb li:first-child a, #reserve-request main #contents #breadcrumb li:first-child a, #message-list main #contents #breadcrumb li:first-child a, #message-detail main #contents #breadcrumb li:first-child a, #mypage-address main #contents #breadcrumb li:first-child a, #mypage-gallery main #contents #breadcrumb li:first-child a, #mypage-password main #contents #breadcrumb li:first-child a, #mypage-profile-edit main #contents #breadcrumb li:first-child a, #mypage-bank main #contents #breadcrumb li:first-child a, #mypage-transfer main #contents #breadcrumb li:first-child a, #mypage-schedule main #contents #breadcrumb li:first-child a { display: inline-block; background-image: url("../img/images.png"); background-size: 163px 147px; display: inline-block; background-position: -52px -113px; width: 12px; height: 15px; vertical-align: text-bottom; } /* line 164, ../sass/pages.scss */ #mypage main #contents #breadcrumb li::after, #reserve main #contents #breadcrumb li::after, #reserve-detail main #contents #breadcrumb li::after, #reserve-profile main #contents #breadcrumb li::after, #reserve-request-confirm main #contents #breadcrumb li::after, #reserve-request main #contents #breadcrumb li::after, #message-list main #contents #breadcrumb li::after, #message-detail main #contents #breadcrumb li::after, #mypage-address main #contents #breadcrumb li::after, #mypage-gallery main #contents #breadcrumb li::after, #mypage-password main #contents #breadcrumb li::after, #mypage-profile-edit main #contents #breadcrumb li::after, #mypage-bank main #contents #breadcrumb li::after, #mypage-transfer main #contents #breadcrumb li::after, #mypage-schedule main #contents #breadcrumb li::after { margin-left: 15px; content: ">"; } /* line 169, ../sass/pages.scss */ #mypage main #contents #breadcrumb li:last-child:after, #reserve main #contents #breadcrumb li:last-child:after, #reserve-detail main #contents #breadcrumb li:last-child:after, #reserve-profile main #contents #breadcrumb li:last-child:after, #reserve-request-confirm main #contents #breadcrumb li:last-child:after, #reserve-request main #contents #breadcrumb li:last-child:after, #message-list main #contents #breadcrumb li:last-child:after, #message-detail main #contents #breadcrumb li:last-child:after, #mypage-address main #contents #breadcrumb li:last-child:after, #mypage-gallery main #contents #breadcrumb li:last-child:after, #mypage-password main #contents #breadcrumb li:last-child:after, #mypage-profile-edit main #contents #breadcrumb li:last-child:after, #mypage-bank main #contents #breadcrumb li:last-child:after, #mypage-transfer main #contents #breadcrumb li:last-child:after, #mypage-schedule main #contents #breadcrumb li:last-child:after { content: ""; } /* line 174, ../sass/pages.scss */ #mypage main #contents #items, #reserve main #contents #items, #reserve-detail main #contents #items, #reserve-profile main #contents #items, #reserve-request-confirm main #contents #items, #reserve-request main #contents #items, #message-list main #contents #items, #message-detail main #contents #items, #mypage-address main #contents #items, #mypage-gallery main #contents #items, #mypage-password main #contents #items, #mypage-profile-edit main #contents #items, #mypage-bank main #contents #items, #mypage-transfer main #contents #items, #mypage-schedule main #contents #items { padding: 20px; overflow: hidden; } @media screen and (max-width: 770px) { /* line 174, ../sass/pages.scss */ #mypage main #contents #items, #reserve main #contents #items, #reserve-detail main #contents #items, #reserve-profile main #contents #items, #reserve-request-confirm main #contents #items, #reserve-request main #contents #items, #message-list main #contents #items, #message-detail main #contents #items, #mypage-address main #contents #items, #mypage-gallery main #contents #items, #mypage-password main #contents #items, #mypage-profile-edit main #contents #items, #mypage-bank main #contents #items, #mypage-transfer main #contents #items, #mypage-schedule main #contents #items { padding: 10px; } } /* line 182, ../sass/pages.scss */ #mypage main #contents #items .item, #reserve main #contents #items .item, #reserve-detail main #contents #items .item, #reserve-profile main #contents #items .item, #reserve-request-confirm main #contents #items .item, #reserve-request main #contents #items .item, #message-list main #contents #items .item, #message-detail main #contents #items .item, #mypage-address main #contents #items .item, #mypage-gallery main #contents #items .item, #mypage-password main #contents #items .item, #mypage-profile-edit main #contents #items .item, #mypage-bank main #contents #items .item, #mypage-transfer main #contents #items .item, #mypage-schedule main #contents #items .item { width: 100%; padding: 20px; margin-bottom: 20px; background-color: #fff; } /* line 188, ../sass/pages.scss */ #mypage main #contents #items .item h2, #reserve main #contents #items .item h2, #reserve-detail main #contents #items .item h2, #reserve-profile main #contents #items .item h2, #reserve-request-confirm main #contents #items .item h2, #reserve-request main #contents #items .item h2, #message-list main #contents #items .item h2, #message-detail main #contents #items .item h2, #mypage-address main #contents #items .item h2, #mypage-gallery main #contents #items .item h2, #mypage-password main #contents #items .item h2, #mypage-profile-edit main #contents #items .item h2, #mypage-bank main #contents #items .item h2, #mypage-transfer main #contents #items .item h2, #mypage-schedule main #contents #items .item h2 { color: #3c7cf1; margin: 0 0 20px; font-size: 16px; font-weight: 600; line-height: 1.125; } /* line 196, ../sass/pages.scss */ #mypage main #contents #items .item p, #reserve main #contents #items .item p, #reserve-detail main #contents #items .item p, #reserve-profile main #contents #items .item p, #reserve-request-confirm main #contents #items .item p, #reserve-request main #contents #items .item p, #message-list main #contents #items .item p, #message-detail main #contents #items .item p, #mypage-address main #contents #items .item p, #mypage-gallery main #contents #items .item p, #mypage-password main #contents #items .item p, #mypage-profile-edit main #contents #items .item p, #mypage-bank main #contents #items .item p, #mypage-transfer main #contents #items .item p, #mypage-schedule main #contents #items .item p { color: #0f2988; font-size: 14px; } /* line 201, ../sass/pages.scss */ #mypage main #contents #items .item h3, #reserve main #contents #items .item h3, #reserve-detail main #contents #items .item h3, #reserve-profile main #contents #items .item h3, #reserve-request-confirm main #contents #items .item h3, #reserve-request main #contents #items .item h3, #message-list main #contents #items .item h3, #message-detail main #contents #items .item h3, #mypage-address main #contents #items .item h3, #mypage-gallery main #contents #items .item h3, #mypage-password main #contents #items .item h3, #mypage-profile-edit main #contents #items .item h3, #mypage-bank main #contents #items .item h3, #mypage-transfer main #contents #items .item h3, #mypage-schedule main #contents #items .item h3 { color: #333; font-size: 15px; font-weight: 600; line-height: 1.125; margin: 20px 0; } /* line 213, ../sass/pages.scss */ #mypage footer, #reserve footer, #reserve-detail footer, #reserve-profile footer, #reserve-request-confirm footer, #reserve-request footer, #message-list footer, #message-detail footer, #mypage-address footer, #mypage-gallery footer, #mypage-password footer, #mypage-profile-edit footer, #mypage-bank footer, #mypage-transfer footer, #mypage-schedule footer { margin-top: 0px; } /* line 218, ../sass/pages.scss */ nav#mypage-menu { position: sticky; top: 0; left: 0; width: 300px; float: left; padding: 70px 0; } @media screen and (max-width: 770px) { /* line 218, ../sass/pages.scss */ nav#mypage-menu { width: 100%; padding: 30px 0; } } /* line 231, ../sass/pages.scss */ nav#mypage-menu figure { width: 200px; height: 200px; margin: 0 auto 50px; } @media screen and (max-width: 770px) { /* line 231, ../sass/pages.scss */ nav#mypage-menu figure { width: 100px; height: 100px; } } /* line 241, ../sass/pages.scss */ nav#mypage-menu figure img { width: 200px; height: 200px; border-radius: 50%; border-radius: 50%; object-fit: cover; } @media screen and (max-width: 770px) { /* line 241, ../sass/pages.scss */ nav#mypage-menu figure img { width: 100px; height: 100px; } } /* line 254, ../sass/pages.scss */ nav#mypage-menu figure figcaption { font-size: 14px; color: #3c7cf1; text-align: center; display: block; padding: 10px 0 0; } /* line 263, ../sass/pages.scss */ nav#mypage-menu ul { overflow: hidden; } /* line 266, ../sass/pages.scss */ nav#mypage-menu ul li { position: relative; } @media screen and (max-width: 770px) { /* line 266, ../sass/pages.scss */ nav#mypage-menu ul li { width: calc(100% / 2); float: left; } } /* line 274, ../sass/pages.scss */ nav#mypage-menu ul li a { padding: 12px 20px; display: block; } /* line 279, ../sass/pages.scss */ nav#mypage-menu ul li a:hover { background-color: #ecf3ff; } /* line 284, ../sass/pages.scss */ nav#mypage-menu ul li:before { position: absolute; top: 20px; right: 50px; content: ""; background-position: -155px 0; width: 8px; height: 14px; display: inline-block; background-image: url("../img/images.png"); background-size: 163px 147px; } @media screen and (max-width: 770px) { /* line 284, ../sass/pages.scss */ nav#mypage-menu ul li:before { top: 19px; right: 10px; } } /* line 306, ../sass/pages.scss */ body#mypage-schedule #schedule { margin: 30px 0; } /* line 309, ../sass/pages.scss */ body#mypage-schedule #schedule dl { overflow: hidden; margin: 10px 0; } /* line 313, ../sass/pages.scss */ body#mypage-schedule #schedule dl dt { padding: 8px 40px 0 0; float: left; } @media screen and (max-width: 770px) { /* line 313, ../sass/pages.scss */ body#mypage-schedule #schedule dl dt { padding: 8px 20px 0 0; } } /* line 322, ../sass/pages.scss */ body#mypage-schedule #schedule dl dd { float: left; margin-right: 20px; } @media screen and (max-width: 770px) { /* line 322, ../sass/pages.scss */ body#mypage-schedule #schedule dl dd { margin-right: 5px; } } /* line 330, ../sass/pages.scss */ body#mypage-schedule #schedule dl dd input { border: solid 1px #caddff; background-color: #fff; padding: 10px; border-radius: 6px; color: #0f2988; font-size: inherit; } /* line 345, ../sass/pages.scss */ #mypage-gallery h3 { padding-bottom: 15px; margin-bottom: 20px; border-bottom: solid 1px #ecf3ff; } /* line 351, ../sass/pages.scss */ #mypage-gallery #main_profile, #mypage-gallery #thumnail { position: relative; width: 250px; margin: 0 auto; } /* line 357, ../sass/pages.scss */ #mypage-gallery #main_profile figure, #mypage-gallery #thumnail figure { width: 250px; min-height: 170px; max-height: 250px; margin-bottom: 20px; text-align: center; } /* line 364, ../sass/pages.scss */ #mypage-gallery #main_profile figure img, #mypage-gallery #thumnail figure img { max-height: 250px; max-width: 100%; object-fit: contain; vertical-align: bottom; } /* line 373, ../sass/pages.scss */ #mypage-gallery #sub_profile { margin: 0 auto; overflow: hidden; } /* line 377, ../sass/pages.scss */ #mypage-gallery #sub_profile .child { position: relative; width: 250px; height: 300px; float: left; margin: 30px 20px; } @media screen and (max-width: 770px) { /* line 377, ../sass/pages.scss */ #mypage-gallery #sub_profile .child { width: 100%; height: auto; margin: 30px auto; } } @media screen and (max-width: 770px) { /* line 390, ../sass/pages.scss */ #mypage-gallery #sub_profile .child .file_selector { margin: 0 auto; } } /* line 396, ../sass/pages.scss */ #mypage-gallery #sub_profile .child figure { width: 250px; min-height: 170px; max-height: 250px; height: 250px; margin-bottom: 20px; text-align: center; } @media screen and (max-width: 770px) { /* line 396, ../sass/pages.scss */ #mypage-gallery #sub_profile .child figure { min-height: auto; max-height: auto; height: auto; margin: 0 auto; } } /* line 411, ../sass/pages.scss */ #mypage-gallery #sub_profile .child figure img { min-height: 170px; max-height: 250px; max-width: 100%; margin-bottom: 15px; object-fit: contain; vertical-align: bottom; } /* line 423, ../sass/pages.scss */ #mypage-gallery span.del { position: absolute; -webkit-transition: all .05s linear; transition: all .05s linear; cursor: pointer; top: 0; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); border-radius: 100%; width: 26px; height: 26px; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.25); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.25); border: 1px solid #caddff; background-color: #fff; } @media screen and (max-width: 770px) { /* line 423, ../sass/pages.scss */ #mypage-gallery span.del { right: calc(50% - 100px); } } /* line 445, ../sass/pages.scss */ #mypage-gallery span.del:after, #mypage-gallery span.del:before { content: ""; display: block; position: absolute; -webkit-transition: all .05s linear; transition: all .05s linear; top: 50%; left: 25%; width: 12px; height: 1px; background: #3c7cf1; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* line 461, ../sass/pages.scss */ #mypage-gallery span.del:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); } /* line 468, ../sass/pages.scss */ body#mypage #regist_stripe { margin: 20px 20px 0; overflow: hidden; } /* line 472, ../sass/pages.scss */ body#mypage #regist_stripe a { display: block; background-color: #ff3400; border-radius: 5px; padding: 10px; font-size: 14px; color: #fff; text-align: center; } /* line 483, ../sass/pages.scss */ body#mypage .stats { overflow: hidden; } /* line 486, ../sass/pages.scss */ body#mypage .stats .value { width: 150px; font-size: 15px; color: #0f2988; border-top: solid 1px #3c7cf1; border-left: solid 1px #3c7cf1; border-right: solid 1px #3c7cf1; float: left; text-align: center; margin-bottom: 50px; } @media screen and (max-width: 770px) { /* line 486, ../sass/pages.scss */ body#mypage .stats .value { width: 100%; float: none; margin-bottom: 20px; } } /* line 506, ../sass/pages.scss */ body#mypage .stats .value dl dt { background-color: #ecf3ff; border-bottom: solid 1px #3c7cf1; } /* line 511, ../sass/pages.scss */ body#mypage .stats .value dl dd { border-bottom: solid 1px #3c7cf1; padding: 10px 0; } @media screen and (max-width: 770px) { /* line 511, ../sass/pages.scss */ body#mypage .stats .value dl dd { padding: 0; } } /* line 519, ../sass/pages.scss */ body#mypage .stats .value dl dd strong { display: block; font-size: 26px; padding: 20px 0; } @media screen and (max-width: 770px) { /* line 519, ../sass/pages.scss */ body#mypage .stats .value dl dd strong { padding: 0; } } /* line 533, ../sass/pages.scss */ body#mypage .stats .graph { width: calc(100% - 180px); margin-left: 180px; height: 300px; } @media screen and (max-width: 770px) { /* line 533, ../sass/pages.scss */ body#mypage .stats .graph { width: 100%; margin-left: 0px; margin-bottom: 20px; } } /* line 544, ../sass/pages.scss */ body#mypage .stats .graph canvas { width: 100%; height: 300px; } /* line 554, ../sass/pages.scss */ #mypage-gallery .file_selector, #register .file_selector { width: 250px; } /* line 560, ../sass/pages.scss */ #register-confirm figure { width: 200px; height: 200px; } /* line 564, ../sass/pages.scss */ #register-confirm figure img { width: 200px; height: auto; } /* line 571, ../sass/pages.scss */ body#reserve-detail #reserve_review { width: 100%; padding: 20px; margin-bottom: 20px; background-color: #fff; } /* line 578, ../sass/pages.scss */ body#reserve-detail #reserve_review h1 { color: #3c7cf1; margin: 0 0 10px; font-size: 16px; } /* line 587, ../sass/pages.scss */ #mypage-transfer table { width: 100%; color: #0f2988; font-size: 15px; border-collapse: collapse; } /* line 594, ../sass/pages.scss */ #mypage-transfer table thead { background-color: #caddff; } /* line 598, ../sass/pages.scss */ #mypage-transfer table td, #mypage-transfer table th { border: solid 1px #0f2988; padding: 5px; text-align: left; } /* line 605, ../sass/pages.scss */ #mypage-transfer .active { background-color: #FFE398; } /* line 609, ../sass/pages.scss */ #mypage-transfer .done { background-color: #ddd; } /* line 613, ../sass/pages.scss */ #mypage-transfer #notes { background-color: #FFFAED; border: solid 1px #D68E07; padding: 10px 15px; font-size: 15px; border-radius: 4px; margin-top: 20px; } /* line 622, ../sass/pages.scss */ #mypage-transfer #notes span { display: block; } /* line 626, ../sass/pages.scss */ #mypage-transfer #items .item em { font-size: 20px; color: #0f2988; font-weight: bold; font-style: normal; padding-right: 3px; } /* line 634, ../sass/pages.scss */ #mypage-transfer #items .item input { font-family: inherit; font-size: 18px; color: #0f2988; font-weight: bold; font-style: normal; letter-spacing: 1px; }