@charset "UTF-8";
/* Theme Name: tamayura3rd */
/* Theme URI: http://example.com/ */
/* Description: たまゆら第3期 */
/* Version: 1.0 */
/* Author: Akira Miura */
/* Author URI: http://sakusaku.me/ */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */

*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body, div, p, h1, h2, h3, h4, h5, h6, span, ul, li, ol, img, table, tr, td, hr, a, address, nav, header, footer, section, article {
  margin: 0;
  padding: 0; }

body, p, h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  line-height: 100%; }

img {
  border: none;
  vertical-align: baseline; }

ul, li {
  list-style: none; }

.clearfix:after {
  content: "";
  clear: both;
  display: block; }

html {
  font-size: 62.5%; }

body {
  font-family: "YuGothic", "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans‒serif !important;
  font-size: 1.3em;
  line-height: 1.4em;
  color: #3e3e3e;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  word-break: break-all;
  word-wrap: break-word; }

input, textarea {
  font-family: "YuGothic", "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans‒serif !important; }

button, input, textarea {
  -webkit-font-smoothing: inherit; }

input[type="file"], input[type="submit"], input[type="reset"], button {
  cursor: pointer; }

/* Common styles
 */
/* ------------------------------------------------------- */
body {
  background: url("../images/common/bg.png") center top; }

a {
  color: #3e3e3e; }

i {
  display: inline-block; }

#wrapper {
  min-width: 1000px; }

.inner {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  position: relative; }

.divider_10 {
  height: 10px; }

.divider_20 {
  height: 20px; }

.divider_30 {
  height: 30px; }

.divider_40 {
  height: 40px; }

.divider_50 {
  height: 50px; }

/* wrapper
 */
/* common class
 */
.row:after {
  content: "";
  clear: both;
  display: block; }
.row .column_left {
  float: left; }
.row .column_right {
  float: right; }

/* header
 */
#header {
  margin-bottom: 20px; }
  #header .inner {
    height: 200px; height: 120px; }
  #header .site_logo {
    position: absolute;
    top: 18px;
    left: 40px;
    z-index: 1000; }
  #header .site_nav {
    position: absolute;
    top: 30px;
    left: 348px;
    z-index: 1000; }
    #header .site_nav ul {
      width: 670px; }
      #header .site_nav ul li {
        float: left;
        display: block;
        height: 30;
        margin-bottom: 2px; }
        #header .site_nav ul li.left_1 {
          width: 100px; }
        #header .site_nav ul li.left_2 {
          width: 156px; }
        #header .site_nav ul li.left_3 {
          width: 114px; }
        #header .site_nav ul li.left_4 {
          width: 130px; }
        #header .site_nav ul li.left_5 {
          width: 120px; }
        #header .site_nav ul li a {
          position: relative;
          display: inline-block;
          padding: 0 10px;
          line-height: 30px; }
          #header .site_nav ul li a img {
            vertical-align: middle; }
          #header .site_nav ul li a:hover:before, #header .site_nav ul li a.current:before {
            content: "";
            position: absolute;
            top: 5px;
            left: -23px;
            width: 27px;
            height: 19px;
            background: url("../images/common/site_nav_head.png") no-repeat; }
        #header .site_nav ul li span {
          position: relative;
          display: inline-block;
          padding: 0 10px;
          line-height: 30px; }
          #header .site_nav ul li span img {
            vertical-align: middle; }
  #header .header_banner {
    position: absolute;
    top: 53px;
    left: 80px;
    z-index: 100;
    width: 840px;
    height: 208px;
    pointer-events: none; }
    #header .header_banner img {
      display: block;
      margin: 0 auto; }
    #header .header_banner .btn {
      position: absolute;
      top: 108px;
      left: 632px;
      pointer-events: auto; }

/* footer
 */
#footer {
  text-align: center; }
  #footer .footer_pr {
    padding: 30px 0; }
  #footer .relation_sites {
    border-top: solid 1px #e2d9cf;
    padding: 30px 0; }
    #footer .relation_sites ul li {
      display: inline-block;
      vertical-align: bottom;
      margin: 0 6px 12px; }
      #footer .relation_sites ul li:last-chlid {
        margin-right: 0; }
      #footer .relation_sites ul li a {
        display: block; }
      #footer .relation_sites ul li img {
        display: block; }
  #footer address {
    width: 100%;
    height: 55px;
    background: #7ecce5;
    line-height: 55px; }
    #footer address img {
      vertical-align: middle; }

/* middle
 */
#middle .inner:after {
  content: "";
  clear: both;
  display: block; }

/* contents
 */
#contents {
  float: right;
  width: 652px; }
  #contents nav.category_tab {
    margin-top: 20px; }
    #contents nav.category_tab:after {
      content: "";
      clear: both;
      display: block; }
    #contents nav.category_tab ul {
      
      margin: 0 -10px; }
      #contents nav.category_tab ul li {
        float: left;
        margin: 0 10px; }
        #contents nav.category_tab ul li a {
          display: block;
          width: 90px;
          height: auto;
          background: url("../images/article/category_tab_bg.png") no-repeat left top;
          padding: 12px 0;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 1.23077em;
          color: #8e8579;
          font-weight: bold;
          text-align: center;
          text-decoration: none; }
          #contents nav.category_tab ul li a.line2 {
            padding: 4px 0; }
          #contents nav.category_tab ul li a.hover {
            background-position: left bottom;
            color: #a59d94; }
  #contents nav.pagenate_links, #contents nav.post_links {
    display: table;
    width: 100%;
    margin: 20px 0; }
    #contents nav.pagenate_links .prev, #contents nav.pagenate_links .next, #contents nav.post_links .prev, #contents nav.post_links .next {
      display: table-cell;
      width: 50%; }
    #contents nav.pagenate_links .prev, #contents nav.post_links .prev {
      padding-left: 2px;
      text-align: left; }
    #contents nav.pagenate_links .next, #contents nav.post_links .next {
      padding-right: 2px;
      text-align: right; }
  #contents .nothing_found {
    margin-top: 20px;
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0px 1px 3px #737373;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.76471em; }
  #contents ul.articles {
    margin-top: 40px; }
    #contents ul.articles > li {
      margin-top: 30px; }
      #contents ul.articles > li:first-child {
        margin-top: 0; }
  #contents article {
    width: 642px; }
    #contents article:before, #contents article:after {
      content: "";
      display: block;
      background-repeat: no-repeat;
      background-position: center top; }
    #contents article:before {
      height: 50px;
      background-image: url("../images/article/article_bg_top.png"); }
    #contents article:after {
      height: 175px;
      background-image: url("../images/article/article_bg_bottom.png"); }
    #contents article .article_wrapper {
      background: url("../images/article/article_bg_middle.png") repeat-y center top;
      padding: 50px 50px 0; }
    #contents article .article_title {
      padding: 15px 0 0 20px;
      margin: -15px 0 0 -20px;
      font-size: 30px;
      font-size: 3rem;
      line-height: 1.13333em;
      color: #ff4e2b;
      background: url("../images/article/article_title_head.png") no-repeat left top; }
      #contents article .article_title a {
        color: #ff4e2b;
        text-decoration: none; }
        #contents article .article_title a:hover {
          text-decoration: underline; }
      #contents article .article_title.head_is_brackets {
        padding-left: 5px;
        width: 562px; }
    #contents article .article_time {
      display: block;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.15385em;
      color: #5a5a5a;
      margin-top: 10px;
      margin-bottom: 50px; }
    #contents article .btn_group {
      margin-top: 50px; }
    #contents article .article_btn {
      margin: 15px auto 0;
      display: block;
      width: 326px;
      height: 62px; }
    #contents article .article_image {
      margin: 50px -10px;
      text-align: center; }
      #contents article .article_image:last-child {
        margin-bottom: 0; }
      #contents article .article_image img {
        margin: 10px;
        vertical-align: middle; }
      #contents article .article_image .btn_group {
        margin-top: 20px; }
        #contents article .article_image .btn_group .article_btn {
          margin: 10px auto; }
          #contents article .article_image .btn_group .article_btn img {
            margin: 0; }
      #contents article .article_image .caption {
        margin: 0;
        padding: 0;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.53846em;
        color: #3e3e3e; }
    #contents article img {
      max-width: 100%; }
      #contents article img.size-thumbnail {
        max-height: 200px;
        background: #fff;
        padding: 6px;
        box-shadow: 0px 1px 5px #ccc; }
    #contents article p {
      margin-top: 10px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.8em; }
      #contents article p.text_big {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.2em; }
    #contents article h2 {
      margin-top: 50px;
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.33333em;
      color: #505050; }
    #contents article h3 {
      margin-top: 25px;
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.2em;
      color: #505050; }
    #contents article .caption {
      margin-top: 15px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.38462em;
      color: #ff3939; }
    #contents article ul.normal {
      margin-top: 10px;
      padding-left: 1em; }
      #contents article ul.normal li {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.8em;
        text-indent: -1em; }
        #contents article ul.normal li:before {
          content: "・"; }
      #contents article ul.normal.text_big li {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.2em; }
    #contents article ul.table {
      display: block;
      background: #fff;
      border: solid 1px #f0f0f0;
      border-radius: 10px;
      box-shadow: 0px 0px 5px #f0f0f0;
      padding: 35px;
      margin: 30px auto 0; }
      #contents article ul.table li {
        display: table;
        margin-top: 15px;
        width: 100%; }
        #contents article ul.table li:first-child {
          margin-top: 0; }
        #contents article ul.table li .head, #contents article ul.table li .body {
          display: table-cell;
          font-size: 15px;
          font-size: 1.5rem;
          line-height: 1.46667em;
          vertical-align: top; }
        #contents article ul.table li .head {
          color: #ff4e2b;
          font-weight: bold;
          width: 120px; }
        #contents article ul.table li .body {
          padding-left: 15px; }
          #contents article ul.table li .body p:first-child {
            margin-top: 0;
            font-size: 15px;
            font-size: 1.5rem;
            line-height: 1.46667em; }
      #contents article ul.table.long_head li .head {
        width: 160px; }
      #contents article ul.table.short_head li .head {
        width: 80px; }
    #contents article .text_big {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.2em; }
    #contents article .text_color_orange {
      color: #ff4e2b; }
    #contents article .divider_10 {
      height: 10px; }
    #contents article .divider_20 {
      height: 20px; }
    #contents article .divider_30 {
      height: 30px; }
    #contents article .divider_40 {
      height: 40px; }
    #contents article .divider_50 {
      height: 50px; }
    #contents article.goods {
      margin: 30px 0;
      width: 640px; }
      #contents article.goods:before, #contents article.goods:after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-position: center top; }
      #contents article.goods:before {
        height: 58px;
        background-image: url("../images/article/article_goods_bg_top.png"); }
      #contents article.goods:after {
        height: 58px;
        background-image: url("../images/article/article_goods_bg_bottom.png"); }
      #contents article.goods .article_wrapper {
        background: url("../images/article/article_goods_bg_middle.png") repeat-y center top;
        padding: 10px 50px; }
      #contents article.goods .article_title {
        background: none;
        padding: 0;
        margin: 0; }
      #contents article.goods table {
        width: 100%;
        margin: 40px 0; }
        #contents article.goods table.goods_table {
          border-top: solid 1px #dfdcd2; }
          #contents article.goods table.goods_table tr td {
            height: 140px;
            vertical-align: middle;
            border-bottom: solid 1px #dfdcd2;
            padding: 20px;
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.42857em; }
            #contents article.goods table.goods_table tr td strong {
              color: #666; }
            #contents article.goods table.goods_table tr td.image {
              width: 140px; }
              #contents article.goods table.goods_table tr td.image img {
                display: block;
                width: auto;
                height: auto;
                max-width: 140px;
                max-height: 200px;
                margin: 0 auto; }
        #contents article.goods table.tracklist_table {
          margin: 20px 0; }
          #contents article.goods table.tracklist_table td {
            padding: 10px 20px; }
            #contents article.goods table.tracklist_table td.track_number {
              width: 2em;
              padding-right: 0; }
            #contents article.goods table.tracklist_table td strong {
              font-size: 14px;
              font-size: 1.4rem; }
    #contents article.interview {
      width: 540px;
      margin-top: 30px; }
      #contents article.interview:before, #contents article.interview:after {
        content: none; }
      #contents article.interview .main_photo {
        margin: 40px auto; }
        #contents article.interview .main_photo img {
          box-shadow: 0px 1px 3px #999999; }
      #contents article.interview section {
        margin: 60px 0; }
        #contents article.interview section:after {
          content: "";
          clear: both;
          display: block; }
        #contents article.interview section .image_group, #contents article.interview section .text_group {
          margin: 20px 0; }
          #contents article.interview section .image_group.right, #contents article.interview section .text_group.right {
            float: right;
            margin: 0; }
          #contents article.interview section .image_group.left, #contents article.interview section .text_group.left {
            float: left;
            margin: 0; }
        #contents article.interview section .image_group img {
          display: block;
          margin: 0 auto; }
        #contents article.interview section h2 {
          position: relative;
          padding: 10px 23px;
          text-align: justify;
          margin: 0;
          color: #3c3c3c; }
          #contents article.interview section h2:before, #contents article.interview section h2:after {
            content: "";
            display: block;
            width: 23px;
            height: 57px; }
          #contents article.interview section h2:before {
            position: absolute;
            top: 0px;
            left: 0px;
            background: url("../images/interview/interview_catch_parts_head.png") no-repeat; }
          #contents article.interview section h2:after {
            position: absolute;
            bottom: 0px;
            right: 0px;
            background: url("../images/interview/interview_catch_parts_tail.png") no-repeat; }
        #contents article.interview section p {
          margin-top: 20px;
          text-align: justify;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.85714em;
          color: #000; }
        #contents article.interview section.landscape_image .image_group {
          width: 210px; }
        #contents article.interview section.landscape_image .text_group {
          width: 305px; }
        #contents article.interview section.portrait_image .image_group {
          width: 190px; }
        #contents article.interview section.portrait_image .text_group {
          width: 325px; }
        #contents article.interview section.conversation {
          background: url("../images/interview/interview_horizontal.png") no-repeat center top;
          margin-top: 40px;
          padding: 6px 0 0; }
          #contents article.interview section.conversation h2 {
            font-size: 20px;
            font-size: 2rem;
            line-height: 1.3em;
            color: #5e3017;
            margin: 40px 0 15px;
            padding: 0; }
            #contents article.interview section.conversation h2:before, #contents article.interview section.conversation h2:after {
              content: none;
              background: none; }
          #contents article.interview section.conversation h3 {
            margin-top: 20px;
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.42857em;
            color: #ff4e2b;
            font-weight: bold; }
          #contents article.interview section.conversation p {
            margin-top: 10px;
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.42857em; }
            #contents article.interview section.conversation p .interviewee {
              color: #ff4e2b;
              font-weight: bold; }
          #contents article.interview section.conversation .image_group {
            margin: 30px 0; }
    #contents article.bluray {
      margin: 30px 0;
      width: 640px; }
      #contents article.bluray:before, #contents article.bluray:after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-position: center top; }
      #contents article.bluray:before {
        height: 58px;
        background-image: url("../images/article/article_goods_bg_top.png"); }
      #contents article.bluray:after {
        height: 58px;
        background-image: url("../images/article/article_goods_bg_bottom.png"); }
      #contents article.bluray .article_wrapper {
        background: url("../images/article/article_goods_bg_middle.png") repeat-y center top;
        padding: 10px 50px; }
      #contents article.bluray .package_image {
        float: right;
        margin-left: 30px; }
      #contents article.bluray .article_title {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.33333em;
        background: none;
        padding: 0;
        margin: 0; }
      #contents article.bluray .package_tag {
        margin-top: 10px; }
        #contents article.bluray .package_tag img {
          vertical-align: middle; }
      #contents article.bluray .release_day {
        margin-top: 20px; }
      #contents article.bluray .price {
        margin-top: 20px; }
      #contents article.bluray ul {
        margin-top: 10px;
        padding-left: 1em; }
        #contents article.bluray ul li {
          font-size: 15px;
          font-size: 1.5rem;
          line-height: 1.8em;
          text-indent: -1em; }
          #contents article.bluray ul li:before {
            content: "－"; }
          #contents article.bluray ul li ul {
            margin-top: 0; }
            #contents article.bluray ul li ul li:before {
              content: "・"; }
        #contents article.bluray ul.text_big li {
          font-size: 20px;
          font-size: 2rem;
          line-height: 1.2em; }
      #contents article.bluray .block {
        border: solid 2px #ffa07a;
        border-radius: 10px;
        padding: 20px;
        margin: 40px 0; }
        #contents article.bluray .block h3:first-child {
          margin-top: 0; }
      #contents article.bluray ul.caption li {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.33333em;
        color: #3e3e3e; }
        #contents article.bluray ul.caption li:before {
          content: none; }

/* sidebar
 */
#sidebar {
  float: left;
  width: 318px; }
  #sidebar .block {
    position: relative;
    background: url("../images/sidebar/side_block_bg.png");
    margin-top: 25px;
    border-radius: 10px;
    box-shadow: 0px 1px 3px #737373;
    padding-top: 30px; }
    #sidebar .block:first-child {
      margin-top: 0; }
    #sidebar .block .block_title {
      position: absolute;
      top: -10px;
      right: 5px; }
    #sidebar .block .panel {
      position: relative;
      text-align: center; }
      #sidebar .block .panel .img img {
        display: block; }
    #sidebar .block.block_pickup .panel {
      height: 153px; }
      #sidebar .block.block_pickup .panel .img {
        position: absolute;
        top: -23px;
        left: 14px; }
      #sidebar .block.block_pickup .panel .btn {
        position: absolute;
        top: 120px;
        left: 175px; }
    #sidebar .block.block_goods .panel {
      height: 153px; }
      #sidebar .block.block_goods .panel .img {
        position: absolute;
        top: -25px;
        left: 4px; }
      #sidebar .block.block_goods .panel .btn {
        position: absolute;
        top: 120px;
        left: 175px; }
    #sidebar .block.block_event {
      padding-bottom: 5px; }
      #sidebar .block.block_event .panel {
        width: 306px;
        margin: 0 auto 5px; }
        #sidebar .block.block_event .panel:last-child {
          margin-bottom: 0; }
          #sidebar .block.block_event .panel:last-child img {
            border-radius: 0 0 6px 6px; }
      #sidebar .block.block_event .btn {
        position: absolute;
        top: 156px;
        left: 95px; }
        #sidebar .block.block_event .btn._1 {
          position: absolute;
          top: 153px;
          left: 35px; }
        #sidebar .block.block_event .btn._2 {
          position: absolute;
          top: 153px;
          left: 156px; }
    #sidebar .block.block_movie {
      padding-bottom: 5px; }
      #sidebar .block.block_movie .panel {
        background: #fff;
        width: 282px;
        height: 170px;
        margin: 0 auto;
        padding: 12px;
        border-radius: 0 0 5px 5px; }
        #sidebar .block.block_movie .panel .img img {
          margin: 0 auto; }
    #sidebar .block.block_theater {
      padding-bottom: 5px; }
      #sidebar .block.block_theater .panel {
        width: 306px;
        margin: 0 auto; }
        #sidebar .block.block_theater .panel .img {
          margin-top: -20px; }
        #sidebar .block.block_theater .panel .btn {
          position: absolute;
          top: 160px;
          left: 95px; }
  #sidebar .side_news {
    position: relative;
    margin-top: 22px;
    height: 140px;
    background: url("../images/sidebar/side_news_bg.png") no-repeat right bottom; }
    #sidebar .side_news .scroller {
      position: absolute;
      top: 43px;
      left: 107px;
      width: 194px;
      height: 80px; }
      #sidebar .side_news .scroller article time {
        color: #e35490;
        float: left;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.33333em; }
      #sidebar .side_news .scroller article .tags ul li {
        float: left;
        display: block;
        margin-left: 5px;
        background: #ffd0e4;
        width: auto;
        height: 16px;
        padding: 0 3px;
        border-radius: 3px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.33333em;
        color: #e35490; }
        #sidebar .side_news .scroller article .tags ul li a {
          color: #e35490;
          text-decoration: none; }
          #sidebar .side_news .scroller article .tags ul li a:hover {
            text-decoration: underline; }
      #sidebar .side_news .scroller article .post_title {
        clear: both;
        padding-top: 4px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5em; }
        #sidebar .side_news .scroller article .post_title a {
          display: block; }
          #sidebar .side_news .scroller article .post_title a:hover {
            color: #dc2376; }
    #sidebar .side_news .more {
      position: absolute;
      top: 5px;
      right: 3px;
      background: #fff; }
      #sidebar .side_news .more a {
        display: block; }
      #sidebar .side_news .more img {
        display: block; }
  #sidebar .side_banner {
    margin-top: 20px; }
    #sidebar .side_banner ul:after {
      content: "";
      clear: both;
      display: block; }
    #sidebar .side_banner ul li {
      display: block;
      float: left;
      margin-right: 20px;
      margin-bottom: 20px; }
      #sidebar .side_banner ul li:nth-child(even) {
        margin-right: 0; }
      #sidebar .side_banner ul li a img {
        display: block; }

/* Page original styles
 */
body.home #contents .main_visual {
  margin-bottom: 12px; }
  body.home #contents .main_visual img {
    display: block; }
body.home #contents .column_left {
  width: 342px; }
  body.home #contents .column_left .sns_share {
    margin-bottom: 12px; }
    body.home #contents .column_left .sns_share ul:after {
      content: "";
      clear: both;
      display: block; }
    body.home #contents .column_left .sns_share ul li {
      float: left;
      height: 20px; }
      body.home #contents .column_left .sns_share ul li.twitter {
        margin-right: 15px; }
      body.home #contents .column_left .sns_share ul li.facebook {
        margin-right: 15px; }
  body.home #contents .column_left .banner_nav ul li {
    margin-top: 10px;
    background: #fff; }
    body.home #contents .column_left .banner_nav ul li a {
      display: block; }
      body.home #contents .column_left .banner_nav ul li a img {
        display: block; }
body.home #contents .column_right {
  width: 280px; min-height:260px !important; height:auto;}
  body.home #contents .column_right .twitter_timeline .twitter_timeline_header {
    height: 30px; }
    body.home #contents .column_right .twitter_timeline .twitter_timeline_header:after {
      content: "";
      clear: both;
      display: block; }
    body.home #contents .column_right .twitter_timeline .twitter_timeline_header .title, body.home #contents .column_right .twitter_timeline .twitter_timeline_header .btn_follow {
      line-height: 30px; }
      body.home #contents .column_right .twitter_timeline .twitter_timeline_header .title img, body.home #contents .column_right .twitter_timeline .twitter_timeline_header .btn_follow img {
        vertical-align: middle; }
    body.home #contents .column_right .twitter_timeline .twitter_timeline_header .title {
      float: left; }
    body.home #contents .column_right .twitter_timeline .twitter_timeline_header .btn_follow {
      float: right;
      background: #fff; }
  body.home #contents .column_right .twitter_timeline .timeline {
    height: 200px !important;
    padding: 0 5px;
    background: #fff; }
    body.home #contents .column_right .twitter_timeline .timeline iframe {
      max-width: 100%;
      max-height: 100%; }

#fancy-contents {
  display: none; }

.fancy-modal-contents {
  background-color: #fff;
  width: 600px;
  padding: 60px 50px;
  text-align: center;
  color: #272727; }
  .fancy-modal-contents .align-center {
    text-align: center; }
  .fancy-modal-contents .layout-mt-0 {
    margin-top: 0; }
  .fancy-modal-contents .layout-mt-40 {
    margin-top: 40px; }
  .fancy-modal-contents .layout-mb-24 {
    margin-bottom: 24px; }
  .fancy-modal-contents .color-orange {
    color: #ff4e2b; }
  .fancy-modal-contents .color-red {
    color: #ff3939; }
  .fancy-modal-contents h1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 0.07emem;
    color: #ff4e2b;
    margin-bottom: 50px; }
  .fancy-modal-contents h2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 0.0875emem;
    color: #ff4e2b;
    font-weight: bold;
    margin-top: 40px; }
  .fancy-modal-contents p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71429em;
    margin-top: 24px; }
    .fancy-modal-contents p.layout-text-large, .fancy-modal-contents p .layout-text-large {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5em; }
  .fancy-modal-contents .box {
    margin: 30px 0;
    padding: 28px;
    border: solid 1px #f0f0f0;
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05); }
    .fancy-modal-contents .box .box-title {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.71429em;
      color: #ff4e2b;
      font-weight: bold; }
    .fancy-modal-contents .box .box-content {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.71429em; }

#page_original, #event, #news, #single, #goods, #story, #interview, #movie, #staff, #bluray, #hiroba, #links, #theater, #character {
  padding-top: 10px;
  padding-left: 10px; }
  #page_original .page_headline, #event .page_headline, #news .page_headline, #single .page_headline, #goods .page_headline, #story .page_headline, #interview .page_headline, #movie .page_headline, #staff .page_headline, #bluray .page_headline, #hiroba .page_headline, #links .page_headline, #theater .page_headline, #character .page_headline {
    margin: 30px 0 0; }

.btn_back {
  margin-bottom: 30px; }
  .btn_back:after {
    content: "";
    clear: both;
    display: block; }
  .btn_back .btn {
    float: right; }

nav.page_bottom_links {
  margin: 20px 0; }
  nav.page_bottom_links .btn_goto_top {
    width: 150px;
    height: 65px;
    margin: 0 auto; }

#goods ul.goods_page_list:after {
  content: "";
  clear: both;
  display: block; }
#goods ul.goods_page_list li {
  float: left;
  margin-bottom: 20px; }
  #goods ul.goods_page_list li a {
    display: block; }
  #goods ul.goods_page_list li img {
    display: block; }
#goods .newest_goods ul.goods_page_list {
  margin-top: 30px; }
  #goods .newest_goods ul.goods_page_list li {
    margin-right: 40px; }
    #goods .newest_goods ul.goods_page_list li:nth-child(even) {
      margin-right: 0; }
#goods .past_goods ul.goods_page_list {
  margin-top: 20px; }
  #goods .past_goods ul.goods_page_list li {
    margin-right: 20px; }
    #goods .past_goods ul.goods_page_list li:nth-child(even) {
      margin-right: 0; }

#story .outline {
  margin-top: 40px; }
  #story .outline img {
    display: block; }
#story .story_nav {
  margin: 20px 0 25px; }
  #story .story_nav ul {
    padding: 0 12px; }
    #story .story_nav ul:after {
      content: "";
      clear: both;
      display: block; }
    #story .story_nav ul li {
      float: left;
      margin: 0 3px; }
      #story .story_nav ul li a {
        display: block; }
        #story .story_nav ul li a img {
          display: block; }
#story #story_1, #story #story_2, #story #story_3, #story #story_4 {
  margin-top: 40px; }
  #story #story_1 img, #story #story_2 img, #story #story_3 img, #story #story_4 img {
    display: block; }

#interview {
  padding-top: 25px; }
  #interview:before, #interview:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center top; }
  #interview:before {
    height: 15px;
    background-image: url("../images/interview/interview_bg_top.png"); }
  #interview:after {
    height: 15px;
    background-image: url("../images/interview/interview_bg_bottom.png"); }
  #interview #interview_wrapper {
    width: 640px;
    background: url("../images/interview/interview_bg_middle.png") repeat-y center top;
    padding: 0 50px; background-size: 100% auto; }
    #interview #interview_wrapper .page_headline {
      margin: 0 -50px 0; }
    #interview #interview_wrapper #interview_nav {
      padding-bottom: 40px;
      border-bottom: solid 2px #d2d2d2;
      margin-top: 5px;
      margin-bottom: 60px; }
      #interview #interview_wrapper #interview_nav ol:after {
        content: "";
        clear: both;
        display: block; }
      #interview #interview_wrapper #interview_nav ol li {
        float: left;
        margin-top: 12px; }
        #interview #interview_wrapper #interview_nav ol li img {
          display: block; }
        #interview #interview_wrapper #interview_nav ol li.pos_1 {
          margin-left: -5px; }
        #interview #interview_wrapper #interview_nav ol li.pos_2 {
          margin-left: 12px; }
        #interview #interview_wrapper #interview_nav ol li.pos_3 {
          margin-left: 24px; }
        #interview #interview_wrapper #interview_nav ol li.pos_4 {
          margin-left: 12px; }
    #interview #interview_wrapper #interview_pagenate {
      padding: 25px 0;
      border-top: solid 2px #d2d2d2;
      display: table;
      width: 100%; }
      #interview #interview_wrapper #interview_pagenate div {
        display: table-cell; }
        #interview #interview_wrapper #interview_pagenate div.prev {
          text-align: left; }
        #interview #interview_wrapper #interview_pagenate div.next {
          text-align: right; }

#movie .movies {
  background: url("../images/movie/movie_bg.png");
  margin-top: 20px; }
  #movie .movies ul {
    padding: 50px 30px; }
    #movie .movies ul:after {
      content: "";
      clear: both;
      display: block; }
    #movie .movies ul li {
      width: 280px;
      float: left;
      margin-top: 70px; }
      #movie .movies ul li:nth-child(even) {
        float: right; }
      #movie .movies ul li:nth-child(1) {
        margin-top: 0px; }
      #movie .movies ul li:nth-child(2) {
        margin-top: 170px; }

#staff .staff_title img {
  display: block; }
#staff .staff_border {
  margin: 20px 0 40px; }
  #staff .staff_border:before, #staff .staff_border:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center top; }
  #staff .staff_border:before {
    height: 58px;
    background-image: url("../images/article/article_goods_bg_top.png"); }
  #staff .staff_border:after {
    height: 58px;
    background-image: url("../images/article/article_goods_bg_bottom.png"); }
  #staff .staff_border .staff_wrapper {
    background: url("../images/article/article_goods_bg_middle.png") repeat-y center top;
    padding: 0 50px; }
  #staff .staff_border a {
    color: #ff4e2b; }
  #staff .staff_border .staff_block dl {
    margin-top: 20px; }
    #staff .staff_border .staff_block dl dt {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 2.66667em;
      float: left; }
    #staff .staff_border .staff_block dl dd {
      margin-left: 250px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 2.66667em; }
      #staff .staff_border .staff_block dl dd:before {
        content: "：";
        margin-right: 20px; }
  #staff .staff_border .main_theme_song_block, #staff .staff_border .songs_block {
    margin-top: 40px; }
    #staff .staff_border .main_theme_song_block dl dt, #staff .staff_border .songs_block dl dt {
      margin-top: 20px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.6em;
      font-weight: bold; }
    #staff .staff_border .main_theme_song_block dl dd, #staff .staff_border .songs_block dl dd {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.71429em;
      margin-top: 10px; }
  #staff .staff_border .cast_block {
    margin-top: 40px; }
    #staff .staff_border .cast_block dl {
      margin-top: 20px; }
      #staff .staff_border .cast_block dl:after {
        content: "";
        clear: both;
        display: block; }
      #staff .staff_border .cast_block dl dt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 2.66667em;
        float: left;
        width: 19%; }
      #staff .staff_border .cast_block dl dd {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 2.66667em;
        float: left;
        width: 81%; }
        #staff .staff_border .cast_block dl dd:before {
          content: "：";
          margin-right: 12px; }
  #staff .staff_border .btn_interview {
    margin-top: 40px; }
    #staff .staff_border .btn_interview a {
      position: relative;
      display: block;
      width: 342px;
      margin: 0 auto; }
      #staff .staff_border .btn_interview a:before {
        content: "";
        display: block;
        width: 85px;
        height: 66px;
        background: url("../images/staff/balloon.png") no-repeat;
        position: absolute;
        top: 0px;
        left: -95px; }
      #staff .staff_border .btn_interview a img {
        vertical-align: middle; }
  #staff .staff_border .btn_staff_page {
    margin-top: 40px;
    text-align: center; }
    #staff .staff_border .btn_staff_page img {
      vertical-align: middle; }

.modal_comment {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%x; max-width: 680px;
  height: auto;
  padding: 30px;
  background: url("../images/staff/comment_bg.png") repeat-y; }
  .modal_comment .title {
    height: 74px;
    background: url("../images/staff/comment_title_bg.png") no-repeat;
    margin-bottom: 30px; background-position: right;}
    .modal_comment .title .name {
      display: block;
      font-size: 32px;
      font-size: 3.2rem;
      font-weight: bold;
      line-height: 40px;
      margin-bottom: 10px; }
    .modal_comment .title .character {
      display: block;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: normal;
      line-height: 24px; }
  .modal_comment .question {
    margin: 30px 20px 0;
    margin-top: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857em;
    color: #ff4e2b; }
  .modal_comment .comment {
    margin: 0 20px; }
    .modal_comment .comment p {
      margin-top: 10px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.33333em; }

#bluray .bluray_list li {
  width: 300px;
  float: left;
  margin-top: 30px; }
  #bluray .bluray_list li:nth-child(even) {
    float: right; }

#hiroba .timeline {
  margin-top: 20px;
  background: #fff;
  padding: 50px 61px;
  border-radius: 20px;
  box-shadow: 0px 1px 3px #737373; }
  #hiroba .timeline h2 {
    margin-bottom: 40px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.17647em;
    color: #ff4e2b;
    text-align: center; }

#links .links_block {
  margin-top: 20px;
  background: #fff;
  padding: 50px;
  border-radius: 20px;
  box-shadow: 0px 1px 3px #737373; }
  #links .links_block dl dt {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6em; }
    #links .links_block dl dt:before {
      content: "●";
      color: #ff4e2b;
      margin-right: 0.5em; }
  #links .links_block dl dd {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6em;
    margin-left: 1.5em;
    margin-bottom: 20px; }
    #links .links_block dl dd a {
      color: #63808f; }
      #links .links_block dl dd a:hover {
        text-decoration: none; }

#theater .present {
  margin-top: 50px; }
#theater .stretch {
  margin-top: 50px; }
#theater .attendance_sp, #theater .ticket_campaign, #theater .bluray {
  margin-top: 50px; }
  #theater .attendance_sp .banner, #theater .ticket_campaign .banner, #theater .bluray .banner {
    position: relative;
    background: url("../images/theater/theater_attendance_sp_bg.png") no-repeat left top;
    height: 210px; }
    #theater .attendance_sp .banner > .title, #theater .ticket_campaign .banner > .title, #theater .bluray .banner > .title {
      position: absolute;
      top: 34px;
      left: 31px; }
    #theater .attendance_sp .banner > .description, #theater .ticket_campaign .banner > .description, #theater .bluray .banner > .description {
      position: absolute;
      top: 90px;
      left: 31px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.33333em;
      width: 420px; }
    #theater .attendance_sp .banner > .image, #theater .ticket_campaign .banner > .image, #theater .bluray .banner > .image {
      position: absolute;
      top: -20px;
      right: 10px; }
#theater .ticket_campaign {
  margin-top: 40px; }
  #theater .ticket_campaign .banner {
    background: url("../images/theater/theater_ticket_campaign_bg.png") no-repeat left top;
    height: 270px; }
    #theater .ticket_campaign .banner > .description {
      position: absolute;
      top: 120px;
      left: 31px; }
    #theater .ticket_campaign .banner > .btn_group {
      position: absolute;
      top: 180px;
      left: 31px; }
#theater .bluray {
  margin-top: 40px; }
  #theater .bluray .banner {
    background: url("../images/theater/theater_bluray_bg.png") no-repeat left top;
    height: 270px; }
    #theater .bluray .banner > .btn_group {
      position: absolute;
      top: 190px;
      left: 30px; }
    #theater .bluray .banner > .image {
      position: absolute;
      top: 110px;
      right: 15px; }
    #theater .bluray .banner.thin {
      background: url("../images/theater/theater_bluray_bg_thin.png") no-repeat left top;
      height: 246px; }
      #theater .bluray .banner.thin > .btn_group {
        top: 160px; }
  #theater .bluray .attention {
    margin-top: 50px; }
    #theater .bluray .attention .title {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.84615em;
      color: #ff4e2b;
      border-bottom: solid 1px #dddddd; }
    #theater .bluray .attention .description {
      margin-top: 10px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.38462em; }
      #theater .bluray .attention .description li {
        padding-left: 1em;
        text-indent: -1em; }
        #theater .bluray .attention .description li:before {
          content: "・"; }
#theater .theaters {
  margin-top: 50px;
  border-radius: 10px;
  border: solid 1px #f0f0f0;
  background: #fff;
  padding: 50px 40px; }
  #theater .theaters h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2em;
    font-weight: bold;
    color: #5a5a5a;
    margin-bottom: 10px; }
    #theater .theaters h2 a {
      color: #ff4e2b; }
  #theater .theaters p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8em; }
    #theater .theaters p.caption {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.84615em;
      color: #ff3939; }
  #theater .theaters h3 {
    margin-top: 10px;
    margin-bottom: 6px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.11111em;
    color: #ff4e2b;
    padding-bottom: 3px;
    border-bottom: dotted 2px #ff4e2b; }
  #theater .theaters table {
    width: 100%;
    margin-bottom: 30px; }
    #theater .theaters table thead tr th {
      border-bottom: solid 2px #dfdcd2;
      text-align: left;
      vertical-align: middle;
      padding: 10px 0;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.07692em; }
      #theater .theaters table thead tr th.area {
        width: 62px; }
      #theater .theaters table thead tr th.theater_name {
        width: 240px; }
      #theater .theaters table thead tr th.duration {
        width: 75px; }
      #theater .theaters table thead tr th.bd_status {
        width: 6em; }
    #theater .theaters table tbody tr td {
      border-bottom: solid 1px #dfdcd2;
      text-align: left;
      vertical-align: middle;
      padding: 10px 0;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.07692em; }
      #theater .theaters table tbody tr td a {
        font-weight: bold;
        color: #ff4e2b; }
      #theater .theaters table tbody tr td i {
        width: 15px;
        height: 15px;
        margin-left: 2em;
        vertical-align: middle; }
        #theater .theaters table tbody tr td i._0 {
          background: url("../images/theater/icon_status_cross.png") no-repeat center center; }
        #theater .theaters table tbody tr td i._1 {
          background: url("../images/theater/icon_status_triangle.png") no-repeat center center; }
        #theater .theaters table tbody tr td i._2 {
          background: url("../images/theater/icon_status_circle.png") no-repeat center center; }
  #theater .theaters .btn_theater_page {
    margin-top: 40px;
    text-align: center; }
    #theater .theaters .btn_theater_page img {
      vertical-align: middle; }

#_404 {
  padding-top: 40px;
  padding-left: 10px;
  text-align: center; }

.coming_soon .coming_soon_img {
  margin-top: 40px;
  text-align: center;
  padding-bottom: 20px; }

#radio .articles > li:after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background: url("../images/radio/article_shadow.png") no-repeat left top; }

#radio .radio, #single .radio {
  background: url("../images/radio/article_bg.png"); }
  #radio .radio:before, #single .radio:before {
    content: none; }
  #radio .radio:after, #single .radio:after {
    content: none; }
  #radio .radio .article_wrapper, #single .radio .article_wrapper {
    background: url("../images/radio/article_bg_ribon.png") no-repeat right top;
    padding: 36px 24px; }
    #radio .radio .article_wrapper .youtube, #single .radio .article_wrapper .youtube {
      float: right;
      margin: 0 0 12px 12px; }
      #radio .radio .article_wrapper .youtube iframe, #single .radio .article_wrapper .youtube iframe {
        display: block;
        border: solid 1px #e1e1e1;
        width: 250px;
        height: 141px; }
      #radio .radio .article_wrapper .youtube .label, #single .radio .article_wrapper .youtube .label {
        margin-top: 6px;
        width: 100%;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.16667em;
        text-align: center; }
    #radio .radio .article_wrapper .article_title, #single .radio .article_wrapper .article_title {
      padding: 0;
      margin: 0 0 24px 0;
      background: none;
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.3em; }
    #radio .radio .article_wrapper .article_body, #single .radio .article_wrapper .article_body {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.71429em; }
    #radio .radio .article_wrapper .photos, #single .radio .article_wrapper .photos {
      clear: both;
      text-align: center;
      margin: 0 -6px; }
      #radio .radio .article_wrapper .photos .photo, #single .radio .article_wrapper .photos .photo {
        display: inline-block;
        vertical-align: bottom;
        margin: 12px 6px 0; }
        #radio .radio .article_wrapper .photos .photo img, #single .radio .article_wrapper .photos .photo img {
          width: auto;
          height: 200px; }
        #radio .radio .article_wrapper .photos .photo.large img, #single .radio .article_wrapper .photos .photo.large img {
          width: 420px;
          height: auto; }

/*# sourceMappingURL=style.css.map */


.white-popup {
        position: relative;
        width: auto;
        max-width: 1200px;
        margin: 0 auto;
    }

/* mfp-bg（overlay） */
.mfp-fade01.mfp-bg,
.mfp-fade02.mfp-bg {
	opacity: 0;
	transition: all 0.2s ease-out;
}
.mfp-fade01.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade02.mfp-bg.mfp-ready {
	opacity: 0.6;
}
.mfp-fade01.mfp-bg.mfp-removing,
.mfp-fade02.mfp-bg.mfp-removing {
	opacity: 0;
}

/* mfp-content */
.mfp-fade01.mfp-wrap .mfp-content,
.mfp-fade02.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all 0.2s ease-out;
}
.mfp-fade01.mfp-wrap.mfp-ready .mfp-content,
.mfp-fade02.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade01.mfp-wrap.mfp-removing .mfp-content,
.mfp-fade02.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.bdbox .fa-link { font-size:0.7em; padding-left:3px; color:#ff6633; }

#box-b { position:relative; padding:30px; width:100%; max-width:700px; box-sizing: border-box; background-image: url("/img/pop_bg.jpg");  }
.box-in { display:block; line-height:1em; }
.box-in a { margin: 0; padding: 0; line-height:1em; }
.box-in img { width:100%; margin: 0; padding: 0; vertical-align: bottom; line-height:1em;}
.box-tape-lu { background-image: url("/img/pop-tape-lu.png"); background-size:100% 100%; position:absolute; width:68px; height:56px; top:10px; left:10px; }
.box-tape-ru { background-image: url("/img/pop-tape-ru.png"); background-size:cover; position:absolute; width:68px; height:56px; top:10px; right:10px; }
.box-tape-ld { background-image: url("/img/pop-tape-ld.png"); background-size:cover; position:absolute; width:68px; height:56px; bottom:10px; left:15px; }
.box-tape-rd { background-image: url("/img/pop-tape-rd.png"); background-size:cover; position:absolute; width:68px; height:56px; bottom:10px; right:10px; }

.bdbox-r {
  margin: 16px 0 20px; text-align:left;
  background: #fff;
  padding: 2em 2em 2em;
  border-radius: 10px;
  box-shadow: 0px 1px 3px #737373; }
 .bdbox-r h2 { display:block;
    margin: 0 0 1em; 
    font-size: 1.4em;
    line-height: 1.6em;
    color: #000;
    text-align: center; }
.bdbox-r h2 span { display:block; padding:0.2em 0;
    font-size: 1.3em;
    line-height: 1.6em;
    color: #ff4e2b;
    text-align: center; }
 .bdbox-r h2 img { width: 200px; height:auto; }
.bd-img2 img { width:50%; display: inline-block; }
.bd-img img { width:100%; display: inline-block; }
.bd-texx { padding:0; line-height:1.4em; margin:0 0 0.6em; }

.bd-imgf { display: flex;  flex-wrap: wrap;  }
.bd-imgf .flexbox  { display: block;  width:48%; margin:0 1% 10px; padding:10px; box-sizing:border-box; text-align:center; border:1px solid #efefef; border-radius:5px;  }
.bd-imgf .flexbox img { width:100%; padding:5px;  display: block; margin-top: auto;}


.modal_chara_bloc { display: block; width:100%; max-width:1000px; }
.modal_chara_bloc img { width:100%; height:auto !important;}

.modoru { text-align:center; font-size;1.1em; margin:0.8em; padding:0.5em;}