@charset "utf-8"; .left-box{ width: 66%; float: left; margin-top: 0!important; } .img-right{ float: right; width: 27%; padding-top: 3%; } .purchases-panel { border-top: 1px dotted #d7233b; } @media screen and (min-width:641px) { /* CSS Document */ /*.experiences-panel > .panel-inner { width: 960px; margin: 0 auto; }*/ .favorite-panel > .panel-inner { clear: both; /*margin: 150px auto 0;*/ } .kv-panel .kv-contents { top:316px; } .kv-panel .kv-contents .contents-txt{ width: 395px; margin-left: auto; } .block-experience { position: relative; } .block-experience.pattern-1 { margin-top: 50px; } .block-experience.pattern-1 .block-experience-left { position: absolute; padding-top: 95px; padding-left: 445px; padding-bottom: 123px; right: 0; z-index: -1; } .block-experience.pattern-1 .block-experience-right{ padding-bottom: 171px; } .block-experience.pattern-2 { margin-top: 166px; } .block-experience.pattern-2 .block-experience-left { padding-top: 0px; padding-right: 380px; } .block-experience.pattern-2 .block-experience-left .txt { margin-top: 115px; } .block-experience.pattern-1 .block-experience-right .img { position: absolute; bottom:0; left:-99px; } .block-experience.pattern-intro .block-experience-left { } .block-experience.pattern-2 .block-experience-right { right:-170px; z-index: -1; } .block-experience.pattern-3 .block-experience-right { padding-left: 540px; } .block-experience.pattern-3 .block-experience-left { top:-50px!important; } .block-experience.pattern-3 .block-experience-left .img { margin-left: 0px; margin-top: 50px; } .small-tex{ font-size:12px; line-height: 16px!important; padding-top: 18px; } .block-profile .profile-content .profile-head > * { display: block; } .block-profile .profile-content .profile-head .title img { width: 108px; display: block; } .block-profile .profile-content .profile-head .link { padding-top: 13px; text-align: left; font-weight: bold; letter-spacing: .05em; font-size: 12px; } .favorite-panel .sticky .favorite-left { padding: 0 35px; } .favorite-panel .sticky .favorite-right { width: 349px; } .favorite-panel .sticky .favorite-right .img img{ width: 100%; } } .ClearFix:after{ content:""; clear: both; display: block; } @media screen and (min-width: 641px) and (max-width: 1072px) { .block-experience.pattern-2 .block-experience-left { padding-right: 0; } .block-experience.pattern-3 .block-experience-right { padding-left: 0; } } @media screen and (max-width:640px){ .kv-panel .kv-contents { } .kv-panel .kv-contents .contents-txt{ } .kv-contents .contents-txt .lead { text-align: right; } .kv-contents .contents-txt .title .line { margin-left: auto; } .block-profile .profile-content .profile-head > * { display: block; } .block-profile .profile-content .profile-head .title img { display: block; } .block-profile .profile-content .profile-head .link { padding-top: 13px; text-align: left; font-weight: bold; letter-spacing: .05em; font-size: 12px;padding-left: 0; } .block-experience.pattern-1 { padding-bottom: 43px; border-bottom: 1px solid #e5e5e5; } .block-experience.pattern-1 .block-experience-left .txt{ padding-top: 5%; } .block-experience.pattern-2{ border-bottom:none; margin-top: 0; padding-bottom: 0; } .block-experience.pattern-2 .block-experience-left { /*padding-top: 10%;*/ } .favorite-panel .sticky .favorite-right { border-top: 1px solid #000; } .block-experience.pattern-3 .txt { padding-top: 5%; } .floatbox{ width: 100%; } .img-right img{ width: 100%; } }