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

.text01
{
  font-family: 'Noto Sans SC', sans-serif;
  font-size: 16px;
  font-weight: 400;
}


.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{
/*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;
}

.ch_list dl {
	
 font-family: "Noto Sans TC", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
 font-display: swap;
 font-size: 16px;

}



.content-item dl {
    display: flex;
    font-size: 1.08em;
    line-height: 1.25;
    flex-wrap: wrap;
    margin: 0 auto;
    background: url("../img/F_mark_icon.png") no-repeat right top;
    background-position: 1%;
    background-size: contain;
    font-family: Noto Sans TC;
}
.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;
}
.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;
    text-align: right;
    top: 490px;
    right: 10px;
    color: rgba(255,255,255,0.15);
    /*ななめ*/   transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -webkit-transform: rotate(350deg);
    font-size: 1.2em;
}
.content-item .lines{
    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;
    font-family: Noto Sans TC;
	font-weight: 600;
}

@media only screen and (min-width: 992px) {
	.is-sp2{
		display: none!important;
	}
}
@media only screen and (min-width: 580px) {
	.is-sp{
		display: none!important;
	}

}
@media screen and (max-width:1249px){
	.is-pc{
		display: none!important;
	}
}
@media screen and (max-width:735px){
	.is-pc2{
		display: none!important;
	}
.content-item .lines{ letter-spacing: 0.03em; font-size: 1.50em; /*writing-mode: horizontal-tb;*/
}

}

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

.imagete01{
    font-size: 3.5em;
    font-family: 'Fredericka the Great', serif;
}
.imagete02{
    font-size: 5.7em;
    padding: 5px 0px;
    font-family: 'Fredericka the Great', serif;
}

.tab-content .text{
    padding:10px ;color: #fff;
	/**/text-shadow: 0px 0px 15px #000;
	margin:5px 0px 5px 0px;
	text-align: left ;  line-height: 1.55em;
	z-index: 2; 
}
.tab-content .text .heading{
    margin: 8px 0px 0px 0px;
    /*    font-size: 24px;    font-weight: lighter;    text-align: center;*/
    font-weight: bold;
    font-family: Noto Sans TC;
}
.heading img{
	filter: drop-shadow(0px 0px 10px #19147f);
	width:40px;margin:0px 4px 0px 4px;
}
.tab-content .text p {
font-size: 0.9em;    text-align: left ;margin:2px 0px 0px 35px;	
z-index: 2; 
}
.name_tag {
    position: relative;	text-align: center;    padding:4px 15px 2px 15px;     /*border: 3px solid #212121;*/
    border-radius: 8px;    background-color: #19147f;
    color: #fff;    font-size:  0.9em;     	/*margin:0px;*/
}



/*キャラごとのBG*/
.ch00_bg{
	background:#000 url("../img/ch/ch00_bg.jpg") no-repeat center top;
}

.ch01_bg{
	background:#000 url("../img/ch/ch01_bg.jpg") no-repeat center top;
}

.ch02_bg{	
	background:#000 url("../img/ch/ch02_bg.jpg") no-repeat center top;
}

.ch03_bg{
	background:#000 url("../img/ch/ch03_bg.jpg") no-repeat center top;
}
.ch04_bg{
	background:#000 url("../img/ch/ch04_bg.jpg") no-repeat center top;
}

.ch05_bg{
	background:#000 url("../img/ch/ch05_bg.jpg") no-repeat center top;
}

.ch06_bg{
	background:#000 url("../img/ch/ch06_bg.jpg") no-repeat center top;
}
.ch07_bg{
	background:#000 url("../img/ch/ch07_bg.jpg") no-repeat center top;
}

.ch08_09_bg{
	background:#000 url("../img/ch/ch0809_bg.jpg") no-repeat center top;
}



.chbg
{	padding: 15px;
}

@media screen and (max-width:550px){

.content-item .lines{ letter-spacing: 0.03em; font-size: 1.25em; 
}
.tab-content{
background:rgba(0,0,0,0.0);
	}
	
.tab-content .text{
    padding:0px;
	margin:5px 0px 5px 0px;
	text-align: left ;  line-height: 1.4em;
}	

.container	{
    padding:0px;
	}
	
}