@charset "utf-8";

/*--------------------------------------------------------
YUI Font-size Adjustment
10px = 77%     11px = 85%   12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197% 28px = 215.4% 30px = 246.41%
------------------------------------------------------*

/*  Inpage Common
-----------------------------------------------------------------------------*/

/* Arabic Text align */
html[lang="ar"] .editArea p,
html[lang="ar"] div.c-read {
  text-align:justify;
}

/* Layout for Comics */
.editArea div.comics .photo_box_c,
.editArea div.comics .photo_box_l,
.editArea div.comics .photo_box_r{
  clear:both;
  font-size: 1.0rem;
  line-height:1.2;
  border:none;
}
.ar .editArea div.comics{ direction:rtl　!important;}
.ar .editArea div.comics .photo_box_c,
.ar .editArea div.comics .photo_box_l,
.ar .editArea div.comics .photo_box_r{font-size:1.3rem　!important;}
.ar .fancybox-title-over{ direction: rtl　!important; text-align:right !important;}

/* Layout for Index */
.editArea div.indexlist{
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.editArea div.indexlist div{
    margin-bottom: 20px;
    margin-right: 5px;
    min-width: calc((100% + 10px) * (1 / 3) - 10px);
    width: calc((100% + 10px) * (1 / 3) - 10px);
  line-height: 1.3;
}
.editArea div.indexlist div img{
    margin-bottom: 5px;
    display:block;
}

.editArea ul.indexlist:lang(ar),
.editArea div.indexlist div:lang(ar) { 
 font-size:18px; 
}

/* hundred_people_list
-----------------------------------------------------------------------------*/
#hundred_people_list{
  margin:0 0 20px 0;
  padding:0;
  font-size: 1.6rem;
}

#hundred_people_list:before,
#hundred_people_list:after { content: ""; display: table; }
#hundred_people_list:after { clear: both; }
#hundred_people_list { zoom: 1; }

#hundred_people_list ul{
  margin:0;
  padding:0;
  /* Flex Layout */
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
 #hundred_people_list ul li {
  list-style-type: none;
  float:left;
  text-align:center;
  margin:0 4px 8px 4px;
  padding: 12px 12px 10px 12px;
  width:184px;
  border: 2px solid #cccccc;
  line-height:1.2em;
}
#hundred_people_list ul li:hover {
  background-color:#eeeeee;
}
#hundred_people_list ul li a{
display:block;
min-height:140px;
}

body.ar #hundred_people_list{
  float:right;
  font-size: 1.2rem;
}
body.ar #hundred_people_list ul li {
  float:right;
  text-align:right;
  padding:12px;
  line-height:1.4em;
}

#hundred_people_list ul li span{
  margin:0;

  display:block;
  color:#059647;
 /* height:7em;
  overflow: hidden; */
  }
#hundred_people_list ul li img{
  margin:0px 49px 6px 49px;
  width:98px;
  height:140px;
  border:none;
  padding:0;
}
#hundred_people_list ul li a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
#hundred_people_list ul li p{
  line-height:1.4em;
 }

 /* site_index_list
-----------------------------------------------------------------------------*/
#contents ul.siteindex {
   width:636px;
    float: left;
    font-size: 1.1rem;
    line-height: 1.7;
    padding:0px 10px 10px 10px;
    margin-bottom: 20px;
  }
  
#contents ul.siteindex li {
    margin-right: 3px;
    line-height:1.4;

 }

#contents ul.siteindex li p {
    font-size:14px;
    padding:0 0 0 1em;
  }

 /* Return to top
-----------------------------------------------------------------------------*/
.page_top {
  text-align:right;
}
.page_top a {
  padding:3px 10px;
  background-color:#676767;
  color: #fff;
  font-size:0.8rem;
}
.page_top a:hover{
  text-decoration: underline;
  color: #fff;
} 

 /* 
-----------------------------------------------------------------------------*/
/*
.editArea p {
  margin: 0 0 1.5em 0; }
*/

body:lang(en) {
  font-weight:500;
  font-family: Montserrat, sans-serif;
  }

h1.news__title:lang(en) {
  font-family: Montserrat, sans-serif;
   }

p.news__languageText, p.news__sentence{ 
  margin:0;
  }

p.news__sentence {
  font-size:16px !important;
 }

p.news__sentence:lang(en) {
  font-weight:500;
} 

 @media screen and (max-width: 800px) {
  p.news__sentence {
  font-size:19px !important;
    }
 }
 
div.news__languageBox {margin:20px auto !important;}

.editArea blockquote {
    margin: 30px 0 0;
  }

.editArea .news__borderBox {
    margin: 30px 0;
    width:100%;
  }
.editArea .news__borderBox p:last-child{
  margin-bottom:0;
}

.editArea ul,
.editArea ol {
    margin: 0 1em 30px 1em;
    padding: 0 0 0 1em; }


.editArea {
  font-size: 17px;
  font-weight: 500;
  }
  @media screen and (max-width: 800px) {
    .news__inner .editArea p {
      font-size: 18px; } 
    .editArea div {
      max-width: 100%;} }

.c-read:lang(en),
.editArea:lang(fr),
.editArea:lang(es) {font-size: 15px !important;}
.c-detailauthor .is-body:lang(en),
.c-detailauthor .is-body:lang(fr),
.c-detailauthor .is-body:lang(es) {font-size: 15px !important;}
.editArea:lang(en),
.editArea:lang(fr),
.editArea:lang(es) {
  font-size: 15px !important;
  line-height:1.7;
  font-weight: regular;
  }
  @media screen and (max-width: 800px) {
    .news__inner .editArea p:lang(en),
    .news__inner .editArea p:lang(fr),
    .news__inner .editArea p:lang(es) {
      font-size: 17px; } }

.editArea  .news__writerTextBox {
   font-weight: regular;
} 


 

.editArea h1:lang(en),
.editArea h2:lang(en),
.editArea h3:lang(en),
.editArea h4:lang(en),
.editArea h5:lang(en),
.editArea h6:lang(en) {
  line-height:1.4;
}

.news__inner em:lang(en), .news__inner i:lang(en){
  font-family:Montserrat, sans-serif;
}

.mainSection.is-logoNewsJiji::before,
.mainSection.is-logoNewsDetail::before{

}

.editArea  iframe{
  width: 100%;
}

.editArea  .video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.editArea  .video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


.editArea div.photobox,
.editArea div.photo_box {
    border: 1px solid #4f4d47;
    }
.editArea .photobox,
.editArea .photo_box {
    padding: 10px 20px;
    border: 1px solid #4f4d47;
    font-size: 14px; }
    .editArea .photobox p {
      margin: 0; }


/* Image Float Start */

.editArea .fl {
  float:left;
  margin-bottom:20px;
  margin-right:20px;
}

.editArea .fr {
  float:right;
  margin-bottom:20px;
  margin-left:20px;
}

@media screen and (max-width: 800px) {
 .editArea .fl,
  .editArea .fr{
   max-width:100%  !important;
 }
}

.photo_box_l{
  float:left !important;
  margin:0 10px 10px 0px;
  padding: 9px;
  line-height: 1.4;
}
.alignleft{float:left !important;}

.photo_box_r,
.alignright{
  float:right !important;
  margin-bottom:20px;
  margin-left:20px;
}
.photo_box_r{
  font-size:14px;
}
.photo_box_c,
.aligncenter{
  float:none;
  margin-left:auto;
  margin-right:auto;
  display: block;
  max-width: 100%;
  text-align: center;
}

@media screen and (max-width: 800px) {
 .photo_box_l,
 .alignleft,
 .photo_box_r,
 .alignright,
 .photo_box {
   width:100%  !important;
 }
.photo_box, .photo_box_r, .photo_box_l, .alignleft, .alignright{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto 1em }
}

p.photo_box_l a.alignleft  { margin-right: 0; }
p.photo_box_r a.alignright { margin-left: 0; }

/* Image Float End */

.editArea .cb {
  clear:both;
  overflow: hidden;
}

.editArea .cb p:first-of-type{
  margin-top: 1em;
}

.editArea .cb .photo_box{ 
  padding: 3px !important;
}

.editArea .cb .fl,.editArea .cb .photo_box_l{ 
  margin-right: 0px;
}


h3.rankingList__title:lang(en),
h3.rankingList__title:lang(fr),
h3.rankingList__title:lang(es) {
  font-size: 13px;
   line-height:1.3;
  }
@media screen and (max-width: 800px) {
  h3.rankingList__title:lang(en),
  h3.rankingList__title:lang(fr),
  h3.rankingList__title:lang(es) {
  font-size: 17px;
   line-height:1.3;
  }
  dd {max-width:100%}
}


.editArea h2 {margin-top:1.5em;}
.editArea h3 {margin-top:1.25em;}
.editArea h4 {margin-top:1em;}
.editArea h5 {margin-top:1em;}


/* A4縦 */
@page {
  size: A4 portrait; }

@media print {
 body .header__spMenuWrapper,
 body .header__subMenuWrapper,
 body .snsBar,
 body .header__searchIcon {
  display:none;
  }
 body .mainSection__NewsSection .twoColumnBox__mainBox {
  width:calc(100% - 0px) !important;
    }
 body .mainSection__NewsSection .twoColumnBox__subBox {
  display:none;
    }
}

 /* 

-----------------------------------------------------------------------------*/

 
@media print {
    html > body #hundred_people_list{
    width:100%;
  overflow:visible !important;
    }
  html > body #hundred_people_list ul{
    display: table;
    width:100%;
  overflow:visible !important;
    }
  html > body #hundred_people_list ul li {
    display: inline-block; /*for modern*/
    float:none;
  width:192px;
  vertical-align:top;
    }   
} 

@media screen and (max-width: 480px) {
    #hundred_people_list{
      font-size: 1.5rem;
      margin-top:20px;
    }
     body #hundred_people_list ul li {
        width:  140px;
        margin:0 auto 8px auto;
        text-align:left;
    }
    body.ar #hundred_people_list ul li {
      font-size: 1.6rem;
        text-align:right;
    }
    body #hundred_people_list ul li a{
    min-height:140px;
    }

    body #hundred_people_list ul li span{
      height: auto;
    }
    body #hundred_people_list ul li img {
     margin:0 12px 10px 0;
      float:left;
   }

}

/* font 
-----------------------------------------------------------------------------*/
.txt18 { font-size: 138.5% }
.txt16 { font-size: 123.1% }
.txt14 {font-size: 123.1%;line-height: 20px;}
.txt13 { font-size: 100% }
.txt12 { font-size: 93% }
.txt11 { font-size: 85% }
.txt10 { font-size: 77% }
.txt_b {font-weight: bold;}

.fit_left { position: relative; margin-left: -10px; zoom: 1; }
.contents_special .fit_left { margin-left: -20px; }
.contents_special .fit_left.photo_box_none span { max-width:490px }


.editArea .article_embed_box {
  display: flex;
  border: 1px solid #4f4d47;
  padding: 15px 20px;
  font-size: 14px;
  margin: 35px 0 18px;
  align-items: center;
}

.editArea .article_embed_box .container {
  width: 100%;
  max-width: 180px;
  margin-right: 10px;
  min-width: 180px;
  margin-left: -5px;
}
.editArea .article_embed_box .container:lang(ar) {
  margin-right: -5px;
  margin-left: 10px;
}

.editArea .article_embed_box .container .image-wrapper {
  position: relative;
  padding-bottom: 65%;
}

.editArea .article_embed_box .container img {
  position: absolute;
  object-fit: contain;
  width: 100%;
  height: 100%;
  top: 50%;              
  transform: translateY(-50%); 
}

.editArea .article_embed_box .container .img_ltr {
  margin: 0px 5px 5px 0px;
}

.editArea .article_embed_box .container .img_rtl {
  margin: 0px -5px 5px 0px;
}

.editArea .article_embed_box .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-size: 12pt;
}

.editArea .article_embed_box .description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 1px;
  margin-bottom: 1px;
}

.editArea .article_embed_box .description a {
  text-decoration: none;
  color: black;
}

.editArea .article_embed_box .url {
  text-decoration: none;
  color: darkgrey;
  font-size: 11pt;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.editArea .article_embed_box div .url{
  display: none;
}

.editArea .article_embed_box div .description{
  display: none;
}
.editArea .news__sentenceBox {
    border-top:1px solid #cccccc; 
}
.editArea .news__sentenceBox p.news__note {
    margin-top:10px;
}

.article_embed_box > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width: 768px) {
 
.editArea .article_embed_box {
  /* flex-direction: column; */
  padding: 10px 20px;
}
  
.editArea .article_embed_box .container {
  max-width: 40%;
  min-width: 40%;
}

  html:not([lang="ar"]) .editArea .article_embed_box .title{
    line-height: 1.4285714286;
    font-size: 1.4rem;
  }
 
}
@media screen and (max-width: 767px) {
  
 /* SP向け写真サイズの調整 */
.editArea .sp_imgsize_50 .photo_box_r_v2, 
.editArea .sp_imgsize_50 .photo_box_c_v2,
.editArea .sp_imgsize_50 .photo_box_l_v2 {
  width:50% !important;
  height:auto !important;
}
.editArea .sp_imgsize_40 .photo_box_r_v2, 
.editArea .sp_imgsize_40 .photo_box_c_v2,
.editArea .sp_imgsize_40 .photo_box_l_v2 {
  width:40% !important;
  height:auto !important;
}
.editArea .sp_imgsize_30 .photo_box_r_v2, 
.editArea .sp_imgsize_30 .photo_box_c_v2,
.editArea .sp_imgsize_30 .photo_box_l_v2 {
  width:30% !important;
  height:auto !important;
}
}

/* クリック、タッチイベント無効化 */
.editArea .copy_ng,
.c-content .c-detailmv  {
  pointer-events: none;
}