@charset "euc-jp";
/*===========================================
news_new_sp.css
news ニュースデザインリニューアル_2020
============================================*/

/* column template */

/* top template */

body{
  font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
/* a{
display:block;
} */

@media only screen and (min-width: 1025px) {
  .Wrap.Mypage{
    width:100%;
    margin:0 auto;
  }
  .Mypage .Contents{
    width:480px;
    margin:10px auto 6px auto;
    /*padding-top:50px; */
  }
}
/* iPad */
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .Wrap.Mypage{
    width:100%;
    margin:0 auto;
  }
  .Mypage .Contents{
    margin:0 auto;
    margin-top:2px;
    /*padding-top:45px; */
  }
}

/* sp */
@media only screen and (min-width: 320px) and (max-width: 766px) {
  body {
    background: #fff;
  }
  .Wrap.Mypage{
    width:100%;
    margin:0 auto;
  }
  .Mypage .Contents{
    margin:0 auto;
    margin-top:2px;
  }
  .Mypage .Main_Column{
    float:none;
  }
  .Mypage .Side_Column{
    float:none;
  }
}
      /* news template */

      /* top template */

      body{
        font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
      }
      a{
        display:block;
      }
      .News_Headline {
        background: #fff;
      }
      .Tab_2col li {
        width: 50%;
        float: left;
        position: relative;
      }
      .Tab_3col li {
        width: 33.3%;
        float: left;
      }
      .Tab_1 a,
      .Tab_1 li > div {
        display: block;
        font-size: 61%;
        font-weight: bold;
        color: #666;
        background: #e7e7e7;
        text-align: center;
        line-height: 2.55;
      }
      .Tab_1 {
        border: 1px solid #c9c9c9;
        border-radius: 4px;
        overflow: hidden;
      }
      .Tab_1 li + li > div {
        border-left: 1px solid #c9c9c9;
        background: #fff;
      }
      .Tab_1 li > div.Tab_Active {
        color: #fff;
        background: #888;
      }
      .CommentBoxWrap_Inner .Tab_1 a {
        border: 0px none currentColor;
        margin: 0;
        background:none;
      }
      .CommentBoxWrap_Inner .Tab_1 a > div {
        padding:10px 0;
        border-top: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        margin-right: 2px;
      }
      .Tab_1 li > div.Tab_Normal,
      [data-is="user_rank"] .Tab_1 li > div.Tab_Normal {
        background: #fff;
    }
      .CommentBoxWrap_Inner .Tab_1 .Icon {
        display: inline-block;
        background: url("../img/icon/icon_Comment.png");
        background-repeat: no-repeat;
        background-size: 65px auto;
        -moz-background-size: 65px auto;
        -webkit-background-size: 65px auto;
        -o-background-size: 65px auto;
        -ms-background-size: 65px auto;
        vertical-align: middle;
        margin-right: 6px;
        height: 20px;
      }
      .CommentBoxWrap_Inner .Tab_1 .Icon.Icon_Like {
        width: 17px;
        height: 20px;
        background-position: 0 -20px;
      }
      .CommentBoxWrap_Inner .Tab_1 .Icon.Icon_NEW {
        width: 20px;
        height: 20px;
        background-position: -19px -20px;
      }

      .CommentBoxWrap_Inner .Tab_1 .Icon.Icon_Access {
        background-size: 45px auto;
        -moz-background-size: 45px auto;
        -webkit-background-size: 45px auto;
        -o-background-size: 45px auto;
        -ms-background-size: 45px auto;
        width: 18px;
        height: 20px; 
        background-position: 0 -60px;
        vertical-align: text-bottom;
      }
      .CommentBoxWrap_Inner .Tab_1 .Icon.Icon_Attention {
        background-size: 45px auto;
        -moz-background-size: 45px auto;
        -webkit-background-size: 45px auto;
        -o-background-size: 45px auto;
        -ms-background-size: 45px auto;
        width: 19px;
        height: 20px;
        background-position: -17px -60px;
        vertical-align: text-bottom;
      }
      .CommentBoxWrap_Inner .Tab_1 .Icon.Icon_Comment {
        background-size: 45px auto;
        -moz-background-size: 45px auto;
        -webkit-background-size: 45px auto;
        -o-background-size: 45px auto;
        -ms-background-size: 45px auto;
        width: 19px;
        height: 20px;
        background-position: -17px -60px;
        vertical-align: text-bottom;
      }
      .Content_text {
        width:100%;
      }
      .PickupNews {
        padding-top: 18px;
        padding-bottom: 15px;
      }
      @media screen and (max-width: 320px) {
        .PickupNews {
          padding-bottom: 0;
        }
      }
      @-webkit-keyframes fadeIn {
        0% {opacity: 0}
        100% {opacity: 1}
      }
      @keyframes fadeIn {
        0% {opacity: 0}
        100% {opacity: 1}
      }
      .PickupList {
        padding-left: 10px;
        margin-bottom: -10px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        min-height: 252px;
      }
      .PickupList .PickupListItem {
        background: #fff;
        width: 224px;
        display: inline-block;
      }
      .PickupList .PickupListItem a {
        display: block;
      }
      .PickupList .PickupListItem .PickupPhoto {
        margin-bottom: 13px;
        overflow: hidden;
        white-space: normal;
        border-radius: 4px;
        width: 224px;
        height: 126px;
        position: relative;
      }
      .PickupList .PickupListItem img {
        width: 100%;
        height: auto;
        border-radius: 4px;
        vertical-align: top;
      }
      .PickupList .PickupListItem + .PickupListItem {
        margin-left: 10px;
      }
      .PickupList .PickupListItem:last-child {
        margin-right: 10px;
      }
      .PickupListTitle {
        color: #444;
        font-size: 88.89%;
        overflow: hidden;
        line-height: 1.38;
        position: relative;
        word-wrap: break-word;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 2.76em;
        padding: 0 9px;
      }
      .PickupList .PickupListItem .Content_Cate {
        color: #444;
        font-size: 61%;
        font-weight: bold;
        line-height: 2;
        border: 1px solid #e2e2e2;
        border-radius: 1em;
        display: inline-block;
        padding: 0 10px;
        margin: 0 9px 10px;
        float: none;
        height: auto;
      }
      .LinkBox_Footer {
        color: #888;
        font-size: 61.11%;
        text-align: right;
        margin-top: 7px;
        padding-right: 6px;
      }
      .LinkBox_Footer * {
        display: inline-block;
      }
      .NewsNewsRankList ul.List_01 {
        padding: 0 10px;
      }
      .NewsNewsRankList ul.List_01 li {
        margin-bottom: 13px;
      }
      .NewsNewsRankList ul.List_01 li:last-child {
        margin-bottom: 0;
      }
      .NewsNewsRankList .List_01 .LinkBox_01 {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
      }
      .NewsNewsRankList .PhotoThumb_01 {
        width: 97px;
        min-width: 97px;
        min-height: 72px;
        float:none;
        margin-right: 9px;
        border-radius: 4px;
        background: #eee;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        overflow: hidden;
        position: relative;
      }
      .NewsNewsRankList .PhotoThumb_01 img.Thumb_Img01 {
        max-width: 97px;
        max-height: 72px;
        display:block;
        margin:auto;
      }
      .ContentMainTitle {
        color: #444;
        font-size: 89%;
        line-height: 1.38em;
        font-weight: bold;
        margin-bottom: 12px;
        overflow: hidden;
        position: relative;
        word-wrap: break-word;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 2.76em;
      }
      .Content_FooterTxt {
        color: #888;
        font-size: 55.56%;
        text-align: right;
      }
      .NewsNewsRankList ul.List_01 li .LinkBox_01 h2 {
        font-size: 89%;
        color: #444;
        overflow: hidden;
        line-height: 1.38em;
        position: relative;
        word-wrap: break-word;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 2.76em;
      }
      .NewsNewsRankList .LinkBox_Footer {
        margin-top: 15px;
      }
      .ContentsBoxRanking .SubTitle h3::before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/icon/icon_sprite_column.png) no-repeat;
        -webkit-background-size: 70px auto;
        -moz-background-size: 70px auto;
        background-size: 70px auto;
        background-position: 0 0;
        vertical-align: text-bottom;
        margin-right: 7px;
      }
      .ContentsBoxRanking .SubTitle .PopularIcon:before{
        background-position: -24px -20px;
      }
      .ContentsBoxRanking .SubTitle .ChumokuIcon::before {
        background-position: -24px 0;
      }
      .ContentsBoxRanking .SubTitle .CommentatorIcon::before {
        background-position: -24px -20px;
      }
      .ContentsBoxRanking .SubTitle .UserPosterIcon::before {
        background-position: -46px -37px;
      }
      .ContentsBoxRanking .List_01 .LinkBox_01{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
      }
      .ContentsBoxRanking .PhotoThumb_01 {
        width: 96px;
        min-width:96px;
        min-height: 72px;
        margin-right: 10px;
        background: #eee;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: relative;
        float:none;
      }
      .ContentsBoxRanking .PhotoThumb_01 img {
        max-width: 96px;
        max-height: 72px;
      }
      .ContentsBoxRanking .ContentMainTitle {
        margin-bottom: 7px;
      }
      .ContentsBoxRanking .Content_FooterTxt {
        color: #999;
        font-size: 61%;
      }
      .ContentsBoxRanking ul.List_01 li:last-child {
        margin-bottom: 0;
      }
      .Ranking_TextBox .LinkBox_Footer {
        margin-top: 0;
      }
      .Ranking_TextBox .LinkBox_Footer {
        margin-top: 0;
      }
      .ContentsBoxRanking .PhotoThumb_01.Avatar {
        width: 72px;
        min-width: 72px;
        min-height: auto;
        display: table-cell;
        background: #a6a6a6;
      }
      .ContentsBoxRanking .PhotoThumb_01.Avatar img {
        max-width: 72px;
        min-height: 72px;
      }
      .ContentsBoxRanking .AvatarTxt {
        /*display: table-cell;*/
        vertical-align: top;
        width: 100%;
      }
      .ContentsBoxRanking .AvatarTxt h4 {
        color: #333;
        font-size: 88.89%;
        line-height: 1.25;
        padding: 0 10px;
        height: auto;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      ul.List_01 li .LinkBox_01 h2 span.Rank_Title {
        height:2.65em;
        overflow:hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      ul.List_01 li .LinkBox_01 p.UserData_02 {
        display: none;
        font-size: 74%;
        color: #4b4b4b;
        margin-top: 5px;
      }
      ul.List_01 li .LinkBox_01 p.UserInfoTxt {
        font-size: 78%;
        color: #4b4b4b;
        margin-top: 5px;
        /* max-width: 14em; */
        max-width: 97%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 7px;
      }
      ul.List_01 li .LinkBox_01 p.UserInfoTxt02 {
        color: #4b4b4b;
        font-size: 78%;
        line-height: 1.25;
        height:2.48em;
        overflow:hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .ContentsBoxRanking .List_01 .Ranking_TextBox.AvatarTxt{
        width:100%;
        overflow: hidden;
      }
      .NewsSearchWrap {
        padding-bottom: 15px;
      }
      .NewsSearchWrap .Title_Sec {
        margin-top: 23px;
      }
      .NewsSearchWrap .Sub_Title {
        color: #888;
        font-size: 72.22%;
        font-weight: bold;
        text-align: left;
        margin-bottom: 10px;
      }

      .Key_Search_Box {
        padding: 0 10px;
      }
      .Key_Search {
        display: table;
        width: 100%;
      }
      .Key_Search_Input {
        background: #fff;
        border: 1px solid #cacaca;
        border-radius: 4px;
        overflow: hidden;
      }
      .Key_Search_Input:focus-within {
        box-shadow: 0 0 5px 0 rgba(202, 202, 202, .8);
      }
      .InputTxt_Form_Box, .Submit_Btn_Box {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
      }
      .Key_Search_Input .Txt_Form {
        line-height: 1.4;
        padding: 6px 9px;
      }
      .Txt_Form:placeholder-shown,
      .Txt_Form::placeholder {
        color: #c9c9c9;
        font-weight: bold;
      }
      .Txt_Form:placeholder-shown, .Txt_Form::placeholder {
        color: #c9c9c9;
        font-weight: bold;
      }
      /* Google Chrome, Safari, Opera 15+, Android, iOS */
      .Txt_Form::-webkit-input-placeholder {
        color: #c9c9c9;
        font-weight: bold;
      }
      /* Firefox 18- */
      .Txt_Form:-moz-placeholder {
        opacity: 1;
        color: #c9c9c9;
        font-weight: bold;
      }
      /* Firefox 19+ */
      .Txt_Form::-moz-placeholder {
        opacity: 1;
        color: #c9c9c9;
        font-weight: bold;
      }
      /* IE 10+ */
      .Txt_Form:-ms-input-placeholder {
        color: #c9c9c9;
        font-weight: bold;
      }
      input[type="submit"]:hover{
        cursor: pointer;
      }
      .InputTxt_Form_Box,
      .Submit_Btn_Box {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
      }
      .InputTxt_Form_Box input {
        -webkit-appearance: none;
        -webkit-rtl-ordering: logical;
        -webkit-user-select: text;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
        border: none;
        border-radius: 4px;
        padding: 1px 8px 0;
        width: 100%;
        height: 35px;
        line-height: 35px;
        outline: none;
        background: #fff !important;
      }
      .Submit_Btn_Box input {
        background: #fff url(../img/icon/icon_search01_new.png) no-repeat;
        background-position: center;
        -moz-background-size: 14px;
        -webkit-background-size: 14px;
        -o-background-size: 14px;
        -ms-background-size: 14px;
        background-size: 14px;
        width: 40px;
        height: 35px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        border: none;
        outline: none;
      }
      .News_Update_List {
        text-align: center;
        padding: 0 5px 0 10px;
      }
      .News_Update_List ul{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
        flex-wrap:wrap;
      }
      .News_Update_List ul:after {
        clear: both;
        content: " ";
        display: block;
      }
      .Key_Search_Box + div {
        margin-top: 15px;
      }
      .News_Update_List li {
        display: block;
        float:none;
        margin-top: 10px;
        margin-right: 6px;
      }
      .News_Update_List li a {
        color: #03a;
        font-size: 72%;
        font-weight: bold;
        display: block;
        line-height: 2;
        border-radius: 1em;
        padding: 0 1em;
        white-space: nowrap;
        min-width: 56px;
        text-align: center;
        border: 1px solid #e1e1e1;
        background: #fff;
      }
      .TopSocialNewsList {
        padding: 0 10px;
      }
      .TopSocialNewsList ul.List_01 li {
        margin-bottom: 26px;
      }
      .TopSocialNewsList .ContentMainTitle {
        height: auto;
        max-height: 2.6em;
        margin-bottom: 7px;
      }
      .TopSocialNewsList .LinkBox_01 .Content_text{
        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;
      }
      .TopSocialNewsList .LinkBox_Avatar {
        float: none;
        vertical-align: middle;
        line-height: 20px;
      }
      .Avatar_Thumb_S {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        overflow: hidden;
        vertical-align: middle;
      }
      .Avatar_Thumb_L img,
      .Avatar_Thumb_S img {
        display: block;
        width: 100%;
        height: 100%;
      }
      .TopSocialNewsList .UserlName {
        color: #888;
        font-size: 61%;
        line-height: 1.85;
        display: inline-block;
        vertical-align: middle;
      }
      .TopSocialNewsList ul.List_01 li .LinkBox_01 > .LinkBox_Footer {
        float: none;
        line-height: 22px;
        vertical-align: bottom;
        margin-top: 0;
      }
      .MoreColumnList {
        margin-top: 20px;
        padding: 0 0 13px;
      }
      .MoreColumnList a {
        color: #888;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        border: 1px solid #e0e0e0;
        border-radius: 1.27em;
        line-height: 2.55;
        display: block;
        width: 79%;
        min-width: 142px;
        margin: 0 auto;
        position: relative;
      }
      .MoreColumnList a .Icon_Arrow {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        margin-left: 13px;
        width: 9px;
        height: 7px;
        background: url(../img/icon/icon_sprite_column.png?20180712) no-repeat;
        -webkit-background-size: 70px auto;
        -moz-background-size: 70px auto;
        background-size: 70px auto;
        background-position: -26px -85px;
      }
      .MoreColumnList a .icon_Read01 {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        margin-left: 13px;
        width: 11px;
        height: 13px;
        background: url(../img/icon/icon_sprite_column.png?20180723) no-repeat;
        -webkit-background-size: 70px auto;
        -moz-background-size: 70px auto;
        background-size: 70px auto;
        background-position: -26px -96px;
      }
      /* /top template */

      /* detail template */
      .News_Head_Box {
        padding: 22px 8px 13px 18px;
      }
      .News_Head_Box .News_Title {
        color: #333;
        font-size: 111.1%;
        line-height: 1.35;
        margin-bottom: 15px;
        padding-right: 10px;
      }
      .News_Head_Box .Info {
        font-size: 74%;
        margin-bottom: 6px;
      }
      .Contents_Box .News_Head_Box > .News_Data {
        position: relative;
        padding-right: 0;
      }
      .News_Data .News_Data_Time {
        color: #777;
        font-size: 61%;
        text-align: right;
      }
      .Contents_Box .News_Head_Box .Icon_Share {
        position: absolute;
        right: 0;
        top: -19px;
        width: 17px;
        height: 21px;
        display: block;
        padding: 10px;
        background-image: url(../img/icon/icon_sprite_column.png);
        background-size: 80px auto;
        background-position: -16px -37px;
        box-sizing: content-box;
        -moz-background-clip: content;
        -webkit-background-clip: content-box;
        -o-background-clip: content-box;
        -ms-background-clip: content-box;
        background-clip: content-box;
      }
      .News_Body_Box {
        padding: 0 18px;
      }
      .News_Photo_Box_02 {
        /* border: solid 1px #eee; */
        background-color: #f1f2f3;
        margin: 0 14px;
        /* padding: 4px; */
        /* border-radius: 4px; */
      }
      .News_Detail {
        background: #fff;
      }
      .News_Detail .News_Photo_Box_02 {
        margin: 0 0 20px;
      }
      .News_Detail .News_Photo_Box_02 .thumb {
        content: '';
        display: block;
        text-align: center;
        background: #f3f3f3;
        width: 112%;
        width: calc(100% + 36px);
        height: 0;
        padding-top: 84%;
        margin: 0 0 0 -18px;
        position: relative;
      }
      .News_Photo_Box_02 img {
        width: 100%;
        height: auto;
        vertical-align: middle;
    }
    .News_Detail .News_Photo_Box_02 img {
          max-width: 100%;
          max-height: 100%;
          width: auto;
          height: auto;
          margin: 0 auto;
          vertical-align: top;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
      }
      .News_Photo_Box p.Caption,
      .News_Photo_Box_02 p.Caption {
        color: #666;
        font-size: 72%;
        text-align: left;
        background: #fff;
        line-height: 1.3;
        margin: 0 auto;
        padding-top: 10px;
      }
      [class*="Photo_Box"] > p.Caption {
        color: #777;
        font-size: 72%;
        line-height: 1.31;
        padding: 13px 0 0;
        text-align: left;
        background: #fff;
      }
      .News_Txt_Title {
        font-size: 106%;
        font-weight: bold;
        line-height: 1.37;
        padding: 0 18px;
        border-left: 4px solid #999;
        margin: 35px 0;
      }
      .News_Txt {
        color: #444;
        font-size: 89%;
        line-height: 1.63;
      }
      .News_Txt a{
        display:inline;
      }
      .News_Head_Box .LinkBox_Avatar .Avatar_Thumb_L {
        float: left;
        margin-right: 7px;
      }
      .News_Head_Box .LinkBox_Avatar .UserlName {
        color: #03a;
        font-size: 72%;
        font-weight: bold;
      }
      .News_Head_Box .LinkBox_Avatar .News_Data .News_Data_Time {
        text-align: left;
      }
      .Quotation_Origin {
        background: #e7e7e7;
        border: solid 1px #d3d3d3;
        padding: 12px 16px 14px 16px;
        margin: 30px 0 20px;
        border-radius: 4px;
      }
      .Quotation_Origin h4 {
        color: #666;
        font-size: 56%;
      }
      .Quotation_Origin a {
        font-size: 61%;
        line-height: 1.45;
        word-wrap: break-word;
        overflow-wrap: break-word;
      }
      .Quotation_Origin p a{
        margin-top:4px;
      }
      .Tarekomi_User {
        color: #777;
        margin: 20px 0px 25px;
        border: 1px solid #e0e0e0;
      }
      .Tarekomi_User a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px;
      }
      .Tarekomi_User .Avatar_Thumb_L {
        width: 40px;
        height: 40px;
        margin-right: 9px;
      }
      .Tarekomi_User dl dt {
        color: #777;
        font-size: 56%;
        margin: 0px 0px 4px;
      }
      .Tarekomi_User dl dd {
        font-size: 78%;
        font-weight: bold;
        margin: 0;
        padding: 0;
      }
      .attention_button {
          width: 60%;
        text-align: center;
        margin: 0;
      }
      .News_Body_Box + .attention_button {
        margin-top: 25px;
      /*	margin-bottom: 34px; */
      }
      .attention_button .Chumoku_Btn_Box {
        margin: 0;
      }
      .attention_button a {
        display: block;
      }
      .Chumoku_Btn_Inner {
        color: #444;
        font-size: 78%;
        border-radius: 4px;
        box-shadow: none;
        border: solid 1px #C9C9C9;
        border-radius: 28px;
        margin-right: 2%;
      }
      .Chumoku_Btn_Inner span.Chumoku_Btn_Txt {
        display: inline-block;
        width: 4em;
        text-align: center;
          line-height: 29px;
          font-size: 85%;
        width: 50%;
      }
      .attention_button .Icon_ColumnBtn {
        background: #fff;
        display: inline-block;
        width: 24px;
        height: 28px;
        position: relative;
        vertical-align: middle;
      }
      .attention_button .Icon_ColumnBtn.Icon_Chumoku:before {
        content: '';
        display: block;
        background: url(../img/icon/icon_sprite_column.png) no-repeat;
        background-size: 70px auto;
        background-position: -46px 0;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -9px;
        margin-left: -9px;
      }
      .Chumoku_Btn_Inner.PushDone {
        box-shadow: none;
      }
      @keyframes BtnAnime01 {
        0% { transform: scale(.5,.5) }
        21.33333% { transform:scale(1.3,1.3) }
        41.66667% { transform:scale(.8,.8) }
        53.3333% { transform:scale(1.15,1.15) }
        66.66667% { transform:scale(1,1) }
        77.66667% { transform:scale(1.08,1.08) }
        100%{ transform:scale(1) }
      }
      .Chumoku_Btn_Inner.PushDone span.Icon_ColumnBtn:before {
        /*	animation: BtnAnime01 1s ease;
          transform-origin: 50% 50%;
          -webkit-transform:rotateY(180deg);
          transform:rotateY(180deg);
          filter: brightness(1) invert(0);*/
        background-position: -46px -107px;
      }
      .attention_button .Chumoku_Btn_Inner.PushDone span.Icon_ColumnBtn:before {
        animation-name: swing-animation;
        animation-duration: 1.8s;
      }
        @-webkit-keyframes swing-animation {
          0%,100% {
          -webkit-transform-origin: bottom center;
          }
          10% { -webkit-transform: scale(0.94, 0.94) rotate(-4deg); }
          13% { -webkit-transform: scale(1.0, 1.00) rotate(2deg); }
          23% { -webkit-transform: scale(1.34, 1.34) rotate(-4deg); }
          35% { -webkit-transform: scale(1.0, 1.0) rotate(4deg); }
          45% { -webkit-transform: scale(0.97, 0.97) rotate(-5deg); }
          55% { -webkit-transform: scale(1.0, 1.0) rotate(5deg); }
          65% { -webkit-transform: rotate(-3deg); }
          75% { -webkit-transform: rotate(2deg); }
          85% { -webkit-transform: rotate(-2deg); }
          95% { -webkit-transform: rotate(1deg); }
          100% { -webkit-transform: rotate(0deg); }
      }
      .RelatedContents {
        margin-bottom: 14px;
      }
      .RelatedContents .List_01 {
        padding: 0 10px;
      }
      .RelatedContents .List_01 li + li {
        margin-top: 13px;
      }
      .RelatedContents .List_01 a {
        display: block;
        position: relative;
      }
      .RelatedContents .PhotoThumb_01 {
        width: 96px;
        min-width:96px;
        height: 72px;
        border-radius: 4px;
        overflow: hidden;
        float: none;
        margin-right: 10px;
        background-color: #eee;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: relative;
      }
      .RelatedContents .PhotoThumb_01 img,
      .RelatedContents .PickupThumb_01 img {
        max-height: 100%;
        width: auto;
        height: auto;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%,-50%);
      }
      .RelatedContents p.Content_Cate {
        color: #999;
        font-size: 61%;
        line-height: 1.23;
        margin-bottom: 2px;
      }
      .RelatedContents .LinkBox_Footer {
        position: absolute;
        bottom: 0;
        right: 0;
      }
      .RelatedContents .List_01 .LinkBox_01{
        display:flex;
      }
      .Tab ul.Tab_2col li {
        width:50%;
      }
      .Tab ul.Tab_3col li{
        width:34%;
      }
      .Tab ul.Tab_3col li:nth-child(2){
        width:32%;
      }
      [data-news-num="NewsID_RankingList"] .ContentsBoxRanking,
      [data-news-num="NewsID_AttentionRankingList"] .ContentsBoxRanking,
      [data-news-num="NewsID_CommentatorList"] .ContentsBoxRanking {
        padding: 0 10px 10px;
      }
      [data-news-num="NewsID_RankingList"] .ContentsBoxRanking ul.List_01 li,
      [data-news-num="NewsID_AttentionRankingList"] .ContentsBoxRanking ul.List_01 li,
      [data-news-num="NewsID_CommentatorList"] .ContentsBoxRanking ul.List_01 li {
        margin-bottom: 13px;
      }
      [data-news-num="NewsID_UserNews"] .TopSocialNewsList {
        padding: 0 10px 10px;
      }
      .CommentBoxWrap_Inner .Comment_Area + ul {
        margin: 25px 0;
      }
      [data-news-num="NewsID_UserNews"] .TopSocialNewsList .CommentBoxWrap_Inner .Comment_Area textarea {
        height: 72px;
      }
      .RankingInfoTxt01 {
        color: #333;
        font-size: 86%;
        padding: 10px 0;
        line-height: 1.3;
      }
      .SocialNews_Pager_Btn {
        padding: 0 15px;
        margin-bottom: 18px;
      }
      .SocialNews_Pager_Btn ul {
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
      }
      .SocialNews_Pager_Btn .Previous_Page {
        float: left;
      }
      .SocialNews_Pager_Btn .Previous_Page a,
      .SocialNews_Pager_Btn .Next_Page a {
        position: relative;
      }
      .SocialNews_Pager_Btn .Previous_Page a:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 16px;
        width: 10px;
        height: 10px;
        border-top: 1px solid #888;
        border-left: 1px solid #888;
        -webkit-transform: rotate(-45deg) translateY(-50%);
        -moz-transform: rotate(-45deg) translateY(-50%);
        -ms-transform: rotate(-45deg) translateY(-50%);
        transform: rotate(-45deg) translateY(-50%);
        vertical-align: middle;
      }
      .SocialNews_Pager_Btn .Next_Page a:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 16px;
        width: 10px;
        height: 10px;
        border-top: 1px solid #888;
        border-right: 1px solid #888;
        -webkit-transform: rotate(45deg) translateY(-50%);
        -moz-transform: rotate(45deg) translateY(-50%);
        -ms-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%);
        margin-top: -3px;
      }
      .SocialNews_Pager_Btn .Next_Page {
        float: right;
        text-align: right;
      }
      .SocialNews_Pager_Btn a {
        color: #444;
        font-size: 72.22%;
        display: block;
        padding: 0 30px;
        line-height: 5.25;
      }
      [data-news-num="NewsID_NewsList"] .NewsNewsRankList {
        /*	padding-top: 10px; */
          padding-bottom: 10px;
      }
      .Inner_Txt{
        color:#444;
        font-size:72%;
        font-weight: bold;
        line-height: 1.62;
        padding: 22px 8px 34px 8px;
      }
      input.jqm-input-text,
      textarea.jqm-input-text {
        color: #444;
        font-size: 14px;
        line-height: 1.4;
        background: #fff;
        display: inline-block;
        padding: .93em;
        border: 1px solid #d0d0d0;
        border-radius: 4px;
        width: 100%;
        outline: none;
        -webkit-appearance: none;
      }
      .jqm-input-text:placeholder-shown,
      .jqm-input-text::placeholder {
        color: #bebebe;
      }
      input.jqm-input-text:focus-within,
      textarea.jqm-input-text:focus-within {
        box-shadow: 0 0 5px 0 rgba(202, 202, 202, .8);
        outline: none;
      }
      .btnSubmit {
        color: #666;
        font-size: 77.78%;
        font-weight: bold;
        line-height: 3.21;
        text-align: center;
        background: #fff;
        border: 1px solid #888;
        border-radius: 4px;
        width: 100%;
        cursor: pointer;
        display: block;
      }
      .Btn_1col .btnSubmit {
        margin-top: 18px;
      }
      #FormMainTextArea01 {
        height: 12.86em;
      }
      .Tarekomi_Form_Box textarea.ui-input-text,
      .Tarekomi_Form_Box input.ui-input-text{
        width:100%;
      }
      .Tarekomi_Captha_Box{
        padding:0 8px 8px 8px;
      }
      .Tarekomi_Captha_Box h3{
        margin:0 0 6px 0;
        font-size:.8em;
        font-weight:bold;
      }
      .Tarekomi_Captha_Box .Captha_Img{
        display:table;
      }
      .Tarekomi_Input_Box dl dt{
        margin:0 0 6px 12px;
        font-size: 83%;
        font-weight: bold;
      }
      .Comment_Form_Box .Form_Box dt .Txt {
        color:#777;
        font-size: 73%;
      }
      .Comment_Form_Box .Form_Box dt .Txt > strong {
        color: #4f76c4;
        font-weight: bold;
        padding: 0 5px;
      }
      .Tarekomi_Input_Box dl dd + dt {
        margin-top: 17px;
      }
      .Tarekomi_Input_Box dl dd{
        margin:0 0 17px 0;
      }
      .Tarekomi_Input_Box dl dd:last-child{
        margin:0;
      }
      .Tarekomi_Input_Box dl dd .ui-radio{
        width:240px;
      }
      .Tarekomi_Input_Box dl dd.Common_Select {
        padding-left: 20px;
        margin-top: 24px;
        margin-bottom: 7px;
      }
      .Tarekomi_Input_Box dl dd.Common_Select input {
        display: none;
      }
      .Tarekomi_Input_Box dl dd.Common_Select input + label{
        color: #333;
        font-size: 77.78%;
        line-height: 1.5;
        float: left;
        width: 33%;
        /*min-width: 90px;*/
        position:relative;
        padding-left: 28px;
        margin-right: 0;
        margin-bottom: 0;
      }
      @media screen and (min-width: 375px) {
        .Tarekomi_Input_Box dl dd.Common_Select input:nth-of-type(n+4) + label {
          margin-top: 20px;
        }
      }
      @media screen and (max-width: 374px) {
        .Tarekomi_Input_Box dl dd.Common_Select input:nth-of-type(n+3) + label {
          margin-top: 20px;
        }
      }
      @media screen and (max-width: 374px) {
        .Tarekomi_Input_Box dl dd.Common_Select {
          padding-left: 0;
        }
        .Tarekomi_Input_Box dl dd.Common_Select input + label {
          /*padding-left: 25px;
          margin-right: 6px;*/
          width: 50%;
        }
      }
      .Tarekomi_Input_Box dl dd.Common_Select input + label::before{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.08);
        border: solid 1px #d0d0d0;
        border-radius: 50%;
      }
      .Tarekomi_Input_Box dl dd.Common_Select input:checked + label{
        /*color: #8ac492;*/
      }
      .Tarekomi_Input_Box dl dd.Common_Select input:checked + label::after{
        content: "";
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 8px;
        height: 8px;
        background: #4f76c4;
        border-radius: 50%;
      }
      .Tarekomi_Confirm_Box {
        padding: 18px 10px;
      }
      .Tarekomi_Confirm_Box .Inner_Txt {
        padding: 0 0 10px;
      }
      .Tarekomi_Confirm_Box dl dt {
        margin: 0 0 10px 0;
        font-size: 72.22%;
        font-weight: bold;
        color: #888;
      }
      .Tarekomi_Confirm_Box dl dd{
        color: #333;
        font-size: 77.78%;
        line-height: 1.5;
        margin: 0 0 17px 0;
      }
      .Tarekomi_Confirm_Box dl dd.Source_URL {
        word-break:break-all;
      }
      .Tarekomi_Confirm_BtnBox {
        padding-top: 16px;
      }
      .Tarekomi_Confirm_BtnBox > input{
        margin-top: 14px;
      }
      .Tarekomi_Input_Box .Select_Photo {
        margin-top: 24px;
        margin-bottom: 17px;
      }
      .FormItem_Cancel_Btn {
        cursor: pointer;
        display: block;
        color: #03a;
        font-size: 77.78%;
        font-weight: bold;
        line-height: 3.21;
        text-align: center;
        background: #fff;
        border: 1px solid #3251bc;
        border-radius: 7px;
        width: 100%;
        cursor: pointer;
        display: block;
      }
      .FormItem_Submit_Btn {
        cursor: pointer;
        display: block;
        color: #fff;
        font-size: 77.78%;
        font-weight: bold;
        line-height: 3.21;
        text-align: center;
        background-color: #3251bc;
        border: 1px solid #3251bc;
        border-radius: 7px;
        width: 100%;
        cursor: pointer;
        display: block;
      }
      .CommentBoxWrap_Inner + .Attention_NewsList {
        padding: 30px 10px 0;
      }

      .News_Detail .Title_Sec .CommnentCount {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        color: #777;
        font-size: 66.7%;
        text-align: right;
        padding-top: 2px;
      }
      .News_Detail .Title_Sec .CommnentCount > span {
        margin-left: 8px;
        font-weight: bold;
        font-size: 116.7%;
      }
      .News_Detail .Title_Sec .CommnentCount > .Icon_Comment {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        position: relative;
        float: none;
        margin-right: 1px;
        display: inline-block;
      }
      .Title_Sec .CommnentCount > .Icon_Comment:before {
        background-position: -45px -38px;
        width: 19px;
        height: 17px;
        margin-left: 0;
      }
      @media only screen and (max-width: 330px) {
        .News_Detail .Title_Sec .CommnentCount > .Icon_Comment {
          display: none;
        }
      }
      .Search_Txt {
        padding: 0 10px 17px;
      }
      .Search_Txt p {
        color: #333;
        font-size: 83%;
        background: #e7e7e7;
        width: 100%;
        padding: 16px;
        border-radius: 4px;
        line-height: 1.56;
      }
      .Premium_Regist_Box {
        margin: 12px 14px;
        padding: 18px 12px 0;
        border: 5px solid #ddd;
        background: #fff;
      }
      .Premium_Regist_Msg {
        font-size: 89%;
        font-weight: bold;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 10px;
      }
      .Premium_RegistBtnWrap {
        margin: 33px 18px 22px;
      }
      .Premium_Regist_Box .japanc_campaign_txt {
        color: #ff6f0f;
        font-size: 100%;
        margin-bottom: 10px;
        line-height: 1.3;
        font-weight: bold;
        text-align: center;
      }
      @media only screen and (max-width: 370px) {
      .Premium_Regist_Box .japanc_campaign_txt {
        text-align: left;
        }
      }
      .Premium_Regist_Btn {
        line-height: 1.2;
        font-size: 83.4%;
        position: relative;
        display: block;
        background: #c1ab71;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding: 14px 16px;
      }
      .Premium_Regist_Txt01 {
        line-height: 1.4;
        font-size: 79%;
        margin-bottom: 30px;
      }
      .Premium_Regist_Txt02 {
        line-height: 1.3;
        font-size: 80%;
        color: #3159B9;
        margin-bottom: 20px;
        text-align: center;
      }
      .Premium_Regist_Txt02 > a {
        display: block;
        font-size: 83.33%;
        text-align: center;
        text-decoration: underline !important;
        color: #222;
      }
      .Premium_Regist_Note {
        color: #666;
        font-size: 78%;
        line-height: 1.3;
        margin: -4px 16px 18px;
      }
      .Premium_Regist_Msg_Campaign {
        font-weight: bold;
        line-height: 1.3;
        text-align: center;
      }
      .News_Txt_Box .BtnType_01,
      .News_Txt_Box .BtnType_02,
      .News_Txt_Box .BtnType_03 {
        text-align: center;
      }
      .News_Txt_Box .BtnType_01 a {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 18px 30px 14px 30px;
        color: #fff;
        font-size: 100%;
        font-weight: bold;
        text-align: center;
        border-radius: 4px;
        background-color: #67b463;
        /*box-shadow: 0px 2px 0px rgba(88,157,84,1);*/
        line-height: 1.3;
        background:#fff;
        border:1px solid #3251BC;
        color:#3251BC;
        padding:16px 10px;
      }
      .News_Txt_Box .BtnType_01 a:hover {
        background: #61a95c;
        text-decoration: none;
      }
      .News_Txt_Box .BtnType_02 a {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 18px 30px 14px 30px;
        color: #235899;
        font-size: 100%;
        font-weight: bold;
        text-align: center;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        background-color: #fff;
        /*box-shadow: 0px 2px 0px rgba(217,217,217,1);*/
        line-height: 1.3;
      }
      .News_Txt_Box .BtnType_02 a:hover {
        background: #f9f9f9;
        color: #e36a5c;
      }
      .News_Txt_Box .BtnType_03 a {
        display: block;
        color: #235899;
        font-size: 100%;
        font-weight: bold;
        text-decoration: underline !important;
        line-height: 1.3;
      }
      .News_Txt_Box .BtnType_03 a:hover {
        color: #e36a5c;
      }
      .PhotoNewsImg {
        position: relative;
        background: #f3f3f3;
        background-position: center;
        background-size: contain;
        background-repeat:no-repeat;
      }
      .PhotoNewsImg:before {
        content: '';
        display:block;
        padding-top: 75%;
      }
      .PhotoNewsBox_Txt {
        padding: 12px 10px 0;
      }
      .PhotosAuthor {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .PhotosAuthor_Thumb {
        border-radius: 50%;
        width: 31px;
        height: 31px;
      }
      .PhotosAuthor_Thumb img {
        width: 100%;
        height: auto;
      }
      .PhotosAuthor_Txt {
        margin-left: 8px;
      }
      .PhotosAuthor_Name {
        color: #666;
        font-size: 61%;
        font-weight: bold;
        margin-bottom: 4px;
      }
      .PhotosAuthor_Name a {
        color: #03a;
      }
      .PhotosAuthor_Occupations {
        color: #888;
        font-size: 56%;
      }
      .Photonews_User .PhotosAuthor  {
        padding: 20px 12px 18px;
      }
      .Photonews_User .PhotosAuthor_Thumb {
        width: 50px;
        height: 50px;
      }
      .Photonews_User .PhotosAuthor_Txt {
        margin-left: 14px;
      }
      .Photonews_User .PhotosAuthor_Name {
        font-size: 89%;
        margin-bottom: 5px;
      }
      .Photonews_User .PhotosAuthor_Occupations {
        font-size: 72%;
      }
      .PhotosAuthor_Menu {
        float: right;
        margin-left: 9px;
      }
      .PhotosAuthor_Menu a {
        position: relative;
        display: block;
        padding: 6px 4px;
      }
      .PhotosAuthor_Menu span {
        display: block;
        float: left;
        background: #888;
        width: 4px;
        height: 4px;
        border-radius: 2px;
        margin-left: 3px;
      }
      .PhotoNews_Desc {
        color: #444;
        font-size: 67%;
        line-height: 1.45;
        overflow: hidden;
        position: relative;
        word-wrap: break-word;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height:2.82em;
        margin: 0 0 10px;
      }
      .Photonews_Detail .PhotoNews_Desc,
      .Photonews_User .PhotoNews_Desc {
        overflow: visible;
        white-space: normal;
        -webkit-line-clamp: inherit;
        height: auto;
      }
      .PhotosAuthor + .PhotoNews_Desc {
        margin-top: 10px;
      }
      .PhotoNews_LinkBox_Footer .BBS_TimeStump {
        color: #999;
        font-size: 61%;
        line-height: 1.64;
        float: left;
      }
      .PhotoNews_LinkBox_Footer .BBS_btn_like {
        float: right;
      }
      .PhotoNews_LinkBox_Footer .BBS_btn_like p {
        font-size: 67%;
        line-height: 1.5;
      }
      .PhotoNews_LinkBox_Footer .Icon_Like:before {
        vertical-align: text-top;
      }
      .PhotoNews_LinkBox_Footer .like_count {
        color: #777;
      }
      .PhotonewsList li + li {
        margin-top: 30px;
      }
      .ArticleKeywords {
        margin: -4px 16px 46px;
        padding: 20px 16px 16px;
        background-color: #f7f7f7;
      }
      .ArticleKeywords_Title {
        margin-bottom: 30px;
        color: #222;
        font-size: 78%;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
      }
      .ArticleKeywords_List {
        margin: 0 0 0 -20px;
      }
      .ArticleKeywords_List::after {
        content: "";
        display: table;
        clear: both;
      }
      .ArticleKeywords_List li {
        float: left;
        margin: 0 0 10px 20px;
        font-size: 56%;
      }
      .ArticleKeywords_List li a {
        color: #666;
        display: inline-block;
      }
      .ArticleKeywords_List li a::before {
        content: "#";
        margin-right: 3px;
      }
      .CommentBoxWrap_Inner {
        padding: 0 10px;
      }
      .Comment_Area,
      .ContributionArea {
        margin-top: 15px;
        overflow: hidden;
        position: relative;
        z-index: 1;
      }
      .Comment_Area form {
        position: relative;
      }
      .Comment_Area textarea{
        width: 100%;
        min-height: 38px;
        max-height: 6em;
        font-size: 78%;
        line-height: 1.5;
        padding: 8px 37px 11px 36px ;
        border: 1px solid #dadada;
        box-shadow: none;
        border-radius: 4px;
        -webkit-appearance: none;
      }
      .Comment_Area textarea:focus-within {
        box-shadow: 0 0 5px 0 rgba(202, 202, 202, .6);
      }
      .Comment_Area .AvaterBox,
      .ContributionArea .AvaterBox {
        position: absolute;
        top: 9px;
        left: 9px;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        overflow: hidden;
        z-index: 5;
      }
      .Comment_Area .AvaterBox img,
      .ContributionArea .AvaterBox img {
        width: 100%;
        height: 100%;
      }
      .ContributionArea + .CommentBoxWrap_Inner {
        margin: 24px 0;
        padding: 0;
      }
      .ContributionTxt {
        color: #888;
        font-size: 15px;
        padding: 18px 12px 12px 54px;
        width: 100%;
        height: 54px;
        max-width: 100%;
        min-width: 100%;
        min-height: 2.71em;
        line-height: 1.2em;
        background: #fff;
        border: 1px solid #dadada;
        border-radius: 4px;
      }
      .TopSocialNewsList .ContributionArea a .ContributionTxt {
        border: 1px none;
      }
      .ContributionTxt:after {
        content:'';
        display: block;
        background: url(../img/icon/icon_sprite_column.png) no-repeat;
        background-size: 70px auto;
        background-position: -1px -64px;
        width: 16px;
        height: 16px;
        position: absolute;
        bottom: 18px;
        right: 10px;
      }
      .Comment_Btn_Wrapper {
        position: absolute;
        bottom: 10px;
        right: 0px;
        width: 28px;
        height: calc(100% - 10px);
      }
      .Comment_Btn {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        background: none;
        border: none;
        font-size: 0;
        line-height: 0;
        overflow: visible;
        cursor: pointer;
        position: relative;
        outline: none;
      }
      .CommentBoxWrap_Inner .Comment_Area textarea {
        font-size: 16px;
        line-height: 1.2;
        width: 100%;
        height: 54px;
        padding: 18px 12px 12px 54px;
        vertical-align: top;
        border: 1px solid #dadada;
      }
      .CommentBoxWrap_Inner .Comment_Area textarea.comment_form {
        height: 84px;
      }
      .CommentBoxWrap_Inner .Comment_Area textarea:placeholder-shown,
      .CommentBoxWrap_Inner .Comment_Area textarea::placeholder {
        font-size: 16px;
        color: #888;
      }
      /* Google Chrome, Safari, Opera 15+, Android, iOS  IE 10+ */
      .CommentBoxWrap_Inner .Comment_Area textarea::-webkit-input-placeholder,
      .CommentBoxWrap_Inner .Comment_Area textarea:-ms-input-placeholder {
        color: #888;
      }
      /* Firefox 18- 19+ */
      .CommentBoxWrap_Inner .Comment_Area textarea:-moz-placeholder,
      .CommentBoxWrap_Inner .Comment_Area textarea::-moz-placeholder {
        opacity: 1;
        color: #888;
      }
      .CommonBtn {
        color: #888888;
        font-size: 72%;
        font-weight: bold;
        line-height: 2;
        border-radius: 2em;
        padding: 0 14px;
        white-space: nowrap;
        min-width: 80px;
        height: 28px;
        text-align: center;
        border: 1px solid #e0e0e0;
        background: #fff;
      }
      label.CommonBtn{
        display: inline-block;
      }
      .CommonBtn.inactive{
        color: #c5c5c5;
        border: 1px solid #f1f1f1;
      }
      .ReadBtn,
      .WideBtn{
        display: block;
        padding:18px 13px 15px;
        text-align: center;
      }
      .CommonBtn.Import{
        font-weight: bold;
      }
      .CommonBtn.Good{
        display: inline-block;
        padding: 4px 4px 2px;
      }
      .Comment_Form_Box {
        padding: 18px 10px;
      }

      .CommentBoxWrap_Inner .Comment_Area button {
        margin-top: 8px;
        float: right;
      }
      .Comment_Form_Notice {
      }
      .Comment_Form_Notice > dl {
          padding-top: 13px;
      }
      .Comment_Form_Notice > dl > dt {
        font-size: 72.222%;
        color: #989898;
        /* padding-left: 26px; */
        padding-right: 31px;
        position: relative;
        line-height: 1.1;
        cursor: pointer;
        text-align: right;
      }
      .Comment_Form_Notice > dl > dd {
        display: none;
        font-size: 82%;
        padding: 10px;
      }
      .Comment_Form_Notice > dl > dt:before {
        content: '';
        display: inline-block;
        background: url(../img/icon/icon_help.png) no-repeat center / contain;
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin-right: 9px;
      }
      .Comment_Form_Notice .Icon_ArrowB {
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 1px;
        background: none;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        top: 50%;
        right: 6px;
        margin-top: -7px;
      }
      .Comment_Form_Notice .Icon_ArrowT {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 1px;
        background: none;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        top: 50%;
        /* right: 0; */
        right: 6px;
        margin-top: -4px;
      }
      .Comment_Form_Notice > dl > dd ul {
        margin-top: 10px;
      }
      .Comment_Form_Notice > dl > dd ul li {
        line-height: 1.5;
      }
      .Comment_Form_Notice > dl > dd ul li:last-child {
        font-size: 82%;
        color: #666;
        padding-top: 10px;
      }
      #tab_NewsComment_1_con.Comment_Area {
        overflow: visible;
      }
      .List_Box.BBS {
        margin-top: 15px;
      }
      .BBS_Balloon {
        position: relative;
      }
      .BBS_Balloon .Avatar_Box {
        float: left;
        margin-right: 8px;
      }
      .Avatar_Thumb_L {
        display: block;
        width: 35px;
        height: 35px;
        padding: 0px;
        border-radius: 50%;
        background-position: 0 0;
        background-size: 35px 35px;
        -moz-background-size: 35px 35px;
        -webkit-background-size: 35px 35px;
        -ms-background-size: 35px 35px;
        overflow: hidden;
      }
      .BBS_Balloon .Avatar_Name > a {
        padding: 0;
      }
      .BBS_Balloon .Avatar_Name p {
        color: #03a;
        font-size: 72%;
        margin-bottom: 7px;
      }
      .BBS_Balloon .Avatar_Name p a {
        color: #888;
        font-weight: bold;
        font-size: 1em;
        display: inline;
        padding: 0;
      }
      .BBS_Balloon .BBS_TimeStump {
        float: initial;
        position: absolute;
        right: 0;
        top: 3px !important;
        color: #999999;
        font-size: 61.1%;
      }
      .BBS_Balloon .BBS_Box_Wrapper {
        padding-left: 44px;
      }
      .BBS_Balloon .BBS_Box_Wrapper .BBS_Box {
        position: relative;
        background: #f3f3f3;
        border-radius: 4px;
        padding: 12px 9px 10px 16px;
      }
      .BBS_Balloon .BBS_Comment p {
        color: #444;
        font-size: 89%;
        line-height: 1.4;
      }
      .BBS_Balloon .BBS_Box_Wrapper .BBS_Box .LinkBox_Footer,
      .BBS_Balloon .BBS_Box_Wrapper .BBS_Box .LinkBox_Footer > * {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .BBS_btn_mute {
        position: relative;
      }
      .MuteMenuToggle {
        position: absolute;
        /* top: 31px; */
        top: 22px;
        left: -44px;
        z-index: 10;
      }
      .MuteMenuToggle.disp_none {
        display: none;
      }
      .MuteMenuToggle_Content {
        position: relative;
      }
      .MuteMenuToggle_Content:before {
        position: absolute;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 7px 7px 7px;
        border-color: transparent transparent #ccc transparent;
        line-height: 0px;
        top: -6px;
        left: 46px;
      }
      .MuteMenuToggle_Content:after {
        position: absolute;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 7px 7px 7px;
        border-color: transparent transparent #fff transparent;
        line-height: 0px;
        top: -5px;
        left: 46px;
      }
      .MuteMenuToggle ul {
        text-align: left;
        width: 285px;
        padding: 0 18px 0;
        background: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #ccc;
        -webkit-box-shadow: 0 2px 7px 0px rgba(0,0,0,.2);
        -moz-box-shadow: 0 2px 7px 0px rgba(0,0,0,.2);
        box-shadow: 0 2px 7px 0px rgba(0,0,0,.2);
      }
      .MuteMenuToggle ul li {
        padding: 0;
      }
      .MuteMenuToggle ul li a {
        display: block;
        background: #fff;
        border-bottom: 1px solid #eaeaea;
        padding: 22px 0px 21px;
        color: #222;
        font-size: 114%;
        cursor: pointer;
      }
      .MuteMenuToggle ul li:last-child a {
        border-bottom: none;
      }
      .Comment_Form_Notice {
      }
      .Comment_Form_Notice > dl {
          padding-top: 13px;
      }
      .Comment_Form_Notice > dl > dt {
        font-size: 72.222%;
        color: #989898;
        /*padding-left: 26px;*/
        padding-right: 31px;
        position: relative;
        line-height: 1.1;
        cursor: pointer;
        text-align: right;
      }
      .Comment_Form_Notice > dl > dd {
        display: none;
        font-size: 82%;
        padding: 10px;
      }
      .Comment_Form_Notice > dl > dd p{
        font-weight: bold;
      }
      .Comment_Form_Notice > dl > dd ul{
        margin-top: 10px;
      }
      .Comment_Form_Notice > dl > dd ul li{
        line-height: 1.5;
      }
      .Comment_Form_Notice > dl > dd ul li:last-child{
        font-size: 82%;
        color: #666;
        padding-top: 10px;
      }
      .Comment_Form_Notice > dl > dt:before{
        content: '';
        display: inline-block;
        background: url(../img/icon/icon_help.png) no-repeat center / contain;
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin-right: 9px;
      }
      .Comment_Form_Notice .Icon_ArrowB {
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 1px;
        background: none;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        top: 50%;
        right: 6px;
        margin-top: -7px;
      }
      .Comment_Form_Notice .Icon_ArrowT {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 1px;
        background: none;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        top: 50%;
        /*right: 0;*/
        right: 6px;
        margin-top: -4px;
      }
      .MoreNewsComment {
        padding: 20px 0;
      }
      .MoreNewsComment a {
        color: #777;
        font-size: 72%;
        font-weight: normal;
        text-align: center;
        border: 1px solid #dbdbdb;
        border-radius: 4px;
        line-height: 3.17;
        display: block;
      }
      .Not_Comment_Area .BBS_Balloon .BBS_Box_Wrapper {
        padding-left: 0;
      }
      .Not_Comment_Area .BBS_Balloon .BBS_Box_Wrapper .BBS_Box {
        background-color: transparent;
        padding: 0 0 10px;
      }
      .Not_Comment_Area .BBS_Balloon .BBS_Comment p {
        font-size: 78%;
      }

      .BBS_Balloon .BBS_Box_Wrapper .BBS_Box .LinkBox_Footer .BBS_btn_like {
        display: block;
        text-align: right;
        width: 100%;
      }
      .BBS_Balloon .BBS_Box .BBS_btn_like .Nice p span[class*="_count"] {
        color: #777;
        font-weight: normal;
        font-size: 1.11em;
        margin: 0;
        /* padding: 2px 3px 2px 0px; */
      }
      .BBS_Balloon .BBS_Box .BBS_btn_like .Nice p + p {
        margin-left: 8px;
      }
      .BBS_Balloon + .BBS_Balloon {
        margin-top: 22px;
      }

.shere {
    display: flex;
    justify-content: stretch;
    align-items: center;
    width: 78.4%;
    margin: 52px auto 44px;
}
      .Sns_Box{
          width: 33%;
          margin-left: 2%;
      }
      .Sns_Btn_Box {
        display: flex;
        text-align: center;
      }
      .Sns_Btn_Box li{
        display:block;
        width:33.3%;
      }
      .Sns_Btn_Box li + li {
        margin-left: 10px;
      }
      .Sns_Btn {
        display: block;
        position: relative;
      }
      .Sns_Btn.fb{
        padding-left: 15px;
      }
      .Sns_Btn:before{
        content:"";
        position: absolute;
        width:24px;
        height:24px;
        top:50%;
        left: 10px;
        transform: translate(0,-50%);
      }
      .Sns_Btn.tw:before{
        background: url(../img/icon/icon_twitter2.png) no-repeat center / contain;
      }
      .Sns_Btn.fb:before{
        background: url(../img/icon/icon_facebook2.png) no-repeat center / contain;
      }
      .Sns_Btn.line:before{
        background: url(../img/icon/icon_line2.png) no-repeat center / contain;
      }
      @media screen and (max-width:360px){
        .Sns_Btn:before{
          width:18px;
          height:18px;
          left: 5px;
        }
        .Sns_Btn_Box li + li {
          margin-left: 5px;
        }
      }
      .Tarekomi_Confirm_Box dl{
        border:none;
      }
      .Tarekomi_Confirm_Box dl dd{
        border-bottom:none;
      }
      .Inner_Txt a{
        display:inline;
      }
      .OpinionBtn {
        padding: 12px 10px;
        max-width: 375px;
        margin: auto;
      }
      .OpinionBtn > p {
        font-size: 0.875rem;
        margin-bottom: 12px;
        text-align: center;
      }
      .OpinionBtn a {
        background-color: #fff;
        border: 1px solid #999;
        border-radius: 7px;
        display: block;
        height: 45px;
        padding: 16px 15px 15px;
        font-size: 0.875rem;
        text-align: center;
        font-weight: bold;
        color: #444;
      }
      .AplHeader{
        position: relative;
      }

      /* ミュートボタン・削除ボタン・いいねボタン */
/*      .LinkBox_Footer *{
        display: initial;
      }*/
      .BBS_btn_mute{
        order:1;
        margin-right: auto;
      }
      .BBS_btn_like{
        order:3;
      }
      .BBS_btn_delete{
        order:2;
        margin-left: auto;
        margin-right:15px;
        position: relative;
      }
      .BBS_Balloon .BBS_Box_Wrapper .BBS_Box .LinkBox_Footer .BBS_btn_like{
        width: auto;
        display: initial;
      }
      .BBS_Balloon .BBS_Box_Wrapper .BBS_Box .LinkBox_Footer .BBS_btn_like .Nice.Icon_Inline_M,
      .BBS_Balloon .BBS_Box_Wrapper .BBS_Box .LinkBox_Footer .BBS_btn_like a{
        letter-spacing: -.4em;
        display: initial;
      }
      .BBS_Balloon .BBS_Box_Wrapper .BBS_Box .LinkBox_Footer .BBS_btn_like .Nice.Icon_Inline_M > p,
      .BBS_Balloon .BBS_Box_Wrapper .BBS_Box .LinkBox_Footer .BBS_btn_like a > span{
        letter-spacing: normal;
        display: initial;
      }
      .Delete_Link_Box a{
        display: block;
        position: relative;
        line-height:1.2;
      }
      .Icon_Delete:before{
        content:"×";
        position: absolute;
        top: 55%;
        left: -45%;
        transform: translate(0%,-50%);
        width:15px;
        height:15px;
        border: 1px solid #bababa;
        font-size: 1rem;
        display: flex;
        align-items: baseline;
        justify-content: center;
        color:#bababa;
      }
      .BBS_Balloon .BBS_Box_Wrapper .BBS_Box .LinkBox_Footer{
        justify-content: flex-end;
      }
      .BBS_btn_like .Nice >a{
        display: none;
      }
      .tarekomi_view .BBS_btn_like .Nice{
        display: flex;
      }
      .tarekomi_view .BBS_btn_like .Nice p{
        order: 2;
      }
      .tarekomi_view .BBS_btn_like .Nice .BBS_btn_delete{
        order:1;
      }

      /* /detail template */

      /* /news template */