/*-------------------------------------------------*/ /*-------------------------------------------------*/ .kv-panel { position: relative; } .kv-panel .kv-contents { position: absolute; bottom: 50px; left: 50%; width: 100%; max-width: 960px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .kv-contents .contents-txt .lead { margin: 0 0 12px; } .kv-contents .contents-txt .lead img { width: 165px; height: auto; } .kv-contents .contents-txt .title { font-family: "Noto Sans Japanese"; font-weight: 700; font-size: 22px; letter-spacing: .12em; margin: 0; } .kv-contents .contents-txt .title .line { display: table; padding: 0 20px 0 15px; background: #fff; color: #000; line-height: 44px; } .kv-contents .contents-txt .title .line.only-sp { display: none; } .kv-contents .contents-txt .title .line.only-pc { display: table; } .kv-contents .contents-txt .title .line:not(:first-child) { margin-top: 12px; } .kv-contents .contents-img { margin-top: 22px; } .kv-img { overflow: hidden; position: relative; height: 600px; } .kv-img img { position: absolute; top: 0; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /*-------------------------------------------------*/ /*-------------------------------------------------*/ .anchors-voice-panel { position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 79px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); background: transparent; } .anchors-voice-panel > .panel-inner { max-width: 960px; height: 100%; margin: 0 auto; padding: 0 15px; } .anchors-voice-panel .list-anchors { height: 100%; } .anchors-voice-panel a.back { position: absolute; top: 50%; left: 0; display: block; padding: 10px 0 10px 36px; font-size: 16px; font-weight: bold; color: #fff; line-height: 1; letter-spacing: .1em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .anchors-voice-panel a.back:after { position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 1px; background: #ffffff; } .anchors-voice-panel a.back:hover { color: #a11225; } .anchors-voice-panel a.back:hover:after { background: #a11225; } .anchors-voice-panel a.back:hover .icn-left img.after { opacity: 1; } .anchors-voice-panel a.back .icn-left { position: absolute; top: 50%; left: 0; overflow: hidden; display: block; width: 22px; height: 10px; -webkit-transform: rotateY(180deg) translateY(-50%); transform: rotateY(180deg) translateY(-50%); } .anchors-voice-panel a.back .icn-left img { position: absolute; top: 0; left: 0; -webkit-transition: opacity .1125s linear; -o-transition: opacity .1125s linear; transition: opacity .1125s linear; } .anchors-voice-panel a.back .icn-left img.before { top: 0; } .anchors-voice-panel a.back .icn-left img.after { top: -10px; opacity: 0; } /*-------------------------------------------------*/ /*-------------------------------------------------*/ .experiences-panel { margin-top: 210px; } .experiences-panel > .panel-inner { max-width: 960px; margin: 0 auto; } .experiences-panel .experiences-img { position: relative; } .experiences-panel .experiences-img .label { position: absolute; top: 228px; right: 20px; margin: 0; padding: 0 20px; font-family: "Noto Sans Japanese"; font-weight: 500; line-height: 53px; color: #fff; font-size: 26px; letter-spacing: .2em; background: #d7233b; white-space: nowrap; } .experiences-panel .sticky { position: relative; top: 110px; width: 420px; padding: 22px 29px 21px; border: 1px solid #9b1224; border-right-width: 4px; background: #d7233b; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; } .experiences-panel .sticky:after { content: ''; position: absolute; left: 5px; right: -4px; bottom: -3px; display: block; height: 3px; background: #9b1224; } .experiences-panel .sticky .point { position: absolute; right: -35px; top: -35px; margin: 0; } .experiences-panel .sticky .point img { width: 90px; height: auto; } .experiences-panel .sticky .sticky-title { position: relative; padding-bottom: 23px; font-size: 16px; font-weight: bold; color: #fff; } .experiences-panel .sticky .sticky-title .sub-title { display: block; margin-bottom: 5px; font-size: 14px; letter-spacing: .04em; } .experiences-panel .sticky .sticky-title p { margin: 0; line-height: 1.7; } .experiences-panel .sticky .sticky-title .wavy { position: absolute; bottom: 0; left: 0; display: block; line-height: 1; } .experiences-panel .sticky .sticky-title .wavy img { vertical-align: bottom; } .experiences-panel .sticky .sticky-txt { margin-top: 19px; font-size: 13px; color: #fff; letter-spacing: .12em; } .experiences-panel .sticky .sticky-txt p { margin: 0; line-height: 1.7; } .block-experience { position: relative; } .block-experience .txt { font-size: 15px; letter-spacing: .14em; } .block-experience .txt p { margin: 0; line-height: 2.2; } .block-experience .txt p:not(:first-child) { margin-top: 17px; } .block-experience .title { font-size: 22px; } .block-experience .title p, .block-experience .title h3 { margin: 0; line-height: 2.5; font-size: inherit; } .block-experience .title span.line { font-family: "Noto Sans Japanese"; font-weight: 500; display: table; padding: 0 18px; line-height: 44px; color: #fff; background: #d7233b; } .block-experience .title span.line:not(:first-child) { margin-top: 12px; } .block-experience .lead { font-family: "Noto Sans Japanese"; font-weight: 700; font-size: 18px; } .block-experience .lead p { margin: 0; line-height: 2.5; } .block-experience.pattern-intro { margin-top: 60px; } .block-experience.pattern-intro .block-experience-left { padding-right: 440px; } .block-experience.pattern-intro .block-experience-right { position: absolute; top: 0; right: 0; } .block-experience.pattern-1 { margin-top: 90px; } .block-experience.pattern-1 .block-experience-left .img { margin-right: -170px; } .block-experience.pattern-1 .block-experience-right { padding-right: 443px; } .block-experience.pattern-1 .block-experience-right .title { height: 260px; } .block-experience.pattern-1 .block-experience-right .txt { margin-top: 50px; } .block-experience.pattern-2 { margin-top: 160px; } .block-experience.pattern-2 .block-experience-left { padding-top: 20px; padding-right: 380px; } .block-experience.pattern-2 .block-experience-left .floatbox { margin-top: 42px; background-color: #fff; } .block-experience.pattern-2 .block-experience-left .floatbox .left-box { width: 100%; padding-top: 60px; padding-right: 60px; padding-bottom: 70px; -webkit-box-sizing: border-box; box-sizing: border-box; } .block-experience.pattern-2 .block-experience-right { position: absolute; top: 0; right: 0; } .block-experience.pattern-3 { margin-top: 100px; padding-bottom: 110px; } .block-experience.pattern-3 .block-experience-left { position: absolute; left: 0; } .block-experience.pattern-3 .block-experience-left .img { margin-left: -170px; } .block-experience.pattern-3 .block-experience-left:first-child { top: 0; z-index: -1; } .block-experience.pattern-3 .block-experience-left:last-child { bottom: 0; } .block-experience.pattern-3 .block-experience-right { padding-left: 433px; } .block-experience.pattern-3 .block-experience-right .title { height: 260px; padding-left: 100px; } .block-experience.pattern-3 .block-experience-right .txt { margin-top: 50px; } .block-experience.pattern-4 { margin-top: 90px; } .block-experience.pattern-4 .block-experience-left .img { margin-left: -170px; } .block-experience.pattern-4 .block-experience-right { position: absolute; top: 196px; right: 0; width: 580px; } .block-experience.pattern-4 .block-experience-right .txt { margin: 0; padding-top: 50px; padding-left: 60px; padding-bottom: 100px; background-color: #FFF; font-size: 15px; letter-spacing: .14em; line-height: 2.2; } /*-------------------------------------------------*/ /*-------------------------------------------------*/ .favorite-panel > .panel-inner { max-width: 960px; margin: 116px auto 0; } .favorite-panel .sticky { position: relative; display: table; width: 100%; border: 1px solid #000; border-right-width: 4px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .favorite-panel .sticky:after { content: ''; display: block; position: absolute; left: 5px; right: -4px; bottom: -3px; height: 3px; background: #000; } .favorite-panel .sticky > * { display: table-cell; vertical-align: middle; } .favorite-panel .sticky .favorite-left { padding: 0 38px; } .favorite-panel .sticky .favorite-left .title p { margin: 0; } .favorite-panel .sticky .favorite-left .txt { margin-top: 22px; font-size: 14px; letter-spacing: .12em; } .favorite-panel .sticky .favorite-left .txt p { margin: 0; line-height: 2; } .favorite-panel .sticky .favorite-right .img img { width: 349px; height: auto; } /*-------------------------------------------------*/ /*-------------------------------------------------*/ .block-profile { display: table; width: 100%; border-left: 1px dotted #000; border-right: 1px dotted #000; -webkit-box-sizing: border-box; box-sizing: border-box; } .block-profile > * { display: table-cell; vertical-align: top; } .block-profile .profile-img { width: 207px; vertical-align: middle; border-right: 1px dotted #000; text-align: center; } .block-profile .profile-content { padding: 0 50px; } .block-profile .profile-content .profile-head { zoom: 1; display: table; width: 100%; padding-bottom: 24px; border-bottom: 1px dotted #000; } .block-profile .profile-content .profile-head:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0; line-height: 0; } .block-profile .profile-content .profile-head > * { display: table-cell; vertical-align: middle; line-height: 1; } .block-profile .profile-content .profile-head .title img { width: 231px; height: auto; } .block-profile .profile-content .profile-head .link { text-align: right; font-weight: bold; letter-spacing: .05em; font-size: 12px; } .block-profile .profile-content .profile-head .link .tit-url { display: inline-block; font-size: 10px; } .block-profile .profile-content .profile-head .link > span:not(:first-child) { margin-top: 8px; } .block-profile .profile-content .profile-head .link > span.label:not(:first-child) { margin-left: 20px; } .block-profile .profile-content .profile-head .link > span.caution { display: block; font-size: 10px; } .block-profile .profile-content .profile-head .link a { position: relative; display: inline-block; padding-left: 18px; } .block-profile .profile-content .profile-head .link a:hover { color: #a11225; } .block-profile .profile-content .profile-head .link a:hover .icn-left img.after { opacity: 1; } .block-profile .profile-content .profile-head .link .icn-left { position: absolute; left: 0; top: 50%; display: block; overflow: hidden; width: 12px; height: 13px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .block-profile .profile-content .profile-head .link .icn-left img { position: absolute; top: 0; left: 0; } .block-profile .profile-content .profile-head .link .icn-left img.before { opacity: 1; } .block-profile .profile-content .profile-head .link .icn-left img.after { top: -13px; opacity: 0; } .block-profile .profile-content .profile-txt { margin-top: 19px; font-size: 13px; letter-spacing: .2em; } .block-profile .profile-content .profile-txt p { margin: 0; line-height: 1.8; } .block-profile .profile-content .profile-txt p .red { color: #f00; } .profile-panel { margin-top: 60px; } .profile-panel > .panel-inner { max-width: 787px; margin: 0 auto; } /*-------------------------------------------------*/ /*-------------------------------------------------*/ .back-panel { margin-top: 130px; } .back-panel > .panel-inner { max-width: 440px; margin: 0 auto; } .back-panel .btn { position: relative; text-align: center; } .back-panel .btn .icn-right { position: absolute; top: 50%; left: 25px; overflow: hidden; display: block; width: 22px; height: 8px; -webkit-transform: rotateY(180deg) translateY(-50%); transform: rotateY(180deg) translateY(-50%); } /*-------------------------------------------------*/ /*-------------------------------------------------*/ .purchases-panel { margin-top: 120px; } .has-cover { position: relative; } .has-cover:after { position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .period { display: inline-block; margin-right: -.5em; } /*-------------------------------------------------*/ /*-------------------------------------------------*/ @media screen and (min-width: 641px) and (max-width: 1072px) { /*-------------------------------------------------*/ /*-------------------------------------------------*/ .kv-panel .kv-contents { left: 51%; } .kv-panel .kv-contents .contents-txt { padding-right: 15px; } .kv-contents .contents-img img { width: 98%; } .mod-mediaGrid-grid2 { padding: 0 15px; } .block-experience.pattern-intro { padding: 0 15px; } .block-experience.pattern-intro .block-experience-left { width: 50%; padding-right: 0; } .block-experience.pattern-intro .block-experience-right { width: 48%; } .block-experience.pattern-intro .block-experience-right .img img{ width: 100%; } .block-experience.pattern-2 { padding-left: 15px; } .block-experience .title { font-size: 16px; } .block-experience .txt { font-size: 14px; } .block-experience.pattern-2 .block-experience-left { width: 60%; } .block-experience.pattern-2 .block-experience-left .floatbox .left-box { padding-top: 35px; padding-right: 25px; padding-bottom: 110px;} .block-experience.pattern-3 .block-experience-left { position: static; } .block-experience.pattern-3 .block-experience-left .img { width: 100%; } .block-experience.pattern-3 .block-experience-left .img img { width: 100%; } .experiences-panel .sticky { top: auto; width: 97%; margin: 25px auto; } .experiences-panel .sticky .point { right: -15px; top: -35px; } .experiences-panel .sticky .point img { width: 67px; } .block-experience.pattern-4 .block-experience-right { width: 50%; } .block-experience.pattern-4 .block-experience-right .txt { padding: 40px 15px 100px 40px; } .block-experience.pattern-4 .block-experience-left .img { margin-left: -95px; } .favorite-panel .sticky { width: 97%; margin: auto; } .favorite-panel .sticky .favorite-left { padding: 0 20px; } .favorite-panel .sticky .favorite-left .title p img { width: 100%; } .favorite-panel .sticky .favorite-left .txt { margin-top: 10px; font-size: 12px; letter-spacing: .12em; } .block-profile { width: 97%; margin: auto; } .block-profile .profile-content .profile-head .link > span.label:not(:first-child) { margin-left: 0; } .purchases-panel>.panel-inner { padding: 0 15px; } .purchase .purchase-main .img { position: static; width: 100%; text-align: center; } .purchase .purchase-main .type img { height: 16px; margin: 25px auto; } .purchase .purchase-btns .btn { width: auto; padding: 10px 50px 10px 55px; font-size: 14px; } .block-bnrs .bnr a { width: 95%; height: auto; } .block-bnrs .bnr img.after, .block-bnrs .bnr img.before { position: static; width: 100%; } .block-bnrs .bnr img.after { display: none; } } /*-------------------------------------------------*/ /*-------------------------------------------------*/ @media screen and (max-width: 640px) { /*-------------------------------------------------*/ /*-------------------------------------------------*/ .kv-panel .kv-contents { bottom: -1em; } .kv-contents .contents-txt { margin: 0 20px; } .kv-contents .contents-txt .lead { margin-bottom: 8px; } .kv-contents .contents-txt .lead img { width: 106px; height: auto; } .kv-contents .contents-txt .title .line { padding: 0 10px; font-size: 14px; letter-spacing: .18em; line-height: 28px; } .kv-contents .contents-txt .title .line.only-pc { display: none; } .kv-contents .contents-txt .title .line.only-sp { display: table; } .kv-contents .contents-txt .title .line:not(:first-child) { margin-top: 7px; } .kv-img { height: auto; } .kv-img img { position: static; min-width: 0; min-height: 0; width: 100%; height: auto; -webkit-transform: none; -ms-transform: none; transform: none; } /*-------------------------------------------------*/ /*-------------------------------------------------*/ .st-backToTopFixed { z-index: 2; } .anchors-voice-panel { height: 58px; -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .anchors-voice-panel.is-fixed { position: fixed; top: 0; left: 0; width: 100%; background: #fff; } .anchors-voice-panel.is-fixed .list-anchors a.back { color: #d7233b; } .anchors-voice-panel.is-fixed .list-anchors a.back:after { background: #d7233b; } .anchors-voice-panel.is-fixed .list-anchors a.back .icn-left img.after { top: -8px; opacity: 1; } .anchors-voice-panel .list-anchors { padding-right: 0; } .anchors-voice-panel .list-anchors a.back { left: 15px; font-size: 12px; padding-left: 27px; padding-top: 8px; padding-bottom: 7px; color: #fff; } .anchors-voice-panel .list-anchors a.back .icn-left { width: 17px; height: 7px; -webkit-transform: rotateY(180deg) translateY(-30%); transform: rotateY(180deg) translateY(-30%); } .anchors-voice-panel .list-anchors a.back .icn-left img { width: 100%; height: auto; } .anchors-voice-panel .list-anchors a.back .icn-left img.after { opacity: 0; } .anchors-voice-panel .list-anchors a.back:after { background: #fff; } .anchors-voice-panel .list-anchors a.btn-cart { right: 15px; width: 118px; font-size: 12px; padding-top: 4px; padding-bottom: 4px; letter-spacing: .06em; font-weight: bold; background: #d7233b; border-color: #d7233b; } .anchors-voice-panel .list-anchors a.btn-cart .label { position: relative; padding-left: 20px; } .anchors-voice-panel .list-anchors a.btn-cart .label .icn-left { position: absolute; top: 50%; left: 0; width: 14px; height: 13px; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); } .anchors-voice-panel .list-anchors a.btn-cart .label .icn-left img { width: 100%; height: auto; } /*-------------------------------------------------*/ /*-------------------------------------------------*/ .bnr-panel { margin: 12.5% 0 40px; padding: 0 10px; } .bnr-panel img { width: 100%; height: auto; } /*-------------------------------------------------*/ /*-------------------------------------------------*/ .experiences-panel { margin-top: 40px; } .experiences-panel .experiences-img img { width: 100%; height: auto; } .experiences-panel .experiences-img .label { top: auto; bottom: -1em; left: 50%; right: auto; margin: 0 auto; padding: 0 10px; font-size: 14px; line-height: 28px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .experiences-panel .sticky { top: 0; width: auto; padding: 15px 18px 25px; } .experiences-panel .sticky .point { top: -25px; right: -14px; } .experiences-panel .sticky .point img { width: 67px; height: auto; } .experiences-panel .sticky .wavy img { width: 245px; height: auto; } .experiences-panel .sticky .sticky-title { padding-bottom: 20px; font-size: 13px; letter-spacing: .2em; } .experiences-panel .sticky .sticky-title p { line-height: 1.8; } .experiences-panel .sticky .sticky-txt { margin-top: 17px; font-size: 11px; letter-spacing: .02em; } .experiences-panel .sticky .sticky-txt p { line-height: 1.8; } .block-experience { padding: 0 15px; } .block-experience .txt { font-size: 12px; letter-spacing: .1em; } .block-experience .txt p { line-height: 2; } .block-experience .txt p:not(:first-child) { margin-top: 7px; } .block-experience .img img { width: 100%; height: auto; } .block-experience .title { font-size: 14px; letter-spacing: .18em; } .block-experience .title span.line { padding: 0 9px; line-height: 28px; } .block-experience .title span.line:not(:first-child) { margin-top: 7px; } .block-experience .lead { font-size: 13px; letter-spacing: .3em; } .block-experience .lead p { line-height: 1.8; } .block-experience.pattern-intro { margin-top: 34px; padding: 0 15px 46px; border-bottom: 1px solid #e5e5e5; } .block-experience.pattern-intro .block-experience-left { padding-right: 0; } .block-experience.pattern-intro .block-experience-right { position: static; margin-top: 33px; } .block-experience.pattern-1 { margin-top: 40px; } .block-experience.pattern-1 .block-experience-left { position: static; } .block-experience.pattern-1 .block-experience-left .img { margin: 0; } .block-experience.pattern-1 .block-experience-right { margin-top: 30px; padding: 0; } .block-experience.pattern-1 .block-experience-right .title { height: auto; } .block-experience.pattern-1 .block-experience-right .txt { margin-top: 28px; } .block-experience.pattern-2 { padding-bottom: 42px; border-bottom: 1px solid #e5e5e5; } .block-experience.pattern-2 .block-experience-left { padding-top: 45px; padding-right: 0; } .block-experience.pattern-2 .block-experience-left .floatbox { margin-top: 26px; } .block-experience.pattern-2 .block-experience-left .floatbox .left-box { padding-top: 0; padding-right: 0; padding-bottom: 0; } .block-experience.pattern-2 .block-experience-left .txt { margin-top: 26px; } .block-experience.pattern-2 .block-experience-right { position: static; margin-top: 30px; } .block-experience.pattern-3 { margin-top: 40px; padding-bottom: 42px; border-bottom: 1px solid #e5e5e5; } .block-experience.pattern-3 .block-experience-left { position: static; margin-top: 30px; } .block-experience.pattern-3 .block-experience-left .img { margin-left: 0; } .block-experience.pattern-3 .block-experience-left .sticky { margin-top: 38px; } .block-experience.pattern-3 .block-experience-right { margin-top: 30px; padding: 0; } .block-experience.pattern-3 .block-experience-right .title { height: auto; padding-left: 0; } .block-experience.pattern-3 .block-experience-right .txt { margin-top: 28px; } .block-experience.pattern-4 { margin-top: 40px; padding-bottom: 42px; border-bottom: 1px solid #e5e5e5; } .block-experience.pattern-4 .block-experience-left { margin-top: 25px; } .block-experience.pattern-4 .block-experience-left .img { margin-left: 0; } .block-experience.pattern-4 .block-experience-right { position: relative; top: 0; right: 0; width: 100%; } .block-experience.pattern-4 .block-experience-right .txt { margin: 0; padding-top: 0; padding-left: 0; padding-bottom: 0; background-color: #FFF; font-size: 12px; letter-spacing: .1em; line-height: 2; } /*-------------------------------------------------*/ /*-------------------------------------------------*/ .favorite-panel > .panel-inner { margin: 44px 15px 0; } .favorite-panel .sticky { display: block; } .favorite-panel .sticky > * { display: block; } .favorite-panel .sticky .favorite-left { padding: 25px 20px; } .favorite-panel .sticky .favorite-left .title { text-align: center; } .favorite-panel .sticky .favorite-left .title img { width: 245px; height: auto; } .favorite-panel .sticky .favorite-left .txt { margin-top: 23px; font-size: 11px; } .favorite-panel .sticky .favorite-left .txt p { line-height: 1.8; } .favorite-panel .sticky .favorite-right { border-top: 1px solid #000; } .favorite-panel .sticky .favorite-right img { width: 100% !important; height: auto; } .profile-panel { margin-top: 40px; } .block-profile { display: block; border: 0; } .block-profile .profile-img { width: 93px; border: 0; } .block-profile .profile-img.only-pc { display: none; } .block-profile .profile-content { margin: 0 15px; padding: 0; } .block-profile .profile-content .profile-head { padding-bottom: 18px; } .block-profile .profile-content .profile-head .title img { width: 73.5px; height: auto; } .block-profile .profile-content .profile-head .link { padding-left: 23px; font-size: 10px; letter-spacing: .05em; } .block-profile .profile-content .profile-head .link a { font-size: 10px; } .block-profile .profile-content .profile-head .link > span.label:not(:first-child) { margin-left: 0; } .block-profile .profile-content .profile-head .link > span.caution { font-size: 8px; } .block-profile .profile-content .profile-head .link .label { display: block; margin-left: 0; } .block-profile .profile-content .profile-head .link .icn-left { width: 11px; height: 11px; } .block-profile .profile-content .profile-head .link .icn-left img { width: 100%; height: auto; } .block-profile .profile-content .profile-txt { position: relative; padding-right: 107px; font-size: 11px; letter-spacing: .1em; } .block-profile .profile-content .profile-txt p { line-height: 1.8; } .block-profile .profile-content .profile-txt p .slash { display: none; } .block-profile .profile-content .profile-txt .profile-img { position: absolute; top: 0; right: 0; } .block-profile .profile-content .profile-txt .profile-img img { width: 81px; height: auto; } .block-profile .profile-img, .block-profile .profile-content { display: block; } /*-------------------------------------------------*/ /*-------------------------------------------------*/ .back-panel { margin: 48px 15px 0; } .back-panel .btn { width: 100%; padding-top: 15px; padding-bottom: 15px; background: #d7233b; border-color: #d7233b; font-size: 12px; letter-spacing: .1em; } .back-panel .btn .icn-right { left: 15px; width: 17px; height: 7px; } .back-panel .btn .icn-right img { width: 100%; height: auto; } /*-------------------------------------------------*/ /*-------------------------------------------------*/ .purchases-panel { margin-top: 50px; } }