/* Sass Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url(https://fonts.googleapis.com/css?family=Iceberg);
@import url(https://fonts.googleapis.com/css?family=Kanit:400,100);
#wrapper {
  position: relative;
  width: 100%;
  height: auto !important;
  height: 100%;
  min-height: 100%; }

/* ///////////////////////////////////////////////////////////////////// 
//  01 - nav
/////////////////////////////////////////////////////////////////////*/
.gnav {
  width: 100%;
  height: 75px;
  display: table;
  border-bottom: 1px solid #447bba;
  position: fixed;
  z-index: 2;
  background-color: #fff; }
  .gnav h3 {
    float: left; }
  .gnav h1#logo a {
    box-sizing: border-box;
    display: block;
    width: 300px;
    height: 80px;
    margin-top: 0.4%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -80px;
    background: url(img/common/logo.png) no-repeat;
    background-size: 146px auto;
    background-position: top center;
    text-indent: -99999em;
    font-size: 1px;
    line-height: 30px;
    overflow: hidden;
    outline: none; }
  .gnav ul#sns {
    float: right;
    padding: 1.4rem 1.4rem 0 0; }
    .gnav ul#sns li {
      display: inline-block;
      padding-left: 0.2rem; }
    .gnav ul#sns li.fb a {
      width: 30px;
      height: auto;
      padding-bottom: 30px;
      display: block;
      background: url(img/common/btn-fb.png) no-repeat;
      background-size: 30px auto;
      text-indent: -99999em;
      font-size: 1px;
      line-height: 1px;
      overflow: hidden;
      outline: none; }
    .gnav ul#sns li.tw a {
      width: 30px;
      height: auto;
      padding-bottom: 30px;
      display: block;
      background: url(img/common/btn-tw.png) no-repeat;
      background-size: 30px auto;
      text-indent: -99999em;
      font-size: 1px;
      line-height: 1px;
      overflow: hidden;
      outline: none; }
    .gnav ul#sns li.line a {
      width: 30px;
      height: auto;
      padding-bottom: 30px;
      display: block;
      background: url(img/common/btn-line.png) no-repeat;
      background-size: 30px auto;
      text-indent: -99999em;
      font-size: 1px;
      line-height: 1px;
      overflow: hidden;
      outline: none; }
    .gnav ul#sns li.instagram a {
      width: 30px;
      height: auto;
      padding-bottom: 30px;
      display: block;
      background: url(img/common/btn-instagram.png) no-repeat;
      background-size: 30px auto;
      text-indent: -99999em;
      font-size: 1px;
      line-height: 1px;
      overflow: hidden;
      outline: none; }
    .gnav ul#sns li.radiko a {
      width: 100px;
      height: auto;
      padding-bottom: 28px;
      display: block;
      background: url(img/common/btn-radiko.png) no-repeat;
      background-size: 100px auto;
      text-indent: -99999em;
      font-size: 1px;
      line-height: 1px;
      overflow: hidden;
      outline: none; }

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10; }

@media only screen and (min-width: 480px) and (max-width: 768px) {
  #wrapper {
    overflow-x: hidden; }

  .gnav {
    width: 100%;
    height: 75px;
    display: table;
    border-bottom: 1px solid #447bba;
    position: fixed;
    z-index: 2;
    background-color: #fff; }
    .gnav h1#logo a {
      box-sizing: border-box;
      display: block;
      width: 640px;
      height: 80px;
      margin-top: 1.2%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: -80px;
      background: url(img/common/logo.png) no-repeat;
      background-size: 170px auto;
      background-position: top right;
      text-indent: -99999em;
      font-size: 1px;
      line-height: 30px;
      overflow: hidden;
      outline: none; }
    .gnav ul#sns {
      display: none; } }
@media only screen and (max-width: 480px) {
  #wrapper {
    overflow-x: hidden; }

  .gnav {
    width: 100%;
    height: 75px;
    display: table;
    border-bottom: 1px solid #447bba;
    position: fixed;
    z-index: 2;
    background-color: #fff; }
    .gnav ul#sns {
      display: none; }
    .gnav h1#logo a {
      box-sizing: border-box;
      display: block;
      width: 320px;
      height: 70px;
      margin-top: 0.4%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: -200px;
      background: url(img/common/logo.png) no-repeat;
      background-size: 150px auto;
      background-position: top center;
      text-indent: -99999em;
      font-size: 1px;
      line-height: 30px;
      overflow: hidden;
      outline: none; } }
/* ///////////////////////////////////////////////////////////////////// 
//  02 - layout / index.html
/////////////////////////////////////////////////////////////////////*/
#container {
  font-family: 'Verdana', Roboto, 'Noto Sans Japanese', serif;
  width: 100%;
  max-width: 1280px;
  margin: 75px auto 0;
  position: relative; }
  #container #contents {
    min-width: 640px;
    width: 64.25%;
    background: #fff;
    padding: 8px 0 80px;
    position: relative;
    z-index: 0; }
    #container #contents #inner-body {
      width: 640px;
      margin: 0 auto; }
      #container #contents #inner-body #title {
        margin-bottom: 4%;
        position: relative; }
        #container #contents #inner-body #title h1#pc {
          float: left;
          width: 320px;
          height: auto;
          margin: 40px 0 0 18%;
          padding-bottom: 145px;
          background: url(img/common/logo.png) no-repeat;
          background-size: 320px auto;
          background-position: 70% 70%;
          text-indent: -99999em;
          font-size: 1px;
          line-height: 1px;
          overflow: hidden;
          outline: none; }
        #container #contents #inner-body #title h2#sp {
          text-indent: -99999px; }
        #container #contents #inner-body #title .mail a {
          display: block;
          float: left;
          width: 160px;
          height: auto;
          margin: 30px auto 0 2%;
          padding-bottom: 145px;
          background: url(img/common/mail.png) no-repeat;
          background-size: 120px auto;
          background-position: top left;
          text-indent: -99999em;
          font-size: 1px;
          line-height: 1px;
          overflow: hidden;
          outline: none; }
      #container #contents #inner-body #topNav {
        border-bottom: none;
        width: 640px;
        text-align: center;
        		/* li:first-child a{
        			background: url(img/common/nav-blog.png) no-repeat;
        			background-size: 122px auto;
        			text-indent: -99999em;
        			font-size: 1px;
        			line-height: 1px;
        			overflow: hidden;
        			outline: none;
        			margin-right: 30px;
        
        		}
        		
        		li:nth-child(2) a{
        			background: url(img/common/nav-profile.png) no-repeat;
        			background-size: 122px auto;
        			text-indent: -99999em;
        			font-size: 1px;
        			line-height: 1px;
        			overflow: hidden;
        			outline: none;
        			margin-right: 30px;
        		}
        		
        		li:nth-child(3) a {
        			background: url(img/common/nav-bn.png) no-repeat;
        			background-size: 122px auto;
        			text-indent: -99999em;
        			font-size: 1px;
        			line-height: 1px;
        			overflow: hidden;
        			outline: none;
        			margin-right: 30px;
        		}
        		
        		li:nth-child(4) a {
        			background: url(img/common/nav-mail.png) no-repeat;
        			background-size: 122px auto;
        			text-indent: -99999em;
        			font-size: 1px;
        			line-height: 1px;
        			overflow: hidden;
        			outline: none;
        			margin-right: 0;
        		} */ }
        #container #contents #inner-body #topNav li {
          width: 142px;
          display: inline-block;
          margin: 1.2em 0 0 0.4rem; }
          #container #contents #inner-body #topNav li a {
            font-size: 16px;
            display: inline-block;
            height: auto;
            padding-bottom: 30px;
            color: #447bba;
            text-align: center;
            line-height: 18px;
            width: 140px; }
            #container #contents #inner-body #topNav li a:hover {
              text-decoration: none;
              filter: alpha(opacity=100);
              /* ie lt 8 */
              -ms-filter: "alpha(opacity=100)";
              /* ie 8 */
              -webkit-opacity: 1;
              /* chrome */
              -moz-opacity: 1;
              /* FF lt 1.5, Netscape */
              -khtml-opacity: 1;
              /* Safari 1.x */
              opacity: 1; }
            #container #contents #inner-body #topNav li a span {
              display: block;
              padding: 0;
              font-size: 15px;
              font-family: 'Kanit', sans-serif;
              font-weight: 200; }
          #container #contents #inner-body #topNav li a:after {
            content: "";
            display: block;
            background: url(img/common/nav-after.png) no-repeat;
            background-size: 135px auto;
            text-indent: -99999em;
            font-size: 1px;
            line-height: 1px;
            overflow: hidden;
            outline: none;
            padding-bottom: 40px; }
          #container #contents #inner-body #topNav li li:first-child {
            margin-left: 2rem; }
      #container #contents #inner-body #banner {
        margin: 0 auto;
        width: 640px; }
        #container #contents #inner-body #banner ul {
          width: 100%;
          overflow: hidden; }
          #container #contents #inner-body #banner ul li {
            float: left;
            margin-left: 26px;
            margin-bottom: 20px;
            position: relative; }
            #container #contents #inner-body #banner ul li img {
              width: 180px; }
            #container #contents #inner-body #banner ul li a.hit {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              z-index: 8; }
            #container #contents #inner-body #banner ul li dt {
              position: relative; }
      #container #contents #inner-body #lead p {
        width: 580px;
        height: auto;
        margin: 18px auto 10px;
        padding-bottom: 125px;
        background: url(img/blog/lead.png) no-repeat;
        background-size: 580px auto;
        text-indent: -99999em;
        font-size: 1px;
        line-height: 1px;
        overflow: hidden;
        outline: none; }
      #container #contents #inner-body #you-tube {
        text-align: center;
        margin: 1.9rem auto 3rem; }
        #container #contents #inner-body #you-tube iframe {
          display: block;
          margin: 0 auto;
          z-index: 2;
          background-color: transparent;
          padding: 10px;
          -webkit-box-shadow: 1px 1px 0 #C0C0C0;
          -moz-box-shadow: 1px 1px 0 #C0C0C0;
          box-shadow: 1px 1px 2px #ECECEC;
          border: 1px solid #E0E0E0;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          -ms-border-radius: 20px;
          -o-border-radius: 20px;
          border-radius: 20px; }
      #container #contents #inner-body #blog {
        text-align: center;
        width: 580px;
        min-height: 600px; }
        #container #contents #inner-body #blog div {
          position: relative; }
          #container #contents #inner-body #blog div h3 {
            width: 618px;
            height: auto;
            margin: 36px auto 10px;
            padding-bottom: 100px;
            background: url(img/blog/ttl-blog.png) no-repeat;
            background-size: 590px auto;
            background-position: 30px !important;
            text-indent: -99999em;
            font-size: 1px;
            line-height: 1px;
            overflow: hidden;
            outline: none; }
          #container #contents #inner-body #blog div p.blog-date {
            font-size: 130%;
            font-family: 'Kanit', sans-serif;
            font-weight: 300;
            display: block;
            text-align: center;
            color: #447bba;
            position: absolute;
            top: 3.7rem;
            left: 40.2%;
            z-index: 10;
            width: 200px; }
        #container #contents #inner-body #blog #blog-area {
          text-align: left;
          font-family: 'Noto Sans Japanese', serif;
          text-align: center;
          margin-top: 0;
          margin-left: 30px; }
          #container #contents #inner-body #blog #blog-area img.waku {
            width: 590px; }
          #container #contents #inner-body #blog #blog-area #blog-entry {
            width: 590px;
            background: url(img/blog/blog-waku-middle.png) repeat-y center;
            background-size: 590px auto;
            background-position: 0 0 !important;
            margin: -2px auto 0;
            padding: 6px 30px 30px 30px;
            text-align: left; }
            #container #contents #inner-body #blog #blog-area #blog-entry h4 {
              font-size: 20px;
              line-height: 28px;
              color: #447bba;
              text-align: left;
              border-left: 10px solid #447bba;
              padding-left: 6px; }
            #container #contents #inner-body #blog #blog-area #blog-entry p {
              font-size: 16px;
              line-height: 28px;
              margin-top: 18px; }
            #container #contents #inner-body #blog #blog-area #blog-entry a:link {
              color: #447bba; }
            #container #contents #inner-body #blog #blog-area #blog-entry a:visited {
              color: #447bba; }
            #container #contents #inner-body #blog #blog-area #blog-entry a:active {
              color: #447bba; }
            #container #contents #inner-body #blog #blog-area #blog-entry a:hover {
              color: #447bba;
              text-decoration: underline;
              filter: alpha(opacity=100);
              /* ie lt 8 */
              -ms-filter: "alpha(opacity=100)";
              /* ie 8 */
              -webkit-opacity: 1;
              /* chrome */
              -moz-opacity: 1;
              /* FF lt 1.5, Netscape */
              -khtml-opacity: 1;
              /* Safari 1.x */
              opacity: 1; }
            #container #contents #inner-body #blog #blog-area #blog-entry img {
              width: 100%;
              height: 100%; }
            #container #contents #inner-body #blog #blog-area #blog-entry .drawer-menu li a:hover {
              color: #447bba;
              text-decoration: underline; }
            #container #contents #inner-body #blog #blog-area #blog-entry .drawer-menu li a:visited {
              color: #447bba; }
            #container #contents #inner-body #blog #blog-area #blog-entry .side-sns li a:active {
              color: #447bba; }
            #container #contents #inner-body #blog #blog-area #blog-entry iframe {
              max-width: 98%; }
        #container #contents #inner-body #blog #pager {
          display: table;
          width: 590px;
          margin-left: 30px;
          padding-top: 20px; }
          #container #contents #inner-body #blog #pager li:first-child a {
            float: left;
            width: 62px;
            height: auto;
            padding-bottom: 88px;
            display: block;
            background: url(img/blog/pager-back.png) no-repeat;
            background-size: 62px auto;
            text-indent: -99999em;
            font-size: 1px;
            line-height: 1px;
            overflow: hidden;
            outline: none; }
          #container #contents #inner-body #blog #pager li:nth-child(2) a {
            float: right;
            width: 62px;
            height: auto;
            padding-bottom: 88px;
            display: block;
            background: url(img/blog/pager-next.png) no-repeat;
            background-size: 62px auto;
            text-indent: -99999em;
            font-size: 1px;
            line-height: 1px;
            overflow: hidden;
            outline: none; }
  #container #side {
    width: 35.75%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 0; }
    #container #side .side-bg {
      width: 100%;
      height: 100%;
      position: relative; }
    #container #side .img {
      position: absolute;
      top: 75px;
      width: 100%;
      height: 93.2%;
      background: url("img/common/side-img.jpg") no-repeat right top;
      background-size: cover;
      -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
      -moz-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1);
      -webkit-transition-delay: 1s;
      -moz-transition-delay: 1s;
      transition-delay: 1s; }

@media only screen and (min-width: 480px) and (max-width: 768px) {
  #container {
    width: 100%;
    word-break: break-all; }
    #container #contents {
      min-width: 100%;
      width: 100%; }
    #container #header {
      display: none; }
    #container #title {
      margin-bottom: 4%;
      position: relative; }
      #container #title h1#pc {
        display: none; }
      #container #title h2#sp {
        diplay: block;
        width: 600px;
        height: auto;
        margin: 22px auto 10px;
        padding-bottom: 300px;
        background: url(img/common/main-img_sp.jpg) no-repeat;
        background-size: 600px auto;
        background-position: 50% 50%;
        text-indent: -99999em;
        font-size: 1px;
        line-height: 1px;
        overflow: hidden;
        outline: none; }
      #container #title .mail a {
        display: block;
        float: left;
        width: 180px;
        height: auto;
        margin: 30px auto 0;
        padding-bottom: 145px;
        background: url(img/common/mail.png) no-repeat;
        background-size: 120px auto;
        background-position: top left;
        text-indent: -99999em;
        font-size: 1px;
        line-height: 1px;
        overflow: hidden;
        outline: none;
        position: absolute;
        top: 4.8rem;
        left: 49.2%; }
    #container #topNav {
      margin: -3% auto 0; }
    #container #side {
      display: none; } }
@media only screen and (max-width: 480px) {
  #container {
    width: 100%;
    word-break: break-all; }
    #container #contents {
      min-width: 100%;
      width: 100%; }
    #container #header {
      display: none; }
    #container #title {
      margin-bottom: 4%;
      position: relative; }
      #container #title h1#pc {
        display: none; }
      #container #title h2#sp {
        diplay: block;
        width: 600px;
        height: auto;
        margin: 22px auto 10px;
        padding-bottom: 300px;
        background: url(img/common/main-img_sp.jpg) no-repeat;
        background-size: 600px auto;
        background-position: 50% 50%;
        text-indent: -99999em;
        font-size: 1px;
        line-height: 1px;
        overflow: hidden;
        outline: none; }
      #container #title .mail a {
        display: block;
        float: left;
        width: 180px;
        height: auto;
        margin: 30px auto 0;
        padding-bottom: 145px;
        background: url(img/common/mail.png) no-repeat;
        background-size: 120px auto;
        background-position: top left;
        text-indent: -99999em;
        font-size: 1px;
        line-height: 1px;
        overflow: hidden;
        outline: none;
        position: absolute;
        top: 4.8rem;
        left: 51%; } }
/* ///////////////////////////////////////////////////////////////////// 
//  03 - corner.html
/////////////////////////////////////////////////////////////////////*/
#ttl-corner {
  margin-top: -1.2rem; }
  #ttl-corner h2 {
    float: left;
    width: 250px;
    height: auto;
    margin: 50px 0 0 20%;
    padding-bottom: 100px;
    background: url(img/corner/ttl-corner.png) no-repeat;
    background-size: 250px auto;
    background-position: top left;
    text-indent: -99999em;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    outline: none; }
  #ttl-corner .mail a {
    display: block;
    float: left;
    width: 160px;
    height: auto;
    margin: 30px auto 0 4%;
    padding-bottom: 145px;
    background: url(img/common/mail.png) no-repeat;
    background-size: 120px auto;
    background-position: top left;
    text-indent: -99999em;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    outline: none; }

#corner {
  text-align: center;
  width: 580px;
  min-height: 600px; }
  #corner #corner-area {
    text-align: left;
    font-family: 'Noto Sans Japanese', serif;
    text-align: center;
    margin-top: 2.4rem;
    margin-left: 30px; }
    #corner #corner-area img.waku {
      width: 590px; }
    #corner #corner-area #blog-entry {
      width: 590px;
      background: url(img/blog/blog-waku-middle.png) repeat-y center;
      background-size: 590px auto;
      background-position: 0 0 !important;
      margin: -2px auto 0;
      padding: 6px 30px 30px 30px;
      text-align: left; }
      #corner #corner-area #blog-entry h4 {
        font-size: 20px;
        line-height: 28px;
        color: #447bba;
        text-align: left;
        border-left: 10px solid #447bba;
        padding-left: 6px; }
      #corner #corner-area #blog-entry p {
        font-size: 16px;
        line-height: 28px;
        margin-top: 18px; }
      #corner #corner-area #blog-entry a:link {
        color: #447bba; }
      #corner #corner-area #blog-entry a:visited {
        color: #447bba; }
      #corner #corner-area #blog-entry a:active {
        color: #447bba; }
      #corner #corner-area #blog-entry a:hover {
        color: #447bba;
        text-decoration: underline;
        filter: alpha(opacity=100);
        /* ie lt 8 */
        -ms-filter: "alpha(opacity=100)";
        /* ie 8 */
        -webkit-opacity: 1;
        /* chrome */
        -moz-opacity: 1;
        /* FF lt 1.5, Netscape */
        -khtml-opacity: 1;
        /* Safari 1.x */
        opacity: 1; }
      #corner #corner-area #blog-entry img {
        width: 100%; }
      #corner #corner-area #blog-entry .drawer-menu li a:hover {
        color: #447bba;
        text-decoration: underline; }
      #corner #corner-area #blog-entry .drawer-menu li a:visited {
        color: #447bba; }
      #corner #corner-area #blog-entry .side-sns li a:active {
        color: #447bba; }
      #corner #corner-area #blog-entry iframe {
        max-width: 98%; }

/* ///////////////////////////////////////////////////////////////////// 
//  04 - profile.html
/////////////////////////////////////////////////////////////////////*/
#topNav_profile, #topNav_bn {
  border-bottom: none;
  width: 640px;
  text-align: center;
  margin: 0 0 0 -1rem; }
  #topNav_profile li, #topNav_bn li {
    width: 146px;
    display: inline-block;
    margin: 2.5rem 0 0 0; }
    #topNav_profile li a, #topNav_bn li a {
      font-size: 16px;
      display: inline-block;
      height: auto;
      padding-bottom: 47px;
      color: #447bba;
      text-align: center;
      line-height: 18px;
      width: 146px; }
      #topNav_profile li a:hover, #topNav_bn li a:hover {
        text-decoration: none;
        filter: alpha(opacity=100);
        /* ie lt 8 */
        -ms-filter: "alpha(opacity=100)";
        /* ie 8 */
        -webkit-opacity: 1;
        /* chrome */
        -moz-opacity: 1;
        /* FF lt 1.5, Netscape */
        -khtml-opacity: 1;
        /* Safari 1.x */
        opacity: 1; }
      #topNav_profile li a span, #topNav_bn li a span {
        display: block;
        padding: 0;
        font-size: 15px;
        font-family: 'Kanit', sans-serif;
        font-weight: 200; }
    #topNav_profile li a:after, #topNav_bn li a:after {
      content: "";
      display: block;
      background: url(img/common/nav-after.png) no-repeat;
      background-size: 146px auto;
      text-indent: -99999em;
      font-size: 1px;
      line-height: 1px;
      verflow: hidden;
      outline: none;
      padding-bottom: 25px; }
  #topNav_profile li:first-child, #topNav_bn li:first-child {
    margin-left: 2rem; }

#ttl-profile {
  margin-top: -1em; }
  #ttl-profile h2 {
    float: left;
    width: 250px;
    height: auto;
    margin: 50px 0 0 20%;
    padding-bottom: 100px;
    background: url(img/profile/ttl-profile.png) no-repeat;
    background-size: 250px auto;
    background-position: top left;
    text-indent: -99999em;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    outline: none; }
  #ttl-profile .mail a {
    display: block;
    float: left;
    width: 160px;
    height: auto;
    margin: 30px auto 0 4%;
    padding-bottom: 145px;
    background: url(img/common/mail.png) no-repeat;
    background-size: 120px auto;
    background-position: top left;
    text-indent: -99999em;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    outline: none; }

#profile {
  text-align: center;
  width: 646px;
  margin-bottom: 3%;
  min-height: 900px;
  padding-left: 2%;
  padding-right: 2%; }
  #profile .profile_area {
    margin: 2.2rem 0 1.6rem 0; }
    #profile .profile_area h3 {
      color: #447bba;
      text-align: left;
      border: solid 2px #447bba;
      padding: 0.2rem 1.2rem;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      -ms-border-radius: 40px;
      -o-border-radius: 40px;
      border-radius: 40px;
      font-size: 18px;
      font-weight: bold; }
    #profile .profile_area div {
      margin-top: 1rem;
      padding-left: 1%;
      padding-right: 1%; }
      #profile .profile_area div img.float_left, #profile .profile_area div img.float_right {
        width: 47%;
        margin-top: 1rem; }
      #profile .profile_area div div.float_left {
        margin-top: 0;
        margin-left: 0rem;
        width: 50%; }
        #profile .profile_area div div.float_left h4.tuchiya {
          display: block;
          width: 100%;
          height: auto;
          margin: 0px auto 0.5rem;
          padding-bottom: 55px;
          background: url(img/profile/name-reo.png) no-repeat;
          background-size: 37% auto;
          background-position: top left;
          text-indent: -99999em;
          font-size: 1px;
          line-height: 1px;
          overflow: hidden;
          outline: none; }
        #profile .profile_area div div.float_left h4.shinbo {
          display: block;
          width: 100%;
          height: auto;
          margin: 0px auto 0.5rem;
          padding-bottom: 55px;
          background: url(img/profile/name-shinbo.png) no-repeat;
          background-size: 37% auto;
          background-position: top left;
          text-indent: -99999em;
          font-size: 1px;
          line-height: 1px;
          overflow: hidden;
          outline: none; }
        #profile .profile_area div div.float_left h4.masuyama {
          display: block;
          width: 100%;
          height: auto;
          margin: 0px auto 0.5rem;
          padding-bottom: 55px;
          background: url(img/profile/name-masyama.png) no-repeat;
          background-size: 42% auto;
          background-position: top left;
          text-indent: -99999em;
          font-size: 1px;
          line-height: 1px;
          overflow: hidden;
          outline: none; }
        #profile .profile_area div div.float_left p.text {
          text-align: left;
          font-size: 82%;
          line-height: 150%; }
        #profile .profile_area div div.float_left p.text02 {
          text-align: left;
          font-size: 82%;
          line-height: 160%;
          text-indent: -66px;
          padding-left: 66px; }
        #profile .profile_area div div.float_left a.blog-link {
          color: #447bba; }

/* ///////////////////////////////////////////////////////////////////// 
//  05 - backnumber.html
/////////////////////////////////////////////////////////////////////*/
#ttl-bn {
  margin-top: -1rem; }
  #ttl-bn h2 {
    float: left;
    width: 250px;
    height: auto;
    margin: 50px 0 0 20%;
    padding-bottom: 112px;
    background: url(img/bn/ttl-bn.png) no-repeat;
    background-size: 250px auto;
    background-position: top left;
    text-indent: -99999em;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    outline: none; }
  #ttl-bn .mail a {
    display: block;
    float: left;
    width: 160px;
    height: auto;
    margin: 30px auto 0 4%;
    padding-bottom: 145px;
    background: url(img/common/mail.png) no-repeat;
    background-size: 120px auto;
    background-position: top left;
    text-indent: -99999em;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    outline: none; }

#bn {
  text-align: center;
  width: 646px;
  margin-bottom: 3%;
  min-height: 900px; }
  #bn .bn_area {
    margin: 1.6rem 0 1.6rem 0;
    padding-left: 2%;
    padding-right: 2%; }
    #bn .bn_area #day-of-the-week {
      background-color: none;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      width: 100%; }
      #bn .bn_area #day-of-the-week h3.day-circle {
        margin: 0 auto;
        font-size: 18px;
        color: #fff;
        width: 80px;
        height: 80px;
        padding-top: 2.2%;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -ms-border-radius: 40px;
        -o-border-radius: 40px;
        border-radius: 40px;
        background-color: #3366cc;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #3366cc), color-stop(0, #009933));
        background: -webkit-linear-gradient(#009933, #3366cc);
        background: -moz-linear-gradient(#009933, #3366cc);
        background: -o-linear-gradient(#009933, #3366cc);
        background: -ms-linear-gradient(#009933, #3366cc);
        background: linear-gradient(#009933, #3366cc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009933', endColorstr='#3366cc', GradientType=0); }
      #bn .bn_area #day-of-the-week span {
        display: block;
        border-top: solid 1px #fff;
        width: 100%;
        font-size: 14px;
        font-family: 'Kanit', sans-serif; }
    #bn .bn_area #bn-contents {
      margin-top: 1rem; }
      #bn .bn_area #bn-contents ul {
        diaplay: table;
        width: 100%; }
        #bn .bn_area #bn-contents ul li.bn-img {
          float: left;
          text-align: left;
          width: 23.5%;
          margin-left: 2%;
          margin-bottom: 1.2rem;
          position: relative; }
          #bn .bn_area #bn-contents ul li.bn-img a.hit {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 8; }
          #bn .bn_area #bn-contents ul li.bn-img dl {
            position: relative;
            overflow: hidden; }
            #bn .bn_area #bn-contents ul li.bn-img dl dt {
              margin-right: 3%; }
              #bn .bn_area #bn-contents ul li.bn-img dl dt img {
                width: 100%; }
              #bn .bn_area #bn-contents ul li.bn-img dl dt span {
                color: #fff;
                font-family: 'Kanit', sans-serif;
                font-size: 17px;
                display: block;
                text-align: center;
                position: relative;
                top: -3.5rem; }
            #bn .bn_area #bn-contents ul li.bn-img dl dd.ttl-bn-small {
              display: inline-block;
              font-size: 13px;
              position: relative;
              margin-top: -1.2rem; }
              #bn .bn_area #bn-contents ul li.bn-img dl dd.ttl-bn-small a {
                color: #000; }
              #bn .bn_area #bn-contents ul li.bn-img dl dd.ttl-bn-small:hover {
                color: red; }
            #bn .bn_area #bn-contents ul li.bn-img dl dt.new:after {
              color: #fff;
              font-family: 'Kanit', sans-serif;
              font-size: 18px;
              text-align: center;
              content: "new";
              z-index: 2;
              width: 100%;
              height: 60px;
              padding-top: 2.1rem;
              position: absolute;
              top: -8.5%;
              left: -44%;
              background-color: #d80c18;
              -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
              -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
              -o-transform: rotate(-45deg) translate3d(0, 0, 0); }
        #bn .bn_area #bn-contents ul li:nth-child(4n+1).bn-img {
          margin-left: 0; }
    #bn .bn_area #bn-pager {
      margin-top: 7%; }
      #bn .bn_area #bn-pager li:first-child a {
        display: block;
        color: #447bba;
        float: left;
        border: 1px solid #447bba;
        width: 20%;
        padding: 1% 2%;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px; }
      #bn .bn_area #bn-pager li:nth-child(2) a {
        display: block;
        color: #447bba;
        float: right;
        width: 20%;
        border: 1px solid #447bba;
        padding: 1% 2%;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px; }

/* ///////////////////////////////////////////////////////////////////// 
//  06 - footer
/////////////////////////////////////////////////////////////////////*/
footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 94px;
  z-index: 100;
  color: #fff;
  background-color: #3366cc;
  text-align: center;
  font-size: 90%;
  padding-top: 1.6rem;
  padding-bottom: 1.4rem; }
  footer #footer a {
    color: #fff;
    display: inline-block; }
  footer #footer:hover {
    color: #FF8E00; }
  footer #footer address {
    font-style: normal;
    font-size: 92%; }
  footer #footer_sp {
    display: none; }