.chara_fl .title_fl {font-family: 'Fredoka One', cursive; }

@media screen and (min-width: 1401px) {
.chara_fl { position: relative; width: 768px; margin: 0 auto; padding:120px 0 100px 0; }

.chara_fl .title_fl { position:relative; font-size:38px; font-weight:400; color:#7FC7DE; padding: 10px 0 10px 80px; background:#FFF; border:5px #7FC7DE solid; box-shadow:1px 2px 2px rgba(0,0,0,0.4); border-radius:50px; letter-spacing:4px; width:300px; }
.chara_fl .title_fl .cc_ico { position:absolute; bottom:1px; left:3px; width:58px; height:58px; background:url(../images/title/head_tit_ico05.png) no-repeat center center; background-size: 100%;  transition-duration:0.5s;}
.chara_wfl { position: relative; width: 100%; margin: 0 auto; padding:130px 0 0 0; }

.chara_img_fl { position: absolute; top:130px; left:0; width: 265px; height: 680px; background-size:100%; }
.chara_img_fl.cp01 { background:url(../images/chara/chara_profimg01.png) no-repeat; background-size:100%; }
.chara_img_fl.cp02 { background:url(../images/chara/chara_profimg02.png) no-repeat; background-size:100%; }
.chara_img_fl.cp03 { background:url(../images/chara/chara_profimg03.png) no-repeat; background-size:100%; }
.chara_img_fl.cp04 { background:url(../images/chara/chara_profimg04.png) no-repeat; background-size:100%; }
.chara_img_fl.cp05 { background:url(../images/chara/chara_profimg05.png) no-repeat; background-size:100%; }
.chara_pf_fl { width: 460px; margin: 0 0 30px 265px; background-size:100%; }
.prof_book { position: relative; border-radius:10px;/* border:5px solid #E95433;*/ margin: 50px 0 0 0;/* background: url(../images/chara/prof_bg.jpg);*/ padding: 8px; }
.book01 { border:5px solid #EAC100; background: url(../images/chara/prof_bg01.jpg); }
.book02 { border:5px solid #D075B0; background: url(../images/chara/prof_bg02.jpg); }
.book03 { border:5px solid #D13F14; background: url(../images/chara/prof_bg03.jpg); }
.book04 { border:5px solid #8164B7; background: url(../images/chara/prof_bg04.jpg); }
.book05 { border:5px solid #A5C7D6; background: url(../images/chara/prof_bg05.jpg); }
/*
.prof_book .ico.cp01 { position: absolute; top:-55px; left: 50%; width: 122px; height:62px; margin: 0 0 0 -61px; background: url(../images/chara/cc_prof_ico01.png);}
*/
.prof_word { width: 100%; }
.prof_word img {width: 100%;}

.chara_word_fl { width: 98%; min-height: 100px; background:url(../images/chara/ms_bg.jpg); padding:20px 0; border: 5px solid #E1D3B4; border-radius:20px; }
.ms_title { font-family: 'Fredoka One', cursive; font-size:30px; font-weight: 200; color: #FFF; border-bottom:3px dotted #FFF; width: 96%; padding:0 0 5px 0; margin: 0 auto 5px auto; text-shadow:1px 2px 2px rgba(0,0,0,0.4);  }
.once_talk { width: 96%; padding: 10px 2%; display: table; }
.left_face { width: 10%; display: table-cell;}
.right_face { width: 10%; display: table-cell;}
.c_icon01 { background: url(../images/chara/c_icon01.png) no-repeat center center; background-size: 80%;}
.c_icon02 { background: url(../images/chara/c_icon02.png) no-repeat center center; background-size: 80%;}
.c_icon03 { background: url(../images/chara/c_icon03.png) no-repeat center center; background-size: 80%;}
.c_icon04 { background: url(../images/chara/c_icon04.png) no-repeat center center; background-size: 80%;}
.c_icon05 { background: url(../images/chara/c_icon05.png) no-repeat center center; background-size: 80%;}
.c_comm_fl { width: 76%; padding: 0 2%; display: table-cell; }
.c_comm_fl .comm_p { padding: 20px; background:#FFF; border-radius:30px; font-size:13px; font-weight: 500; line-height: 20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.c_comm_fl .comm_p.p1 { position: relative; background:#FFF; }
.c_comm_fl .comm_p.p1 .lw { position: absolute; top:50%; left: -30px;  width: 42px; height: 21px; background: url(../images/chara/talk_l1.png) no-repeat; background-size:100%; margin:  0 0 -21px 0 ; }
.c_comm_fl .comm_p.p1 .rw { position: absolute; top:50%; right: -30px; width: 42px; height: 21px; background: url(../images/chara/talk_r1.png) no-repeat; background-size:100%; margin:  0 0 -21px 0 ; }
.c_comm_fl .comm_p.p2 { position: relative; background:#ECEFBF; }
.c_comm_fl .comm_p.p2 .lw { position: absolute; top:50%; left: -30px;   width: 42px; height: 21px; background: url(../images/chara/talk_l2.png) no-repeat; background-size:100%; margin: 0 0 -21px 0 ; }
.c_comm_fl .comm_p.p2 .rw { position: absolute; top:50%; right: -30px;  width: 42px; height: 21px; background: url(../images/chara/talk_r2.png) no-repeat; background-size:100%; margin: 0 0 -21px 0 ; }

.cg_wfl { position: absolute; top:210px; left:0; width: 100%;  z-index: 2; transition-duration:0.5s; }
.chara_cg_btmfl { padding:10px 0 10px 10px; background: rgba(255,255,255.0.7); border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); width: 530px; margin: 0 auto ; }
.once_chara { float: left; width:95px; height: 95px; margin: 0 10px 0 0 ; border-radius:10px; transition-duration:0.5s; }
.sp_fl { display: none; }
.once_chara.cg01 { background: url(../images/chara/c_icon01.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara.cg02 { background: url(../images/chara/c_icon02.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara.cg03 { background: url(../images/chara/c_icon03.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara.cg04 { background: url(../images/chara/c_icon04.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara.cg05 { background: url(../images/chara/c_icon05.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg01 { background: url(../images/chara/c_icon01b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg02 { background: url(../images/chara/c_icon02b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg03 { background: url(../images/chara/c_icon03b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg04 { background: url(../images/chara/c_icon04b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg05 { background: url(../images/chara/c_icon05b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }

.cg_wfl_m { display: none; }
}


@media all and (min-width: 769px) and (max-width: 1400px) {
.chara_fl { position: relative; width: 768px; margin: 0 auto; padding:120px 0 100px 0; }

.chara_fl .title_fl { position:relative; font-size:38px; font-weight:400; color:#7FC7DE; padding: 10px 0 10px 80px; background:#FFF; border:5px #7FC7DE solid; box-shadow:1px 2px 2px rgba(0,0,0,0.4); border-radius:50px; letter-spacing:4px; width:300px; }
.chara_fl .title_fl .cc_ico { position:absolute; bottom:1px; left:3px; width:58px; height:58px; background:url(../images/title/head_tit_ico05.png) no-repeat center center; background-size: 100%;  transition-duration:0.5s;}
.chara_wfl { position: relative; width: 100%; margin: 0 auto; padding:130px 0 0 0; }

.chara_img_fl { position: absolute; top:130px; left:0; width: 265px; height: 680px; background-size:100%; }
.chara_img_fl.cp01 { background:url(../images/chara/chara_profimg01.png) no-repeat; background-size:100%; }
.chara_img_fl.cp02 { background:url(../images/chara/chara_profimg02.png) no-repeat; background-size:100%; }
.chara_img_fl.cp03 { background:url(../images/chara/chara_profimg03.png) no-repeat; background-size:100%; }
.chara_img_fl.cp04 { background:url(../images/chara/chara_profimg04.png) no-repeat; background-size:100%; }
.chara_img_fl.cp05 { background:url(../images/chara/chara_profimg05.png) no-repeat; background-size:100%; }
.chara_pf_fl { width: 460px; margin: 0 0 30px 265px; background-size:100%; }
.prof_book { position: relative; border-radius:10px; margin: 50px 0 0 0; padding: 8px; }
.book01 { border:5px solid #EAC100; background: url(../images/chara/prof_bg01.jpg); }
.book02 { border:5px solid #D075B0; background: url(../images/chara/prof_bg02.jpg); }
.book03 { border:5px solid #D13F14; background: url(../images/chara/prof_bg03.jpg); }
.book04 { border:5px solid #8164B7; background: url(../images/chara/prof_bg04.jpg); }
.book05 { border:5px solid #A5C7D6; background: url(../images/chara/prof_bg05.jpg); }
/*
.prof_book .ico.cp01 { position: absolute; top:-55px; left: 50%; width: 122px; height:62px; margin: 0 0 0 -61px; background: url(../images/chara/cc_prof_ico01.png);}
*/
.prof_word { width: 100%; }
.prof_word img {width: 100%;}

.chara_word_fl { width: 98%; min-height: 100px; background:url(../images/chara/ms_bg.jpg); padding:20px 0; border: 5px solid #E1D3B4; border-radius:20px; }
.ms_title { font-family: 'Fredoka One', cursive; font-size:30px; font-weight: 200; color: #FFF; border-bottom:3px dotted #FFF; width: 96%; padding:0 0 5px 0; margin: 0 auto 5px auto; text-shadow:1px 2px 2px rgba(0,0,0,0.4);  }
.once_talk { width: 96%; padding: 10px 2%; display: table; }
.left_face { width: 10%; display: table-cell;}
.right_face { width: 10%; display: table-cell;}
.c_icon01 { background: url(../images/chara/c_icon01.png) no-repeat center center; background-size: 80%;}
.c_icon02 { background: url(../images/chara/c_icon02.png) no-repeat center center; background-size: 80%;}
.c_icon03 { background: url(../images/chara/c_icon03.png) no-repeat center center; background-size: 80%;}
.c_icon04 { background: url(../images/chara/c_icon04.png) no-repeat center center; background-size: 80%;}
.c_icon05 { background: url(../images/chara/c_icon05.png) no-repeat center center; background-size: 80%;}
.c_comm_fl { width: 76%; padding: 0 2%; display: table-cell; }
.c_comm_fl .comm_p { padding: 20px; background:#FFF; border-radius:30px; font-size:13px; font-weight: 500; line-height: 20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.c_comm_fl .comm_p.p1 { position: relative; background:#FFF; }
.c_comm_fl .comm_p.p1 .lw { position: absolute; top:50%; left: -30px;  width: 42px; height: 21px; background: url(../images/chara/talk_l1.png) no-repeat; background-size:100%; margin:  0 0 -21px 0 ; }
.c_comm_fl .comm_p.p1 .rw { position: absolute; top:50%; right: -30px; width: 42px; height: 21px; background: url(../images/chara/talk_r1.png) no-repeat; background-size:100%; margin:  0 0 -21px 0 ; }
.c_comm_fl .comm_p.p2 { position: relative; background:#ECEFBF; }
.c_comm_fl .comm_p.p2 .lw { position: absolute; top:50%; left: -30px;   width: 42px; height: 21px; background: url(../images/chara/talk_l2.png) no-repeat; background-size:100%; margin: 0 0 -21px 0 ; }
.c_comm_fl .comm_p.p2 .rw { position: absolute; top:50%; right: -30px;  width: 42px; height: 21px; background: url(../images/chara/talk_r2.png) no-repeat; background-size:100%; margin: 0 0 -21px 0 ; }

.cg_wfl { position: absolute; top:210px; left:0; width: 100%;  z-index: 2; transition-duration:0.5s; min-width: 1260px; }
.chara_cg_btmfl { padding:10px; background: rgba(255,255,255.0.7); border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); width: 530px; margin: 0 auto ; }
.once_chara { float: left; width:95px; height: 95px; margin: 0 10px 0 0 ; border-radius:10px; transition-duration:0.5s; }
.sp_fl { display: none; }
.once_chara.cg01 { background: url(../images/chara/c_icon01.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara.cg02 { background: url(../images/chara/c_icon02.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara.cg03 { background: url(../images/chara/c_icon03.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara.cg04 { background: url(../images/chara/c_icon04.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara.cg05 { background: url(../images/chara/c_icon05.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg01 { background: url(../images/chara/c_icon01b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg02 { background: url(../images/chara/c_icon02b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg03 { background: url(../images/chara/c_icon03b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg04 { background: url(../images/chara/c_icon04b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg05 { background: url(../images/chara/c_icon05b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }

.cg_wfl_m { display: none; }
}


@media all and (min-width: 501px) and (max-width: 768px) {
.chara_fl { position: relative; width:660px; margin: 0 auto; padding:120px 0 100px 0; }

.chara_fl .title_fl { position:relative; font-size:32px; font-weight:400; color:#7FC7DE; padding: 10px 0 10px 70px; background:#FFF; border:5px #7FC7DE solid; box-shadow:1px 2px 2px rgba(0,0,0,0.4); border-radius:50px; letter-spacing:4px; width:280px; }
.chara_fl .title_fl .cc_ico { position:absolute; bottom:0px; left:2px; width:55px; height:55px; background:url(../images/title/head_tit_ico05.png) no-repeat center center; background-size: 100%;  transition-duration:0.5s;}
.chara_wfl { position: relative; width: 100%; margin: 0 auto; padding:130px 0 0 0; }

.chara_img_fl { position: absolute; top:130px; left:0; width: 205px; height: 680px; }
.chara_img_fl.cp01 { background:url(../images/chara/chara_profimg01.png) no-repeat; background-size:100%; }
.chara_img_fl.cp02 { background:url(../images/chara/chara_profimg02.png) no-repeat; background-size:100%; }
.chara_img_fl.cp03 { background:url(../images/chara/chara_profimg03.png) no-repeat; background-size:100%; }
.chara_img_fl.cp04 { background:url(../images/chara/chara_profimg04.png) no-repeat; background-size:100%; }
.chara_img_fl.cp05 { background:url(../images/chara/chara_profimg05.png) no-repeat; background-size:100%; }
.chara_pf_fl { width: 430px; margin: 0 0 30px 210px; background-size:100%; }
.prof_book { position: relative; border-radius:10px; margin: 50px 0 0 0; padding: 8px; }
.book01 { border:5px solid #EAC100; background: url(../images/chara/prof_bg01.jpg); }
.book02 { border:5px solid #D075B0; background: url(../images/chara/prof_bg02.jpg); }
.book03 { border:5px solid #D13F14; background: url(../images/chara/prof_bg03.jpg); }
.book04 { border:5px solid #8164B7; background: url(../images/chara/prof_bg04.jpg); }
.book05 { border:5px solid #A5C7D6; background: url(../images/chara/prof_bg05.jpg); }
/*
.prof_book .ico.cp01 { position: absolute; top:-55px; left: 50%; width: 122px; height:62px; margin: 0 0 0 -61px; background: url(../images/chara/cc_prof_ico01.png);}
*/
.prof_word { width: 100%; }
.prof_word img {width: 100%;}

.chara_word_fl { width: 98%; min-height: 100px; background:url(../images/chara/ms_bg.jpg); padding:20px 0; border: 5px solid #E1D3B4; border-radius:20px; }
.ms_title { font-family: 'Fredoka One', cursive; font-size:30px; font-weight: 200; color: #FFF; border-bottom:3px dotted #FFF; width: 96%; padding:0 0 5px 0; margin: 0 auto 5px auto; text-shadow:1px 2px 2px rgba(0,0,0,0.4);  }
.once_talk { width: 96%; padding: 10px 2%; display: table; }
.left_face { width: 10%; display: table-cell;}
.right_face { width: 10%; display: table-cell;}
.c_icon01 { background: url(../images/chara/c_icon01.png) no-repeat center center; background-size: 80%;}
.c_icon02 { background: url(../images/chara/c_icon02.png) no-repeat center center; background-size: 80%;}
.c_icon03 { background: url(../images/chara/c_icon03.png) no-repeat center center; background-size: 80%;}
.c_icon04 { background: url(../images/chara/c_icon04.png) no-repeat center center; background-size: 80%;}
.c_icon05 { background: url(../images/chara/c_icon05.png) no-repeat center center; background-size: 80%;}
.c_comm_fl { width: 76%; padding: 0 2%; display: table-cell; }
.c_comm_fl .comm_p { padding: 20px; background:#FFF; border-radius:30px; font-size:13px; font-weight: 500; line-height: 20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.c_comm_fl .comm_p.p1 { position: relative; background:#FFF; }
.c_comm_fl .comm_p.p1 .lw { position: absolute; top:50%; left: -30px;  width: 42px; height: 21px; background: url(../images/chara/talk_l1.png) no-repeat; background-size:100%; margin:  0 0 -21px 0 ; }
.c_comm_fl .comm_p.p1 .rw { position: absolute; top:50%; right: -30px; width: 42px; height: 21px; background: url(../images/chara/talk_r1.png) no-repeat; background-size:100%; margin:  0 0 -21px 0 ; }
.c_comm_fl .comm_p.p2 { position: relative; background:#ECEFBF; }
.c_comm_fl .comm_p.p2 .lw { position: absolute; top:50%; left: -30px;   width: 42px; height: 21px; background: url(../images/chara/talk_l2.png) no-repeat; background-size:100%; margin: 0 0 -21px 0 ; }
.c_comm_fl .comm_p.p2 .rw { position: absolute; top:50%; right: -30px;  width: 42px; height: 21px; background: url(../images/chara/talk_r2.png) no-repeat; background-size:100%; margin: 0 0 -21px 0 ; }

.cg_wfl { position: absolute; top:210px; left:0; width: 100%;  z-index: 2; transition-duration:0.5s; }
.chara_cg_btmfl { padding:10px; background: rgba(255,255,255.0.7); border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); width: 530px; margin: 0 auto ; }
.once_chara { float: left; width:95px; height: 95px; margin: 0 10px 0 0 ; border-radius:10px; transition-duration:0.5s; }
.sp_fl { float: left; width:0; height: 0; }
.once_chara.cg01 { background: url(../images/chara/c_icon01.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara.cg02 { background: url(../images/chara/c_icon02.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara.cg03 { background: url(../images/chara/c_icon03.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara.cg04 { background: url(../images/chara/c_icon04.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara.cg05 { background: url(../images/chara/c_icon05.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg01 { background: url(../images/chara/c_icon01b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg02 { background: url(../images/chara/c_icon02b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg03 { background: url(../images/chara/c_icon03b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg04 { background: url(../images/chara/c_icon04b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara.cg05 { background: url(../images/chara/c_icon05b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }

.cg_wfl_m { display: none; }
}


@media screen and (max-width: 500px) {
.chara_fl { position: relative; width: 440px; margin: 0 auto; padding:120px 30px 100px 30px; }

.chara_fl .title_fl { position:relative; font-size:30px; font-weight:400; color:#7FC7DE; padding: 10px 0 10px 80px; background:#FFF; border:5px #7FC7DE solid; box-shadow:1px 2px 2px rgba(0,0,0,0.4); border-radius:50px; letter-spacing:4px; width:300px; }
.chara_fl .title_fl .cc_ico { position:absolute; bottom:0px; left:2px; width:49px; height:49px; background:url(../images/title/head_tit_ico05.png) no-repeat center center; background-size: 100%;  transition-duration:0.5s;}
.chara_wfl { position: relative; width: 100%; margin: 0 auto; padding:30px 0 0 0; }

.chara_img_fl { position: absolute; top:0px; left:0; width: 440px; height: 680px; margin: 140px 0 0 0;  }
.chara_img_fl.cp01 { background:url(../images/chara/chara_profimg01.png) no-repeat center; background-size:50%; }
.chara_img_fl.cp02 { background:url(../images/chara/chara_profimg02.png) no-repeat center; background-size:50%; }
.chara_img_fl.cp03 { background:url(../images/chara/chara_profimg03.png) no-repeat center; background-size:50%; }
.chara_img_fl.cp04 { background:url(../images/chara/chara_profimg04.png) no-repeat center; background-size:50%; }
.chara_img_fl.cp05 { background:url(../images/chara/chara_profimg05.png) no-repeat center; background-size:50%; }
.chara_pf_fl { width: 440px; margin: 840px 0 30px 0; background-size:100%; }
/*
.prof_book .ico.cp01 { position: absolute; top:-55px; left: 50%; width: 122px; height:62px; margin: 0 0 0 -61px; background: url(../images/chara/cc_prof_ico01.png);}
*/
.prof_book { position: relative; border-radius:10px; margin: 50px 0 0 0; padding: 8px; }
.book01 { border:5px solid #EAC100; background: url(../images/chara/prof_bg01.jpg); }
.book02 { border:5px solid #D075B0; background: url(../images/chara/prof_bg02.jpg); }
.book03 { border:5px solid #D13F14; background: url(../images/chara/prof_bg03.jpg); }
.book04 { border:5px solid #8164B7; background: url(../images/chara/prof_bg04.jpg); }
.book05 { border:5px solid #A5C7D6; background: url(../images/chara/prof_bg05.jpg); }
.prof_word { width: 100%; }
.prof_word img {width: 100%;}

.chara_word_fl { width: 98%; min-height: 100px; background:url(../images/chara/ms_bg.jpg); padding:20px 0; border: 5px solid #E1D3B4; border-radius:20px; }
.ms_title { font-family: 'Fredoka One', cursive; font-size:30px; font-weight: 200; color: #FFF; border-bottom:3px dotted #FFF; width: 96%; padding:0 0 5px 0; margin: 0 auto 5px auto; text-shadow:1px 2px 2px rgba(0,0,0,0.4);  }
.once_talk { width: 96%; padding: 10px 2%; display: table; }
.left_face { width: 10%; display: table-cell;}
.right_face { width: 10%; display: table-cell;}
.c_icon01 { background: url(../images/chara/c_icon01.png) no-repeat center center; background-size: 80%;}
.c_icon02 { background: url(../images/chara/c_icon02.png) no-repeat center center; background-size: 80%;}
.c_icon03 { background: url(../images/chara/c_icon03.png) no-repeat center center; background-size: 80%;}
.c_icon04 { background: url(../images/chara/c_icon04.png) no-repeat center center; background-size: 80%;}
.c_icon05 { background: url(../images/chara/c_icon05.png) no-repeat center center; background-size: 80%;}
.c_comm_fl { width: 76%; padding: 0 2%; display: table-cell; }
.c_comm_fl .comm_p { padding: 20px; background:#FFF; border-radius:30px; font-size:13px; font-weight: 500; line-height: 20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.c_comm_fl .comm_p.p1 { position: relative; background:#FFF; }
.c_comm_fl .comm_p.p1 .lw { position: absolute; top:50%; left: -20px;  width: 30px; height: 21px; background: url(../images/chara/talk_l1.png) no-repeat; background-size:100%; margin:  0 0 -21px 0 ; }
.c_comm_fl .comm_p.p1 .rw { position: absolute; top:50%; right: -20px; width: 30px; height: 21px; background: url(../images/chara/talk_r1.png) no-repeat; background-size:100%; margin:  0 0 -21px 0 ; }
.c_comm_fl .comm_p.p2 { position: relative; background:#ECEFBF; }
.c_comm_fl .comm_p.p2 .lw { position: absolute; top:50%; left: -20px;   width: 30px; height: 21px; background: url(../images/chara/talk_l2.png) no-repeat; background-size:100%; margin: 0 0 -21px 0 ; }
.c_comm_fl .comm_p.p2 .rw { position: absolute; top:50%; right: -20px;  width: 30px; height: 21px; background: url(../images/chara/talk_r2.png) no-repeat; background-size:100%; margin: 0 0 -21px 0 ; }

.cg_wfl { display: none; }

.cg_wfl_m { position: absolute; top:210px; left:0; width: 100%;  z-index: 2; transition-duration:0.5s; }
.chara_cg_btmfl_m { padding:10px 10px 0 10px; background: rgba(255,255,255.0.7); border-radius:20px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); width: 440px; margin: 0 auto ; }
.once_chara_m { float: left; width:77px; height: 77px; margin: 0 10px 10px 0 ; border-radius:10px; transition-duration:0.5s; }
.once_chara_m.cg01 { background: url(../images/chara/c_icon01.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara_m.cg02 { background: url(../images/chara/c_icon02.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara_m.cg03 { background: url(../images/chara/c_icon03.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara_m.cg04 { background: url(../images/chara/c_icon04.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
.once_chara_m.cg05 { background: url(../images/chara/c_icon05.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara_m.cg01 { background: url(../images/chara/c_icon01b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara_m.cg02 { background: url(../images/chara/c_icon02b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara_m.cg03 { background: url(../images/chara/c_icon03b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara_m.cg04 { background: url(../images/chara/c_icon04b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
a:hover .once_chara_m.cg05 { background: url(../images/chara/c_icon05b.jpg) no-repeat; background-size:100%; transition-duration:0.5s; }
}