@charset "utf-8";

/*====================================================================================================

  ブログ

====================================================================================================*/

.private-alert {
  padding-top:0;
}

@media print,screen and (min-width:641px) {
  .private-alert {
    padding-bottom:80px;
  }
}

@media screen and (max-width:640px) {
  .private-alert {
    padding-bottom:2.5em;
  }
}

@media print,screen and (min-width:641px) {
  .blog {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    /*padding-top:96px;
    padding-bottom:144px;*/
  }
  
  .main {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding-right:-webkit-calc(80 / 1120 * 100%);
    padding-right:calc(80 / 1120 * 100%);
  }
}

@media print,screen and (min-width:1381px) {
  .side {
    width:280px;
  }
}

@media print,screen and (min-width:641px) and (max-width:1380px) {
  .side {
    width:calc(280 / 1380 * 100vw);
    min-width:220px;
  }
}

@media screen and (max-width:640px) {
  .blog {
    padding-top:3em;
    padding-bottom:3.5em;
  }
  
  .side {
    padding-top:3.5em;
  }
}

.side-hdline {
  border-top:1px solid #3c3c3c;
  font-size:1.44em;
  font-weight:500;
  line-height:1;
}

.side-list {
  list-style:none;
}

.side-list li a {
  display:inline-block;
  padding-top:0.35em;
  padding-bottom:0.35em;
}

.side-list--members li a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding-top:0.65em;
  padding-bottom:0.65em;
}

.side-list--members li .photo {
  overflow:hidden;
  display:inline-block;
  border-radius:100%;
  position:relative;
}

.side-list--members li .photo img {
  width:auto;
  min-width:inherit;
  max-width:inherit;
  height:100%;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

.side-list--members li .photo .imgX {
  width:auto;
  height:100%;
  min-heigh:100%;
}

.side-list--members li .photo .imgY {
  width:100%;
  min-width:100%;
  height:auto;
}

.ua-pc .side-list--members li .photo img {
  -webkit-transition:opacity 0.3s ease;
  transition:opacity 0.3s ease;
}
  
.ua-pc .side-list--members li a:hover .photo img.grayscale {
  opacity:0;
}

.side-list--members li .name {
  padding-left:1em;
}

.side-list--members li .name-en {
  color:#999;
}

.side-list--members a,
.side-list--members a:visited,
.side-list--members a:hover {
  text-decoration:none;
}

.ua-pc .side-list--members li a:hover .name-jp {
  text-decoration:underline;
}

@media print,screen and (min-width:641px) {
  .side-hdline:not(:first-of-type) {
    margin-top:64px;
  }
  
  .side-hdline {
    padding-top:1.25em;
    padding-bottom:0.75em;
  }
  
  .side-list {
    font-size:0.88em;
  }
  
  .side-list--members li .photo {
    width:64px;
    height:64px;
  }
}

@media screen and (max-width:640px) {
  .side-hdline:not(:first-of-type) {
    margin-top:2.5em;
  }
  
  .side-hdline {
    padding-top:1.5em;
    padding-bottom:1em;
  }
  
  .side-list--members li .photo {
    width:3.5em;
    height:3.5em;
  }
}


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

  一覧
  
----------------------------------------------------------------------------------------------------*/

.list-item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  list-style:none;
}

.list-item a,
.list-item a:visited,
.list-item a:hover { color:inherit; text-decoration:none; }
.ua-pc .list-item a:hover .ttl { text-decoration:underline; }

.list-item li {
  width:50%;
}

.list-item li .photo {
  margin-bottom:1em;
}

.list-item li .date {
  color:#999;
  font-size:0.88em;
  display:inline-block;
  margin-top:0.25em;
  margin-right:1em;
}

.list-item li .cate {
  color:#999;
  font-size:0.88em;
  display:inline-block;
  margin-top:0.25em;
}

@media print,screen and (min-width:641px) {
  .list-item li:nth-child(n+3) {
    margin-top:80px;
  }
  
  .list-hdline {
    margin-bottom:64px;
  }
  
  .sec-list .writerBox {
    margin-bottom:80px;
  }
}

@media print,screen and (min-width:1381px) {
  .list-item {
    margin-left:-20px;
    margin-right:-20px;
  }
  
  .list-item li {
    padding:0 20px;
  }
  
  .list-item li .photo {
    height:340px;
  }
}

@media print,screen and (min-width:641px) and (max-width:1380px) {
  .list-item {
    margin-left:-2.2%;
    margin-right:-2.2%;
  }
  
  .list-item li {
    padding:0 2.2%;
  }
  
  .list-item li .photo {
    height:-webkit-calc(340 / 1380 * 100vw);
    height:calc(340 / 1380 * 100vw);
    min-height:250px;
  }
}

@media screen and (max-width:640px) {
  .list-item {
    margin-left:-2%;
    margin-right:-2%;
  }
  
  .list-item li {
    padding:0 2%;
  }
  
  .list-item li:nth-child(n+3) {
    margin-top:2.5em;
  }
  
  .list-item li .photo {
    height:-webkit-calc(250 / 640 * 100vw);
    height:calc(250 / 640 * 100vw);
    min-height:125px;
  }
  
  .list-hdline {
    margin-bottom:2.5em;
  }
  
  .sec-list .writerBox {
    margin-bottom:3em;
  }
}


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

  詳細
  
----------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
  タイトル
--------------------------------------------------------------------------------*/

.detail-hdline .ttl {
  padding-bottom:0.75em;
}

.detail-hdline ul {
  list-style:none;
  color:#999;
  font-size:0.88em;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.detail-hdline li {
  position:relative;
}

.detail-hdline li:not(:first-child) {
  padding-left:1em;
}

.detail-hdline li:not(:last-child) {
  margin-right:1em;
}

.detail-hdline li:not(:first-child):before {
  content:"";
  width:1px;
  height:0.8em;
  background-color:#e1e1e1;
  display:inline-block;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
}

.detail-hdline li a,
.detail-hdline li a:visited { color:inherit; text-decoration:underline; }
.detail-hdline li a:hover { color:inherit; text-decoration:none; }

@media print,screen and (min-width:641px) {
  .detail-hdline {
    padding-bottom:1.5em;
  }
}

@media screen and (max-width:640px) {
  .detail-hdline {
    padding-bottom:1em;
  }
}


/*--------------------------------------------------------------------------------
  section
--------------------------------------------------------------------------------*/

.sec-detail .sec--set__hdline .ff-en {
  display:inline-block;
  margin-right:1.8rem;
}

.sec-detail .sec--set__hdline .ff-min {
  vertical-align:baseline;
}

@media print,screen and (min-width:641px) {
  .sec--set {
    padding-top:96px;
  }
  
  .sec-detail .sec--set__hdline {
    font-size:0.9em;
    padding-bottom:2em;
  }
}

@media screen and (max-width:640px) {
  .sec--set {
    padding-top:3.5em;
  }
  
  .sec-detail .sec--set__hdline {
    padding-bottom:1.5em;
  }
}


/*--------------------------------------------------------------------------------
  記入者 
--------------------------------------------------------------------------------*/

.writerBox {
  background-color:#f5f5f5;
}

.writerBox .writ-photo {
  overflow:hidden;
  border-radius:100%;
}

.writerBox .writ-photo img {
  min-width:100%;
  height:100%;
  object-fit:cover;
  font-family:"object-fit:cover;"
}

.writerBox .writ-name .kijiBtn {
  vertical-align:middle;
  margin-bottom:0.25em;
  margin-left:1.5em;
}

.writerBox .writ-name .name-en {
  color:#999;
  display:inline-block;
  margin-top:0.5em;
}

@media print,screen and (min-width:641px) {
  .writerBox {
    padding:2em;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }

  .writerBox .writ-photo {
    width:120px;
    height:120px;
  }
  
  .writerBox .writ-prof {
    padding-left:2em;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
  }

  .writerBox .writ-come {
    padding-top:0.5em;
  }
}

@media screen and (max-width:640px) {
  .writerBox {
    padding:1.5em;
    position:relative;
  }

  .writerBox .writ-photo {
    width:-webkit-calc(120 / 640 * 100vw);
    width:calc(120 / 640 * 100vw);
    height:-webkit-calc(120 / 640 * 100vw);
    height:calc(120 / 640 * 100vw);
    position:absolute;
    left:1.5em;
    top:1.5em;
  }
  
  .writerBox .writ-name {
    height:-webkit-calc(120 / 640 * 100vw);
    height:calc(120 / 640 * 100vw);
    padding-left:-webkit-calc(120 / 640 * 100vw);
    padding-left:calc(120 / 640 * 100vw);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }
  
  .writerBox .writ-name .inner {
    padding-left:1.5em;
  }

  .writerBox .writ-come {
    padding:1.25em 0.25em 0.25em 0.25em;
  }
}


/*--------------------------------------------------------------------------------
  Back 
--------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  .back-link {
    padding-top:112px;
    padding-bottom:1em;
  }
}

@media screen and (max-width:640px) {
  .back-link {
    padding-top:3.5em;
    padding-bottom:1em;
  }
}