/*キャラクターページ*/

.ch_wrap-tab ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ch_wrap-tab p{
  margin: 0;
}
.ch_wrap-tab{
  overflow: hidden;
  }

.ch_list-tab{
  display: flex;
  margin: 0 -2px;  
}

.ch_list-tab > li{
  display: block;
  padding: 0.5em 0em 0em 0em;
  margin: 0 auto;
  width: 100%;
/*   color: #fff; background: #ccc;*/
  box-sizing: border-box;
  cursor: pointer;
}

.ch_list-tab{
/*	background: #000;*/
	opacity: 1; 
}

.ch_list-tab .active{
	opacity: 0.5; 
}

.ch_list-tab img:hover{transition-duration: .4s;
  transform: translateY(-7px);	 box-shadow: 0px 3px 14px #75726a;
}
.ch_list-tab img{  margin: 0 auto;
text-align: center;transition-duration: .4s;
    width:80%;
}

.tab-content{ 
font-family: "New Tegomin", serif;
/*font-family: "Hina Mincho", serif;
	background: repeating-linear-gradient(90deg, #f9f9f9, #f9f9f9 20px, #fff 20px, #fff 40px);background:rgba(255,255,255,0.1);
	background:rgba(0,0,0,0.9);*/
display: none;  height: 100%;
/*padding: 1em;*/
align-items: center;
justify-content: center;
/*border-bottom: 20px solid #000;	*/
padding:10px 0px 20px 0px;
}
.tab-content.active{
  display: block;
}



/* content */

@media (min-width: 992px) {
    .tab-content .container .content {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.tab-content .content-item {     
    width:100%;
}

/*役職*/
.ch_list {
	border: 1px solid #6c5c42;
	padding:5px;
	background: url(../img/bg_asfalt.png);
    width:400px;	margin:0 auto;
}

.content-item dl { 
display: flex; font-size: 1.4em;line-height: 1.25;	
flex-wrap: wrap;
margin:0 auto;
}
.content-item dl dt {
width: 38%;  /*	right　border-bottom: 1px dotted #444;background:rgba(0,0,0,0.4);*/
text-align: right ;padding: 0 15px;	/*font-weight: bold;*/

}
.content-item dl dd {
  width: 60%;
text-align: left ;letter-spacing: 0.06em;
}


@media (min-width: 992px) {
    .tab-content .content-item {
        width:50%;
    }
}
.tab-content .image{
    display:block;	z-index: 10;
    max-width:100%;	position: relative; 
    margin:0 auto; 
}

.tab-content .imagete{
	position: absolute; 
	font-family: "Zen Antique Soft", serif;
	text-align: left ;
	top:10px;
	left:20px;
	color:rgba(0,0,0,0.1);
/*ななめ transform: rotate(355deg);
    -moz-transform: rotate(355deg);
    -webkit-transform: rotate(355deg);*/  
	writing-mode: vertical-rl;
	font-size: 2.2em;
}
.content-item .lines{ 
  font-family: "Noto Serif JP", serif;
	text-align: left ; letter-spacing: 0.06em; font-size: 1.95em;  /* font-style: italic;		text-shadow: 1px 1px 10px #cc960c;	color:#cc960c;*/
	padding:15px 0;	
    display: inline-block;
	color:#fff;
  text-shadow: 4px 4px 4px #000, -4px -4px 4px #000,
  -4px 4px 4px #000,  4px -4px 4px #000,
  4px 0 4px #000, -4px  0 4px #000,
  0 4px 4px #000,  0 -4px 4px #000;
writing-mode: vertical-rl;
position:absolute;	top: 10px;	left: 30px;	z-index: 11; 
}

.content-item .lines_en{ 
	font-family: "Shippori Antique", serif;
	text-align: right ; letter-spacing: 0.04em; font-size: 1.9em; font-style: italic;
	padding:15px 0;	
    display: inline-block;
	color:#fff;
  text-shadow: 4px 4px 4px #000, -4px -4px 4px #000,
  -4px 4px 4px #000,  4px -4px 4px #000,
  4px 0 4px #000, -4px  0 4px #000,
  0 4px 4px #000,  0 -4px 4px #000;
position:absolute;	top: 10px;	right: 30px;	z-index: 11; 
}

.takasa{ 
top: 50px;
}


 .image{
/*    display:block;	z-index: 10;
    max-width:100%;	position: relative; 
    margin:0px auto;margin:0px auto;   */
	filter: drop-shadow(7px 0px 0px rgba(0, 0, 0, .2));
	position: absolute;
	bottom: 5px;
}

.imagete01{
font-size: 1.7em;
position: relative; /* 今の位置を基準 */
	top: -15px;
	left: -33px;
}
.imagete02{/*6.8*/
font-size: 6.8em;      padding:10px;
position: relative; /* 今の位置を基準 */
top: -35px; /* 上から10px */
left: 0px;
}
.imagete03{
font-size: 5em;      padding:10px;
position: relative; /* 今の位置を基準 */
top: -35px; /* 上から10px */
left: 0px;
}

@media only screen and (min-width: 992px) {
	
.imagete01{
font-size: 2.1em; 
}
.imagete02{
font-size: 6.5em; 
}	
	
}

@media screen and (max-width:735px){
.content-item .lines{ letter-spacing: 0.03em; font-size: 1.50em; /*writing-mode: horizontal-tb;*/
}
/*.tab-content .imagete{
	top:10px;
	left:20px;	
	}
.imagete01{
font-size: 1.8em;
}
.imagete02{
font-size: 5em;  padding:10px;
}*/
.imagete01{
text-align: left;
}
	.anatano {/*font-size: .8em;*/
		transform: scale(1, 0.9);
		transform-origin: top left;
}

}


.tab-content .text{
	font-size: 1.5em;  
    padding:10px ;
	/**/text-shadow: 0px 0px 5px #888;
	margin:5px 0px 5px 0px;
	text-align: left ;  line-height: 1.7em;  letter-spacing: -0.05em;
	z-index: 2; 
}
.tab-content .text .heading{
    font-family: "New Tegomin", serif;
	font-weight: 400;text-shadow: 0px 0px 5px #888;
    margin:2px 0px 0px 0px;
/*    font-size: 24px;    font-weight: lighter;    text-align: center;*/

}
/*.heading img{
	filter: drop-shadow(0px 0px 10px #19147f);
	width:40px;margin:0px 4px 0px 4px;
}*/
.tab-content .text p {
font-size: 1.3em;    text-align: left ;
margin:2px 0px 0px 0px;	
/*z-index: 2; */
}
.tab-content .text_b {color: #000;}

.name_tag {
    position: relative;	text-align: center;    padding:5px 15px 5px 15px;     /*border: 3px solid #212121;*/
    border-radius: 8px;    background-color: #000;	margin:5px 0px;
    color: #fff;    font-size:  1em;     	/*margin:0px;*/
}
.name_tag00 {
    position: relative;	text-align: center;    padding:5px 15px 5px 15px;
    border-radius: 8px;    background-color: #ccc;	margin:0px 5px;
    color: #000;    font-size:  1em;
}



/*キャラごとのBG*/
.ch00_bg{
	background:#000 url("../img/ch/ch_bg_0.jpg") no-repeat center top;
	background-size: cover;
   /*--背景画像の固定-- */
	background-attachment: fixed;
box-shadow: 1px 16px 10px -15px #000000;
}

.ch_bg{
	background:#fff url("../img/ch/ch_bg.jpg") no-repeat center top;
	background-size: cover;
   /*--背景画像の固定-- */
	background-attachment: fixed;
box-shadow: 1px 16px 10px -15px #000000;}

.chbg
{	padding: 15px;
}
/*550*/
@media screen and (max-width:680px){

.content-item .lines{ letter-spacing: 0.03em; font-size: 1.25em; 
}
/*.tab-content{
background:rgba(0,0,0,0.0);
	}*/
	
.tab-content .text{
    padding:10px;
	margin:5px 0px 5px 0px;
	text-align: left ;  line-height: 1.2em;
}	
/*.tab-content .container	{
    font-size: .9em; 
	}*/
	
	.ch_list-tab {
  flex-wrap: wrap; /* 折り返しを有効にする */
}

.ch_list-tab li {
  width: calc(100% / 6 - 10px); /* 3列に並べる例 */
}
}


.twf{
   font-family: "Noto Sans TC", "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", sans-serif;
	font-weight: 900;
	}


.noto-serif-tc-700 {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.cc a img:hover  { 
	transform: translate(0px,-5px);
	transition-duration: .4s;
}

ruby {
  position: relative;
}

ruby rt {
  position: relative;
  top: 0.7ex;
}

button { padding: 0px 10px; 	z-index: 9999;
	}
.arrow {   
	width:38px;  position: relative;
	bottom: -0.5em;

	}

.arrow:hover  { 
  filter: brightness(0) saturate(100%) invert(70%) sepia(66%) saturate(6590%) hue-rotate(9deg) brightness(102%) contrast(101%);	
}

.balloonoya {color: #000;
  position   : relative;
font-size:  .5em;  line-height: 1.2;

}
.balloonoya:hover .balloon {
  display: inline;                /* インライン要素として表示 */
}
.balloon {
	border-radius: 10% / 50%;
  font-family: "Shippori Antique", sans-serif;
  font-weight: 400;
  font-style: normal; text-shadow: none;
  position : absolute;                /* 親要素を基準 */
  display: none;                        /* 要素を非表示 */
  padding: 5px 15px 5px 15px;                         /* テキストの前後の余白 */
  background-color: #ffffff;       /* 背景色（透明度） */
  width:220px;                          /* 吹き出し全体の幅 */
	left: -20px;  bottom :2.6em; 
}
.balloon:after{
  content: "";                       /* コンテンツの挿入 */
  position: absolute;                /* 親要素を基準 */
}