/* --------------------------------------------------
Company
-------------------------------------------------- */
body #wrapper #content { min-width: 285px; width: 76%; margin: 0 auto; }
body #wrapper #content .user-info { margin: 0 0 35px; }
body #wrapper #content .user-info .user-info-main { letter-spacing: .05em; }
body #wrapper #content .user-info .user-info-main .imagearea { width: 105px; }
body #wrapper #content .user-info .user-info-main .imagearea .inner { position: relative; width: 100%; padding: 123.8% 0 0; float: left; margin: 0 15px 0 0; }
body #wrapper #content .user-info .user-info-main .textarea .text-top { position: relative; }
body #wrapper #content .user-info .user-info-main .textarea .text-top .rank, body #wrapper #content .user-info .user-info-main .textarea .text-top h4, body #wrapper #content .user-info .user-info-main .textarea .text-top .en, body #wrapper #content .user-info .user-info-main .textarea .text-top .message { width: calc(100% - 120px); float: left; }
body #wrapper #content .user-info .user-info-main .textarea .text-top .rank { font-size: 1.8rem; margin: 0 0 10px; }
body #wrapper #content .user-info .user-info-main .textarea .text-top h4 { font-size: 3.7rem; margin: 0 0 3px; }
body #wrapper #content .user-info .user-info-main .textarea .text-top .en { font-size: 1.8rem; margin: 0 0 5px; }
body #wrapper #content .user-info .user-info-main .textarea .text-top .instagram-icon { position: absolute; top: 20px; right: 10px; }
body #wrapper #content .user-info .user-info-main .textarea .text-top .instagram-icon img { width: 20px; height: 20px; }
body #wrapper #content .user-info .user-info-main .textarea .text-top .message { font-size: 2.4rem; line-height: 1.3; letter-spacing: 0; }
body #wrapper #content .user-info .user-info-main .textarea .text-top::after { display: block; content: ""; clear: both; }
body #wrapper #content .user-info .user-info-main .textarea .text-bottom .birth, body #wrapper #content .user-info .user-info-main .textarea .text-bottom .blood, body #wrapper #content .user-info .user-info-main .textarea .text-bottom .hobby { font-size: 2rem; line-height: 1.5; }
body #wrapper #content .user-info .user-info-main .textarea .text-bottom .sp-row { padding: 15px 0 0; clear: both; }
body #wrapper #content .user-info .user-info-main .textarea .text-bottom .sp-row .birth, body #wrapper #content .user-info .user-info-main .textarea .text-bottom .sp-row .blood { display: inline-block; margin: 0 1em 0 0; }
body #wrapper #content .user-info .user-schedule { margin: 10px 0 0; border: solid 2px #040000; padding: 5px; }
body #wrapper #content .user-info .user-schedule .title { font-size: 1.8rem; letter-spacing: .325em; }
body #wrapper #content .user-info .user-schedule .title span { display: block; font-size: 3.2rem; letter-spacing: .05em; margin: 5px 0 7px; padding: 0 0 8px; border-bottom: solid 1px #040000; }
body #wrapper #content .user-info .user-schedule .schedule-text { font-size: 2.4rem; line-height: 1.375; }
body #wrapper #content .blog .button span { margin: 0 0 5px; letter-spacing: .05em; font-size: 2rem; }
body #wrapper #content .instagram { margin: 55px 0 0; }
body #wrapper #content .instagram h4 { font-size: 4.8rem; letter-spacing: .05em; margin: 0 0 15px; text-align: center; }

@media screen and (max-width: 767px) { body #wrapper #content .instagram #sbi_images { padding: 0 !important; }
  body #wrapper #content .instagram #sbi_images .sbi_item { width: 33%; padding: 2px !important; }
  body #wrapper #content .instagram #sbi_images .sbi_item .sbi_photo_wrap { position: relative; }
  body #wrapper #content .instagram #sbi_images .sbi_item .sbi_photo_wrap a { height: auto !important; padding: 100% 0 0; } }
@media screen and (min-width: 768px) { body #wrapper #content { max-width: 90%; width: 803px; }
  body #wrapper #content .user-info { margin: 0 0 55px; position: relative; }
  body #wrapper #content .user-info .user-info-main { width: 69.2%; letter-spacing: .05em; display: flex; }
  body #wrapper #content .user-info .user-info-main .imagearea { width: 38.1%; }
  body #wrapper #content .user-info .user-info-main .imagearea .inner { padding: 139.7% 0 0; }
  body #wrapper #content .user-info .user-info-main .textarea { width: calc(61.9% - 50px); margin: 0 0 0 20px; display: flex; flex-direction: column; justify-content: space-between; }
  body #wrapper #content .user-info .user-info-main .textarea .text-top .rank, body #wrapper #content .user-info .user-info-main .textarea .text-top h4, body #wrapper #content .user-info .user-info-main .textarea .text-top .en, body #wrapper #content .user-info .user-info-main .textarea .text-top .message { float: none; width: 100%; }
  body #wrapper #content .user-info .user-info-main .textarea .text-top .rank { font-size: 1.5rem; margin: 0 0 20px; }
  body #wrapper #content .user-info .user-info-main .textarea .text-top h4 { margin: 0 0 5px; }
  body #wrapper #content .user-info .user-info-main .textarea .text-top .en { font-size: 1.5rem; margin: 0 0 20px; }
  body #wrapper #content .user-info .user-info-main .textarea .text-top .instagram-icon { top: 35px; right: 20px; }
  body #wrapper #content .user-info .user-info-main .textarea .text-top .instagram-icon img { width: 38px; height: 38px; }
  body #wrapper #content .user-info .user-info-main .textarea .text-top .instagram-icon a { transition: opacity .4s ease 0s; }
  body #wrapper #content .user-info .user-info-main .textarea .text-top .instagram-icon a:hover { opacity: .6; }
  body #wrapper #content .user-info .user-info-main .textarea .text-bottom .message { font-size: 1.5rem; line-height: 1.2; letter-spacing: .05em; }
  body #wrapper #content .user-info .user-info-main .textarea .text-bottom .birth, body #wrapper #content .user-info .user-info-main .textarea .text-bottom .blood, body #wrapper #content .user-info .user-info-main .textarea .text-bottom .hobby { font-size: 1.5rem; letter-spacing: 0; }
  body #wrapper #content .user-info .user-info-main .textarea .text-bottom .sp-row .birth, body #wrapper #content .user-info .user-info-main .textarea .text-bottom .sp-row .blood { display: block; margin: 0; }
  body #wrapper #content .user-info .user-schedule { position: absolute; top: 0; right: 0; height: 100%; overflow: auto; margin: 0; border-width: 3px; padding: 15px; width: 30.8%; box-sizing: border-box; }
  body #wrapper #content .user-info .user-schedule .title { font-size: 1.4rem; }
  body #wrapper #content .user-info .user-schedule .title span { font-size: 2.5rem; margin: 5px 0 10px; padding: 0 0 20px; }
  body #wrapper #content .user-info .user-schedule .schedule-text { font-size: 1.5rem; letter-spacing: .05em; }
  body #wrapper #content .blog .button { width: 100%; max-width: 100%; font-size: 3.8rem; }
  body #wrapper #content .blog .button span { margin: 0 0 10px; font-size: 1.5rem; }
  body #wrapper #content .instagram { margin: 120px 0 0; }
  body #wrapper #content .instagram h4 { font-size: 6rem; margin: 0 0 30px; } }