@charset "UTF-8";
/*
Theme Name: 高橋優テーマ1.0
Theme URI: http://www.takahashiyu.com/
Description: 高橋優オリジナルテーマ
Version: 1.0
*/
/*--------------------------
SETTING
--------------------------*/
* {
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  line-height: 1.6;
  font-size: 12px;
  position: relative;
  background-color: #fff; }

body, select, input, textarea {
  color: #000; }

a:link {
  color: #000;
  text-decoration: underline; }

a:hover {
  color: #F00;
  text-decoration: none; }

a:visited {
  color: #000; }

img {
  width: auto;
  height: auto;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

/*--------------------------
SETTING
--------------------------*/
.container {
  width: 900px;
  margin: auto;
  padding-top: 10px;
  position: relative; }

.alignleft {
  clear: both;
  float: left;
  margin-right: 20px; }

.alignright {
  clear: both;
  float: right;
  margin-left: 20px; }

.aligncenter {
  clear: both;
  display: block;
  margin: auto; }

.size-thumbnail {
  max-width: 280px; }

.size-medium {
  max-width: 420px; }

.size-large {
  max-width: 880px; }

.size-full {
  width: auto; }

.attachment img {
  max-width: 880px;
  margin: auto;
  display: block; }

.admin-bar {
  padding-top: 45px; }

/*--------------------------
HEADER
--------------------------*/
#header {
  margin-top: 30px;
  position: relative; }
  #header ol, #header ul {
    margin: 0;
    padding: 0; }
    #header ol li, #header ul li {
      list-style: none; }
  #header a {
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
    display: block;
    height: 0; }
  #header .logo {
    width: 615px;
    float: left;
    position: relative;
    height: 120px; }
    #header .logo h1 {
      position: absolute;
      top: -12px;
      left: 0;
      width: 250px; }
      #header .logo h1 a {
        background-image: url(images/logo.png);
        padding-top: 120px; }
    #header .logo .desc {
      background-image: url(images/dec.png);
      background-repeat: no-repeat;
      display: block;
      overflow: hidden;
      width: 340px;
      height: 0;
      padding-top: 25px;
      position: absolute;
      bottom: 5px;
      right: 0; }
  #header .scrollbar-outer {
    position: absolute;
    top: 20px;
    left: 275px;
    height: 98px;
    overflow: hidden;
    width: 628px;
    border-left: 1px solid #000; }
    #header .scrollbar-outer .scroll-content {
      left: 0;
      top: 0; }
    #header .scrollbar-outer .scroll-scrolly_visible {
      margin-left: 0 !important; }
    #header .scrollbar-outer .news_inner {
      display: table;
      margin-right: 10px; }
      #header .scrollbar-outer .news_inner p {
        display: table-row; }
        #header .scrollbar-outer .news_inner p time,
        #header .scrollbar-outer .news_inner p span {
          display: table-cell; }
          #header .scrollbar-outer .news_inner p time a,
          #header .scrollbar-outer .news_inner p span a {
            height: auto;
            display: inline; }
        #header .scrollbar-outer .news_inner p time {
          padding-left: 10px;
          padding-right: 5px; }
        #header .scrollbar-outer .news_inner p span {
          padding-left: 10px;
          padding-right: 5px; }
  #header .account {
    width: 250px;
    float: right;
    position: absolute;
    top: -31px;
    right: 0; }
    #header .account ul {
      display: table;
      height: 45px; }
      #header .account ul li {
        vertical-align: bottom;
        display: table-cell; }
        #header .account ul li a:hover {
          background-position: 0 100%; }

      #header .account ul .nav.line {
        padding-right: 10px; }
        #header .account ul .nav.line a {
          background-image: url(images/nav0.gif);
          width: 19px;
          padding-top: 19px; }

      #header .account ul .nav.facebook {
        padding-right: 10px; }
        #header .account ul .nav.facebook a {
          background-image: url(images/nav1.png);
          width: 19px;
          padding-top: 19px; }

      #header .account ul .nav.youtube {
        padding-right: 10px; }
        #header .account ul .nav.youtube a {
          background-image: url(images/nav2.png);
          width: 49px;
          padding-top: 20px; }
      #header .account ul .nav.tw-yu a {
        background-image: url(images/nav3.png);
        width: 53px;
        padding-top: 44px; }
      #header .account ul .nav.tw-staff a {
        background-image: url(images/nav4.png);
        width: 58px;
        padding-top: 44px; }
      #header .account ul .nav.itunes a {
        background-image: url(images/nav5.png);
        width: 48px;
        padding-top: 13px; }
  #header .gnav {
    padding-top: 8px;
    clear: both;
    position: relative; }
    #header .gnav ul {
      overflow: hidden; }
      #header .gnav ul li {
        float: left;
        margin-right: 22px; }
        #header .gnav ul li a {
          padding-top: 12px; }
      #header .gnav ul .nav1 a {
        width: 44px;
        background-image: url(images/header_navi01_off.png); }
      #header .gnav ul .nav1 a:hover {
        background-image: url(images/header_navi01_on.png); }
      #header .gnav ul .nav2 a {
        width: 37px;
        background-image: url(images/header_navi02_off.png); }
      #header .gnav ul .nav2 a:hover {
        background-image: url(images/header_navi02_on.png); }
      #header .gnav ul .nav3 a {
        width: 52px;
        background-image: url(images/header_navi03_off.png); }
      #header .gnav ul .nav3 a:hover {
        background-image: url(images/header_navi03_on.png); }
      #header .gnav ul .nav4 a {
        width: 112px;
        background-image: url(images/header_navi04_off.png); }
      #header .gnav ul .nav4 a:hover {
        background-image: url(images/header_navi04_on.png); }
      #header .gnav ul .nav5 a {
        width: 67px;
        background-image: url(images/header_navi05_off.png); }
      #header .gnav ul .nav5 a:hover {
        background-image: url(images/header_navi05_on.png); }
      #header .gnav ul .nav6 a {
        width: 49px;
        background-image: url(images/header_navi06_off.png); }
      #header .gnav ul .nav6 a:hover {
        background-image: url(images/header_navi06_on.png); }
      #header .gnav ul .nav7 a {
        width: 67px;
        background-image: url(images/header_navi08_off.png); }
      #header .gnav ul .nav7 a:hover {
        background-image: url(images/header_navi08_on.png); }
      #header .gnav ul .nav8 a {
        width: 121px;
        background-image: url(images/header_navi07_off.png); }
      #header .gnav ul .nav8 a:hover {
        background-image: url(images/header_navi07_on.png); }
    #header .gnav object {
      position: absolute;
      bottom: 0;
      right: 0; }

/*--------------------------
CONTENT
--------------------------*/
#content {
  margin-top: 35px; }
  #content section {
    overflow: hidden; }
    #content section .page-ttl {
      font-size: 0;
      padding-bottom: 15px; }
    #content section .col .block .block-ttl {
      font-size: 0;
      padding-bottom: 20px; }
    #content section .col .block .post {
      padding-top: 20px;
      border-top-width: 1px;
      border-top-style: dotted;
      border-top-color: #666;
      overflow: hidden; }
      #content section .col .block .post figure {
        margin-left: 0;
        margin-right: 0;
        display: table; }
        #content section .col .block .post figure figcaption {
          color: #000;
          padding: 5px;
          text-align: center; }
      #content section .col .block .post .thumb {
        margin-top: -10px;
        float: left;
        width: 162px;
        padding-right: 20px; }
        #content section .col .block .post .thumb figure img {
          width: 100%; }
      #content section .col .block .post h2 {
        font-size: 14px;
        display: inline-block; }
      #content section .col .block .post .new {
        font-size: 14px;
        font-weight: bold;
        color: #F00;
        display: inline-block;
        margin-left: 5px; }
      #content section .col .block .post time {
        display: inline-block;
        margin-left: 10px; }
      #content section .col .block .post .article-body {
        overflow: hidden; }
        #content section .col .block .post .article-body h3, #content section .col .block .post .article-body h4, #content section .col .block .post .article-body h5, #content section .col .block .post .article-body h6 {
          clear: both; }
        #content section .col .block .post .article-body p, #content section .col .block .post .article-body ul, #content section .col .block .post .article-body ol, #content section .col .block .post .article-body figure, #content section .col .block .post .article-body table {
          margin-top: 20px;
          margin-bottom: 20px; }
        #content section .col .block .post .article-body ul, #content section .col .block .post .article-body ol {
          padding-left: 20px; }
        #content section .col .block .post .article-body h3 {
          margin-top: 20px;
          font-size: 14px; }
          #content section .col .block .post .article-body h3 + p, #content section .col .block .post .article-body h3 + ul, #content section .col .block .post .article-body h3 + ol {
            margin-top: 0; }
        #content section .col .block .post .article-body h4 {
          font-size: 13px; }
          #content section .col .block .post .article-body h4 + p, #content section .col .block .post .article-body h4 + table {
            margin-top: 0; }
        #content section .col .block .post .article-body p + h3, #content section .col .block .post .article-body ul + h3, #content section .col .block .post .article-body ol + h3 {
          margin-top: 20px;
          margin-bottom: 5px; }
        #content section .col .block .post .article-body table {
          width: 100%;
          text-align: left; }
          #content section .col .block .post .article-body table + h4 {
            margin-top: 20px; }
          #content section .col .block .post .article-body table tbody tr th, #content section .col .block .post .article-body table tbody tr td, #content section .col .block .post .article-body table thead tr th, #content section .col .block .post .article-body table thead tr td {
            padding: 10px;
            vertical-align: top;
            border: 1px solid #ddd; }
          #content section .col .block .post .article-body table tbody tr th, #content section .col .block .post .article-body table thead tr th {
            width: 10%;
            background-color: #F9F9F9; }
        #content section .col .block .post .article-body .wp-caption {
          margin-top: 20px;
          margin-bottom: 20px;
          background-color: #F9F9F9;
          display: table !important;
          border: 1px solid #ddd;
          padding: 10px; }
          #content section .col .block .post .article-body .wp-caption img {
            border: 1px solid #ddd; }
          #content section .col .block .post .article-body .wp-caption + p, #content section .col .block .post .article-body .wp-caption h3, #content section .col .block .post .article-body .wp-caption ol, #content section .col .block .post .article-body .wp-caption ul, #content section .col .block .post .article-body .wp-caption table {
            margin-top: 0; }
        #content section .col .block .post .article-body .wp-caption-text {
          text-align: center;
          font-size: 1.2rem;
          color: #999;
          margin: 10px 0 0; }
    #content section .col .block .totop {
      border-top-width: 1px;
      border-top-style: dotted;
      border-top-color: #666;
      text-align: right; }
    #content section .col .block .pagenav {
      text-align: center;
      padding: 20px; }
    #content section .col .block:first-child {
      margin-top: 0; }
    #content section .col .page-body .profile-txt {
      font-size: 1.7rem;
      font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif; }
    #content section .single .block .post {
      padding-left: 40px;
      padding-right: 40px;
      border-top-width: 0px;
      border-top-style: dotted;
      border-top-color: #666; }
      #content section .single .block .post .article-body {
        padding-left: 40px;
        padding-right: 40px; }
        #content section .single .block .post .article-body .gallery {
          width: 750px;
          clear: both;
          overflow: hidden;
          margin: 10px -10px 10px 0; }
          #content section .single .block .post .article-body .gallery figure {
            margin: 0; }
          #content section .single .block .post .article-body .gallery .landscape {
            display: table !important;
            background-color: #333; }
            #content section .single .block .post .article-body .gallery .landscape a {
              display: table-cell;
              vertical-align: middle; }
            #content section .single .block .post .article-body .gallery .landscape img {
              width: 100%;
              vertical-align: middle; }
          #content section .single .block .post .article-body .gallery .gallery-item {
            background-color: #F9F9F9;
            display: table !important;
            border: 1px solid #ddd;
            padding: 10px;
            margin-top: 10px !important;
            margin-bottom: 10px !important;
            float: left; }
          #content section .single .block .post .article-body .gallery + p, #content section .single .block .post .article-body .gallery h3, #content section .single .block .post .article-body .gallery ol, #content section .single .block .post .article-body .gallery ul, #content section .single .block .post .article-body .gallery table {
            margin-top: 0; }
        #content section .single .block .post .article-body .gallery-columns-2 .gallery-item {
          max-width: 365px;
          margin-right: 10px; }
        #content section .single .block .post .article-body .gallery-columns-3 .gallery-item {
          max-width: 240px;
          margin-right: 10px; }
    #content section .left {
      float: left; }
      #content section .left ul {
        margin: 0; }
        #content section .left ul li {
          list-style: none;
          margin-bottom: 15px; }
    #content section .right {
      float: right;
      border-left-width: 1px;
      border-left-style: dotted;
      border-left-color: #666;
      padding: 0 0 0 25px;
      width: 630px; }
      #content section .right .block {
        margin-top: 60px; }
      #content section .right .article-body .gallery {
        width: 614px;
        clear: both;
        overflow: hidden;
        margin: 10px -10px 10px 0; }
        #content section .right .article-body .gallery figure {
          margin: 0; }
        #content section .right .article-body .gallery .landscape {
          display: table !important;
          background-color: #333; }
          #content section .right .article-body .gallery .landscape a {
            display: table-cell;
            vertical-align: middle; }
          #content section .right .article-body .gallery .landscape img {
            width: 100%;
            vertical-align: middle; }
        #content section .right .article-body .gallery .gallery-item {
          background-color: #F9F9F9;
          display: table !important;
          border: 1px solid #ddd;
          padding: 10px;
          margin-top: 10px !important;
          margin-bottom: 10px !important;
          float: left; }
        #content section .right .article-body .gallery + p, #content section .right .article-body .gallery h3, #content section .right .article-body .gallery ol, #content section .right .article-body .gallery ul, #content section .right .article-body .gallery table {
          margin-top: 0; }
      #content section .right .article-body .gallery-columns-2 .gallery-item {
        width: 297px;
        margin-right: 10px; }
      #content section .right .article-body .gallery-columns-3 .gallery-item {
        width: 194px;
        margin-right: 10px; }

/*--------------------------
FOOTER
--------------------------*/
#footer {
  width: 900px;
  margin: auto;
  text-align: center;
  padding-top: 60px; }
  #footer p small {
    font-size: 12px; }

/*--------------------------
HOME
--------------------------*/
.home #content {
  margin-top: 15px; }
  .home #content .container {
    position: relative;
    width: 946px;
    height: 633px;
    background-image: url(images/bg_201905.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0; }
    .home #content .container > div {
      padding: 15px 10px;
      height: 480px; }
      .home #content .container > div .topics {
        display: none;
        position: absolute;
        top: 44px;
        left: 34px;
        width: 230px;
        padding: 20px;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 5px; }
        .home #content .container > div .topics h2 {
          font-size: 0;
          margin-bottom: 10px; }
        .home #content .container > div .topics dl {
          margin: 0;
          position: relative;
          height: 180px;
          overflow: hidden; }
          .home #content .container > div .topics dl dd {
            margin: 0 0 10px; }
      .home #content .container > div .info {
        position: absolute;
        top: 30px;
        left: 23px; }
        .home #content .container > div .info ul {
          list-style: none;
          margin: 0;
          padding: 0; }
          .home #content .container > div .info ul li {
            width: 250px;
            text-align: left;
            margin-bottom: 10px; }
            .home #content .container > div .info ul li img {
              width: 100%; }
      .home #content .container > div .info_r {
        position: absolute;
        top: 30px;
        right: 33px; }
        .home #content .container > div .info_r ul {
          list-style: none;
          margin: 0;
          padding: 0; }
          .home #content .container > div .info_r ul li {
            margin-bottom: 10px; }
      .home #content .container > div .banner {
        position: absolute;
        right: 20px;
        bottom: 20px; }

.home #header {
  margin-top: 30px; }
  .home #header .container {
    padding-top: 15px; }

.home #footer {
  width: 946px;
  padding: 0 0px 10px;
  text-align: right;
  /* font-size: 83%; */
  overflow: hidden; }
  .home #footer .banner {
    float: right;
    position: relative; }
  .home #footer #tsumakoi {
    position: absolute;
    right: 10px; }

/*--------------------------
MAIL&MOBILE
--------------------------*/
#mailmagazine {
  padding: 20px 0 0 35px; }
  #mailmagazine h3 span {
    display: none; }
  #mailmagazine h4 {
    margin-top: 20px;
    margin-bottom: 10px; }
  #mailmagazine ul, #mailmagazine ol {
    padding-left: 20px; }
  #mailmagazine .mmbox {
    padding: 20px 0;
    width: 100%;
    display: table;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-color: #666;
    border-bottom-color: #666; }
    #mailmagazine .mmbox div {
      vertical-align: middle;
      display: table-cell; }
    #mailmagazine .mmbox .qr {
      width: 16%; }

.post-type-archive-discography .thumb + h2 {
  width: 442px; }

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
  left: 275px; }

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important; }

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0; }

.scroll-element {
  display: none; }

.scroll-element, .scroll-element div {
  box-sizing: content-box; }

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block; }

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default; }

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999; }

.scroll-textarea > .scroll-content {
  overflow: hidden !important; }

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important; }

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0; }

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none; }

.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7; }

.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%; }

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px; }

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px; }

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px; }

  /*--------------------------
  20181022
  --------------------------*/
.info_right {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 180px;
}

.info_right ul{
  padding: 0;
}
.info_right li{
  list-style: none;
}
.info_right li img{
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}