/*SP先行*/
@charset "UTF-8";
/*sp*/
.list_cover {
    padding: 0;
}
.list_warp {
    padding: 0 20px 30px;
}
body.category .list_warp {
    padding: 30px 20px 30px;
}
.list_mds {
    padding: 0 0 20px;
}
.list_mds.is-ver2 {
    padding: 0 20px 20px;
}
.list-mds {
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    color: #000;
    text-align: left;
}
.list_flx {
    margin: -15px 0 0;
}
.list_flx li {
    margin: 15px 0 0;
    box-shadow: 0 0 26px rgba(217,217,217,0.4);
    border-radius: 6px;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #fff;
    overflow: hidden;
}
.list_cnt a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 15px 15px;
    text-decoration: none;
}
.list_box {
    width: 72%;
    width: -webkit-calc(100% - (82px + 10px));
    width: calc(100% - (82px + 10px));
}
.list_txt {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 10px;
}
.list_tag {
    font-size: 10px;
    line-height: 1.4;
    color: #fff;
    background: #2787c9;
    padding: 3px 13px;
    margin: 0 10px 0 0;
    text-align: center;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 45px;
}
.list_tag.is-end {
    background: #a6b1ba;
}
.list_day {
    font-size: 12px;
    line-height: 1.4;
    color: #707070;
}
.list_ttl {
    font-size: 15px;
    line-height: 1.4;
    font-weight: bold;
}
.list_ttl .htag {
    display: inline-block;
    padding: 0 0 0 0.5em;
    color: #2787c9;
    font-size: 12px;
    font-weight: bold;
}
.cat_in {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    z-index: 9;
}
.cat_ttl {
    display: inline-block;
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    color: #fff;
    border: 1px solid #fff;
    padding: 15px 20px;
    min-width: 160px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.list_img {
    width: 85px;
    height: 60px;
    overflow: hidden;
    position: relative;
}
.list_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%;
}
.list_btn {
    padding: 15px 0 0;
    text-align: right;
}
.votes_warp {
    background: #eff6fc;
    padding: 20px 20px;
    margin: 0 0 30px;
}
.list_cover .votes_warp {
    padding: 20px 20px;
}
.votes_mds {
    padding: 0 0 20px;
    text-align: center;
}
.votes-mds {
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    color: #db3714;
    position: relative;
    display: inline-block;
    padding: 0 1em;
}
.votes-mds:before,
.votes-mds:after {
    content: '';
    display: block;
    width: 8px;
    height: 9px;
    position: absolute;
    bottom: 0;
}
.votes-mds:before {
    left: 0;
    background: url(../img/sp/icn_votes_l.png) no-repeat center right;
    background-size: auto 100%;
    -ms-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
}
.votes-mds:after {
    right: 0;
    background: url(../img/sp/icn_votes_r.png) no-repeat center right;
    background-size: auto 100%;
    -ms-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
}
.vote_txt {
    padding: 20px 0 0;
    text-align: center;
}
/*
.graph_side .vote_txt {
    padding: 0 0 0;
    margin: -40px 0 0 0;
}
*/
.vote-txt {
    font-size: 18px;
    line-height: 2;
    font-weight: bold;
    color: #db3614;
    display: inline-block;
    padding: 0 30px;
    border-bottom: 1px solid #db3614;
    border-top: 1px solid #db3614;
}
/*
.graph_side .vote-txt {
    font-size: 16px;
    padding: 0 0;
}
*/
.graph_btn {
    width: 105px;
    margin: 20px auto 0;
}
.mv_warp {
    width: 100%;
    height: 240px;
    overflow: hidden;
    position: relative;
}
body.list .mv_warp {
    background: url(../img/sp/list_img00_02.jpg?date=20210223) center center / cover no-repeat;
    margin: 0 0 20px;
}
body.category.gakushu .mv_warp {
    background: url(../img/sp/category_gakushu.jpg?date=20210223) center center / cover no-repeat;
}
body.category.nayami .mv_warp {
    background: url(../img/sp/category_nayami.jpg?date=20210223) center center / cover no-repeat;
}
body.category.odekake .mv_warp {
    background: url(../img/sp/category_odekake.jpg?date=20210223) center center / cover no-repeat;
}
body.category.english .mv_warp {
    background: url(../img/sp/category_mv4.jpg?date=20210223) center center / cover no-repeat;
}
body.category.future .mv_warp {
    background: url(../img/sp/category_mv5.jpg?date=20210223) center center / cover no-repeat;
}
body.category.homestudy .mv_warp {
    background: url(../img/sp/category_mv1.jpg?date=20210223) center center / cover no-repeat;
}
body.category.closed .mv_warp {
    background: url(../img/sp/category_mv2.jpg?date=20210223) center center / cover no-repeat;
}
.mv_warp:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 240px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 94%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 94%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 94%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    z-index: 9;
    opacity: 0.8;
}
.mv_warp a {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-decoration: none;
}
.mv_in {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 20px 20px 20px;
    z-index: 99;
}
.mv_in .list_box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    width: -webkit-calc(100%);
    width: calc(100%);
}
.mv_in .list_tag {
    background: #fff;
    color: #707070;
}
.mv_in .list_day {
    color: #fff;
}
.mv_in .list_ttl {
    color: #fff;
    width: 100%;
}
.mv_img {
    width: 120px;
    position: relative;
}
.mv_img img {
    width: 100%;
}
.graph_txt {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
}
.mv-ttl {
    display: none;
}
.dtlttl_bgs {
    position: relative;
    border-top: 1px solid #db3714;
}
/*
.dtlttl_bgs:before,
.dtlttl_bgs:after {
    content: "";
    position: absolute;
}
.dtlttl_bgs:before {
    top: 50%;
    left: 10px;
    width: 36px;
    height: 58px;
    background: url(../svg/icn_ookami.svg) no-repeat center top;
    background-size: 100% auto;
    z-index: 9;
    margin: -29px 0 0 0;
}
.dtlttl_bgs:after {
    bottom: 50%;
    right: 10px;
    width: 40px;
    height: 50px;
    background: url(../svg/icn_iruka.svg) no-repeat center top;
    background-size: 100% auto;
    z-index: 9;
    margin: 0 0 -25px 0;
}
*/
.dtlttl-result {
    color: #db3714;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding: 20px 0 0 0;
}
.dtlttl_ttl {
    text-align: left;
    margin: 15px 0 15px;
}
/*
.dtlttl_ttl:before,
.dtlttl_ttl:after {
    content: "";
    position: absolute;
    left: 50%;
}
.dtlttl_ttl:before {
    bottom: -13px;
    margin-left: -2px;
    border: 6px solid transparent;
    border-top: 8px solid #FFF;
    z-index: 2;
}
.dtlttl_ttl:after {
    bottom: -18px;
    margin-left: -4px;
    border: 8px solid transparent;
    border-top: 10px solid #db3714;
    z-index: 1;
}
*/
.dtlttl_ttl span {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.4;
    /*
    text-align: center;
    */
    color: #000000;
}
.dtlttl_read {
    padding: 0 0 20px;
}
.dtlttl-read {
    font-size: 14px;
    line-height: 2;
}
.vote_warp {
    padding: 30px 20px;
}
.vote_lst {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0 0;
}
.vote_lst li {
    width: 48%;
}
.vote_btn a {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    border-radius: 6px;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #a6b1ba;
    border: 2px solid #a6b1ba;
    text-decoration: none;
}
.vote_btn a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.vote_btn.on a {
    background: #f5c524;
    border: 2px solid #f5c524;
}
.votedtl_warp {
    padding: 0 20px 20px;
}
.votedtl_lst .votedtl {
    display: none;
}
.votedtl_lst .votedtl.active {
    display: block;
}
.vote_cmt {
    padding: 30px 0 0;
}
.vote-cmt {
    font-size: 13px;
    line-height: 1.7;
    padding: 0 0 10px;
}
.vote-cmt a {
    color: #2787c9;
}
.vote_date {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
.vote_date.ver2 {
    margin: 0 0 20px;
}
.vote_date li {
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    padding: 0 0.5em 0 0;
}
.vote_date li span span {
    font-size: 12px;
}
.vote_date.is-example li:nth-child(1) span {
    color: #1c8fc2;
}
.vote_date.is-example li:nth-child(2) span {
    color: #37bac5;
}
.vote_date.is-example li:nth-child(3) span {
    color: #f1b629;
}
.vote_date.is-example li:nth-child(4) span {
    color: #ee771d;
}
.vote_date.is-example li:nth-child(5) span {
    color: #c02632;
}
.vote_date li:nth-child(1) span {
    color: #1c8fc2;
}
.vote_date li:nth-child(2) span {
    color: #37bac5;
}
.vote_date li:nth-child(3) span {
    color: #48c537;
}
.vote_date li:nth-child(4) span {
    color: #98c537;
}
.vote_date li:nth-child(5) span {
    color: #f1b629;
}
.vote_date li:nth-child(6) span {
    color: #ee771d;
}
.vote_date li:nth-child(7) span {
    color: #c02632;
}
.vote_date li:nth-child(8) span {
    color: #ee2c7c;
}
.vote_date li:nth-child(9) span {
    color: #a5288b;
}
.vote_date li:nth-child(10) span {
    color: #581f9c;
}
.vote_date li:nth-child(11) span {
    color: #49a5ce;
}
.vote_date li:nth-child(12) span {
    color: #5fc8d1;
}
.vote_date li:nth-child(13) span {
    color: #6dd15f;
}
.vote_date li:nth-child(14) span {
    color: #add15f;
}
.vote_date li:nth-child(15) span {
    color: #f4c554;
}
.vote_date li:nth-child(16) span {
    color: #f1924a;
}
.vote_date li:nth-child(17) span {
    color: #cd515b;
}
.vote_date li:nth-child(18) span {
    color: #f15696;
}
.vote_date li:nth-child(19) span {
    color: #b753a2;
}
.vote_date li:nth-child(20) span {
    color: #794cb0;
}
.vote_date li:nth-child(21) span {
    color: #77bcda;
}
.vote_date li:nth-child(22) span {
    color: #87d6dc;
}
.vote_date li:nth-child(23) span {
    color: #91dc87;
}
.vote_date li:nth-child(24) span {
    color: #c1dc87;
}
.vote_date li:nth-child(25) span {
    color: #f7d37f;
}
.vote_date li:nth-child(26) span {
    color: #f5ad77;
}
.vote_date li:nth-child(27) span {
    color: #d97d84;
}
.vote_date li:nth-child(28) span {
    color: #f580b0;
}
.vote_date li:nth-child(29) span {
    color: #c97eb9;
}
.vote_date li:nth-child(30) span {
    color: #9b79c4;
}
.vote_date li:nth-child(31) span {
    color: #a4d2e7;
}
.vote_date li:nth-child(32) span {
    color: #afe3e8;
}
.vote_date li:nth-child(33) span {
    color: #b3d9a9;
}
.vote_date li:nth-child(34) span {
    color: #d6e8af;
}
.vote_date li:nth-child(35) span {
    color: #f9e2a9;
}
.vote_date li:nth-child(36) span {
    color: #f8c9a5;
}
.vote_date li:nth-child(37) span {
    color: #e6a8ad;
}
.vote_date li:nth-child(38) span {
    color: #f8abcb;
}
.vote_date li:nth-child(39) span {
    color: #dba9d1;
}
.vote_date li:nth-child(40) span {
    color: #bca5d7;
}
.vote_date li:nth-child(41) span {
    color: #d2e9f3;
}
.vote_date li:nth-child(42) span {
    color: #d7f1f3;
}
.vote_date li:nth-child(43) span {
    color: #daf3d7;
}
.vote_date li:nth-child(44) span {
    color: #eaf3d7;
}
.vote_date li:nth-child(45) span {
    color: #fcf0d4;
}
.vote_date li:nth-child(46) span {
    color: #fce4d2;
}
.vote_date li:nth-child(47) span {
    color: #f2d4d6;
}
.vote_date li:nth-child(48) span {
    color: #fcd5e5;
}
.vote_date li:nth-child(49) span {
    color: #edd4e8;
}
.vote_date li:nth-child(50) span {
    color: #ded2eb;
}
.vote_date .is-flx {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.vote_date .is-flx_in {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.vote_date .is-pcnt {
    width: 40px;
    font-weight: bold;
}
.vote_date .is-all {
    font-feature-settings: "palt";
}
.voting_warp {
    background: #eff6fc;
    border-radius: 6px;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 30px 20px;
}
.voting_btn {
    width: 48%;
    margin: 30px auto 0;
}
.sns_lst {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.expert_box .sns_lst {
    padding: 0 0 0 10px;
}
.sns_lst li {
    padding: 0 3px;
}
.sns_lst a {
    display: block;
}
.sns_lst a img {
    width: 28px;
}
.expert_list {
    margin: 0 0 30px 0;
}
.expert_box .sns_lst li {
    padding: 0 2px;
}
.expert_box .sns_lst a img {
    width: 20px;
}
.expert_warp {
    background: #eff6fc;
    padding: 20px 30px;
}
.expert_warp {
    margin: 0 0 20px;
}
.expert_list .expert_warp:last-child {
    margin: 0;
}
.expert_box {
    border-radius: 6px;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    overflow: hidden;
}
.expert_name {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 15px;
}
.expert_icn {
    width: 90px;
    height: 90px;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.expert_icn img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: auto;
    width: 100%;
}
.expert_date {
    width: 70%;
    width: -webkit-calc(100% - ( 90px + 10px ));
    width: calc(100% - ( 90px + 10px ));
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 0 0 5px;
}
.expert_date dt {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.expert_date dt a {
    text-decoration: underline;
}
.expert_date dd {
    font-size: 12px;
    line-height: 1.4;
    color: #727171;
}
.expert_tag {
    padding: 15px 0 0;
}
.expert_tag li {
    margin: 0 0 4px;
}
.expert_tag span {
    display: inline-block;
    min-width: 60px;
    font-size: 10px;
    line-height: 1;
    padding: 5px 5px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}
.expert_tag .is-area span {
    background: #eff6fc;
}
.expert_tag .is-nen span {
    background: #eff6fc;
}
.expert-cmt {
    font-size: 13px;
    line-height: 1.8;
}
.expert-cmt a {
    text-decoration: underline;
}
.expert-cmt.is-ver2 {
    border: 2px solid whitesmoke;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 6px;
}
.expert-cmt.is-ver3 {
    border: 2px solid whitesmoke;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}
.cmt_box {
/*    margin: -20px 0 0;*/
}
.cmt_in {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background: #fff;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 15px 15px;
    box-shadow: 0 0 26px rgba(217,217,217,0.4);
    border-radius: 6px;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.expert_good {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 5px 0 0;
}
.expert_good a {
    font-size: 12px;
    line-height: 1;
    color: #8a98a4;
    text-decoration: none;
}
.expert_good a span {
    position: relative;
    padding: 0 0 0 16px;
}
.expert_good a span:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../svg/thumbs-up.svg) no-repeat center center;
    background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.expert_good a.on span:before {
    background: url(../svg/thumbs-up-on.svg?date=20220513) no-repeat center center;
    background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.expert_good_pop {
    position: absolute;
}
.popup_box {
    display: none;
}
.popup_box.active {
    display: block;
}
.popcmt_form input[type="text"],
.popcmt_form select,
.popcmt_form textarea {
    padding: 0;
    border: none;
    outline: none;
    border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width: 100%;
    height: 38px;
    font-size: 12px;
    padding: 10px 15px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
}
.popcmt_form input[type="text"] {
    height: 30px;
}
.popcmt_form input[type="text"].is-wid01 {
    width: 30%;
}
.popcmt_form input[type="text"].is-wid02 {
    width: 40%;
}
.popcmt_form input[type="text"].is-wid03 {
    width: 150px;
}
.popcmt_form textarea {
    height: 80px;
}
.popcmt_form select {
    background: #fff url(../svg/icn_arw_down.svg) no-repeat center right 10px;
    background-size: 12px auto;
    -ms-background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
}
.popcmt_form input[type="radio"],
.popcmt_form input[type="checkbox"] {
    display: none;
}
.popcmt_form input[type="radio"] + label {
    padding: 0 0 0 34px;
    font-size: 14px;
    display: block;
    word-break: break-all;
    cursor: pointer;
    position: relative;
}
.popcmt_form input[type="radio"] + label:before {
    background: #fff;
    border: 1px solid #989897;
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
}
.popcmt_form input[type="radio"]:checked + label:after {
    background: #2787c9;
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 3px;
    margin-top: -9px;
    opacity: 0;
}
.popcmt_form input[type="radio"]:checked + label:after {
    opacity: 1;
}
.popcmt_form input[type="radio"] + label span {
    display: block;
}
.popcmt_form input[type="radio"] + label span img {
    height: 60px;
}
.popcmt_form input[type="checkbox"] + label {
    padding: 0 0 0 2em;
    font-size: 14px;
    display: block;
    word-break: break-all;
    cursor: pointer;
    position: relative;
}
.popcmt_form input[type="checkbox"] + label:before {
    background: #fff;
    border: 1px solid #989897;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}
.popcmt_form input[type="checkbox"] + label:after {
    border-right: 3px solid #2787c9;
    border-bottom: 3px solid #2787c9;
    content: '';
    display: block;
    width: 6px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: rotate(45deg);
    margin-top: -8px;
    opacity: 0;
}
.popcmt_form input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
.popcmt_form input[type=file] {
    font-size: 12px;
}
.rdo_list .is-icn {
    width: 60px;
    height: 60px;
}
.rdo_list .is-icn span {
    width: 100%;
    height: 0;
    display: block;
    overflow: hidden;
    padding: 60px 0 0 0;
}
.rdo_list .is-icn.n1 span {
    background: url(../img/icn_animal_w01.png) no-repeat center center;
    background-size: 60px auto;
    -ms-background-size: 60px auto;
    -moz-background-size: 60px auto;
    -webkit-background-size: 60px auto;
}
.rdo_list .is-icn.n2 span {
    background: url(../img/icn_animal_w02.png) no-repeat center center;
    background-size: 60px auto;
    -ms-background-size: 60px auto;
    -moz-background-size: 60px auto;
    -webkit-background-size: 60px auto;
}
.rdo_list .is-icn.n3 span {
    background: url(../img/icn_animal_w03.png) no-repeat center center;
    background-size: 60px auto;
    -ms-background-size: 60px auto;
    -moz-background-size: 60px auto;
    -webkit-background-size: 60px auto;
}
.rdo_list .is-icn.n4 span {
    background: url(../img/icn_animal_w04.png) no-repeat center center;
    background-size: 60px auto;
    -ms-background-size: 60px auto;
    -moz-background-size: 60px auto;
    -webkit-background-size: 60px auto;
}
.rdo_list .is-icn.n5 span {
    background: url(../img/icn_animal_w05.png) no-repeat center center;
    background-size: 60px auto;
    -ms-background-size: 60px auto;
    -moz-background-size: 60px auto;
    -webkit-background-size: 60px auto;
}
.rdo_list .is-icn.n6 span {
    background: url(../img/icn_animal_w06.png) no-repeat center center;
    background-size: 60px auto;
    -ms-background-size: 60px auto;
    -moz-background-size: 60px auto;
    -webkit-background-size: 60px auto;
}
.rdo_list .is-icn.n7 span {
    background: url(../img/icn_animal_w07.png) no-repeat center center;
    background-size: 60px auto;
    -ms-background-size: 60px auto;
    -moz-background-size: 60px auto;
    -webkit-background-size: 60px auto;
}
.rdo_list .is-icn.n8 span {
    background: url(../img/icn_animal_w08.png) no-repeat center center;
    background-size: 60px auto;
    -ms-background-size: 60px auto;
    -moz-background-size: 60px auto;
    -webkit-background-size: 60px auto;
}
.rdo_ttl {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px;
}
.rdo_list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 20px;
}
.rdo_list:last-child {
    margin: 0;
}
.rdo_list.is-ver2 {
    display:-webkit-block;
    display:-ms-block;
    display:block;
}
.rdo_list li {
    width: 50%;
    padding: 5px 0;
}
.rdo_list.is-ver2 li {
    width: 100%;
}
.popcmt_form {
    margin: 15px 0 0;
}
.popcmt_form:first-child {
    margin: 0;
}
.popcmt_ttl {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px;
}
.popcmt_ttl .is-clr {
    color: #db3714;
}
.ans_tgbtn a {
    background: #fff;
    display: block;
    padding: 10px;
    border-radius: 6px;
}
.ans_tgbtn span {
    position: relative;
    display: block;
    padding: 0 2em 0 0;
}
.ans_tgbtn span:before,
.ans_tgbtn span:after {
    display: block;
    content: "";
    position: absolute;
    top:8px;
    right:0;
    width: 14px;
    height: 2px;
    background-color: #2787c9;
    transition: .2s;
}
.ans_tgbtn span:before{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.ans_tgbtn.on span:before{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.ans_tgbtn.on span:after{
    background-color: transparent;
}
.ans_tgbx {
    display: none;
}
.ans_tgbx.active {
    display: block;
}
.popcmt_txt {
    margin: 15px 0 0;
}
.popcmt-txt {
    font-size: 12px;
    line-height: 1.4;
}
.popcmt-txt a {
    color: #2787c9;
}
.pop_btn {
    padding: 15px 0 0;
}
.pop-btn {
    width: 130px;
    margin: 0 auto;
}
.scroll {
    max-height: 300px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scroll::-webkit-scrollbar {
    display:none;
}
.pop_list ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 5px;
}
.pop_list ul:after{
    content:"";
    display: block;
    width:32%;
}
.pop_list ul:last-child {
    margin: 0;
}
.pop_list ul li{
    width: 32%;
    margin: 5px 0;
}
.pop_list.is-ver2 ul li {
    width: 50%;
}
.qa_warp {
    border-top: none;
}
.graph_wrap {
    width: 280px;
    height: 290px;
    margin: 0 auto;
    position: relative;
}
.graph_wrap.ver2 {
    width: 100%;
    height: auto;
}
.graph_wrap.is-flt {
    width: 100%;
    height: auto;
}
.graph_in {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.graph_base {
    width: 180px;
    height: 210px;
}
.graph_side {
    width: 130px;
}
.graph_side .vote_date {
    display: -webkit-block;
    display: -ms-block;
    display: block;
    margin: 0;
}
.graph_side .vote_date li {
    font-size: 12px;
    word-break: break-all;
}
.votedtl_lst.is-bar .graph_wrap {
    height: auto;
    width: 100%;
    padding: 10px 0 0 0;
}
.graph-tls {
    font-size: 12px;
    font-weight: bold;
}
.votedtl_warp .cmt_in {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    /*
    border: 2px solid #c8e7fa;
    */
    border: 2px solid #2787c9;
    box-sizing: border-box;
}
.votedtl_warp .expert_name {
    display:-webkit-block;
    display:-ms-block;
    display:block;
    margin: 0;
}
.votedtl_warp .expert_cmt {
    width: 70%;
    width: -webkit-calc(100% - 75px);
    width: calc(100% - 75px);
    padding: 0 0 20px 0;
}
.votedtl_warp .expert_cmt.is-ver2 {
    width: 75%;
    width: -webkit-calc(100% - 105px);
    width: calc(100% - 105px);
    padding: 0;
}
.votedtl_warp .expert_icn {
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 46px;
    height: 46px;
    margin: 0 auto;
    background: rgb(247, 233, 207);
}
.votedtl_warp .expert_icn span {
    width: 100%;
    height: 0;
    display: block;
    overflow: hidden;
    padding: 46px 0 0 0;
}
.votedtl_warp .expert_icn.n1 span {
    background: url(../img/icn_animal_s01.png) no-repeat center center;
    background-size: 45px auto;
    -ms-background-size: 45px auto;
    -moz-background-size: 45px auto;
    -webkit-background-size: 45px auto;
}
.votedtl_warp .expert_icn.n2 span {
    background: url(../img/icn_animal_s02.png) no-repeat center center;
    background-size: 45px auto;
    -ms-background-size: 45px auto;
    -moz-background-size: 45px auto;
    -webkit-background-size: 45px auto;
}
.votedtl_warp .expert_icn.n3 span {
    background: url(../img/icn_animal_s03.png) no-repeat center center;
    background-size: 45px auto;
    -ms-background-size: 45px auto;
    -moz-background-size: 45px auto;
    -webkit-background-size: 45px auto;
}
.votedtl_warp .expert_icn.n4 span {
    background: url(../img/icn_animal_s04.png) no-repeat center center;
    background-size: 45px auto;
    -ms-background-size: 45px auto;
    -moz-background-size: 45px auto;
    -webkit-background-size: 45px auto;
}
.votedtl_warp .expert_icn.n5 span {
    background: url(../img/icn_animal_s05.png) no-repeat center center;
    background-size: 45px auto;
    -ms-background-size: 45px auto;
    -moz-background-size: 45px auto;
    -webkit-background-size: 45px auto;
}
.votedtl_warp .expert_icn.n6 span {
    background: url(../img/icn_animal_s06.png) no-repeat center center;
    background-size: 45px auto;
    -ms-background-size: 45px auto;
    -moz-background-size: 45px auto;
    -webkit-background-size: 45px auto;
}
.votedtl_warp .expert_icn.n7 span {
    background: url(../img/icn_animal_s07.png) no-repeat center center;
    background-size: 45px auto;
    -ms-background-size: 45px auto;
    -moz-background-size: 45px auto;
    -webkit-background-size: 45px auto;
}
.votedtl_warp .expert_icn.n8 span {
    background: url(../img/icn_animal_s08.png) no-repeat center center;
    background-size: 45px auto;
    -ms-background-size: 45px auto;
    -moz-background-size: 45px auto;
    -webkit-background-size: 45px auto;
}
.popcmt_select {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.select_in {
    width: 75%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 10px 0 0;
}
.select_btn {
    width: 25%;
}
.select_btn.c-btn.is-ver2 a {
    height: 38px;
    font-size: 12px;
}
.expert_ttl {
    padding: 20px 15px;
}
.expert_ttl.ver2 {
    padding: 0 0 10px 0;
}
.expert-ttl {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    border-left: 3px solid #db3914;
    padding: 0 0 0 .6em;
}
.popcmt_mds {
    padding: 0 0 15px;
}
.popcmt-day {
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    text-align: right;
}
.popcmt-mds {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    color: #db3714;
}
.area_choice ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.area_choice ul:after{
    content:"";
    display: block;
    width:32%;
}
.area_choice li {
    width: 32%;
    padding: 5px 0;
}
.area_list {
    display: none;
    padding: 10px 0 0;
    margin: 10px 0 0;
    border-top: 1px solid #2787c9;
}
.area_list.active {
    display: block;
}
.area_list ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.area_list ul:after{
    content:"";
    display: block;
    width:32%;
}
.area_list li {
    width: 32%;
    padding: 5px 0;
}
.survey_warp {
    margin: 0 0 20px;
}
/*
.survey_in {
    background: #eff6fc;
    border-radius: 6px;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 15px;
}
*/
.survey_box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*
    margin: 0 0 5px;
    */
}
.survey_box:last-child {
    margin: 0;
}
.survey_box .ttl {
    display: inline-block;
    font-size: 10px;
    line-height: 1.6;
    font-weight: bold;
}
.survey_box .txt {
    display: inline-block;
    font-size: 10px;
    line-height: 1.4;
    width: 83%;
    width: -webkit-calc(100% - 58px);
    width: calc(100% - 58px);
}
.vote_mttl {
    margin: 0 0 25px;
}
.vote-mttl {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;
    border-left: 3px solid #db3914;
    padding: 0 0 0 .6em;
}
.article_warp {
    padding: 60px 0 0;
}
.article_in {
    margin: 0 0 20px;
}
.article_in:last-child {
    margin: 0;
}
.article_box {
    margin: 0 0 60px;
}
.article-h2 {
    background: #db3914;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    margin: 0 0 20px;
}
.article-h3 {
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    padding: 0 0 4px;
    border-bottom: 2px solid #db3914;
    margin: 0 0 20px;
}
.article-h4 {
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    padding: 0 0 20px;
}
.article-txt {
    font-size: 12px;
    line-height: 1.8;
    padding: 0 0 20px;
}
.article-txt:last-child {
    padding: 0;
}
.article-txt a {
    color: #db3914;
}
.article_img {
    padding: 0 0 20px;
}
.article_img img {
    width: 100%;
    height: auto;
}
.point_warp {
    background: #eff6fc;
    padding: 15px 15px;
    margin: 0 0 20px;
}
.point-ttl {
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    padding: 0 0 5px;
}
.point-txt {
    font-size: 12px;
    line-height: 1.8;
}
.addtxt dt {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px;
}
.addtxt dd {
    font-size: 12px;
    line-height: 2;
}
.votedtl_warp .cmt_in.is-mg2 {
    margin-left: 15px;
    margin-top: 10px;
    border: 2px solid  #fff;
}
.expert_pos {
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 9;
}
.expert_pos_in {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.expert_pos .expert_good {
    position: inherit;
    right: auto;
    bottom: auto;
}
.expert_comment {
    margin: 0 0 0 15px;
}
.expert_comment a {
    display: block;
}
.expert_report {
    /*
    margin: 0 0 0 15px;
    */
    width: 20px;
}
.expert_report a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.expert-report {
    width: 20px;
}
.expert-report a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.expertRep_wrap {
    position: relative;
}
.expertRep_wrap.is-ver2 {
    margin: 0 0 0 15px;
}
.expertRep_pop {
    padding: 10px 15px;
    position: absolute;
    top: 41px;
    right: -15px;
    z-index: 9;
    background: #eff6fc;
    border-radius: 6px;
    width: 190px;
    display: none;
}
.expertRep_wrap.is-ver2 .expertRep_pop {
    top: -81px;
}
.expertRep_pop:before {
    content: "";
    position: absolute;
    top: -14px;
    right: 15px;
    z-index: 8;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 14px 10px;
    border-color: transparent transparent #eff6fc transparent;
}
.expertRep_wrap.is-ver2 .expertRep_pop:before {
    bottom: -14px;
    top: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 10px 0 10px;
    border-color: #eff6fc transparent transparent transparent;
}
.expertRep-lnk a {
    color: #2787c9;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
}
.votedtl_warp.comment {
    padding: 30px 20px;
    background: #eff6fc;
    margin: 20px 0 30px 0;
}
.comment_wrap .p {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.comment_pager {
    margin: 0 0 20px 0;
}
.comment_pager a {
    height: 30px;
    width: 30px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background: #fff;
    color: #2787c9;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 15px;
    border-radius: 4px;
}
.comment_pager a.on {
    background: #2787c9;
    color: #fff;
}
.comment_wrap .sort {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 20px -10px;
}
.comment_wrap .sort a {
    width: 220px;
    height: 40px;
    font-size: 12px;
    font-weight: bold;
    display: table;
    text-decoration: none;
    margin: 0 0 0 10px;
    padding: 0 25px 0 10px;
    color: #2787c9;
    background: #ffffff;
    border-radius: 4px;
    position: relative;
    box-sizing: border-box;
}
.comment_wrap .sort a.on {
    color: #ffffff;
    background: #2787c9;
}
/*
.comment_wrap .sort a:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 1px solid #2787c9;
    border-radius: 2px;
    background: #fff;
    margin: -8px 0 0 0;
}
.comment_wrap .sort a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 4px;
    height: 6px;
    margin: -5px 0 0 0;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 2px solid #2787c9;
    border-right: 2px solid #2787c9;
}
.comment_wrap .sort a.on:before {
    border: 1px solid #fff;
}
*/
.comment_wrap .sort a span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
@media only screen and (max-width: 896px) {
    .comment_wrap .sort {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 20px 0;
    }
    .comment_wrap .sort a {
        width: 47.76119%;
        height: 35px;
        margin: 0 0 0 0;
        padding: 0 25px 0 10px;
        border-radius: 5px;
    }
    .comment_wrap .sort a span {
        text-align: center;
    }
}
.comment_wrap .prefecture_ids {
    /*
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    */
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px 0 0 -10px;
}
.comment_wrap .prefecture_ids_bg .prefecture_ids {
    display:-webkit-block;
    display:-ms-block;
    display:block;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #a5d5f6;
}
.comment_wrap .prefecture_ids_bg .prefecture_ids:last-child {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-bottom: 0;
}
.comment_wrap .prefecture_ids_in {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px 0 0 -10px;
}
.comment_wrap .prefecture_ids a {
    width: 105px;
    height: 30px;
    font-size: 12px;
    font-weight: bold;
    display: table;
    text-decoration: none;
    margin: 10px 0 0 10px;
    padding: 0 25px 0 10px;
    color: #2787c9;
    background: #ffffff;
    border-radius: 4px;
    position: relative;
    box-sizing: border-box;
}
.comment_wrap .prefecture_ids a.on {
    color: #ffffff;
    background: #2787c9;
}
/*
.comment_wrap .prefecture_ids a:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 1px solid #2787c9;
    border-radius: 2px;
    background: #fff;
    margin: -8px 0 0 0;
}
.comment_wrap .prefecture_ids a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 4px;
    height: 6px;
    margin: -5px 0 0 0;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 2px solid #2787c9;
    border-right: 2px solid #2787c9;
}
.comment_wrap .prefecture_ids a.on:before {
    border: 1px solid #fff;
}
*/
.comment_wrap .prefecture_ids a span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
@media only screen and (max-width: 896px) {
    .comment_wrap .prefecture_ids {
        margin: -10px 0 0 0;
        overflow-y: scroll;
        max-height: 300px;
    }
    .comment_wrap .prefecture_ids_bg {
        overflow-y: scroll;
        max-height: 300px;
    }
    .comment_wrap .prefecture_ids_bg .prefecture_ids {
        overflow-y: inherit;
        max-height: none;
    }
    .comment_wrap .prefecture_ids_bg .prefecture_ids_in {
        margin: -10px 0 0 0;
    }
    .comment_wrap .prefecture_ids a {
        width: 31%;
        height: 35px;
        margin: 10px 3.5% 0 0;
        padding: 0 25px 0 10px;
        border-radius: 5px;
        line-height: 1.1;
    }
    .comment_wrap .prefecture_ids_bg .prefecture_ids a {
        width: 31%;
        padding: 0 0 0 0;
    }
    .comment_wrap .prefecture_ids a:nth-child(3n) {
        margin: 10px 0 0 0;
    }
    .comment_wrap .prefecture_ids a span {
        text-align: center;
    }
}
.comment_wrap .school_grade_ids {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px 0 0 -10px;
}
.comment_wrap .school_grade_ids.is-all {
    margin: -10px 0 10px 0;
}
.school_grade_ids_in {
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #a5d5f6;
    width: 100%;
}
.comment_wrap .school_grade_ids a {
    width: 105px;
    height: 30px;
    font-size: 12px;
    font-weight: bold;
    display: table;
    text-decoration: none;
    margin: 10px 0 0 10px;
    padding: 0 25px 0 10px;
    color: #2787c9;
    background: #ffffff;
    border-radius: 4px;
    position: relative;
    box-sizing: border-box;
}
.comment_wrap .school_grade_ids a.on {
    color: #ffffff;
    background: #2787c9;
}
/*
.comment_wrap .school_grade_ids a:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 1px solid #2787c9;
    border-radius: 2px;
    background: #fff;
    margin: -8px 0 0 0;
}
.comment_wrap .school_grade_ids a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 4px;
    height: 6px;
    margin: -5px 0 0 0;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 2px solid #2787c9;
    border-right: 2px solid #2787c9;
}
.comment_wrap .school_grade_ids a.on:before {
    border: 1px solid #fff;
}
*/
.comment_wrap .school_grade_ids a span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
@media only screen and (max-width: 896px) {
    .comment_wrap .school_grade_ids {
        margin: -10px 0 0 0;
    }
    .comment_wrap .school_grade_ids a {
        width: 31%;
        height: 35px;
        margin: 10px 3.5% 0 0;
        padding: 0 0 0 0;
        border-radius: 5px;
        line-height: 1.1;
    }
    .comment_wrap .school_grade_ids a:nth-child(3n) {
        margin: 10px 0 0 0;
    }
    .comment_wrap .school_grade_ids a span {
        text-align: center;
    }
}
/*
.comment_wrap > div {
    border-bottom: 1px solid #fff;
}
.comment_wrap > div:last-child {
    border-bottom: 0;
}
*/
.comment-ttl {
    font-weight: bold;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 20px 0;
}
@media only screen and (max-width: 896px) {
    .search.comment_wrap {
        margin: 0 0 30px 0;
    }
}
.cmtSort_list ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 30px -10px;
}
.cmtSort_list ul li {
    width: 220px;
    margin: 0 0 0 10px;
}
.cmtSort_list ul li a {
    width: 100%;
    height: 40px;
    font-size: 12px;
    font-weight: bold;
    display: table;
    text-decoration: none;
    padding: 0 25px 0 10px;
    color: #2787c9;
    background: #fff url(../svg/icn_arw.svg) no-repeat center right 10px;
    background-size: 6px auto;
    -ms-background-size: 6px auto;
    -moz-background-size: 6px auto;
    -webkit-background-size: 6px auto;
    border-radius: 4px;
    position: relative;
    box-sizing: border-box;
}
.cmtSort_list ul li a span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
/*popup*/
.cmtSortPop_wrap {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.cmtSortPop_wrap.is-on {
    display: block;
}
.cmtSortPop_bg {
    background: rgba(0,0,0,0.4);
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.cmtSortPop_cls {
    position: absolute;
    top: -16px;
    right: -16px;
    display: block;
    width: 32px;
    height: 32px;
    z-index: 99;
    padding: 0;
    cursor: pointer;
    padding: 0;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0 0 26px rgba(217,217,217,0.4);
}
.cmtSortPop_cls span {
    width: 100%;
    height: 0;
    display: block;
    overflow: hidden;
    padding: 32px 0 0 0;
    background: url(../svg/pop_close.svg) no-repeat 0 0;
    background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.cmtSortPop_in {
    display: none;
    background: #edf4fa;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 9999;
    padding: 20px 15px;
    width: 800px;
    border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.cmtSortPop_in.is-on  {
    display: block;
}
.cmtSortList_in {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #a5d5f6;
}
.cmtSortList_in:last-child {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-bottom: 0;
}
.cmtSortList_in ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px 0 0 0;
}
.cmtSortList-chk {
    width: 11%;
    margin: 10px 1.6% 0 0;
}
.cmtSortList-chk.is-all {
    width: auto;
}
.cmtSortList-chk input[type="checkbox"] {
    display: none;
}
.cmtSortList-chk input[type="checkbox"] + label {
    padding: 0 0 0 2em;
    font-size: 13px;
    display: block;
    word-break: break-all;
    cursor: pointer;
    position: relative;
}
.cmtSortList-chk input[type="checkbox"] + label:before {
    background: #fff;
    border: 1px solid #989897;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
}
.cmtSortList-chk input[type="checkbox"] + label:after {
    border-right: 3px solid #2787c9;
    border-bottom: 3px solid #2787c9;
    content: '';
    display: block;
    width: 6px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: rotate(45deg);
    margin-top: -8px;
    opacity: 0;
}
.cmtSortList-chk input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
.cmtSortList-ttl {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-align: center;
}
.cmtSortList-ttl span {
    background: #2787c9;
    border-radius: 20px;
    display: inline-block;
    padding: 5px 20px;
    color: #fff;
}
@media only screen and (max-width: 896px) {
    .cmtSort_list ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 0 0;
    }
    .cmtSort_list ul li {
        width: 47.76119%;
        margin: 0 0 0 0;
    }
    .cmtSort_list ul li a {
        height: 35px;
        padding: 0 25px 0 10px;
        border-radius: 5px;
    }
    .cmtSort_list ul li a span {
        text-align: center;
    }
    .cmtSortPop_in {
        width: 88%;
    }
    .cmtSortPop_in.is-on  {
        display: block;
    }
    .cmtSortList_wrap.is-ver1 {
        height: 300px;
        overflow-y: scroll;
    }
    .cmtSortList_in ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px 0 0 0;
    }
    .cmtSortList-chk {
        width: 32%;
        margin: 10px 1% 0 0;
    }
    .cmtSortList-chk:nth-child(3n) {
        margin: 10px 0 0 0;
    }
}
@media only screen and (max-width: 350px) {
    .cmtSortList-chk input[type="checkbox"] + label {
        font-size: 11px;
    }
}
@media (min-width: 896px) {
    .sns_lst a:hover,
    .vote_btn a:hover {
        opacity: 0.7;
    }
    .list_cnt a:hover {
        opacity: 0.7;
    }
    .list_cnt a:hover .list_ttl {
        text-decoration: underline;
    }
    .mv_warp a:hover .list_ttl {
        text-decoration: underline;
    }
    .expert_good a:hover {
        text-decoration: underline;
    }
    .expert_date dt a:hover {
        text-decoration: none;
    }
    .survey_box .txt {
        width: 86%;
        width: -webkit-calc(100% - 80px);
        width: calc(100% - 80px);
    }
    .vote-cmt a:hover {
        text-decoration: underline;
    }
    .comment_pager a:hover {
        background: #2787c9;
        color: #fff;
    }
    .comment_pager a.on:hover {
        opacity: 0.7;
    }
    .comment_wrap .sort a:hover {
        background: #2787c9;
        color: #fff;
    }
    .comment_wrap .sort a.on:hover {
        opacity: 0.7;
    }
    .comment_wrap .prefecture_ids a:hover {
        background: #2787c9;
        color: #fff;
    }
    .comment_wrap .prefecture_ids a.on:hover {
        opacity: 0.7;
    }
    .comment_wrap .school_grade_ids a:hover {
        background: #2787c9;
        color: #fff;
    }
    .comment_wrap .school_grade_ids a.on:hover {
        opacity: 0.7;
    }
    .expertRep-lnk a:hover {
        text-decoration: underline;
    }
    .cmtSort_list ul li a:hover {
        color: #fff;
        background: #2787c9 url(../svg/icn_arw_w.svg) no-repeat center right 10px;
        background-size: 6px auto;
        -ms-background-size: 6px auto;
        -moz-background-size: 6px auto;
        -webkit-background-size: 6px auto;
    }
    .cmtSortPop_cls {
        width: 50px;
        height: 50px;
        top: -30px;
        right: -30px;
    }
    .cmtSortPop_cls span {
        padding: 50px 0 0 0;
    }
    .cmtSortList_wrap.is-ver1 .cmtSortList-chk:nth-child(8n) {
        margin: 10px 0 0 0;
    }
    .cmtSortList_wrap.is-ver2 .cmtSortList-chk {
        width: 15%;
    }
    .cmtSortList_wrap.is-ver2 .cmtSortList-chk.is-all {
        width: auto;
    }
    .cmtSortList-ttl {
        font-size: 14px;
    }
}
.topNews_wrap {
    margin: 0 20px 20px;
    border: 1px solid #2787c9;
    border-radius: 6px;
    padding: 15px;
}
.topNews-txt {
    font-size: 13px;
}
.topNews-txt span {
    font-weight: bold;
    font-size: 15px;
    display: block;
    margin: 0 0 5px;
}
.topNews-txt a {
    color: #2787c9;
    text-decoration: none;
    font-weight: bold;
}
@media only screen and (max-width: 896px) {
    .popup_wrap2 .mCSB_inside > .mCSB_container {
        margin-right: 20px;
    }
    .popup_wrap2 .popup_main {
        width: 90%;
    }
}
/*pc*/
@media (min-width: 896px) {
    .list_flx li {
        width: 340px;
        margin: 40px 0 0;
    }
    .votes_warp .list_flx li {
        width: 330px;
        margin: 20px 0 0;
    }
    .list_cnt a {
        display:-webkit-block;
        display:-ms-block;
        display:block;
        padding: 0;
    }
    .list_box {
        width: 100%;
        width: -webkit-calc(100%);
        width: calc(100%);
        padding: 20px 20px;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-radius: 0 0 6px 6px;
        -ms-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        -webkit-border-radius: 0 0 6px 6px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .list_txt {
        width: 100%;
        padding: 0;
        order: 2;
    }
    .list_tag {
        font-size: 12px;
        padding: 4px 8px;
        margin: 0 10px 0 0;
        min-width: 40px;
    }
    .list_day {
        font-size: 14px;
    }
    .list_ttl {
        width: 100%;
        font-size: 16px;
        line-height: 1.6;
        order: 1;
        padding: 0 0 15px 0;
    }
    .cat_ttl {
        font-size: 30px;
        padding: 15px 20px;
        min-width: 360px;
    }
    .list_img {
        width: 100%;
        height: 180px;
        border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
    }
    .votes_warp {
        padding: 20px 20px;
        margin: 0 0 50px;
        border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
    .votes_mds {
        position: relative;
    }
    .votes_mds .c-lnk {
        position: absolute;
        top: 10px;
        right: 0;
    }
    .votes-mds {
        font-size: 20px;
        padding: 0 1em;
    }
    .votes-mds:before,
    .votes-mds:after {
        width: 12px;
        height: 12px;
    }
    .votes-mds:before {
        background: url(../img/icn_votes_l.png) no-repeat center right;
    }
    .votes-mds:after {
        background: url(../img/icn_votes_r.png) no-repeat center right;
    }
    .vote_txt {
        padding: 40px 0 0;
    }
    /*
    .graph_side .vote_txt {
        padding: 0 0 0;
        margin: -50px 0 0 0;
    }
    */
    .vote-txt {
        font-size: 30px;
    }
    /*
    .graph_side .vote-txt {
        font-size: 26px;
    }
    */
    .graph_btn {
        width: 150px;
        margin: 40px auto 0;
    }
    .mv_warp {
        width: 100%;
        height: 300px;
        margin: 0 auto;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        margin: 0 0 40px;
    }
    body.list .mv_warp {
        background: url(../img/list_img00_02.jpg?date=20210223) center center / cover no-repeat;    margin: 0 0 40px;
    }
    body.category.gakushu .mv_warp {
        background: url(../img/category_gakushu.jpg?date=20210223) center center / cover no-repeat;
    }
    body.category.nayami .mv_warp {
        background: url(../img/category_nayami.jpg?date=20210223) center center / cover no-repeat;
    }
    body.category.odekake .mv_warp {
        background: url(../img/category_odekake.jpg?date=20210223) center center / cover no-repeat;
    }
    body.category.english .mv_warp {
        background: url(../img/category_mv4.jpg?date=20210223) center center / cover no-repeat;
    }
    body.category.future .mv_warp {
        background: url(../img/category_mv5.jpg?date=20210223) center center / cover no-repeat;
    }
    body.category.homestudy .mv_warp {
        background: url(../img/category_mv1.jpg?date=20210223) center center / cover no-repeat;
    }
    body.category.closed .mv_warp {
        background: url(../img/category_mv2.jpg?date=20210223) center center / cover no-repeat;
    }
    .mv_warp a {
        padding: 0 15px;
    }
    .mv_warp:before {
        height: 300px;
    }
    .mv_in {
        width: 100%;
        padding: 0 40px 40px 40px;
    }
    .mv_in .list_box {
        padding: 0;
    }
    .mv_in .list_tag {
        font-size: 14px;
        padding: 6px 11px;
    }
    .mv_in .list_txt {
        padding: 0 0 20px;
    }
    .mv_in .list_ttl {
        font-size: 24px;
        order: inherit;
        padding: 0;
    }
    .mv_img {
        width: 190px;
    }
    .graph_txt {
        font-size: 20px;
    }
    .mv-ttl {
        display: block;
        position: absolute;
        top: 110px;
        left: 40px;
        z-index: 99;
        color: #db3714;
        font-size: 40px;
        line-height: 1.4;
        font-weight: bold;
    }
    .dtlttl_bgs:before {
        top: 50%;
        left: 10px;
        width: 50px;
        height: 80px;
        background: url(../svg/icn_ookami.svg) no-repeat center top;
        background-size: 100% auto;
        z-index: 9;
        margin: -40px 0 0 0;
    }
    .dtlttl_bgs:after {
        bottom: 50%;
        right: 10px;
        width: 55px;
        height: 68px;
        background: url(../svg/icn_iruka.svg) no-repeat center top;
        background-size: 100% auto;
        z-index: 9;
        margin: 0 0 -34px 0;
    }
    .dtlttl-result {
        font-size: 30px;
    }
    .dtlttl_ttl {
        margin: 20px 0 30px;
    }
    .dtlttl_ttl:before {
        bottom: -18px;
        margin-left: -4px;
        border: 9px solid transparent;
        border-top: 9px solid #FFF;
    }
    .dtlttl_ttl:after {
        bottom: -20px;
        margin-left: -5px;
        border: 10px solid transparent;
        border-top: 10px solid #db3714;
    }
    .dtlttl_ttl span {
        font-size: 30px;
    }
    .list_cover {
        padding: 0;
    }
    .list_warp {
        padding: 0 0 50px;
    }
    body.category .list_warp {
        padding: 0 0 50px;
    }
    .list_mds {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 25px;
    }
    .list-mds {
        font-size: 18px;
    }
    .list_flx {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: -40px 0 0;
    }
    .votes_warp .list_flx {
        margin: -20px 0 0;
    }
    .dtlttl_read {
        padding: 0 0 40px;
    }
    .dtlttl-read {
        font-size: 16px;
        line-height: 2.1;
    }
    .vote_warp {
        padding: 0;
        margin: 0 0 50px;
    }
    .vote_ttl {
        margin: 0 0 40px;
    }
    .vote-ttl {
        font-size: 20px;
    }
    .vote_lst {
        padding: 40px 0 0;
    }
    .vote_btn a {
        height: 70px;
        font-size: 26px;
    }
    .vote_cmt {
        padding: 50px 0 0;
    }
    .vote-cmt {
        font-size: 14px;
        line-height: 2.1;
        padding: 0 0 40px;
    }
    .vote_date {
        /*
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        */
        margin: 0 0 10px;
    }
    .vote_date.ver2 {
        margin: 0 0 45px;
    }
    .vote_date li {
        font-size: 24px;
    }
    .vote_date li span span {
        font-size: 18px;
    }
    .vote_date .is-pcnt {
        width: 65px;
    }
    .voting_warp {
        padding: 35px 30px;
    }
    .voting_btn {
        width: 25%;
        margin: 30px auto 30px;
    }
    .sns_lst li {
        padding: 0 0 0 10px;
    }
    .sns_lst li:first-child {
        padding: 0 0 0 0;
    }
    .sns_lst a img {
        width: 30px;
    }
    .expert_list {
        margin: 0 0 50px 0;
    }
    .expert_box .sns_lst {
        padding: 0 0 0 20px;
    }
    .expert_box .sns_lst li {
        padding: 0 2px;
    }
    .expert_box .sns_lst a img {
        width: 20px;
    }
    .expert_warp {
        padding: 30px 30px;
    }
    .expert_warp {
        margin: 0 0 50px;
    }
    .expert_name {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 20px;
    }
    .expert_icn {
        width: 180px;
        height: 180px;
    }
    .expert_date {
        width: 70%;
        width: -webkit-calc(100% - ( 180px + 20px ));
        width: calc(100% - ( 180px + 20px ));
    }
    .expert_date dt {
        font-size: 20px;
        margin: 0 0 20px;
    }
    .expert_date dd {
        font-size: 13px;
        line-height: 2;
    }
    .expert_tag {
        padding: 10px 0 0;
    }
    .expert_tag li {
        line-height: 1;
        margin: 0 0 4px;
    }
    .expert_tag span {
        min-width: 70px;
        font-size: 12px;
        padding: 5px 5px;
    }
    .expert-cmt {
        font-size: 14px;
        line-height: 2;
        padding: 0 0 20px;
    }
    .expert-cmt.is-ver3 {
        margin-bottom: 40px;
    }
    .expert-cmt a:hover {
        text-decoration: none;
    }
    .cmt_in {
        margin: 40px 0 0;
        padding: 20px 0;
    }
    .expert_good {
        padding: 0;
        position: absolute;
        right: 30px;
        bottom: 30px;
    }
    .expert_good a {
        font-size: 14px;
    }
    .expert_good a span {
        padding: 0 0 0 18px;
    }
    .expert_good a span:before {
        width: 14px;
        height: 14px;
        top: 0;
    }
    .popcmt_ttl {
        font-size: 14px;
    }
    .ans_tgbtn span:before,
    .ans_tgbtn span:after {
        top:10px;
        width: 16px;
    }
    .popcmt_form input[type="text"],
    .popcmt_form select,
    .popcmt_form textarea {
        height: 40px;
        font-size: 14px;
        padding: 10px 15px;
    }
    .popcmt_form input[type="text"].is-wid01 {
        width: 80px;
    }
    .popcmt_form input[type="text"].is-wid02 {
        width: 100px;
    }
    .popcmt_form input[type="text"].is-wid03 {
        width: 150px;
    }
    .popcmt_form textarea {
        height: 120px;
    }
    .popcmt_form input[type=file] {
        font-size: 14px;
    }
    .popcmt_form {
        margin: 20px 0 0;
    }
    .rdo_ttl {
        font-size: 14px;
        margin: 0 0 5px;
    }
    .rdo_list {
        margin: 0 0 10px;
    }
    .rdo_list li {
        width: 33.3%;
    }
    .rdo_list.is-ver2 {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
    .rdo_list.is-ver2 li {
        width: 50%;
    }
    .popcmt_txt {
        margin: 30px 0 0;
    }
    .popcmt-txt {
        font-size: 12px;
        line-height: 2;
    }
    .pop_btn {
        padding: 30px 0 0;
    }
    .pop-btn {
        width: 150px;
    }
    .pop_list ul{
        margin: 0 0 15px;
    }
    .pop_list.is-ver2 ul li{
        width: 25%;
    }
    .graph_wrap {
        width: 396px;
        height: 420px;
    }
    .graph_wrap.ver2 {
        height: 360px;
    }
    .graph_base {
        width: 450px;
        height: 420px;
    }
    .graph_side {
        width: 250px;
    }
    .graph-tls {
        font-size: 20px;
    }
    .graph_side .vote_date li {
        font-size: 20px;
    }
    .votedtl_lst.is-bar .graph_wrap {
        height: auto;
        width: 90%;
    }
    .votedtl_warp {
        padding: 0 0 20px;
    }
    .votedtl_warp .cmt_in {
        padding: 30px 30px;
        position: relative;
    }
    .votedtl_warp .expert_cmt {
        width: 70%;
        width: -webkit-calc(100% - 95px);
        width: calc(100% - 95px);
        padding: 0;
    }
    .votedtl_warp .expert_cmt.is-ver2 {
        width: 70%;
        width: -webkit-calc(100% - 125px);
        width: calc(100% - 125px);
    }
    .votedtl_warp .expert_icn {
        width: 60px;
        height: 60px;
    }
    .votedtl_warp .expert_icn span {
        padding: 60px 0 0 0;
    }
    .votedtl_warp .expert_icn.n1 span {
        background: url(../img/icn_animal01.png) no-repeat center center;
        background-size: 60px auto;
        -ms-background-size: 60px auto;
        -moz-background-size: 60px auto;
        -webkit-background-size: 60px auto;
    }
    .votedtl_warp .expert_icn.n2 span {
        background: url(../img/icn_animal02.png) no-repeat center center;
        background-size: 60px auto;
        -ms-background-size: 60px auto;
        -moz-background-size: 60px auto;
        -webkit-background-size: 60px auto;
    }
    .votedtl_warp .expert_icn.n3 span {
        background: url(../img/icn_animal03.png) no-repeat center center;
        background-size: 60px auto;
        -ms-background-size: 60px auto;
        -moz-background-size: 60px auto;
        -webkit-background-size: 60px auto;
    }
    .votedtl_warp .expert_icn.n4 span {
        background: url(../img/icn_animal04.png) no-repeat center center;
        background-size: 60px auto;
        -ms-background-size: 60px auto;
        -moz-background-size: 60px auto;
        -webkit-background-size: 60px auto;
    }
    .votedtl_warp .expert_icn.n5 span {
        background: url(../img/icn_animal05.png) no-repeat center center;
        background-size: 60px auto;
        -ms-background-size: 60px auto;
        -moz-background-size: 60px auto;
        -webkit-background-size: 60px auto;
    }
    .votedtl_warp .expert_icn.n6 span {
        background: url(../img/icn_animal06.png) no-repeat center center;
        background-size: 60px auto;
        -ms-background-size: 60px auto;
        -moz-background-size: 60px auto;
        -webkit-background-size: 60px auto;
    }
    .votedtl_warp .expert_icn.n7 span {
        background: url(../img/icn_animal07.png) no-repeat center center;
        background-size: 60px auto;
        -ms-background-size: 60px auto;
        -moz-background-size: 60px auto;
        -webkit-background-size: 60px auto;
    }
    .votedtl_warp .expert_icn.n8 span {
        background: url(../img/icn_animal08.png) no-repeat center center;
        background-size: 60px auto;
        -ms-background-size: 60px auto;
        -moz-background-size: 60px auto;
        -webkit-background-size: 60px auto;
    }
    .select_in {
        width: 70%;
        padding: 0 20px 0 0;
    }
    .select_btn {
        width: 30%;
    }
    .select_btn.c-btn.is-ver2 a {
        height: 40px;
        font-size: 14px;
    }
    .expert_ttl {
        padding: 0 0 40px;
    }
    .expert_ttl.ver2 {
        padding: 0 0 15px;
    }
    .expert-ttl {
        font-size: 24px;
        border-left: 6px solid #db3914;
        padding: 0 0 0 .6em;
    }
    .popcmt_mds {
        padding: 0 0 20px;
    }
    .popcmt-day {
        font-size: 14px;
    }
    .popcmt-mds {
        font-size: 18px;
    }
    .area_choice ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .area_choice ul:after{
        width: 19%;
    }
    .area_choice li {
        width: 19%;
        padding: 5px 0;
    }
    .area_list {
        padding: 15px 0 0;
        margin: 15px 0 0;
    }
    .area_list ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .area_list ul:after{
        content:none;
    }
    .area_list li {
        width: 19%;
        margin-right: 1%;
    }
    .area_list li:nth-child(5n) {
        margin-right: 0;
    }
    .survey_warp {
        margin: 0 0 40px 360px;
    }
    /*
    .survey_in {
        padding: 20px;
    }
    */
    .vote_mttl {
        margin: 0 0 30px;
    }
    .vote-mttl {
        font-size: 20px;
        line-height: 1.8;
        border-left: 6px solid #db3914;
        padding: 0 0 0 .6em;
    }
    .article_warp {
        padding: 120px 0 0;
    }
    .article_in {
        margin: 0 0 40px;
    }
    .article_box {
        margin: 0 0 120px;
    }
    .article-h2 {
        padding: 15px;
        font-size: 18px;
        line-height: 1.8;
        margin: 0 0 40px;
    }
    .article-h3 {
        font-size: 18px;
        line-height: 1.8;
        padding: 0 0 4px;
        border-bottom: 2px solid #db3914;
        margin: 0 0 40px;
    }
    .article-h4 {
        font-size: 18px;
        line-height: 1.8;
        padding: 0 0 40px;
    }
    .article-txt {
        font-size: 14px;
        line-height: 2.1;
        padding: 0 0 40px;
    }
    .article_img {
        padding: 0 0 40px;
    }
    .point_warp {
        padding: 20px 30px;
        margin: 0 0 40px;
    }
    .point-ttl {
        font-size: 16px;
        line-height: 2.1;
    }
    .point-txt {
        font-size: 14px;
        line-height: 2.1;
    }
    .votedtl_warp .cmt_in.is-mg2 {
        margin-left: 50px;
    }
    .expert_pos {
        right: 30px;
        bottom: 30px;
    }
    .votedtl_warp.comment {
        padding: 30px 20px;
        border-radius: 6px;
        margin: 20px 0 40px 0;
    }
    .comment_pager {
        margin: 0 0 30px 0;
    }
    .comment_wrap .sort {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 0 20px -10px;
    }
    .comment_wrap .sort a {
        width: 220px;
        height: 40px;
        font-size: 12px;
        font-weight: bold;
        display: table;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 0 25px 0 10px;
        color: #2787c9;
        background: #ffffff;
        border-radius: 4px;
        position: relative;
        box-sizing: border-box;
    }
    .comment_wrap .sort a.on {
        color: #ffffff;
        background: #2787c9;
    }
    /*
    .comment_wrap .sort a:before {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        right: 10px;
        width: 16px;
        height: 16px;
        box-sizing: border-box;
        border: 1px solid #2787c9;
        border-radius: 2px;
        background: #fff;
        margin: -8px 0 0 0;
    }
    .comment_wrap .sort a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        width: 4px;
        height: 6px;
        margin: -5px 0 0 0;
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg);
        border-bottom: 2px solid #2787c9;
        border-right: 2px solid #2787c9;
    }
    .comment_wrap .sort a.on:before {
        border: 1px solid #fff;
    }
    */
    .comment_wrap .sort a span {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }
    .comment_wrap .prefecture_ids {
        /*
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
        */
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px 0 0 -10px;
    }
    .comment_wrap .prefecture_ids a {
        width: 105px;
        height: 30px;
        font-size: 12px;
        font-weight: bold;
        display: table;
        text-decoration: none;
        margin: 10px 0 0 10px;
        padding: 0 25px 0 10px;
        color: #2787c9;
        background: #ffffff;
        border-radius: 4px;
        position: relative;
        box-sizing: border-box;
    }
    .comment_wrap .prefecture_ids_bg .prefecture_ids a {
        width: 75px;
        padding: 0 0 0 10px;
    }
    .comment_wrap .prefecture_ids_bg .prefecture_ids a.is-wid2 {
        width: 100px;
    }
    .comment_wrap .prefecture_ids a.on {
        color: #ffffff;
        background: #2787c9;
    }
    /*
    .comment_wrap .prefecture_ids a:before {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        right: 10px;
        width: 16px;
        height: 16px;
        box-sizing: border-box;
        border: 1px solid #2787c9;
        border-radius: 2px;
        background: #fff;
        margin: -8px 0 0 0;
    }
    .comment_wrap .prefecture_ids a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        width: 4px;
        height: 6px;
        margin: -5px 0 0 0;
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg);
        border-bottom: 2px solid #2787c9;
        border-right: 2px solid #2787c9;
    }
    .comment_wrap .prefecture_ids a.on:before {
        border: 1px solid #fff;
    }
    */
    .comment_wrap .prefecture_ids a span {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }
    .comment_wrap .school_grade_ids {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px 0 0 -10px;
    }
    .comment_wrap .school_grade_ids a {
        width: 105px;
        height: 30px;
        font-size: 12px;
        font-weight: bold;
        display: table;
        text-decoration: none;
        margin: 10px 0 0 10px;
        padding: 0 25px 0 10px;
        color: #2787c9;
        background: #ffffff;
        border-radius: 4px;
        position: relative;
        box-sizing: border-box;
    }
    .comment_wrap .school_grade_ids a.is-wid2 {
        padding: 0 0 0 10px;
        margin: 10px 0 0 0;
    }
    .comment_wrap .school_grade_ids a.on {
        color: #ffffff;
        background: #2787c9;
    }
    /*
    .comment_wrap .school_grade_ids a:before {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        right: 10px;
        width: 16px;
        height: 16px;
        box-sizing: border-box;
        border: 1px solid #2787c9;
        border-radius: 2px;
        background: #fff;
        margin: -8px 0 0 0;
    }
    .comment_wrap .school_grade_ids a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        width: 4px;
        height: 6px;
        margin: -5px 0 0 0;
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg);
        border-bottom: 2px solid #2787c9;
        border-right: 2px solid #2787c9;
    }
    .comment_wrap .school_grade_ids a.on:before {
        border: 1px solid #fff;
    }
    */
    .comment_wrap .school_grade_ids a span {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }
    /*
    .comment_wrap > div {
        border-bottom: 1px solid #fff;
    }
    .comment_wrap > div:last-child {
        border-bottom: 0;
    }
    */
    .comment-ttl {
        font-weight: bold;
        font-size: 14px;
        line-height: 1;
        margin: 0 0 30px 0;
    }
    .topNews_wrap {
        margin: 0 0 40px;
        padding: 20px;
    }
    .topNews-txt {
        font-size: 14px;
    }
    .topNews-txt span {
        font-size: 16px;
        margin: 0 0 5px;
    }
    .topNews-txt a:hover {
        text-decoration: underline;
    }
}/*@media*/
@media (max-width: 345px) {
.graph_base {
    width: 140px;
    height: 170px;
}
}/*@media*/
@media (max-width: 320px) {
    .mv_in .list_ttl {
        font-size: 14px;
    }
    .dtlttl_ttl span {
        font-size: 14px;
    }
}/*@media*/