#p_con .wrap { width: 98%; max-width: 980px; margin: 0 auto;}
#chara_sp { box-sizing: border-box; width: 96%; max-width: 980px; margin: 3em auto 2em auto; border: 1px solid rgba(255, 255, 255, 1); padding: 3em .5em 0 .5em;}
#chara_sp h2 { width: 90%; position: absolute; top: -1.5em; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); z-index: 200;}

#character_cont { width: 100%; max-width: 960px;}
#character_cont .contxt_sp { box-sizing: border-box; width: 100%; margin: 1.5em auto .5em auto; padding: 2em 1em 1em 1em; background-color: rgba(255, 255, 255, 1); position: relative; z-index: 150; color: rgba(0, 0, 0, 1); position: relative;}
#character_cont .contxt_sp0 { box-sizing: border-box; width: 100%; margin: 1.5em auto .75em auto; position: relative;}

#character_cont #aircleaning h3 { display: inline-block; text-align: center; padding: .5em 1em; background-color: rgba(0, 120, 155, .75); color: rgba(255, 255, 255, 1); margin: 0 auto; position: absolute; top: -1.5em; left: 40%; transform: translateX(-33%); -webkit- transform: translateX(-33%); font-size: 96%; line-height: 135%;}
#character_cont #aircleaning h3 .sub { font-size: 90%; font-weight: 300; display: block;}

.cimg { width: 100%; height: 0; padding-top: 100%;}
.cimg:hover { background-color: rgba(255, 255, 255, .2);}

#character_cont #aircleaning_sp { width: 100%; margin-top: .5em;}
#character_cont #aircleaning_img { width: 100%; height: 0; padding-top: 85.555555555555556%; padding-top: -webkit-calc(1540 / 1800 * 100%); padding-top: calc(1540 / 1800 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#character_cont #aircleaning_img ul { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#character_cont #aircleaning_img li { width: 31.957777777777778%; width: -webkit-calc(575.24 / 1800 * 100%); width: calc(575.24 / 1800 * 100%); position: absolute;}
#character_cont #aircleaning_img #rei_li { top: 4.924675324675325%; top: -webkit-calc(75.84 / 1540 * 100%); top: calc(75.84 / 1540 * 100%); left: 9.666666666666666%; left: -webkit-calc(174 / 1800 * 100%); left: calc(174 / 1800 * 100%);}
#character_cont #aircleaning_img #arata_li { top: 54.924675324675325%; top: -webkit-calc(845.84 / 1540 * 100%); top: calc(845.84 / 1540 * 100%); left: 17.590555555555556%; left: -webkit-calc(316.63 / 1800 * 100%); left: calc(316.63 / 1800 * 100%);}
#character_cont #aircleaning_img #master_li { top: 55.02012987012987%; top: -webkit-calc(847.31 / 1540 * 100%); top: calc(847.31 / 1540 * 100%); left: 63.557222222222222%; left: -webkit-calc(1144.03 / 1800 * 100%); left: calc(1144.03 / 1800 * 100%);}

.wa_lnk { width: 100%;}
.wa_lnk ul { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
.wa_lnk li { box-sizing: border-box; flex-basis: 24%; text-align: center; font-size: 90%;}
.wa_lnk .active { padding: .5em 0; background: rgba(255, 255, 255, 1); color: rgba(240, 0, 0, 1);}
.wa_lnk .active div { margin-bottom: .65em; padding-top: .65em; font-size: 110%;}
.wa_lnk .na_lnk0 div { padding: 1em 0; background: rgba(255, 255, 255, .35); color: rgba(0, 0, 0, .35);}
.wa_lnk .na_lnk div { padding: 1em 0; background: rgba(255, 255, 255, .75); color: rgba(240, 0, 0, 1); position: relative; z-index: 10; cursor: pointer;}
.wa_lnk .na_lnk div:hover { background: rgba(255, 255, 255, .9);}
/*
.wa_nkm { display: none;}
*/
.wt_bg { box-sizing: border-box; width: 100%; background: rgba(255, 255, 255, 1); padding: .75em 0;}
.wt_bg ul { box-sizing: border-box; width: 98%; margin: 0 auto; background-color: rgba(0, 120, 155, .1); padding: .5em 2%;}
.wt_bg li { padding: .5em; background-color: rgba(255, 255, 255, 1); display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; border-top: 2px dotted rgba(0, 120, 155, .3);}
.wt_bg li:first-child { border: 0;}
.wt_bg li .wac_img-sp { flex-basis: 30%;}
.wt_bg li .wac_img-sp .wac_img { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.wt_bg li .wac_txt-sp { flex-basis: 67%; text-align: left;}
.wt_bg li .wac_txt-sp dt { display: block; padding-bottom: .75em; color: rgba(0, 120, 155, 1); font-size: 90%;}
.wt_bg li .wac_txt-sp dd { line-height: 150%; font-size: 82%;}

/*for_W480-*/
@media all and (min-width: 480px) { 
#character_cont #aircleaning h3 { left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%); font-size: 100%;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#chart_sp h2 { margin: -2.5em auto 1em auto;}
.wt_bg ul { display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
.wt_bg li { box-sizing: border-box; flex-basis: 49%; margin: .5em .45%; border: 0; align-items: flex-start;}
.wt_bg li .wac_txt-sp dt { padding-bottom: .35em;}
.wt_bg li .wac_txt-sp dd { line-height: 140%; font-size: 80%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
.wt_bg li .wac_txt-sp { font-size: 120%;}
}

/*navi*/
#con_nav #li_character .mn a { background-color: rgba(255, 255, 255, .65); color: rgba(1, 0, 0, 1); cursor: default; pointer-events: none;}
#con_nav #li_character .mn_txt { color: rgba(0, 0, 0, 1);}
#con_nav #li_cast .mn_txt-j { color: rgba(69, 120, 149, 1);}