@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2019/01/17, 12:51:41
    Author     : yonezawa
*/
body {
  font-family: 'メイリオ','Meiryo','MS PGothic';
  font-size: 12px;
  line-height: 1.5;
  padding: 0;
  margin: 0;
  color: #000;
}

body a {
  text-decoration: none;
  color: #000;
}

body a:hover,
.more:hover {
  opacity: 0.7;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body {
    font-family: 'MS PGothic',sans-serif;
  }
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.widget_title {
  text-align: center;
  font-size: 16px;
  padding: 5px 0;
}

.girl_diary_slider {
  overflow: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 10px;
}

.girl_diary_slider .slick-arrow,
.girl_diary_slider .slick-arrow:hover,
.girl_diary_slider .slick-arrow:focus {
  position: absolute;
  display: block;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 100;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.girl_diary_slider .slick-arrow:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.girl_diary_slider .slick-arrow.slick-disabled {
  opacity: 0.2;
}

.girl_diary_slider .slick-prev {
  left: 0;
}

.girl_diary_slider .slick-next {
  right: 0;
}

.girl_diary_slider .slick-arrow,
.girl_diary_slider .slick-arrow:before {
  width: 30px;
  height: 50px;
}

.girl_diary_slider .slick-arrow:before {
  /*display: block;*/
  /*content: " ";*/
  background-size: 10px 19px;
  background-size: 10px 19px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/*.girl_diary_slider .slick-prev::before {
    background-image: url(../../img/sma/icon/arrow_left.png?2);
}

.girl_diary_slider .slick-next::before {
    background-image: url(../../img/sma/icon/arrow_right.png?2);
}*/
.girl_diary_slider ul {
  padding: 0 5px;
}

.girl_diary_slider li {
  padding: 5px;
  display: block;
  float: left;
  vertical-align: top;
  box-sizing: border-box;
}

.girl_diary_slider li a {
  display: block;
}

.girl_diary_slider li a .image {
  display: block;
  position: relative;
  width: 100%;
}

.girl_diary_slider li a .image:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.girl_diary_slider li a .image .inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.girl_diary_slider li a .image .inner.style2 {
  background-size: contain;
}

.girl_diary_slider li a .title {
  position: absolute;
  display: block;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  /*display: block;*/
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.girl_diary_slider li a .date {
  position: absolute;
  display: block;
  padding: 5px;
  box-sizing: border-box;
  top: 0;
  right: 0;
  /*display: block;*/
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.girl_diary_slider li a .note {
  display: block;
  padding: 5px 0;
  text-align: center;
}

.girl_diary_slider li a .note .name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

.girl_diary_slider li a .note .name {
  font-size: 14px;
}

@media screen and (max-width: 600px) {
  .girl_diary_slider li a .title,
  .girl_diary_slider li a .date {
    font-size: 11px;
  }
}

.girl_diary_slider li.more a .inner {
  display: block;
  text-align: center;
  /*opacity: 0.5;*/
}

.girl_diary_slider li.more a .inner .icon {
  display: block;
  position: absolute;
  top: 8%;
  left: 0;
  right: 0;
  width: 128px;
  margin: auto;
}

.girl_diary_slider li.more a .inner .icon .text {
  display: block;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  width: 100%;
  height: 20px;
  margin: auto;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

.nothing {
  padding: 10px;
  text-align: center;
}

.nothing .text {
  display: inline-block;
  text-align: left;
  margin-bottom: 10px;
  font-size: 14px;
}