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

  Blog
  
----------------------------------------------------------------------------------------------------*/

.sec-blog {
  /*background-color:#fff;
  background: url("../image/blog_back.png") no-repeat left;*/
   background: repeating-linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.1) 10px, #fff 10px, #fff 20px); 
}

.sec-blog img{
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.blog-hdline{
  text-align: center;
}

.blog-cont {
  position:relative;
}

.blog-link {
  position:absolute;
  right:0;
  top:0.35em;
  /*bottom:0;*/
}

@media print,screen and (min-width:641px) and (max-width:800px) {
.blog-link {
  position:absolute;
  right:1.2em;
  top:0.35em;
  /*bottom:0;*/
}
}

@media print,screen and (max-width:640px) {
.blog-link {
  position:absolute;
  right:0.6em;
  top:0.35em;
  /*bottom:0;*/
}
  }

.blog-hdline .ff-min {
  display:inline-block;
  margin-left:1em;
  vertical-align:baseline;
}

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

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

.blog li a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
}

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

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


@media print,screen and (min-width:641px) {
  .sec-blog {
    /*padding-top:96px;
    padding-bottom:112px;
    margin-bottom:120px;*/
    padding-top:120px;
    padding-bottom:120px;
  }
    
  .blog {
    margin-left:-12px;
    margin-right:-12px;
    padding-left: 0;
  }

  .blog li {
    width:25%;
    padding:0 12px;
    margin-top:56px;
  }
  
  .blog li .photo {
    height:280px;
  }
}

@media print,screen and (min-width:641px) and (max-width:1000px) {
    .blog {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
    
    
  .blog li {
    width:46%;
    padding:0 2%;
    margin-top:2.5em;
  }
  .blog li .photo {
    height:-webkit-calc(280 / 1000 * 100vw);
    height:calc(280 / 1000 * 100vw);
    min-height:210px;
  }
}

@media screen and (max-width:640px) {
    
    
  .sec-blog {
    padding-top:3.5em;
    padding-bottom:3.5em;
    /*margin-bottom:-webkit-calc(260 / 640 * 100vw);
    margin-bottom:calc(260 / 640 * 100vw);*/
  }
  
  .blog {
    padding-left: 0;
    margin-left:-2%;
    margin-right:-2%;
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  
  .blog li {
    width:46%;
    padding:0 2%;
    margin-top:2.5em;
  }
  
  .blog li .photo {
    height:-webkit-calc(250 / 640 * 100vw);
    height:calc(250 / 640 * 100vw);
    min-height:125px;
  }
}

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

  ブログパターン
  
----------------------------------------------------------------------------------------------------*/

.p-glog {
  text-align:left;
  word-break:break-all;
}

.p-glog:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.p-glog ul,
.p-glog ol {
  margin-left:1.2em;
}

.p-glog__img--left,
.p-glog__img--right {
  display:inline-block;
}
.p-glog__img--center {
  display:block;
  text-align:center;
}

.p-glog__img__cp {
  display:block;
  font-size:0.9em;
  line-height:1.5;
  color:#999;
  padding-top:0.8em;
  text-align:center;
}

.p-glog__datafile--left,
.p-glog__datafile--right,
.p-glog__datafile--center {
  padding-bottom:1em;
}
.p-glog__datafile--right {
  text-align:left;
}
.p-glog__datafile--right {
  text-align:right;
}
.p-glog__datafile--center {
  text-align:center;
}

.p-glog__datafile {
  display:inline-block;
  padding-top:0.5em;
  padding-bottom:0.5em;
}

@media print,screen and (min-width:641px) {
  .p-glog {
    padding-top:40px;
    line-height:2;
  }

  .p-glog__img--left {
    float:left;
    margin-right:2.5em;
  }
  
  .p-glog__img--right {
    float:right;
    margin-left:2.5em;
  }
  
  .p-glog__img--left,
  .p-glog__img--right {
    margin-bottom:1em;
  }
  
  .p-glog__img--center {
    padding-bottom:2em;
  }
}


.p-hvPhoto__img {
  -webkit-transition:transform 0.5s ease;
  transition:transform 0.5s ease;
  min-width:100%;
  height:100%!important;
  object-fit:cover;
  font-family:"object-fit:cover;"
}

@media print,screen and (min-width:641px) {
  .ua-pc .p-hvPhoto--arrow-link:hover .p-hvPhoto--arrow:after {
    background-color:rgba(20,20,20,0.4);
  }
  
  .ua-pc .p-hvPhoto-link:hover .p-hvPhoto__img,
  .ua-pc .p-hvPhoto--arrow-link:hover .p-hvPhoto__img,
  .ua-pc .p-hvPhoto-link.is-hover .p-hvPhoto__img {
    transform:scale(1.05);
  }
}


@media screen and (max-width:640px) {
  .p-glog {
    padding-top:2em;
  }
  
  .p-glog__img--left {
    float:left;
    margin-right:1.25em;
  }
  
  .p-glog__img--right {
    float:right;
    margin-left:1.25em;
  }
  
  .p-glog__img--left,
  .p-glog__img--right {
    margin-bottom:1em;
    width:46% !important;
  }
  
  .p-glog__img--center {
    padding-bottom:1.5em;
  }
}

@media screen and (max-width:560px) {
  .p-glog__img--left,
  .p-glog__img--right {
    float:none;
    display:block;
    text-align:center;
    width:100% !important;
    max-width:100% !important;
    margin-bottom:1.5em;
    margin-left:0;
    margin-right:0;
  }

  .p-glog__img--left,
  .p-glog__img--right {
    max-width:400px;
    width:100% !important;
  }
}


/*--------------------------------------------------------------------------------
  非公開
--------------------------------------------------------------------------------*/

.private-alert {
  text-align:center;
  border:2px solid #f85660;
  background-color:#ffeeee;
  border-radius:10px;
  line-height:1.4;
  color:#eb3c46;
  padding:1.2em 1em;
}

.private-alert b {
  font-size:1.2em;
}

.private-alert small {
  display:inline-block;
  font-size:0.8em;
  line-height:1.4;
  margin-top:0.2em;
}

@media print,screen and (min-width:641px) {
  .private-alert {
    font-size:1.2em;
    margin-top:-18px;
    margin-bottom:48px;
  }
}

@media screen and (max-width:640px) {
  .private-alert {
    font-size:1.1em;
    margin-bottom:1.75em;
  }
}

@media screen and (max-width:560px) {
  .private-alert small {
    font-size:2.8vw;
  }
}

@media screen and (max-width:480px) {
  .private-alert {
    font-size:4vw;
  }
}

.l-cnt,
.l-cnt--pc {
  max-width:1200px;
  box-sizing:content-box;
  margin-left:auto;
  margin-right:auto;
}

@media print,screen and (min-width:641px) {
  .l-cnt,
  .l-cnt--pc {
    padding-left:30px;
    padding-right:30px;
  }
}

@media screen and (max-width:640px) {
  .l-cnt,
  .l-cnt--sp {
    padding-left:-webkit-calc(40 / 760 * 100vw);
    padding-right:-webkit-calc(40 / 760 * 100vw);
    padding-left:calc(40 / 760 * 100vw);
    padding-right:calc(40 / 760 * 100vw);
  }
}

.blog-hdline{
    font-size: 30px;
    text-align: center;
    display: block;
    font-family: 'FOT-AnitoStd-M';
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
}

.blog-hdline span{
    font-size: 18px;
    color: #ff6785;
    display: block;
}

.blog-link{
    color: #fff!important;
    padding: 10px;
    background-color:#ff718d;
    font-family: 'FOT-AnitoStd-M';
    text-decoration: none!important;
}

.blog-link:hover{
    background-color:#FF91A6;
    transition: 3s;
}

@media screen and (max-width:640px) {
.blog-hdline{
    text-align: left;
}
}