/*
Theme Name: darekanomokkin
Description: http://darekanomokkin.com
*/

html {
  height: 100%;
  font-size: 62.5%;
}

body {
  position: relative;
  /*height: 100%;*/
  /*min-width: 1180px;*/
  font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: normal;
  font-size: 1.5em;
  color: #3d3d3d;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto | grayscale;
  overflow-x: hidden;
}

body#top {
  height: 100%;
}

a {
  color: #a26f00;
  text-decoration: none;
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
}

a:hover {
  color: #d4b269;
}

img {
  max-width: 100%;
  height: auto;
}

.fixed-width {
  max-width: none;
}

p {
  text-align:justify;
  text-justify: inter-ideograph;
}










/**************************************
404
**************************************/
.error_content {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 10px 160px 10px;
  overflow: hidden;
  text-align: center;
}

.error_content h2 {
  margin: 0 0 40px 0;
}

.error_content p {
  text-align: center;
}




/**************************************
footer
**************************************/
.footer {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 10px 92px 10px;
  overflow: hidden;
}

.footer_group {
  max-width: 742px;
  float: left;
  margin: 0 20px 0 0;
}

.footer_date {
  margin: 0 0 17px 0;
}

.footer_cast {
  margin: 0 0 14px 0;
}

.footer_billing {
  margin: 0 0 26px 0;
}







/**************************************
top-page
**************************************/

.top_main {
  position: relative;
  height: 88%;
  /*min-width: 1180px;*/
  min-width: 1024px;
  min-height: 740px;
  background: url(images/top_bg_main.jpg) right top no-repeat;
  background-size: cover;
  opacity: 0;
  -webkit-animation: 0.7s top_anim 0.5s ease forwards;
  animation: 0.7s top_anim 0.5s ease forwards;
}

.top_header {
  position: absolute;
  top: 10px;
  left: 12px;
  z-index: 4;
}

.top_header_title {
  margin: 0 0 15px 0;
}

.top_header_date {
  margin: 0 0 16px 0;
}

.top_catch {
  position: absolute;
  top: 40px;
  right: 60px;
}

.top_sns {
  position: absolute;
  bottom: 56px;
  right: 12px;
  text-align: right;
}

.top_sns_twitter {
  display: inline-block;
  margin: 0 7px 7px 0;
}

.top_sns_facebook {
  display: inline-block;
  margin: 0 7px 7px 0;
}

.top_sns_eigacom {
  display: inline-block;
  margin: 0 7px 7px 0;
}


.top_anim {
  opacity: 0;
  -webkit-animation: 0.7s top_anim 1.8s ease forwards;
  animation: 0.7s top_anim 1.8s ease forwards;
}

@-webkit-keyframes top_anim {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes top_anim {
  0% { opacity: 0; }
  100% { opacity: 1; }
}




/* top-page-navi
-----------------------------------------*/
.top_header_navi {
  font-size: 0;
  margin: 0 0 0 -12px;
}

.top_header_navi_group {
  margin: 0 0 6px 0;
}
 
.top_header_navi_btn a {
  display: inline-block;
  margin: 0 0 6px 0;
  padding: 6px 26px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 1rem;
}

.top_header_navi_btn a:hover {
  background: rgba(255, 242, 0, 0.9);
}

.top_header_navi_btn.deactive {
  display: inline-block;
  margin: 0 0 6px 0;
  padding: 6px 26px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 1rem;
  opacity: 0.4;
}

.top_header_navi_btn img {
  
}

.top_header_navi_twitter {
  display: inline-block;
  margin: 0 7px 0 12px;
}

.top_header_navi_twitter a {
  display: block;
  width: 48px;
  height: 48px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 0 0 13px;
  background: #FFF;
  border-radius: 24px;
}

.top_header_navi_facebook {
  display: inline-block;
}

.top_header_navi_facebook a {
  display: block;
  width: 48px;
  height: 48px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px 0 0 20px;
  background: #FFF;
  border-radius: 24px;
}

.top_header_navi_twitter a:hover,
.top_header_navi_facebook a:hover {
  background: #fff100;
}


.top_main_sp {
  display: none;
}



/* top-announce 
-----------------------------------------*/
.top_announce { 
  position: absolute;
  bottom: 36px; /*コメントモジュール追加時*/
  /* bottom: 0; コメントモジュール削除時*/
  left: 0;
  width: 508px;
  height: 358px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 190px 0 20px 12px;
  background: url(images/top_bg_bnr.png) no-repeat;
}

.top_announce_group {
  position: relative;
}

.top_announce_item {
  display: block;
  float: left;
  padding: 0 10px 10px 0;
}

.top_announce_item:hover {
  opacity: 0.8;
}



/* top-comment
-----------------------------------------*/
.top_comment {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 14px;
  background: #fff430 url(images/top_bg_comment.jpg) left center no-repeat;
}

.top_comment_title {
  float: left;
  margin: 0 14px 0 0;
  font-family: serif;
  font-weight: bold;
}

.top_comment_item {
  font-size: 1.3rem;
  line-height: 1.2;
  color: #000;
  font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.top_comment_item a {
  color: #000;
}

.top_comment_item span {
  color: #a26f00;
}


/* top-footer
-----------------------------------------*/
.top_footer {
  /*min-width: 1180px;*/
  min-width: 1024px;
  margin: 0 auto;
  padding: 27px 20px 150px 20px;
  background: url(images/top_bg_foot.jpg) right top no-repeat;
  overflow: hidden;
}

.footer_banner {
  width: 100%;
  margin: 0 0 0 -762px;
  padding: 0 0 0 782px;
  font-size: 0;
}

.footer_banner_item {
  display: inline-block;
  margin: 0 10px 10px 0;
  font-size: 1rem;
}

.footer_banner_item:hover {
  opacity: 0.8;
}





/**************************************
common-navigation
**************************************/
.navi {
  position: relative;
  max-width: 1120px;
  margin: 0 auto 130px auto;
  padding: 47px 10px 0 10px;
}

.navi_btn_ham {
  display: none;
}

.navi_btn_group {
  font-size: 0;
}

.navi_btn {
  display: inline-block;
  margin: 0 76px 0 0;
  font-size: 1rem;
  vertical-align: middle;
}

.navi_btn.deactive {
  display: inline-block;
  margin: 0 76px 0 0;
  font-size: 1rem;
  vertical-align: middle;
  opacity: 0.3;
}

.navi_btn a {
  display: inline-block;
  position: relative;
  padding: 10px 0;
}

.navi_btn a:hover:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  height: 2px;
  width: 0%;
  background: #a26f00;
  -webkit-animation: 0.4s navi_btn_anim ease forwards;
  animation: 0.4s navi_btn_anim ease forwards;
}

@-webkit-keyframes navi_btn_anim {
  0% { left: 50%; width: 0%; }
  100% { left: 0%; width: 100%; }
}

@keyframes navi_btn_anim {
  0% { left: 50%; width: 0%; }
  100% { left: 0%; width: 100%; }
}

.navi_btn:last-of-type {
  margin: 0;
}

.navi_btn .active {
  border-bottom: 2px solid #a26f00;
}









/**************************************
lower-page-common
**************************************/
.page-header {
  max-width: 1120px;
  margin: 0 auto 100px auto;
  padding: 0 10px;
}

.page-header_title {
  margin: 0 0 10px 0;
}

.page-header_sub-title {
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.page_content {
  max-width: 1120px;
  margin: 0 auto 150px auto;
  padding: 0 10px; 
}


@-webkit-keyframes bg_anim {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


@keyframes bg_anim {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


.bg_container {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-animation: 1.5s bg_anim 0.5s ease forwards;
  animation: 1.5s bg_anim 0.5s ease forwards;
  overflow: hidden;
}





/**************************************
news
**************************************/

.news_bg {
  position: absolute;
  top: -760px;
  left: 50%;
  margin: 0 0 0 -270px;
}

.news_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1120px;
  /*margin: 0 auto 13.4% auto;*/
  margin: 0 auto 100px auto;
  padding: 0 10px;
}

.news_list {
  -webkit-flex-basis: 70%;
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
}

.news_sidebar {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.news_item {
  margin: 0 0 3.8% 0;
  padding: 0 0 5.4% 0;
  margin: 0 0 3vh 0;
  padding: 0 0 5vh 0;
  background: url(images/common_bg_line.png) left bottom no-repeat;
}

.news_header_group {
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: normal;
}

.news_date {
  margin: 0 0 1% 0;
}

.news_header {
  font-weight: normal;
  font-size: 2.7rem;
  line-height: 1.2;
  color: #000;
}

.news_header a {
  color: #000;
}

.news_header a:hover {
  color: #d4b269;
}

.news_header_category {
  margin: 1.2% 0 0 0;
  font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}



/* single-page 
--------------------------------------*/
.news_single {
  -webkit-flex-basis: 70%;
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
}

.news_txt {
  padding: 3.8% 0 2vh 0;
}

.news_txt p {
  margin: 3.2vh 0 0 0;
  line-height: 1.8;
}

.news_btn_back {
  text-align: center;
}



/* pagenation 
--------------------------------------*/
.pagenation {
  font-size: 1.6rem;
  text-align: center;
}

.pagenation_btn_prev {
  display: inline-block;
  margin: 0 50px 0 0;
}

.pagenation_btn_next {
  display: inline-block;
  margin: 0 0 0 50px;
}

.pagenation_btn_num {
  display: inline-block;
  padding: 10px;
}

a.pagenation_btn_num {
  color: #000;
}

a.pagenation_btn_num:hover {
  color: #d4b269;
}

.pagenation_btn_num.active {
  color: #a26f00;
  border-bottom: 2px solid #a26f00;
}



/* sidebar-widget 
--------------------------------------*/
.news_sidebar_sp {
  display: none;
}

.side_widget {
  margin: 0 0 42.9% 0;
}

.side_widget:last-of-type,
.latest_posts_template_widget {
  margin: 0;
}

.widgettitle {
  margin: 0 0 22% 0;
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.13em;
  color: #000;
}

.cat-item {
  margin: 0 0 10% 0;
}

.cat-item a {
  padding: 4px 0;
  color: #000;
}

.cat-item a:hover {
  color: #d4b269;
}

.news_latest_item {
  margin: 0 0 10% 0;
}

.news_latest_date {
  margin: 0 0 2% 0;
  font-size: 1.3rem;
  color: #666;
}

.news_latest_header {
  font-weight: normal;
  line-height: 1.2;
  color: #000;
}

.news_latest_header a {
  color: #000;
}

.news_latest_header a:hover {
  color: #d4b269;
}







/**************************************
introduction
**************************************/
.intro_bg {
  position: absolute;
  z-index: -1;
  top: -450px;
  left: 50%;
  width: 100%;
  height: 100%;
  margin: 0 0 0 -300px;
  opacity: 0;
  -webkit-animation: 1.5s bg_anim 0.5s ease forwards;
  animation: 1.5s bg_anim 0.5s ease forwards;
}

.intro_hero {
	width: 100%;
	height: 480px;
	margin-top: -7vw; 
	margin-bottom: 9vw;
	background: #FFF;
	-webkit-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	transform: skewY(-4deg);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	overflow: hidden;
}

.intro_hero_img {
	width: 100%;
	height: 100%;
	padding-bottom: 9%;
	background: url(images/intro_main.jpg) center center;
	background-size: cover;
	-webkit-transform: skewY(4deg);
	-ms-transform: skewY(4deg);
	transform: skewY(4deg);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}

.intro_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1120px;
  margin: 0 auto 150px auto;
  padding: 0 10px;
}

.intro_txt_group {
  -webkit-flex-basis: 67%;
  -ms-flex-preferred-size: 67%;
  flex-basis: 67%;
}

.intro_txt {
  margin: 0 0 7% 0;
}

.intro_txt:last-of-type {
  margin: 0;
}

.intro_txt_header {
  margin: 0 0 3.8% 0;
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: normal;
  font-size: 2.7rem;
  line-height: 1.35;
  color: #000;
}

.intro_txt_para {
  line-height: 1.75;
}

.intro_img_group {
  -webkit-flex-basis: 28.6%;
  -ms-flex-preferred-size: 28.6%;
  flex-basis: 28.6%;
}

.intro_img_item {
  margin: 0 0 4px 0;
}







/**************************************
story
**************************************/
.story_bg {
  position: absolute;
  z-index: -1;
  top: -980px;
  left: 50%;
  width: 100%;
  height: 100%;
  margin: 0 0 0 -840px;
  opacity: 0;
  -webkit-animation: 1.5s bg_anim 0.5s ease forwards;
  animation: 1.5s bg_anim 0.5s ease forwards;
}

.story_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1120px;
  margin: -30px auto 150px auto;
  padding: 0 10px;
}

.story_txt {
  -webkit-flex-basis: 63.8%;
  -ms-flex-preferred-size: 63.8%;
  flex-basis: 63.8%;
}

.story_txt_header {
  margin: 0 0 4.2% 0;
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: normal;
  font-size: 2.7rem;
  line-height: 1.35;
  color: #000;
}

.story_txt_para {
  line-height: 1.75;
}

.story_img_sp {
  display: none;
}

.story_img-group01 {
  position: relative;
  margin: 0 0 9.9% 0;
}

.story_img-group02 {
  -webkit-flex-basis: 34.4%;
  -ms-flex-preferred-size: 34.4%;
  flex-basis: 34.4%;
  position: relative;
}

.story_img01 { margin: 0 0 0 13.8%;  }
.story_img02 { margin: 17.6% 0 0 0; }
.story_img03 { position: absolute; margin: 20% 68% 0 0;  }
.story_img04 { position: absolute; margin: 44% 1% 0 66%; }
.story_img05 { position: absolute; margin: -15.5% 3.8% 0 50%;  }
.story_img06 { position: absolute; margin: 160% 50% 0 6%; }
.story_img07 { position: absolute; margin: 173% 5% 0 50.5%; }
.story_img08 { position: absolute; margin: 221% 14% 0 0; }







/**************************************
cast
**************************************/
.cast_bg {
  position: absolute;
  z-index: -1;
  top: -230px;
  left: 50%;
  width: 100%;
  height: 100%;
  margin: 0 0 0 -1370px;
  opacity: 0;
  -webkit-animation: 1.5s bg_anim 0.5s ease forwards;
  animation: 1.5s bg_anim 0.5s ease forwards;
}

.cast {
  margin: 0 0 4.5% 0;
  padding: 0 0 6% 0;
  background: url(images/common_bg_line.png) left bottom no-repeat;
}

.cast_group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cast_actor {
  -webkit-flex-basis: 48%;
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
  margin: 0 0 40px 0;
}

.cast_actor_img {
  margin: 0 0 4.8% 0;
}

.cast_actor_name {
  margin: 0 0 2.4% 0;
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: normal;
  font-size: 3.4rem;
  line-height: 1.35;
  color: #000;
}

.cast_actor_profile {
  font-size: 1.3rem;
  line-height: 1.5;
}

.cast_btn {
  text-align: center;
}

.cast_btn_qa {
  display: inline-block;
  padding: 10px 30px;
  border: 2px solid #000;
}

.cast_title_min {
  margin: 0 0 3.5% 0;
}


/* staff 
-------------------------------------*/
.staff {
  padding: 0 0 4% 0;
  background: url(images/common_bg_line.png) left bottom no-repeat;
}

.staff_main {
  margin: 0 0 5.5% 0;
}

.staff_main_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 3.5% 0; 
}

.staff_main_img {
  -webkit-flex-basis: 22%;
  -ms-flex-preferred-size: 22%;
  flex-basis: 22%;
}

.staff_main_txt {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

.staff_main_name {
  margin: 0 0 2% 0;
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: normal;
  font-size: 1.5rem;
  color: #000;
}

.staff_main_name span {
  font-size: 2.3em;
  line-height: 1.3;
}

.staff_profile {
  font-size: 1.3rem;
  line-height: 1.6;
}

.staff_sub {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.staff_sub_left {
  -webkit-flex-basis: 31%;
  -ms-flex-preferred-size: 31%;
  flex-basis: 31%;
}

.staff_sub_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 65%;
  -ms-flex-preferred-size: 65%;
  flex-basis: 65%;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.staff_sub_item {
  margin: 0 0 30px 0;
}

.staff_sub_right .staff_sub_item {
  -webkit-flex-basis: 47%;
  -ms-flex-preferred-size: 47%;
  flex-basis: 47%;
}

.staff_sub_name {
  margin: 0 0 12px 0;
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: normal;
  font-size: 1.5rem;
  color: #000;
}

.staff_sub_name span {
  font-size: 1.6em;
}

.staff_sub_name span.two-line {
  line-height: 1.4;
}


/* Q&A 
-------------------------------------*/
.qa {
  margin: -7px -10px 0 0;
  padding: 4.5% 10px 0 0;
  background: url(images/qa_bg.jpg) right top no-repeat;
}

.qa_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.qa_left {
  -webkit-flex-basis: 65.5%;
  -ms-flex-preferred-size: 65.5%;
  flex-basis: 65.5%;
}

.qa_right {
  -webkit-flex-basis: 30.4%;
  -ms-flex-preferred-size: 30.4%;
  flex-basis: 30.4%;
}

.qa_item {
  margin: 0 0 8% 0;
}

.qa_item:last-of-type {
  margin: 0;
}

.qa_name {
  margin: 0 0 4.7% 0;
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: normal;
  font-size: 1.5rem;
  color: #000;
}

.qa_name span {
  background: url(images/qa_name_bg.gif) left bottom repeat-x;
  font-size: 2.1em;
  line-height: 1.3;
}

.qa_txt_para {
  margin: 0 0 3.5% 0;
  line-height: 1.6;
}

.qa_txt_para:last-of-type {
  margin: 0;
}

.qa_txt_para strong {
  color: #000;
}

.qa_img {
  margin: 0 0 3% 0;
}


/**************************************
theater
**************************************/
.theater_bg {
  position: absolute;
  z-index: -1;
  top: -810px;
  left: 50%;
  width: 100%;
  height: 100%;
  margin: 0 0 0 -1600px;
  opacity: 0;
  -webkit-animation: 1.5s bg_anim 0.5s ease forwards;
  animation: 1.5s bg_anim 0.5s ease forwards;
}


.theater_bg img {
  max-width: none;
}

.theater_banner {
  max-width: 1120px;
  margin: 0 auto 40px auto;
  padding: 0 10px;
  text-align: center;
}

.theater_banner_item {
  display: inline-block;
  margin: 0 10px 10px 0;
}

.theater_banner_item:last-of-type {
  margin: 0 0 10px 0;
}

.theater_banner_item a:hover {
  opacity: 0.7;
}

.theater_list {
  display: none;
  margin: 0 0 40px 0;
}

.theater_list table {
  width: 100%;
  text-align: left;
}

.theater_list thead th {
  padding: 16px 20px;
  background: #000;
  color: #FFF;
  text-align: left;
}

.theater_list thead th:nth-of-type(1) {
  width: 6em;
}

.theater_list thead th:nth-of-type(3) {
  width: 13em;
}

.theater_list thead th:nth-of-type(4),
.theater_list td:nth-of-type(4) {
  width: 5em;
  text-align: center;
}

.theater_list tbody td {
  padding: 16px 20px;
  border-bottom: 1px solid #b1b1b1;
  vertical-align: middle;
  line-height: 1.4;
}

.theater_list tbody tr:hover > td {
  background: #fefce6;
}

.theater_list.current {
  display: block;
}



.theater_txt {
  margin: 0 0 3% 0;
  line-height: 1.6;
}


.theater_btn_group {
  display: flex;
  margin: 0 0 2% 0;
  margin: 0 0 4.5vh 0;
}

.theater_btn {
  width: 50%;
  padding: 20px 10px;
  text-align: center;
  border: 1px solid #CCC;
}

.theater_btn:not(.current):hover {
  background: #fbe817;
  cursor: pointer;
}

.theater_btn:first-of-type {
  border-right: none;
}

.theater_btn.current {
  font-weight: bold;
  border-top: 4px solid #000;
  border-bottom: none;
}

.theater_sub-title {
  margin: 0 0 2% 0;
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: normal;
  font-size: 2.7rem;
  line-height: 1.35;
  color: #000;
}

.barrier-free_description {
  margin: 0 0 2% 0;
  margin: 0 0 4.5vh 0;
  /*padding: 30px 30px 15px 3em;
  border: 1px solid #000;*/
}

.barrier-free_description li {
  margin: 0 0 15px 0;
  /*list-style-type: disc;*/
}




/**************************************
trailer
**************************************/
.trailer {
  text-align: center;
  background: none;
}

.movieContainer {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  overflow: hidden;
  background: #000;
}

.movieContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





/**************************************
comment
**************************************/
.comment_bg {
  position: absolute;
  z-index: -1;
  top: -450px;
  left: 50%;
  width: 100%;
  height: 100%;
  margin: 0 0 0 -830px;
  opacity: 0;
  animation: 1.5s bg_anim 0.5s ease forwards;
}

.comment_content {
  max-width: 780px;
  margin: -30px auto 150px auto;
  padding: 0 10px;
}


.comment_item {
  margin: 0 0 10% 0;
  margin: 0 0 10vh 0;
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.comment_item:nth-of-type(even) {
  transform: translate(80px,0);
}

.comment_txt {
  margin: 0 0 1.6% 0;
  margin: 0 0 3vh 0;
  color: #555;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.9;
}

.comment_txt span {
  position: relative;
  color: #9d3f0c;
  font-size: 1.5em;
  line-height: 1.4;
}

.comment_name {
  display: inline-block;
  padding: 0 0 0.2% 0;
  padding: 0 0 0.5vh 0;
  border-bottom: 1px solid #000;
  font-size: 1.1em;
  font-weight: bold;
}

.comment_name span {
  font-size: 1.7em;
}








/*==================================

navigation hamburger

====================================*/
@media screen and (max-width: 1140px) {

.navi_btn_ham {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background: #fff100;
  z-index: 5;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.navi_btn_ham span {
  display: inline-block;
  position: absolute;
  left: 17px;
	width: 26px;
	height: 3px;
	background-color: #000;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.navi_btn_ham span:nth-of-type(1) {
	top: 19px;
}

.navi_btn_ham span:nth-of-type(2) {
	top: 29px;
}

.navi_btn_ham span:nth-of-type(3) {
	top: 39px;
}

.navi_btn_ham.active {
	
}
.navi_btn_ham.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	-ms-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.navi_btn_ham.active span:nth-of-type(2) {
	-webkit-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.navi_btn_ham.active span:nth-of-type(3) {
	opacity: 0;
}

.navi_btn_ham:hover {
  cursor: pointer;
}



.navi_btn_group {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  padding: 60px 0;
  text-align: center;
  background: rgba(255,255,255,0.9);
}

.navi_btn_group.active {
  display: block;
  opacity: 0;
  -webkit-animation: 0.2s navi_anim ease forwards;
  animation: 0.2s navi_anim ease forwards;
}

@-webkit-keyframes navi_anim {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes navi_anim {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.navi_btn {
  display: block;
  margin: 0 0 20px 0;
  font-size: 1rem;
  vertical-align: middle;
}

.navi_btn a img {
}



}





/*==================================

tablet / smart phone

====================================*/
@media screen and (max-width: 768px) {
body {
  height: auto;
}
.sp_no-break {
  display: none;
}

/*------------------------------------
top-tb
------------------------------------*/
.top_main {
  display: none;
}

.top_main_sp {
  display: block;
  width: 100%;
  
}

.top_visual img {
  width: 100%;
}

.top_visual {
  margin: -23% 0 0 0;
  background: url(images/top_main_bg_sp.jpg) no-repeat;
  background-size: contain;
}


.top_header_navi_twitter_sp,
.top_header_navi_facebook_sp {
  display: inline-block;
  width: 50%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 20px;
  text-align: center;
  border-bottom: 1px solid #CCC;
}

.top_header_navi_twitter_sp {
  border-right: 1px solid #CCC;
}

.top_header_navi_twitter_sp a,
.top_header_navi_facebook_sp a {
  padding: 0 20px;
}

.top_header_navi_twitter_sp img,
.top_header_navi_facebook_sp img {
  height: 20px;
}


.top_sns_sp {
  padding: 20px 10px;
  text-align: center;
}


.top_announce_sp {
  margin: 0 auto 10px auto;
  overflow: hidden;
  text-align: center;
}

.top_announce_sp .top_announce_item {
  display: inline-block;
  float: none;
  padding: 0 2px 9px 0;
}

.top_announce_sp .top_announce_item img {
  border: 1px solid #CCC;
}

.top_comment_sp {
  width: 100%;
  min-height: 120px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px;
  background: #fff430 url(images/top_bg_comment.jpg) left center no-repeat;
}

.top_comment_title_sp {
  margin: 0 0 10px 0;
  text-align: center;
  font-family: serif;
  font-size: 2rem;
  font-weight: bold;
}

.top_comment_item {
  font-size: 1.5rem;
  line-height: 1.4;
}

.top_footer {
  min-width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 27px 10px 20% 10px;
  background: url(images/top_bg_foot.jpg) right top no-repeat;
  overflow: hidden;
}

.footer_banner {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: center;
}


/*------------------------------------
navigation-tb
------------------------------------*/
.navi {
  margin: 0 auto 18% auto;
  padding: 5% 10px 0 10px;
}


/*------------------------------------
footer-tb
------------------------------------*/
.footer {
  margin: 0 auto 8% auto;
}

.footer_group {
  float: none;
  margin: 0 0 5% 0;
}
.footer_date {
  margin: 0 0 1.46% 0;
}

.footer_cast {
  margin: 0 0 1.2% 0;
}

.footer_billing {
  margin: 0 0 2.2% 0;
}

/*------------------------------------
lower-page-common-tb
------------------------------------*/
.page-header {
  margin: 0 auto 8.6% auto;
}

.page-header_title {
  margin: 0 0 10px 0;
}

.page_content {
  margin: 0 auto 13% auto;
}

/*------------------------------------
intro-tb
------------------------------------*/
.intro_hero {
	height: 400px;
}

/*------------------------------------
news-tb
------------------------------------*/
.news_content {
  margin: 0 auto 13.4% auto;
}

/*------------------------------------
theater-tb
------------------------------------*/
.theater_banner {
  margin: 0 auto 5% auto;
}

.theater_banner_item {
  margin: 0 10px 10px 0;
}

.theater_banner_item:last-of-type {
  margin: 0 0 10px 0;
}

.theater_list {
  margin: 0 0 3.4% 0;
}

.theater_list thead th {
  padding: 6px;
}

.theater_list tbody td {
  padding: 6px;
}

.theater_list thead th:nth-of-type(1) {
  width: 3em;
}

.theater_list thead th:nth-of-type(3),
.theater_list tbody td:nth-of-type(3) {
  width: 4em;
  white-space: normal;
}

.theater_list thead th:nth-of-type(4),
.theater_list td:nth-of-type(4) {
  width: 2em;
}


/*------------------------------------
comment-tb
------------------------------------*/
.comment_item:nth-of-type(even) {
  transform: translate(0,0);
}


}










/*==================================

smart phone

====================================*/
@media screen and (max-width: 520px) {


/*------------------------------------
news-sp
------------------------------------*/ 
.news_content {
  display: block;
}

.news_sidebar_pc {
  display: none;
}

.news_sidebar_sp {
  display: block;
  padding: 12% 0 0 0;
}

.news_header {
  font-size: 2.2rem;
}

.news_txt p {
  /*margin: 8% 0 0 0;*/
}

.news_sidebar_sp .widgettitle {
  display: none;
}

.screen-reader-text {
  vertical-align: middle;
}

/*------------------------------------
intro-sp
------------------------------------*/
.intro_hero {
	height: 320px;
}

.intro_content {
  display: block;
  margin: 0 auto 8% auto;
}

.intro_img_group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

.intro_img_item img {
  width: 100%;
  max-width: none;
}

.intro_img_item:nth-of-type(1) {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  margin: 0;
}

.intro_img_item:nth-of-type(2) {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  margin: 0;
}

.intro_img_item:nth-of-type(3) {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}


/*------------------------------------
story-sp
------------------------------------*/
.story_content {
  display: block;
  margin: 0 auto 8% auto;
}

.story_img_sp {
  display: block;
  margin: 0 0 4.2% 0;
}

.story_img-group01 {
  display: none;
}

.story_img-group02 {
  display: none;
}

/*------------------------------------
cast-sp
------------------------------------*/
.cast_group {
  display: block;
}

.cast {
  margin: 0 0 8% 0;
  padding: 0 0 12% 0;
}

.cast_title_min {
  margin: 0 0 8% 0;
}

/* staff 
-------------------------------------*/
.staff {
  padding: 0 0 4% 0;
}

.staff_main_item {
  display: block;
  margin: 0 0 10% 0;
}

.staff_main_img {
  margin: 0 0 5% 0;
  text-align: center;
}

.staff_sub {
  display: block;
}

.staff_sub_right {
  display: block;
}


/* Q&A 
-------------------------------------*/
.qa {
  position: relative;
  padding: 8% 10px 0 0;
  background: url(images/qa_bg.jpg) 10% top no-repeat;
  z-index: -1;
}

.qa_content {
  display: block;
}

.qa_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

.qa_item {
  margin: 0 0 12% 0;
}

.qa_item:last-of-type {
  margin: 0 0 12% 0;
}

.qa_img {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  margin: 0 0 0 0;
}

}




.windows body {
  font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS P ゴシック", MS P Gothic, sans-serif;
}