.chr_title.right_title:after{background:url("../../images/p/character/title_chara_top.png") no-repeat center left;}
#detail_box{
display:flex;flex-wrap:wrap;align-items:flex-start;
}
@media (min-width: 980px) {
.left_in_contents{width:220px;padding:5px;}
.right_in_contents{width:700px;padding:0px 10px;}
.sp{display:none;}
}
@media (max-width: 979px) {
.no_show{display:none;}
.left_in_contents{width:100%;}
.right_in_contents{width:100%;}
}

#search > dl{width:80%;max-width:550px;margin:0px auto;display:flex;flex-wrap:wrap;align-items:center;}
#search > dl > dt{width:150px;margin:10px 0px;}
#search > dl > dd{width:calc(100% - 150px);margin:10px 0px;}

#search select{
border:2px solid #ffd552;outline:2px solid #10315a;border-radius:20px;background:#fff;
width:calc(100% - 0px);padding:5px;text-align:center;text-align-last:center;
}
#search select option{text-align:left;}
#search input[type="text"]{
border:2px solid #fca3a7;outline:2px solid #10315a;border-radius:20px;background:#fff;
width:calc(100% - 0px);padding:5px;text-align:center;
}
@media (max-width: 599px) {
#search > dl{width:90%;}
#search > dl > dt{width:120px;}
#search > dl > dd{width:calc(100% - 120px);}
}
@media (max-width: 399px) {
#search > dl > dt,
#search > dl > dd{
width:100%;margin:3px 0px;
}
}

.inner_contents > form:after {
content:'';display:block;margin:20px auto 10px;width:100%;height:0px;padding-top:20px;
background:url(../../images/p/howto/border01.png);
}
.left_in_contents > p,
.right_in_contents > p{
margin-bottom:20px;
}
.left_in_contents > ul{width:100%;display:flex;flex-wrap:wrap;}
.left_in_contents > ul > li{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:5px;background:#d2e6ff;max-width:210px;width:100%;cursor:pointer;}
.left_in_contents > ul > li:nth-of-type(even){background:#fff;}

.left_in_contents > ul > li > p > img{
width:32px;height:32px;
}

@media (min-width: 980px) {
.left_in_contents > ul > li.selected{background:#ff6a7a;pointer-events:none;}
}
@media (max-width: 979px) and (min-width:894px){
.left_in_contents > ul{max-width:840px;margin:0px auto;}
.left_in_contents > ul > li:nth-of-type(5),
.left_in_contents > ul > li:nth-of-type(7),
.left_in_contents > ul > li:nth-of-type(13),
.left_in_contents > ul > li:nth-of-type(15){background:#fff;}
.left_in_contents > ul > li:nth-of-type(6),
.left_in_contents > ul > li:nth-of-type(8),
.left_in_contents > ul > li:nth-of-type(14),
.left_in_contents > ul > li:nth-of-type(16){background:#d2e6ff;}
}

@media (max-width: 893px) and (min-width:684px){
.left_in_contents > ul{max-width:630px;margin:0px auto;}
}
@media (max-width: 683px) and (min-width:474px){
.left_in_contents > ul{max-width:420px;margin:0px auto;}
.left_in_contents > ul > li:nth-of-type(4n+1){background:#fff;}
.left_in_contents > ul > li:nth-of-type(4n+2){background:#d2e6ff;}
}
@media (max-width: 473px) {
.left_in_contents > ul{justify-content:center;}
.chara_box > p:nth-of-type(2){font-size:18px!important;}
}
.left_in_contents > ul > li:hover{background:#7eb6e1;}

.chara_box{
background:url("../../images/p/character/chara_window.png") no-repeat right -5px top,#fff0a8;
border-radius:50px;padding:20px;
}
.chara_box > p:first-of-type{
padding-bottom:10px;border-bottom:2px solid #000;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
}
.chara_box > p:nth-of-type(2){
padding:10px;text-align:center;font-size:20px;
}
.chara_box > .detail{
display:flex;align-items:flex-start;justify-content:center;
}
.chara_box > .detail > div:first-of-type{
width:328px;
}
.chara_box > .detail > div:nth-of-type(2){
width:calc(100% - 328px);max-width:400px;
}
.chara_box > .detail > div > ul > li{
display:flex;align-items:center;padding:5px;border-radius:20px;margin-bottom:10px;
}
.chara_box > .detail > div > ul > li > p{
padding:5px;color:#944313;
}
.chara_box > .detail > div > ul > li > p:nth-of-type(2){
width:100%;padding:10px;
}
.chara_box > .detail > div > ul > li#birthday{
background:#ffd552;
}
.chara_box > .detail > div > ul > li#hometown{
background:#feff7e;
}
.chara_box > .detail > div > ul > li#hobby{
background:#69fa7e;color:#0d580d;
}
.chara_box > .detail > div > ul > li#like{
background:#ffbbc2;
}
.chara_box > .detail > div > ul > li#dislike{
background:#7ccfff;color:#0f315b
}
.chara_box > .detail > div > ul > li.none{
background:#cbcbcb !important;
}
@media (max-width: 699px) {
.chara_box > .detail{
flex-wrap:wrap;justify-content:center;
}
.chara_box > .detail > div{
width:100% !important;max-width:328px;margin-bottom:10px;
}
}
.nodata{
margin:20px auto;padding:20px;text-align:center;background:#fff0a8;border:1px solid #f00;
}
#next_page,#prev_page{
cursor:pointer;
}
#s_page{border:1px solid #000;border-radius:0px;padding:0px 2px;}

.sp.btn_box{margin-top:20px;text-align:center;"}