/*resetcss_start*/
*{
    margin:0;
    padding:0;
} 
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Remove default padding */
ul[class],
ol[class] {
padding: 0;
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
figure,
blockquote,
dl,
dd {
margin: 0;
}
/* Set core root defaults */
html {
scroll-behavior: smooth;
font-size: 62.5%;
}
/* Set core body defaults */
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; /* Safari */
}
/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
list-style: none;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img {
max-width: 100%;
display: block;
}
/* Natural flow and rhythm in articles by default */
article > * + * {
margin-top: 1em;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font: inherit;
}
/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
#formtable {
border-collapse: collapse;
}
/*resetcss_End*/



/*font*/
@font-face {
font-family: "Newsreader";
font-style: italic;
font-weight: 400;
src: url("font/Newsreader_60pt_Italic.woff") format("woff");
}
@font-face {
font-family: "NotosansJP";
font-style: normal;
font-weight: 700;
src: url("font/NotosansJP_Bold.woff") format("woff");
}
@font-face {
font-family: "NotosansJP";
font-style: normal;
font-weight: 500;
src: url("font/NotosansJP_Medium.woff") format("woff");
}
@font-face {
font-family: "NotosansJP";
font-style: normal;
font-weight: 400;
src: url("font/NotosansJP_Regular.woff") format("woff");
}
@font-face {
font-family: "NotosansJP";
font-style: normal;
font-weight: 300;
src: url("font/NotosansJP_Light.woff") format("woff");
}
@font-face {
font-family: "Satoshi";
font-style: normal;
font-weight: 500;
src: url("font/Satoshi_Regular.woff") format("woff");
}
@font-face {
font-family: "Satoshi";
font-style: italic;
font-weight: 500;
src: url("font/Satoshi_Regular_Italic.woff") format("woff");
}



body{
width:100%;
height:100%;
display:block;
background-color:#FCE307;
margin: 0 auto;
font-size: 62.5%;
}



/*header*/
header{
width:100%;
height: auto;
margin: 0 auto;
padding: 30px 50px;
}
.header_inner{
display: flex;
justify-content: space-between;
align-items: center;
}
.menu a{
    display: inline-block;
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-size: 12px;
    color:#000;
    text-decoration: none;
    margin-right: 30px;
}
.menu a:last-child{
    margin-right: 0px;
}
.header_inner .menu img{
    display: inline;
}
#menu_btn_check{
    display: none;
}
@media screen and (min-width: 769px) {
    .header_inner .menu_content .menu_sp, .menu_content .corpolate{
        display: none;
    }
    .header_inner .menu_content .sp_menu_list{
        display: flex;
        align-items: center;
    }
}
@media screen and (max-width: 768px) {
    header{
        width:100%;
        height: 85px;
        padding: 30px 20px;
    }
    .news_detail header{
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .header_inner .menu {
        display: block;
    }
    /*ハンバーガーメニュー*/
    #menu_btn_check {
        display: none;
    }
    .menu_btn {
        top: 40px;
        right: 20px;
        display: block;
        position: absolute;
        height: 10px;
        width: 28px;
        justify-content: center;
        align-items: center;
        z-index: 90;
    }
    .menu_btn:hover {
        cursor: pointer;
    }
    .menu_btn span:before,
    .menu_btn span:after {
        content: "";
        display: block;
        position: absolute;
        height: 2px;
        width: 26px;
        background-color: #000;
        z-index: 100;
    }
    .menu_btn span:after {
        top: 8px;
    }
    #menu_btn_check:checked ~ .menu_btn{
        position: fixed;
    }
    #menu_btn_check:checked ~ .menu_btn span:before{
        top: 5;
        transform: rotate(45deg);
        background-color: #000;
    }
    #menu_btn_check:checked ~ .menu_btn span:after {
        top: 5;
        transform: rotate(-45deg);
        background-color: #000;
    }
    #menu_btn_check:checked ~ .menu_content {
        left: 0;
      }
    .header_inner .menu_content {
        display: block;
        background-color: #FFF;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        z-index: 80;
        transition: all 0.5s;
        padding-top: 60px;
      }
    .header_inner .menu_content .menu_pc{
        display: none;
    }
    .menu_content .sp_menu_list a {
        width: 100%;
        font-family: 'NotoSansJP';
        font-weight: 700;
        font-size: 16px;
        box-sizing: border-box;
        color: #000;
        text-decoration: none;
        margin-bottom: 30px;
        margin-left: 30px;
      }  
    .menu_content .corpolate{
        margin-left: 28px;
        position: absolute;
        bottom: 28px;
    }
    .menu_content .corpolate p{
        color: #302F2C;
        opacity: 0.6;
    }
}



/*main*/
main{
    width: 100%;
    margin: 0 auto;
}



/*main_top*/
main .top{
    width: 100%;
    margin: 0 auto;
    padding: 36px 86px;
    padding: 36px 86px 0px 86px;
}
main .top h1{
    line-height: normal;
    margin-bottom: 10px;
}
main .top .satoshi{
    font-family: 'Satoshi';
    font-weight: 400;
    font-style: normal;
    font-size: 7.5rem;
    letter-spacing: -0.4rem;
    line-height: 9rem;
}
main .top .satoshi_italic{
    font-family: 'Satoshi';
    font-weight: 400;
    font-style: italic;
    font-size:7.5rem;
    letter-spacing: -0.5rem;
}
main .top .newsreader{
    font-family: 'Newsreader';
    font-weight: normal;
    font-style: italic;
    font-size:7.5rem;
    letter-spacing: -0.5rem;
}
main .top .emoji_smile img{
    display: inline;
    width: 9.5rem;
    vertical-align: -20px;
}
main .top .emoji_japan img{
    display: inline;
    width: 10rem;
    vertical-align: -7.5px;
}
.top .emoji_smile_sp, .top .emoji_japan_sp,.display_sp{
    display: none;
}
.top h2{
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 2.8rem;
    padding-bottom: 50px;
    border-bottom: solid 1px #000;
    margin-bottom: 24px;
}
@media screen and (max-width: 480px){
    main .top{
        padding: 36px 20px 0px 20px;
    }
    main .top h1{
        margin-bottom: 16px;
    }
    .newsreader_pc{
        display: none;
    }
    main .top .satoshi,main .top .satoshi_italic,main .top .newsreader{
        font-size: 4rem;
        letter-spacing: -0.1rem;
        line-height: 4rem;
    }
    main .top .emoji_smile_sp, .top .emoji_japan_sp,.display_sp{
        display: inline-block;
    }
    main .top .emoji_smile_sp img{
        width: 4rem;
        vertical-align: -5px;
        display: inline;
    }
    main .top .emoji_japan_sp{
        margin-top: 10px;
        vertical-align: -3px;
        margin-right: 7px;
    }
    main .top .emoji_japan_sp img{
        display: inline;
        width: 4.5rem;
    }
    .top .emoji_smile, .top .emoji_japan, .display_pc{
        display: none;
    }
    main .top h2{
        margin-bottom: 30px;
        padding-bottom: 40px;
        line-height: 2.5rem;
    }
    .menu_content {
        display: block;
    }
}



/*main_contents*/
main .contents{
    width: 100%;
    margin: 0 auto;
}
.contents_title{
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: left;
    padding: 18px 86px 10px 86px;
}
.contents_title h3{
    font-family: 'Satoshi';
    font-weight: 400;
    font-size: 3rem;
    color:#000;
}
.contents_title h3 span{
    font-size: 2.3rem;
}
.contents_title_today{
    display: flex;
    align-items: center;
}
.contents_title p{
    font-family: 'NotoSansJP';
    font-weight: 300;
    font-size: 1.4rem;
    color:#000;
    margin-left: 10px;
}
.contents_title p .weather{
    width: 24px;
}
@media screen and (max-width: 480px){
    .contents_title {
        padding: 10px 20px;
    }
    .contents_title h3{
        font-family: 'Satoshi';
        font-weight: 600;
        font-size: 1.8rem;
        color:#000;
    }
    ::-webkit-full-page-media, :future, :root .contents_title h3{
            font-size: 1.5rem;
    }        
    .contents_title h3 span{
        font-weight: 400;
        font-size: 1.5rem;
    }
    .contents_title {
        justify-content: space-between;
    
    }
}



.media_filter{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: left;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 85px;
    width: 100%;
    white-space: nowrap;
}
.media_filter::-webkit-scrollbar{
    display: none;
}
.media_filter a{
    display: block;
    text-decoration: none;
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-size: 1.4rem;
    color:#000;
    padding: 8px 16px;
    border-radius: 40px;
    border: solid 1px #000;
    margin-right: 10px;
}
.media_filter a:hover{
    color:#FFF;
    background-color: #000;
    padding: 8px 16px;
    border-radius: 40px;
    border: solid 1px #000;
}
.media_filter a:active{
    color:#FFF;
    background-color: #302F2C;
    padding: 8px 16px;
    border-radius: 40px;
    border: solid 1px #302F2C;
}
.media{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 36px 86px;
}
.media_card{
    background-color: #FFF;
    width: 380px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
    margin: 15px;
}
.media_card a{
    text-decoration: none;
    display: block;
    overflow: hidden;
    height: 100%;
    padding: 40px;
}
.media_card .img{
    width: 100%;
    margin-bottom: 20px;
}
.media_card .text{
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-size: 2rem;
    color:#000;
    width: 100%;
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.media_card  .star{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 27px;
}
.media_card  .star img{
    width: 18px;
}
.media_card .star p{
    margin-left: 6px;
}
.media_card p{
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-size: 14px;
    color:#000;
}
.media_card .good p{
    color:#3383FB;
}
.media_card .bad p{
    color:#E40C0C;
}
.media_card  .comments{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.media_card  .comments .good_bad{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.media_card  .comments .good_bad img{
    width: 16px;
    margin-right: 6px;
}
.media_card  .good ,.media_card  .bad,.media_card  .comment{
    display: flex;
    flex-wrap: wrap;
}
.media_card  .good{
    margin-right: 14px;
}
.media_card  .comment img{
    width: 14px;
    margin-right: 8px;
}
@media screen and (max-width: 480px){
    .media_filter{
        padding-left: 20px;
    }
    .media_filter a{
        margin-right: 8px;
    }
    .media {
        padding: 20px;
    }
    .media_card {
        margin: 0px 0px 15px 0px;
    }
    .media_card .text {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    .media_card .img {
        margin-bottom: 10px;
    }
    .media_card .star {
        margin-bottom: 18px;
    }
}


/*footer*/
footer{
    background-color: #302F2C;
    width: 100%;
    margin: 0 auto;
    padding: 110px 200px;
}
.footer_inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer_menu {
    width: 280px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer_menu p a{
    display: flex;
    font-family: 'NotoSansJP';
    font-weight: 300;
    font-size: 13px;
    color:#FFF;
    opacity: 60%;
    text-decoration: none;
    margin-bottom: 20px;
}
.corpolate .sns{
    display: flex;
    flex-wrap: wrap;
}
.corpolate .sns a{
    margin-left: 16px;
}
.corpolate .sns a img{
    width: 42px;
}
.corpolate .logo img{
    width: 100px;
    margin: 16px;
    margin-left: auto;
    margin-right:0;
}
.corpolate p{
    font-family: 'NotoSansJP';
    font-weight: 300;
    opacity: 60%;
    font-size: 11px;
    color:#FFF;
    text-align: right;
}
@media screen and (min-width: 481px) and (max-width: 995px){
    footer{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .footer_inner{
        display: block;
    }
    .corpolate .logo img{
        margin-left: 0;
    }
    .corpolate p{
        text-align: left;
    }
    .corpolate .sns{
        margin-left: -15px;
        margin-top: 55px;
    }
}
@media screen and (max-width: 480px){
    footer{
        padding:70px 30px
    }
    .footer_menu p{
        margin-bottom: 55px;
    }
    .footer_inner p a{
        font-family: 'NotoSansJP';
        font-weight: 300;
        opacity: 60%;
        font-size: 13px;
        color:#FFF;
        text-decoration: none;
    }
    .corpolate .sns a {
        margin-left: 0px;
        margin-right: 14px;
    }
    .corpolate .logo img {
        margin:20px 0;
    }
    .corpolate p {
        text-align: left;
    }
}






/*page2____news_detail*/
.news_detail{
    background-color:#FFF;
}
.news_detail main{
    width: 80%;
    display: flex;
    margin: 0 auto;
}
.news_detail main .content{
    flex: 1;
    width: 100%;
    height: auto;
    margin: 100px 0px 0px auto;
}



/*page2____news_detail*/
/*content*/
.news_detail main .content .content_inner{
    border-right: 1px solid #E4E5E8;
    padding-right: 40px;
    height: auto;
}
.news_detail main .content .content_inner h1{
    font-family: 'NotoSansJP';
    font-weight: 600;
    font-size: 2.6rem;
    color: #222636;
    margin-bottom: 4px;
}
.news_detail main .content .content_inner h1 a{
    color: #222636;
    text-decoration: none;
}
.news_detail main .content .content_inner h1 a:hover{
    color: #222636;
    text-decoration: underline;
}
.news_detail main .content .content_inner .day{
    text-decoration: none;
    color: #302F2C;
    font-family: 'NotoSansJP';
    font-size: 1.1rem;
    font-weight: 400;
    opacity: 0.5;
}
.news_detail main .content .content_inner .content_inner_text{
    color: #302F2C;
    font-family: 'NotoSansJP';
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 3.2rem;
    margin: 32px auto;
}
.news_detail main .content .content_inner_text_button{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}
.news_detail main .content  .content_inner_text_button a{
    display: block;
    text-decoration: none;
    border-radius: 40px;
    border: 1px solid #E4E5E8;
    padding: 12px 24px;
    width: 172px;
}
.news_detail main .content  .content_inner_text_button a p{
    color: #302F2C;
    text-align: center;
    font-family: 'NotoSansJP';
    font-size: 1.6rem;
    font-weight: 400;
}

/*content_inner________start*/
.news_detail main .side .side_inner h2,.news_detail main .content .content_inner h2{
    font-family: 'NotoSansJP';
    font-weight: 600;
    font-size: 2.0rem;
    color: #222636;
    margin-bottom: 14px;
}
.news_detail main .side .side_inner h3,.news_detail main .content .content_inner h3{
    font-family: 'NotoSansJP';
    font-weight: 600;
    font-size: 1.4rem;
    color: #222636;
}
.news_detail main .side .side_inner .evaluation,.news_detail main .content .content_inner .evaluation{  
    width: 250px;
    padding-bottom: 23px;
    margin-top: 5px;
    margin-bottom: 23px;
}
.news_detail main .side .side_inner p,.news_detail main .content .content_inner p{
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-size: 1.4rem;
    color: #222636;
    line-height: 1.8;
}
.news_detail main .side .side_inner span,.news_detail main .content .content_inner span{
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-size: 1.4rem;
    color: #686C7A;
    line-height: 1.8;
    margin-left: 14px;
}
.news_detail main .side .side_inner .page,.news_detail main .side .side_inner .quote,.news_detail main .content .content_inner .page,.news_detail main .content .content_inner .quote{
    margin-bottom: 6px;
}
.news_detail main .side .side_inner .yes_or_no,.news_detail main .side .side_inner .main_img_text,.news_detail main .content .content_inner .yes_or_no,.news_detail main .content .content_inner .main_img_text{
    margin-bottom: 18px;
}
.news_detail main .side .side_inner .general_comment,.news_detail main .content .content_inner .general_comment{
    margin-bottom: 40px;
}
.news_detail main .content .content_inner .main_img{
    width: 100%;
    height: 29.7vw;
    object-fit: cover;
    margin-bottom: 30px;
}
.news_detail main .side .side_inner .evaluation .stars,.news_detail main .content .content_inner .evaluation .stars{
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
}
.news_detail main .side .side_inner .star,.news_detail main .content .content_inner .star{
    display: flex;
    flex-wrap: wrap;
}
.news_detail main .side .side_inner .star img,.news_detail main .content .content_inner .star img{
    width: 18px;
}
.news_detail main .side .side_inner .star p,.news_detail main .content .content_inner .star p{
    margin-left: 12px;
    font-weight: 500;
}
.news_detail main .side .side_inner .share,.news_detail main .content .content_inner .share{  
    width: 250px;
    padding-bottom: 20px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.news_detail main .side .side_inner .share .sns a span,
.news_detail main .content .content_inner .share .sns a{
    width: 4.2rem;
    height: 4.2rem;
    margin-right: 16px;
    margin-left: 0px;
}
.news_detail main .side .side_inner .share .sns,.news_detail main .content .content_inner .share .sns{
    display: flex;
    margin-top: 12px;
}
.news_detail main .side .side_inner .share .sns .ic_ins,.news_detail main .content .content_inner .share .sns .ic_ins{
    display: block;
    background:transparent url(../img/ic_ins.svg) no-repeat top center /
        contain;
}
.news_detail main .side .side_inner .share .sns .ic_ins:hover,.news_detail main .content .content_inner .share .sns .ic_ins:hover{
    background:transparent url(../img/ic_ins_b.svg) no-repeat top center /
        contain;
}
.news_detail main .side .side_inner .share .sns .ic_tw,.news_detail main .content .content_inner  .share .sns .ic_tw{
    display: block;
    background:transparent url(../img/ic_tw.svg) no-repeat top center /
        contain;
}
.news_detail main .side .side_inner .share .sns .ic_tw:hover,.news_detail main .content .content_inner .share .sns .ic_tw:hover{
    background:transparent url(../img/ic_tw_b.svg) no-repeat top center /
        contain;
}
.news_detail main .side .side_inner .share .sns .ic_fb,.news_detail main .content .content_inner  .share .sns .ic_fb{
    display: block;
    background:transparent url(../img/ic_fb.svg) no-repeat top center /
        contain;
}
.news_detail main .side .side_inner .share .sns .ic_fb:hover,.news_detail main .content .content_inner .share .sns .ic_fb:hover{
    background:transparent url(../img/ic_fb_b.svg) no-repeat top center /
        contain;
}
.news_detail main .side .side_inner .share .sns .ic_youtube,.news_detail main .content .content_inner  .share .sns .ic_youtube{
    display: block;
    background:transparent url(../img/ic_youtube.svg) no-repeat top center /
        contain;
}
.news_detail main .side .side_inner .share .sns .ic_youtube:hover,.news_detail main .content .content_inner .share .sns .ic_youtube:hover{
    background:transparent url(../img/ic_youtube_b.svg) no-repeat top center /
        contain;
}
.news_detail main .side .side_inner .evaluation_buttons .button,.news_detail main .content .content_inner .evaluation_buttons .button{
    display: flex;
    margin-top: 10px;
    margin-bottom: 24px;
}
.news_detail main .side .side_inner .evaluation_buttons .button a,.news_detail main .content .content_inner .evaluation_buttons .button a{
    display: flex;
    text-decoration: none;
    margin-right: 18px;
    border: 1px solid rgba(167,168,175,0.5);
    border-radius: 40px;
    padding: 1rem 2.8rem;
}
.news_detail main .side .side_inner .evaluation_buttons .button a:hover,.news_detail main .content .content_inner .evaluation_buttons .button a:hover{
    border: 1px solid #E4E5E8;
    background: rgba(48, 47, 44, 0.10);
}


.news_detail main .side .side_inner .evaluation_buttons .button a img,.news_detail main .content .content_inner .evaluation_buttons .button a img{
    width: 2.6rem;
    margin-right: 1rem;
    display: none;
}
.news_detail main .side .side_inner .evaluation_buttons .button a p,.news_detail main .content .content_inner .evaluation_buttons .button a p{
    font-size: 1.4rem;
    color: #222636;
}
.news_detail main .side .side_inner .source_container_pc{
    margin-bottom: 30px;
}
.news_detail main .side .side_inner h3 .sp,.news_detail main .content .content_inner h3 .sp{
    display: inline-block;
}
.news_detail main .side .side_inner .source img,.news_detail main .content .content_inner .source img{
    width: 190px;
    height: auto;
}
@media screen and (min-width: 769px){
    .news_detail main .side .side_inner .source_container_sp{
        display: none;
    }
}
@media screen and (max-width: 768px){
    .news_detail main{
        width: 100%;
        display: flex;
        margin: 0 auto;
        flex-direction: column;
        padding: 0 20px;
    }
    .news_detail main .content {
        margin: 20px 0 20px 0;
    }
    .news_detail main .content .content_inner{
        margin-right: 0px;
        border-right: none;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    .news_detail main .content .content_inner .main_img {
        margin-bottom: 10px;
        height: 59.5vw;
        object-fit: cover;
    }
    .news_detail main .content .content_inner_text,.news_detail main .content .content_inner_text_button{
        display: none;
    }
    .news_detail main .side .side_inner .share,.news_detail main .content .content_inner .share {
        padding-bottom: 0px;
    }
    .news_detail main .content .content_inner h1{
        font-size: 1.8rem;
    }
    .news_detail main .content .content_inner .day{
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding-bottom:25px;
    }
    .news_detail main .side .side_inner h2,.news_detail main .content .content_inner h2{
        font-size: 1.6rem;
    }
    .news_detail main .side .side_inner .evaluation,.news_detail main .content .content_inner .evaluation{
        width: auto;
        margin-top: 28px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .news_detail main .side .side_inner .evaluation_buttons .button a,.news_detail main .content .content_inner .evaluation_buttons .button a{
        padding: 1rem 1.8rem;
        margin-right: 0.8rem;
    }
    .news_detail main .side .side_inner .evaluation_buttons .button a img,.news_detail main .content .content_inner .evaluation_buttons .button a img{
        display: block;
        width: 2.3rem;
    }
    .news_detail main .side .side_inner .source_container_pc,.news_detail main .content .content_inner h3 .sp{
        display: none;
    }
    .news_detail main .side .side_inner h3 .sp{
        display: none;
    }
}
/*content_inner________end*/


/*page2____news_detail*/
/*.comment_input*/
.news_detail main .comment_input{
    padding-right: 40px;
}
.news_detail main .comment_input p{
    font-family: 'NotoSansJP';
    font-weight: 500;
    font-size: 1.6rem;
    color: #000;
    margin-bottom: 16px;
}
.news_detail main .comment_input input{
    width: 100%;
    border: 1px solid rgba(188,190,197);
    border-radius: 6px;
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-size: 12px;
    padding: 14px 18px;
}
::placeholder {
    color: rgba(0,0,0,0.5);
}
@media screen and (min-width: 769px) {
    .news_detail main .side .comment_input{
        display: none;
    }
    .news_detail main .side .comments{
        display: none;
    }
}
@media screen and (max-width: 768px){
    .news_detail main .comment_input {
        padding-right: 0px;
        margin-bottom: 10px;    }
    .news_detail main .content .comment_input{
        display: none;
    }
    .news_detail main .content .comments{
        display: none;
    }
}



/*page2____news_detail*/
/*.comments*/
.news_detail main  .comments{
    margin-right:40px;
    padding-bottom: 20px;
}
.news_detail main  .comments .comment{
    padding: 28px 0px;
    border-bottom: 1px solid #E4E5E8;
}
.news_detail main  .comments .comment .user_info{
    display: flex;
    margin-bottom: 10px;
}
.news_detail main  .comments .comment .user_info img{
    width: 36px;
}
.news_detail main  .comments .comment .user_info .name_day{
    margin-left: 8px;
}
.news_detail main  .comments .comment .user_info .name_day p:first-child{
    font-family: 'NotoSansJP';
    font-weight: 800;
    font-size: 1.2rem;
    color: #000;
}
.news_detail main  .comments .comment .user_info .name_day p:last-child{
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-size: 1.2rem;
    color: #000;
    opacity: 0.3;
}
.news_detail main  .comments .comment .text p{
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-size: 1.2rem;
    color: #000;
    opacity: 0.8;
}
.news_detail main  .comments .more_button{
    margin-top: 28px;
    display: flex;
    justify-content: center;
}
.news_detail main  .comments .more_button a{
    display: flex;
    text-decoration: none;
}
.news_detail main  .comments .more_button p{
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-size: 1.2rem;
    color: #000;
    opacity: 0.8;
    margin-right: 6px;
}
.news_detail main  .comments .more_button img{
    width: 10px;
}
@media screen and (max-width: 768px){
    .news_detail main  .comments {
        margin-right: 0px;
    }
    .news_detail main  .comments .comment {
        padding: 12px 0px 18px 0px;
    }
    .news_detail main  .comments .more_button {
        margin-top: 20px;
    }
    .news_detail main  .comments .more_button p, .more_button img{
        opacity: 0.5;
    }
}



/*page2____news_detail*/
/*.side*/
.news_detail main .side{
    flex: 0.6;
    height: auto;
    margin: 100px auto 54px 0px;
    padding-left: 40px;
}
.news_detail main .side .recomend{
    margin-bottom: 50px;
}
.news_detail main .side .recomend p,.news_detail main .side .ranking p{
    font-family: 'NotoSansJP';
    font-weight: 600;
    font-size: 2.0rem;
    color: #222636;
    margin-bottom: 20px;
}
.news_detail main .side .recomend p img,.news_detail main .side .ranking p img{
    display: inline-block;
    width: 24px;
    vertical-align: -3px;
}
.news_detail main .side .box{
    padding: 20px;
    display: flex;
    border:1px solid rgba(0,0,0,0.1);
    position: relative;
    margin-bottom: 10px;
}
.news_detail main .side .box .img{
    flex: 1;
}
.news_detail main .side .box .img img{
    width: 100%;
    height: auto;
    margin-right: 16px;
}
.news_detail main .side .box .text{
    flex: 1.5;
    padding-left: 16px;
}
.news_detail main .side .box .text a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.news_detail main .side .box .text p{
    font-family: 'NotoSansJP';
    font-weight: 300;
    font-size: 1.4rem;
    color: #000;
    margin-bottom: 8px;
}
.news_detail main .side .box .text .star{
    width: 18px;
    display: flex;
    margin-right: 2px;
    margin-bottom: 12px;
}
.news_detail main .side .box .text .star p{
    font-family: 'NotoSansJP';
    font-weight: 300;
    font-size: 1.4rem;
    color: #000;
    margin-left: 5px;
    margin-bottom: 0px;
}
.news_detail main .side .box .text .box_icons,.news_detail main .side .box .text .comments{
    display: flex;
    justify-content: space-between;
}
.news_detail main .side .box .text .box_icons .good_bad,.news_detail main .side .box .text .comments .good_bad{
    display: flex;
}
.news_detail main .side .box .text .box_icons .good_bad .good,.news_detail main .side .box .text .box_icons .good_bad .bad,
.news_detail main .side .box .text .comments .good_bad .good,.news_detail main .side .box .text .comments .good_bad .bad{
    display: flex;
    align-items: center;
}
.news_detail main .side .box .text .box_icons .good_bad img,
.news_detail main .side .box .text .comments .good_bad img{
    width: 16px;
    margin-right: 6px;
}
.news_detail main .side .box .text .box_icons .good_bad .good p,
.news_detail main .side .box .text .comments .good_bad .good p{
    font-family: 'NotoSansJP';
    font-weight: 300;
    font-size: 1.4rem;
    color: #3383FB;
    margin-bottom: 0px;
    margin-right: 12px;
}
.news_detail main .side .box .text .box_icons .good_bad .bad p,
.news_detail main .side .box .text .comments .good_bad .bad p{
    font-family: 'NotoSansJP';
    font-weight: 300;
    font-size: 1.4rem;
    color: #E40C0C;
    margin-bottom: 0px;
}
.news_detail main .side .box .text .box_icons .speechbubble,
.news_detail main .side .box .text .comments .comment{
    display: flex;
    padding: 0;
    border-bottom: none;
}
.news_detail main .side .box .text .comments{
    margin-right: 0px;
    padding-bottom: 0px;
}
.news_detail main .side .box .text .box_icons .speechbubble p,
.news_detail main .side .box .text .comments .comment p{
    margin-bottom: 0px;
    margin-left: 8px;
}
@media screen and (min-width: 769px) and (max-width: 1200px){
    .news_detail main .side .box {
        display: block;
    }
    .news_detail main .side .box .img img{
        margin-bottom: 10px;
    }
    .news_detail main .side .box .text {
        padding-left: 0px;
    }
}
@media screen and (max-width: 768px){
    .news_detail main .side {
        margin: 0px auto 40px auto;
        padding-left: 0px; 
    }
    .news_detail main  .comments .comment .user_info,
    .news_detail main .content .comments .comment .user_info{
        margin-bottom: 6px;
    }
    .news_detail main  .comments .comment .user_info img,
    .news_detail main .content .comments .comment .user_info img{
        width: 27px;
    }
    .news_detail main  .comments .comment .user_info .name_day p,
    .news_detail main .content .comments .comment .user_info .name_day p{
        font-size: 1rem;
    }
    .news_detail main .side .box .text p {
        font-size: 1.2rem;
        line-height: 1.6rem;
        margin-bottom: 4px;
    }
    .news_detail main .side .box .text .star {
        width: 14px;
    }
    .news_detail main .side .box .text .star p {
        font-size: 1.2rem;
    }
    .news_detail main .side .recomend {
        margin-bottom: 30px;
    }
    .news_detail main .side .recomend p,.news_detail main .side .ranking p{
        font-size: 1.6rem;
        margin-bottom: 12px;
    }
    .news_detail main .side .ranking p{
        font-size: 1.6rem;
        margin-bottom: 12px;
    }
    .news_detail main .side .box .text .box_icons .good_bad .good p {
        font-size: 1.2rem;
    }
    .news_detail main .side .box .text .box_icons .good_bad .bad p {
        font-size: 1.2rem;
    }
    .news_detail main .side .box .text .comments .good_bad .good p {
        font-size: 1.2rem;
    }
    .news_detail main .side .box .text .comments .good_bad .bad p {
        font-size: 1.2rem;
    }
    
        
}
@media screen and (max-width: 374px){
    .news_detail main .side .side_inner .evaluation_buttons .button a p {
        font-size: 3.5vw;
    }
    .news_detail main .content .content_inner .evaluation_buttons .button a p {
        font-size: 3.5vw;
    }
}






/*page3____mypage*/
.mypage{
    background-color:#FFF;
}
.mypage main{
    width: 80%;
    margin: 0 auto;
    padding-bottom: 200px;
}
.mypage main .first{
    margin-top: 100px;
}
.mypage main .first .first_inner{
    display: flex;
    justify-content: space-between;
}
.mypage main .fourth{
    margin-bottom: 190px;
}
.mypage main .first,.mypage main .second,.mypage main .third,.mypage main .fourth{
    margin-bottom: 52px;
    width: 70%;
}
.mypage main h1,.mypage main h2,.mypage main h3,.mypage main h4{
    font-family: 'NotoSansJP';
    font-weight: 700;
    font-size: 1.6rem;
    color: #302F2C;
    padding-left: 10px;
    padding-bottom: 30px;
    margin-bottom: 26px;
}
.mypage main h1,.mypage main h2,.mypage main h3{
    border-bottom: 1px solid #E4E5E8;
}
.mypage main .first .first_inner,.mypage main .second .second_list,.mypage main .third .third_list{
    padding-left: 10px;
}
.mypage main .second .second_list sup,.mypage main .third .third_list sup{
    margin-left: 4px;
}
.mypage main .second a,.mypage main .third a{
    display: flex;
}
.mypage main .first img{
    margin-left: 10px;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}
.mypage main .first .first_inner .first_list .first_list_name{
    font-family: 'NotoSansJP';
    font-weight: 700;
    font-size: 1.6rem;
    color: #302F2C;
    margin-bottom: 10px;
}
.mypage main .first .first_inner .first_list .first_list_text{
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-size: 1.6rem;
    color: #302F2C;
    margin-bottom: 10px;
    text-decoration: none;
}
.mypage main .first .first_button{
    display: grid;
    place-items: center;
}
.mypage main .first .first_button a{
    display: block;
    padding: 12px 44px;
    background-color: #302F2C;
    border-radius: 4px;
}
.mypage main .first .first_button p{
    color: #FFF;
    text-align: center;
    font-family: 'NotoSansJP';
    font-size: 1.6rem;
    font-weight: 400;
}

.mypage main .second .second_list a,.mypage main .third .third_list a{
    font-family: 'NotoSansJP';
    font-weight: 400;
    font-size: 1.4rem;
    color: #302F2C;
    margin-bottom: 28px;
    text-decoration: none;
}




@media screen and (max-width: 768px){
    .mypage header{
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .mypage main {
        width: 87%;
        margin: 0 auto;
        padding-bottom: 96px;
    }
    .mypage main .first {
        margin-top: 33px;
    }
    .mypage main .first img {
        margin-left: 0px;
    }
    .mypage main .first, .mypage main .second, .mypage main .third, .mypage main .fourth {
        margin-bottom: 50px;
        width: 100%;
    }
    .mypage main h1, .mypage main h2, .mypage main h3, .mypage main h4 {
        font-size: 1.1rem;
        padding-bottom: 9px;
        margin-bottom: 18px;
        padding-left: 0px;
    }
    .mypage main .first .first_inner{
        display: block;
        padding-left: 0px;
    }
    .mypage main .first .first_button {
        display: grid;
        place-items: start;
    }
    .mypage main .first .first_inner, .mypage main .second .second_list, .mypage main .third .third_list {
        padding-left: 0px;
    }
    .mypage main .second .second_list a, .mypage main .third .third_list a {
        margin-bottom: 48px;
    }
}