@charset "utf-8"; /**reset**/

/**sect_character**/
#sect_character{}
#sect_character .chara_list{width: 100%;padding-top:3rem;}

#sect_character .chara_list .chara_info{padding:0 1.25rem 1.25rem; border-radius: 1rem;background-color:#fff;border: 1px solid #dfdfdf;}
#sect_character .chara_list .chara_info .chara_name{font-size:var(--font-L);color:var(--color-indigo);padding-bottom:1.5rem;text-align: center;padding-top: 1.25rem;width: fit-content;border-top: 10px solid var(--color-indigo);padding-left:0.5em;padding-right: 0.5em;}
#sect_character .chara_list .chara_info .chara_name small{display: inline-block;font-size:75%;padding-left: 1em;}

#sect_character .chara_list .chara_info .chara_ol{display: flex;flex-wrap: wrap;justify-content: space-between;row-gap:0.5rem;}
#sect_character .chara_list .chara_info .chara_ol>*{padding:0.75rem 1rem;border-radius: 0.25rem; }
#sect_character .chara_list .chara_info .chara_ol .ol_item{width:15%;background-color: #9c9fcd;color: #fff;white-space: nowrap;line-height: 1.6;}
#sect_character .chara_list .chara_info .chara_ol .ol_txt{width:84.5%;background-color:#f3f3f3;}
#sect_character .chara_list .chara_info .chara_ol.rowx2 .ol_item{}
#sect_character .chara_list .chara_info .chara_ol.rowx2 .ol_txt{width:34%;}
#sect_character .chara_list .chara_info .chara_ol+.chara_ol{padding-top:0.5rem;}

#sect_character .chara_list .chara_info .chara_imgs{display: flex;gap:1rem;width:100%;margin: auto;padding-bottom: 2rem;}
#sect_character .chara_list .chara_info .chara_imgs li{width:100%;background-color: #ebecf9;border-radius: 0.25rem;}
#sect_character .chara_list .chara_info .chara_imgs li img{width:100%;}

.mixitup-button {display: flex;flex-wrap: wrap;justify-content: space-between;row-gap:1rem;margin-top:-1rem;}
.mixitup-button button {display: flex;align-items: center;width:32.5%;background:#ededed;padding:0.5rem 1rem 0.5rem 0.5rem; border-radius: 6em;transition: all 300ms ease;gap:5%;}
.mixitup-button button.mixitup-control-active{background-color:#5864c7;color: #fff;}
.mixitup-button button img{width:15%;}
.mixitup-button button .btn_txt{text-align: left;font-weight:500;font-size: var(--font-Mx);line-height: 1.2;}
.mixitup-button button small{display: block;font-size:75%;}

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

	/**sect_character**/
	#sect_character{}
	#sect_character .chara_list{width: 92vw;margin: 0 calc(50% - 46vw);}

	#sect_character .chara_list .chara_info{padding:0 1rem 1rem; border-radius: 0.5rem;border: 1px solid #cecece;}
	#sect_character .chara_list .chara_info .chara_name{padding-bottom:1rem;padding-top: 1rem;border-top: 8px solid var(--color-indigo);padding-left:0.25em;padding-right: 0.25em;margin: auto;}
	#sect_character .chara_list .chara_info .chara_name small{letter-spacing: 0;}

	#sect_character .chara_list .chara_info .chara_ol{flex-direction: column;}
	#sect_character .chara_list .chara_info .chara_ol>*{padding:0.5rem 0.75rem; }
	#sect_character .chara_list .chara_info .chara_ol .ol_item{padding:0;width:100%!important; background-color: transparent; color: #5864c7;}
	#sect_character .chara_list .chara_info .chara_ol .ol_item:before{content:"▼";font-size:85%;display: inline-block;margin-right: 0.5rem;}
	#sect_character .chara_list .chara_info .chara_ol .ol_txt{width:100%!important;margin-bottom:.75rem;}
	#sect_character .chara_list .chara_info .chara_ol.rowx2 .ol_item{}
	#sect_character .chara_list .chara_info .chara_ol.rowx2 .ol_txt{}
	#sect_character .chara_list .chara_info .chara_ol+.chara_ol{}

	#sect_character .chara_list .chara_info .chara_imgs{gap:0.5rem;}
	#sect_character .chara_list .chara_info .chara_imgs li{}
	#sect_character .chara_list .chara_info .chara_imgs li img{}

	.mixitup-button {row-gap:0.5rem;margin-top:0.5rem;}
	.mixitup-button button {width:49%;padding:0.5rem 0.75rem 0.5rem 0.5rem;gap:5%;text-align: center;border-radius:1rem;}
	.mixitup-button button.mixitup-control-active{}
	.mixitup-button button img{width: 23%;}
	.mixitup-button button .btn_txt{font-size: var(--font-M);}
	.mixitup-button button small{letter-spacing: 0;letter-spacing: -0.1em;}

	}