") right 5px center / 15px 15px no-repeat; } .dptf__select--txt { margin-left: 1.5em; } .dptf__box .submit__btn a { background: rgb(255, 255, 255); cursor: pointer; } .submit__btn input, .submit__btn button { font-size: clamp(1.6rem, 1.481rem + 0.59vw, 2rem); font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS Ｐゴシック", "MS PGothic", sans-serif; cursor: pointer; letter-spacing: 0.02em; } .submit__btn input:disabled, .submit__btn button:disabled { cursor: not-allowed; filter: grayscale(100%); opacity: 0.3; } .box-txt { color: rgb(255, 255, 255); font-size: 1.6rem; font-weight: bold; display: inline-block; line-height: 25px; border-radius: 5px; padding: 0px 1em; min-width: 120px; text-align: center; } .dpt__tbl { width: auto; } .dpt__tbl th { width: fit-content; vertical-align: middle; } .dpt__tbl .flex { align-items: center; } @media screen and (max-width: 1024px) { .dp_tickets { padding: 0px 0px 80px; } .dpt__ttl img { width: 400px; transform: none; } .dpt__infowrap p img { margin-right: 0.5em; vertical-align: middle; } .dpft__btn { width: 20px; height: 20px; line-height: 18px; } .down__btn { line-height: 15px; } .dpft__input { font-size: 2rem; width: 2em; } .radio-label { margin-right: 2em; padding-left: 20px; line-height: 16px; } .radio-label .circle { width: 18px; height: 18px; } .radio-label .circle::before { width: 14px; height: 14px; } .p-tbl.w-55 { width: 55%; } .p-tbl.w-40 { width: 40%; } .p-tbl.w-70 { width: 70%; } .p-tbl.w-25 { width: 25%; } .dptf__selectwrap { margin: 0px 0px 0px auto; } .select-arw { top: 30%; width: 12px; right: 0.5em; } .dptf__select { min-width: 60px; line-height: 38px; padding: 0px 2.5em 0px 1em; } .dptf__selectwrap .txt { margin-left: 1.5em; } } @media screen and (max-width: 768px) { .dp_tickets { padding: 0px 0px 60px; } .dpt__ttl { text-align: left; } .dpt__ttl img { width: 200px; transform: none; } .dpt__infowrap p img { margin-right: 0.5em; vertical-align: middle; } .dptf__box01 .flex { display: flex; } .dptf__box01 .dpt__tbl th { display: table-cell; width: 30%; } .dptf__box01 .dpt__tbl td { display: table-cell; white-space: nowrap; } .dp_tickets .p-h3.no-bd { font-size: 1.4rem; } .dpft__btn { width: 16px; height: 16px; line-height: 12px; } .down__btn { line-height: 10px; } .dpft__input { font-size: 1.4rem; width: 2em; } .radio-label { margin-right: 2em; padding-left: 20px; line-height: 16px; } .radio-label .circle { width: 14px; height: 14px; } .radio-label .circle::before { width: 10px; height: 10px; } .radio-label p { display: block; font-weight: 700; line-height: 1.3; width: calc(100% - 20px); } .dptf__box01 .dpf__radiowrap { display: block; } .dptf__box01 .dpf__radiowrap label { margin-bottom: 15px; } .dptf__box01 .radio-label { margin-bottom: 1em; } .check-rabel { margin-right: 2em; padding-left: 20px; line-height: 14px; } .check-rabel .circle { width: 14px; height: 14px; left: 0px; top: 0px; } .check-rabel .circle::before { width: 10px; height: 10px; } .p-tbl.w-55 { width: 100%; } .p-tbl.w-40 { width: 100%; } .p-tbl.w-70 { width: 100%; } .p-tbl.w-25 { width: 100%; } .dptf__box02 .dpt__tbl.w-55 { margin-bottom: 30px; } .dptf__box02 .dpf__price { display: flex; } .dptf__selectwrap { margin: 0px 0px 0px auto; } .select-arw { top: 30%; right: 0.5em; width: 8px; } .dptf__select { min-width: 40px; line-height: 30px; padding: 0px 3em 0px 1em; } .dptf__selectwrap .txt { margin-left: 1.5em; line-height: 30px; } .box-txt { font-size: 1.2rem; line-height: 20px; padding: 0px 1em; width: 80px; display: block; text-align: center; margin-top: 10px; } .submit__btn a { margin: 0px auto 20px; } .submit__btn input { font-size: 1.6rem; margin: 0px auto; } .dpt__tbl .flex { display: flex; } .dpt__tbl.tbl03 td { border: none; } } .ac__contents { padding: 50px 0px 40px; } .acc__ttl { margin: 0px auto 1em; white-space: nowrap; position: relative; width: fit-content; text-shadow: rgb(255, 255, 255) 1px 1px 0px, rgb(255, 255, 255) -1px -1px 0px, rgb(255, 255, 255) -1px 1px 0px, rgb(255, 255, 255) 1px -1px 0px, rgb(255, 255, 255) 0px 1px 0px, rgb(255, 255, 255) 0px -1px 0px, rgb(255, 255, 255) -1px 0px 0px, rgb(255, 255, 255) 1px 0px 0px; } .acc__ttl::before { content: ""; position: absolute; width: 130%; height: 17px; left: 50%; bottom: -0.2em; z-index: -1; background: linear-gradient(90deg, var(--main_color), #46abf1, #7fc4ff, #a4d4ff, #e3a4f5); transform: translate(-50%); } .acc__btn a { margin: 0px auto; background: rgb(255, 255, 255); } .btn_wrap { display: flex; align-items: center; justify-content: center; gap: 20px 30px; } .btn_wrap a { margin: 0px; width: fit-content; text-decoration: none; } .acc__btn a.link__btn01 { background: var(--main_color); } .acc__btn a.link__btn01:hover { background: rgb(255, 255, 255); } @media screen and (max-width: 1024px) { .ac__contents { padding: 80px 0px 20px; } .acc__ttl { margin: 0px auto 1em; white-space: normal; } .acc__ttl::before { width: 130%; height: 14px; bottom: -0.2em; } .btn_wrap { flex-direction: column; margin-top: 10px; } .acc__btn a { margin: 0px auto; } } @media screen and (max-width: 768px) { .ac__contents { padding: 20px 0px 0px; } .acc__ttl { margin: 0px auto 1em; font-size: 1.6rem; width: 100%; } .acc__ttl::before { width: 100%; height: 10px; bottom: -0.2em; } .ac__lead { text-align: left; } .acc__tblwrap { padding: 0px 0px 50px; } .acc__h4 { line-height: 35px; color: rgb(255, 255, 255); font-size: 1.6rem; padding: 0px 1em; } .acc__tbl { background: rgb(255, 255, 255); } .acc__tbl tr { display: block; margin-bottom: 10px; } .acc__tbl th { display: block; border-bottom: none; width: 100%; padding-bottom: 0px; } .acc__tbl td { width: 100%; display: block; border-color: var(--main_color); padding-top: 5px; } .acc__btn a { margin: 0px auto; } .acc__tbl.thanks :is(tr, th, td) { display: block; width: 100%; } .acc__tbl.thanks tr { margin-bottom: 20px; } .acc__tbl.thanks th { border-bottom: none; } } .a-event .cal__right--btm { left: 0px; } .ae__ttl { width: fit-content; } .ae__ttl strong { font-size: 10rem; -webkit-text-stroke: 1px rgb(242, 164, 233); } .event_list a { text-decoration: none; } .event_tag_wrap { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: flex-start; } .event_tag { display: flex; gap: 5px 10px; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-top: 0.5em; margin-bottom: 0.1em; } .event_tag > * { padding: 0px 0.5em; border-radius: 5px; background-color: rgb(255, 255, 255); border: 2px solid rgb(204, 204, 204); color: rgb(204, 204, 204); text-align: center; font-size: 1.6rem; } .event_ttl { font-size: clamp(1.6rem, 1.455rem + 0.73vw, 2rem); word-break: break-all; line-height: 1.5; letter-spacing: 0px; color: var(--font_color); } @media screen and (max-width: 1024px) { .ae__ttl .font-en { font-size: 5rem; } .ae__ttl img { transform: none; } .ae__ttl strong { -webkit-text-stroke: 1px rgb(242, 164, 233); } } @media screen and (max-width: 768px) { .event_list a.flex { display: flex; gap: 30px; } } @media screen and (max-width: 425px) { .event_list a.flex { display: block; } } .preface { margin-bottom: 2em; } .event_detail_tbl { font-size: 1.3rem; } .event_detail_tbl dl { display: flex; } .event_detail_tbl dl dt { width: 6.5em; margin-right: 1em; text-align-last: justify; font-weight: 900; } .show_box { margin-top: 20px; } h2.ctk__ttl + .show_box { margin-top: 0px; } .show_inner { background: linear-gradient(120deg, var(--main_color_alpha) 10%, var(--sub_color_alpha2)); padding: 10px 3%; display: flex; align-items: center; justify-content: space-between; gap: 30px; color: rgb(255, 255, 255); font-size: 2rem; font-weight: bold; } .show_inner > span { width: 20%; font-size: 1.5rem; color: rgb(234, 70, 94); padding: 5px 15px; border-radius: 10px; background: rgb(255, 255, 255); font-weight: 500; } .show_detail { display: block; width: 80%; } .fan_event .show_detail { width: 100%; } .show_detail ul { display: flex; align-items: center; justify-content: flex-start; gap: 8px 20px; margin: 0px 0px 15px; } .show_detail ul li { display: flex; align-items: center; justify-content: flex-start; gap: 10px; max-width: 600px; white-space: nowrap; } .show_detail ul li.show_no { width: 61px; } .show_detail ul li.show_date { width: 190px; } .show_detail ul li.show_artist { max-width: calc(100% - 271px); } .show_detail ul li.show_artist p { overflow: auto; white-space: normal; } .show_detail ul li { display: flex; align-items: baseline; justify-content: flex-start; gap: 10px; max-width: 600px; white-space: nowrap; } .show_detail ul li::before { content: ""; display: inline-block; width: 1.1em; height: 1.1em; background-repeat: no-repeat; background-size: contain; background-position: center center; opacity: 0.4; } .show_detail ul li.show_no::before { background-image: url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V320c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6V128c0-35.3-28.7-64-64-64H64zm64 112l0 160c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16zM96 160c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z'/%3E%3C/svg%3E"); } .show_detail ul li.show_place::before { background-image: url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/%3E%3C/svg%3E"); } .show_detail ul li.show_date::before { background-image: url("data:image/svg+xml,"); } .show_detail ul li.show_artist::before { background-image: url("data:image/svg+xml,"); } .show_detail ul li.show_time::before { background-image: url("data:image/svg+xml,%3C!--%3Fxml version='1.0' encoding='utf-8'%3F--%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='width: 128px; height: 128px; opacity: 1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234B4B4B;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M156.332,192.056c-5.923,8.064-5.048,18.79,1.968,23.937l84.616,65.279c0.365,0.273,0.784,0.438,1.184,0.674 c0.183,0.1,0.347,0.209,0.529,0.291c7.308,4.074,17.004,1.914,23.455-5.194c0.182-0.2,0.383-0.337,0.565-0.537l103.714-122.694 c5.905-6.625,5.996-16.147,0.256-21.259c-5.759-5.121-15.199-3.891-21.086,2.724l-96.935,103.56l-74.846-52.122 C172.752,181.568,162.255,183.955,156.332,192.056z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M52.964,255.995c0-4.474,0.086-8.956,0.56-13.358H0.41C0.087,247.038,0,251.521,0,255.995 c0,4.566,0.087,8.967,0.41,13.367h53.115C53.05,264.962,52.964,260.478,52.964,255.995z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M511.599,242.637h-53.114h-0.565v26.725h0.565h53.114c0.324-4.4,0.401-8.884,0.401-13.367 C512,251.521,511.923,247.038,511.599,242.637z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M146.905,84.733c5.016-3.17,10.143-6.168,15.346-8.82c0.719-0.356,1.33-0.71,2.031-0.975l-26.47-45.998 c-6.619,3.363-13.08,7.072-19.345,11.126l26.485,45.998C145.58,85.618,146.281,85.18,146.905,84.733z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M28.972,137.802l45.98,26.471l11.126-19.326L40.08,118.457C36.016,124.726,32.312,131.168,28.972,137.802z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M436.096,349.74c-2.752,5.203-5.658,10.324-8.921,15.262c-0.437,0.629-0.897,1.33-1.33,1.95l45.998,26.47 c4.064-6.26,7.768-12.61,11.202-19.226l-45.892-26.562C436.798,348.328,436.438,349.039,436.096,349.74z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M75.922,349.658l-1.057-2.023l-45.893,26.471c3.262,6.634,7.044,13.057,11.108,19.317l45.998-26.47 c-0.433-0.62-0.893-1.321-1.331-1.95C81.581,360.064,78.578,354.943,75.922,349.658z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M483.046,137.802c-3.357-6.633-7.139-13.075-11.202-19.344l-45.998,26.489l11.212,19.326L483.046,137.802z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M146.905,427.157c-0.624-0.438-1.325-0.884-1.954-1.33l-26.485,45.998c6.265,4.064,12.726,7.855,19.345,11.226 l26.47-46.008c-0.702-0.254-1.312-0.619-2.031-0.966C157.048,433.417,151.921,430.428,146.905,427.157z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M347.64,74.838l19.332,11.226l26.484-45.998c-6.264-4.054-12.629-7.763-19.24-11.126L347.64,74.838z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M242.637,458.475v53.042C247.048,511.918,251.522,512,256,512c4.484,0,8.962-0.082,13.368-0.483v-53.042 v-0.555h-26.731V458.475z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M269.368,53.524V0.482C264.962,0.082,260.483,0,256,0c-4.478,0-8.952,0.082-13.363,0.482v53.042v0.556h26.731 V53.524z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M347.64,437.144l26.576,45.907c6.611-3.454,12.976-7.162,19.24-11.226l-26.484-45.998L347.64,437.144z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .show_detail ul li p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .show_detail ul li.show_time p { white-space: normal; } .show_detail ul.ctk__ul_btm { margin-bottom: 0px; } .show_detail ul.ctk__ul_middle { margin-top: 0px; margin-bottom: 0px; } .show_box .btn_wrap { display: block; width: 20%; text-align: center; } .show_box .btn_wrap .link__btn03 { font-size: 1.6rem; margin: auto; font-weight: normal; } @media screen and (max-width: 1024px) { .show_inner { font-size: 1.6rem; padding: 10px 5%; } .show_detail { width: 70%; } .show_inner > span { width: 30%; font-size: 1.3rem; } .show_inner ul { flex-wrap: wrap; margin-bottom: 8px; } .show_detail ul li.show_artist { max-width: 100%; width: 100%; } .show_box .btn_wrap { display: block; width: 30%; text-align: center; } .show_inner .btn_wrap a.link__btn03 { min-width: 100%; font-size: 1.5rem; } } @media screen and (max-width: 768px) { .dp_tickets .section__ttl { white-space: normal; } .show_inner { flex-direction: column; align-items: flex-start; gap: 10px; } .show_inner > span { width: 100%; margin: 10px auto 15px; } .show_detail { width: 100%; } .show_detail ul li:is(.show_no, .show_date, .show_artist, .show_place, .show_time) { max-width: 100%; width: fit-content; } .show_box .btn_wrap { width: 100%; } .show_inner .btn_wrap a.link__btn03 { min-width: 250px; margin: 10px auto 13px; font-size: 1.3rem; } } .show_regist { padding: 10px 3%; background: rgb(255, 255, 255); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-image-source: linear-gradient(90deg, var(--main_color), var(--bg_color2)); border-image-slice: 1; display: flex; align-items: center; gap: 15px; font-size: 2rem; } .show_regist::before { content: ""; display: inline-block; width: 2em; height: 2em; background-color: var(--main_color); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url("data:image/svg+xml,%3C!--%3Fxml version='1.0' encoding='utf-8'%3F--%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='_x31_0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='width: 128px; height: 128px; opacity: 1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M450.489,212.598H24.785C11.114,212.598,0,223.716,0,237.384v80.023l11.484,1.535 c11.333,1.512,20.207,14.09,20.207,28.629c0,14.586-8.878,27.203-20.21,28.719L0,377.829v80.015 c0,13.668,11.114,24.786,24.782,24.786l425.707,0.004c13.668,0,24.785-11.118,24.785-24.786v-80.015l-11.484-1.539 c-11.336-1.52-20.211-14.133-20.211-28.723c0-14.535,8.875-27.113,20.207-28.625l11.488-1.535v-80.023 C475.274,223.716,464.157,212.598,450.489,212.598z M448.79,456.138v0.011h-53.875v-16.871h-17.652v16.871l-350.782-0.004V399.38 c18.679-7.949,31.695-28.332,31.695-51.809c0-23.441-13.016-43.789-31.695-51.73v-56.762l350.782,0.004v15.394v0.047l0,0v0.16 h17.652v-15.602h53.875v56.762c-18.68,7.938-31.691,28.29-31.691,51.726c0,23.481,13.011,43.864,31.691,51.813V456.138z' %3E%3C/path%3E%3Cpath class='st0' d='M279.282,324.973h-48.125c-1.887,0-3.559-1.214-4.145-3.007l-14.871-45.77c-1.305-4.012-6.984-4.012-8.289,0 l-14.871,45.77c-0.582,1.793-2.254,3.007-4.145,3.007h-48.121c-4.223,0-5.977,5.406-2.562,7.887l38.934,28.281 c1.527,1.114,2.168,3.082,1.582,4.879l-14.871,45.766c-1.305,4.016,3.294,7.355,6.707,4.871l38.93-28.286 c1.527-1.105,3.598-1.105,5.126,0l38.93,28.286c3.418,2.484,8.011-0.855,6.707-4.871l-14.871-45.766 c-0.582-1.797,0.058-3.766,1.586-4.875l38.93-28.281C285.254,330.38,283.5,324.973,279.282,324.973z' %3E%3C/path%3E%3Cpolygon class='st0' points='377.262,385.118 377.262,416.907 377.262,417.005 377.262,417.005 377.262,417.165 394.914,417.165 394.914,385.118 ' %3E%3C/polygon%3E%3Cpolygon class='st0' points='377.262,330.958 377.262,362.747 377.262,362.844 377.262,362.844 377.262,363.004 394.914,363.004 394.914,330.958 ' %3E%3C/polygon%3E%3Cpolygon class='st0' points='377.262,276.798 377.262,308.587 377.262,308.684 377.262,308.684 377.262,308.844 394.914,308.844 394.914,276.798 ' %3E%3C/polygon%3E%3Cpolygon class='st0' points='166.43,277.079 167.68,273.384 167.629,273.384 167.68,273.224 69.047,273.224 69.047,289.29 162.473,289.29 ' %3E%3C/polygon%3E%3Cpolygon class='st0' points='248.43,273.176 248.446,273.224 248.278,273.224 253.574,289.29 347.266,289.29 347.266,273.224 271.875,273.224 ' %3E%3C/polygon%3E%3Cpath class='st0' d='M124.817,406.106c0.035-0.199,0.015-0.402,0.05-0.598h-0.008c0.008-0.054,0-0.109,0.008-0.16h-55.82v17.043 l-0.004,0.05h0.004v0.161h56.175C124.125,417.224,124.055,411.591,124.817,406.106z' %3E%3C/path%3E%3Cpath class='st0' d='M291.246,405.325c0.004,0.008,0,0.015,0.004,0.023h-0.16c0.828,5.359,0.714,10.867-0.234,16.164 c-0.062,0.301-0.047,0.637-0.118,0.934h0.016c-0.012,0.051-0.008,0.106-0.016,0.16h56.528v-17.258h-48.61L291.246,405.325z' %3E%3C/path%3E%3Cpath class='st0' d='M509.989,194.88l-27.934-56.184l-8.625,2.926c-1.035,0.359-2.102,0.586-3.188,0.687 c-0.023,0.004-0.042,0.008-0.066,0.012c-7.726,0.706-16.453-4.829-20.882-13.754c-5.145-10.21-3.324-22.238,4.117-27.222 l7.516-5.066l-27.855-56.106c-4.746-9.653-16.462-13.531-26.035-8.782L108.145,179.927c-0.328,0.16-0.602,0.355-0.898,0.531 c-0.274,0.113-0.543,0.289-0.844,0.336h0.274c-0.086,0.058-0.184,0.098-0.27,0.16h339.008c25.641,0,47.402,17.25,54.207,40.754 l1.582-0.793C510.782,216.091,514.739,204.454,509.989,194.88z' %3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A"); } .show_regist span { font-size: 1.5rem; padding: 0.1rem 0.3em; border: 3px solid rgb(234, 70, 94); border-radius: 5px; color: rgb(234, 70, 94); } @media screen and (max-width: 1024px) { .show_regist { font-size: 1.6rem; } .show_regist span { font-size: 1.4rem; } } .event_ttl_tag { position: relative; top: -0.1em; } .event_ttl_tag > * { padding: 0px 0.5em; border-radius: 5px; background-color: rgb(255, 255, 255); border: 2px solid rgb(204, 204, 204); color: rgb(204, 204, 204); text-align: center; font-size: 1.6rem; } .event_ttl_tag > span { margin-right: 20px; margin-bottom: 5px; display: inline-block; } .ticket_select { padding: 30px 3% 15px; background: rgb(255, 255, 255); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-image-source: linear-gradient(90deg, var(--main_color), var(--bg_color2)); border-image-slice: 1; font-size: 2rem; } .p-tbl td.choice { font-size: 1.6rem; } .p-tbl td > .flex.ticket_num { gap: 10px; } .accd__tbl { margin-bottom: 30px; } @media screen and (max-width: 1024px) { .ticket_select { padding: 30px 5% 15px; } } @media screen and (max-width: 768px) { .ae__ttl .font-en { font-size: min(3rem, 8vw); text-shadow: rgb(241, 164, 233) 1px 1px 0px, rgb(241, 164, 233) -1px -1px 0px, rgb(241, 164, 233) -1px 1px 0px, rgb(241, 164, 233) 1px -1px 0px, rgb(241, 164, 233) 1px 0px 0px, rgb(241, 164, 233) -1px 0px 0px, rgb(241, 164, 233) 0px 1px 0px, rgb(241, 164, 233) 0px -1px 0px; } .event_tag_wrap { display: block; } .event_tag { gap: 5px 10px; margin-bottom: 0em; } .event_tag li { display: inline-block; margin-bottom: 0.5em; font-size: 0.8em; } .event_ttl { font-size: 1.5rem; color: var(--font_color); } .event_ttl_tag { top: 0px; } .event_ttl_tag > * { margin-top: 0.5em; font-size: 0.8em; } } .af__ttl { width: fit-content; } .af__ac--btn { padding: 10px 20px; color: rgb(255, 255, 255); cursor: pointer; } .af__h3 { font-size: clamp(1.4rem, 1.182rem + 1.09vw, 2rem); padding: 0px 2em 0.1em 0px; width: fit-content; border-bottom: 1px solid rgb(255, 255, 255); margin-bottom: 0.25em; } .af__h3 .small { margin-left: 1em; } .af__arw { top: 50%; right: 20px; transform: translate(0px, -50%); width: 35px; height: 35px; border-radius: 50%; transition: all 0.3s ease-out 0s; box-shadow: rgba(51, 51, 51, 0.8) 1px 1px 5px; } .af__arw img { transition: all 0.3s ease-out 0s; } .close .af__arw img { transform: rotate(180deg); } .af__ul li { padding: 25px 20px 30px; background: rgb(255, 255, 255); border-right: 1px solid rgb(239, 239, 239); border-bottom: 1px solid rgb(239, 239, 239); border-left: 1px solid rgb(239, 239, 239); border-image: initial; border-top: none; } .af__h4 { border-bottom: solid 1px var(--main_color); width: fit-content; min-width: 550px; padding-bottom: 0.5em; margin-bottom: 0.5em; font-size: 1.8rem; } .af__h4 .step { margin-right: 0.5em; line-height: 1; white-space: nowrap; } .af__txt { line-height: 1.8; word-break: break-all; } .ac__area { display: none; } @media screen and (max-width: 1024px) { .af__ttl { } .af__ttl img { transform: none; } .af__ac--btn { padding: 10px 60px 10px 15px; } .af__h3 { padding: 0px 2em 0.1em 0px; margin-bottom: 0.25em; } .af__arw { right: 10px; width: 45px; height: 45px; } .af__ul li { padding: 20px 20px 30px; } .af__h4 { min-width: 400px; padding-bottom: 0.5em; margin-bottom: 0.5em; } .af__h4 .step { margin-right: 0.5em; } } @media screen and (max-width: 768px) { .af__ttl { width: 150px; } .af__ac--btn { padding: 10px 50px 10px 15px; } .af__h3 { width: 100%; padding: 0px 0px 0.1em; margin-bottom: 0.25em; } .af__h3 .small { display: block; margin: 0px; } .af__arw { right: 10px; width: 25px; height: 25px; } .af__ul li { padding: 15px 15px 20px; } .af__h4 { min-width: 80%; padding-top: 0.5em; padding-bottom: 0.5em; margin-bottom: 0.5em; font-size: 1.6rem; } .af__h4 .step { font-size: 2.2rem; display: block; margin: 0px; } } .important { margin-top: 50px; } .imoprtant__obj--left { left: 3%; z-index: -1; } .imoprtant__obj--right { left: 97%; z-index: -1; } .join__btn a { margin: 0px auto; } .join__tbl { background: rgb(255, 255, 255); } @media screen and (max-width: 1024px) { .important { margin-top: 80px; } } @media screen and (max-width: 768px) { .join__tbl td { border: none; } } .payment_select { margin-top: 0px; display: none; } .accd__contents .ct__lt__obj { top: 80%; } .accd__contents { padding: 80px 0px 90px; background-position: center bottom; } .accd__contents .ct__rt__obj02 { top: 75%; } .accd__box { padding: 0px; } .accd__contents .link__btn02 { background: rgb(255, 255, 255); } .accd__contents .link__btn02:hover { background: var(--main_color); } @media screen and (max-width: 1024px) { .payment_select { margin-top: 0px; } } @media screen and (max-width: 768px) { .payment_select { margin-top: 0px; } .accd__contents .ct__lt__obj { top: 80%; } .accd__contents { padding: 80px 0px 90px; background-position: center bottom; } .accd__contents .ct__rt__obj02 { top: 75%; } .accd__box { padding: 0px; } .accd__contents .link__btn02 { background: rgb(255, 255, 255); } .accd__contents .link__btn02:hover { background: var(--main_color); } .input__txt { line-height: 30px; } .input__txt.small { width: 100%; } } .acs__top { padding-bottom: 100px; } .acs__ttl { margin-bottom: 50px; } .acs__contents { padding: 80px 0px; background-position: center bottom; } .acs__contents .ct__lt__obj { top: 25%; } .acs__contents .ct__rt__obj { top: 50%; } .acs__contents .link__btn02 { background: rgb(255, 255, 255); } .acs__contents .link__btn02:hover { background: var(--main_color); } @media screen and (max-width: 1024px) { } @media screen and (max-width: 768px) { .acs__top { padding-bottom: 100px; } .acs__ttl { margin-bottom: 50px; } .acs__contents { padding: 80px 0px; background-position: center bottom; } .acs__contents .ct__lt__obj { top: 25%; } .acs__contents .ct__rt__obj { top: 50%; } .acs__contents .link__btn02 { background: rgb(255, 255, 255); } .acs__contents .link__btn02:hover { background: var(--main_color); } } .guidance__page .af__ul li { border: none; padding: 0px 0px 20px; } @media screen and (max-width: 1024px) { .guc__btn a { width: 100%; margin: 0px auto; } .guc__btn.mr-20 { margin: 0px; } .guc__btn.mr-20 a { margin: 0px auto 10px; } } @media screen and (max-width: 768px) { .guidance__page .p-h3 { padding-left: 20px; position: relative; } .guidance__page .p-h3 .mark { position: absolute; top: 10px; left: 0px; } .guidance__page .p-h6-02 { font-size: 1.4rem; line-height: 1.4; } } .faq-contents h3 { padding-top: 30px; } .faq-contents .inner h3:first-child { padding-top: 0px; } .faqc__item { margin-bottom: 30px; } .faqc__item:last-child { margin-bottom: 0px; } .faq__page .pdtd__item { margin-bottom: 10px; } .faq__page .faqc__q .mark { position: absolute; top: 0.1em; left: 0px; font-weight: bold; font-size: 1.8rem; line-height: 1; } .faq-contents .faqc__q { padding: 0px 30px; position: relative; } .faq-contents .faqc__q a { color: rgb(255, 255, 255); text-decoration: underline; } .faq__page .pdtb__acarea { padding: 10px 3%; border-left: solid 1px var(--main_color); border-right: solid 1px var(--main_color); border-bottom: solid 1px var(--main_color); } .faq__page .faqc__a { position: relative; padding-left: 30px; } .faq__page .faqc__a .mark { position: absolute; top: 0.2em; left: 0px; font-weight: bold; font-size: 1.8rem; line-height: 1; } .faq__page .faqc__a a { color: var(--main_color); } .faqc__card { width: 24%; margin-right: 1%; max-width: 160px; } .faqc__card p { font-size: 1.2rem; } @media screen and (max-width: 1024px) { } @media screen and (max-width: 768px) { .faq-contents .faqc__q { padding: 0px 25px 0px 30px; } .faq__page .faqc__a .mark { top: 0.1em; } .faqc__cardwrap { display: flex; flex-wrap: wrap; } .faqc__card { width: 48%; margin: 0px 1% 10px; } } .smbc_result { display: flex; gap: var(--flex_gap); justify-content: space-between; margin-top: 30px; margin-bottom: 60px; } .smbc_result > div { width: calc(( 100% - var(--flex_gap) / 2)); padding: 0px; } .smbc_result > div h5 { font-weight: bold; font-size: 1.7rem; background: var(--main_color_alpha); padding: 0.5em 1em; border-radius: 10px 10px 0px 0px; } .smbc_result > div > div { height: 90%; padding: 20px 20px 0px; margin-bottom: 0px; border-left: 1px dotted var(--main_color); border-right: 1px dotted var(--main_color); border-bottom: 1px dotted var(--main_color); font-weight: 400; line-height: 1.6; letter-spacing: 0.04em; border-radius: 0px 0px 10px 10px; } .caution { font-size: 1.5rem; } .caution > div { font-weight: bold; margin-bottom: 0.5em; } .ticket_select .caution { display: block; width: 100%; height: auto; margin-top: 1em; padding: 1.5em 2em; background: rgb(244, 246, 250); box-sizing: border-box; line-height: 1.6; } .etc__ul { width: fit-content; padding: 10px 0px; margin: 20px 3% 30px; position: relative; } .etc__ul--li { position: relative; font-size: clamp(0.8rem, 0.27rem + 1.5vw, 1.6rem); } .etc__ul--li.current::before { content: ""; position: absolute; width: 100%; height: 3px; background: var(--main_color); left: 0px; bottom: -10px; } .etc__ul--li.arw { padding: 0px 1em; } .etc__ul::before { content: ""; position: absolute; width: 100%; height: 3px; background: var(--bg_color1); left: 0px; bottom: 0px; } .etc__caution { padding: 0px 1em; width: 100%; margin: 20px auto; } @media screen and (max-width: 768px) { .smbc_result { display: block; margin-top: 0px; margin-bottom: 30px; } .smbc_result > div { width: 100%; margin-bottom: 30px; } .smbc_result > div > div { padding-bottom: 2em; } } .form__flex .input__txt { width: 48%; } .form__txt { margin: 0.5em 0px 0px; color: rgb(58, 151, 238); } .form__box { padding: 40px 30px 80px; } .inner .required { color: rgb(255, 255, 255); background: var(--main_color); padding: 0.1em 0.3em; font-size: 1rem; border-radius: 3px; } .form__tbl { width: 100%; margin: 30px auto; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-collapse: collapse; font-size: 1.6rem; line-height: 1.8; border-top: 1px solid rgb(204, 204, 204); border-spacing: 0px; table-layout: fixed; } .form__tbl.payment { margin-top: 0px; } .form__tbl tr { width: 100%; border-bottom: 1px solid rgb(204, 204, 204); } .form__tbl th { width: 25%; max-width: 250px; color: var(--font_color); margin: 0px; background: padding-box rgb(245, 245, 245); border-top: 1px solid rgb(204, 204, 204); border-bottom: solid 1px var(--main_color); position: relative; vertical-align: top; font-weight: bold; text-align: left; padding: 1.3em 50px 1.3em 20px; } .form__tbl th .required { position: absolute; top: 1.3em; transform: translate(0px, 70%); right: 2em; color: rgb(255, 255, 255); background: var(--main_color); padding: 0.1em 0.3em; font-size: 1rem; border-radius: 3px; } .form__tbl td { margin: 0px; text-align: left; padding: 1.3em 2em; background: padding-box rgb(255, 255, 255); position: relative; vertical-align: middle; } .form__tbl td .flex-normal-wrap { display: flex; flex-flow: wrap; align-content: space-between; gap: 10px 2em; } .form__tbl td #payment_cvs .flex-normal-wrap { display: flex; flex-direction: column; gap: 0.8em; } .form__tbl td .flex { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px 20px; position: relative; } .form__tbl td .flex.column { flex-direction: column; } .form__tbl td p { font-size: 1.2rem; color: rgb(153, 153, 153); } .form__tbl input[type="text"], .form__tbl input[type="password"], .form__tbl input[type="number"], .form__tbl input[type="tel"], .form__tbl input[type="mail"], .form__tbl select, .form__tbl textarea { padding: 10px; border: 1px solid rgb(153, 153, 153); border-radius: 4px; background: rgb(255, 255, 255); appearance: none; font-size: 1.6rem; width: 100%; } .form__tbl select { padding-right: 25px; position: relative; display: block; background: url("data:image/svg+xml,") right 5px center / 15px 15px no-repeat; } .form__tbl textarea { width: 100%; height: 200px; } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio, :is(.form__tbl, .ticket_select, .pay_tbl) label.checkbox { position: relative; padding-left: 23px; cursor: pointer; display: flex; align-items: center; } :is(.form__tbl, .ticket_select, .pay_tbl) label span { line-height: 1.5; } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio input[type="radio"], :is(.form__tbl, .ticket_select, .pay_tbl) label.checkbox input[type="checkbox"] { appearance: none; position: absolute; left: -5px; z-index: 0; width: 0px; } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio input[type="radio"]::before, :is(.form__tbl, .ticket_select, .pay_tbl) label.checkbox input[type="checkbox"]::before { content: ""; position: absolute; display: block; width: 18px; height: 18px; background: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); top: 50%; transform: translate(0px, -50%); } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio input[type="radio"]::before { border-radius: 50%; } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio input[type="radio"]:checked::before, :is(.form__tbl, .ticket_select, .pay_tbl) label.checkbox input[type="checkbox"]:checked::before { border: solid 1px var(--main_color); } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio input[type="radio"]:checked::after, :is(.form__tbl, .ticket_select, .pay_tbl) label.checkbox input[type="checkbox"]:checked::after { content: ""; position: absolute; display: block; width: 14px; height: 14px; margin: 0px 0px 0px 2px; background: var(--main_color); border: solid 1px var(--main_color); top: 50%; transform: translate(0px, -50%); } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio input[type="radio"]:checked::after { border-radius: 50%; } .form__tbl .zip { position: relative; } .form__tbl .zip > .zip_mark { position: absolute; top: 1.5em; left: 5px; } .form__tbl .zip > input[type="text"] { padding-left: 1.5em; } .form__tbl td div.black { min-height: 1.5em; } .form__tbl.entry.address td div.black:empty::before { content: "変更なし"; color: var(--sub_color); } @media screen and (max-width: 768px) { .form__tbl .flex .w30 { width: 100%; } .form__tbl .flex .w20 { width: calc(50% - 1em); } .form__tbl .flex .w10 { width: calc(25% - 0.5em); } .form__tbl .flex .w50 { width: 100%; } .form__tbl { margin: 30px auto; } .form__tbl.payment { font-size: 1.4rem; } } .fan_event ul.flex-normal-wrap { display: flex; flex-flow: wrap; align-content: space-between; gap: 10px 2em; font-size: 1.7rem; } .fan_item_ttl { font-size: 1.8rem; font-weight: bold; padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px solid rgb(0, 140, 214); width: fit-content; min-width: 300px; position: relative; z-index: 1; } .fan_item_ttl::before { content: ""; width: 10px; height: 10px; background-color: rgb(133, 200, 221); margin-right: 1em; vertical-align: middle; position: relative; top: -2px; z-index: 10; } .fan_event_ttl { display: flex; align-items: flex-start; gap: 15px; flex-direction: column; } .fan_event_ttl .fan_event { display: flex; align-items: center; font-weight: 700; } .fan_event_ttl .fan_event::before { content: ""; display: inline-block; width: 1.2em; min-width: 1.2em; height: 1.2em; background-color: var(--bg_color1); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; margin-right: 0.5em; mask-image: url("data:image/svg+xml,"); } .fan_event_ttl .artist { display: flex; align-items: center; font-weight: 700; } .fan_event_ttl .artist::before { content: ""; display: inline-block; width: 1.2em; min-width: 1.2em; height: 1.2em; background-color: var(--bg_color1); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; margin-right: 0.5em; mask-image: url("data:image/svg+xml,"); } @media screen and (max-width: 1024px) { .fan_event_ttl { align-items: flex-start; gap: 15px; flex-direction: column; } } @media screen and (max-width: 768px) { .etc__ul { display: flex; padding: 0px 0px 10px; margin: 0px 3% 20px; } .etc__ul--li { } .etc__ul--li.current::before { height: 3px; bottom: -10px; } .etc__ul--li.arw { padding: 0px 0.5em; } .etc__ul::before { height: 3px; } .etc__caution { padding: 0px 0em; } .form__flex .input__txt { width: 100%; margin-bottom: 10px; } .form__flex .input__txt:last-child { margin-bottom: 0px; } .form__txt { margin: 0.5em 0px 0px; } .form__box { padding: 20px 10px; } .form__tbl tr { display: block; margin-bottom: 1em; border-bottom: solid 1px var(--main_color); } .form__tbl th { line-height: 1.5; border-bottom: none; display: block; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%; max-width: 100%; } .form__tbl td { padding: 15px 1em; display: block; width: 100%; } .form__tbl th .required { top: 0.5em; transform: translate(0px, 40%); } .form__tbl.entry.mail td div:empty::before { content: "登録解除"; color: gray; } .form__tbl .radio-label { margin-bottom: 10px; line-height: 14px; } .form__tbl .radio-label:last-child { margin-bottom: 0px; } .form__tbl .sp-block { display: block; margin-top: 5px; } } .entry_thanks .payment_info { max-width: 800px; margin: 30px auto 40px; border: 3px solid var(--bg_color3); } .entry_thanks .payment_info h3 { padding: 15px 20px 20px; color: rgb(255, 255, 255); font-size: 1.8rem; background: var(--bg_color3); margin-bottom: 20px; } .entry_thanks .payment_info .payment_info_inner { margin: 10px auto 0px; } .entry_thanks .payment_info dl { display: flex; margin: 0px auto 10px; padding: 0px 10px; } .entry_thanks .payment_info dl dt { width: 120px; margin-right: 1em; text-align: right; } @media screen and (max-width: 768px) { .entry_thanks .payment_info h3 { padding: 5px 20px 10px; } .entry_thanks .payment_info dl dt { width: 80px; margin-right: 1em; } .entry_thanks .payment_info dl dd { width: calc(100% - 1em - 80px); } } .guide_h4 { font-size: 1.5rem; font-weight: bold; color: var(--main_color); background: var(--bg_color1); padding: 0.3em 0.5em; margin-bottom: 1em; } @media screen and (max-width: 768px) { .guide_h4 { margin-top: 1.5em; margin-bottom: 0.5em; } } .terms { margin-top: -1em; } .terms dt { font-weight: bold; font-size: 1.1em; margin-top: 1em; } .terms dd ol { list-style-type: decimal; margin-left: 1.5em; } .terms dd ol > li > ol { list-style-type: lower-roman; } .terms + div { font-size: 1.2rem; line-height: 1.3; margin-top: 1em; text-align: right; } .policy dt { font-weight: bold; font-size: 1.1em; margin-top: 1em; } .policy > dl > dt:nth-child(1) { margin-top: 0px; } .policy dd ol > li > ul { margin-left: 2em; list-style-type: circle; } .policy + p { font-size: 1.2rem; line-height: 1.3; margin-top: 1em; text-align: right; } .sp_item_more { margin: 0px 0px 30px auto; text-align: left; width: fit-content; } .sp_item_more a { position: relative; display: inline-block; line-height: 50px; color: rgb(51, 51, 51); text-decoration: none; outline: none; font-size: 1.6rem; border: none; padding: 0px 25px 10px 15px; letter-spacing: 0px; z-index: 1; opacity: 1; margin-bottom: 0.5em; user-select: none; } .sp_item_more a::before { content: ""; position: absolute; left: 0px; z-index: -1; width: 50px; height: 50px; background: var(--bg_color1); border-radius: 25px; transition: all 0.3s ease-out 0s; } .sp_item_more a:hover::before { width: 100%; } .sp_item_more a::after { position: absolute; content: ""; top: 1.5em; right: 10px; width: 5px; height: 5px; border-top: 1px solid var(--main_color); border-right: 1px solid var(--main_color); transform: rotate(45deg); } @media screen and (max-width: 768px) { .sp_item_more a { line-height: 1.3; background: var(--bg_color1); font-size: 1.4rem; padding: 5px 25px 5px 15px; text-align: left; margin-bottom: 15px; color: var(--main_color); } .sp_item_more a::before { content: ""; width: 100%; min-height: 30px; border-radius: 15px; background: transparent; } .sp_item_more a::after { position: absolute; content: ""; top: 50%; right: 10px; width: 5px; height: 5px; border-top: 1px solid var(--main_color); border-right: 1px solid var(--main_color); transform: rotate(45deg) translate(0px, -50%); } } .sp_item_wrap { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: var(--flex_gap); } .sp_item_wrap .sp_item_box { width: calc(25% - 22.5px); background: rgb(255, 255, 255); padding: 30px 2%; box-shadow: rgba(6, 0, 1, 0.1) 5px 5px 18px; position: relative; z-index: 10; } .sp_item_wrap .sp_item_box::before { content: ""; position: absolute; width: 100%; height: 100%; border-bottom: solid 5px var(--main_color); border-right: solid 5px var(--main_color); right: -10px; bottom: -10px; z-index: -1; } .sp_item_point { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .sp_item_point :is(.tag_sp, .tag_gd) { padding: 0px 0.5em; border-radius: 5px; border: 2px solid rgb(204, 204, 204); color: rgb(204, 204, 204); text-align: center; font-size: 1.6rem; } .sp_item_img { width: 100%; height: 200px; padding: 10px; background: var(--bg_color1); margin-bottom: 10px; } .sp_item_img img { width: 98%; height: 98%; object-fit: contain; } .sp_item_link { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 1.2rem; margin: 0px auto 20px; } .sp_item_link a { width: 100%; white-space: nowrap; text-align: center; padding: 0.5em 1em; color: rgb(255, 255, 255); border-radius: 0.5em; display: flex; justify-content: center; align-items: center; position: relative; text-decoration: none; } .sp_item_link a::after { content: "▶"; font-size: 0.5em; position: absolute; top: 50%; right: 5px; transform: translate(0px, -50%); } @media screen and (max-width: 1000px) { .sp_item_wrap .sp_item_box { width: calc(50% - 15px); } } @media screen and (max-width: 425px) { .sp_item_wrap .sp_item_box { width: 100%; } } .artist_list_wrap h4 { color: rgb(255, 255, 255); padding: 5px 20px 5px calc(0.5em + 20px); background-color: var(--main_color); font-size: 2rem; font-weight: bold; margin-bottom: 0px; } .artist_list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; border-top: 1px solid var(--main_color); border-left: 1px solid var(--main_color); background: var(--bg_gray); margin-bottom: 30px; } .artist_list > li { display: block; padding: 5px 20px; width: calc(14.2857%); background-color: rgb(255, 255, 255); border-right: 1px solid var(--main_color); border-bottom: 1px solid var(--main_color); } .morning h4 { background-color: var(--mm_sub); } .morning .artist_list { border-top-color: var(--mm_sub); border-left-color: var(--mm_sub); } .morning .artist_list > li { border-right-color: var(--mm_sub); border-bottom-color: var(--mm_sub); } .angerme h4 { background-color: var(--an_sub); } .angerme .artist_list { border-top-color: var(--an_sub); border-left-color: var(--an_sub); } .angerme .artist_list > li { border-right-color: var(--an_sub); border-bottom-color: var(--an_sub); } .juice h4 { background-color: var(--jj_sub); } .juice .artist_list { border-top-color: var(--jj_sub); border-left-color: var(--jj_sub); } .juice .artist_list > li { border-right-color: var(--jj_sub); border-bottom-color: var(--jj_sub); } .tsubaki h4 { background-color: var(--tf_sub); } .tsubaki .artist_list { border-top-color: var(--tf_sub); border-left-color: var(--tf_sub); } .tsubaki .artist_list > li { border-right-color: var(--tf_sub); border-bottom-color: var(--tf_sub); } .beyo h4 { background-color: var(--by_sub); } .beyo .artist_list { border-top-color: var(--by_sub); border-left-color: var(--by_sub); } .beyo .artist_list > li { border-right-color: var(--by_sub); border-bottom-color: var(--by_sub); } .ocha h4 { background-color: var(--on_sub); } .ocha .artist_list { border-top-color: var(--on_sub); border-left-color: var(--on_sub); } .ocha .artist_list > li { border-right-color: var(--on_sub); border-bottom-color: var(--on_sub); } @media screen and (max-width: 768px) { .artist_list_wrap h4 { margin-bottom: 10px; } .artist_list { display: block; border: none; background-color: rgb(255, 255, 255); padding: 0px 20px; } .artist_list > li { display: inline-block; padding: 0px; width: fit-content; margin-right: 1.5em; border-right: none; border-bottom: none; } } .gdwp_download_wrap { display: flex; justify-content: flex-start; gap: var(--flex_gap); flex-wrap: wrap; } .gdwp_download_box { width: calc(( 100% - var(--flex_gap) * 2 ) / 3); } .gdwp_download_box figure { position: relative; } .gdwp_download_box h3 { text-align: center; position: relative; width: fit-content; margin: 0px 0px 0px 50px; } .gdwp_download_box h3::before { position: absolute; content: ""; width: 1.5px; height: 95px; background: var(--main_color); left: -1.5em; bottom: 0px; } .gdwp_download { margin-top: 20px; } .gdwp_download a { display: block; text-align: center; background: var(--bg_color1); height: 40px; border-radius: 20px; line-height: 40px; margin-bottom: 20px; user-select: none; text-decoration: none; color: var(--font_color); } .greeting_img { display: flex; flex-wrap: wrap; gap: var(--flex_gap); justify-content: flex-start; } .greeting_img li { width: calc(( 100% - var(--flex_gap) * 3) / 4); } .greeting_img li img { width: 100%; cursor: pointer; } @media screen and (max-width: 768px) { .greeting_img li { width: 100%; pointer-events: none; } .gdwp_download_box { width: 100%; } } .lity { background: rgba(255, 255, 255, 0.6); } .lity-content::after { box-shadow: none; } .lity-image img { max-width: 90%; margin: auto; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; } .lity-close { color: var(--main_color); } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { color: var(--main_color); } .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; max-width: 95%; } .lity-iframe .lity-container img, .lity-youtube .lity-container img, .lity-vimeo .lity-container img, .lity-facebookvideo .lity-container img, .lity-googlemaps .lity-container img { width: 100% !important; height: auto !important; } :is(.morning, .angerme, .juice, .tsubaki, .beyo, .ocha, .kensyusei) .kv .swiper-pagination > li.slick-active button::before { display: none; } .column_wrap { display: flex; justify-content: space-between; align-items: stretch; gap: 70px; padding-top: 30px; margin-bottom: 50px; position: relative; } .column_wrap.detail { padding-top: 100px; } .column_main { width: calc(100% - 350px); padding: 0px 0px 50px; box-shadow: rgba(6, 0, 1, 0.1) 5px 5px 18px; } .column_sub { width: 280px; } .column_sub_inner { position: sticky; top: 90px; } .column_sub h4 { background-color: rgb(255, 255, 255); } .contents_list { padding: 0px 30px; margin-bottom: 30px; } .contents_list .list_wrap { display: flex; align-items: flex-start; position: relative; z-index: 0; padding: 50px 0px 45px; border-bottom: 1px dashed rgb(204, 204, 204); transition: all 0.4s ease 0s; } .contents_thumb { width: 200px; margin-right: 30px; border: 1px solid rgb(204, 204, 204); } .contents_thumb img { width: 100%; height: 150px; object-fit: cover; object-position: center top; } .contents_inner { width: 100%; max-width: 100%; } .contents_inner a { text-decoration: none; } .contents_head { display: flex; align-items: flex-start; justify-content: space-between; } .contents_category { width: 70%; margin-right: 5%; padding-bottom: 10px; color: var(--main_color); } .contents_category li a { color: var(--main_color); text-decoration: none; } .contents_head time { width: fit-content; display: block; color: var(--second_color); font-size: 1.6rem; text-align: right; position: relative; white-space: nowrap; } .contents_head time::before { content: ""; width: 1em; height: 1em; position: absolute; top: 50%; left: -1.5em; transform: translate(0px, -50%); background-color: var(--second_color); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; margin-right: 0.5em; mask-image: url("data:image/svg+xml,"); } .contents_inner .contents_ttl { line-height: 1.5; margin-bottom: 10px; font-feature-settings: "palt"; font-weight: 700; color: rgb(34, 34, 34); font-size: clamp(1.4rem, 1.255rem + 0.73vw, 1.8rem); border-bottom: solid 1px var(--main_color); width: fit-content; min-width: 300px; padding-bottom: 0.5em; } .contents_inner .content_read { line-height: 1.8em; margin-bottom: 15px; text-align: justify; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; color: rgb(119, 119, 119); } .contents_detail_inner { padding: 40px 3% 60px; } .contents_detail_inner .contents_ttl { line-height: 1.5; margin-bottom: 10px; font-feature-settings: "palt"; font-weight: 700; color: rgb(34, 34, 34); font-size: clamp(1.6rem, 1.509rem + 0.39vw, 2.3rem); border-bottom: solid 1px var(--main_color); width: 100%; padding-bottom: 0.5em; } .contents_ttl_img { position: relative; display: flex; justify-content: center; width: 100%; height: 250px; margin-bottom: 40px; background-position: 30% center; background-size: 100%; background-blend-mode: lighten; overflow: hidden; } .contents_ttl_img::after { content: ""; z-index: 1; position: absolute; inset: -7px; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; filter: blur(7px); background-color: rgba(255, 255, 255, 0.8); background-blend-mode: lighten; } .contents_ttl_img img { z-index: 10; position: relative; object-fit: contain; } .contents_category_ttl { position: relative; z-index: 0; margin-bottom: 5px; color: var(--main_color); font-feature-settings: "palt"; } .contents_category_ttl span { background-color: rgb(255, 255, 255); padding-right: 20px; font-size: 2.2rem; font-weight: 700; } .contents_category_ttl::after { position: absolute; z-index: -1; top: 50%; left: 0px; width: 100%; height: 1px; background-color: var(--main_color); transform: translateY(-50%); content: ""; } .contents_category_list { max-height: 500px; overflow-y: auto; } .contents_category_list li { border-bottom: 1px dashed rgb(204, 204, 204); } .contents_category_list li a { padding: 10px 0px; display: block; text-decoration: none; color: var(--sub_color); } .contents_category_list li a p { font-size: 1.4rem; color: rgb(167, 167, 167); word-break: break-all; } .contents_category_list li a:hover { background: var(--bg_color1); } .contents_category_list li.active a { font-weight: 700; color: var(--main_color); } @media screen and (max-width: 1024px) { .column_wrap { display: block; padding-top: 20px; margin-bottom: 40px; } .column_wrap.detail { padding-top: 50px; } .column_main { width: 100%; padding: 0px 0px 50px; } .column_sub { width: 100%; margin-top: 50px; } .column_sub_inner { display: flex; gap: var(--flex_gap); justify-content: space-between; } .column_sub_inner > div:first-child { width: 200px; } .column_sub_inner > div:last-child { width: calc(100% - 200px - var(--flex_gap)); } .column_sub_inner > div .mt-30 { margin-top: 0px !important; } .contents_ttl_img { height: 180px; } } @media screen and (max-width: 768px) { .contents_list { padding: 0px 3%; margin-bottom: 30px; } .column_sub { width: 100%; margin-top: 50px; } .column_sub_inner { display: block; } .column_sub_inner > div:first-child, .column_sub_inner > div:last-child { width: 100%; } .column_sub_inner > div .mt-30 { margin-top: 30px !important; } .contents_list .list_wrap { padding: 30px 0px 20px; } .contents_thumb { width: 100px; margin-right: 20px; } .contents_thumb img { height: 150px; } .contents_inner { width: calc(100% - 120px); } .contents_ttl_img { height: 140px; } .contents_inner .contents_ttl { min-width: auto; } } .contents_wrap { display: flex; justify-content: flex-start; gap: var(--flex_gap); flex-wrap: wrap; margin-bottom: 50px; } .contents_list_box { width: calc(( 100% - var(--flex_gap) * 3 ) / 4); } .contents_list_box a { color: var(--main_color); text-decoration: none; } .contents_list_box figure { position: relative; width: 100%; aspect-ratio: 16 / 9; } .mypage_info_wrap .contents_list_box figure { position: relative; width: 100%; aspect-ratio: 5.9 / 4.1; } .contents_list_box figure img { width: 100%; height: 100%; object-fit: cover; } .contents_list_box .contents_member_only figure::before { content: "MEMBER\a ONLY"; white-space: pre; position: absolute; text-align: center; font-family: "Noto Sans Japanese", sans-serif; color: rgb(255, 255, 255); line-height: 1.3; font-size: 2.5rem; text-shadow: 2px 2px 2px var(--main_color); width: fit-content; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 11; } .contents_list_box .contents_member_only figure::after { content: ""; position: absolute; background: var(--main_color_alpha); width: 100%; height: 100%; top: 0px; left: 0px; z-index: 10; } .contents_list_box .artist_contents_ttl { position: relative; text-align: left; width: calc(100% - 35px); margin: 0px 0px 0px 35px; } .contents_list_box .artist_contents_ttl > h3 { line-height: 1.3; } .contents_list_box .artist_contents_ttl::before { position: absolute; content: ""; width: 2px; height: 120px; background: var(--main_color); left: -1.5em; bottom: 0px; z-index: 12; } .contents_list_box h3 time { font-size: 1.4rem; font-weight: 400; color: rgb(187, 187, 187); display: block; } .contents_list_box h3 .contents_end { font-size: 1.4rem; color: rgb(187, 187, 187); display: inline-block; } .contents_list_box h4 { font-size: clamp(1rem, 0.4rem + 1.2vw, 1.3rem); line-height: 1.3; font-weight: 400; padding: 0px 0px 3px; display: inline-block; position: relative; z-index: 10; background: transparent; color: var(--sub_color); } @media screen and (max-width: 768px) { .contents_detail_inner { padding: 25px 3% 30px; } .contents_list_box { width: calc(( 100% - var(--flex_gap) * 1 ) / 2); } } .blog_list { display: flex; flex-wrap: wrap; gap: var(--flex_gap); justify-content: flex-start; } .blog_list > li { width: calc(( 100% - var(--flex_gap) * 3 ) / 4); position: relative; } .blog_list.link_cn_4 > li { width: calc(( 100% - var(--flex_gap) * 3 ) / 4); } .blog_list.link_cn_3 > li { width: calc(( 100% - var(--flex_gap) * 2 ) / 3); } .blog_list.link_cn_2 > li { width: calc(( 100% - var(--flex_gap) * 1 ) / 2); } .blog_list > li > a { width: 100%; height: 100%; text-align: center; padding: 10px 15px; font-weight: 500; background: transparent; cursor: pointer; transition: all 0.3s ease 0s; position: relative; display: flex; justify-content: center; align-items: center; border: 2px solid var(--main_color); z-index: 1; border-radius: 3px; color: var(--main_color); text-decoration: none; word-break: break-all; outline: none !important; } .blog_list > li > a::after { position: absolute; content: ""; width: 100%; height: 0px; top: 0px; left: 0px; z-index: -1; background: var(--main_color); transition: all 0.3s ease 0s; } .blog_list > li > a:hover { color: rgb(255, 255, 255); } .blog_list > li > a:hover::after { top: auto; bottom: 0px; height: 100%; } @media screen and (max-width: 768px) { .blog_list { display: flex; flex-wrap: wrap; gap: var(--flex_gap); justify-content: space-between; } .blog_list > li, .blog_list:is(.link_cn_4, .link_cn_3, .link_cn_2) > li { width: calc(( 100% - var(--flex_gap) * 1 ) / 2); position: relative; } } .MORNING .kv__img::before { border-color: var(--mm_main); background-color: var(--mm_sub); } .MORNING .p-box_ttl { background: linear-gradient(90deg, var(--mm_main),var(--mm_sub)); } .MORNING .contents_list_box .artist_contents_ttl::before { background: var(--mm_main); } .MORNING .contents_list_box h4 { color: var(--mm_main); } .MORNING :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--mm_main); } .MORNING .blog_list > li > a { border: 2px solid var(--mm_main); color: var(--mm_main); } .MORNING .blog_list > li > a:hover { color: rgb(255, 255, 255); } .MORNING .blog_list > li > a::after { background: var(--mm_main); } .ANGERME .kv__img::before { border-color: var(--an_main); background-color: var(--an_sub); } .ANGERME .p-box_ttl { background: linear-gradient(90deg, var(--an_main),var(--an_sub)); } .ANGERME .contents_list_box .artist_contents_ttl::before { background: var(--an_main); } .ANGERME .contents_list_box h4 { color: var(--an_main); } .ANGERME :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--an_main); } .ANGERME .blog_list > li > a { border: 2px solid var(--an_main); color: var(--an_main); } .ANGERME .blog_list > li > a:hover { color: rgb(255, 255, 255); } .ANGERME .blog_list > li > a::after { background: var(--an_main); } .JUICEJUICE .kv__img::before { border-color: var(--jj_main); background-color: var(--jj_sub); } .JUICEJUICE .p-box_ttl { background: linear-gradient(90deg, var(--jj_main),var(--jj_sub)); } .JUICEJUICE .contents_list_box .artist_contents_ttl::before { background: var(--jj_main); } .JUICEJUICE .contents_list_box h4 { color: var(--jj_main); } .JUICEJUICE :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--jj_main); } .JUICEJUICE .blog_list > li > a { border: 2px solid var(--jj_main); color: var(--jj_main); } .JUICEJUICE .blog_list > li > a:hover { color: rgb(255, 255, 255); } .JUICEJUICE .blog_list > li > a::after { background: var(--jj_main); } .TSUBAKIFACTORY .kv__img::before { border-color: var(--tf_main); background-color: var(--tf_sub); } .TSUBAKIFACTORY .p-box_ttl { background: linear-gradient(90deg, var(--tf_main),var(--tf_sub)); } .TSUBAKIFACTORY .contents_list_box .artist_contents_ttl::before { background: var(--tf_main); } .TSUBAKIFACTORY .contents_list_box h4 { color: var(--tf_main); } .TSUBAKIFACTORY :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--tf_main); } .TSUBAKIFACTORY .blog_list > li > a { border: 2px solid var(--tf_main); color: var(--tf_main); } .TSUBAKIFACTORY .blog_list > li > a:hover { color: rgb(255, 255, 255); } .TSUBAKIFACTORY .blog_list > li > a::after { background: var(--tf_main); } .BEYOOOOONDS .kv__img::before { border-color: var(--by_main); background-color: var(--by_sub); } .BEYOOOOONDS .p-box_ttl { background: linear-gradient(90deg, var(--by_main),var(--by_sub)); } .BEYOOOOONDS .contents_list_box .artist_contents_ttl::before { background: var(--by_main); } .BEYOOOOONDS .contents_list_box h4 { color: var(--by_main); } .BEYOOOOONDS :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--by_main); } .BEYOOOOONDS .blog_list > li > a { border: 2px solid var(--by_main); color: var(--by_main); } .BEYOOOOONDS .blog_list > li > a:hover { color: rgb(255, 255, 255); } .BEYOOOOONDS .blog_list > li > a::after { background: var(--by_main); } .OCHANORMA .kv__img::before { border-color: var(--on_main); background-color: var(--on_sub); } .OCHANORMA .p-box_ttl { background: linear-gradient(90deg, var(--on_main),var(--on_sub)); } .OCHANORMA .contents_list_box .artist_contents_ttl::before { background: var(--on_main); } .OCHANORMA .contents_list_box h4 { color: var(--on_main); } .OCHANORMA :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--on_main); } .OCHANORMA .blog_list > li > a { border: 2px solid var(--on_main); color: var(--on_main); } .OCHANORMA .blog_list > li > a:hover { color: rgb(255, 255, 255); } .OCHANORMA .blog_list > li > a::after { background: var(--on_main); } .KENSYUSEI .kv__img::before { border-color: var(--ht_main); background-color: var(--ht_sub); } .KENSYUSEI .p-box_ttl { background: linear-gradient(90deg, var(--ht_main),var(--ht_sub)); } .KENSYUSEI .contents_list_box .artist_contents_ttl::before { background: var(--ht_main); } .KENSYUSEI .contents_list_box h4 { color: var(--ht_main); } .KENSYUSEI :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--ht_main); } .KENSYUSEI .blog_list > li > a { border: 2px solid var(--ht_main); color: var(--ht_main); } .KENSYUSEI .blog_list > li > a:hover { color: rgb(255, 255, 255); } .KENSYUSEI .blog_list > li > a::after { background: var(--ht_main); } :is(.MORNING, .ANGERME, .JUICEJUICE, .TSUBAKIFACTORY, .BEYOOOOONDS, .OCHANORMA, .KENSYUSEI) .kv .swiper-pagination > li button::before { content: none; } .news_tabwrap { display: flex; justify-content: flex-start; align-items: center; gap: var(--flex_gap); padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid rgb(231, 231, 231); } .news_selectwrap { display: none; } .news_tabwrap li span { width: fit-content; max-width: 200px; padding: 0px 1em 41px; font-size: 1.6rem; cursor: pointer; position: relative; } .news_tabwrap li span::after { content: ""; position: absolute; width: 0%; height: 1.5px; background: var(--main_color); left: 50%; bottom: 0.5em; transition: all 0.5s ease 0s; transform: translate(-50%); z-index: 500; } .news_tabwrap li:hover span::after { width: 100%; } .news_tabwrap li.active span { color: var(--main_color); position: relative; } .news_tabwrap li.active span::after { width: 100%; } .news__ul.artist_news { padding-top: 100px; } .news__selectwrap, .news_selectwrap { padding-bottom: 20px; margin-bottom: 20px; position: relative; } .news__selectwrap::before, .news_selectwrap::before { content: ""; width: 1.3em; height: 1.3em; position: absolute; top: 13%; left: 10px; transform: translate(0px, 0px); background-color: var(--main_color); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; margin-right: 0.5em; mask-image: url("data:image/svg+xml,"); } .news__select { color: var(--main_color); } .news_list_wrap { position: relative; display: none; } .news_list_wrap.active { position: relative; display: block; } .search_container { max-width: 350px; width: calc(100% - 170px); display: flex; justify-content: flex-end; height: 40px; position: absolute; top: -95px; right: 0px; transform: translate(0px, 0px); } .search_container input[type="search"] { width: calc(100% - 50px); padding: 0px 15px; border-radius: 4px 0px 0px 4px; background: var(--bg_gray); border: none; outline: 0px; font-size: 1.7rem; } .search_container input[type="search"]:focus { outline: 0px; } .search_container button { width: 50px; padding: 0.25em 0.5em; font-size: 18px; border-radius: 0px 4px 4px 0px; background: var(--main_color); border: none; color: rgb(255, 255, 255); cursor: pointer; appearance: button; display: inline-block; } .news_list_wrap .news_ul a { text-decoration: none; color: var(--font_color); } @media screen and (max-width: 1023px) { .news_tabwrap { display: none; } .news_selectwrap { display: inline-block; } .search_container { height: 32px; top: -72px; max-width: 100%; } } @media screen and (max-width: 768px) { .search_container { width: calc(100% - 130px); } } .news_ul.dot li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px dotted rgb(218, 218, 218); } .news_detail .contents_category li a { color: rgb(255, 255, 255); margin-left: 0px; } .news_detail .content_txt { padding: 2em 30px; } .news_detail .content_txt .sns { display: flex; align-items: center; justify-content: flex-end; gap: 20px; margin-right: 10px; margin-bottom: 20px; } .news_detail .content_txt .sns li { display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 768px) { .news_detail .content_txt { padding: 1em 0px; } } .p-box_ttl.mypage span { display: inline-block; margin-left: 1em; font-size: clamp(1rem, 0.822rem + 0.89vw, 1.6rem); } .mypage_info_wrap { padding: 25px 30px; } .mypage_info_inner { display: flex; justify-content: space-between; gap: 50px; margin-bottom: 60px; } .mypage_ex_inner { margin-bottom: 60px; } .mypage_info_inner .mypage_l { width: 63%; } .mypage_info_inner .mypage_l .p-tbl td { position: relative; } .mypage_info_inner .mypage_l .p-tbl td span { color: rgb(204, 204, 204); } .mypage_info_inner .mypage_l .p-tbl a.link_btn { display: inline-block; font-size: 1.3rem; letter-spacing: 0.05em; padding: 0.3em 2.5em 0.3em 1.5em; border-radius: 5px; margin-left: 2em; background: rgb(234, 70, 94); color: rgb(255, 255, 255); position: absolute; top: 50%; transform: translate(0px, -50%); text-decoration: none; } .mypage_info_inner .mypage_l .p-tbl a.link_btn.members_card_link { background: rgb(237, 154, 61); } .mypage_info_inner .mypage_l .p-tbl a.link_btn::after { position: absolute; content: ""; font-weight: 900; font-family: "Font Awesome 6 Free"; top: 50%; right: 0.8em; transform: translate(0px, -50%); transition: all 0.3s ease 0s; } .mypage_info_inner .mypage_l .p-tbl a.link_btn:hover::after { right: 0.5em; } .mypage_info_inner .mypage_l .p-tbl a:not(.link_btn) { display: inline-block; color: var(--main_color); border-bottom: 1px dotted var(--main_color); } .mypage_tel { display: flex; align-items: center; gap: 1.5em; } .mypage_tel > dl { display: flex; align-items: center; gap: 0.5em; } .mypage_favorite:empty::before { content: "未登録"; color: rgb(204, 204, 204); } .mypage_info_inner .mypage_r { width: calc(37% - 50px); } .mypage_info_inner .mypage_r a { text-decoration: none; } .edit_btn_list { margin-top: 1em; padding: 30px; gap: var(--flex_gap); display: flex; align-items: center; flex-direction: column; justify-content: center; background: var(--key_color); border-radius: 5px; } .edit_btn_list li { text-align: center; width: 100%; } .edit_btn_list a { font-weight: 700; width: 100%; color: var(--main_color); display: block; padding: 10px 10px 10px 60px; line-height: 1.3; position: relative; border: 1px solid var(--main_color); border-radius: 5px; background: rgb(255, 255, 255); overflow: hidden; z-index: 0; letter-spacing: 0px; } .edit_btn_list a::before { content: ""; position: absolute; top: 50%; left: 11px; transform: translate(0px, -50%); width: 25px; height: 25px; background-color: rgb(255, 255, 255); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; z-index: 1; transition: all 0.3s ease 0s; } .edit_btn_list a::after { content: ""; position: absolute; top: 0px; left: 0px; width: 50px; height: 100%; background-color: var(--main_color); z-index: -1; } .edit_btn_list a:hover::before { transform: translate(0px, -50%) scale(1.1, 1.1); } .edit_btn_list a:hover::after { opacity: 1; } .edit_btn_list.add_fanclub { background: var(--addfanclub_sub_color_alpha); } .edit_btn_list.add_fanclub a { max-width: 300px; margin: auto; color: var(--addfanclub_main_color); border: 1px solid var(--addfanclub_main_color); } .edit_btn_list.add_fanclub a::after { background-color: var(--addfanclub_main_color); } .edit_btn_list a.favorite_edit::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list a.address_edit::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list a.mail_edit::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list a.pass_edit::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list a.sp_entry::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list a.history::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list a.procedure::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list aside { font-size: 1.3rem; font-weight: 400; } @media screen and (max-width: 768px) { .mypage_info_wrap { padding: 10px 0px 0px; } .mypage_info_inner { display: block; margin-bottom: 50px; } .mypage_info_inner .mypage_l { width: 100%; } .mypage_info_inner .mypage_r { width: 100%; } .mypage_info_inner .mypage_l .p-tbl a.link_btn { display: block; padding: 0.3em 2.5em 0.3em 0.5em; margin-top: 5px; margin-left: 0px; position: static; transform: translate(0px, 0px); } .mypage_info_inner .mypage_r .edit_btn_list { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: wrap; gap: 20px 30px; } .mypage_info_inner .mypage_r .edit_btn_list li { width: calc(50% - 15px); max-width: 300px; margin: 0px; } .mypage_info_inner .mypage_r .edit_btn_list.add_fanclub { display: flex; justify-content: center; } .mypage_info_inner .mypage_r .edit_btn_list.add_fanclub li { width: 100%; max-width: 100%; } } @media screen and (max-width: 550px) { .mypage_info_inner .mypage_r .edit_btn_list li { width: 100%; max-width: 300px; margin: 0px auto; } } .mypage_ex_inner > h3 { text-align: center; color: var(--main_color); font-size: clamp(1.4rem, 1.222rem + 0.89vw, 2rem); font-weight: 700; display: block; width: fit-content; margin: 0px auto 30px; position: relative; } .mypage_ex_inner > h3 span { display: block; font-size: clamp(1rem, 0.822rem + 0.89vw, 1.6rem); font-weight: 400; } .mypage_ex_inner > h3::before { content: ""; width: 30px; height: 100%; position: absolute; top: 50%; left: -60px; transform: translate(0px, -50%); background-color: var(--bg_color1); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url("data:image/svg+xml,"); } .mypage_ex_inner > h3::after { content: ""; width: 30px; height: 100%; position: absolute; top: 50%; right: -60px; transform: translate(0px, -50%); background-color: var(--bg_color1); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url("data:image/svg+xml,"); } @media screen and (max-width: 768px) { .mypage_ex_inner > h3::before { width: 25px; left: -30px; } .mypage_ex_inner > h3::after { width: 25px; right: -30px; } } .mypage_stream { padding-top: 0px; } .stream_player { position: relative; width: 90%; max-width: 830px; margin: 0px auto 2em; } .stream_player > iframe { width: 100%; aspect-ratio: 6 / 4; overflow: hidden; } @media screen and (max-width: 1000px) { .mypage_stream .contents_list_box { width: calc(( 100% - var(--flex_gap) * 2 ) / 3); } } @media screen and (max-width: 768px) { .mypage_stream .contents_list_box { width: calc(( 100% - var(--flex_gap) ) / 2); } .stream_player > iframe { height: 66vw; } } @media screen and (max-width: 375px) { .mypage_stream .contents_list_box { width: 100%; } } .mypage_news { padding-top: 0px; } .mypage_news .news__ul { padding-top: 30px; } .mypage_entry { padding: 0px 0px 80px; background: url("") center center / cover no-repeat; } .mypage_entry .p-box_ttl { font-size: clamp(1.8rem, 1.593rem + 1.04vw, 2.5rem); color: var(--main_color); font-weight: bold; padding: 2.2em 3% 1.3em; text-shadow: rgb(255, 255, 255) 1px 1px 2px; background: none; text-align: center; } .mypage_entry .p-box_ttl span { display: block; font-size: clamp(1rem, 0.822rem + 0.89vw, 1.6rem); color: var(--font_color); text-shadow: none; } .mypage_entry .p-filter__tabwrap { gap: 10px; } .mypage_entry .p-filter__tabwrap li { min-width: 230px; width: fit-content; margin-right: 0px; padding: 0px 1.5em; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: none; user-select: none; white-space: nowrap; } .mypage_entry .p-filter__tabwrap li:hover { color: var(--main_color); background: rgb(255, 255, 255); } .mypage_entry .p-filter__atcwrap { background: var(--main_color); padding: calc(1em + 30px) 3% 1em; border: 2px solid var(--main_color); } .mypage_entry .p-filter__atc.filter-atc.start { background: var(--main_color); color: rgb(255, 255, 255); padding: 50px 0px; text-align: center; } .mypage_entry .p-filter__tabwrap:has(> li.active) + .p-filter__atcwrap { background: rgb(255, 255, 255); } .mypage_entry .p-filter__tabwrap:has(> li.active) + .p-filter__atcwrap > .start { display: none; } .mypage_entry_box { margin: 0px auto 30px; border-bottom: 1px solid var(--main_color); } .mypage_entry_box { margin: 0px auto 30px; border-bottom: 1px solid var(--main_color); } .mypage_entry_box > li { border-top: 1px solid var(--main_color); border-left: 1px solid var(--main_color); border-right: 1px solid var(--main_color); padding: 20px; background-color: rgb(255, 255, 255); } .mypage_entry_box > li > a { position: relative; display: block; text-decoration: none; color: var(--font_color); } .mypage_entry_box > li > a::after { content: ""; width: 1.3em; height: 1.3em; position: absolute; top: 50%; right: -10px; transform: translate(0px, -50%); background-color: var(--main_color); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; margin-right: 0.5em; mask-image: url("data:image/svg+xml,"); transition: all 0.3s ease 0s; } .mypage_entry_box > li > a:hover::after { right: -15px; } .mypage_entry_box > li .no_entry { color: rgb(204, 204, 204); } .mypage_entry_box li .entry_list_top { width: 100%; margin-bottom: 0.5em; } .mypage_entry_box li .entry_list_top { display: flex; justify-content: flex-start; align-items: flex-start; gap: 20px; color: var(--main_color); font-size: 1.6rem; font-weight: 500; } .status_label { display: flex; justify-content: flex-start; gap: 10px; } .status_label li { color: rgb(255, 255, 255); font-size: 1.4rem; width: fit-content; padding: 0.3em 1em; line-height: 1; white-space: nowrap; } .mypage_entry_box li .entry_list_top h5 { padding-right: 30px; } .mypage_entry_box li .entry_list_top h5 > p { display: inline-block; margin-right: 2.5em; } .mypage_entry_box li .entry_list_btm { font-size: 1.3rem; } .mypage_entry_box li .entry_list_btm p { margin-top: 0.3em; } .mypage_entry_box li .entry_list_btm .to_detail { display: inline-block; font-size: 1.3rem; letter-spacing: 0.05em; padding: 0.3em 2.5em 0.3em 1.5em; border-radius: 5px; margin-left: 2em; background: rgb(234, 70, 94); color: rgb(255, 255, 255); position: relative; } .mypage_entry_box li .entry_list_btm .to_detail::after { position: absolute; content: ""; font-weight: 900; font-family: "Font Awesome 6 Free"; top: 50%; right: 0.8em; transform: translate(0px, -50%); transition: all 0.3s ease 0s; } .mypage_entry_box li a:hover .entry_list_btm .to_detail::after { right: 0.5em; } .mypage_entry .p-filter__atc h4 { font-size: clamp(1.6rem, 1.452rem + 0.74vw, 2.1rem); padding-left: calc(0.5em + 20px); font-weight: bold; margin-bottom: 5px; position: relative; } .mypage_entry .p-filter__atc h4::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translate(0px, -50%); display: block; width: 20px; height: 3px; background-image: linear-gradient(116deg, rgb(219, 69, 104) 55%, rgb(255, 254, 122) 55%, rgb(255, 254, 122) 65%, rgba(219, 69, 104, 0.5) 65%); margin-right: 0.5em; } .mypage_entry_box_txt { margin: 1em auto 2em; text-align: center; } .mypage_entry_detail .order_number { display: flex; flex-wrap: wrap; gap: 10px var(--flex_gap); align-items: center; } .mypage_entry_detail .order_number .order_status { font-size: 1.6rem; display: inline-block; width: 85%; max-width: 130px; padding: 5px 0px; text-align: center; border-radius: 5px; line-height: 1; white-space: nowrap; color: rgb(255, 255, 255); } .loading { margin: 10px auto 30px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 1010px) { .mypage_entry .p-filter__tabwrap { width: 100%; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; height: auto; } .mypage_entry .p-filter__tabwrap li { width: calc(50% - 5px); min-width: calc(50% - 5px); font-size: clamp(1rem, 0.624rem + 1.88vw, 1.6rem); border-radius: 5px; text-align: center; padding: 0px 0.5em; } .p-filter__tabwrap li::before { content: none; } .p-filter__tabwrap li.active { border: solid 2px var(--main_color); } .mypage_entry .p-box_ttl { padding: 1.5em 3% 1.3em; } .mypage_entry .p-filter__atcwrap { padding: 1.3em 3% 1em; } .mypage_entry .p-filter__atc > div:last-child ul.mypage_entry_box { margin-bottom: 0px; } .mypage_entry .p-filter__atc h4 { font-size: 1.4rem; margin-bottom: 10px; } .mypage_entry_box > li { padding: 10px 20px 10px 10px; } .mypage_entry_box li .entry_list_top { display: block; font-size: 1.4rem; } .status_label li { font-size: 1.2rem; margin-bottom: 5px; } .mypage_entry_box li .entry_list_top h5 { line-height: 1.3; padding-right: 0px; } .mypage_entry_box li a .entry_list_top h5 { padding-right: 30px; } .mypage_entry_box li .entry_list_top h5 > p { display: block; word-break: break-all; margin-right: 0px; line-height: 1.3; margin-bottom: 8px; } .mypage_entry { padding: 0px 0px 40px; } .mypage_entry_detail .order_number .order_status { font-size: 1.2rem; max-width: 80px; } .loading { margin: 10px auto 20px; } } .bingo_not { margin-bottom: 80px; } .bingo_not h4 { filter: grayscale(100%); } @media screen and (max-width: 768px) { .bingo_not { margin-top: 30px; margin-bottom: 0px; } } .tbl_cart { width: 100%; margin: 15px auto 40px; border: none; border-collapse: collapse; font-size: 1.6rem; } .tbl_cart thead th { margin: 0px; text-align: center; vertical-align: middle; padding: 10px 15px; border-bottom: 1px solid var(--main_color); color: var(--main_color); font-weight: bold; white-space: nowrap; } .tbl_cart th.photo { width: 13%; } .tbl_cart th.price { width: 15%; } .tbl_cart th.number { width: 13%; } .tbl_cart th.subtotal { width: 13%; } .tbl_cart th.bingo { width: 8%; } .tbl_cart th.show { } .tbl_cart th.seat { max-width: 20%; min-width: 8%; } .tbl_cart th.ticket { width: 8%; } .tbl_cart th.extra { max-width: 15%; } .tbl_cart a { color: var(--font_color); text-decoration: none; } .tbl_cart tbody { border-bottom: 1px solid var(--main_color); } .tbl_cart tbody td { padding: 10px 15px; margin: 0px; text-align: left; vertical-align: middle; background: rgb(255, 255, 255); border-bottom: 1px dotted rgb(218, 218, 218); } .tbl_cart td.photo { padding-left: 30px; } .tbl_cart td.name { line-height: 1.5; } .tbl_cart td.price { text-align: right; } .tbl_cart td.cart_change { text-align: right; margin-right: 5px; } .tbl_cart td.subtotal { text-align: right; padding-right: 30px; } .tbl_cart td.bingo .status_label { justify-content: center; } .tbl_cart td.show > div { display: flex; align-items: center; gap: 15px; } .tbl_cart td.show > div .show_no { color: var(--main_color); font-weight: bold; font-size: 2rem; white-space: nowrap; } .tbl_cart td.show > div > div:not(.show_no) { line-height: 1.5; } .tbl_cart td.show > hr { border-color: var(--sub_color); border-style: dotted; margin-bottom: 0.3em; } .tbl_cart td.show > dl.visitor { font-size: 1.2rem; padding: 0px 0.5em; } .tbl_cart td.show > dl.visitor dt { font-weight: 700; color: var(--main_color); margin-bottom: 0.3em; } .tbl_cart td.show > dl.visitor dd { padding-left: 1em; color: gray; line-height: 1; } .tbl_cart td.show > dl.visitor dd li:not(:last-child) { line-height: 1.1; margin-bottom: 2px; } .tbl_cart td aside { display: block; } .tbl_cart td.seat { text-align: center; line-height: 1.5; } .tbl_cart td.ticket { text-align: center; } .tbl_cart td.extra { white-space: nowrap; text-align: center; line-height: 1.5; } @media screen and (max-width: 768px) { .tbl_cart { margin: 0px auto 30px; border: none; border-collapse: collapse; font-size: 1.5rem; } .tbl_cart thead { display: none; } .status_label li { font-size: 1.2rem; padding: 0.3em 1.5em; margin-bottom: 5px; } .tbl_cart tbody tr { display: block; padding: 0px; margin-bottom: 20px; } .tbl_cart tbody td { width: 100%; padding: 10px 20px 10px 10px; border-top: 1px solid var(--sub_color); border-left: 1px solid var(--sub_color); border-right: 1px solid var(--sub_color); border-bottom: none; display: flex; justify-content: flex-end; align-items: center; gap: 0.5em; } .tbl_cart tbody td:is(.seat, .ticket, .subtotal) { text-align: right; min-height: 43.5px; } .tbl_cart tbody tr td:nth-child(n+2):nth-child(-n+5)::before { content: attr(data-label) "："; color: rgb(184, 184, 184); font-size: 1.4rem; font-weight: 400; } .tbl_cart tbody tr td:nth-child(2) { display: block; text-align: left; padding: 15px 10px; } .tbl_cart tbody tr td:nth-child(2)::before { color: var(--main_color) !important; } .tbl_cart tbody td.bingo { color: var(--main_color); display: block; width: 100%; border: none; padding: 0px; } .tbl_cart td.bingo .status_label { justify-content: flex-start; } .tbl_cart td.show > div { display: flex; align-items: stretch; gap: 10px; font-size: 1.4rem; background: var(--sub_color_alpha); padding: 15px; margin-top: 10px; margin-bottom: 5px; } .tbl_cart td.subtotal { text-align: right; background: rgb(245, 245, 245); font-size: 1.2em; font-weight: bold; padding: 10px 20px 10px 10px; border-bottom: 1px solid var(--sub_color); } .tbl_cart tbody td.extra { border: none; } .tbl_cart tbody td.extra:empty { padding: 0px; } .tbl_cart tbody { border-bottom: none; } } #cvs_fee { justify-content: flex-end; } .refund_box { width: 100%; } .refund_box select.dptf__select { width: 100%; text-align: center; display: block; font-size: 1.3rem; padding: 0px 25px 0px 0.2em; border: 1px solid rgb(85, 85, 85); } .refund_box button { font-size: 1.2rem; margin: 0.5em auto 0.1em; width: 85%; background: var(--main_color); border-radius: 20px; border: none; color: rgb(255, 255, 255); padding: 3px 5px; font-weight: bold; } .tbl_cart tfoot :is(th, td) { padding: 10px 15px; margin: 0px; text-align: right; vertical-align: middle; background: rgb(255, 255, 255); } .tbl_cart tfoot th { color: rgb(184, 184, 184); } .tbl_cart tfoot td { padding-right: 30px; } .tbl_cart tfoot :first-child :is(th, td) { padding-top: 30px; } .tbl_cart tfoot .tr_total td { font-size: 2.6rem; color: var(--main_color); font-weight: bold; } @media screen and (max-width: 768px) { .tbl_cart tfoot tr { display: flex; justify-content: flex-end; align-items: baseline; padding: 5px; } .tbl_cart tfoot :is(th, td) { display: block; width: 100%; padding: 0px; margin: 0px; text-align: right; background: rgb(255, 255, 255); } .tbl_cart tfoot tr td.extra { display: none; } .tbl_cart tfoot th { font-size: 0.8em; } .tbl_cart tfoot .tr_total td { font-size: 2rem; } .tbl_cart tfoot :first-child :is(th, td) { padding-top: 0px; } .p-tbl.pay_tbl th { padding: 15px 0.3em 10px; } .p-tbl.pay_tbl td { padding: 3px 0.3em 15px; } .acc__tbl.p-tbl.mb-50.pay_tbl { margin-bottom: 0px; } .p-tbl.pay_tbl.thanks th { padding: 15px 0.3em 5px; } .p-tbl.pay_tbl.thanks td { padding-bottom: 0px; border-bottom: none; } } .pay_tbl td { line-height: 1.9; } .pay_tbl strong { font-weight: bold; display: block; } .pay_tbl span.pay_date { color: rgb(7, 173, 96); } .pay_tbl td .flex { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px 20px; position: relative; } .pay_tbl td .flex .flex-normal-wrap { display: flex; flex-flow: wrap; align-content: space-between; gap: 10px 2em; } .members_card_container { width: 100%; height: 100%; position: relative; } .members_card { width: 100%; max-width: 800px; aspect-ratio: 1000 / 629; height: 100%; margin: auto; padding: 0px; position: relative; top: 0px; left: 0px; z-index: -1; background-size: cover; background-repeat: no-repeat; pointer-events: none; user-select: none; border-radius: 20px; filter: drop-shadow(rgb(153, 153, 153) 3px 3px 3px); } .members_card::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 900; background-image: url(""); background-repeat: repeat; pointer-events: none; } .card1 { background-image: url(""); } .card2 { background-image: url(""); } .card3 { background-image: url(""); } .card4 { background-image: url(""); } .card5 { background-image: url(""); } .members_card_inner { position: absolute; top: 50%; left: 20%; pointer-events: none; width: 78%; } .members_card dl { display: flex; align-items: center; gap: 30px; color: rgb(0, 0, 0); margin-bottom: 12px; font-size: 1.8rem; text-shadow: rgb(255, 255, 255) 3px 3px 3px, rgb(255, 255, 255) -3px -3px 3px, rgb(255, 255, 255) -3px 3px 3px, rgb(255, 255, 255) 3px -3px 3px, rgb(255, 255, 255) 3px 0px 3px, rgb(255, 255, 255) -3px 0px 3px, rgb(255, 255, 255) 0px 3px 3px, rgb(255, 255, 255) 0px -3px 3px; } .members_card dl dt { width: 5em; text-align-last: justify; } .members_card dl dd { font-size: 1.3em; } .members_card dl.name dd { font-weight: 900; line-height: 1.3; } .members_card.card1 dl { text-shadow: rgb(255, 253, 234) 3px 3px 3px, rgb(255, 253, 234) -3px -3px 3px, rgb(255, 253, 234) -3px 3px 3px, rgb(255, 253, 234) 3px -3px 3px, rgb(255, 253, 234) 3px 0px 3px, rgb(255, 253, 234) -3px 0px 3px, rgb(255, 253, 234) 0px 3px 3px, rgb(255, 253, 234) 0px -3px 3px; } .members_card.card2 dl { text-shadow: rgb(181, 222, 231) 3px 3px 3px, rgb(181, 222, 231) -3px -3px 3px, rgb(181, 222, 231) -3px 3px 3px, rgb(181, 222, 231) 3px -3px 3px, rgb(181, 222, 231) 3px 0px 3px, rgb(181, 222, 231) -3px 0px 3px, rgb(181, 222, 231) 0px 3px 3px, rgb(181, 222, 231) 0px -3px 3px; } .members_card.card3 dl { color: rgb(255, 234, 169); text-shadow: rgb(97, 53, 34) 3px 3px 3px, rgb(97, 53, 34) -3px -3px 3px, rgb(97, 53, 34) -3px 3px 3px, rgb(97, 53, 34) 3px -3px 3px, rgb(97, 53, 34) 3px 0px 3px, rgb(97, 53, 34) -3px 0px 3px, rgb(97, 53, 34) 0px 3px 3px, rgb(97, 53, 34) 0px -3px 3px; } .members_card.card4 dl { color: rgb(0, 0, 0); text-shadow: rgb(245, 229, 178) 3px 3px 3px, rgb(245, 229, 178) -3px -3px 3px, rgb(245, 229, 178) -3px 3px 3px, rgb(245, 229, 178) 3px -3px 3px, rgb(245, 229, 178) 3px 0px 3px, rgb(245, 229, 178) -3px 0px 3px, rgb(245, 229, 178) 0px 3px 3px, rgb(245, 229, 178) 0px -3px 3px; } .members_card.card5 dl { color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 3px 3px 3px, rgb(0, 0, 0) -3px -3px 3px, rgb(0, 0, 0) -3px 3px 3px, rgb(0, 0, 0) 3px -3px 3px, rgb(0, 0, 0) 3px 0px 3px, rgb(0, 0, 0) -3px 0px 3px, rgb(0, 0, 0) 0px 3px 3px, rgb(0, 0, 0) 0px -3px 3px; } @media screen and (max-width: 1000px) { .members_card { width: 100%; max-width: 800px; aspect-ratio: 1000 / 629; margin: auto; padding: 0px; position: relative; top: 0px; left: 0px; z-index: 801; background-size: contain; background-repeat: no-repeat; } } @media screen and (max-width: 768px) { .members_card { width: 100vw; height: 100vw; position: relative; background-position: left 50% top 50%; transform: rotate(90deg) translate(0px, 15px); border-radius: 10px; } .members_card dl { font-size: 3.3vw; margin-bottom: 0px; } .members_card dl dd { font-size: 1.2em; } .members_card_inner { position: relative; top: 50%; left: 13%; } } .service_bn { background: var(--key_color); text-align: center; width: fit-content; margin: 10px auto; transition: all 0.3s ease-out 0s; padding: 0px 2em 0px 3em; height: 50px; line-height: 50px; border-radius: 29px; display: inline-block; position: relative; border: 1px solid var(--main_color); } .service_bn::before { content: ""; width: 1.3em; height: 1.3em; position: absolute; top: 50%; left: 15px; transform: translate(0px, -50%); background-color: var(--border_color); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url("data:image/svg+xml,"); } .contact_bn { background: var(--key_color); text-align: center; width: fit-content; margin: 10px auto; transition: all 0.3s ease-out 0s; padding: 0px 2em 0px 3em; height: 50px; line-height: 50px; border-radius: 29px; display: inline-block; position: relative; border: 1px solid var(--main_color); } .contact_bn::before { content: ""; width: 1.3em; height: 1.3em; position: absolute; top: 50%; left: 15px; transform: translate(0px, -50%); background-color: var(--border_color); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url("data:image/svg+xml,"); } .tbl_scroll { height: auto; overflow: visible !important; } .service_tbl { width: 100%; height: auto; border-collapse: separate; border-spacing: 10px 0px; margin: 0px auto; padding: 0px; background: rgb(255, 255, 255); } .service_tbl th { vertical-align: middle; font-size: 1.35rem; line-height: 1.3; } .service_tbl td { vertical-align: middle; } .service_tbl thead { position: sticky; left: 0px; top: 90px; } .service_tbl thead th { padding: 1em 0.8em; } .service_tbl thead th.member_class { width: 15%; padding: 2em 1.5em; background: rgb(255, 255, 255); } .service_tbl th p { font-size: 1.3rem; line-height: 1.3; font-weight: 400; margin-top: 0.8em; letter-spacing: 0px; } .service_tbl thead th:is(.jr, .nm, .spe, .spg) { width: calc(21.25%); font-size: clamp(1rem, 1.3rem + 1vw, 2rem); font-weight: 700; background: var(--main_color); color: rgb(255, 255, 255); border-radius: 10px 10px 0px 0px; box-shadow: 0 5px 10px var(--key_color); vertical-align: top; letter-spacing: 0.1em; } .service_tbl thead th.jr { background: var(--btn_line_color); } .service_tbl thead th.spe { background: rgb(250, 199, 76); } .service_tbl thead th.spg { background: rgb(244, 163, 70); } .service_tbl thead th.spg span { font-size: 1.2rem; } .service_tbl td p { font-size: 1.2rem; color: rgb(85, 85, 85); font-weight: 400; line-height: 1.5; } .service_tbl tbody th { background: var(--bg_gray); padding: 2em 1.5em; border-bottom: 2px solid rgb(221, 221, 221); } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) { background: var(--sub_color_alpha2); border-bottom: 2px solid rgb(255, 255, 255); padding: 1.3em 0.8em; text-align: center; line-height: 1.3; } .service_tbl tbody td.spe { background: rgb(255, 246, 204); } .service_tbl tbody td.spg { background: rgb(244, 217, 187); } .service_tbl tbody td .kome { text-align: left; } .service_tbl tbody tr:first-child td { padding: 2.3em 0.8em 1.8em; line-height: 1.6; vertical-align: top; text-align: left; } .service_tbl tbody tr:nth-child(2) td { vertical-align: top; text-align: left; } .service_tbl tbody tr:nth-child(2) td:nth-child(2), .service_tbl tbody tr:nth-child(2) td:nth-child(3) { vertical-align: middle; text-align: center; } .service_tbl tbody tr:last-child td { padding: 1.8em 0.8em 2.3em; } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) { font-size: 1.4rem; } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) span { font-size: 1.3rem; font-weight: 400; margin-top: 0.3em; } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) i { font-size: 1.7rem; color: var(--main_color); } .service_tbl tbody td.jr i { color: var(--btn_line_color); } .service_tbl tbody td.spe i { color: rgb(250, 199, 76); } .service_tbl tbody td.spg i { color: rgb(244, 163, 70); } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) strong { font-size: 2rem; font-weight: 700; display: inline-block; margin: 0px 0.2em; } .service_img_flex { margin-top: 20px; display: flex; justify-content: flex-start; align-items: stretch; gap: var(--flex_gap); } .service_img_flex li { text-align: center; } .service_img_flex li img { width: fit-content; } .service_img { margin-top: 20px; } .service_img img { width: fit-content; display: block; } @media screen and (max-width: 768px) { .tbl_scroll { overflow: auto !important; } .service_tbl { width: 800px; border-spacing: 5px 0px; } .service_tbl thead { position: relative; left: 0px; top: 0px; } .service_tbl thead tr th:first-child, .service_tbl tbody tr th:first-child { position: sticky; top: 0px; left: 0px; } .scroll-hint-icon-wrap .scroll-hint-icon { top: 100px; left: 50%; transform: translate(-50%, 0px); } .service_tbl thead th.member_class { width: 7%; padding: 0px; } .service_tbl thead th.spg span { display: block; } .service_tbl tbody th { padding: 1em 0.5em; font-size: 1rem; } .service_tbl th p { font-size: 1.1rem; } .service_tbl tbody tr:first-child td { padding: 1em; } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) strong { font-size: 1.5rem; } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) { padding: 1em; font-size: 1.4rem; } .service_tbl td p { font-size: 1.1rem; } .service_img img { width: auto; max-height: 150px; margin: auto; display: block; } } :is(.service_img_flex, .service_img) aside { font-size: 1.2rem; margin: 0.3em 0px; width: fit-content; display: block; } .btn-copy { font-size: 1.5rem; font-weight: bold; position: relative; margin-bottom: 0.5em; text-align: center; } .btn-copy::before { margin-right: 1rem; content: "＼"; } .btn-copy::after { margin-left: 1rem; content: "／"; } @media screen and (max-width: 768px) { .service_img_flex { flex-wrap: wrap; gap: 30px 20px; margin-bottom: 30px; } .service_img_flex li { width: calc(50% - 20px); } :is(.service_img_flex, .service_img) aside { margin: 0.3em auto; } } .p-box.ex_guide p { margin-bottom: 0.8em; line-height: 1.5; } .p-box.ex_guide ul { margin-bottom: 0.8em; } .p-box.ex_guide .box { border: 1px solid var(--main_color); padding: 0.8em; line-height: 1.8; } .p-box.ex_guide .box.bg_b { color: var(--main_color); background-color: var(--sub_color_alpha); } .ex_service_ttl { font-size: 1.8rem; margin-bottom: 0.5em; color: var(--main_color); } .ex_service_ttl span { padding-right: 0.5em; font-size: 1.2em; color: var(--sub_color); } .ex_guide ul.kome li { padding: 0px; margin: 0px 0px 0.2em; } .ex_service_more { font-size: 1.8rem; margin-bottom: 0.5em; padding: 0.5em; color: rgb(255, 255, 255); background: var(--main_color_alpha); } ") right 5px center / 15px 15px no-repeat; } .dptf__select--txt { margin-left: 1.5em; } .dptf__box .submit__btn a { background: rgb(255, 255, 255); cursor: pointer; } .submit__btn input, .submit__btn button { font-size: clamp(1.6rem, 1.481rem + 0.59vw, 2rem); font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS Ｐゴシック", "MS PGothic", sans-serif; cursor: pointer; letter-spacing: 0.02em; } .submit__btn input:disabled, .submit__btn button:disabled { cursor: not-allowed; filter: grayscale(100%); opacity: 0.3; } .box-txt { color: rgb(255, 255, 255); font-size: 1.6rem; font-weight: bold; display: inline-block; line-height: 25px; border-radius: 5px; padding: 0px 1em; min-width: 120px; text-align: center; } .dpt__tbl { width: auto; } .dpt__tbl th { width: fit-content; vertical-align: middle; } .dpt__tbl .flex { align-items: center; } @media screen and (max-width: 1024px) { .dp_tickets { padding: 0px 0px 80px; } .dpt__ttl img { width: 400px; transform: none; } .dpt__infowrap p img { margin-right: 0.5em; vertical-align: middle; } .dpft__btn { width: 20px; height: 20px; line-height: 18px; } .down__btn { line-height: 15px; } .dpft__input { font-size: 2rem; width: 2em; } .radio-label { margin-right: 2em; padding-left: 20px; line-height: 16px; } .radio-label .circle { width: 18px; height: 18px; } .radio-label .circle::before { width: 14px; height: 14px; } .p-tbl.w-55 { width: 55%; } .p-tbl.w-40 { width: 40%; } .p-tbl.w-70 { width: 70%; } .p-tbl.w-25 { width: 25%; } .dptf__selectwrap { margin: 0px 0px 0px auto; } .select-arw { top: 30%; width: 12px; right: 0.5em; } .dptf__select { min-width: 60px; line-height: 38px; padding: 0px 2.5em 0px 1em; } .dptf__selectwrap .txt { margin-left: 1.5em; } } @media screen and (max-width: 768px) { .dp_tickets { padding: 0px 0px 60px; } .dpt__ttl { text-align: left; } .dpt__ttl img { width: 200px; transform: none; } .dpt__infowrap p img { margin-right: 0.5em; vertical-align: middle; } .dptf__box01 .flex { display: flex; } .dptf__box01 .dpt__tbl th { display: table-cell; width: 30%; } .dptf__box01 .dpt__tbl td { display: table-cell; white-space: nowrap; } .dp_tickets .p-h3.no-bd { font-size: 1.4rem; } .dpft__btn { width: 16px; height: 16px; line-height: 12px; } .down__btn { line-height: 10px; } .dpft__input { font-size: 1.4rem; width: 2em; } .radio-label { margin-right: 2em; padding-left: 20px; line-height: 16px; } .radio-label .circle { width: 14px; height: 14px; } .radio-label .circle::before { width: 10px; height: 10px; } .radio-label p { display: block; font-weight: 700; line-height: 1.3; width: calc(100% - 20px); } .dptf__box01 .dpf__radiowrap { display: block; } .dptf__box01 .dpf__radiowrap label { margin-bottom: 15px; } .dptf__box01 .radio-label { margin-bottom: 1em; } .check-rabel { margin-right: 2em; padding-left: 20px; line-height: 14px; } .check-rabel .circle { width: 14px; height: 14px; left: 0px; top: 0px; } .check-rabel .circle::before { width: 10px; height: 10px; } .p-tbl.w-55 { width: 100%; } .p-tbl.w-40 { width: 100%; } .p-tbl.w-70 { width: 100%; } .p-tbl.w-25 { width: 100%; } .dptf__box02 .dpt__tbl.w-55 { margin-bottom: 30px; } .dptf__box02 .dpf__price { display: flex; } .dptf__selectwrap { margin: 0px 0px 0px auto; } .select-arw { top: 30%; right: 0.5em; width: 8px; } .dptf__select { min-width: 40px; line-height: 30px; padding: 0px 3em 0px 1em; } .dptf__selectwrap .txt { margin-left: 1.5em; line-height: 30px; } .box-txt { font-size: 1.2rem; line-height: 20px; padding: 0px 1em; width: 80px; display: block; text-align: center; margin-top: 10px; } .submit__btn a { margin: 0px auto 20px; } .submit__btn input { font-size: 1.6rem; margin: 0px auto; } .dpt__tbl .flex { display: flex; } .dpt__tbl.tbl03 td { border: none; } } .ac__contents { padding: 50px 0px 40px; } .acc__ttl { margin: 0px auto 1em; white-space: nowrap; position: relative; width: fit-content; text-shadow: rgb(255, 255, 255) 1px 1px 0px, rgb(255, 255, 255) -1px -1px 0px, rgb(255, 255, 255) -1px 1px 0px, rgb(255, 255, 255) 1px -1px 0px, rgb(255, 255, 255) 0px 1px 0px, rgb(255, 255, 255) 0px -1px 0px, rgb(255, 255, 255) -1px 0px 0px, rgb(255, 255, 255) 1px 0px 0px; } .acc__ttl::before { content: ""; position: absolute; width: 130%; height: 17px; left: 50%; bottom: -0.2em; z-index: -1; background: linear-gradient(90deg, var(--main_color), #46abf1, #7fc4ff, #a4d4ff, #e3a4f5); transform: translate(-50%); } .acc__btn a { margin: 0px auto; background: rgb(255, 255, 255); } .btn_wrap { display: flex; align-items: center; justify-content: center; gap: 20px 30px; } .btn_wrap a { margin: 0px; width: fit-content; text-decoration: none; } .acc__btn a.link__btn01 { background: var(--main_color); } .acc__btn a.link__btn01:hover { background: rgb(255, 255, 255); } @media screen and (max-width: 1024px) { .ac__contents { padding: 80px 0px 20px; } .acc__ttl { margin: 0px auto 1em; white-space: normal; } .acc__ttl::before { width: 130%; height: 14px; bottom: -0.2em; } .btn_wrap { flex-direction: column; margin-top: 10px; } .acc__btn a { margin: 0px auto; } } @media screen and (max-width: 768px) { .ac__contents { padding: 20px 0px 0px; } .acc__ttl { margin: 0px auto 1em; font-size: 1.6rem; width: 100%; } .acc__ttl::before { width: 100%; height: 10px; bottom: -0.2em; } .ac__lead { text-align: left; } .acc__tblwrap { padding: 0px 0px 50px; } .acc__h4 { line-height: 35px; color: rgb(255, 255, 255); font-size: 1.6rem; padding: 0px 1em; } .acc__tbl { background: rgb(255, 255, 255); } .acc__tbl tr { display: block; margin-bottom: 10px; } .acc__tbl th { display: block; border-bottom: none; width: 100%; padding-bottom: 0px; } .acc__tbl td { width: 100%; display: block; border-color: var(--main_color); padding-top: 5px; } .acc__btn a { margin: 0px auto; } .acc__tbl.thanks :is(tr, th, td) { display: block; width: 100%; } .acc__tbl.thanks tr { margin-bottom: 20px; } .acc__tbl.thanks th { border-bottom: none; } } .a-event .cal__right--btm { left: 0px; } .ae__ttl { width: fit-content; } .ae__ttl strong { font-size: 10rem; -webkit-text-stroke: 1px rgb(242, 164, 233); } .event_list a { text-decoration: none; } .event_tag_wrap { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: flex-start; } .event_tag { display: flex; gap: 5px 10px; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-top: 0.5em; margin-bottom: 0.1em; } .event_tag > * { padding: 0px 0.5em; border-radius: 5px; background-color: rgb(255, 255, 255); border: 2px solid rgb(204, 204, 204); color: rgb(204, 204, 204); text-align: center; font-size: 1.6rem; } .event_ttl { font-size: clamp(1.6rem, 1.455rem + 0.73vw, 2rem); word-break: break-all; line-height: 1.5; letter-spacing: 0px; color: var(--font_color); } @media screen and (max-width: 1024px) { .ae__ttl .font-en { font-size: 5rem; } .ae__ttl img { transform: none; } .ae__ttl strong { -webkit-text-stroke: 1px rgb(242, 164, 233); } } @media screen and (max-width: 768px) { .event_list a.flex { display: flex; gap: 30px; } } @media screen and (max-width: 425px) { .event_list a.flex { display: block; } } .preface { margin-bottom: 2em; } .event_detail_tbl { font-size: 1.3rem; } .event_detail_tbl dl { display: flex; } .event_detail_tbl dl dt { width: 6.5em; margin-right: 1em; text-align-last: justify; font-weight: 900; } .show_box { margin-top: 20px; } h2.ctk__ttl + .show_box { margin-top: 0px; } .show_inner { background: linear-gradient(120deg, var(--main_color_alpha) 10%, var(--sub_color_alpha2)); padding: 10px 3%; display: flex; align-items: center; justify-content: space-between; gap: 30px; color: rgb(255, 255, 255); font-size: 2rem; font-weight: bold; } .show_inner > span { width: 20%; font-size: 1.5rem; color: rgb(234, 70, 94); padding: 5px 15px; border-radius: 10px; background: rgb(255, 255, 255); font-weight: 500; } .show_detail { display: block; width: 80%; } .fan_event .show_detail { width: 100%; } .show_detail ul { display: flex; align-items: center; justify-content: flex-start; gap: 8px 20px; margin: 0px 0px 15px; } .show_detail ul li { display: flex; align-items: center; justify-content: flex-start; gap: 10px; max-width: 600px; white-space: nowrap; } .show_detail ul li.show_no { width: 61px; } .show_detail ul li.show_date { width: 190px; } .show_detail ul li.show_artist { max-width: calc(100% - 271px); } .show_detail ul li.show_artist p { overflow: auto; white-space: normal; } .show_detail ul li { display: flex; align-items: baseline; justify-content: flex-start; gap: 10px; max-width: 600px; white-space: nowrap; } .show_detail ul li::before { content: ""; display: inline-block; width: 1.1em; height: 1.1em; background-repeat: no-repeat; background-size: contain; background-position: center center; opacity: 0.4; } .show_detail ul li.show_no::before { background-image: url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V320c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6V128c0-35.3-28.7-64-64-64H64zm64 112l0 160c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16zM96 160c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z'/%3E%3C/svg%3E"); } .show_detail ul li.show_place::before { background-image: url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/%3E%3C/svg%3E"); } .show_detail ul li.show_date::before { background-image: url("data:image/svg+xml,"); } .show_detail ul li.show_artist::before { background-image: url("data:image/svg+xml,"); } .show_detail ul li.show_time::before { background-image: url("data:image/svg+xml,%3C!--%3Fxml version='1.0' encoding='utf-8'%3F--%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='width: 128px; height: 128px; opacity: 1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234B4B4B;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M156.332,192.056c-5.923,8.064-5.048,18.79,1.968,23.937l84.616,65.279c0.365,0.273,0.784,0.438,1.184,0.674 c0.183,0.1,0.347,0.209,0.529,0.291c7.308,4.074,17.004,1.914,23.455-5.194c0.182-0.2,0.383-0.337,0.565-0.537l103.714-122.694 c5.905-6.625,5.996-16.147,0.256-21.259c-5.759-5.121-15.199-3.891-21.086,2.724l-96.935,103.56l-74.846-52.122 C172.752,181.568,162.255,183.955,156.332,192.056z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M52.964,255.995c0-4.474,0.086-8.956,0.56-13.358H0.41C0.087,247.038,0,251.521,0,255.995 c0,4.566,0.087,8.967,0.41,13.367h53.115C53.05,264.962,52.964,260.478,52.964,255.995z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M511.599,242.637h-53.114h-0.565v26.725h0.565h53.114c0.324-4.4,0.401-8.884,0.401-13.367 C512,251.521,511.923,247.038,511.599,242.637z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M146.905,84.733c5.016-3.17,10.143-6.168,15.346-8.82c0.719-0.356,1.33-0.71,2.031-0.975l-26.47-45.998 c-6.619,3.363-13.08,7.072-19.345,11.126l26.485,45.998C145.58,85.618,146.281,85.18,146.905,84.733z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M28.972,137.802l45.98,26.471l11.126-19.326L40.08,118.457C36.016,124.726,32.312,131.168,28.972,137.802z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M436.096,349.74c-2.752,5.203-5.658,10.324-8.921,15.262c-0.437,0.629-0.897,1.33-1.33,1.95l45.998,26.47 c4.064-6.26,7.768-12.61,11.202-19.226l-45.892-26.562C436.798,348.328,436.438,349.039,436.096,349.74z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M75.922,349.658l-1.057-2.023l-45.893,26.471c3.262,6.634,7.044,13.057,11.108,19.317l45.998-26.47 c-0.433-0.62-0.893-1.321-1.331-1.95C81.581,360.064,78.578,354.943,75.922,349.658z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M483.046,137.802c-3.357-6.633-7.139-13.075-11.202-19.344l-45.998,26.489l11.212,19.326L483.046,137.802z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M146.905,427.157c-0.624-0.438-1.325-0.884-1.954-1.33l-26.485,45.998c6.265,4.064,12.726,7.855,19.345,11.226 l26.47-46.008c-0.702-0.254-1.312-0.619-2.031-0.966C157.048,433.417,151.921,430.428,146.905,427.157z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M347.64,74.838l19.332,11.226l26.484-45.998c-6.264-4.054-12.629-7.763-19.24-11.126L347.64,74.838z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M242.637,458.475v53.042C247.048,511.918,251.522,512,256,512c4.484,0,8.962-0.082,13.368-0.483v-53.042 v-0.555h-26.731V458.475z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M269.368,53.524V0.482C264.962,0.082,260.483,0,256,0c-4.478,0-8.952,0.082-13.363,0.482v53.042v0.556h26.731 V53.524z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3Cpath class='st0' d='M347.64,437.144l26.576,45.907c6.611-3.454,12.976-7.162,19.24-11.226l-26.484-45.998L347.64,437.144z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .show_detail ul li p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .show_detail ul li.show_time p { white-space: normal; } .show_detail ul.ctk__ul_btm { margin-bottom: 0px; } .show_detail ul.ctk__ul_middle { margin-top: 0px; margin-bottom: 0px; } .show_box .btn_wrap { display: block; width: 20%; text-align: center; } .show_box .btn_wrap .link__btn03 { font-size: 1.6rem; margin: auto; font-weight: normal; } @media screen and (max-width: 1024px) { .show_inner { font-size: 1.6rem; padding: 10px 5%; } .show_detail { width: 70%; } .show_inner > span { width: 30%; font-size: 1.3rem; } .show_inner ul { flex-wrap: wrap; margin-bottom: 8px; } .show_detail ul li.show_artist { max-width: 100%; width: 100%; } .show_box .btn_wrap { display: block; width: 30%; text-align: center; } .show_inner .btn_wrap a.link__btn03 { min-width: 100%; font-size: 1.5rem; } } @media screen and (max-width: 768px) { .dp_tickets .section__ttl { white-space: normal; } .show_inner { flex-direction: column; align-items: flex-start; gap: 10px; } .show_inner > span { width: 100%; margin: 10px auto 15px; } .show_detail { width: 100%; } .show_detail ul li:is(.show_no, .show_date, .show_artist, .show_place, .show_time) { max-width: 100%; width: fit-content; } .show_box .btn_wrap { width: 100%; } .show_inner .btn_wrap a.link__btn03 { min-width: 250px; margin: 10px auto 13px; font-size: 1.3rem; } } .show_regist { padding: 10px 3%; background: rgb(255, 255, 255); border-image-source: linear-gradient(90deg, var(--main_color), var(--bg_color2)); border-image-slice: 1; display: flex; align-items: center; gap: 15px; font-size: 2rem; } .show_regist::before { content: ""; display: inline-block; width: 2em; height: 2em; background-color: var(--main_color); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url("data:image/svg+xml,%3C!--%3Fxml version='1.0' encoding='utf-8'%3F--%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='_x31_0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='width: 128px; height: 128px; opacity: 1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M450.489,212.598H24.785C11.114,212.598,0,223.716,0,237.384v80.023l11.484,1.535 c11.333,1.512,20.207,14.09,20.207,28.629c0,14.586-8.878,27.203-20.21,28.719L0,377.829v80.015 c0,13.668,11.114,24.786,24.782,24.786l425.707,0.004c13.668,0,24.785-11.118,24.785-24.786v-80.015l-11.484-1.539 c-11.336-1.52-20.211-14.133-20.211-28.723c0-14.535,8.875-27.113,20.207-28.625l11.488-1.535v-80.023 C475.274,223.716,464.157,212.598,450.489,212.598z M448.79,456.138v0.011h-53.875v-16.871h-17.652v16.871l-350.782-0.004V399.38 c18.679-7.949,31.695-28.332,31.695-51.809c0-23.441-13.016-43.789-31.695-51.73v-56.762l350.782,0.004v15.394v0.047l0,0v0.16 h17.652v-15.602h53.875v56.762c-18.68,7.938-31.691,28.29-31.691,51.726c0,23.481,13.011,43.864,31.691,51.813V456.138z' %3E%3C/path%3E%3Cpath class='st0' d='M279.282,324.973h-48.125c-1.887,0-3.559-1.214-4.145-3.007l-14.871-45.77c-1.305-4.012-6.984-4.012-8.289,0 l-14.871,45.77c-0.582,1.793-2.254,3.007-4.145,3.007h-48.121c-4.223,0-5.977,5.406-2.562,7.887l38.934,28.281 c1.527,1.114,2.168,3.082,1.582,4.879l-14.871,45.766c-1.305,4.016,3.294,7.355,6.707,4.871l38.93-28.286 c1.527-1.105,3.598-1.105,5.126,0l38.93,28.286c3.418,2.484,8.011-0.855,6.707-4.871l-14.871-45.766 c-0.582-1.797,0.058-3.766,1.586-4.875l38.93-28.281C285.254,330.38,283.5,324.973,279.282,324.973z' %3E%3C/path%3E%3Cpolygon class='st0' points='377.262,385.118 377.262,416.907 377.262,417.005 377.262,417.005 377.262,417.165 394.914,417.165 394.914,385.118 ' %3E%3C/polygon%3E%3Cpolygon class='st0' points='377.262,330.958 377.262,362.747 377.262,362.844 377.262,362.844 377.262,363.004 394.914,363.004 394.914,330.958 ' %3E%3C/polygon%3E%3Cpolygon class='st0' points='377.262,276.798 377.262,308.587 377.262,308.684 377.262,308.684 377.262,308.844 394.914,308.844 394.914,276.798 ' %3E%3C/polygon%3E%3Cpolygon class='st0' points='166.43,277.079 167.68,273.384 167.629,273.384 167.68,273.224 69.047,273.224 69.047,289.29 162.473,289.29 ' %3E%3C/polygon%3E%3Cpolygon class='st0' points='248.43,273.176 248.446,273.224 248.278,273.224 253.574,289.29 347.266,289.29 347.266,273.224 271.875,273.224 ' %3E%3C/polygon%3E%3Cpath class='st0' d='M124.817,406.106c0.035-0.199,0.015-0.402,0.05-0.598h-0.008c0.008-0.054,0-0.109,0.008-0.16h-55.82v17.043 l-0.004,0.05h0.004v0.161h56.175C124.125,417.224,124.055,411.591,124.817,406.106z' %3E%3C/path%3E%3Cpath class='st0' d='M291.246,405.325c0.004,0.008,0,0.015,0.004,0.023h-0.16c0.828,5.359,0.714,10.867-0.234,16.164 c-0.062,0.301-0.047,0.637-0.118,0.934h0.016c-0.012,0.051-0.008,0.106-0.016,0.16h56.528v-17.258h-48.61L291.246,405.325z' %3E%3C/path%3E%3Cpath class='st0' d='M509.989,194.88l-27.934-56.184l-8.625,2.926c-1.035,0.359-2.102,0.586-3.188,0.687 c-0.023,0.004-0.042,0.008-0.066,0.012c-7.726,0.706-16.453-4.829-20.882-13.754c-5.145-10.21-3.324-22.238,4.117-27.222 l7.516-5.066l-27.855-56.106c-4.746-9.653-16.462-13.531-26.035-8.782L108.145,179.927c-0.328,0.16-0.602,0.355-0.898,0.531 c-0.274,0.113-0.543,0.289-0.844,0.336h0.274c-0.086,0.058-0.184,0.098-0.27,0.16h339.008c25.641,0,47.402,17.25,54.207,40.754 l1.582-0.793C510.782,216.091,514.739,204.454,509.989,194.88z' %3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A"); } .show_regist span { font-size: 1.5rem; padding: 0.1rem 0.3em; border: 3px solid rgb(234, 70, 94); border-radius: 5px; color: rgb(234, 70, 94); } @media screen and (max-width: 1024px) { .show_regist { font-size: 1.6rem; } .show_regist span { font-size: 1.4rem; } } .event_ttl_tag { position: relative; top: -0.1em; } .event_ttl_tag > * { padding: 0px 0.5em; border-radius: 5px; background-color: rgb(255, 255, 255); border: 2px solid rgb(204, 204, 204); color: rgb(204, 204, 204); text-align: center; font-size: 1.6rem; } .event_ttl_tag > span { margin-right: 20px; margin-bottom: 5px; display: inline-block; } .ticket_select { padding: 30px 3% 15px; background: rgb(255, 255, 255); border-image-source: linear-gradient(90deg, var(--main_color), var(--bg_color2)); border-image-slice: 1; font-size: 2rem; } .p-tbl td.choice { font-size: 1.6rem; } .p-tbl td > .flex.ticket_num { gap: 10px; } .accd__tbl { margin-bottom: 30px; } @media screen and (max-width: 1024px) { .ticket_select { padding: 30px 5% 15px; } } @media screen and (max-width: 768px) { .ae__ttl .font-en { font-size: min(3rem, 8vw); text-shadow: rgb(241, 164, 233) 1px 1px 0px, rgb(241, 164, 233) -1px -1px 0px, rgb(241, 164, 233) -1px 1px 0px, rgb(241, 164, 233) 1px -1px 0px, rgb(241, 164, 233) 1px 0px 0px, rgb(241, 164, 233) -1px 0px 0px, rgb(241, 164, 233) 0px 1px 0px, rgb(241, 164, 233) 0px -1px 0px; } .event_tag_wrap { display: block; } .event_tag { gap: 5px 10px; margin-bottom: 0em; } .event_tag li { display: inline-block; margin-bottom: 0.5em; font-size: 0.8em; } .event_ttl { font-size: 1.5rem; color: var(--font_color); } .event_ttl_tag { top: 0px; } .event_ttl_tag > * { margin-top: 0.5em; font-size: 0.8em; } } .af__ttl { width: fit-content; } .af__ac--btn { padding: 10px 20px; color: rgb(255, 255, 255); cursor: pointer; } .af__h3 { font-size: clamp(1.4rem, 1.182rem + 1.09vw, 2rem); padding: 0px 2em 0.1em 0px; width: fit-content; border-bottom: 1px solid rgb(255, 255, 255); margin-bottom: 0.25em; } .af__h3 .small { margin-left: 1em; } .af__arw { top: 50%; right: 20px; transform: translate(0px, -50%); width: 35px; height: 35px; border-radius: 50%; transition: all 0.3s ease-out 0s; box-shadow: rgba(51, 51, 51, 0.8) 1px 1px 5px; } .af__arw img { transition: all 0.3s ease-out 0s; } .close .af__arw img { transform: rotate(180deg); } .af__ul li { padding: 25px 20px 30px; background: rgb(255, 255, 255); border-right: 1px solid rgb(239, 239, 239); border-bottom: 1px solid rgb(239, 239, 239); border-left: 1px solid rgb(239, 239, 239); border-image: initial; border-top: none; } .af__h4 { border-bottom: solid 1px var(--main_color); width: fit-content; min-width: 550px; padding-bottom: 0.5em; margin-bottom: 0.5em; font-size: 1.8rem; } .af__h4 .step { margin-right: 0.5em; line-height: 1; white-space: nowrap; } .af__txt { line-height: 1.8; word-break: break-all; } .ac__area { display: none; } @media screen and (max-width: 1024px) { .af__ttl { } .af__ttl img { transform: none; } .af__ac--btn { padding: 10px 60px 10px 15px; } .af__h3 { padding: 0px 2em 0.1em 0px; margin-bottom: 0.25em; } .af__arw { right: 10px; width: 45px; height: 45px; } .af__ul li { padding: 20px 20px 30px; } .af__h4 { min-width: 400px; padding-bottom: 0.5em; margin-bottom: 0.5em; } .af__h4 .step { margin-right: 0.5em; } } @media screen and (max-width: 768px) { .af__ttl { width: 150px; } .af__ac--btn { padding: 10px 50px 10px 15px; } .af__h3 { width: 100%; padding: 0px 0px 0.1em; margin-bottom: 0.25em; } .af__h3 .small { display: block; margin: 0px; } .af__arw { right: 10px; width: 25px; height: 25px; } .af__ul li { padding: 15px 15px 20px; } .af__h4 { min-width: 80%; padding-top: 0.5em; padding-bottom: 0.5em; margin-bottom: 0.5em; font-size: 1.6rem; } .af__h4 .step { font-size: 2.2rem; display: block; margin: 0px; } } .important { margin-top: 50px; } .imoprtant__obj--left { left: 3%; z-index: -1; } .imoprtant__obj--right { left: 97%; z-index: -1; } .join__btn a { margin: 0px auto; } .join__tbl { background: rgb(255, 255, 255); } @media screen and (max-width: 1024px) { .important { margin-top: 80px; } } @media screen and (max-width: 768px) { .join__tbl td { border: none; } } .payment_select { margin-top: 0px; display: none; } .accd__contents .ct__lt__obj { top: 80%; } .accd__contents { padding: 80px 0px 90px; background-position: center bottom; } .accd__contents .ct__rt__obj02 { top: 75%; } .accd__box { padding: 0px; } .accd__contents .link__btn02 { background: rgb(255, 255, 255); } .accd__contents .link__btn02:hover { background: var(--main_color); } @media screen and (max-width: 1024px) { .payment_select { margin-top: 0px; } } @media screen and (max-width: 768px) { .payment_select { margin-top: 0px; } .accd__contents .ct__lt__obj { top: 80%; } .accd__contents { padding: 80px 0px 90px; background-position: center bottom; } .accd__contents .ct__rt__obj02 { top: 75%; } .accd__box { padding: 0px; } .accd__contents .link__btn02 { background: rgb(255, 255, 255); } .accd__contents .link__btn02:hover { background: var(--main_color); } .input__txt { line-height: 30px; } .input__txt.small { width: 100%; } } .acs__top { padding-bottom: 100px; } .acs__ttl { margin-bottom: 50px; } .acs__contents { padding: 80px 0px; background-position: center bottom; } .acs__contents .ct__lt__obj { top: 25%; } .acs__contents .ct__rt__obj { top: 50%; } .acs__contents .link__btn02 { background: rgb(255, 255, 255); } .acs__contents .link__btn02:hover { background: var(--main_color); } @media screen and (max-width: 1024px) { } @media screen and (max-width: 768px) { .acs__top { padding-bottom: 100px; } .acs__ttl { margin-bottom: 50px; } .acs__contents { padding: 80px 0px; background-position: center bottom; } .acs__contents .ct__lt__obj { top: 25%; } .acs__contents .ct__rt__obj { top: 50%; } .acs__contents .link__btn02 { background: rgb(255, 255, 255); } .acs__contents .link__btn02:hover { background: var(--main_color); } } .guidance__page .af__ul li { border: none; padding: 0px 0px 20px; } @media screen and (max-width: 1024px) { .guc__btn a { width: 100%; margin: 0px auto; } .guc__btn.mr-20 { margin: 0px; } .guc__btn.mr-20 a { margin: 0px auto 10px; } } @media screen and (max-width: 768px) { .guidance__page .p-h3 { padding-left: 20px; position: relative; } .guidance__page .p-h3 .mark { position: absolute; top: 10px; left: 0px; } .guidance__page .p-h6-02 { font-size: 1.4rem; line-height: 1.4; } } .faq-contents h3 { padding-top: 30px; } .faq-contents .inner h3:first-child { padding-top: 0px; } .faqc__item { margin-bottom: 30px; } .faqc__item:last-child { margin-bottom: 0px; } .faq__page .pdtd__item { margin-bottom: 10px; } .faq__page .faqc__q .mark { position: absolute; top: 0.1em; left: 0px; font-weight: bold; font-size: 1.8rem; line-height: 1; } .faq-contents .faqc__q { padding: 0px 30px; position: relative; } .faq-contents .faqc__q a { color: rgb(255, 255, 255); text-decoration: underline; } .faq__page .pdtb__acarea { padding: 10px 3%; border-left: solid 1px var(--main_color); border-right: solid 1px var(--main_color); border-bottom: solid 1px var(--main_color); } .faq__page .faqc__a { position: relative; padding-left: 30px; } .faq__page .faqc__a .mark { position: absolute; top: 0.2em; left: 0px; font-weight: bold; font-size: 1.8rem; line-height: 1; } .faq__page .faqc__a a { color: var(--main_color); } .faqc__card { width: 24%; margin-right: 1%; max-width: 160px; } .faqc__card p { font-size: 1.2rem; } @media screen and (max-width: 1024px) { } @media screen and (max-width: 768px) { .faq-contents .faqc__q { padding: 0px 25px 0px 30px; } .faq__page .faqc__a .mark { top: 0.1em; } .faqc__cardwrap { display: flex; flex-wrap: wrap; } .faqc__card { width: 48%; margin: 0px 1% 10px; } } .smbc_result { display: flex; gap: var(--flex_gap); justify-content: space-between; margin-top: 30px; margin-bottom: 60px; } .smbc_result > div { width: calc(( 100% - var(--flex_gap) / 2)); padding: 0px; } .smbc_result > div h5 { font-weight: bold; font-size: 1.7rem; background: var(--main_color_alpha); padding: 0.5em 1em; border-radius: 10px 10px 0px 0px; } .smbc_result > div > div { height: 90%; padding: 20px 20px 0px; margin-bottom: 0px; border-left: 1px dotted var(--main_color); border-right: 1px dotted var(--main_color); border-bottom: 1px dotted var(--main_color); font-weight: 400; line-height: 1.6; letter-spacing: 0.04em; border-radius: 0px 0px 10px 10px; } .caution { font-size: 1.5rem; } .caution > div { font-weight: bold; margin-bottom: 0.5em; } .ticket_select .caution { display: block; width: 100%; height: auto; margin-top: 1em; padding: 1.5em 2em; background: rgb(244, 246, 250); box-sizing: border-box; line-height: 1.6; } .etc__ul { width: fit-content; padding: 10px 0px; margin: 20px 3% 30px; position: relative; } .etc__ul--li { position: relative; font-size: clamp(0.8rem, 0.27rem + 1.5vw, 1.6rem); } .etc__ul--li.current::before { content: ""; position: absolute; width: 100%; height: 3px; background: var(--main_color); left: 0px; bottom: -10px; } .etc__ul--li.arw { padding: 0px 1em; } .etc__ul::before { content: ""; position: absolute; width: 100%; height: 3px; background: var(--bg_color1); left: 0px; bottom: 0px; } .etc__caution { padding: 0px 1em; width: 100%; margin: 20px auto; } @media screen and (max-width: 768px) { .smbc_result { display: block; margin-top: 0px; margin-bottom: 30px; } .smbc_result > div { width: 100%; margin-bottom: 30px; } .smbc_result > div > div { padding-bottom: 2em; } } .form__flex .input__txt { width: 48%; } .form__txt { margin: 0.5em 0px 0px; color: rgb(58, 151, 238); } .form__box { padding: 40px 30px 80px; } .inner .required { color: rgb(255, 255, 255); background: var(--main_color); padding: 0.1em 0.3em; font-size: 1rem; border-radius: 3px; } .form__tbl { width: 100%; margin: 30px auto; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-collapse: collapse; font-size: 1.6rem; line-height: 1.8; border-top: 1px solid rgb(204, 204, 204); border-spacing: 0px; table-layout: fixed; } .form__tbl.payment { margin-top: 0px; } .form__tbl tr { width: 100%; border-bottom: 1px solid rgb(204, 204, 204); } .form__tbl th { width: 25%; max-width: 250px; color: var(--font_color); margin: 0px; background: padding-box padding-box rgb(245, 245, 245); border-top: 1px solid rgb(204, 204, 204); border-bottom: solid 1px var(--main_color); position: relative; vertical-align: top; font-weight: bold; text-align: left; padding: 1.3em 50px 1.3em 20px; } .form__tbl th .required { position: absolute; top: 1.3em; transform: translate(0px, 70%); right: 2em; color: rgb(255, 255, 255); background: var(--main_color); padding: 0.1em 0.3em; font-size: 1rem; border-radius: 3px; } .form__tbl td { margin: 0px; text-align: left; padding: 1.3em 2em; background: padding-box padding-box rgb(255, 255, 255); position: relative; vertical-align: middle; } .form__tbl td .flex-normal-wrap { display: flex; flex-flow: wrap; align-content: space-between; gap: 10px 2em; } .form__tbl td #payment_cvs .flex-normal-wrap { display: flex; flex-direction: column; gap: 0.8em; } .form__tbl td .flex { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px 20px; position: relative; } .form__tbl td .flex.column { flex-direction: column; } .form__tbl td p { font-size: 1.2rem; color: rgb(153, 153, 153); } .form__tbl input[type="text"], .form__tbl input[type="password"], .form__tbl input[type="number"], .form__tbl input[type="tel"], .form__tbl input[type="mail"], .form__tbl select, .form__tbl textarea { padding: 10px; border: 1px solid rgb(153, 153, 153); border-radius: 4px; background: rgb(255, 255, 255); appearance: none; font-size: 1.6rem; width: 100%; } .form__tbl select { padding-right: 25px; position: relative; display: block; background: url("data:image/svg+xml,") right 5px center / 15px 15px no-repeat; } .form__tbl textarea { width: 100%; height: 200px; } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio, :is(.form__tbl, .ticket_select, .pay_tbl) label.checkbox { position: relative; padding-left: 23px; cursor: pointer; display: flex; align-items: center; } :is(.form__tbl, .ticket_select, .pay_tbl) label span { line-height: 1.5; } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio input[type="radio"], :is(.form__tbl, .ticket_select, .pay_tbl) label.checkbox input[type="checkbox"] { appearance: none; position: absolute; left: -5px; z-index: 0; width: 0px; } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio input[type="radio"]::before, :is(.form__tbl, .ticket_select, .pay_tbl) label.checkbox input[type="checkbox"]::before { content: ""; position: absolute; display: block; width: 18px; height: 18px; background: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); top: 50%; transform: translate(0px, -50%); } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio input[type="radio"]::before { border-radius: 50%; } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio input[type="radio"]:checked::before, :is(.form__tbl, .ticket_select, .pay_tbl) label.checkbox input[type="checkbox"]:checked::before { border: solid 1px var(--main_color); } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio input[type="radio"]:checked::after, :is(.form__tbl, .ticket_select, .pay_tbl) label.checkbox input[type="checkbox"]:checked::after { content: ""; position: absolute; display: block; width: 14px; height: 14px; margin: 0px 0px 0px 2px; background: var(--main_color); border: solid 1px var(--main_color); top: 50%; transform: translate(0px, -50%); } :is(.form__tbl, .ticket_select, .pay_tbl) label.radio input[type="radio"]:checked::after { border-radius: 50%; } .form__tbl .zip { position: relative; } .form__tbl .zip > .zip_mark { position: absolute; top: 1.5em; left: 5px; } .form__tbl .zip > input[type="text"] { padding-left: 1.5em; } .form__tbl td div.black { min-height: 1.5em; } .form__tbl.entry.address td div.black:empty::before { content: "変更なし"; color: var(--sub_color); } @media screen and (max-width: 768px) { .form__tbl .flex .w30 { width: 100%; } .form__tbl .flex .w20 { width: calc(50% - 1em); } .form__tbl .flex .w10 { width: calc(25% - 0.5em); } .form__tbl .flex .w50 { width: 100%; } .form__tbl { margin: 30px auto; } .form__tbl.payment { font-size: 1.4rem; } } .fan_event ul.flex-normal-wrap { display: flex; flex-flow: wrap; align-content: space-between; gap: 10px 2em; font-size: 1.7rem; } .fan_item_ttl { font-size: 1.8rem; font-weight: bold; padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px solid rgb(0, 140, 214); width: fit-content; min-width: 300px; position: relative; z-index: 1; } .fan_item_ttl::before { content: ""; width: 10px; height: 10px; background-color: rgb(133, 200, 221); margin-right: 1em; vertical-align: middle; position: relative; top: -2px; z-index: 10; } .fan_event_ttl { display: flex; align-items: flex-start; gap: 15px; flex-direction: column; } .fan_event_ttl .fan_event { display: flex; align-items: center; font-weight: 700; } .fan_event_ttl .fan_event::before { content: ""; display: inline-block; width: 1.2em; min-width: 1.2em; height: 1.2em; background-color: var(--bg_color1); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; margin-right: 0.5em; mask-image: url("data:image/svg+xml,"); } .fan_event_ttl .artist { display: flex; align-items: center; font-weight: 700; } .fan_event_ttl .artist::before { content: ""; display: inline-block; width: 1.2em; min-width: 1.2em; height: 1.2em; background-color: var(--bg_color1); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; margin-right: 0.5em; mask-image: url("data:image/svg+xml,"); } @media screen and (max-width: 1024px) { .fan_event_ttl { align-items: flex-start; gap: 15px; flex-direction: column; } } @media screen and (max-width: 768px) { .etc__ul { display: flex; padding: 0px 0px 10px; margin: 0px 3% 20px; } .etc__ul--li { } .etc__ul--li.current::before { height: 3px; bottom: -10px; } .etc__ul--li.arw { padding: 0px 0.5em; } .etc__ul::before { height: 3px; } .etc__caution { padding: 0px 0em; } .form__flex .input__txt { width: 100%; margin-bottom: 10px; } .form__flex .input__txt:last-child { margin-bottom: 0px; } .form__txt { margin: 0.5em 0px 0px; } .form__box { padding: 20px 10px; } .form__tbl tr { display: block; margin-bottom: 1em; border-bottom: solid 1px var(--main_color); } .form__tbl th { line-height: 1.5; border-bottom: none; display: block; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%; max-width: 100%; } .form__tbl td { padding: 15px 1em; display: block; width: 100%; } .form__tbl th .required { top: 0.5em; transform: translate(0px, 40%); } .form__tbl.entry.mail td div:empty::before { content: "登録解除"; color: gray; } .form__tbl .radio-label { margin-bottom: 10px; line-height: 14px; } .form__tbl .radio-label:last-child { margin-bottom: 0px; } .form__tbl .sp-block { display: block; margin-top: 5px; } } .entry_thanks .payment_info { max-width: 800px; margin: 30px auto 40px; border: 3px solid var(--bg_color3); } .entry_thanks .payment_info h3 { padding: 15px 20px 20px; color: rgb(255, 255, 255); font-size: 1.8rem; background: var(--bg_color3); margin-bottom: 20px; } .entry_thanks .payment_info .payment_info_inner { margin: 10px auto 0px; } .entry_thanks .payment_info dl { display: flex; margin: 0px auto 10px; padding: 0px 10px; } .entry_thanks .payment_info dl dt { width: 120px; margin-right: 1em; text-align: right; } @media screen and (max-width: 768px) { .entry_thanks .payment_info h3 { padding: 5px 20px 10px; } .entry_thanks .payment_info dl dt { width: 80px; margin-right: 1em; } .entry_thanks .payment_info dl dd { width: calc(100% - 1em - 80px); } } .guide_h4 { font-size: 1.5rem; font-weight: bold; color: var(--main_color); background: var(--bg_color1); padding: 0.3em 0.5em; margin-bottom: 1em; } @media screen and (max-width: 768px) { .guide_h4 { margin-top: 1.5em; margin-bottom: 0.5em; } } .terms { margin-top: -1em; } .terms dt { font-weight: bold; font-size: 1.1em; margin-top: 1em; } .terms dd ol { list-style-type: decimal; margin-left: 1.5em; } .terms dd ol > li > ol { list-style-type: lower-roman; } .terms + div { font-size: 1.2rem; line-height: 1.3; margin-top: 1em; text-align: right; } .policy dt { font-weight: bold; font-size: 1.1em; margin-top: 1em; } .policy > dl > dt:nth-child(1) { margin-top: 0px; } .policy dd ol > li > ul { margin-left: 2em; list-style-type: circle; } .policy + p { font-size: 1.2rem; line-height: 1.3; margin-top: 1em; text-align: right; } .sp_item_more { margin: 0px 0px 30px auto; text-align: left; width: fit-content; } .sp_item_more a { position: relative; display: inline-block; line-height: 50px; color: rgb(51, 51, 51); text-decoration: none; outline: none; font-size: 1.6rem; border: none; padding: 0px 25px 10px 15px; letter-spacing: 0px; z-index: 1; opacity: 1; margin-bottom: 0.5em; user-select: none; } .sp_item_more a::before { content: ""; position: absolute; left: 0px; z-index: -1; width: 50px; height: 50px; background: var(--bg_color1); border-radius: 25px; transition: all 0.3s ease-out 0s; } .sp_item_more a:hover::before { width: 100%; } .sp_item_more a::after { position: absolute; content: ""; top: 1.5em; right: 10px; width: 5px; height: 5px; border-top: 1px solid var(--main_color); border-right: 1px solid var(--main_color); transform: rotate(45deg); } @media screen and (max-width: 768px) { .sp_item_more a { line-height: 1.3; background: var(--bg_color1); font-size: 1.4rem; padding: 5px 25px 5px 15px; text-align: left; margin-bottom: 15px; color: var(--main_color); } .sp_item_more a::before { content: ""; width: 100%; min-height: 30px; border-radius: 15px; background: transparent; } .sp_item_more a::after { position: absolute; content: ""; top: 50%; right: 10px; width: 5px; height: 5px; border-top: 1px solid var(--main_color); border-right: 1px solid var(--main_color); transform: rotate(45deg) translate(0px, -50%); } } .sp_item_wrap { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: var(--flex_gap); } .sp_item_wrap .sp_item_box { width: calc(25% - 22.5px); background: rgb(255, 255, 255); padding: 30px 2%; box-shadow: rgba(6, 0, 1, 0.1) 5px 5px 18px; position: relative; z-index: 10; } .sp_item_wrap .sp_item_box::before { content: ""; position: absolute; width: 100%; height: 100%; border-bottom: solid 5px var(--main_color); border-right: solid 5px var(--main_color); right: -10px; bottom: -10px; z-index: -1; } .sp_item_point { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .sp_item_point :is(.tag_sp, .tag_gd) { padding: 0px 0.5em; border-radius: 5px; border: 2px solid rgb(204, 204, 204); color: rgb(204, 204, 204); text-align: center; font-size: 1.6rem; } .sp_item_img { width: 100%; height: 200px; padding: 10px; background: var(--bg_color1); margin-bottom: 10px; } .sp_item_img img { width: 98%; height: 98%; object-fit: contain; } .sp_item_link { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 1.2rem; margin: 0px auto 20px; } .sp_item_link a { width: 100%; white-space: nowrap; text-align: center; padding: 0.5em 1em; color: rgb(255, 255, 255); border-radius: 0.5em; display: flex; justify-content: center; align-items: center; position: relative; text-decoration: none; } .sp_item_link a::after { content: "▶"; font-size: 0.5em; position: absolute; top: 50%; right: 5px; transform: translate(0px, -50%); } @media screen and (max-width: 1000px) { .sp_item_wrap .sp_item_box { width: calc(50% - 15px); } } @media screen and (max-width: 425px) { .sp_item_wrap .sp_item_box { width: 100%; } } .artist_list_wrap h4 { color: rgb(255, 255, 255); padding: 5px 20px 5px calc(0.5em + 20px); background-color: var(--main_color); font-size: 2rem; font-weight: bold; margin-bottom: 0px; } .artist_list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; border-top: 1px solid var(--main_color); border-left: 1px solid var(--main_color); background: var(--bg_gray); margin-bottom: 30px; } .artist_list > li { display: block; padding: 5px 20px; width: calc(14.2857%); background-color: rgb(255, 255, 255); border-right: 1px solid var(--main_color); border-bottom: 1px solid var(--main_color); } .morning h4 { background-color: var(--mm_sub); } .morning .artist_list { border-top-color: var(--mm_sub); border-left-color: var(--mm_sub); } .morning .artist_list > li { border-right-color: var(--mm_sub); border-bottom-color: var(--mm_sub); } .angerme h4 { background-color: var(--an_sub); } .angerme .artist_list { border-top-color: var(--an_sub); border-left-color: var(--an_sub); } .angerme .artist_list > li { border-right-color: var(--an_sub); border-bottom-color: var(--an_sub); } .juice h4 { background-color: var(--jj_sub); } .juice .artist_list { border-top-color: var(--jj_sub); border-left-color: var(--jj_sub); } .juice .artist_list > li { border-right-color: var(--jj_sub); border-bottom-color: var(--jj_sub); } .tsubaki h4 { background-color: var(--tf_sub); } .tsubaki .artist_list { border-top-color: var(--tf_sub); border-left-color: var(--tf_sub); } .tsubaki .artist_list > li { border-right-color: var(--tf_sub); border-bottom-color: var(--tf_sub); } .beyo h4 { background-color: var(--by_sub); } .beyo .artist_list { border-top-color: var(--by_sub); border-left-color: var(--by_sub); } .beyo .artist_list > li { border-right-color: var(--by_sub); border-bottom-color: var(--by_sub); } .ocha h4 { background-color: var(--on_sub); } .ocha .artist_list { border-top-color: var(--on_sub); border-left-color: var(--on_sub); } .ocha .artist_list > li { border-right-color: var(--on_sub); border-bottom-color: var(--on_sub); } @media screen and (max-width: 768px) { .artist_list_wrap h4 { margin-bottom: 10px; } .artist_list { display: block; border: none; background-color: rgb(255, 255, 255); padding: 0px 20px; } .artist_list > li { display: inline-block; padding: 0px; width: fit-content; margin-right: 1.5em; border-right: none; border-bottom: none; } } .gdwp_download_wrap { display: flex; justify-content: flex-start; gap: var(--flex_gap); flex-wrap: wrap; } .gdwp_download_box { width: calc(( 100% - var(--flex_gap) * 2 ) / 3); } .gdwp_download_box figure { position: relative; } .gdwp_download_box h3 { text-align: center; position: relative; width: fit-content; margin: 0px 0px 0px 50px; } .gdwp_download_box h3::before { position: absolute; content: ""; width: 1.5px; height: 95px; background: var(--main_color); left: -1.5em; bottom: 0px; } .gdwp_download { margin-top: 20px; } .gdwp_download a { display: block; text-align: center; background: var(--bg_color1); height: 40px; border-radius: 20px; line-height: 40px; margin-bottom: 20px; user-select: none; text-decoration: none; color: var(--font_color); } .greeting_img { display: flex; flex-wrap: wrap; gap: var(--flex_gap); justify-content: flex-start; } .greeting_img li { width: calc(( 100% - var(--flex_gap) * 3) / 4); } .greeting_img li img { width: 100%; cursor: pointer; } @media screen and (max-width: 768px) { .greeting_img li { width: 100%; pointer-events: none; } .gdwp_download_box { width: 100%; } } .lity { background: rgba(255, 255, 255, 0.6); } .lity-content::after { box-shadow: none; } .lity-image img { max-width: 90%; margin: auto; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; } .lity-close { color: var(--main_color); } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { color: var(--main_color); } .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; max-width: 95%; } .lity-iframe .lity-container img, .lity-youtube .lity-container img, .lity-vimeo .lity-container img, .lity-facebookvideo .lity-container img, .lity-googlemaps .lity-container img { width: 100% !important; height: auto !important; } :is(.morning, .angerme, .juice, .tsubaki, .beyo, .ocha, .kensyusei) .kv .swiper-pagination > li.slick-active button::before { display: none; } .column_wrap { display: flex; justify-content: space-between; align-items: stretch; gap: 70px; padding-top: 30px; margin-bottom: 50px; position: relative; } .column_wrap.detail { padding-top: 100px; } .column_main { width: calc(100% - 350px); padding: 0px 0px 50px; box-shadow: rgba(6, 0, 1, 0.1) 5px 5px 18px; } .column_sub { width: 280px; } .column_sub_inner { position: sticky; top: 90px; } .column_sub h4 { background-color: rgb(255, 255, 255); } .contents_list { padding: 0px 30px; margin-bottom: 30px; } .contents_list .list_wrap { display: flex; align-items: flex-start; position: relative; z-index: 0; padding: 50px 0px 45px; border-bottom: 1px dashed rgb(204, 204, 204); transition: all 0.4s ease 0s; } .contents_thumb { width: 200px; margin-right: 30px; border: 1px solid rgb(204, 204, 204); } .contents_thumb img { width: 100%; height: 150px; object-fit: cover; object-position: center top; } .contents_inner { width: 100%; max-width: 100%; } .contents_inner a { text-decoration: none; } .contents_head { display: flex; align-items: flex-start; justify-content: space-between; } .contents_category { width: 70%; margin-right: 5%; padding-bottom: 10px; color: var(--main_color); } .contents_category li a { color: var(--main_color); text-decoration: none; } .contents_head time { width: fit-content; display: block; color: var(--second_color); font-size: 1.6rem; text-align: right; position: relative; white-space: nowrap; } .contents_head time::before { content: ""; width: 1em; height: 1em; position: absolute; top: 50%; left: -1.5em; transform: translate(0px, -50%); background-color: var(--second_color); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; margin-right: 0.5em; mask-image: url("data:image/svg+xml,"); } .contents_inner .contents_ttl { line-height: 1.5; margin-bottom: 10px; font-feature-settings: "palt"; font-weight: 700; color: rgb(34, 34, 34); font-size: clamp(1.4rem, 1.255rem + 0.73vw, 1.8rem); border-bottom: solid 1px var(--main_color); width: fit-content; min-width: 300px; padding-bottom: 0.5em; } .contents_inner .content_read { line-height: 1.8em; margin-bottom: 15px; text-align: justify; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; color: rgb(119, 119, 119); } .contents_detail_inner { padding: 40px 3% 60px; } .contents_detail_inner .contents_ttl { line-height: 1.5; margin-bottom: 10px; font-feature-settings: "palt"; font-weight: 700; color: rgb(34, 34, 34); font-size: clamp(1.6rem, 1.509rem + 0.39vw, 2.3rem); border-bottom: solid 1px var(--main_color); width: 100%; padding-bottom: 0.5em; } .contents_ttl_img { position: relative; display: flex; justify-content: center; width: 100%; height: 250px; margin-bottom: 40px; background-position: 30% center; background-size: 100%; background-blend-mode: lighten; overflow: hidden; } .contents_ttl_img::after { content: ""; z-index: 1; position: absolute; inset: -7px; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; filter: blur(7px); background-color: rgba(255, 255, 255, 0.8); background-blend-mode: lighten; } .contents_ttl_img img { z-index: 10; position: relative; object-fit: contain; } .contents_category_ttl { position: relative; z-index: 0; margin-bottom: 5px; color: var(--main_color); font-feature-settings: "palt"; } .contents_category_ttl span { background-color: rgb(255, 255, 255); padding-right: 20px; font-size: 2.2rem; font-weight: 700; } .contents_category_ttl::after { position: absolute; z-index: -1; top: 50%; left: 0px; width: 100%; height: 1px; background-color: var(--main_color); transform: translateY(-50%); content: ""; } .contents_category_list { max-height: 500px; overflow-y: auto; } .contents_category_list li { border-bottom: 1px dashed rgb(204, 204, 204); } .contents_category_list li a { padding: 10px 0px; display: block; text-decoration: none; color: var(--sub_color); } .contents_category_list li a p { font-size: 1.4rem; color: rgb(167, 167, 167); word-break: break-all; } .contents_category_list li a:hover { background: var(--bg_color1); } .contents_category_list li.active a { font-weight: 700; color: var(--main_color); } @media screen and (max-width: 1024px) { .column_wrap { display: block; padding-top: 20px; margin-bottom: 40px; } .column_wrap.detail { padding-top: 50px; } .column_main { width: 100%; padding: 0px 0px 50px; } .column_sub { width: 100%; margin-top: 50px; } .column_sub_inner { display: flex; gap: var(--flex_gap); justify-content: space-between; } .column_sub_inner > div:first-child { width: 200px; } .column_sub_inner > div:last-child { width: calc(100% - 200px - var(--flex_gap)); } .column_sub_inner > div .mt-30 { margin-top: 0px !important; } .contents_ttl_img { height: 180px; } } @media screen and (max-width: 768px) { .contents_list { padding: 0px 3%; margin-bottom: 30px; } .column_sub { width: 100%; margin-top: 50px; } .column_sub_inner { display: block; } .column_sub_inner > div:first-child, .column_sub_inner > div:last-child { width: 100%; } .column_sub_inner > div .mt-30 { margin-top: 30px !important; } .contents_list .list_wrap { padding: 30px 0px 20px; } .contents_thumb { width: 100px; margin-right: 20px; } .contents_thumb img { height: 150px; } .contents_inner { width: calc(100% - 120px); } .contents_ttl_img { height: 140px; } .contents_inner .contents_ttl { min-width: auto; } } .contents_wrap { display: flex; justify-content: flex-start; gap: var(--flex_gap); flex-wrap: wrap; margin-bottom: 50px; } .contents_list_box { width: calc(( 100% - var(--flex_gap) * 3 ) / 4); } .contents_list_box a { color: var(--main_color); text-decoration: none; } .contents_list_box figure { position: relative; width: 100%; aspect-ratio: 16 / 9; } .mypage_info_wrap .contents_list_box figure { position: relative; width: 100%; aspect-ratio: 5.9 / 4.1; } .contents_list_box figure img { width: 100%; height: 100%; object-fit: cover; } .contents_list_box .contents_member_only figure::before { content: "MEMBER\a ONLY"; white-space: pre; position: absolute; text-align: center; font-family: "Noto Sans Japanese", sans-serif; color: rgb(255, 255, 255); line-height: 1.3; font-size: 2.5rem; text-shadow: 2px 2px 2px var(--main_color); width: fit-content; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 11; } .contents_list_box .contents_member_only figure::after { content: ""; position: absolute; background: var(--main_color_alpha); width: 100%; height: 100%; top: 0px; left: 0px; z-index: 10; } .contents_list_box .artist_contents_ttl { position: relative; text-align: left; width: calc(100% - 35px); margin: 0px 0px 0px 35px; } .contents_list_box .artist_contents_ttl > h3 { line-height: 1.3; } .contents_list_box .artist_contents_ttl::before { position: absolute; content: ""; width: 2px; height: 120px; background: var(--main_color); left: -1.5em; bottom: 0px; z-index: 12; } .contents_list_box h3 time { font-size: 1.4rem; font-weight: 400; color: rgb(187, 187, 187); display: block; } .contents_list_box h3 .contents_end { font-size: 1.4rem; color: rgb(187, 187, 187); display: inline-block; } .contents_list_box h4 { font-size: clamp(1rem, 0.4rem + 1.2vw, 1.3rem); line-height: 1.3; font-weight: 400; padding: 0px 0px 3px; display: inline-block; position: relative; z-index: 10; background: transparent; color: var(--sub_color); } @media screen and (max-width: 768px) { .contents_detail_inner { padding: 25px 3% 30px; } .contents_list_box { width: calc(( 100% - var(--flex_gap) * 1 ) / 2); } } .blog_list { display: flex; flex-wrap: wrap; gap: var(--flex_gap); justify-content: flex-start; } .blog_list > li { width: calc(( 100% - var(--flex_gap) * 3 ) / 4); position: relative; } .blog_list.link_cn_4 > li { width: calc(( 100% - var(--flex_gap) * 3 ) / 4); } .blog_list.link_cn_3 > li { width: calc(( 100% - var(--flex_gap) * 2 ) / 3); } .blog_list.link_cn_2 > li { width: calc(( 100% - var(--flex_gap) * 1 ) / 2); } .blog_list > li > a { width: 100%; height: 100%; text-align: center; padding: 10px 15px; font-weight: 500; background: transparent; cursor: pointer; transition: all 0.3s ease 0s; position: relative; display: flex; justify-content: center; align-items: center; border: 2px solid var(--main_color); z-index: 1; border-radius: 3px; color: var(--main_color); text-decoration: none; word-break: break-all; outline: none !important; } .blog_list > li > a::after { position: absolute; content: ""; width: 100%; height: 0px; top: 0px; left: 0px; z-index: -1; background: var(--main_color); transition: all 0.3s ease 0s; } .blog_list > li > a:hover { color: rgb(255, 255, 255); } .blog_list > li > a:hover::after { top: auto; bottom: 0px; height: 100%; } @media screen and (max-width: 768px) { .blog_list { display: flex; flex-wrap: wrap; gap: var(--flex_gap); justify-content: space-between; } .blog_list > li, .blog_list:is(.link_cn_4, .link_cn_3, .link_cn_2) > li { width: calc(( 100% - var(--flex_gap) * 1 ) / 2); position: relative; } } .MORNING .kv__img::before { border-color: var(--mm_main); background-color: var(--mm_sub); } .MORNING .p-box_ttl { background: linear-gradient(90deg, var(--mm_main),var(--mm_sub)); } .MORNING .contents_list_box .artist_contents_ttl::before { background: var(--mm_main); } .MORNING .contents_list_box h4 { color: var(--mm_main); } .MORNING :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--mm_main); } .MORNING .blog_list > li > a { border: 2px solid var(--mm_main); color: var(--mm_main); } .MORNING .blog_list > li > a:hover { color: rgb(255, 255, 255); } .MORNING .blog_list > li > a::after { background: var(--mm_main); } .ANGERME .kv__img::before { border-color: var(--an_main); background-color: var(--an_sub); } .ANGERME .p-box_ttl { background: linear-gradient(90deg, var(--an_main),var(--an_sub)); } .ANGERME .contents_list_box .artist_contents_ttl::before { background: var(--an_main); } .ANGERME .contents_list_box h4 { color: var(--an_main); } .ANGERME :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--an_main); } .ANGERME .blog_list > li > a { border: 2px solid var(--an_main); color: var(--an_main); } .ANGERME .blog_list > li > a:hover { color: rgb(255, 255, 255); } .ANGERME .blog_list > li > a::after { background: var(--an_main); } .JUICEJUICE .kv__img::before { border-color: var(--jj_main); background-color: var(--jj_sub); } .JUICEJUICE .p-box_ttl { background: linear-gradient(90deg, var(--jj_main),var(--jj_sub)); } .JUICEJUICE .contents_list_box .artist_contents_ttl::before { background: var(--jj_main); } .JUICEJUICE .contents_list_box h4 { color: var(--jj_main); } .JUICEJUICE :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--jj_main); } .JUICEJUICE .blog_list > li > a { border: 2px solid var(--jj_main); color: var(--jj_main); } .JUICEJUICE .blog_list > li > a:hover { color: rgb(255, 255, 255); } .JUICEJUICE .blog_list > li > a::after { background: var(--jj_main); } .TSUBAKIFACTORY .kv__img::before { border-color: var(--tf_main); background-color: var(--tf_sub); } .TSUBAKIFACTORY .p-box_ttl { background: linear-gradient(90deg, var(--tf_main),var(--tf_sub)); } .TSUBAKIFACTORY .contents_list_box .artist_contents_ttl::before { background: var(--tf_main); } .TSUBAKIFACTORY .contents_list_box h4 { color: var(--tf_main); } .TSUBAKIFACTORY :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--tf_main); } .TSUBAKIFACTORY .blog_list > li > a { border: 2px solid var(--tf_main); color: var(--tf_main); } .TSUBAKIFACTORY .blog_list > li > a:hover { color: rgb(255, 255, 255); } .TSUBAKIFACTORY .blog_list > li > a::after { background: var(--tf_main); } .BEYOOOOONDS .kv__img::before { border-color: var(--by_main); background-color: var(--by_sub); } .BEYOOOOONDS .p-box_ttl { background: linear-gradient(90deg, var(--by_main),var(--by_sub)); } .BEYOOOOONDS .contents_list_box .artist_contents_ttl::before { background: var(--by_main); } .BEYOOOOONDS .contents_list_box h4 { color: var(--by_main); } .BEYOOOOONDS :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--by_main); } .BEYOOOOONDS .blog_list > li > a { border: 2px solid var(--by_main); color: var(--by_main); } .BEYOOOOONDS .blog_list > li > a:hover { color: rgb(255, 255, 255); } .BEYOOOOONDS .blog_list > li > a::after { background: var(--by_main); } .OCHANORMA .kv__img::before { border-color: var(--on_main); background-color: var(--on_sub); } .OCHANORMA .p-box_ttl { background: linear-gradient(90deg, var(--on_main),var(--on_sub)); } .OCHANORMA .contents_list_box .artist_contents_ttl::before { background: var(--on_main); } .OCHANORMA .contents_list_box h4 { color: var(--on_main); } .OCHANORMA :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--on_main); } .OCHANORMA .blog_list > li > a { border: 2px solid var(--on_main); color: var(--on_main); } .OCHANORMA .blog_list > li > a:hover { color: rgb(255, 255, 255); } .OCHANORMA .blog_list > li > a::after { background: var(--on_main); } .KENSYUSEI .kv__img::before { border-color: var(--ht_main); background-color: var(--ht_sub); } .KENSYUSEI .p-box_ttl { background: linear-gradient(90deg, var(--ht_main),var(--ht_sub)); } .KENSYUSEI .contents_list_box .artist_contents_ttl::before { background: var(--ht_main); } .KENSYUSEI .contents_list_box h4 { color: var(--ht_main); } .KENSYUSEI :is(#MemberContents, #OfficialBlog) .section__ttl strong { -webkit-text-stroke-color: var(--ht_main); } .KENSYUSEI .blog_list > li > a { border: 2px solid var(--ht_main); color: var(--ht_main); } .KENSYUSEI .blog_list > li > a:hover { color: rgb(255, 255, 255); } .KENSYUSEI .blog_list > li > a::after { background: var(--ht_main); } :is(.MORNING, .ANGERME, .JUICEJUICE, .TSUBAKIFACTORY, .BEYOOOOONDS, .OCHANORMA, .KENSYUSEI) .kv .swiper-pagination > li button::before { content: none; } .news_tabwrap { display: flex; justify-content: flex-start; align-items: center; gap: var(--flex_gap); padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid rgb(231, 231, 231); } .news_selectwrap { display: none; } .news_tabwrap li span { width: fit-content; max-width: 200px; padding: 0px 1em 41px; font-size: 1.6rem; cursor: pointer; position: relative; } .news_tabwrap li span::after { content: ""; position: absolute; width: 0%; height: 1.5px; background: var(--main_color); left: 50%; bottom: 0.5em; transition: all 0.5s ease 0s; transform: translate(-50%); z-index: 500; } .news_tabwrap li:hover span::after { width: 100%; } .news_tabwrap li.active span { color: var(--main_color); position: relative; } .news_tabwrap li.active span::after { width: 100%; } .news__ul.artist_news { padding-top: 100px; } .news__selectwrap, .news_selectwrap { padding-bottom: 20px; margin-bottom: 20px; position: relative; } .news__selectwrap::before, .news_selectwrap::before { content: ""; width: 1.3em; height: 1.3em; position: absolute; top: 13%; left: 10px; transform: translate(0px, 0px); background-color: var(--main_color); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; margin-right: 0.5em; mask-image: url("data:image/svg+xml,"); } .news__select { color: var(--main_color); } .news_list_wrap { position: relative; display: none; } .news_list_wrap.active { position: relative; display: block; } .search_container { max-width: 350px; width: calc(100% - 170px); display: flex; justify-content: flex-end; height: 40px; position: absolute; top: -95px; right: 0px; transform: translate(0px, 0px); } .search_container input[type="search"] { width: calc(100% - 50px); padding: 0px 15px; border-radius: 4px 0px 0px 4px; background: var(--bg_gray); border: none; outline: 0px; font-size: 1.7rem; } .search_container input[type="search"]:focus { outline: 0px; } .search_container button { width: 50px; padding: 0.25em 0.5em; font-size: 18px; border-radius: 0px 4px 4px 0px; background: var(--main_color); border: none; color: rgb(255, 255, 255); cursor: pointer; appearance: button; display: inline-block; } .news_list_wrap .news_ul a { text-decoration: none; color: var(--font_color); } @media screen and (max-width: 1023px) { .news_tabwrap { display: none; } .news_selectwrap { display: inline-block; } .search_container { height: 32px; top: -72px; max-width: 100%; } } @media screen and (max-width: 768px) { .search_container { width: calc(100% - 130px); } } .news_ul.dot li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px dotted rgb(218, 218, 218); } .news_detail .contents_category li a { color: rgb(255, 255, 255); margin-left: 0px; } .news_detail .content_txt { padding: 2em 30px; } .news_detail .content_txt .sns { display: flex; align-items: center; justify-content: flex-end; gap: 20px; margin-right: 10px; margin-bottom: 20px; } .news_detail .content_txt .sns li { display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 768px) { .news_detail .content_txt { padding: 1em 0px; } } .p-box_ttl.mypage span { display: inline-block; margin-left: 1em; font-size: clamp(1rem, 0.822rem + 0.89vw, 1.6rem); } .mypage_info_wrap { padding: 25px 30px; } .mypage_info_inner { display: flex; justify-content: space-between; gap: 50px; margin-bottom: 60px; } .mypage_ex_inner { margin-bottom: 60px; } .mypage_info_inner .mypage_l { width: 63%; } .mypage_info_inner .mypage_l .p-tbl td { position: relative; } .mypage_info_inner .mypage_l .p-tbl td span { color: rgb(204, 204, 204); } .mypage_info_inner .mypage_l .p-tbl a.link_btn { display: inline-block; font-size: 1.3rem; letter-spacing: 0.05em; padding: 0.3em 2.5em 0.3em 1.5em; border-radius: 5px; margin-left: 2em; background: rgb(234, 70, 94); color: rgb(255, 255, 255); position: absolute; top: 50%; transform: translate(0px, -50%); text-decoration: none; } .mypage_info_inner .mypage_l .p-tbl a.link_btn.members_card_link { background: rgb(237, 154, 61); } .mypage_info_inner .mypage_l .p-tbl a.link_btn::after { position: absolute; content: ""; font-weight: 900; font-family: "Font Awesome 6 Free"; top: 50%; right: 0.8em; transform: translate(0px, -50%); transition: all 0.3s ease 0s; } .mypage_info_inner .mypage_l .p-tbl a.link_btn:hover::after { right: 0.5em; } .mypage_info_inner .mypage_l .p-tbl a:not(.link_btn) { display: inline-block; color: var(--main_color); border-bottom: 1px dotted var(--main_color); } .mypage_tel { display: flex; align-items: center; gap: 1.5em; } .mypage_tel > dl { display: flex; align-items: center; gap: 0.5em; } .mypage_favorite:empty::before { content: "未登録"; color: rgb(204, 204, 204); } .mypage_info_inner .mypage_r { width: calc(37% - 50px); } .mypage_info_inner .mypage_r a { text-decoration: none; } .edit_btn_list { margin-top: 1em; padding: 30px; gap: var(--flex_gap); display: flex; align-items: center; flex-direction: column; justify-content: center; background: var(--key_color); border-radius: 5px; } .edit_btn_list li { text-align: center; width: 100%; } .edit_btn_list a { font-weight: 700; width: 100%; color: var(--main_color); display: block; padding: 10px 10px 10px 60px; line-height: 1.3; position: relative; border: 1px solid var(--main_color); border-radius: 5px; background: rgb(255, 255, 255); overflow: hidden; z-index: 0; letter-spacing: 0px; } .edit_btn_list a::before { content: ""; position: absolute; top: 50%; left: 11px; transform: translate(0px, -50%); width: 25px; height: 25px; background-color: rgb(255, 255, 255); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; z-index: 1; transition: all 0.3s ease 0s; } .edit_btn_list a::after { content: ""; position: absolute; top: 0px; left: 0px; width: 50px; height: 100%; background-color: var(--main_color); z-index: -1; } .edit_btn_list a:hover::before { transform: translate(0px, -50%) scale(1.1, 1.1); } .edit_btn_list a:hover::after { opacity: 1; } .edit_btn_list.add_fanclub { background: var(--addfanclub_sub_color_alpha); } .edit_btn_list.add_fanclub a { max-width: 300px; margin: auto; color: var(--addfanclub_main_color); border: 1px solid var(--addfanclub_main_color); } .edit_btn_list.add_fanclub a::after { background-color: var(--addfanclub_main_color); } .edit_btn_list a.favorite_edit::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list a.address_edit::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list a.mail_edit::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list a.pass_edit::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list a.sp_entry::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list a.history::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list a.procedure::before { mask-image: url("data:image/svg+xml,"); } .edit_btn_list aside { font-size: 1.3rem; font-weight: 400; } @media screen and (max-width: 768px) { .mypage_info_wrap { padding: 10px 0px 0px; } .mypage_info_inner { display: block; margin-bottom: 50px; } .mypage_info_inner .mypage_l { width: 100%; } .mypage_info_inner .mypage_r { width: 100%; } .mypage_info_inner .mypage_l .p-tbl a.link_btn { display: block; padding: 0.3em 2.5em 0.3em 0.5em; margin-top: 5px; margin-left: 0px; position: static; transform: translate(0px, 0px); } .mypage_info_inner .mypage_r .edit_btn_list { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: wrap; gap: 20px 30px; } .mypage_info_inner .mypage_r .edit_btn_list li { width: calc(50% - 15px); max-width: 300px; margin: 0px; } .mypage_info_inner .mypage_r .edit_btn_list.add_fanclub { display: flex; justify-content: center; } .mypage_info_inner .mypage_r .edit_btn_list.add_fanclub li { width: 100%; max-width: 100%; } } @media screen and (max-width: 550px) { .mypage_info_inner .mypage_r .edit_btn_list li { width: 100%; max-width: 300px; margin: 0px auto; } } .mypage_ex_inner > h3 { text-align: center; color: var(--main_color); font-size: clamp(1.4rem, 1.222rem + 0.89vw, 2rem); font-weight: 700; display: block; width: fit-content; margin: 0px auto 30px; position: relative; } .mypage_ex_inner > h3 span { display: block; font-size: clamp(1rem, 0.822rem + 0.89vw, 1.6rem); font-weight: 400; } .mypage_ex_inner > h3::before { content: ""; width: 30px; height: 100%; position: absolute; top: 50%; left: -60px; transform: translate(0px, -50%); background-color: var(--bg_color1); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url("data:image/svg+xml,"); } .mypage_ex_inner > h3::after { content: ""; width: 30px; height: 100%; position: absolute; top: 50%; right: -60px; transform: translate(0px, -50%); background-color: var(--bg_color1); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url("data:image/svg+xml,"); } @media screen and (max-width: 768px) { .mypage_ex_inner > h3::before { width: 25px; left: -30px; } .mypage_ex_inner > h3::after { width: 25px; right: -30px; } } .mypage_stream { padding-top: 0px; } .stream_player { position: relative; width: 90%; max-width: 830px; margin: 0px auto 2em; } .stream_player > iframe { width: 100%; aspect-ratio: 6 / 4; overflow: hidden; } @media screen and (max-width: 1000px) { .mypage_stream .contents_list_box { width: calc(( 100% - var(--flex_gap) * 2 ) / 3); } } @media screen and (max-width: 768px) { .mypage_stream .contents_list_box { width: calc(( 100% - var(--flex_gap) ) / 2); } .stream_player > iframe { height: 66vw; } } @media screen and (max-width: 375px) { .mypage_stream .contents_list_box { width: 100%; } } .mypage_news { padding-top: 0px; } .mypage_news .news__ul { padding-top: 30px; } .mypage_entry { padding: 0px 0px 80px; background: url("") center center / cover no-repeat; } .mypage_entry .p-box_ttl { font-size: clamp(1.8rem, 1.593rem + 1.04vw, 2.5rem); color: var(--main_color); font-weight: bold; padding: 2.2em 3% 1.3em; text-shadow: rgb(255, 255, 255) 1px 1px 2px; background: none; text-align: center; } .mypage_entry .p-box_ttl span { display: block; font-size: clamp(1rem, 0.822rem + 0.89vw, 1.6rem); color: var(--font_color); text-shadow: none; } .mypage_entry .p-filter__tabwrap { gap: 10px; } .mypage_entry .p-filter__tabwrap li { min-width: 230px; width: fit-content; margin-right: 0px; padding: 0px 1.5em; border-bottom: none; user-select: none; white-space: nowrap; } .mypage_entry .p-filter__tabwrap li:hover { color: var(--main_color); background: rgb(255, 255, 255); } .mypage_entry .p-filter__atcwrap { background: var(--main_color); padding: calc(1em + 30px) 3% 1em; border: 2px solid var(--main_color); } .mypage_entry .p-filter__atc.filter-atc.start { background: var(--main_color); color: rgb(255, 255, 255); padding: 50px 0px; text-align: center; } .mypage_entry .p-filter__tabwrap:has(> li.active) + .p-filter__atcwrap { background: rgb(255, 255, 255); } .mypage_entry .p-filter__tabwrap:has(> li.active) + .p-filter__atcwrap > .start { display: none; } .mypage_entry_box { margin: 0px auto 30px; border-bottom: 1px solid var(--main_color); } .mypage_entry_box { margin: 0px auto 30px; border-bottom: 1px solid var(--main_color); } .mypage_entry_box > li { border-top: 1px solid var(--main_color); border-left: 1px solid var(--main_color); border-right: 1px solid var(--main_color); padding: 20px; background-color: rgb(255, 255, 255); } .mypage_entry_box > li > a { position: relative; display: block; text-decoration: none; color: var(--font_color); } .mypage_entry_box > li > a::after { content: ""; width: 1.3em; height: 1.3em; position: absolute; top: 50%; right: -10px; transform: translate(0px, -50%); background-color: var(--main_color); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; margin-right: 0.5em; mask-image: url("data:image/svg+xml,"); transition: all 0.3s ease 0s; } .mypage_entry_box > li > a:hover::after { right: -15px; } .mypage_entry_box > li .no_entry { color: rgb(204, 204, 204); } .mypage_entry_box li .entry_list_top { width: 100%; margin-bottom: 0.5em; } .mypage_entry_box li .entry_list_top { display: flex; justify-content: flex-start; align-items: flex-start; gap: 20px; color: var(--main_color); font-size: 1.6rem; font-weight: 500; } .status_label { display: flex; justify-content: flex-start; gap: 10px; } .status_label li { color: rgb(255, 255, 255); font-size: 1.4rem; width: fit-content; padding: 0.3em 1em; line-height: 1; white-space: nowrap; } .mypage_entry_box li .entry_list_top h5 { padding-right: 30px; } .mypage_entry_box li .entry_list_top h5 > p { display: inline-block; margin-right: 2.5em; } .mypage_entry_box li .entry_list_btm { font-size: 1.3rem; } .mypage_entry_box li .entry_list_btm p { margin-top: 0.3em; } .mypage_entry_box li .entry_list_btm .to_detail { display: inline-block; font-size: 1.3rem; letter-spacing: 0.05em; padding: 0.3em 2.5em 0.3em 1.5em; border-radius: 5px; margin-left: 2em; background: rgb(234, 70, 94); color: rgb(255, 255, 255); position: relative; } .mypage_entry_box li .entry_list_btm .to_detail::after { position: absolute; content: ""; font-weight: 900; font-family: "Font Awesome 6 Free"; top: 50%; right: 0.8em; transform: translate(0px, -50%); transition: all 0.3s ease 0s; } .mypage_entry_box li a:hover .entry_list_btm .to_detail::after { right: 0.5em; } .mypage_entry .p-filter__atc h4 { font-size: clamp(1.6rem, 1.452rem + 0.74vw, 2.1rem); padding-left: calc(0.5em + 20px); font-weight: bold; margin-bottom: 5px; position: relative; } .mypage_entry .p-filter__atc h4::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translate(0px, -50%); display: block; width: 20px; height: 3px; background-image: linear-gradient(116deg, rgb(219, 69, 104) 55%, rgb(255, 254, 122) 55%, rgb(255, 254, 122) 65%, rgba(219, 69, 104, 0.5) 65%); margin-right: 0.5em; } .mypage_entry_box_txt { margin: 1em auto 2em; text-align: center; } .mypage_entry_detail .order_number { display: flex; flex-wrap: wrap; gap: 10px var(--flex_gap); align-items: center; } .mypage_entry_detail .order_number .order_status { font-size: 1.6rem; display: inline-block; width: 85%; max-width: 130px; padding: 5px 0px; text-align: center; border-radius: 5px; line-height: 1; white-space: nowrap; color: rgb(255, 255, 255); } .loading { margin: 10px auto 30px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 1010px) { .mypage_entry .p-filter__tabwrap { width: 100%; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; height: auto; } .mypage_entry .p-filter__tabwrap li { width: calc(50% - 5px); min-width: calc(50% - 5px); font-size: clamp(1rem, 0.624rem + 1.88vw, 1.6rem); border-radius: 5px; text-align: center; padding: 0px 0.5em; } .p-filter__tabwrap li::before { content: none; } .p-filter__tabwrap li.active { border: solid 2px var(--main_color); } .mypage_entry .p-box_ttl { padding: 1.5em 3% 1.3em; } .mypage_entry .p-filter__atcwrap { padding: 1.3em 3% 1em; } .mypage_entry .p-filter__atc > div:last-child ul.mypage_entry_box { margin-bottom: 0px; } .mypage_entry .p-filter__atc h4 { font-size: 1.4rem; margin-bottom: 10px; } .mypage_entry_box > li { padding: 10px 20px 10px 10px; } .mypage_entry_box li .entry_list_top { display: block; font-size: 1.4rem; } .status_label li { font-size: 1.2rem; margin-bottom: 5px; } .mypage_entry_box li .entry_list_top h5 { line-height: 1.3; padding-right: 0px; } .mypage_entry_box li a .entry_list_top h5 { padding-right: 30px; } .mypage_entry_box li .entry_list_top h5 > p { display: block; word-break: break-all; margin-right: 0px; line-height: 1.3; margin-bottom: 8px; } .mypage_entry { padding: 0px 0px 40px; } .mypage_entry_detail .order_number .order_status { font-size: 1.2rem; max-width: 80px; } .loading { margin: 10px auto 20px; } } .bingo_not { margin-bottom: 80px; } .bingo_not h4 { filter: grayscale(100%); } @media screen and (max-width: 768px) { .bingo_not { margin-top: 30px; margin-bottom: 0px; } } .tbl_cart { width: 100%; margin: 15px auto 40px; border: none; border-collapse: collapse; font-size: 1.6rem; } .tbl_cart thead th { margin: 0px; text-align: center; vertical-align: middle; padding: 10px 15px; border-bottom: 1px solid var(--main_color); color: var(--main_color); font-weight: bold; white-space: nowrap; } .tbl_cart th.photo { width: 13%; } .tbl_cart th.price { width: 15%; } .tbl_cart th.number { width: 13%; } .tbl_cart th.subtotal { width: 13%; } .tbl_cart th.bingo { width: 8%; } .tbl_cart th.show { } .tbl_cart th.seat { max-width: 20%; min-width: 8%; } .tbl_cart th.ticket { width: 8%; } .tbl_cart th.extra { max-width: 15%; } .tbl_cart a { color: var(--font_color); text-decoration: none; } .tbl_cart tbody { border-bottom: 1px solid var(--main_color); } .tbl_cart tbody td { padding: 10px 15px; margin: 0px; text-align: left; vertical-align: middle; background: rgb(255, 255, 255); border-bottom: 1px dotted rgb(218, 218, 218); } .tbl_cart td.photo { padding-left: 30px; } .tbl_cart td.name { line-height: 1.5; } .tbl_cart td.price { text-align: right; } .tbl_cart td.cart_change { text-align: right; margin-right: 5px; } .tbl_cart td.subtotal { text-align: right; padding-right: 30px; } .tbl_cart td.bingo .status_label { justify-content: center; } .tbl_cart td.show > div { display: flex; align-items: center; gap: 15px; } .tbl_cart td.show > div .show_no { color: var(--main_color); font-weight: bold; font-size: 2rem; white-space: nowrap; } .tbl_cart td.show > div > div:not(.show_no) { line-height: 1.5; } .tbl_cart td.show > hr { border-color: var(--sub_color); border-style: dotted; margin-bottom: 0.3em; } .tbl_cart td.show > dl.visitor { font-size: 1.2rem; padding: 0px 0.5em; } .tbl_cart td.show > dl.visitor dt { font-weight: 700; color: var(--main_color); margin-bottom: 0.3em; } .tbl_cart td.show > dl.visitor dd { padding-left: 1em; color: gray; line-height: 1; } .tbl_cart td.show > dl.visitor dd li:not(:last-child) { line-height: 1.1; margin-bottom: 2px; } .tbl_cart td aside { display: block; } .tbl_cart td.seat { text-align: center; line-height: 1.5; } .tbl_cart td.ticket { text-align: center; } .tbl_cart td.extra { white-space: nowrap; text-align: center; line-height: 1.5; } @media screen and (max-width: 768px) { .tbl_cart { margin: 0px auto 30px; border: none; border-collapse: collapse; font-size: 1.5rem; } .tbl_cart thead { display: none; } .status_label li { font-size: 1.2rem; padding: 0.3em 1.5em; margin-bottom: 5px; } .tbl_cart tbody tr { display: block; padding: 0px; margin-bottom: 20px; } .tbl_cart tbody td { width: 100%; padding: 10px 20px 10px 10px; border-top: 1px solid var(--sub_color); border-left: 1px solid var(--sub_color); border-right: 1px solid var(--sub_color); border-bottom: none; display: flex; justify-content: flex-end; align-items: center; gap: 0.5em; } .tbl_cart tbody td:is(.seat, .ticket, .subtotal) { text-align: right; min-height: 43.5px; } .tbl_cart tbody tr td:nth-child(n+2):nth-child(-n+5)::before { content: attr(data-label) "："; color: rgb(184, 184, 184); font-size: 1.4rem; font-weight: 400; } .tbl_cart tbody tr td:nth-child(2) { display: block; text-align: left; padding: 15px 10px; } .tbl_cart tbody tr td:nth-child(2)::before { color: var(--main_color) !important; } .tbl_cart tbody td.bingo { color: var(--main_color); display: block; width: 100%; border: none; padding: 0px; } .tbl_cart td.bingo .status_label { justify-content: flex-start; } .tbl_cart td.show > div { display: flex; align-items: stretch; gap: 10px; font-size: 1.4rem; background: var(--sub_color_alpha); padding: 15px; margin-top: 10px; margin-bottom: 5px; } .tbl_cart td.subtotal { text-align: right; background: rgb(245, 245, 245); font-size: 1.2em; font-weight: bold; padding: 10px 20px 10px 10px; border-bottom: 1px solid var(--sub_color); } .tbl_cart tbody td.extra { border: none; } .tbl_cart tbody td.extra:empty { padding: 0px; } .tbl_cart tbody { border-bottom: none; } } #cvs_fee { justify-content: flex-end; } .refund_box { width: 100%; } .refund_box select.dptf__select { width: 100%; text-align: center; display: block; font-size: 1.3rem; padding: 0px 25px 0px 0.2em; border: 1px solid rgb(85, 85, 85); } .refund_box button { font-size: 1.2rem; margin: 0.5em auto 0.1em; width: 85%; background: var(--main_color); border-radius: 20px; border: none; color: rgb(255, 255, 255); padding: 3px 5px; font-weight: bold; } .tbl_cart tfoot :is(th, td) { padding: 10px 15px; margin: 0px; text-align: right; vertical-align: middle; background: rgb(255, 255, 255); } .tbl_cart tfoot th { color: rgb(184, 184, 184); } .tbl_cart tfoot td { padding-right: 30px; } .tbl_cart tfoot :first-child :is(th, td) { padding-top: 30px; } .tbl_cart tfoot .tr_total td { font-size: 2.6rem; color: var(--main_color); font-weight: bold; } @media screen and (max-width: 768px) { .tbl_cart tfoot tr { display: flex; justify-content: flex-end; align-items: baseline; padding: 5px; } .tbl_cart tfoot :is(th, td) { display: block; width: 100%; padding: 0px; margin: 0px; text-align: right; background: rgb(255, 255, 255); } .tbl_cart tfoot tr td.extra { display: none; } .tbl_cart tfoot th { font-size: 0.8em; } .tbl_cart tfoot .tr_total td { font-size: 2rem; } .tbl_cart tfoot :first-child :is(th, td) { padding-top: 0px; } .p-tbl.pay_tbl th { padding: 15px 0.3em 10px; } .p-tbl.pay_tbl td { padding: 3px 0.3em 15px; } .acc__tbl.p-tbl.mb-50.pay_tbl { margin-bottom: 0px; } .p-tbl.pay_tbl.thanks th { padding: 15px 0.3em 5px; } .p-tbl.pay_tbl.thanks td { padding-bottom: 0px; border-bottom: none; } } .pay_tbl td { line-height: 1.9; } .pay_tbl strong { font-weight: bold; display: block; } .pay_tbl span.pay_date { color: rgb(7, 173, 96); } .pay_tbl td .flex { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px 20px; position: relative; } .pay_tbl td .flex .flex-normal-wrap { display: flex; flex-flow: wrap; align-content: space-between; gap: 10px 2em; } .members_card_container { width: 100%; height: 100%; position: relative; } .members_card { width: 100%; max-width: 800px; aspect-ratio: 1000 / 629; height: 100%; margin: auto; padding: 0px; position: relative; top: 0px; left: 0px; z-index: -1; background-size: cover; background-repeat: no-repeat; pointer-events: none; user-select: none; border-radius: 20px; filter: drop-shadow(rgb(153, 153, 153) 3px 3px 3px); } .members_card::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 900; background-image: url(""); background-repeat: repeat; pointer-events: none; } .card1 { background-image: url(""); } .card2 { background-image: url(""); } .card3 { background-image: url(""); } .card4 { background-image: url(""); } .card5 { background-image: url(""); } .members_card_inner { position: absolute; top: 50%; left: 20%; pointer-events: none; width: 78%; } .members_card dl { display: flex; align-items: center; gap: 30px; color: rgb(0, 0, 0); margin-bottom: 12px; font-size: 1.8rem; text-shadow: rgb(255, 255, 255) 3px 3px 3px, rgb(255, 255, 255) -3px -3px 3px, rgb(255, 255, 255) -3px 3px 3px, rgb(255, 255, 255) 3px -3px 3px, rgb(255, 255, 255) 3px 0px 3px, rgb(255, 255, 255) -3px 0px 3px, rgb(255, 255, 255) 0px 3px 3px, rgb(255, 255, 255) 0px -3px 3px; } .members_card dl dt { width: 5em; text-align-last: justify; } .members_card dl dd { font-size: 1.3em; } .members_card dl.name dd { font-weight: 900; line-height: 1.3; } .members_card.card1 dl { text-shadow: rgb(255, 253, 234) 3px 3px 3px, rgb(255, 253, 234) -3px -3px 3px, rgb(255, 253, 234) -3px 3px 3px, rgb(255, 253, 234) 3px -3px 3px, rgb(255, 253, 234) 3px 0px 3px, rgb(255, 253, 234) -3px 0px 3px, rgb(255, 253, 234) 0px 3px 3px, rgb(255, 253, 234) 0px -3px 3px; } .members_card.card2 dl { text-shadow: rgb(181, 222, 231) 3px 3px 3px, rgb(181, 222, 231) -3px -3px 3px, rgb(181, 222, 231) -3px 3px 3px, rgb(181, 222, 231) 3px -3px 3px, rgb(181, 222, 231) 3px 0px 3px, rgb(181, 222, 231) -3px 0px 3px, rgb(181, 222, 231) 0px 3px 3px, rgb(181, 222, 231) 0px -3px 3px; } .members_card.card3 dl { color: rgb(255, 234, 169); text-shadow: rgb(97, 53, 34) 3px 3px 3px, rgb(97, 53, 34) -3px -3px 3px, rgb(97, 53, 34) -3px 3px 3px, rgb(97, 53, 34) 3px -3px 3px, rgb(97, 53, 34) 3px 0px 3px, rgb(97, 53, 34) -3px 0px 3px, rgb(97, 53, 34) 0px 3px 3px, rgb(97, 53, 34) 0px -3px 3px; } .members_card.card4 dl { color: rgb(0, 0, 0); text-shadow: rgb(245, 229, 178) 3px 3px 3px, rgb(245, 229, 178) -3px -3px 3px, rgb(245, 229, 178) -3px 3px 3px, rgb(245, 229, 178) 3px -3px 3px, rgb(245, 229, 178) 3px 0px 3px, rgb(245, 229, 178) -3px 0px 3px, rgb(245, 229, 178) 0px 3px 3px, rgb(245, 229, 178) 0px -3px 3px; } .members_card.card5 dl { color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 3px 3px 3px, rgb(0, 0, 0) -3px -3px 3px, rgb(0, 0, 0) -3px 3px 3px, rgb(0, 0, 0) 3px -3px 3px, rgb(0, 0, 0) 3px 0px 3px, rgb(0, 0, 0) -3px 0px 3px, rgb(0, 0, 0) 0px 3px 3px, rgb(0, 0, 0) 0px -3px 3px; } @media screen and (max-width: 1000px) { .members_card { width: 100%; max-width: 800px; aspect-ratio: 1000 / 629; margin: auto; padding: 0px; position: relative; top: 0px; left: 0px; z-index: 801; background-size: contain; background-repeat: no-repeat; } } @media screen and (max-width: 768px) { .members_card { width: 100vw; height: 100vw; position: relative; background-position: left 50% top 50%; transform: rotate(90deg) translate(0px, 15px); border-radius: 10px; } .members_card dl { font-size: 3.3vw; margin-bottom: 0px; } .members_card dl dd { font-size: 1.2em; } .members_card_inner { position: relative; top: 50%; left: 13%; } } .service_bn { background: var(--key_color); text-align: center; width: fit-content; margin: 10px auto; transition: all 0.3s ease-out 0s; padding: 0px 2em 0px 3em; height: 50px; line-height: 50px; border-radius: 29px; display: inline-block; position: relative; border: 1px solid var(--main_color); } .service_bn::before { content: ""; width: 1.3em; height: 1.3em; position: absolute; top: 50%; left: 15px; transform: translate(0px, -50%); background-color: var(--border_color); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url("data:image/svg+xml,"); } .contact_bn { background: var(--key_color); text-align: center; width: fit-content; margin: 10px auto; transition: all 0.3s ease-out 0s; padding: 0px 2em 0px 3em; height: 50px; line-height: 50px; border-radius: 29px; display: inline-block; position: relative; border: 1px solid var(--main_color); } .contact_bn::before { content: ""; width: 1.3em; height: 1.3em; position: absolute; top: 50%; left: 15px; transform: translate(0px, -50%); background-color: var(--border_color); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url("data:image/svg+xml,"); } .tbl_scroll { height: auto; overflow: visible !important; } .service_tbl { width: 100%; height: auto; border-collapse: separate; border-spacing: 10px 0px; margin: 0px auto; padding: 0px; background: rgb(255, 255, 255); } .service_tbl th { vertical-align: middle; font-size: 1.35rem; line-height: 1.3; } .service_tbl td { vertical-align: middle; } .service_tbl thead { position: sticky; left: 0px; top: 90px; } .service_tbl thead th { padding: 1em 0.8em; } .service_tbl thead th.member_class { width: 15%; padding: 2em 1.5em; background: rgb(255, 255, 255); } .service_tbl th p { font-size: 1.3rem; line-height: 1.3; font-weight: 400; margin-top: 0.8em; letter-spacing: 0px; } .service_tbl thead th:is(.jr, .nm, .spe, .spg) { width: calc(21.25%); font-size: clamp(1rem, 1.3rem + 1vw, 2rem); font-weight: 700; background: var(--main_color); color: rgb(255, 255, 255); border-radius: 10px 10px 0px 0px; box-shadow: 0 5px 10px var(--key_color); vertical-align: top; letter-spacing: 0.1em; } .service_tbl thead th.jr { background: var(--btn_line_color); } .service_tbl thead th.spe { background: rgb(250, 199, 76); } .service_tbl thead th.spg { background: rgb(244, 163, 70); } .service_tbl thead th.spg span { font-size: 1.2rem; } .service_tbl td p { font-size: 1.2rem; color: rgb(85, 85, 85); font-weight: 400; line-height: 1.5; } .service_tbl tbody th { background: var(--bg_gray); padding: 2em 1.5em; border-bottom: 2px solid rgb(221, 221, 221); } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) { background: var(--sub_color_alpha2); border-bottom: 2px solid rgb(255, 255, 255); padding: 1.3em 0.8em; text-align: center; line-height: 1.3; } .service_tbl tbody td.spe { background: rgb(255, 246, 204); } .service_tbl tbody td.spg { background: rgb(244, 217, 187); } .service_tbl tbody td .kome { text-align: left; } .service_tbl tbody tr:first-child td { padding: 2.3em 0.8em 1.8em; line-height: 1.6; vertical-align: top; text-align: left; } .service_tbl tbody tr:nth-child(2) td { vertical-align: top; text-align: left; } .service_tbl tbody tr:nth-child(2) td:nth-child(2), .service_tbl tbody tr:nth-child(2) td:nth-child(3) { vertical-align: middle; text-align: center; } .service_tbl tbody tr:last-child td { padding: 1.8em 0.8em 2.3em; } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) { font-size: 1.4rem; } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) span { font-size: 1.3rem; font-weight: 400; margin-top: 0.3em; } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) i { font-size: 1.7rem; color: var(--main_color); } .service_tbl tbody td.jr i { color: var(--btn_line_color); } .service_tbl tbody td.spe i { color: rgb(250, 199, 76); } .service_tbl tbody td.spg i { color: rgb(244, 163, 70); } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) strong { font-size: 2rem; font-weight: 700; display: inline-block; margin: 0px 0.2em; } .service_img_flex { margin-top: 20px; display: flex; justify-content: flex-start; align-items: stretch; gap: var(--flex_gap); } .service_img_flex li { text-align: center; } .service_img_flex li img { width: fit-content; } .service_img { margin-top: 20px; } .service_img img { width: fit-content; display: block; } @media screen and (max-width: 768px) { .tbl_scroll { overflow: auto !important; } .service_tbl { width: 800px; border-spacing: 5px 0px; } .service_tbl thead { position: relative; left: 0px; top: 0px; } .service_tbl thead tr th:first-child, .service_tbl tbody tr th:first-child { position: sticky; top: 0px; left: 0px; } .scroll-hint-icon-wrap .scroll-hint-icon { top: 100px; left: 50%; transform: translate(-50%, 0px); } .service_tbl thead th.member_class { width: 7%; padding: 0px; } .service_tbl thead th.spg span { display: block; } .service_tbl tbody th { padding: 1em 0.5em; font-size: 1rem; } .service_tbl th p { font-size: 1.1rem; } .service_tbl tbody tr:first-child td { padding: 1em; } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) strong { font-size: 1.5rem; } .service_tbl tbody td:is(.jr, .nm, .spe, .spg) { padding: 1em; font-size: 1.4rem; } .service_tbl td p { font-size: 1.1rem; } .service_img img { width: auto; max-height: 150px; margin: auto; display: block; } } :is(.service_img_flex, .service_img) aside { font-size: 1.2rem; margin: 0.3em 0px; width: fit-content; display: block; } .btn-copy { font-size: 1.5rem; font-weight: bold; position: relative; margin-bottom: 0.5em; text-align: center; } .btn-copy::before { margin-right: 1rem; content: "＼"; } .btn-copy::after { margin-left: 1rem; content: "／"; } @media screen and (max-width: 768px) { .service_img_flex { flex-wrap: wrap; gap: 30px 20px; margin-bottom: 30px; } .service_img_flex li { width: calc(50% - 20px); } :is(.service_img_flex, .service_img) aside { margin: 0.3em auto; } } .p-box.ex_guide p { margin-bottom: 0.8em; line-height: 1.5; } .p-box.ex_guide ul { margin-bottom: 0.8em; } .p-box.ex_guide .box { border: 1px solid var(--main_color); padding: 0.8em; line-height: 1.8; } .p-box.ex_guide .box.bg_b { color: var(--main_color); background-color: var(--sub_color_alpha); } .ex_service_ttl { font-size: 1.8rem; margin-bottom: 0.5em; color: var(--main_color); } .ex_service_ttl span { padding-right: 0.5em; font-size: 1.2em; color: var(--sub_color); } .ex_guide ul.kome li { padding: 0px; margin: 0px 0px 0.2em; } .ex_service_more { font-size: 1.8rem; margin-bottom: 0.5em; padding: 0.5em; color: rgb(255, 255, 255); background: var(--main_color_alpha); } .fa { font-family: var(--fa-style-family,"Font Awesome 6 Free"); font-weight: var(--fa-style,900); } .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas { -webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .fa-classic, .fa-regular, .fa-solid, .far, .fas { font-family: "Font Awesome 6 Free"; } .fa-brands, .fab { font-family: "Font Awesome 6 Brands"; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.08333em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.07143em; vertical-align: 0.05357em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.04167em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin,2.5em); padding-left: 0px; } .fa-ul > li { position: relative; } .fa-li { left: calc(var(--fa-li-width, 2em)*-1); position: absolute; text-align: center; width: var(--fa-li-width,2em); line-height: inherit; } .fa-border { border-radius: var(--fa-border-radius,.1em); border: var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee); padding: var(--fa-border-padding,.2em .25em .15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin,.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin,.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay,0s); animation-direction: var(--fa-animation-direction,normal); animation-duration: var(--fa-animation-duration,1s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay,0s); animation-direction: var(--fa-animation-direction,normal); animation-duration: var(--fa-animation-duration,1s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1)); } .fa-fade { animation-name: fa-fade; animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1)); } .fa-beat-fade, .fa-fade { animation-delay: var(--fa-animation-delay,0s); animation-direction: var(--fa-animation-direction,normal); animation-duration: var(--fa-animation-duration,1s); } .fa-beat-fade { animation-name: fa-beat-fade; animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay,0s); animation-direction: var(--fa-animation-direction,normal); animation-duration: var(--fa-animation-duration,1s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,ease-in-out); } .fa-shake { animation-name: fa-shake; animation-duration: var(--fa-animation-duration,1s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,linear); } .fa-shake, .fa-spin { animation-delay: var(--fa-animation-delay,0s); animation-direction: var(--fa-animation-direction,normal); } .fa-spin { animation-name: fa-spin; animation-duration: var(--fa-animation-duration,2s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction,normal); animation-duration: var(--fa-animation-duration,1s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @-webkit-keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale,1.25)); } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale,1.25)); } } @-webkit-keyframes fa-bounce { 0% { transform: scale(1) translateY(0px); } 10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); } 57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); } 64% { transform: scale(1) translateY(0px); } 100% { transform: scale(1) translateY(0px); } } @keyframes fa-bounce { 0% { transform: scale(1) translateY(0px); } 10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); } 57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); } 64% { transform: scale(1) translateY(0px); } 100% { transform: scale(1) translateY(0px); } } @-webkit-keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4); } } @-webkit-keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); } } @-webkit-keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); } } @-webkit-keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scaleX(-1); } .fa-flip-vertical { transform: scaleY(-1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle,none)); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0px; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index,auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse,#fff); } .fa-0::before { content: "0"; } .fa-1::before { content: "1"; } .fa-2::before { content: "2"; } .fa-3::before { content: "3"; } .fa-4::before { content: "4"; } .fa-5::before { content: "5"; } .fa-6::before { content: "6"; } .fa-7::before { content: "7"; } .fa-8::before { content: "8"; } .fa-9::before { content: "9"; } .fa-fill-drip::before { content: ""; } .fa-arrows-to-circle::before { content: ""; } .fa-chevron-circle-right::before, .fa-circle-chevron-right::before { content: ""; } .fa-at::before { content: "@"; } .fa-trash-alt::before, .fa-trash-can::before { content: ""; } .fa-text-height::before { content: ""; } .fa-user-times::before, .fa-user-xmark::before { content: ""; } .fa-stethoscope::before { content: ""; } .fa-comment-alt::before, .fa-message::before { content: ""; } .fa-info::before { content: ""; } .fa-compress-alt::before, .fa-down-left-and-up-right-to-center::before { content: ""; } .fa-explosion::before { content: ""; } .fa-file-alt::before, .fa-file-lines::before, .fa-file-text::before { content: ""; } .fa-wave-square::before { content: ""; } .fa-ring::before { content: ""; } .fa-building-un::before { content: ""; } .fa-dice-three::before { content: ""; } .fa-calendar-alt::before, .fa-calendar-days::before { content: ""; } .fa-anchor-circle-check::before { content: ""; } .fa-building-circle-arrow-right::before { content: ""; } .fa-volleyball-ball::before, .fa-volleyball::before { content: ""; } .fa-arrows-up-to-line::before { content: ""; } .fa-sort-desc::before, .fa-sort-down::before { content: ""; } .fa-circle-minus::before, .fa-minus-circle::before { content: ""; } .fa-door-open::before { content: ""; } .fa-right-from-bracket::before, .fa-sign-out-alt::before { content: ""; } .fa-atom::before { content: ""; } .fa-soap::before { content: ""; } .fa-heart-music-camera-bolt::before, .fa-icons::before { content: ""; } .fa-microphone-alt-slash::before, .fa-microphone-lines-slash::before { content: ""; } .fa-bridge-circle-check::before { content: ""; } .fa-pump-medical::before { content: ""; } .fa-fingerprint::before { content: ""; } .fa-hand-point-right::before { content: ""; } .fa-magnifying-glass-location::before, .fa-search-location::before { content: ""; } .fa-forward-step::before, .fa-step-forward::before { content: ""; } .fa-face-smile-beam::before, .fa-smile-beam::before { content: ""; } .fa-flag-checkered::before { content: ""; } .fa-football-ball::before, .fa-football::before { content: ""; } .fa-school-circle-exclamation::before { content: ""; } .fa-crop::before { content: ""; } .fa-angle-double-down::before, .fa-angles-down::before { content: ""; } .fa-users-rectangle::before { content: ""; } .fa-people-roof::before { content: ""; } .fa-people-line::before { content: ""; } .fa-beer-mug-empty::before, .fa-beer::before { content: ""; } .fa-diagram-predecessor::before { content: ""; } .fa-arrow-up-long::before, .fa-long-arrow-up::before { content: ""; } .fa-burn::before, .fa-fire-flame-simple::before { content: ""; } .fa-male::before, .fa-person::before { content: ""; } .fa-laptop::before { content: ""; } .fa-file-csv::before { content: ""; } .fa-menorah::before { content: ""; } .fa-truck-plane::before { content: ""; } .fa-record-vinyl::before { content: ""; } .fa-face-grin-stars::before, .fa-grin-stars::before { content: ""; } .fa-bong::before { content: ""; } .fa-pastafarianism::before, .fa-spaghetti-monster-flying::before { content: ""; } .fa-arrow-down-up-across-line::before { content: ""; } .fa-spoon::before, .fa-utensil-spoon::before { content: ""; } .fa-jar-wheat::before { content: ""; } .fa-envelopes-bulk::before, .fa-mail-bulk::before { content: ""; } .fa-file-circle-exclamation::before { content: ""; } .fa-circle-h::before, .fa-hospital-symbol::before { content: ""; } .fa-pager::before { content: ""; } .fa-address-book::before, .fa-contact-book::before { content: ""; } .fa-strikethrough::before { content: ""; } .fa-k::before { content: "K"; } .fa-landmark-flag::before { content: ""; } .fa-pencil-alt::before, .fa-pencil::before { content: ""; } .fa-backward::before { content: ""; } .fa-caret-right::before { content: ""; } .fa-comments::before { content: ""; } .fa-file-clipboard::before, .fa-paste::before { content: ""; } .fa-code-pull-request::before { content: ""; } .fa-clipboard-list::before { content: ""; } .fa-truck-loading::before, .fa-truck-ramp-box::before { content: ""; } .fa-user-check::before { content: ""; } .fa-vial-virus::before { content: ""; } .fa-sheet-plastic::before { content: ""; } .fa-blog::before { content: ""; } .fa-user-ninja::before { content: ""; } .fa-person-arrow-up-from-line::before { content: ""; } .fa-scroll-torah::before, .fa-torah::before { content: ""; } .fa-broom-ball::before, .fa-quidditch-broom-ball::before, .fa-quidditch::before { content: ""; } .fa-toggle-off::before { content: ""; } .fa-archive::before, .fa-box-archive::before { content: ""; } .fa-person-drowning::before { content: ""; } .fa-arrow-down-9-1::before, .fa-sort-numeric-desc::before, .fa-sort-numeric-down-alt::before { content: ""; } .fa-face-grin-tongue-squint::before, .fa-grin-tongue-squint::before { content: ""; } .fa-spray-can::before { content: ""; } .fa-truck-monster::before { content: ""; } .fa-w::before { content: "W"; } .fa-earth-africa::before, .fa-globe-africa::before { content: ""; } .fa-rainbow::before { content: ""; } .fa-circle-notch::before { content: ""; } .fa-tablet-alt::before, .fa-tablet-screen-button::before { content: ""; } .fa-paw::before { content: ""; } .fa-cloud::before { content: ""; } .fa-trowel-bricks::before { content: ""; } .fa-face-flushed::before, .fa-flushed::before { content: ""; } .fa-hospital-user::before { content: ""; } .fa-tent-arrow-left-right::before { content: ""; } .fa-gavel::before, .fa-legal::before { content: ""; } .fa-binoculars::before { content: ""; } .fa-microphone-slash::before { content: ""; } .fa-box-tissue::before { content: ""; } .fa-motorcycle::before { content: ""; } .fa-bell-concierge::before, .fa-concierge-bell::before { content: ""; } .fa-pen-ruler::before, .fa-pencil-ruler::before { content: ""; } .fa-people-arrows-left-right::before, .fa-people-arrows::before { content: ""; } .fa-mars-and-venus-burst::before { content: ""; } .fa-caret-square-right::before, .fa-square-caret-right::before { content: ""; } .fa-cut::before, .fa-scissors::before { content: ""; } .fa-sun-plant-wilt::before { content: ""; } .fa-toilets-portable::before { content: ""; } .fa-hockey-puck::before { content: ""; } .fa-table::before { content: ""; } .fa-magnifying-glass-arrow-right::before { content: ""; } .fa-digital-tachograph::before, .fa-tachograph-digital::before { content: ""; } .fa-users-slash::before { content: ""; } .fa-clover::before { content: ""; } .fa-mail-reply::before, .fa-reply::before { content: ""; } .fa-star-and-crescent::before { content: ""; } .fa-house-fire::before { content: ""; } .fa-minus-square::before, .fa-square-minus::before { content: ""; } .fa-helicopter::before { content: ""; } .fa-compass::before { content: ""; } .fa-caret-square-down::before, .fa-square-caret-down::before { content: ""; } .fa-file-circle-question::before { content: ""; } .fa-laptop-code::before { content: ""; } .fa-swatchbook::before { content: ""; } .fa-prescription-bottle::before { content: ""; } .fa-bars::before, .fa-navicon::before { content: ""; } .fa-people-group::before { content: ""; } .fa-hourglass-3::before, .fa-hourglass-end::before { content: ""; } .fa-heart-broken::before, .fa-heart-crack::before { content: ""; } .fa-external-link-square-alt::before, .fa-square-up-right::before { content: ""; } .fa-face-kiss-beam::before, .fa-kiss-beam::before { content: ""; } .fa-film::before { content: ""; } .fa-ruler-horizontal::before { content: ""; } .fa-people-robbery::before { content: ""; } .fa-lightbulb::before { content: ""; } .fa-caret-left::before { content: ""; } .fa-circle-exclamation::before, .fa-exclamation-circle::before { content: ""; } .fa-school-circle-xmark::before { content: ""; } .fa-arrow-right-from-bracket::before, .fa-sign-out::before { content: ""; } .fa-chevron-circle-down::before, .fa-circle-chevron-down::before { content: ""; } .fa-unlock-alt::before, .fa-unlock-keyhole::before { content: ""; } .fa-cloud-showers-heavy::before { content: ""; } .fa-headphones-alt::before, .fa-headphones-simple::before { content: ""; } .fa-sitemap::before { content: ""; } .fa-circle-dollar-to-slot::before, .fa-donate::before { content: ""; } .fa-memory::before { content: ""; } .fa-road-spikes::before { content: ""; } .fa-fire-burner::before { content: ""; } .fa-flag::before { content: ""; } .fa-hanukiah::before { content: ""; } .fa-feather::before { content: ""; } .fa-volume-down::before, .fa-volume-low::before { content: ""; } .fa-comment-slash::before { content: ""; } .fa-cloud-sun-rain::before { content: ""; } .fa-compress::before { content: ""; } .fa-wheat-alt::before, .fa-wheat-awn::before { content: ""; } .fa-ankh::before { content: ""; } .fa-hands-holding-child::before { content: ""; } .fa-asterisk::before { content: "*"; } .fa-check-square::before, .fa-square-check::before { content: ""; } .fa-peseta-sign::before { content: ""; } .fa-header::before, .fa-heading::before { content: ""; } .fa-ghost::before { content: ""; } .fa-list-squares::before, .fa-list::before { content: ""; } .fa-phone-square-alt::before, .fa-square-phone-flip::before { content: ""; } .fa-cart-plus::before { content: ""; } .fa-gamepad::before { content: ""; } .fa-circle-dot::before, .fa-dot-circle::before { content: ""; } .fa-dizzy::before, .fa-face-dizzy::before { content: ""; } .fa-egg::before { content: ""; } .fa-house-medical-circle-xmark::before { content: ""; } .fa-campground::before { content: ""; } .fa-folder-plus::before { content: ""; } .fa-futbol-ball::before, .fa-futbol::before, .fa-soccer-ball::before { content: ""; } .fa-paint-brush::before, .fa-paintbrush::before { content: ""; } .fa-lock::before { content: ""; } .fa-gas-pump::before { content: ""; } .fa-hot-tub-person::before, .fa-hot-tub::before { content: ""; } .fa-map-location::before, .fa-map-marked::before { content: ""; } .fa-house-flood-water::before { content: ""; } .fa-tree::before { content: ""; } .fa-bridge-lock::before { content: ""; } .fa-sack-dollar::before { content: ""; } .fa-edit::before, .fa-pen-to-square::before { content: ""; } .fa-car-side::before { content: ""; } .fa-share-alt::before, .fa-share-nodes::before { content: ""; } .fa-heart-circle-minus::before { content: ""; } .fa-hourglass-2::before, .fa-hourglass-half::before { content: ""; } .fa-microscope::before { content: ""; } .fa-sink::before { content: ""; } .fa-bag-shopping::before, .fa-shopping-bag::before { content: ""; } .fa-arrow-down-z-a::before, .fa-sort-alpha-desc::before, .fa-sort-alpha-down-alt::before { content: ""; } .fa-mitten::before { content: ""; } .fa-person-rays::before { content: ""; } .fa-users::before { content: ""; } .fa-eye-slash::before { content: ""; } .fa-flask-vial::before { content: ""; } .fa-hand-paper::before, .fa-hand::before { content: ""; } .fa-om::before { content: ""; } .fa-worm::before { content: ""; } .fa-house-circle-xmark::before { content: ""; } .fa-plug::before { content: ""; } .fa-chevron-up::before { content: ""; } .fa-hand-spock::before { content: ""; } .fa-stopwatch::before { content: ""; } .fa-face-kiss::before, .fa-kiss::before { content: ""; } .fa-bridge-circle-xmark::before { content: ""; } .fa-face-grin-tongue::before, .fa-grin-tongue::before { content: ""; } .fa-chess-bishop::before { content: ""; } .fa-face-grin-wink::before, .fa-grin-wink::before { content: ""; } .fa-deaf::before, .fa-deafness::before, .fa-ear-deaf::before, .fa-hard-of-hearing::before { content: ""; } .fa-road-circle-check::before { content: ""; } .fa-dice-five::before { content: ""; } .fa-rss-square::before, .fa-square-rss::before { content: ""; } .fa-land-mine-on::before { content: ""; } .fa-i-cursor::before { content: ""; } .fa-stamp::before { content: ""; } .fa-stairs::before { content: ""; } .fa-i::before { content: "I"; } .fa-hryvnia-sign::before, .fa-hryvnia::before { content: ""; } .fa-pills::before { content: ""; } .fa-face-grin-wide::before, .fa-grin-alt::before { content: ""; } .fa-tooth::before { content: ""; } .fa-v::before { content: "V"; } .fa-bangladeshi-taka-sign::before { content: ""; } .fa-bicycle::before { content: ""; } .fa-rod-asclepius::before, .fa-rod-snake::before, .fa-staff-aesculapius::before, .fa-staff-snake::before { content: ""; } .fa-head-side-cough-slash::before { content: ""; } .fa-ambulance::before, .fa-truck-medical::before { content: ""; } .fa-wheat-awn-circle-exclamation::before { content: ""; } .fa-snowman::before { content: ""; } .fa-mortar-pestle::before { content: ""; } .fa-road-barrier::before { content: ""; } .fa-school::before { content: ""; } .fa-igloo::before { content: ""; } .fa-joint::before { content: ""; } .fa-angle-right::before { content: ""; } .fa-horse::before { content: ""; } .fa-q::before { content: "Q"; } .fa-g::before { content: "G"; } .fa-notes-medical::before { content: ""; } .fa-temperature-2::before, .fa-temperature-half::before, .fa-thermometer-2::before, .fa-thermometer-half::before { content: ""; } .fa-dong-sign::before { content: ""; } .fa-capsules::before { content: ""; } .fa-poo-bolt::before, .fa-poo-storm::before { content: ""; } .fa-face-frown-open::before, .fa-frown-open::before { content: ""; } .fa-hand-point-up::before { content: ""; } .fa-money-bill::before { content: ""; } .fa-bookmark::before { content: ""; } .fa-align-justify::before { content: ""; } .fa-umbrella-beach::before { content: ""; } .fa-helmet-un::before { content: ""; } .fa-bullseye::before { content: ""; } .fa-bacon::before { content: ""; } .fa-hand-point-down::before { content: ""; } .fa-arrow-up-from-bracket::before { content: ""; } .fa-folder-blank::before, .fa-folder::before { content: ""; } .fa-file-medical-alt::before, .fa-file-waveform::before { content: ""; } .fa-radiation::before { content: ""; } .fa-chart-simple::before { content: ""; } .fa-mars-stroke::before { content: ""; } .fa-vial::before { content: ""; } .fa-dashboard::before, .fa-gauge-med::before, .fa-gauge::before, .fa-tachometer-alt-average::before { content: ""; } .fa-magic-wand-sparkles::before, .fa-wand-magic-sparkles::before { content: ""; } .fa-e::before { content: "E"; } .fa-pen-alt::before, .fa-pen-clip::before { content: ""; } .fa-bridge-circle-exclamation::before { content: ""; } .fa-user::before { content: ""; } .fa-school-circle-check::before { content: ""; } .fa-dumpster::before { content: ""; } .fa-shuttle-van::before, .fa-van-shuttle::before { content: ""; } .fa-building-user::before { content: ""; } .fa-caret-square-left::before, .fa-square-caret-left::before { content: ""; } .fa-highlighter::before { content: ""; } .fa-key::before { content: ""; } .fa-bullhorn::before { content: ""; } .fa-globe::before { content: ""; } .fa-synagogue::before { content: ""; } .fa-person-half-dress::before { content: ""; } .fa-road-bridge::before { content: ""; } .fa-location-arrow::before { content: ""; } .fa-c::before { content: "C"; } .fa-tablet-button::before { content: ""; } .fa-building-lock::before { content: ""; } .fa-pizza-slice::before { content: ""; } .fa-money-bill-wave::before { content: ""; } .fa-area-chart::before, .fa-chart-area::before { content: ""; } .fa-house-flag::before { content: ""; } .fa-person-circle-minus::before { content: ""; } .fa-ban::before, .fa-cancel::before { content: ""; } .fa-camera-rotate::before { content: ""; } .fa-air-freshener::before, .fa-spray-can-sparkles::before { content: ""; } .fa-star::before { content: ""; } .fa-repeat::before { content: ""; } .fa-cross::before { content: ""; } .fa-box::before { content: ""; } .fa-venus-mars::before { content: ""; } .fa-arrow-pointer::before, .fa-mouse-pointer::before { content: ""; } .fa-expand-arrows-alt::before, .fa-maximize::before { content: ""; } .fa-charging-station::before { content: ""; } .fa-shapes::before, .fa-triangle-circle-square::before { content: ""; } .fa-random::before, .fa-shuffle::before { content: ""; } .fa-person-running::before, .fa-running::before { content: ""; } .fa-mobile-retro::before { content: ""; } .fa-grip-lines-vertical::before { content: ""; } .fa-spider::before { content: ""; } .fa-hands-bound::before { content: ""; } .fa-file-invoice-dollar::before { content: ""; } .fa-plane-circle-exclamation::before { content: ""; } .fa-x-ray::before { content: ""; } .fa-spell-check::before { content: ""; } .fa-slash::before { content: ""; } .fa-computer-mouse::before, .fa-mouse::before { content: ""; } .fa-arrow-right-to-bracket::before, .fa-sign-in::before { content: ""; } .fa-shop-slash::before, .fa-store-alt-slash::before { content: ""; } .fa-server::before { content: ""; } .fa-virus-covid-slash::before { content: ""; } .fa-shop-lock::before { content: ""; } .fa-hourglass-1::before, .fa-hourglass-start::before { content: ""; } .fa-blender-phone::before { content: ""; } .fa-building-wheat::before { content: ""; } .fa-person-breastfeeding::before { content: ""; } .fa-right-to-bracket::before, .fa-sign-in-alt::before { content: ""; } .fa-venus::before { content: ""; } .fa-passport::before { content: ""; } .fa-heart-pulse::before, .fa-heartbeat::before { content: ""; } .fa-people-carry-box::before, .fa-people-carry::before { content: ""; } .fa-temperature-high::before { content: ""; } .fa-microchip::before { content: ""; } .fa-crown::before { content: ""; } .fa-weight-hanging::before { content: ""; } .fa-xmarks-lines::before { content: ""; } .fa-file-prescription::before { content: ""; } .fa-weight-scale::before, .fa-weight::before { content: ""; } .fa-user-friends::before, .fa-user-group::before { content: ""; } .fa-arrow-up-a-z::before, .fa-sort-alpha-up::before { content: ""; } .fa-chess-knight::before { content: ""; } .fa-face-laugh-squint::before, .fa-laugh-squint::before { content: ""; } .fa-wheelchair::before { content: ""; } .fa-arrow-circle-up::before, .fa-circle-arrow-up::before { content: ""; } .fa-toggle-on::before { content: ""; } .fa-person-walking::before, .fa-walking::before { content: ""; } .fa-l::before { content: "L"; } .fa-fire::before { content: ""; } .fa-bed-pulse::before, .fa-procedures::before { content: ""; } .fa-shuttle-space::before, .fa-space-shuttle::before { content: ""; } .fa-face-laugh::before, .fa-laugh::before { content: ""; } .fa-folder-open::before { content: ""; } .fa-heart-circle-plus::before { content: ""; } .fa-code-fork::before { content: ""; } .fa-city::before { content: ""; } .fa-microphone-alt::before, .fa-microphone-lines::before { content: ""; } .fa-pepper-hot::before { content: ""; } .fa-unlock::before { content: ""; } .fa-colon-sign::before { content: ""; } .fa-headset::before { content: ""; } .fa-store-slash::before { content: ""; } .fa-road-circle-xmark::before { content: ""; } .fa-user-minus::before { content: ""; } .fa-mars-stroke-up::before, .fa-mars-stroke-v::before { content: ""; } .fa-champagne-glasses::before, .fa-glass-cheers::before { content: ""; } .fa-clipboard::before { content: ""; } .fa-house-circle-exclamation::before { content: ""; } .fa-file-arrow-up::before, .fa-file-upload::before { content: ""; } .fa-wifi-3::before, .fa-wifi-strong::before, .fa-wifi::before { content: ""; } .fa-bath::before, .fa-bathtub::before { content: ""; } .fa-underline::before { content: ""; } .fa-user-edit::before, .fa-user-pen::before { content: ""; } .fa-signature::before { content: ""; } .fa-stroopwafel::before { content: ""; } .fa-bold::before { content: ""; } .fa-anchor-lock::before { content: ""; } .fa-building-ngo::before { content: ""; } .fa-manat-sign::before { content: ""; } .fa-not-equal::before { content: ""; } .fa-border-style::before, .fa-border-top-left::before { content: ""; } .fa-map-location-dot::before, .fa-map-marked-alt::before { content: ""; } .fa-jedi::before { content: ""; } .fa-poll::before, .fa-square-poll-vertical::before { content: ""; } .fa-mug-hot::before { content: ""; } .fa-battery-car::before, .fa-car-battery::before { content: ""; } .fa-gift::before { content: ""; } .fa-dice-two::before { content: ""; } .fa-chess-queen::before { content: ""; } .fa-glasses::before { content: ""; } .fa-chess-board::before { content: ""; } .fa-building-circle-check::before { content: ""; } .fa-person-chalkboard::before { content: ""; } .fa-mars-stroke-h::before, .fa-mars-stroke-right::before { content: ""; } .fa-hand-back-fist::before, .fa-hand-rock::before { content: ""; } .fa-caret-square-up::before, .fa-square-caret-up::before { content: ""; } .fa-cloud-showers-water::before { content: ""; } .fa-bar-chart::before, .fa-chart-bar::before { content: ""; } .fa-hands-bubbles::before, .fa-hands-wash::before { content: ""; } .fa-less-than-equal::before { content: ""; } .fa-train::before { content: ""; } .fa-eye-low-vision::before, .fa-low-vision::before { content: ""; } .fa-crow::before { content: ""; } .fa-sailboat::before { content: ""; } .fa-window-restore::before { content: ""; } .fa-plus-square::before, .fa-square-plus::before { content: ""; } .fa-torii-gate::before { content: ""; } .fa-frog::before { content: ""; } .fa-bucket::before { content: ""; } .fa-image::before { content: ""; } .fa-microphone::before { content: ""; } .fa-cow::before { content: ""; } .fa-caret-up::before { content: ""; } .fa-screwdriver::before { content: ""; } .fa-folder-closed::before { content: ""; } .fa-house-tsunami::before { content: ""; } .fa-square-nfi::before { content: ""; } .fa-arrow-up-from-ground-water::before { content: ""; } .fa-glass-martini-alt::before, .fa-martini-glass::before { content: ""; } .fa-rotate-back::before, .fa-rotate-backward::before, .fa-rotate-left::before, .fa-undo-alt::before { content: ""; } .fa-columns::before, .fa-table-columns::before { content: ""; } .fa-lemon::before { content: ""; } .fa-head-side-mask::before { content: ""; } .fa-handshake::before { content: ""; } .fa-gem::before { content: ""; } .fa-dolly-box::before, .fa-dolly::before { content: ""; } .fa-smoking::before { content: ""; } .fa-compress-arrows-alt::before, .fa-minimize::before { content: ""; } .fa-monument::before { content: ""; } .fa-snowplow::before { content: ""; } .fa-angle-double-right::before, .fa-angles-right::before { content: ""; } .fa-cannabis::before { content: ""; } .fa-circle-play::before, .fa-play-circle::before { content: ""; } .fa-tablets::before { content: ""; } .fa-ethernet::before { content: ""; } .fa-eur::before, .fa-euro-sign::before, .fa-euro::before { content: ""; } .fa-chair::before { content: ""; } .fa-check-circle::before, .fa-circle-check::before { content: ""; } .fa-circle-stop::before, .fa-stop-circle::before { content: ""; } .fa-compass-drafting::before, .fa-drafting-compass::before { content: ""; } .fa-plate-wheat::before { content: ""; } .fa-icicles::before { content: ""; } .fa-person-shelter::before { content: ""; } .fa-neuter::before { content: ""; } .fa-id-badge::before { content: ""; } .fa-marker::before { content: ""; } .fa-face-laugh-beam::before, .fa-laugh-beam::before { content: ""; } .fa-helicopter-symbol::before { content: ""; } .fa-universal-access::before { content: ""; } .fa-chevron-circle-up::before, .fa-circle-chevron-up::before { content: ""; } .fa-lari-sign::before { content: ""; } .fa-volcano::before { content: ""; } .fa-person-walking-dashed-line-arrow-right::before { content: ""; } .fa-gbp::before, .fa-pound-sign::before, .fa-sterling-sign::before { content: ""; } .fa-viruses::before { content: ""; } .fa-square-person-confined::before { content: ""; } .fa-user-tie::before { content: ""; } .fa-arrow-down-long::before, .fa-long-arrow-down::before { content: ""; } .fa-tent-arrow-down-to-line::before { content: ""; } .fa-certificate::before { content: ""; } .fa-mail-reply-all::before, .fa-reply-all::before { content: ""; } .fa-suitcase::before { content: ""; } .fa-person-skating::before, .fa-skating::before { content: ""; } .fa-filter-circle-dollar::before, .fa-funnel-dollar::before { content: ""; } .fa-camera-retro::before { content: ""; } .fa-arrow-circle-down::before, .fa-circle-arrow-down::before { content: ""; } .fa-arrow-right-to-file::before, .fa-file-import::before { content: ""; } .fa-external-link-square::before, .fa-square-arrow-up-right::before { content: ""; } .fa-box-open::before { content: ""; } .fa-scroll::before { content: ""; } .fa-spa::before { content: ""; } .fa-location-pin-lock::before { content: ""; } .fa-pause::before { content: ""; } .fa-hill-avalanche::before { content: ""; } .fa-temperature-0::before, .fa-temperature-empty::before, .fa-thermometer-0::before, .fa-thermometer-empty::before { content: ""; } .fa-bomb::before { content: ""; } .fa-registered::before { content: ""; } .fa-address-card::before, .fa-contact-card::before, .fa-vcard::before { content: ""; } .fa-balance-scale-right::before, .fa-scale-unbalanced-flip::before { content: ""; } .fa-subscript::before { content: ""; } .fa-diamond-turn-right::before, .fa-directions::before { content: ""; } .fa-burst::before { content: ""; } .fa-house-laptop::before, .fa-laptop-house::before { content: ""; } .fa-face-tired::before, .fa-tired::before { content: ""; } .fa-money-bills::before { content: ""; } .fa-smog::before { content: ""; } .fa-crutch::before { content: ""; } .fa-cloud-arrow-up::before, .fa-cloud-upload-alt::before, .fa-cloud-upload::before { content: ""; } .fa-palette::before { content: ""; } .fa-arrows-turn-right::before { content: ""; } .fa-vest::before { content: ""; } .fa-ferry::before { content: ""; } .fa-arrows-down-to-people::before { content: ""; } .fa-seedling::before, .fa-sprout::before { content: ""; } .fa-arrows-alt-h::before, .fa-left-right::before { content: ""; } .fa-boxes-packing::before { content: ""; } .fa-arrow-circle-left::before, .fa-circle-arrow-left::before { content: ""; } .fa-group-arrows-rotate::before { content: ""; } .fa-bowl-food::before { content: ""; } .fa-candy-cane::before { content: ""; } .fa-arrow-down-wide-short::before, .fa-sort-amount-asc::before, .fa-sort-amount-down::before { content: ""; } .fa-cloud-bolt::before, .fa-thunderstorm::before { content: ""; } .fa-remove-format::before, .fa-text-slash::before { content: ""; } .fa-face-smile-wink::before, .fa-smile-wink::before { content: ""; } .fa-file-word::before { content: ""; } .fa-file-powerpoint::before { content: ""; } .fa-arrows-h::before, .fa-arrows-left-right::before { content: ""; } .fa-house-lock::before { content: ""; } .fa-cloud-arrow-down::before, .fa-cloud-download-alt::before, .fa-cloud-download::before { content: ""; } .fa-children::before { content: ""; } .fa-blackboard::before, .fa-chalkboard::before { content: ""; } .fa-user-alt-slash::before, .fa-user-large-slash::before { content: ""; } .fa-envelope-open::before { content: ""; } .fa-handshake-alt-slash::before, .fa-handshake-simple-slash::before { content: ""; } .fa-mattress-pillow::before { content: ""; } .fa-guarani-sign::before { content: ""; } .fa-arrows-rotate::before, .fa-refresh::before, .fa-sync::before { content: ""; } .fa-fire-extinguisher::before { content: ""; } .fa-cruzeiro-sign::before { content: ""; } .fa-greater-than-equal::before { content: ""; } .fa-shield-alt::before, .fa-shield-halved::before { content: ""; } .fa-atlas::before, .fa-book-atlas::before { content: ""; } .fa-virus::before { content: ""; } .fa-envelope-circle-check::before { content: ""; } .fa-layer-group::before { content: ""; } .fa-arrows-to-dot::before { content: ""; } .fa-archway::before { content: ""; } .fa-heart-circle-check::before { content: ""; } .fa-house-chimney-crack::before, .fa-house-damage::before { content: ""; } .fa-file-archive::before, .fa-file-zipper::before { content: ""; } .fa-square::before { content: ""; } .fa-glass-martini::before, .fa-martini-glass-empty::before { content: ""; } .fa-couch::before { content: ""; } .fa-cedi-sign::before { content: ""; } .fa-italic::before { content: ""; } .fa-church::before { content: ""; } .fa-comments-dollar::before { content: ""; } .fa-democrat::before { content: ""; } .fa-z::before { content: "Z"; } .fa-person-skiing::before, .fa-skiing::before { content: ""; } .fa-road-lock::before { content: ""; } .fa-a::before { content: "A"; } .fa-temperature-arrow-down::before, .fa-temperature-down::before { content: ""; } .fa-feather-alt::before, .fa-feather-pointed::before { content: ""; } .fa-p::before { content: "P"; } .fa-snowflake::before { content: ""; } .fa-newspaper::before { content: ""; } .fa-ad::before, .fa-rectangle-ad::before { content: ""; } .fa-arrow-circle-right::before, .fa-circle-arrow-right::before { content: ""; } .fa-filter-circle-xmark::before { content: ""; } .fa-locust::before { content: ""; } .fa-sort::before, .fa-unsorted::before { content: ""; } .fa-list-1-2::before, .fa-list-numeric::before, .fa-list-ol::before { content: ""; } .fa-person-dress-burst::before { content: ""; } .fa-money-check-alt::before, .fa-money-check-dollar::before { content: ""; } .fa-vector-square::before { content: ""; } .fa-bread-slice::before { content: ""; } .fa-language::before { content: ""; } .fa-face-kiss-wink-heart::before, .fa-kiss-wink-heart::before { content: ""; } .fa-filter::before { content: ""; } .fa-question::before { content: "?"; } .fa-file-signature::before { content: ""; } .fa-arrows-alt::before, .fa-up-down-left-right::before { content: ""; } .fa-house-chimney-user::before { content: ""; } .fa-hand-holding-heart::before { content: ""; } .fa-puzzle-piece::before { content: ""; } .fa-money-check::before { content: ""; } .fa-star-half-alt::before, .fa-star-half-stroke::before { content: ""; } .fa-code::before { content: ""; } .fa-glass-whiskey::before, .fa-whiskey-glass::before { content: ""; } .fa-building-circle-exclamation::before { content: ""; } .fa-magnifying-glass-chart::before { content: ""; } .fa-arrow-up-right-from-square::before, .fa-external-link::before { content: ""; } .fa-cubes-stacked::before { content: ""; } .fa-krw::before, .fa-won-sign::before, .fa-won::before { content: ""; } .fa-virus-covid::before { content: ""; } .fa-austral-sign::before { content: ""; } .fa-f::before { content: "F"; } .fa-leaf::before { content: ""; } .fa-road::before { content: ""; } .fa-cab::before, .fa-taxi::before { content: ""; } .fa-person-circle-plus::before { content: ""; } .fa-chart-pie::before, .fa-pie-chart::before { content: ""; } .fa-bolt-lightning::before { content: ""; } .fa-sack-xmark::before { content: ""; } .fa-file-excel::before { content: ""; } .fa-file-contract::before { content: ""; } .fa-fish-fins::before { content: ""; } .fa-building-flag::before { content: ""; } .fa-face-grin-beam::before, .fa-grin-beam::before { content: ""; } .fa-object-ungroup::before { content: ""; } .fa-poop::before { content: ""; } .fa-location-pin::before, .fa-map-marker::before { content: ""; } .fa-kaaba::before { content: ""; } .fa-toilet-paper::before { content: ""; } .fa-hard-hat::before, .fa-hat-hard::before, .fa-helmet-safety::before { content: ""; } .fa-eject::before { content: ""; } .fa-arrow-alt-circle-right::before, .fa-circle-right::before { content: ""; } .fa-plane-circle-check::before { content: ""; } .fa-face-rolling-eyes::before, .fa-meh-rolling-eyes::before { content: ""; } .fa-object-group::before { content: ""; } .fa-chart-line::before, .fa-line-chart::before { content: ""; } .fa-mask-ventilator::before { content: ""; } .fa-arrow-right::before { content: ""; } .fa-map-signs::before, .fa-signs-post::before { content: ""; } .fa-cash-register::before { content: ""; } .fa-person-circle-question::before { content: ""; } .fa-h::before { content: "H"; } .fa-tarp::before { content: ""; } .fa-screwdriver-wrench::before, .fa-tools::before { content: ""; } .fa-arrows-to-eye::before { content: ""; } .fa-plug-circle-bolt::before { content: ""; } .fa-heart::before { content: ""; } .fa-mars-and-venus::before { content: ""; } .fa-home-user::before, .fa-house-user::before { content: ""; } .fa-dumpster-fire::before { content: ""; } .fa-house-crack::before { content: ""; } .fa-cocktail::before, .fa-martini-glass-citrus::before { content: ""; } .fa-face-surprise::before, .fa-surprise::before { content: ""; } .fa-bottle-water::before { content: ""; } .fa-circle-pause::before, .fa-pause-circle::before { content: ""; } .fa-toilet-paper-slash::before { content: ""; } .fa-apple-alt::before, .fa-apple-whole::before { content: ""; } .fa-kitchen-set::before { content: ""; } .fa-r::before { content: "R"; } .fa-temperature-1::before, .fa-temperature-quarter::before, .fa-thermometer-1::before, .fa-thermometer-quarter::before { content: ""; } .fa-cube::before { content: ""; } .fa-bitcoin-sign::before { content: ""; } .fa-shield-dog::before { content: ""; } .fa-solar-panel::before { content: ""; } .fa-lock-open::before { content: ""; } .fa-elevator::before { content: ""; } .fa-money-bill-transfer::before { content: ""; } .fa-money-bill-trend-up::before { content: ""; } .fa-house-flood-water-circle-arrow-right::before { content: ""; } .fa-poll-h::before, .fa-square-poll-horizontal::before { content: ""; } .fa-circle::before { content: ""; } .fa-backward-fast::before, .fa-fast-backward::before { content: ""; } .fa-recycle::before { content: ""; } .fa-user-astronaut::before { content: ""; } .fa-plane-slash::before { content: ""; } .fa-trademark::before { content: ""; } .fa-basketball-ball::before, .fa-basketball::before { content: ""; } .fa-satellite-dish::before { content: ""; } .fa-arrow-alt-circle-up::before, .fa-circle-up::before { content: ""; } .fa-mobile-alt::before, .fa-mobile-screen-button::before { content: ""; } .fa-volume-high::before, .fa-volume-up::before { content: ""; } .fa-users-rays::before { content: ""; } .fa-wallet::before { content: ""; } .fa-clipboard-check::before { content: ""; } .fa-file-audio::before { content: ""; } .fa-burger::before, .fa-hamburger::before { content: ""; } .fa-wrench::before { content: ""; } .fa-bugs::before { content: ""; } .fa-rupee-sign::before, .fa-rupee::before { content: ""; } .fa-file-image::before { content: ""; } .fa-circle-question::before, .fa-question-circle::before { content: ""; } .fa-plane-departure::before { content: ""; } .fa-handshake-slash::before { content: ""; } .fa-book-bookmark::before { content: ""; } .fa-code-branch::before { content: ""; } .fa-hat-cowboy::before { content: ""; } .fa-bridge::before { content: ""; } .fa-phone-alt::before, .fa-phone-flip::before { content: ""; } .fa-truck-front::before { content: ""; } .fa-cat::before { content: ""; } .fa-anchor-circle-exclamation::before { content: ""; } .fa-truck-field::before { content: ""; } .fa-route::before { content: ""; } .fa-clipboard-question::before { content: ""; } .fa-panorama::before { content: ""; } .fa-comment-medical::before { content: ""; } .fa-teeth-open::before { content: ""; } .fa-file-circle-minus::before { content: ""; } .fa-tags::before { content: ""; } .fa-wine-glass::before { content: ""; } .fa-fast-forward::before, .fa-forward-fast::before { content: ""; } .fa-face-meh-blank::before, .fa-meh-blank::before { content: ""; } .fa-parking::before, .fa-square-parking::before { content: ""; } .fa-house-signal::before { content: ""; } .fa-bars-progress::before, .fa-tasks-alt::before { content: ""; } .fa-faucet-drip::before { content: ""; } .fa-cart-flatbed::before, .fa-dolly-flatbed::before { content: ""; } .fa-ban-smoking::before, .fa-smoking-ban::before { content: ""; } .fa-terminal::before { content: ""; } .fa-mobile-button::before { content: ""; } .fa-house-medical-flag::before { content: ""; } .fa-basket-shopping::before, .fa-shopping-basket::before { content: ""; } .fa-tape::before { content: ""; } .fa-bus-alt::before, .fa-bus-simple::before { content: ""; } .fa-eye::before { content: ""; } .fa-face-sad-cry::before, .fa-sad-cry::before { content: ""; } .fa-audio-description::before { content: ""; } .fa-person-military-to-person::before { content: ""; } .fa-file-shield::before { content: ""; } .fa-user-slash::before { content: ""; } .fa-pen::before { content: ""; } .fa-tower-observation::before { content: ""; } .fa-file-code::before { content: ""; } .fa-signal-5::before, .fa-signal-perfect::before, .fa-signal::before { content: ""; } .fa-bus::before { content: ""; } .fa-heart-circle-xmark::before { content: ""; } .fa-home-lg::before, .fa-house-chimney::before { content: ""; } .fa-window-maximize::before { content: ""; } .fa-face-frown::before, .fa-frown::before { content: ""; } .fa-prescription::before { content: ""; } .fa-shop::before, .fa-store-alt::before { content: ""; } .fa-floppy-disk::before, .fa-save::before { content: ""; } .fa-vihara::before { content: ""; } .fa-balance-scale-left::before, .fa-scale-unbalanced::before { content: ""; } .fa-sort-asc::before, .fa-sort-up::before { content: ""; } .fa-comment-dots::before, .fa-commenting::before { content: ""; } .fa-plant-wilt::before { content: ""; } .fa-diamond::before { content: ""; } .fa-face-grin-squint::before, .fa-grin-squint::before { content: ""; } .fa-hand-holding-dollar::before, .fa-hand-holding-usd::before { content: ""; } .fa-bacterium::before { content: ""; } .fa-hand-pointer::before { content: ""; } .fa-drum-steelpan::before { content: ""; } .fa-hand-scissors::before { content: ""; } .fa-hands-praying::before, .fa-praying-hands::before { content: ""; } .fa-arrow-right-rotate::before, .fa-arrow-rotate-forward::before, .fa-arrow-rotate-right::before, .fa-redo::before { content: ""; } .fa-biohazard::before { content: ""; } .fa-location-crosshairs::before, .fa-location::before { content: ""; } .fa-mars-double::before { content: ""; } .fa-child-dress::before { content: ""; } .fa-users-between-lines::before { content: ""; } .fa-lungs-virus::before { content: ""; } .fa-face-grin-tears::before, .fa-grin-tears::before { content: ""; } .fa-phone::before { content: ""; } .fa-calendar-times::before, .fa-calendar-xmark::before { content: ""; } .fa-child-reaching::before { content: ""; } .fa-head-side-virus::before { content: ""; } .fa-user-cog::before, .fa-user-gear::before { content: ""; } .fa-arrow-up-1-9::before, .fa-sort-numeric-up::before { content: ""; } .fa-door-closed::before { content: ""; } .fa-shield-virus::before { content: ""; } .fa-dice-six::before { content: ""; } .fa-mosquito-net::before { content: ""; } .fa-bridge-water::before { content: ""; } .fa-person-booth::before { content: ""; } .fa-text-width::before { content: ""; } .fa-hat-wizard::before { content: ""; } .fa-pen-fancy::before { content: ""; } .fa-digging::before, .fa-person-digging::before { content: ""; } .fa-trash::before { content: ""; } .fa-gauge-simple-med::before, .fa-gauge-simple::before, .fa-tachometer-average::before { content: ""; } .fa-book-medical::before { content: ""; } .fa-poo::before { content: ""; } .fa-quote-right-alt::before, .fa-quote-right::before { content: ""; } .fa-shirt::before, .fa-t-shirt::before, .fa-tshirt::before { content: ""; } .fa-cubes::before { content: ""; } .fa-divide::before { content: ""; } .fa-tenge-sign::before, .fa-tenge::before { content: ""; } .fa-headphones::before { content: ""; } .fa-hands-holding::before { content: ""; } .fa-hands-clapping::before { content: ""; } .fa-republican::before { content: ""; } .fa-arrow-left::before { content: ""; } .fa-person-circle-xmark::before { content: ""; } .fa-ruler::before { content: ""; } .fa-align-left::before { content: ""; } .fa-dice-d6::before { content: ""; } .fa-restroom::before { content: ""; } .fa-j::before { content: "J"; } .fa-users-viewfinder::before { content: ""; } .fa-file-video::before { content: ""; } .fa-external-link-alt::before, .fa-up-right-from-square::before { content: ""; } .fa-table-cells::before, .fa-th::before { content: ""; } .fa-file-pdf::before { content: ""; } .fa-bible::before, .fa-book-bible::before { content: ""; } .fa-o::before { content: "O"; } .fa-medkit::before, .fa-suitcase-medical::before { content: ""; } .fa-user-secret::before { content: ""; } .fa-otter::before { content: ""; } .fa-female::before, .fa-person-dress::before { content: ""; } .fa-comment-dollar::before { content: ""; } .fa-briefcase-clock::before, .fa-business-time::before { content: ""; } .fa-table-cells-large::before, .fa-th-large::before { content: ""; } .fa-book-tanakh::before, .fa-tanakh::before { content: ""; } .fa-phone-volume::before, .fa-volume-control-phone::before { content: ""; } .fa-hat-cowboy-side::before { content: ""; } .fa-clipboard-user::before { content: ""; } .fa-child::before { content: ""; } .fa-lira-sign::before { content: ""; } .fa-satellite::before { content: ""; } .fa-plane-lock::before { content: ""; } .fa-tag::before { content: ""; } .fa-comment::before { content: ""; } .fa-birthday-cake::before, .fa-cake-candles::before, .fa-cake::before { content: ""; } .fa-envelope::before { content: ""; } .fa-angle-double-up::before, .fa-angles-up::before { content: ""; } .fa-paperclip::before { content: ""; } .fa-arrow-right-to-city::before { content: ""; } .fa-ribbon::before { content: ""; } .fa-lungs::before { content: ""; } .fa-arrow-up-9-1::before, .fa-sort-numeric-up-alt::before { content: ""; } .fa-litecoin-sign::before { content: ""; } .fa-border-none::before { content: ""; } .fa-circle-nodes::before { content: ""; } .fa-parachute-box::before { content: ""; } .fa-indent::before { content: ""; } .fa-truck-field-un::before { content: ""; } .fa-hourglass-empty::before, .fa-hourglass::before { content: ""; } .fa-mountain::before { content: ""; } .fa-user-doctor::before, .fa-user-md::before { content: ""; } .fa-circle-info::before, .fa-info-circle::before { content: ""; } .fa-cloud-meatball::before { content: ""; } .fa-camera-alt::before, .fa-camera::before { content: ""; } .fa-square-virus::before { content: ""; } .fa-meteor::before { content: ""; } .fa-car-on::before { content: ""; } .fa-sleigh::before { content: ""; } .fa-arrow-down-1-9::before, .fa-sort-numeric-asc::before, .fa-sort-numeric-down::before { content: ""; } .fa-hand-holding-droplet::before, .fa-hand-holding-water::before { content: ""; } .fa-water::before { content: ""; } .fa-calendar-check::before { content: ""; } .fa-braille::before { content: ""; } .fa-prescription-bottle-alt::before, .fa-prescription-bottle-medical::before { content: ""; } .fa-landmark::before { content: ""; } .fa-truck::before { content: ""; } .fa-crosshairs::before { content: ""; } .fa-person-cane::before { content: ""; } .fa-tent::before { content: ""; } .fa-vest-patches::before { content: ""; } .fa-check-double::before { content: ""; } .fa-arrow-down-a-z::before, .fa-sort-alpha-asc::before, .fa-sort-alpha-down::before { content: ""; } .fa-money-bill-wheat::before { content: ""; } .fa-cookie::before { content: ""; } .fa-arrow-left-rotate::before, .fa-arrow-rotate-back::before, .fa-arrow-rotate-backward::before, .fa-arrow-rotate-left::before, .fa-undo::before { content: ""; } .fa-hard-drive::before, .fa-hdd::before { content: ""; } .fa-face-grin-squint-tears::before, .fa-grin-squint-tears::before { content: ""; } .fa-dumbbell::before { content: ""; } .fa-list-alt::before, .fa-rectangle-list::before { content: ""; } .fa-tarp-droplet::before { content: ""; } .fa-house-medical-circle-check::before { content: ""; } .fa-person-skiing-nordic::before, .fa-skiing-nordic::before { content: ""; } .fa-calendar-plus::before { content: ""; } .fa-plane-arrival::before { content: ""; } .fa-arrow-alt-circle-left::before, .fa-circle-left::before { content: ""; } .fa-subway::before, .fa-train-subway::before { content: ""; } .fa-chart-gantt::before { content: ""; } .fa-indian-rupee-sign::before, .fa-indian-rupee::before, .fa-inr::before { content: ""; } .fa-crop-alt::before, .fa-crop-simple::before { content: ""; } .fa-money-bill-1::before, .fa-money-bill-alt::before { content: ""; } .fa-left-long::before, .fa-long-arrow-alt-left::before { content: ""; } .fa-dna::before { content: ""; } .fa-virus-slash::before { content: ""; } .fa-minus::before, .fa-subtract::before { content: ""; } .fa-chess::before { content: ""; } .fa-arrow-left-long::before, .fa-long-arrow-left::before { content: ""; } .fa-plug-circle-check::before { content: ""; } .fa-street-view::before { content: ""; } .fa-franc-sign::before { content: ""; } .fa-volume-off::before { content: ""; } .fa-american-sign-language-interpreting::before, .fa-asl-interpreting::before, .fa-hands-american-sign-language-interpreting::before, .fa-hands-asl-interpreting::before { content: ""; } .fa-cog::before, .fa-gear::before { content: ""; } .fa-droplet-slash::before, .fa-tint-slash::before { content: ""; } .fa-mosque::before { content: ""; } .fa-mosquito::before { content: ""; } .fa-star-of-david::before { content: ""; } .fa-person-military-rifle::before { content: ""; } .fa-cart-shopping::before, .fa-shopping-cart::before { content: ""; } .fa-vials::before { content: ""; } .fa-plug-circle-plus::before { content: ""; } .fa-place-of-worship::before { content: ""; } .fa-grip-vertical::before { content: ""; } .fa-arrow-turn-up::before, .fa-level-up::before { content: ""; } .fa-u::before { content: "U"; } .fa-square-root-alt::before, .fa-square-root-variable::before { content: ""; } .fa-clock-four::before, .fa-clock::before { content: ""; } .fa-backward-step::before, .fa-step-backward::before { content: ""; } .fa-pallet::before { content: ""; } .fa-faucet::before { content: ""; } .fa-baseball-bat-ball::before { content: ""; } .fa-s::before { content: "S"; } .fa-timeline::before { content: ""; } .fa-keyboard::before { content: ""; } .fa-caret-down::before { content: ""; } .fa-clinic-medical::before, .fa-house-chimney-medical::before { content: ""; } .fa-temperature-3::before, .fa-temperature-three-quarters::before, .fa-thermometer-3::before, .fa-thermometer-three-quarters::before { content: ""; } .fa-mobile-android-alt::before, .fa-mobile-screen::before { content: ""; } .fa-plane-up::before { content: ""; } .fa-piggy-bank::before { content: ""; } .fa-battery-3::before, .fa-battery-half::before { content: ""; } .fa-mountain-city::before { content: ""; } .fa-coins::before { content: ""; } .fa-khanda::before { content: ""; } .fa-sliders-h::before, .fa-sliders::before { content: ""; } .fa-folder-tree::before { content: ""; } .fa-network-wired::before { content: ""; } .fa-map-pin::before { content: ""; } .fa-hamsa::before { content: ""; } .fa-cent-sign::before { content: ""; } .fa-flask::before { content: ""; } .fa-person-pregnant::before { content: ""; } .fa-wand-sparkles::before { content: ""; } .fa-ellipsis-v::before, .fa-ellipsis-vertical::before { content: ""; } .fa-ticket::before { content: ""; } .fa-power-off::before { content: ""; } .fa-long-arrow-alt-right::before, .fa-right-long::before { content: ""; } .fa-flag-usa::before { content: ""; } .fa-laptop-file::before { content: ""; } .fa-teletype::before, .fa-tty::before { content: ""; } .fa-diagram-next::before { content: ""; } .fa-person-rifle::before { content: ""; } .fa-house-medical-circle-exclamation::before { content: ""; } .fa-closed-captioning::before { content: ""; } .fa-hiking::before, .fa-person-hiking::before { content: ""; } .fa-venus-double::before { content: ""; } .fa-images::before { content: ""; } .fa-calculator::before { content: ""; } .fa-people-pulling::before { content: ""; } .fa-n::before { content: "N"; } .fa-cable-car::before, .fa-tram::before { content: ""; } .fa-cloud-rain::before { content: ""; } .fa-building-circle-xmark::before { content: ""; } .fa-ship::before { content: ""; } .fa-arrows-down-to-line::before { content: ""; } .fa-download::before { content: ""; } .fa-face-grin::before, .fa-grin::before { content: ""; } .fa-backspace::before, .fa-delete-left::before { content: ""; } .fa-eye-dropper-empty::before, .fa-eye-dropper::before, .fa-eyedropper::before { content: ""; } .fa-file-circle-check::before { content: ""; } .fa-forward::before { content: ""; } .fa-mobile-android::before, .fa-mobile-phone::before, .fa-mobile::before { content: ""; } .fa-face-meh::before, .fa-meh::before { content: ""; } .fa-align-center::before { content: ""; } .fa-book-dead::before, .fa-book-skull::before { content: ""; } .fa-drivers-license::before, .fa-id-card::before { content: ""; } .fa-dedent::before, .fa-outdent::before { content: ""; } .fa-heart-circle-exclamation::before { content: ""; } .fa-home-alt::before, .fa-home-lg-alt::before, .fa-home::before, .fa-house::before { content: ""; } .fa-calendar-week::before { content: ""; } .fa-laptop-medical::before { content: ""; } .fa-b::before { content: "B"; } .fa-file-medical::before { content: ""; } .fa-dice-one::before { content: ""; } .fa-kiwi-bird::before { content: ""; } .fa-arrow-right-arrow-left::before, .fa-exchange::before { content: ""; } .fa-redo-alt::before, .fa-rotate-forward::before, .fa-rotate-right::before { content: ""; } .fa-cutlery::before, .fa-utensils::before { content: ""; } .fa-arrow-up-wide-short::before, .fa-sort-amount-up::before { content: ""; } .fa-mill-sign::before { content: ""; } .fa-bowl-rice::before { content: ""; } .fa-skull::before { content: ""; } .fa-broadcast-tower::before, .fa-tower-broadcast::before { content: ""; } .fa-truck-pickup::before { content: ""; } .fa-long-arrow-alt-up::before, .fa-up-long::before { content: ""; } .fa-stop::before { content: ""; } .fa-code-merge::before { content: ""; } .fa-upload::before { content: ""; } .fa-hurricane::before { content: ""; } .fa-mound::before { content: ""; } .fa-toilet-portable::before { content: ""; } .fa-compact-disc::before { content: ""; } .fa-file-arrow-down::before, .fa-file-download::before { content: ""; } .fa-caravan::before { content: ""; } .fa-shield-cat::before { content: ""; } .fa-bolt::before, .fa-zap::before { content: ""; } .fa-glass-water::before { content: ""; } .fa-oil-well::before { content: ""; } .fa-vault::before { content: ""; } .fa-mars::before { content: ""; } .fa-toilet::before { content: ""; } .fa-plane-circle-xmark::before { content: ""; } .fa-cny::before, .fa-jpy::before, .fa-rmb::before, .fa-yen-sign::before, .fa-yen::before { content: ""; } .fa-rouble::before, .fa-rub::before, .fa-ruble-sign::before, .fa-ruble::before { content: ""; } .fa-sun::before { content: ""; } .fa-guitar::before { content: ""; } .fa-face-laugh-wink::before, .fa-laugh-wink::before { content: ""; } .fa-horse-head::before { content: ""; } .fa-bore-hole::before { content: ""; } .fa-industry::before { content: ""; } .fa-arrow-alt-circle-down::before, .fa-circle-down::before { content: ""; } .fa-arrows-turn-to-dots::before { content: ""; } .fa-florin-sign::before { content: ""; } .fa-arrow-down-short-wide::before, .fa-sort-amount-desc::before, .fa-sort-amount-down-alt::before { content: ""; } .fa-less-than::before { content: "<"; } .fa-angle-down::before { content: ""; } .fa-car-tunnel::before { content: ""; } .fa-head-side-cough::before { content: ""; } .fa-grip-lines::before { content: ""; } .fa-thumbs-down::before { content: ""; } .fa-user-lock::before { content: ""; } .fa-arrow-right-long::before, .fa-long-arrow-right::before { content: ""; } .fa-anchor-circle-xmark::before { content: ""; } .fa-ellipsis-h::before, .fa-ellipsis::before { content: ""; } .fa-chess-pawn::before { content: ""; } .fa-first-aid::before, .fa-kit-medical::before { content: ""; } .fa-person-through-window::before { content: ""; } .fa-toolbox::before { content: ""; } .fa-hands-holding-circle::before { content: ""; } .fa-bug::before { content: ""; } .fa-credit-card-alt::before, .fa-credit-card::before { content: ""; } .fa-automobile::before, .fa-car::before { content: ""; } .fa-hand-holding-hand::before { content: ""; } .fa-book-open-reader::before, .fa-book-reader::before { content: ""; } .fa-mountain-sun::before { content: ""; } .fa-arrows-left-right-to-line::before { content: ""; } .fa-dice-d20::before { content: ""; } .fa-truck-droplet::before { content: ""; } .fa-file-circle-xmark::before { content: ""; } .fa-temperature-arrow-up::before, .fa-temperature-up::before { content: ""; } .fa-medal::before { content: ""; } .fa-bed::before { content: ""; } .fa-h-square::before, .fa-square-h::before { content: ""; } .fa-podcast::before { content: ""; } .fa-temperature-4::before, .fa-temperature-full::before, .fa-thermometer-4::before, .fa-thermometer-full::before { content: ""; } .fa-bell::before { content: ""; } .fa-superscript::before { content: ""; } .fa-plug-circle-xmark::before { content: ""; } .fa-star-of-life::before { content: ""; } .fa-phone-slash::before { content: ""; } .fa-paint-roller::before { content: ""; } .fa-hands-helping::before, .fa-handshake-angle::before { content: ""; } .fa-location-dot::before, .fa-map-marker-alt::before { content: ""; } .fa-file::before { content: ""; } .fa-greater-than::before { content: ">"; } .fa-person-swimming::before, .fa-swimmer::before { content: ""; } .fa-arrow-down::before { content: ""; } .fa-droplet::before, .fa-tint::before { content: ""; } .fa-eraser::before { content: ""; } .fa-earth-america::before, .fa-earth-americas::before, .fa-earth::before, .fa-globe-americas::before { content: ""; } .fa-person-burst::before { content: ""; } .fa-dove::before { content: ""; } .fa-battery-0::before, .fa-battery-empty::before { content: ""; } .fa-socks::before { content: ""; } .fa-inbox::before { content: ""; } .fa-section::before { content: ""; } .fa-gauge-high::before, .fa-tachometer-alt-fast::before, .fa-tachometer-alt::before { content: ""; } .fa-envelope-open-text::before { content: ""; } .fa-hospital-alt::before, .fa-hospital-wide::before, .fa-hospital::before { content: ""; } .fa-wine-bottle::before { content: ""; } .fa-chess-rook::before { content: ""; } .fa-bars-staggered::before, .fa-reorder::before, .fa-stream::before { content: ""; } .fa-dharmachakra::before { content: ""; } .fa-hotdog::before { content: ""; } .fa-blind::before, .fa-person-walking-with-cane::before { content: ""; } .fa-drum::before { content: ""; } .fa-ice-cream::before { content: ""; } .fa-heart-circle-bolt::before { content: ""; } .fa-fax::before { content: ""; } .fa-paragraph::before { content: ""; } .fa-check-to-slot::before, .fa-vote-yea::before { content: ""; } .fa-star-half::before { content: ""; } .fa-boxes-alt::before, .fa-boxes-stacked::before, .fa-boxes::before { content: ""; } .fa-chain::before, .fa-link::before { content: ""; } .fa-assistive-listening-systems::before, .fa-ear-listen::before { content: ""; } .fa-tree-city::before { content: ""; } .fa-play::before { content: ""; } .fa-font::before { content: ""; } .fa-rupiah-sign::before { content: ""; } .fa-magnifying-glass::before, .fa-search::before { content: ""; } .fa-ping-pong-paddle-ball::before, .fa-table-tennis-paddle-ball::before, .fa-table-tennis::before { content: ""; } .fa-diagnoses::before, .fa-person-dots-from-line::before { content: ""; } .fa-trash-can-arrow-up::before, .fa-trash-restore-alt::before { content: ""; } .fa-naira-sign::before { content: ""; } .fa-cart-arrow-down::before { content: ""; } .fa-walkie-talkie::before { content: ""; } .fa-file-edit::before, .fa-file-pen::before { content: ""; } .fa-receipt::before { content: ""; } .fa-pen-square::before, .fa-pencil-square::before, .fa-square-pen::before { content: ""; } .fa-suitcase-rolling::before { content: ""; } .fa-person-circle-exclamation::before { content: ""; } .fa-chevron-down::before { content: ""; } .fa-battery-5::before, .fa-battery-full::before, .fa-battery::before { content: ""; } .fa-skull-crossbones::before { content: ""; } .fa-code-compare::before { content: ""; } .fa-list-dots::before, .fa-list-ul::before { content: ""; } .fa-school-lock::before { content: ""; } .fa-tower-cell::before { content: ""; } .fa-down-long::before, .fa-long-arrow-alt-down::before { content: ""; } .fa-ranking-star::before { content: ""; } .fa-chess-king::before { content: ""; } .fa-person-harassing::before { content: ""; } .fa-brazilian-real-sign::before { content: ""; } .fa-landmark-alt::before, .fa-landmark-dome::before { content: ""; } .fa-arrow-up::before { content: ""; } .fa-television::before, .fa-tv-alt::before, .fa-tv::before { content: ""; } .fa-shrimp::before { content: ""; } .fa-list-check::before, .fa-tasks::before { content: ""; } .fa-jug-detergent::before { content: ""; } .fa-circle-user::before, .fa-user-circle::before { content: ""; } .fa-user-shield::before { content: ""; } .fa-wind::before { content: ""; } .fa-car-burst::before, .fa-car-crash::before { content: ""; } .fa-y::before { content: "Y"; } .fa-person-snowboarding::before, .fa-snowboarding::before { content: ""; } .fa-shipping-fast::before, .fa-truck-fast::before { content: ""; } .fa-fish::before { content: ""; } .fa-user-graduate::before { content: ""; } .fa-adjust::before, .fa-circle-half-stroke::before { content: ""; } .fa-clapperboard::before { content: ""; } .fa-circle-radiation::before, .fa-radiation-alt::before { content: ""; } .fa-baseball-ball::before, .fa-baseball::before { content: ""; } .fa-jet-fighter-up::before { content: ""; } .fa-diagram-project::before, .fa-project-diagram::before { content: ""; } .fa-copy::before { content: ""; } .fa-volume-mute::before, .fa-volume-times::before, .fa-volume-xmark::before { content: ""; } .fa-hand-sparkles::before { content: ""; } .fa-grip-horizontal::before, .fa-grip::before { content: ""; } .fa-share-from-square::before, .fa-share-square::before { content: ""; } .fa-child-combatant::before, .fa-child-rifle::before { content: ""; } .fa-gun::before { content: ""; } .fa-phone-square::before, .fa-square-phone::before { content: ""; } .fa-add::before, .fa-plus::before { content: "+"; } .fa-expand::before { content: ""; } .fa-computer::before { content: ""; } .fa-close::before, .fa-multiply::before, .fa-remove::before, .fa-times::before, .fa-xmark::before { content: ""; } .fa-arrows-up-down-left-right::before, .fa-arrows::before { content: ""; } .fa-chalkboard-teacher::before, .fa-chalkboard-user::before { content: ""; } .fa-peso-sign::before { content: ""; } .fa-building-shield::before { content: ""; } .fa-baby::before { content: ""; } .fa-users-line::before { content: ""; } .fa-quote-left-alt::before, .fa-quote-left::before { content: ""; } .fa-tractor::before { content: ""; } .fa-trash-arrow-up::before, .fa-trash-restore::before { content: ""; } .fa-arrow-down-up-lock::before { content: ""; } .fa-lines-leaning::before { content: ""; } .fa-ruler-combined::before { content: ""; } .fa-copyright::before { content: ""; } .fa-equals::before { content: "="; } .fa-blender::before { content: ""; } .fa-teeth::before { content: ""; } .fa-ils::before, .fa-shekel-sign::before, .fa-shekel::before, .fa-sheqel-sign::before, .fa-sheqel::before { content: ""; } .fa-map::before { content: ""; } .fa-rocket::before { content: ""; } .fa-photo-film::before, .fa-photo-video::before { content: ""; } .fa-folder-minus::before { content: ""; } .fa-store::before { content: ""; } .fa-arrow-trend-up::before { content: ""; } .fa-plug-circle-minus::before { content: ""; } .fa-sign-hanging::before, .fa-sign::before { content: ""; } .fa-bezier-curve::before { content: ""; } .fa-bell-slash::before { content: ""; } .fa-tablet-android::before, .fa-tablet::before { content: ""; } .fa-school-flag::before { content: ""; } .fa-fill::before { content: ""; } .fa-angle-up::before { content: ""; } .fa-drumstick-bite::before { content: ""; } .fa-holly-berry::before { content: ""; } .fa-chevron-left::before { content: ""; } .fa-bacteria::before { content: ""; } .fa-hand-lizard::before { content: ""; } .fa-notdef::before { content: ""; } .fa-disease::before { content: ""; } .fa-briefcase-medical::before { content: ""; } .fa-genderless::before { content: ""; } .fa-chevron-right::before { content: ""; } .fa-retweet::before { content: ""; } .fa-car-alt::before, .fa-car-rear::before { content: ""; } .fa-pump-soap::before { content: ""; } .fa-video-slash::before { content: ""; } .fa-battery-2::before, .fa-battery-quarter::before { content: ""; } .fa-radio::before { content: ""; } .fa-baby-carriage::before, .fa-carriage-baby::before { content: ""; } .fa-traffic-light::before { content: ""; } .fa-thermometer::before { content: ""; } .fa-vr-cardboard::before { content: ""; } .fa-hand-middle-finger::before { content: ""; } .fa-percent::before, .fa-percentage::before { content: "%"; } .fa-truck-moving::before { content: ""; } .fa-glass-water-droplet::before { content: ""; } .fa-display::before { content: ""; } .fa-face-smile::before, .fa-smile::before { content: ""; } .fa-thumb-tack::before, .fa-thumbtack::before { content: ""; } .fa-trophy::before { content: ""; } .fa-person-praying::before, .fa-pray::before { content: ""; } .fa-hammer::before { content: ""; } .fa-hand-peace::before { content: ""; } .fa-rotate::before, .fa-sync-alt::before { content: ""; } .fa-spinner::before { content: ""; } .fa-robot::before { content: ""; } .fa-peace::before { content: ""; } .fa-cogs::before, .fa-gears::before { content: ""; } .fa-warehouse::before { content: ""; } .fa-arrow-up-right-dots::before { content: ""; } .fa-splotch::before { content: ""; } .fa-face-grin-hearts::before, .fa-grin-hearts::before { content: ""; } .fa-dice-four::before { content: ""; } .fa-sim-card::before { content: ""; } .fa-transgender-alt::before, .fa-transgender::before { content: ""; } .fa-mercury::before { content: ""; } .fa-arrow-turn-down::before, .fa-level-down::before { content: ""; } .fa-person-falling-burst::before { content: ""; } .fa-award::before { content: ""; } .fa-ticket-alt::before, .fa-ticket-simple::before { content: ""; } .fa-building::before { content: ""; } .fa-angle-double-left::before, .fa-angles-left::before { content: ""; } .fa-qrcode::before { content: ""; } .fa-clock-rotate-left::before, .fa-history::before { content: ""; } .fa-face-grin-beam-sweat::before, .fa-grin-beam-sweat::before { content: ""; } .fa-arrow-right-from-file::before, .fa-file-export::before { content: ""; } .fa-shield-blank::before, .fa-shield::before { content: ""; } .fa-arrow-up-short-wide::before, .fa-sort-amount-up-alt::before { content: ""; } .fa-house-medical::before { content: ""; } .fa-golf-ball-tee::before, .fa-golf-ball::before { content: ""; } .fa-chevron-circle-left::before, .fa-circle-chevron-left::before { content: ""; } .fa-house-chimney-window::before { content: ""; } .fa-pen-nib::before { content: ""; } .fa-tent-arrow-turn-left::before { content: ""; } .fa-tents::before { content: ""; } .fa-magic::before, .fa-wand-magic::before { content: ""; } .fa-dog::before { content: ""; } .fa-carrot::before { content: ""; } .fa-moon::before { content: ""; } .fa-wine-glass-alt::before, .fa-wine-glass-empty::before { content: ""; } .fa-cheese::before { content: ""; } .fa-yin-yang::before { content: ""; } .fa-music::before { content: ""; } .fa-code-commit::before { content: ""; } .fa-temperature-low::before { content: ""; } .fa-biking::before, .fa-person-biking::before { content: ""; } .fa-broom::before { content: ""; } .fa-shield-heart::before { content: ""; } .fa-gopuram::before { content: ""; } .fa-earth-oceania::before, .fa-globe-oceania::before { content: ""; } .fa-square-xmark::before, .fa-times-square::before, .fa-xmark-square::before { content: ""; } .fa-hashtag::before { content: "#"; } .fa-expand-alt::before, .fa-up-right-and-down-left-from-center::before { content: ""; } .fa-oil-can::before { content: ""; } .fa-t::before { content: "T"; } .fa-hippo::before { content: ""; } .fa-chart-column::before { content: ""; } .fa-infinity::before { content: ""; } .fa-vial-circle-check::before { content: ""; } .fa-person-arrow-down-to-line::before { content: ""; } .fa-voicemail::before { content: ""; } .fa-fan::before { content: ""; } .fa-person-walking-luggage::before { content: ""; } .fa-arrows-alt-v::before, .fa-up-down::before { content: ""; } .fa-cloud-moon-rain::before { content: ""; } .fa-calendar::before { content: ""; } .fa-trailer::before { content: ""; } .fa-bahai::before, .fa-haykal::before { content: ""; } .fa-sd-card::before { content: ""; } .fa-dragon::before { content: ""; } .fa-shoe-prints::before { content: ""; } .fa-circle-plus::before, .fa-plus-circle::before { content: ""; } .fa-face-grin-tongue-wink::before, .fa-grin-tongue-wink::before { content: ""; } .fa-hand-holding::before { content: ""; } .fa-plug-circle-exclamation::before { content: ""; } .fa-chain-broken::before, .fa-chain-slash::before, .fa-link-slash::before, .fa-unlink::before { content: ""; } .fa-clone::before { content: ""; } .fa-person-walking-arrow-loop-left::before { content: ""; } .fa-arrow-up-z-a::before, .fa-sort-alpha-up-alt::before { content: ""; } .fa-fire-alt::before, .fa-fire-flame-curved::before { content: ""; } .fa-tornado::before { content: ""; } .fa-file-circle-plus::before { content: ""; } .fa-book-quran::before, .fa-quran::before { content: ""; } .fa-anchor::before { content: ""; } .fa-border-all::before { content: ""; } .fa-angry::before, .fa-face-angry::before { content: ""; } .fa-cookie-bite::before { content: ""; } .fa-arrow-trend-down::before { content: ""; } .fa-feed::before, .fa-rss::before { content: ""; } .fa-draw-polygon::before { content: ""; } .fa-balance-scale::before, .fa-scale-balanced::before { content: ""; } .fa-gauge-simple-high::before, .fa-tachometer-fast::before, .fa-tachometer::before { content: ""; } .fa-shower::before { content: ""; } .fa-desktop-alt::before, .fa-desktop::before { content: ""; } .fa-m::before { content: "M"; } .fa-table-list::before, .fa-th-list::before { content: ""; } .fa-comment-sms::before, .fa-sms::before { content: ""; } .fa-book::before { content: ""; } .fa-user-plus::before { content: ""; } .fa-check::before { content: ""; } .fa-battery-4::before, .fa-battery-three-quarters::before { content: ""; } .fa-house-circle-check::before { content: ""; } .fa-angle-left::before { content: ""; } .fa-diagram-successor::before { content: ""; } .fa-truck-arrow-right::before { content: ""; } .fa-arrows-split-up-and-left::before { content: ""; } .fa-fist-raised::before, .fa-hand-fist::before { content: ""; } .fa-cloud-moon::before { content: ""; } .fa-briefcase::before { content: ""; } .fa-person-falling::before { content: ""; } .fa-image-portrait::before, .fa-portrait::before { content: ""; } .fa-user-tag::before { content: ""; } .fa-rug::before { content: ""; } .fa-earth-europe::before, .fa-globe-europe::before { content: ""; } .fa-cart-flatbed-suitcase::before, .fa-luggage-cart::before { content: ""; } .fa-rectangle-times::before, .fa-rectangle-xmark::before, .fa-times-rectangle::before, .fa-window-close::before { content: ""; } .fa-baht-sign::before { content: ""; } .fa-book-open::before { content: ""; } .fa-book-journal-whills::before, .fa-journal-whills::before { content: ""; } .fa-handcuffs::before { content: ""; } .fa-exclamation-triangle::before, .fa-triangle-exclamation::before, .fa-warning::before { content: ""; } .fa-database::before { content: ""; } .fa-mail-forward::before, .fa-share::before { content: ""; } .fa-bottle-droplet::before { content: ""; } .fa-mask-face::before { content: ""; } .fa-hill-rockslide::before { content: ""; } .fa-exchange-alt::before, .fa-right-left::before { content: ""; } .fa-paper-plane::before { content: ""; } .fa-road-circle-exclamation::before { content: ""; } .fa-dungeon::before { content: ""; } .fa-align-right::before { content: ""; } .fa-money-bill-1-wave::before, .fa-money-bill-wave-alt::before { content: ""; } .fa-life-ring::before { content: ""; } .fa-hands::before, .fa-sign-language::before, .fa-signing::before { content: ""; } .fa-calendar-day::before { content: ""; } .fa-ladder-water::before, .fa-swimming-pool::before, .fa-water-ladder::before { content: ""; } .fa-arrows-up-down::before, .fa-arrows-v::before { content: ""; } .fa-face-grimace::before, .fa-grimace::before { content: ""; } .fa-wheelchair-alt::before, .fa-wheelchair-move::before { content: ""; } .fa-level-down-alt::before, .fa-turn-down::before { content: ""; } .fa-person-walking-arrow-right::before { content: ""; } .fa-envelope-square::before, .fa-square-envelope::before { content: ""; } .fa-dice::before { content: ""; } .fa-bowling-ball::before { content: ""; } .fa-brain::before { content: ""; } .fa-band-aid::before, .fa-bandage::before { content: ""; } .fa-calendar-minus::before { content: ""; } .fa-circle-xmark::before, .fa-times-circle::before, .fa-xmark-circle::before { content: ""; } .fa-gifts::before { content: ""; } .fa-hotel::before { content: ""; } .fa-earth-asia::before, .fa-globe-asia::before { content: ""; } .fa-id-card-alt::before, .fa-id-card-clip::before { content: ""; } .fa-magnifying-glass-plus::before, .fa-search-plus::before { content: ""; } .fa-thumbs-up::before { content: ""; } .fa-user-clock::before { content: ""; } .fa-allergies::before, .fa-hand-dots::before { content: ""; } .fa-file-invoice::before { content: ""; } .fa-window-minimize::before { content: ""; } .fa-coffee::before, .fa-mug-saucer::before { content: ""; } .fa-brush::before { content: ""; } .fa-mask::before { content: ""; } .fa-magnifying-glass-minus::before, .fa-search-minus::before { content: ""; } .fa-ruler-vertical::before { content: ""; } .fa-user-alt::before, .fa-user-large::before { content: ""; } .fa-train-tram::before { content: ""; } .fa-user-nurse::before { content: ""; } .fa-syringe::before { content: ""; } .fa-cloud-sun::before { content: ""; } .fa-stopwatch-20::before { content: ""; } .fa-square-full::before { content: ""; } .fa-magnet::before { content: ""; } .fa-jar::before { content: ""; } .fa-note-sticky::before, .fa-sticky-note::before { content: ""; } .fa-bug-slash::before { content: ""; } .fa-arrow-up-from-water-pump::before { content: ""; } .fa-bone::before { content: ""; } .fa-user-injured::before { content: ""; } .fa-face-sad-tear::before, .fa-sad-tear::before { content: ""; } .fa-plane::before { content: ""; } .fa-tent-arrows-down::before { content: ""; } .fa-exclamation::before { content: "!"; } .fa-arrows-spin::before { content: ""; } .fa-print::before { content: ""; } .fa-try::before, .fa-turkish-lira-sign::before, .fa-turkish-lira::before { content: ""; } .fa-dollar-sign::before, .fa-dollar::before, .fa-usd::before { content: "$"; } .fa-x::before { content: "X"; } .fa-magnifying-glass-dollar::before, .fa-search-dollar::before { content: ""; } .fa-users-cog::before, .fa-users-gear::before { content: ""; } .fa-person-military-pointing::before { content: ""; } .fa-bank::before, .fa-building-columns::before, .fa-institution::before, .fa-museum::before, .fa-university::before { content: ""; } .fa-umbrella::before { content: ""; } .fa-trowel::before { content: ""; } .fa-d::before { content: "D"; } .fa-stapler::before { content: ""; } .fa-masks-theater::before, .fa-theater-masks::before { content: ""; } .fa-kip-sign::before { content: ""; } .fa-hand-point-left::before { content: ""; } .fa-handshake-alt::before, .fa-handshake-simple::before { content: ""; } .fa-fighter-jet::before, .fa-jet-fighter::before { content: ""; } .fa-share-alt-square::before, .fa-square-share-nodes::before { content: ""; } .fa-barcode::before { content: ""; } .fa-plus-minus::before { content: ""; } .fa-video-camera::before, .fa-video::before { content: ""; } .fa-graduation-cap::before, .fa-mortar-board::before { content: ""; } .fa-hand-holding-medical::before { content: ""; } .fa-person-circle-check::before { content: ""; } .fa-level-up-alt::before, .fa-turn-up::before { content: ""; } .fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } :host, :root { --fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; } @font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("") format("woff2"), url("") format("truetype"); } .fa-brands, .fab { font-weight: 400; } .fa-monero::before { content: ""; } .fa-hooli::before { content: ""; } .fa-yelp::before { content: ""; } .fa-cc-visa::before { content: ""; } .fa-lastfm::before { content: ""; } .fa-shopware::before { content: ""; } .fa-creative-commons-nc::before { content: ""; } .fa-aws::before { content: ""; } .fa-redhat::before { content: ""; } .fa-yoast::before { content: ""; } .fa-cloudflare::before { content: ""; } .fa-ups::before { content: ""; } .fa-pixiv::before { content: ""; } .fa-wpexplorer::before { content: ""; } .fa-dyalog::before { content: ""; } .fa-bity::before { content: ""; } .fa-stackpath::before { content: ""; } .fa-buysellads::before { content: ""; } .fa-first-order::before { content: ""; } .fa-modx::before { content: ""; } .fa-guilded::before { content: ""; } .fa-vnv::before { content: ""; } .fa-js-square::before, .fa-square-js::before { content: ""; } .fa-microsoft::before { content: ""; } .fa-qq::before { content: ""; } .fa-orcid::before { content: ""; } .fa-java::before { content: ""; } .fa-invision::before { content: ""; } .fa-creative-commons-pd-alt::before { content: ""; } .fa-centercode::before { content: ""; } .fa-glide-g::before { content: ""; } .fa-drupal::before { content: ""; } .fa-hire-a-helper::before { content: ""; } .fa-creative-commons-by::before { content: ""; } .fa-unity::before { content: ""; } .fa-whmcs::before { content: ""; } .fa-rocketchat::before { content: ""; } .fa-vk::before { content: ""; } .fa-untappd::before { content: ""; } .fa-mailchimp::before { content: ""; } .fa-css3-alt::before { content: ""; } .fa-reddit-square::before, .fa-square-reddit::before { content: ""; } .fa-vimeo-v::before { content: ""; } .fa-contao::before { content: ""; } .fa-square-font-awesome::before { content: ""; } .fa-deskpro::before { content: ""; } .fa-brave::before { content: ""; } .fa-sistrix::before { content: ""; } .fa-instagram-square::before, .fa-square-instagram::before { content: ""; } .fa-battle-net::before { content: ""; } .fa-the-red-yeti::before { content: ""; } .fa-hacker-news-square::before, .fa-square-hacker-news::before { content: ""; } .fa-edge::before { content: ""; } .fa-threads::before { content: ""; } .fa-napster::before { content: ""; } .fa-snapchat-square::before, .fa-square-snapchat::before { content: ""; } .fa-google-plus-g::before { content: ""; } .fa-artstation::before { content: ""; } .fa-markdown::before { content: ""; } .fa-sourcetree::before { content: ""; } .fa-google-plus::before { content: ""; } .fa-diaspora::before { content: ""; } .fa-foursquare::before { content: ""; } .fa-stack-overflow::before { content: ""; } .fa-github-alt::before { content: ""; } .fa-phoenix-squadron::before { content: ""; } .fa-pagelines::before { content: ""; } .fa-algolia::before { content: ""; } .fa-red-river::before { content: ""; } .fa-creative-commons-sa::before { content: ""; } .fa-safari::before { content: ""; } .fa-google::before { content: ""; } .fa-font-awesome-alt::before, .fa-square-font-awesome-stroke::before { content: ""; } .fa-atlassian::before { content: ""; } .fa-linkedin-in::before { content: ""; } .fa-digital-ocean::before { content: ""; } .fa-nimblr::before { content: ""; } .fa-chromecast::before { content: ""; } .fa-evernote::before { content: ""; } .fa-hacker-news::before { content: ""; } .fa-creative-commons-sampling::before { content: ""; } .fa-adversal::before { content: ""; } .fa-creative-commons::before { content: ""; } .fa-watchman-monitoring::before { content: ""; } .fa-fonticons::before { content: ""; } .fa-weixin::before { content: ""; } .fa-shirtsinbulk::before { content: ""; } .fa-codepen::before { content: ""; } .fa-git-alt::before { content: ""; } .fa-lyft::before { content: ""; } .fa-rev::before { content: ""; } .fa-windows::before { content: ""; } .fa-wizards-of-the-coast::before { content: ""; } .fa-square-viadeo::before, .fa-viadeo-square::before { content: ""; } .fa-meetup::before { content: ""; } .fa-centos::before { content: ""; } .fa-adn::before { content: ""; } .fa-cloudsmith::before { content: ""; } .fa-opensuse::before { content: ""; } .fa-pied-piper-alt::before { content: ""; } .fa-dribbble-square::before, .fa-square-dribbble::before { content: ""; } .fa-codiepie::before { content: ""; } .fa-node::before { content: ""; } .fa-mix::before { content: ""; } .fa-steam::before { content: ""; } .fa-cc-apple-pay::before { content: ""; } .fa-scribd::before { content: ""; } .fa-debian::before { content: ""; } .fa-openid::before { content: ""; } .fa-instalod::before { content: ""; } .fa-expeditedssl::before { content: ""; } .fa-sellcast::before { content: ""; } .fa-square-twitter::before, .fa-twitter-square::before { content: ""; } .fa-r-project::before { content: ""; } .fa-delicious::before { content: ""; } .fa-freebsd::before { content: ""; } .fa-vuejs::before { content: ""; } .fa-accusoft::before { content: ""; } .fa-ioxhost::before { content: ""; } .fa-fonticons-fi::before { content: ""; } .fa-app-store::before { content: ""; } .fa-cc-mastercard::before { content: ""; } .fa-itunes-note::before { content: ""; } .fa-golang::before { content: ""; } .fa-kickstarter::before { content: ""; } .fa-grav::before { content: ""; } .fa-weibo::before { content: ""; } .fa-uncharted::before { content: ""; } .fa-firstdraft::before { content: ""; } .fa-square-youtube::before, .fa-youtube-square::before { content: ""; } .fa-wikipedia-w::before { content: ""; } .fa-rendact::before, .fa-wpressr::before { content: ""; } .fa-angellist::before { content: ""; } .fa-galactic-republic::before { content: ""; } .fa-nfc-directional::before { content: ""; } .fa-skype::before { content: ""; } .fa-joget::before { content: ""; } .fa-fedora::before { content: ""; } .fa-stripe-s::before { content: ""; } .fa-meta::before { content: ""; } .fa-laravel::before { content: ""; } .fa-hotjar::before { content: ""; } .fa-bluetooth-b::before { content: ""; } .fa-square-letterboxd::before { content: ""; } .fa-sticker-mule::before { content: ""; } .fa-creative-commons-zero::before { content: ""; } .fa-hips::before { content: ""; } .fa-behance::before { content: ""; } .fa-reddit::before { content: ""; } .fa-discord::before { content: ""; } .fa-chrome::before { content: ""; } .fa-app-store-ios::before { content: ""; } .fa-cc-discover::before { content: ""; } .fa-wpbeginner::before { content: ""; } .fa-confluence::before { content: ""; } .fa-shoelace::before { content: ""; } .fa-mdb::before { content: ""; } .fa-dochub::before { content: ""; } .fa-accessible-icon::before { content: ""; } .fa-ebay::before { content: ""; } .fa-amazon::before { content: ""; } .fa-unsplash::before { content: ""; } .fa-yarn::before { content: ""; } .fa-square-steam::before, .fa-steam-square::before { content: ""; } .fa-500px::before { content: ""; } .fa-square-vimeo::before, .fa-vimeo-square::before { content: ""; } .fa-asymmetrik::before { content: ""; } .fa-font-awesome-flag::before, .fa-font-awesome-logo-full::before, .fa-font-awesome::before { content: ""; } .fa-gratipay::before { content: ""; } .fa-apple::before { content: ""; } .fa-hive::before { content: ""; } .fa-gitkraken::before { content: ""; } .fa-keybase::before { content: ""; } .fa-apple-pay::before { content: ""; } .fa-padlet::before { content: ""; } .fa-amazon-pay::before { content: ""; } .fa-github-square::before, .fa-square-github::before { content: ""; } .fa-stumbleupon::before { content: ""; } .fa-fedex::before { content: ""; } .fa-phoenix-framework::before { content: ""; } .fa-shopify::before { content: ""; } .fa-neos::before { content: ""; } .fa-square-threads::before { content: ""; } .fa-hackerrank::before { content: ""; } .fa-researchgate::before { content: ""; } .fa-swift::before { content: ""; } .fa-angular::before { content: ""; } .fa-speakap::before { content: ""; } .fa-angrycreative::before { content: ""; } .fa-y-combinator::before { content: ""; } .fa-empire::before { content: ""; } .fa-envira::before { content: ""; } .fa-google-scholar::before { content: ""; } .fa-gitlab-square::before, .fa-square-gitlab::before { content: ""; } .fa-studiovinari::before { content: ""; } .fa-pied-piper::before { content: ""; } .fa-wordpress::before { content: ""; } .fa-product-hunt::before { content: ""; } .fa-firefox::before { content: ""; } .fa-linode::before { content: ""; } .fa-goodreads::before { content: ""; } .fa-odnoklassniki-square::before, .fa-square-odnoklassniki::before { content: ""; } .fa-jsfiddle::before { content: ""; } .fa-sith::before { content: ""; } .fa-themeisle::before { content: ""; } .fa-page4::before { content: ""; } .fa-hashnode::before { content: ""; } .fa-react::before { content: ""; } .fa-cc-paypal::before { content: ""; } .fa-squarespace::before { content: ""; } .fa-cc-stripe::before { content: ""; } .fa-creative-commons-share::before { content: ""; } .fa-bitcoin::before { content: ""; } .fa-keycdn::before { content: ""; } .fa-opera::before { content: ""; } .fa-itch-io::before { content: ""; } .fa-umbraco::before { content: ""; } .fa-galactic-senate::before { content: ""; } .fa-ubuntu::before { content: ""; } .fa-draft2digital::before { content: ""; } .fa-stripe::before { content: ""; } .fa-houzz::before { content: ""; } .fa-gg::before { content: ""; } .fa-dhl::before { content: ""; } .fa-pinterest-square::before, .fa-square-pinterest::before { content: ""; } .fa-xing::before { content: ""; } .fa-blackberry::before { content: ""; } .fa-creative-commons-pd::before { content: ""; } .fa-playstation::before { content: ""; } .fa-quinscape::before { content: ""; } .fa-less::before { content: ""; } .fa-blogger-b::before { content: ""; } .fa-opencart::before { content: ""; } .fa-vine::before { content: ""; } .fa-signal-messenger::before { content: ""; } .fa-paypal::before { content: ""; } .fa-gitlab::before { content: ""; } .fa-typo3::before { content: ""; } .fa-reddit-alien::before { content: ""; } .fa-yahoo::before { content: ""; } .fa-dailymotion::before { content: ""; } .fa-affiliatetheme::before { content: ""; } .fa-pied-piper-pp::before { content: ""; } .fa-bootstrap::before { content: ""; } .fa-odnoklassniki::before { content: ""; } .fa-nfc-symbol::before { content: ""; } .fa-mintbit::before { content: ""; } .fa-ethereum::before { content: ""; } .fa-speaker-deck::before { content: ""; } .fa-creative-commons-nc-eu::before { content: ""; } .fa-patreon::before { content: ""; } .fa-avianex::before { content: ""; } .fa-ello::before { content: ""; } .fa-gofore::before { content: ""; } .fa-bimobject::before { content: ""; } .fa-brave-reverse::before { content: ""; } .fa-facebook-f::before { content: ""; } .fa-google-plus-square::before, .fa-square-google-plus::before { content: ""; } .fa-mandalorian::before { content: ""; } .fa-first-order-alt::before { content: ""; } .fa-osi::before { content: ""; } .fa-google-wallet::before { content: ""; } .fa-d-and-d-beyond::before { content: ""; } .fa-periscope::before { content: ""; } .fa-fulcrum::before { content: ""; } .fa-cloudscale::before { content: ""; } .fa-forumbee::before { content: ""; } .fa-mizuni::before { content: ""; } .fa-schlix::before { content: ""; } .fa-square-xing::before, .fa-xing-square::before { content: ""; } .fa-bandcamp::before { content: ""; } .fa-wpforms::before { content: ""; } .fa-cloudversify::before { content: ""; } .fa-usps::before { content: ""; } .fa-megaport::before { content: ""; } .fa-magento::before { content: ""; } .fa-spotify::before { content: ""; } .fa-optin-monster::before { content: ""; } .fa-fly::before { content: ""; } .fa-aviato::before { content: ""; } .fa-itunes::before { content: ""; } .fa-cuttlefish::before { content: ""; } .fa-blogger::before { content: ""; } .fa-flickr::before { content: ""; } .fa-viber::before { content: ""; } .fa-soundcloud::before { content: ""; } .fa-digg::before { content: ""; } .fa-tencent-weibo::before { content: ""; } .fa-letterboxd::before { content: ""; } .fa-symfony::before { content: ""; } .fa-maxcdn::before { content: ""; } .fa-etsy::before { content: ""; } .fa-facebook-messenger::before { content: ""; } .fa-audible::before { content: ""; } .fa-think-peaks::before { content: ""; } .fa-bilibili::before { content: ""; } .fa-erlang::before { content: ""; } .fa-x-twitter::before { content: ""; } .fa-cotton-bureau::before { content: ""; } .fa-dashcube::before { content: ""; } .fa-42-group::before, .fa-innosoft::before { content: ""; } .fa-stack-exchange::before { content: ""; } .fa-elementor::before { content: ""; } .fa-pied-piper-square::before, .fa-square-pied-piper::before { content: ""; } .fa-creative-commons-nd::before { content: ""; } .fa-palfed::before { content: ""; } .fa-superpowers::before { content: ""; } .fa-resolving::before { content: ""; } .fa-xbox::before { content: ""; } .fa-searchengin::before { content: ""; } .fa-tiktok::before { content: ""; } .fa-facebook-square::before, .fa-square-facebook::before { content: ""; } .fa-renren::before { content: ""; } .fa-linux::before { content: ""; } .fa-glide::before { content: ""; } .fa-linkedin::before { content: ""; } .fa-hubspot::before { content: ""; } .fa-deploydog::before { content: ""; } .fa-twitch::before { content: ""; } .fa-ravelry::before { content: ""; } .fa-mixer::before { content: ""; } .fa-lastfm-square::before, .fa-square-lastfm::before { content: ""; } .fa-vimeo::before { content: ""; } .fa-mendeley::before { content: ""; } .fa-uniregistry::before { content: ""; } .fa-figma::before { content: ""; } .fa-creative-commons-remix::before { content: ""; } .fa-cc-amazon-pay::before { content: ""; } .fa-dropbox::before { content: ""; } .fa-instagram::before { content: ""; } .fa-cmplid::before { content: ""; } .fa-upwork::before { content: ""; } .fa-facebook::before { content: ""; } .fa-gripfire::before { content: ""; } .fa-jedi-order::before { content: ""; } .fa-uikit::before { content: ""; } .fa-fort-awesome-alt::before { content: ""; } .fa-phabricator::before { content: ""; } .fa-ussunnah::before { content: ""; } .fa-earlybirds::before { content: ""; } .fa-trade-federation::before { content: ""; } .fa-autoprefixer::before { content: ""; } .fa-whatsapp::before { content: ""; } .fa-slideshare::before { content: ""; } .fa-google-play::before { content: ""; } .fa-viadeo::before { content: ""; } .fa-line::before { content: ""; } .fa-google-drive::before { content: ""; } .fa-servicestack::before { content: ""; } .fa-simplybuilt::before { content: ""; } .fa-bitbucket::before { content: ""; } .fa-imdb::before { content: ""; } .fa-deezer::before { content: ""; } .fa-raspberry-pi::before { content: ""; } .fa-jira::before { content: ""; } .fa-docker::before { content: ""; } .fa-screenpal::before { content: ""; } .fa-bluetooth::before { content: ""; } .fa-gitter::before { content: ""; } .fa-d-and-d::before { content: ""; } .fa-microblog::before { content: ""; } .fa-cc-diners-club::before { content: ""; } .fa-gg-circle::before { content: ""; } .fa-pied-piper-hat::before { content: ""; } .fa-kickstarter-k::before { content: ""; } .fa-yandex::before { content: ""; } .fa-readme::before { content: ""; } .fa-html5::before { content: ""; } .fa-sellsy::before { content: ""; } .fa-sass::before { content: ""; } .fa-wirsindhandwerk::before, .fa-wsh::before { content: ""; } .fa-buromobelexperte::before { content: ""; } .fa-salesforce::before { content: ""; } .fa-octopus-deploy::before { content: ""; } .fa-medapps::before { content: ""; } .fa-ns8::before { content: ""; } .fa-pinterest-p::before { content: ""; } .fa-apper::before { content: ""; } .fa-fort-awesome::before { content: ""; } .fa-waze::before { content: ""; } .fa-cc-jcb::before { content: ""; } .fa-snapchat-ghost::before, .fa-snapchat::before { content: ""; } .fa-fantasy-flight-games::before { content: ""; } .fa-rust::before { content: ""; } .fa-wix::before { content: ""; } .fa-behance-square::before, .fa-square-behance::before { content: ""; } .fa-supple::before { content: ""; } .fa-webflow::before { content: ""; } .fa-rebel::before { content: ""; } .fa-css3::before { content: ""; } .fa-staylinked::before { content: ""; } .fa-kaggle::before { content: ""; } .fa-space-awesome::before { content: ""; } .fa-deviantart::before { content: ""; } .fa-cpanel::before { content: ""; } .fa-goodreads-g::before { content: ""; } .fa-git-square::before, .fa-square-git::before { content: ""; } .fa-square-tumblr::before, .fa-tumblr-square::before { content: ""; } .fa-trello::before { content: ""; } .fa-creative-commons-nc-jp::before { content: ""; } .fa-get-pocket::before { content: ""; } .fa-perbyte::before { content: ""; } .fa-grunt::before { content: ""; } .fa-weebly::before { content: ""; } .fa-connectdevelop::before { content: ""; } .fa-leanpub::before { content: ""; } .fa-black-tie::before { content: ""; } .fa-themeco::before { content: ""; } .fa-python::before { content: ""; } .fa-android::before { content: ""; } .fa-bots::before { content: ""; } .fa-free-code-camp::before { content: ""; } .fa-hornbill::before { content: ""; } .fa-js::before { content: ""; } .fa-ideal::before { content: ""; } .fa-git::before { content: ""; } .fa-dev::before { content: ""; } .fa-sketch::before { content: ""; } .fa-yandex-international::before { content: ""; } .fa-cc-amex::before { content: ""; } .fa-uber::before { content: ""; } .fa-github::before { content: ""; } .fa-php::before { content: ""; } .fa-alipay::before { content: ""; } .fa-youtube::before { content: ""; } .fa-skyatlas::before { content: ""; } .fa-firefox-browser::before { content: ""; } .fa-replyd::before { content: ""; } .fa-suse::before { content: ""; } .fa-jenkins::before { content: ""; } .fa-twitter::before { content: ""; } .fa-rockrms::before { content: ""; } .fa-pinterest::before { content: ""; } .fa-buffer::before { content: ""; } .fa-npm::before { content: ""; } .fa-yammer::before { content: ""; } .fa-btc::before { content: ""; } .fa-dribbble::before { content: ""; } .fa-stumbleupon-circle::before { content: ""; } .fa-internet-explorer::before { content: ""; } .fa-stubber::before { content: ""; } .fa-telegram-plane::before, .fa-telegram::before { content: ""; } .fa-old-republic::before { content: ""; } .fa-odysee::before { content: ""; } .fa-square-whatsapp::before, .fa-whatsapp-square::before { content: ""; } .fa-node-js::before { content: ""; } .fa-edge-legacy::before { content: ""; } .fa-slack-hash::before, .fa-slack::before { content: ""; } .fa-medrt::before { content: ""; } .fa-usb::before { content: ""; } .fa-tumblr::before { content: ""; } .fa-vaadin::before { content: ""; } .fa-quora::before { content: ""; } .fa-square-x-twitter::before { content: ""; } .fa-reacteurope::before { content: ""; } .fa-medium-m::before, .fa-medium::before { content: ""; } .fa-amilia::before { content: ""; } .fa-mixcloud::before { content: ""; } .fa-flipboard::before { content: ""; } .fa-viacoin::before { content: ""; } .fa-critical-role::before { content: ""; } .fa-sitrox::before { content: ""; } .fa-discourse::before { content: ""; } .fa-joomla::before { content: ""; } .fa-mastodon::before { content: ""; } .fa-airbnb::before { content: ""; } .fa-wolf-pack-battalion::before { content: ""; } .fa-buy-n-large::before { content: ""; } .fa-gulp::before { content: ""; } .fa-creative-commons-sampling-plus::before { content: ""; } .fa-strava::before { content: ""; } .fa-ember::before { content: ""; } .fa-canadian-maple-leaf::before { content: ""; } .fa-teamspeak::before { content: ""; } .fa-pushed::before { content: ""; } .fa-wordpress-simple::before { content: ""; } .fa-nutritionix::before { content: ""; } .fa-wodu::before { content: ""; } .fa-google-pay::before { content: ""; } .fa-intercom::before { content: ""; } .fa-zhihu::before { content: ""; } .fa-korvue::before { content: ""; } .fa-pix::before { content: ""; } .fa-steam-symbol::before { content: ""; } :host, :root { --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 400; font-display: block; src: url("") format("woff2"), url("") format("truetype"); } .fa-regular, .far { font-weight: 400; } :host, :root { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("") format("woff2"), url("") format("truetype"); } .fa-solid, .fas { font-weight: 900; } @font-face { font-family: "Font Awesome 5 Brands"; font-display: block; font-weight: 400; src: url("") format("woff2"), url("") format("truetype"); } @font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 900; src: url("") format("woff2"), url("") format("truetype"); } @font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 400; src: url("") format("woff2"), url("") format("truetype"); } @font-face { font-family: FontAwesome; font-display: block; src: url("") format("woff2"), url("") format("truetype"); } @font-face { font-family: FontAwesome; font-display: block; src: url("") format("woff2"), url("") format("truetype"); } @font-face { font-family: FontAwesome; font-display: block; src: url("") format("woff2"), url("") format("truetype"); unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC; } @font-face { font-family: FontAwesome; font-display: block; src: url("") format("woff2"), url("") format("truetype"); unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } .top.ad, [href="https://ourgoldguy.com/contact/"] img, a[href^="https://datingoffers30.info/"] { display: none !important; } (cache)M-line clubオフィシャルファンクラブオフィシャルWEBサイト

HELLO!PROJECT

入会案内

入会のご案内

Sato Masaki 佐藤優樹

佐藤優樹

object

ARTIST アーティスト

保田圭

保田圭

矢口真里

矢口真里

石川梨華

石川梨華

object

object

重要なお知らせ

object

object

イベントバナー

NEWS お知らせ

view more矢印

オブジェクト

FANCLUB 会員限定ニュース

入会案内

  • twitter
  • youtube

pagetop