@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.about
03.ranking
04.archive_page
05.single_page
06.error404
--------------------*/

@media only screen and (max-width:1024px){
/*----------
01.top
----------*/
#top .mv_area .slide_block .slide_box {
width: 680px;
padding: 0 10px;
}

#top .mv_area .slide_block .slide_box .txt_box .st {
font-size: 22px;
}

#top .mv_area .slide_block .slide_box .txt_box .info_wrp {
margin-top: 12px;
}


/*----------
02.about
----------*/
#about .cnt_area01 .cnt_box {
padding: 60px 6%;
}


/*----------
03.ranking
----------*/
#ranking .cnt_area01 .cmn_rank .cmn_card a {
padding: 30px 0;
}

#ranking .flex_contents .cmn_rank .cmn_card a {
padding: 0 15px 45px;
}


/*----------
05.single_page
----------*/
.single_page .fixed_btn a {
font-size: 14px;
}
.single_page .fixed_btn a span::after {
right: 7%;
width: 14%;
}

.single_page .cnt_area01 .mv_block .flex_box {
padding-left: 40px;
}

.single_page .cnt_area01 .mv_block .en_txt {
left: 0;
}

}

@media only screen and (max-width:750px){
/*----------
01.top
----------*/
#top .mv_area {
padding-top: 12px;
}

#top .mv_area .h1_block .contents_in {
padding: 0 40px;
}

#top .mv_area .h1_block .chatch_txt {
font-size: 12px;
line-height: 1.66;
}

#top .mv_area .h1_block .h1 {
width: 100%;
max-width: 240px;
margin-top: -8px;
transform: translateY(20px);
}

#top .mv_area .slide_block {
padding-bottom: 35px;
}

#top .mv_area .slide_block.pc {
display: none;
}

#top .mv_area .slide_block.sp {
display: block;
}

#top .mv_area .slide_block .slide_box {
width: 280px;
}

#top .mv_area .slide_block .slide_box .img {
padding-bottom: 170%;
border-radius: 10px;
}

#top .mv_area .slide_block .slide_box img.pc {
display: none;
}

#top .mv_area .slide_block .slide_box img.sp {
display: block;
}

#top .mv_area .slide_block .slide_box .txt_box {
padding: 0 12px 10px;
}

#top .mv_area .slide_block .slide_box .txt_box .st {
font-size: 16px;
line-height: 1.6;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
max-height: 3.2em;
}

#top .mv_area .slide_block .slide_box .txt_box .info_wrp {
margin-top: 8px;
}

#top .mv_area .slide_block .slide_box .txt_box .cate li {
margin: 0 7px 7px 0;
padding: 3px 5px;
font-size: 14px;
font-weight: 500;
}

#top .mv_area .slide_block .slide_box .txt_box .date {
font-size: 14px;
font-weight: 500;
}

#top .mv_area .topics_block {
margin-top: 20px;
}

#top .mv_area .topics_block a {
padding: 6.5px 0;
}

#top .mv_area .topics_block a .tag {
width: 70px;
margin-right: 17px;
padding: 6.5px 0;
font-size: 14px;
}

#top .mv_area .topics_block a .ttl {
max-width: calc(100% - 87px);
font-size: 14px;
}

#top .cnt_area01 {
padding: 45px 0;
}

#top .cnt_area01 .cmn_ttl {
margin-top: 0;
}

#top .cnt_area01 .cmn_ttl h2 {
width: calc(100% + 20px);
margin-left: -10px;
}

#top .cnt_area01 .cmn_ttl .ja {
margin-top: 5px;
}

#top .cnt_area01 .article_list .cmn_card + .cmn_card {
margin-top: 20px;
}

#top .cnt_area01 .cmn_btn {
margin-top: 45px;
}

#top .cnt_area02 {
padding: 45px 0;
}

#top .cnt_area02 .flex_box {
display: block;
}

#top .cnt_area02 .flex_box .img_box {
width: 100%;
}

#top .cnt_area02 .flex_box .img_box::after {
border-radius: 10px;
}

#top .cnt_area02 .flex_box .img_box img {
border-radius: 10px;
}

#top .cnt_area02 .flex_box .txt_box {
width: 100%;
}

#top .cnt_area02 .flex_box .txt_box .cmn_ttl02 {
display: inline-block;
/* margin-top: -120px; */
margin-top: -60px;
padding: 20px 24px 0 0;
border-radius: 0 20px 0 0;
background-color: #CBBB9C;
}

#top .cnt_area02 .flex_box .txt_box .cmn_ttl02 h2 {
font-size: 66px;
}

#top .cnt_area02 .flex_box .txt_box .txt_deco {
width: 104px;
margin: -60px 0 -8px auto;
}

#top .cnt_area02 .flex_box .txt_box .text {
width: 100%;
margin-left: 0;
padding: 0;
font-size: 20px;
}

#top .cnt_area02 .cmn_btn {
margin-top: 45px;
}

#top .cnt_area03 {
padding: 45px 0;
}

#top .cnt_area03 .cmn_ttl {
margin-top: 0;
}

#top .cnt_area03 .interview_slide {
padding-bottom: 35px;
}

#top .cnt_area03 .interview_slide .cmn_card {
width: 315px;
padding: 0 10px;
}

#top .cnt_area03 .interview_slide .cmn_card a {
display: block !important;
padding: 20px 20px 50px;
}

#top .cnt_area03 .interview_slide .cmn_card a .num {
right: 0;
left: auto;
border-radius: 0 10px 0 10px;
padding: 13px 16px;
font-size: 42px;
}

#top .cnt_area03 .interview_slide .cmn_card a::after {
content: "";
right: 20px;
bottom: 20px;
}

#top .cnt_area03 .interview_slide .cmn_card .img_box {
width: 100%;
}

#top .cnt_area03 .interview_slide .cmn_card .img_box .img {
padding-bottom: 91.4%;
-webkit-box-shadow: unset;
box-shadow: unset;
border-radius: 10px;
}

#top .cnt_area03 .interview_slide .cmn_card .txt_box {
width: 100%;
}

#top .cnt_area03 .interview_slide .cmn_card .txt_box .name_g {
position: relative;
width: 188px;
margin-top: -73px;
padding: 13px 18px 0 0;
border-radius: 0 20px 0 0;
background-color: #fff;
}

#top .cnt_area03 .interview_slide .cmn_card .txt_box .name_g .en {
font-size: 36px;
}

#top .cnt_area03 .interview_slide .cmn_card .txt_box .name_g .ja .san,
#top .cnt_area03 .interview_slide .cmn_card .txt_box .name_g .ja .oth {
font-size: 20px;
}

#top .cnt_area03 .interview_slide .cmn_card .txt_box .name_g .ja .oth_span {
padding-right: 45px;
}

#top .cnt_area03 .interview_slide .cmn_card .txt_box .name_g > *:last-child {
margin-bottom: 10px;
}

#top .cnt_area03 .interview_slide .cmn_card .txt_box .info_wrp .cate {
margin-right: 0;
}

#top .cnt_area03 .interview_slide .cmn_card .txt_box .text {
display: inline-block;
-webkit-box-orient: unset;
-webkit-line-clamp: unset;
max-height: none;
margin-top: 8px;
}

#top .cnt_area03 .cmn_btn {
margin-top: 45px;
}



/*----------
02.about
----------*/
#about .cnt_area01 h2 {
font-size: 56px;
letter-spacing: 0;
}

#about .cnt_area01 .cnt_box {
padding: 20px 13px 40px;
border-radius: 10px;
}

#about .cnt_area01 .cnt_box .movie_wrp {
border-radius: 10px;
}

#about .cnt_area01 .cnt_box .movie_wrp .movie_btn {
background-color: unset;
opacity: 1;
}

#about .cnt_area01 .cnt_box .movie_wrp .movie_btn .btn {
display: none;
}

#about .cnt_area01 .cnt_box .txt_wrp {
margin-top: 40px;
padding: 0 5px;
}

#about .cnt_area01 .cnt_box .txt_wrp p {
font-size: 20px;
}

#about .cnt_area01 .cmn_btn {
margin-top: 40px;
}



/*----------
03.ranking
----------*/
#ranking .cnt_area01 {
padding-bottom: 0;
}

#ranking .cnt_area01 .contents_in.w880 {
padding: 0;
}

#ranking .cnt_area01 .cmn_rank .tab_box {
padding: 0 20px;
}

#ranking .cnt_area01 .cmn_rank .cnt_box {
border: 0;
border-radius: 0;
}

#ranking .cnt_area01 .cmn_rank .rank_box {
padding: 13px 20px 60px;
}

#ranking .cnt_area01 .cmn_rank .cmn_card {
padding: 22px 0;
}

#ranking .cnt_area01 .cmn_rank .cmn_card a {
padding: 13px;
}

#ranking .cnt_area01 .cmn_rank .cmn_btn {
margin-top: 40px;
}

#ranking .cnt_area01 .cmn_rank .cmn_card a {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}

#ranking .cnt_area01 .cmn_rank .cmn_card .img_box {
width: 99px;
}

#ranking .cnt_area01 .cmn_rank .cmn_card .img_box .img {
padding-bottom: 100%;
}

#ranking .cnt_area01 .cmn_rank .cmn_card .txt_box {
width: calc(100% - 118px);
margin-top: 0;
}



/*----------
04.archive_page
----------*/
.archive_page .archive_label {
margin-bottom: 40px;
padding: 13px 0;
font-size: 16px;
}

.archive_page .archive_label .tag {
padding: 7.4px 11.8px;
font-weight: 500;
}

.archive_page .archive_label .tag .ic,
.archive_page .archive_label .tag svg {
width: 26px;
height: 26px;
}

.archive_page .archive_label .txt {
margin-left: 8px;
}

.archive_page .cnt_area01 .article_list .cmn_card + .cmn_card {
margin-top: 20px;
}

.archive_page .cnt_area01 .article_list .more_wrap .cmn_card:first-child {
margin-top: 20px;
}

.archive_page .cnt_area01 .cmn_btn {
margin-top: 40px;
}

.archive_page .cnt_area01 .no_article_txt {
font-size: 20px;
}


/*----------
05.single_page
----------*/
.single_page .fixed_btn {
position: fixed;
z-index: 80;
right: 20px;
bottom: 50px;
width: 88px;
height: 88px;
}

.single_page .fixed_btn a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
padding-right: 0;
border-radius: 50%;
-webkit-box-shadow: 0 0 10px rgb(114 86 74 / 16%);
box-shadow: 0 0 10px rgb(114 86 74 / 16%);
background-color: #B3292C;
color: #fff;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.66;
text-align: center;
}

.single_page .fixed_btn a span {
position: relative;
padding: 2px 0 12px;
}

.single_page .fixed_btn a span::after {
top: auto;
bottom: 0;
left: calc(50% - 10px);
width: 20px;
height: 7px;
}

.single_page .cnt_area01 {
padding-top: 45px;
}

.single_page .flex_contents {
padding-top: 0;
}

.single_page .flex_contents .main_contents .cnt_area01 {
padding-bottom: 40px;
}

.single_page .cnt_area01 .mv_block .flex_box {
padding-left: 23px;
}

.single_page .cnt_area01 .mv_block .en_txt {
bottom: 54px;
font-size: 12px;
}

.single_page .cnt_area01 .mv_block .img_box {
padding-bottom: 80.1%;
border-radius: 10px;
}

.single_page .cnt_area01 .mv_block .txt_box {
width: 75.8%;
min-height: auto;
margin-top: -66px;
padding: 20px 19px 0 0;
}

.single_page .cnt_area01 .mv_block .txt_box h2 {
font-size: 24px;
line-height: 1.6;
}

.single_page .cnt_area01 .mv_block .txt_box .info_wrp {
width: calc(100% + 14px);
}

.single_page .cnt_area01 .mv_block .txt_box .info_wrp .cate li {
font-size: 16px;
}

.single_page .cnt_area01 .mv_block .txt_box .info_wrp .date {
font-size: 16px;
}

.single_page .cnt_area01 .mv_block {
margin-top: 20px;
}

.single_page .cnt_area01 .mv_block .catch_txt {
font-size: 18px;
}

.single_page .cnt_area01 .mv_block .index_box {
display: block;
margin-top: 45px;
padding: 18px 16px;
border-radius: 10px;
}

.single_page .cnt_area01 .mv_block .index_box .st_wrp em {
font-size: 36px;
}

.single_page .cnt_area01 .mv_block .index_box .st_wrp .ja {
font-size: 20px;
}

.single_page .cnt_area01 .mv_block .index_box .list_wrp {
width: 100%;
margin-top: 20px;
}

.single_page .cnt_area01 .mv_block .index_box .list_wrp ul a {
font-size: 20px;
line-height: 1.3;
}

.single_page .cnt_area01 .mv_block .index_box .list_wrp ul a::after {
width: 6px;
height: 6px;
}

.single_page .cnt_area01 .mv_block .profile_box {
margin-top: 45px;
padding: 18px 16px;
border-radius: 10px;
}

.single_page .cnt_area01 .mv_block .profile_box .st_wrp em {
font-size: 36px;
}

.single_page .cnt_area01 .mv_block .profile_box .st_wrp .ja {
font-size: 14px;
}

.single_page .cnt_area01 .mv_block .profile_box .info_wrp {
position: relative;
display: block;
margin-top: 20px;
}

.single_page .cnt_area01 .mv_block .profile_box .info_wrp + .info_wrp {
margin-top: 25px;
}

.single_page .cnt_area01 .mv_block .profile_box .info_wrp .ic {
position: absolute;
top: 0;
left: 0;
width: 100px;
padding-bottom: 100px;
}

.single_page .cnt_area01 .mv_block .profile_box .info_wrp .prof_box {
width: 100%;
}

.single_page .cnt_area01 .mv_block .profile_box .info_wrp .prof_box .name_wrp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 100px;
padding-left: 120px;
}

.single_page .cnt_area01 .mv_block .profile_box .info_wrp .prof_box .name {
font-size: 16px;
}

.single_page .cnt_area01 .mv_block .profile_box .info_wrp .prof_box .sub_txt {
margin-top: 5px;
font-size: 12px;
}

.single_page .cnt_area01 .mv_block .profile_box .info_wrp .prof_box p {
font-size: 12px;
}

.single_page .cnt_area01 .mv_block .txt_box + * {
margin-top: 8px;
}

.single_page .cnt_area01 .mv_block > *:first-child {
margin-top: 0;
}

.single_page .cnt_area01 .art_block > *:first-child:not(.h3_ttl) {
margin-top: 45px;
}

.single_page .cnt_area01 .art_block .h3_ttl {
margin: -60px 0 45px;
padding-top: 105px;
}
	
	.decoWrapIn:before {
    top: -11px;
    left: -8px;
}
	
	.decoWrapIn:after {
    width: 55px;
    top: -2px;
    left: -24px;
}
	
/* 	.single_page .cnt_area01 .art_block .decoWrap::before, .single_page .cnt_area01 .art_block .decoWrapIn::before {
    width: 75px;
}
	
	.single_page .cnt_area01 .art_block .decoWrap::after, 
	.single_page .cnt_area01 .art_block .decoWrapIn::after {
    height: 35px;
}
	
	
	.single_page .cnt_area01 .art_block .decoWrap::before {
    top: 8px;
    left: -13px;
}
	
	.single_page .cnt_area01 .art_block .decoWrapIn::before {
    bottom: 2px;
    right: -7px;
}
	
	.single_page .cnt_area01 .art_block .decoWrap::after {
    top: -1px;
    left: -6px;
}
	
	.single_page .cnt_area01 .art_block .decoWrapIn::after {
    bottom: -7px;
    right: 4px;
} */

.single_page .cnt_area01 .art_block .h3_ttl .line {
padding: 5px;
}

.single_page .cnt_area01 .art_block .h3_ttl .num {
margin-right: 10px;
font-size: 20px;
}

.single_page .cnt_area01 .art_block .h3_ttl h3 {
width: calc(100% - 34px);
font-size: 20px;
}

.single_page .cnt_area01 .art_block .h4_ttl {
margin-bottom: 10px;
}

.single_page .cnt_area01 .art_block .h4_ttl h4 {
padding: 0 0 0 7px;
font-size: 20px;
line-height: 1.4;
}

.single_page .cnt_area01 .art_block > p {
margin: 10px 0;
font-size: 18px;
}

.single_page .cnt_area01 .art_block .img_box {
margin-top: 20px;
}

.single_page .cnt_area01 .art_block .img_box .img img {
border-radius: 10px;
}

.single_page .cnt_area01 .art_block .img_box .caption,
.wp-element-caption {
font-size: 12px;
}

.single_page .cnt_area01 .art_block .movie_box .movie::after {
top: calc(50% - 30px);
left: calc(50% - 30px);
width: 60px;
height: 60px;
}

.single_page .cnt_area01 .art_block .shea_box {
margin-top: 40px;
}

.single_page .cnt_area01 .art_block .shea_box ul {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
}

.single_page .cnt_area01 .art_block .shea_box ul li.sns {
width: 26px;
}

.single_page .cnt_area01 .art_block .shea_box ul li.sns svg {
width: 26px;
height: 26px;
}

.single_page .cnt_area01 .art_block .shea_box .wpulike-heart button.wp_ulike_btn {
padding: 13px;
}

.single_page .cnt_area01 .art_block .shea_box .wpulike-heart .wp_ulike_put_image:after {
width: 22px;
height: 22px;
}

.single_page .cnt_area01 .art_block .shea_box .wpulike-heart .count-box {
line-height: 10px;
}

.single_page .cnt_area01 .art_block .supervise_box {
margin-top: 40px;
}

.single_page .cnt_area01 .art_block .supervise_box .ic {
width: 50px;
}

.single_page .cnt_area01 .art_block .supervise_box .sup_wrp {
margin-left: 17px;
padding: 5.5px 9px 5.5px 13px;
}

.single_page .cnt_area01 .art_block .supervise_box .sup_wrp::before {
left: -7px;
}

.single_page .cnt_area01 .art_block .supervise_box .sup_wrp .st {
font-size: 12px;
}

.single_page .cnt_area01 .art_block .supervise_box .sup_wrp .name {
margin-top: 0;
font-size: 14px;
}

.single_page .cnt_area01 .art_block .supervise_box + .supervise_box {
margin-top: 20px;
}

.single_page .cnt_area01 .cmn_bland {
margin-top: 40px;
}

.single_page .cnt_area01 .btns_block {
width: calc(100% + 40px);
margin: 40px 0 0 -20px;
}

.single_page .cnt_area01 .btns_block a {
padding: 0 19px;
font-size: 14px;
line-height: 1.4;
}

.single_page .cnt_area01 .btns_block .arrow {
min-width: 108px;
min-height: 19px;
}

.single_page .related_keyword {
padding: 20px 0 0;
}

.single_page .related_area {
padding: 40px 0;
}

.single_page .related_area .related_block {
margin-top: 30px;
}

.single_page .related_area .related_block .cmn_card + .cmn_card {
margin-top: 20px;
}

.single_page .related_area .related_block .cmn_card a {
padding: 13px;
}

.single_page .related_area .related_block .cmn_card .img_box .img {
padding-bottom: 100%;
}



/*----------
06.error404
----------*/
#error404 .cnt_area01 {
padding-top: 40px;
}

#error404 .cnt_area01 p {
font-size: 14px;
}

#error404 .cnt_area01 .cmn_ttl {
margin-top: 0;
}
}




@media only screen and (max-width: 374px) {
/*----------
05.single_page
----------*/

.single_page .cnt_area01 .btns_block a {
padding: 0 10px;
}

.single_page .cnt_area01 .btns_block .arrow {
min-width: 90px;
}

.single_page .cnt_area01 .btns_block .arrow.prev_btn a::after {
left: -3px;
}

.single_page .cnt_area01 .btns_block .arrow.next_btn a::after {
right: -3px;
}
}