@charset "utf-8";


/******************************************
 * リセット
 *****************************************/
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { 
  font-family: 'Noto Sans Japanese',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  font-size: 100%;
  letter-spacing: 0.05em;
  line-height: 2;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background: #fff;
  color: #000;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
dl, dt, dd, ol, ul, 
table, caption, tbody, tfoot, thead, tr, th, td {
  font-size: 100%;
  font-weight: normal;
  line-height: 150%;
}

ul, ol {  list-style: none; }
img { vertical-align: bottom; border: none; max-width: 100%; height: auto; }
table { border-collapse: collapse; }
strong { font-weight: bold; }
em { font-style: normal; font-weight: normal; }
button{ background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
a { text-decoration: none; color: #343434; }

@media screen and (max-width: 768px) {
  html {
    font-size: 20px;
  }
  body {
    font-size: 1rem;
  }
}

@media screen and (max-width: 640px) {
  html {
    font-size: 3.125vw;
  }
  body {
    font-size: 1rem;
  }
}
  
/******************************************
 * 汎用クラス
 *****************************************/
.hidden { display: none; }
.clearfix:after { content: ""; display: block; clear: both; }

.hover1{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
.hover1:hover{
  opacity: 0.75;
  text-decoration: none !important;
}

.text-left   { text-align: left;   }
.text-center { text-align: center; }
.text-right  { text-align: right;  }

.font01 { font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGP明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝','MS PMincho',serif; }
.font02 { font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }
.fontB  { font-weight: bold; }

.mb5  { margin-bottom:  5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.border-b-none { border-bottom: none !important; }

.animation03 {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}
.animation03.oninview {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/******************************************
 * スマホ
 *****************************************/
@media screen and (max-width: 768px) {
  .visible-sm { display: block; }
  .visible-sm-block { display: block; }
  .visible-sm-inline { display: inline; }
  .visible-sm-inline-block { display: inline-block; }
  .hidden-sm { display: none; }
  .sp { display: block; }

}

/******************************************
 * スマホ以外
 *****************************************/
@media screen and (min-width: 769px) {
  .pull-left { float: left; }
  .pull-right { float: right; }
  .center-block { margin-left: auto; margin-right: auto; }
  .table { display: table; table-layout: fixed; width: 100%; overflow: hidden; }
  .table .column { display: table-cell; vertical-align: middle; }
  
  .visible-sm { display: none; }
  .visible-sm-block { display: none; }
  .visible-sm-inline { display: none; }
  .visible-sm-inline-block { display: none; }
  
  .sp { display: none; }
}


/******************************************
 * webkit スクロールバー
 *****************************************/
/*スクロールバー全体*/
.scroll::-webkit-scrollbar {
    width: 10px;
}

/*スクロールバーの軌道*/
.scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/
.scroll::-webkit-scrollbar-thumb {
  background-color: rgb(210, 188, 149);
  /*border-radius: 10px;*/
  /*box-shadow:0 0 0 1px rgba(255, 255, 255, .3);*/
}


/******************************************
 * SNSボタン固定
 *****************************************/
.sticky {
  position: fixed;
  left: 30px;
  top: 140px;
  z-index: 1;
  background: url(../images/snsshare_bg.png) no-repeat center;
  height: 224px;
}
.sticky ul {
  position: relative;
  top: 30%;
}
.sticky ul li:nth-child(1),
.sticky ul li:nth-child(2) {
  margin-bottom: 15px;
}
.sticky a {
  display: block;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .sticky {
    position: static;
    height: auto;
    padding-left: 3.5rem;
    margin: 4rem 0 2rem;
    background-image: url(../images/snsshare_bg_sp.png);
    background-size: contain;
  }
  .sticky ul {
    position: static;
    display: table;
    width: 10rem;
    height: 5rem;
    margin: 0 auto;
  }
  .sticky li {
    display: table-cell;
    vertical-align: middle;
  }
  .sticky a {
    padding: 0;
  }
  .sticky img {
    width: 2rem;
  }
}


/******************************************
 * PC・スマホ
 *****************************************/

/* page common
*****************************************/
/* header */
header {
  position: relative;
  background: #be9aca;
  z-index: 10;
}
.header-inner {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
}
.header-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 119px;
  padding-top: 10px;
  text-align: center;
  background: url(../images/bg_header_logo.png) no-repeat 0 0;
  background-size: contain;
}
.header-logo img {
  width: 180px;
}
.gnav {
  padding-left: 250px;
}
.gnav-list ul {
  display: table;
  height: 54px;
}
.gnav-list li {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px;
}
.gnav-list li:first-child {
  /*background: url(../images/bg_gnav.png) no-repeat center center;
  background-size: auto 36px;*/
}
.gnav-list li a {
  display: block;
}
.gnav-list li img {
  width: auto;
  height: 12px;
  vertical-align: middle;
}

/* news */
.news {
  padding: 0 20px 0 0;
  background: #fff; /*url(../images/bg_news.png) repeat 0 0*/
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .25);
}
.news-inner {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 100px 0 270px;
}
.news-ticker-item:focus,
.news-ticker-item :focus {
  outline: none;
}
.news-ticker-item dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 48px;
}
.news-ticker-item dt,
.news-ticker-item dd {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
}
.news-ticker-item dt {
  width: 90px;
}
.news-ticker-item dd {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news-ticker-item dd a {
  font-weight: bold;
}
.news-ticker-item dd a:hover {
	color: #ce141a;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.news-more {
  position: absolute;
  top: 10px;
  right: 0;
}

/* footer */
footer {
  padding-bottom: 25px;
  background: url(../images/bg_footer.png) no-repeat center bottom;
}
footer .pagetop {
  margin-bottom: 30px;
}
footer .pagetop a {
  display: block;
  height: 51px;
  padding-top: 8px;
  text-align: center;
  background: url(../images/bg_pagetop.png) repeat-x 0 0;
}
footer .contact-mail {
  font-size: 12px;
  text-align: center;
  margin-bottom: 20px;
}
footer .copyright {
  font-size: 10px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .gnav-list li {
    padding: 0 15px;
  }
  .news-inner {
    padding: 0 100px 0 265px;
  }
}

@media screen and (min-width: 1024px) {
}

@media screen and (max-width: 768px) {
  /* header */
  .header-inner {
    height: 7.5rem;
  }
  .header-logo {
    left: 50%;
    width: 18.1rem;
    height: 8.2rem;
    background-image: url(../images/bg_header_logo_sp.png);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .header-logo img {
    width: 12rem;
  }
  .btn-gnav {
    position: absolute;
    top: 1.75rem;
    right: 1.75rem;
    cursor: pointer;
  }
  .btn-gnav i {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    background: no-repeat center center;
    background-size: contain;
  }
  .btn-gnav .btn-gnav-menu {
    background-image: url(../images/btn_menu.png);
  }
  .btn-gnav .btn-gnav-close {
    background-image: url(../images/btn_close.png);
  }
  .gnav {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    visibility: hidden;
    width: 100%;
    padding: 10rem 0 0;
    background: #be9aca;
    z-index: 10;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
  }
  .gnav.open {
    visibility: visible;
    opacity: 1;
  }
  .gnav-inner {
    text-align: center;
    height: 100%;
    overflow: auto;
  }
  .gnav-list ul {
    display: block;
    height: auto;
  }
  .gnav-list li {
    display: block;
    padding: 0 20px;
  }
  .gnav-list li.dash {
	  padding: 1.25rem 0;
  }
  .gnav-list li a {
    display: block;
    padding: 1.25rem 0;
  }
  .gnav-list li:first-child {
    background-size: auto 3rem;
  }
  .gnav-list li img {
    height: 1.4rem;
  }
  
  /* news */
  .news {
    padding: 0;
  }
  .news-inner {
    padding: 0 6rem 0 1rem;
  }
  .news-ticker-item:focus,
  .news-ticker-item :focus {
    outline: none;
  }
  .news-ticker-item dl {
    height: 3rem;
  }
  .news-ticker-item dt,
  .news-ticker-item dd {
    font-size: .6rem;
  }
  .news-ticker-item dt {
    width: 4.5rem;
  }
  .news-more {
    top: 50%;
    right: 1rem;
    width: 5rem;
    margin-top: -.75rem;
  }
  
  /* footer */
  footer {
    padding-bottom: 4rem;
    background-image: url(../images/bg_footer_sp.png);
    background-size: 100% auto;
  }
  footer .pagetop {
    margin-bottom: 2rem;
  }
  footer .pagetop a {
    padding-top: 1rem;
    height: 2.5rem;
    background-size: auto 2.5rem;
  }
  footer .pagetop img {
    width: 1rem;
    vertical-align: top;
  }
  footer .contact-mail {
    font-size: .6rem;
    margin-bottom: 1.5rem;
  }
  footer .copyright {
    font-size: .5rem;
  }
}


/* top
*****************************************/
/* top-kv */
.top-kv-inner {
  position: relative;
}
.top-kv-image {
  text-align: center;
}
.top-kv-image img {
  width: 100%;
}
.top-kv-catch01 {
  position: absolute;
  top: 40px;
  width: 100%;
  text-align: center;
}
.top-kv-catch01 img {
  max-width: 460px;
  width: 37.97%;
}
.top-kv-catch02 {
  position: absolute;
  bottom: 85px;
  width: 100%;
  text-align: center;
}
.top-kv-catch02 img {
  max-width: 172px;
  width: 20%;
}

/* top-content */
.top-content {
  width: 100%;
  padding: 70px 20px 65px;
  border-top: 8px solid #6c2b2f;
  background: url(../images/pta_line.gif) repeat #fff5e6;
}
.top-content-wrap {
  max-width: 1080px;
  margin: 0 auto;
}
.top-content-block {
  position: relative;
  background: #fff;
  width: 48%;
  padding: 15px;
}
.top-content-block:nth-child(odd) {
  float: left;
}
.top-content-block:nth-child(even) {
  float: right;
}
.top-content-block-inner {
  height: 100%;
  padding: 60px 20px 20px;
  border: 1px solid #91676a;
  position: relative;
}
.top-content-ttl {
  position: absolute;
  top: -40px;
  width: 100%;
  left: 0;
  text-align: center;
}
.top-content-ttl img {
  width: 153px;
}
.top-content-more {
  margin-top: 20px;
}
.top-content-more a {
  display: block;
  width: 190px;
  background: #6c2b2f;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  border-radius: 20px 20px;
  padding: 5px 0;
}
.top-content-more a:hover {
  background: #ce141a;
}
.top-content-more a img {
  vertical-align: baseline;
}

/* top-movie */
.top-movie-inner {
  line-height: 0;
}
.top-movie-inner img {
  vertical-align: bottom;
}

/* top-particle */
#particle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1024px) {
  .top-content {
    padding: 70px 20px 65px;
  }
  .top-content-wrap {
    max-width: 520px;
  }
  .top-content-block {
    width: 100%;
  }
  .top-content-block:nth-child(odd),
  .top-content-block:nth-child(even) {
    float: none;
  }
  .top-content-block:nth-child(n+2) {
    margin-top: 50px;
  }
}

@media screen and (min-width: 769px) {
  .top-twitter-inner {
    position: relative;
    width: 100%;
    padding-top: 57.43%;
  }
  .top-twitter-inner iframe {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  /* top-kv */
  .top-kv-catch01 {
    top: 1rem;
  }
  .top-kv-catch01 img {
    width: 37.97%;
  }
  .top-kv-catch02 {
    bottom: .5rem;
  }
  .top-kv-catch02 img {
    width: 18%;
  }
  
  /* top-content */
  .top-content {
    padding: 4rem 3rem;
    border-top: .4rem;
    background-size: 7.5px auto;
  }
  .top-content-block {
    width: 100%;
    padding: .5rem;
  }
  .top-content-block-inner {
    padding: 3rem 1rem 1rem;
  }
  .top-content-ttl {
    top: -2rem;
  }
  .top-content-ttl img {
    width: 7.5rem;
  }
  .top-content-more {
    margin-top: 1rem;
  }
  .top-content-more a {
    width: 14.5rem;
    border-radius: 2rem;
    padding: .25rem;
  }
  .top-content-more a img {
    height: 1rem;
    width: auto;
  }
  
  /* top-twitter */
  .top-twitter-inner iframe {
    width: 25rem !important;
  }
}


/* page-content
*****************************************/
.page-content {
  padding: 0 20px 140px;
  background: url(../images/pta_line.gif) repeat #fff5e6;
}
.page-content-header {
  position: relative;
  height: 140px;
  margin: 0 -20px;
  background: url(../images/bg_content_ttl.png) no-repeat center center;
  background-size: cover;
  border-bottom: 1px solid #e8deb2;
}
.page-content-ttl {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-content-inner {
  max-width: 1040px;
  margin: 85px auto 0;
  padding: 75px;
  background: rgba(255, 255, 255, .8);
}

@media screen and (max-width: 768px) {
  .page-content {
    padding: 0 1rem 2rem;
  }
  .page-content-header {
    height: 7rem;
    margin: 0 -1rem;
  }
  .page-content-ttl img {
    width: auto;
    height: 2rem;
  }
  .page-content-inner {
    margin: 2rem auto 0;
    padding: 2rem 1.5rem;
  }
}


/* onair
*****************************************/
.onair-block + .onair-block {
  margin-top: 90px;
}
.onair-block .br {
	display: none;
}
.onair-ttl {
  padding: 1.5em 0;
  font-size: 20px;
  font-weight: bold;
  color: #c7180e;
  text-align: center;
  letter-spacing: .2em;
  background: url(../images/icon_ptn_01.png) no-repeat center top;
  background-size: auto 22px;
}
.onair-desc {
  margin-bottom: 1em;
  font-size: 22px;
  text-align: center;
}
.onair-desc2 {
	font-size: 13px;
	text-align: center;
}
.onair-list table {
  table-layout: fixed;
  width: 100%;
  font-size: 13px;
}
.onair-list thead {
  background: url(../images/bg_onair_list.png) repeat-x 0 0;
  background-size: auto 100%;
}
.onair-list th {
  height: 40px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.onair-list td {
  padding: 1.5em 0;
  text-align: center;
  border-bottom: 1px solid #ba6868;
}
.onair-list td.atx-repeat {
	padding-top: 0;
    text-align: left;
    padding-left: 1.5em;
}
.online {
	font-size: 13px;
	display: flex;
	padding-top: 20px;
}
.online > li {
	margin-right: 50px;
}
.online > li:last-child {
	margin-right: 0;
}
.online > li > ul > li {
	margin-bottom: 40px;
}
.online > li > ul > li a {
	text-decoration: underline;
}
.online > li > ul > li a:hover {
    text-decoration: underline !important;
	color: #ca180e;
}

@media screen and (max-width: 768px) {
  .onair-block + .onair-block {
    margin-top: 2rem;
  }
  .onair-ttl {
    padding-bottom: 1em;
    font-size: 1rem;
    background-size: auto 1.1rem;
  }
  .onair-desc {
    font-size: 1.5rem;
  }
  .onair-list table {
    font-size: .65rem;
  }
  .onair-list th {
    height: 2rem;
  }
  .onair-list td.atx-repeat {
	  padding-left: 0;
  }
  .online {
	  font-size: .65em;
  }
  .online > li > ul > li {
	  height: 40px;
  }
}
@media screen and (max-width: 480px) {
	.onair-block .br {
		display: block;
	}
	.online {
		display: block;
		text-align: center;
		font-size: 11px;
	}
	.online > li {
		width: 50%;
		display: block;
		vertical-align: top;
		float: left;
		margin-right: 0;
	}
	.online > li > ul > li {
		height: 30px;
		margin-bottom: 20px;
	}
}


/* introduction
*****************************************/
.introduction-tab {
  margin-bottom: 80px;
}
.introduction-tab ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.introduction-tab li {
  display: table-cell;
  padding: 0 .5px;
  vertical-align: top;
}
.introduction-tab li a {
  position: relative;
  display: block;
  padding: .75em 0;
  text-align: center;
  background: url(../images/introduction_bg_tab_01.png) repeat 0 0;
}
.introduction-tab li a:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  bottom: 4px;
  right: 4px;
  border: 1px solid rgba(255, 255, 255, .8);
}
.introduction-tab li.current a,
.introduction-tab li a:hover {
  background-image: url(../images/introduction_bg_tab_02.png);
}
.introduction-tab li span {
  display: inline-block;
  padding-top: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: url(../images/icon_ptn_02.png) no-repeat center top;
  background-size: auto 22px;
}
.introduction-content p {
  line-height: 2.8;
  font-size: 13px;
}
.introduction-content p + p {
  margin-top: 4em;
}
.introduction-content img {
  padding: 1em 0;
}

@media screen and (max-width: 768px) {
  .introduction-tab {
    margin-bottom: 3rem;
  }
  .introduction-tab li a:before {
    top: .2rem;
    left: .2rem;
    bottom: .2rem;
    right: .2rem;
  }
  .introduction-tab li span {
    padding-top: 1.25rem;
    font-size: .7rem;
    background-size: auto 1.1rem;
  }
  .introduction-content p {
    font-size: .65rem;
  }
  .introduction-content p + p {
    margin-top: 3em;
  }
}

/* story
*****************************************/
.introduction-tab2 {
  margin-bottom: 80px;
}
.introduction-tab2 ul {
  display: table;
  table-layout: fixed;
  width: 830px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.introduction-tab2 li {
  display: inline-block;
  margin-bottom: 5px;
  border-right: 1px solid #d9c377;
  font-size: 12px;
}
.introduction-tab2 li a {
  display: block;
  padding: 0 13px;
  text-align: center;
}
.introduction-tab2 li.current a,
.introduction-tab2 li a:hover {
  background: #d9c377;
}
.introduction-tab2 li span {
  font-size: 12px;
}
.story-main {
	width: 830px;
	margin-right: auto;
	margin-left: auto;
}
.story-main .ttl {
	font-size: 13px;
    font-weight: bold;
    margin-bottom: 20px;
	letter-spacing: .15em;
	color: #957e2d;
	background: url("../introduction/images/titleback.png") no-repeat top center;
	height: 105px;
	position: relative;
}
.story-main .ttl span {
	position: absolute;
	top: 40%;
	text-align: center;
	width: 105px;
}
.story-main .ttl2 {
	border-right: 1px solid #ec6345;
    border-left: 1px solid #ec6345;
	height: 420px;
    width: 75px;
	margin-right: auto;
    margin-left: auto;
	background: #fff;
}
.story-main .ttl2 h4 {
	text-align: center;
    letter-spacing: .3em;
	padding-top: 20px;
}
.story-main .ttl2 span {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
.story-main .ttlBox {
	width: 105px;
	vertical-align: top;
	float: left;
}
.story-main .photoBox {
	width: 700px;
	float: right;
}
.story-main .txt {
	font-size: 13px;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 30px;
	margin-top: 0;
}
.story-main .txt2 {
	padding-top: 30px;
    color: #c7180e;
    font-size: 12px;
}
.introduction-content .story-main img {
	padding: 0;
	margin-bottom: 2px;
}
#slideshow01,#slideshow02,#slideshow03,#slideshow04,#slideshow05,#slideshow06,#slideshow07,#slideshow08,#slideshow09,#slideshow10,#slideshow11,#slideshow12 {
	/*margin: 0 auto;
	width: 580px;
	background: #fff;*/
}
#slideshow01 div,#slideshow02 div,#slideshow03 div,#slideshow04 div,#slideshow05 div,#slideshow06 div,#slideshow07 div,#slideshow08 div,#slideshow09 div,#slideshow10 div,#slideshow11 div,#slideshow12 div {
    width: 580px;
    height: 326px;
    overflow: hidden;
    position: relative;
	float: left;
}
#slideshow01 div div,#slideshow02 div div,#slideshow03 div div,#slideshow04 div div,#slideshow05 div div,#slideshow06 div div,#slideshow07 div div,#slideshow08 div div,#slideshow09 div div,#slideshow10 div div,#slideshow11 div div,#slideshow12 div div {
    top: 0;
    left: 0;
    position: absolute;
}
#slideshow01 ul,#slideshow02 ul,#slideshow03 ul,#slideshow04 ul,#slideshow05 ul,#slideshow06 ul,#slideshow07 ul,#slideshow08 ul,#slideshow09 ul,#slideshow10 ul,#slideshow11 ul,#slideshow12 ul {
    width: 114px;
	/*display: flex;
    justify-content: space-between;*/
	float: left;
	margin-left: 2px;
}
#slideshow01 ul li,#slideshow02 ul li,#slideshow03 ul li,#slideshow04 ul li,#slideshow05 ul li,#slideshow06 ul li,#slideshow07 ul li,#slideshow08 ul li,#slideshow09 ul li,#slideshow10 ul li,#slideshow11 ul li,#slideshow12 ul li {
    width: 114px;
    /*float: left;*/
    display: inline;
}
#slideshow01 .active,#slideshow02 .active,#slideshow03 .active,#slideshow04 .active,#slideshow05 .active,#slideshow06 .active,#slideshow07 .active,#slideshow08 .active,#slideshow09 .active,#slideshow10 .active,#slideshow11 .active,#slideshow12 .active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

@media screen and (max-width: 768px) {
.introduction-tab2 ul {
	width: 100%;
}
.story-main {
	width: 100%;
}
.story-main .ttlBox {
	float: none;
	width: 100%;
	margin-right: auto;
    margin-left: auto;
}
.story-main .ttl {
	width: 105px;
    margin-right: auto;
    margin-left: auto;
}
.story-main .ttl2 {
	border-right: none;
	border-left: none;
	border-top: 1px solid #ec6345;
	border-bottom: 1px solid #ec6345;
	height: auto;
    width: 100%;
	margin-bottom: 50px;
}
.story-main .ttl2 h4 {
	padding-bottom: 20px;
}
.story-main .ttl2 span {
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
}
.story-main .photoBox {
	width: 580px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
#slideshow01, #slideshow02, #slideshow03, #slideshow04, #slideshow05, #slideshow06, #slideshow07, #slideshow08, #slideshow09, #slideshow10, #slideshow11, #slideshow12 {
	width: 100%;
}
#slideshow01 div, #slideshow02 div, #slideshow03 div, #slideshow04 div, #slideshow05 div, #slideshow06 div, #slideshow07 div, #slideshow08 div, #slideshow09 div, #slideshow10 div, #slideshow11 div, #slideshow12 div {
	width: 100%;
	height: 326px;
	margin-bottom: 10px;
}
#slideshow01 ul, #slideshow02 ul, #slideshow03 ul, #slideshow04 ul, #slideshow05 ul, #slideshow06 ul, #slideshow07 ul, #slideshow08 ul, #slideshow09 ul, #slideshow10 ul, #slideshow11 ul, #slideshow12 ul {
	width: 100%;
	display: flex;
    justify-content: space-between;
}
#slideshow01 ul li, #slideshow02 ul li, #slideshow03 ul li, #slideshow04 ul li, #slideshow05 ul li, #slideshow06 ul li, #slideshow07 ul li, #slideshow08 ul li, #slideshow09 ul li, #slideshow10 ul li, #slideshow11 ul li, #slideshow12 ul li {
	width: 20%;
	display: inline;
	margin-left: 5px;
}
#slideshow01 ul li:first-child, #slideshow02 ul li:first-child, #slideshow03 ul li:first-child, #slideshow04 ul li:first-child, #slideshow05 ul li:first-child, #slideshow06 ul li:first-child, #slideshow07 ul li:first-child, #slideshow08 ul li:first-child, #slideshow09 ul li:first-child, #slideshow10 ul li:first-child, #slideshow11 ul li:first-child, #slideshow12 ul li:first-child {
	margin-left: 0;
}
}

@media screen and (max-width: 480px) {
.introduction-tab2 {
	margin-bottom: 40px;
}
.introduction-tab2 li {
	margin-bottom: 10px;
}
.introduction-tab2 li span {
	font-size: 11px;
}
.story-main .ttl {
	font-size: 12px;
}
.story-main .ttl:before {
	top: 5px;
	margin-right: 15px;
}
.story-main .txt {
	font-size: 12px;
}
.story-main .photoBox {
	width: 100%;
}
#slideshow01, #slideshow02, #slideshow03, #slideshow04, #slideshow05, #slideshow06, #slideshow07, #slideshow08, #slideshow09, #slideshow10, #slideshow11, #slideshow12 {
	padding: 0;
	background: none;
}
#slideshow01 div, #slideshow02 div, #slideshow03 div, #slideshow04 div, #slideshow05 div, #slideshow06 div, #slideshow07 div, #slideshow08 div, #slideshow09 div, #slideshow10 div, #slideshow11 div, #slideshow12 div {
	height: 178px;
	margin-bottom: 5px;
}
}

/* staffcast
*****************************************/
.introduction-content .staff-block {
	font-size: 13px;
	margin-bottom: 100px;
}
.introduction-content .staff-block h2 {
    background: url(../images/icon_ptn_01.png) no-repeat left;
    background-size: auto 15px;
    padding-left: 30px;
}
.introduction-content .staff-block .staff-list li {
	width: 210px; 
}
.introduction-content .staff-block li {
	float: left;
	padding: 25px 0;
}
.introduction-content .staff-block li.staff-list-mgr {
	margin-right: 50px;
}
.introduction-content .staff-block li dt {
	color: #c7180e;
	font-size: 12px;
} 

@media screen and (max-width: 768px) {
.introduction-content .staff-block .staff-list li {
	width: 100%; 
}
.introduction-content .staff-block li {
	float: none;
}
}

/* news
*****************************************/
.news-block .n-list dl {
	width: 100%;
	display: table;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #000;
}
.news-block .n-list dt {
	display: table-cell;
    width: 130px;
    margin-right: 20px;
    color: #fff;
    background: #6a2a2e;
    text-align: center;
}
.news-block .n-list dd {
    display: table-cell;
    padding-left: 30px;
}
.news-block .n-list a:hover {
	color: #ce141a;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

@media screen and (max-width: 768px) {
.news-block .n-list dl {
	display: block;
}
.news-block .n-list dt {
	display: block;
	margin-bottom: 10px;
}
.news-block .n-list dd {
	 display: block;
	 padding-left: 0;
}
}

/* news-detail
*****************************************/
.news-block .n-inner .date {
	background: #6a2a2e;
    color: #fff;
    width: 130px;
    font-size: 14px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 10px;
}
.news-block .n-inner .title {
	font-weight: bold;
    font-size: 25px;
    border-bottom: 2px dotted;
    padding-bottom: 20px;
    margin-bottom: 30px;
} 
.news-block .n-inner .detail  p {
    font-size: 15px;
    line-height: 2;
    margin-bottom: 20px;
}
.news-block .n-inner .detail a {
	color: #ce141a;
}
.news-block .more {
	padding: 70px 0;
}
.news-block .more a {
	display: block;
	width: 140px;
    background: #6c2b2f;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-radius: 20px 20px;
    padding: 5px 0;
}
.news-block .more a:hover {
	background: #ce141a;
}
.news-block .more a img {
	vertical-align: inherit;
}
.news-block .n-inner .detail .news-cast-kv {
	margin-bottom: 40px;
}
.news-block .n-inner .detail .news-cast-kv li {
	float: left;
	margin-bottom: 30px;
}
.news-block .n-inner .detail .news-cast-kv li:first-child {
	margin-right: 30px;
}
.news-block .n-inner .detail dl {
	font-size: 15px;
	margin-bottom: 20px;
}
.news-block .n-inner .detail dl dd {
	line-height: 2;
}
.news-block .n-inner .detail .news-cast-comment dl {
	margin-bottom: 40px;
}
.news-block .n-inner .detail .news-cast-comment dt {
	font-weight: bold;
    background: #f1d4d5;
    padding: 5px 10px;
    margin-bottom: 5px;
}
.news-block .n-inner .detail .news-cast-comment dd {
	margin-bottom: 10px;
}
.news-block .n-inner .detail .news-cast-comment dd .color1 {
	color: #d15252;
}
.news-block .n-inner .detail .news-cast-comment dd .color2 {
	color: #4aa6f5;
}
.news-block .n-inner .detail .news-public {
	border-top: 1px dotted;
    border-bottom: 1px dotted;
    margin: 40px 0;
    padding: 40px 0;
}
.news-block .n-inner .detail .news-public-border {
	border: 2px dotted #ca4a67;
    border-radius: 10px;
    padding: 30px;
}

/* news detail 29.php */
.sale ul {
	max-width: 890px;
}
.sale li {
	display: inline-block;
	vertical-align: top;
	width: 200px;
    margin-right: 15px;
}
.sale li img {
	margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
.news-block .n-inner .detail  p {
    font-size: 14px;
    line-height: 1.8;
}
.news-block .n-inner .detail .news-cast-kv li {
	float: none;
}
.news-block .n-inner .detail .news-cast-kv li:first-child {
	margin-right: 0;
    margin-bottom: 40px;
}
.news-block .n-inner .detail .news-public-border {
    padding: 20px;
}
.sale li {
	width: 140px;
}
}

@media screen and (max-width: 480px) {
.sale li {
    width: 46%;
    margin-bottom: 20px;
}
.sale li:nth-child(even),
.sale li:last-child {
	margin-right: 0;
}
}

/* character
*****************************************/
.character-block li {
	float: left;
	width: 398px;
	margin-bottom: 80px;
}
.character-block li:nth-child(odd) {
	margin-right: 80px;
}

@media screen and (max-width: 768px) {
.character-block li {
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 80px;
}
.character-block li:nth-child(odd) {
	margin-right: 0;
}
}

/* character-detail
*****************************************/
.character-block .c-left {
	float: left;
	width: 500px;
}
.character-block .c-right {
	float: right;
}
 .character-block .c-left dt {
 	margin-bottom: 30px;
}
 .character-block .c-left dd:nth-of-type(1) {
 	font-size: 13px;
 	line-height: 2;
 	margin-bottom: 50px;
}
 .character-block .chara-more li {
 	float: left;
 	margin-right: 0;
 	margin-top: 80px;
 }
 .character-block .chara-more li.prev,
 .character-block .chara-more li.next {
   width: 35px;
}
 .character-block .chara-more li.list {
  width: 800px;
}
 .character-block .chara-more a {
 	display: block;
    background: #6c2b2f;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-radius: 20px 20px;
    padding: 5px 0;
}
 .character-block .chara-more a:hover {
	background: #ce141a;
}
 .character-block .chara-more a img {
	vertical-align: inherit;
}
.character-block .chara-more .prev a,
.character-block .chara-more .next a  {
 	width: 35px;
 }
.character-block .chara-more .list a {
  width: 150px;
} 

@media screen and (max-width: 768px) {
.character-block .c-left {
	float: none;
	width: 100%;
	margin-bottom: 50px;
}
.character-block .c-right {
	float: none;
	text-align: center;
}
.character-block .chara-more li.list {
	width: 580px;
}
}

@media screen and (max-width: 480px) {
.character-block .chara-more .prev a,
.character-block .chara-more .next a {
	width: 25px;
}
.character-block .chara-more li.prev,
.character-block .chara-more li.next {
	width: 25px;
}
.character-block .chara-more li.list {
	width: 250px;
}
}

/* music
*****************************************/
.music-block {
	margin-bottom: 100px;
}
.music-image {
	float: left;
	width: 400px;
}
.music-song {
	margin-left: 440px;
}
.music-song h3 {
	font-size: 20px;
    margin-bottom: 5px;
}
.music-song h4 {
	font-size: 23px;
    margin-bottom: 10px;
}
.music-song p {
	font-size: 13px;
	line-height: 2;
}
.music-song p.spec {
	margin-top: 30px;
}
@media screen and (max-width: 768px) {
.music-image {
	float: none;
	width: 100%;
	margin: 0 auto 30px;
}
.music-image img {
	display: block;
	margin: 0 auto;
}
.music-song {
	margin-left: 0;
}
.music-song h3 {
    font-size: 18px;
}
.music-song h4 {
    font-size: 20px;
}
}

/* Blu-ray&DVD
*****************************************/
.bddvd-tab {
  margin-bottom: 80px;
}
.bddvd-tab ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.bddvd-tab li {
  display: table-cell;
  padding: 0 .5px;
  vertical-align: top;
}
.bddvd-tab li a {
  position: relative;
  display: block;
  padding: .75em 0;
  text-align: center;
  background: url(../images/introduction_bg_tab_01.png) repeat 0 0;
}
/*.bddvd-tab li:first-child a {
	width: 177px;  第一巻のみ 
}*/
.bddvd-tab li.ov a {
  background-image: url(../images/introduction_bg_tab_02.png);
}
.bddvd-tab li a:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  bottom: 4px;
  right: 4px;
  border: 1px solid rgba(255, 255, 255, .8);
}
.bddvd-tab li.current a,
.bddvd-tab li a:hover {
  background-image: url(../images/introduction_bg_tab_02.png);
}
.bddvd-tab li span {
  display: inline-block;
  padding-top: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: url(../images/icon_ptn_02.png) no-repeat center top;
  background-size: auto 22px;
}
.bddvd-block {
	max-width: 890px;
}
.bddvd-block .dvd-block-list {
	text-align: center;
}
.bddvd-block .dvd-block-list li {
	display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 13px;
    background: #f0e4d3;
    width: 350px;
	height: 522px;
    padding: 20px;
    margin: 0 30px 30px;
}
.bddvd-block .dvd-block-list dl {
	background: #fff;
    padding: 30px;
	height: 482px;
}
.bddvd-block .dvd-block-list dt {
	margin-bottom: 30px;
}
.bddvd-block .dvd-block-list dd.sale {
	margin-bottom: 20px;
}
.bddvd-block .dvd-block-list dd.sale span {
	background: #bb6868;
    color: #fff;
    padding: 5px 10px;
}
.bddvd-block .bddvd-block-select {
	background: #f0e4d3;
    padding: 20px;
}
.bddvd-block .bddvd-block-select > div {
	background: #fff;
    padding: 40px;
}
.bddvd-block .bddvd-block-select .dttl {
	text-align: center;
    border-top: 1px solid #ec6345;
    border-bottom: 1px solid #ec6345;
    padding: 15px 0;
    margin-bottom: 40px;
	font-weight: bold;
    color: #bd3d21;
}
.bddvd-block .bddvd-block-select .dvd-txt {
	margin-top: 80px;
}
.bddvd-block .bddvd-block-select dl,
.bddvd-block .bddvd-block-select p {
	font-size: 13px;
}
.bddvd-block .bddvd-block-select dl {
	margin-bottom: 30px;
}
.bddvd-block .bddvd-block-select dt {
    background: url(../images/icon_ptn_01.png) no-repeat left;
    background-size: auto 15px;
    padding-left: 30px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #cda959;
}
.bddvd-block .bddvd-block-select dd {
	margin-bottom: 5px;
}
/*店舗特典*/
.bddvd-block .bddvd-block-select .dvd-shop dt {
	font-size: 16px;
    font-weight: bold;
	color: #a6781f;
	margin-bottom: 20px;
}
.bddvd-block .bddvd-block-select .dvd-shop dd {
	margin-bottom: 10px;
}
.bddvd-block .bddvd-block-select .dvd-shop dl {
	margin-bottom: 50px;
}
.bddvd-block .bddvd-block-select .dvd-shop .sale {
	margin-top: 30px;
	font-weight: bold;
}
.bddvd-block .bddvd-block-select .dvd-shop .sale-link a {
	color: #ce141a;
	text-decoration: underline;
}
.bddvd-block .bddvd-block-select .dvd-shop .sale-link a:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .bddvd-tab {
    margin-bottom: 3rem;
  }
  .bddvd-tab li a {
	  height: 75px;
  }
  /*.bddvd-tab li:first-child a {
	width: 62px;  第一巻のみ 
	}*/
  .bddvd-tab li a:before {
    top: .2rem;
    left: .2rem;
    bottom: .2rem;
    right: .2rem;
  }
  .bddvd-tab li span {
    padding-top: 1.25rem;
    font-size: .7rem;
    background-size: auto 1.1rem;
  }
  .bddvd-tab li:last-child span {
	  line-height: 1.6;
  }
  .bddvd-block .dvd-block-list li {
	  display: block;
	  font-size: 12px;
	  width: 100%;
	  margin: 0 0 30px;
  }
  .bddvd-block .bddvd-block-select .dttl {
	  font-size: 15px;
  }
  .bddvd-block .bddvd-block-select dl,
  .bddvd-block .bddvd-block-select p {
	  font-size: 12px;
  }
  .bddvd-block .bddvd-block-select > div {
	  padding: 20px;
  }
  .bddvd-block .bddvd-block-select .dvd-txt {
	  margin-top: 50px;
  }
}