@charset "utf-8";
/* ---------------------------------------
 最近投稿された 口コミ／写真／動画 共通   mod_latest_post
---------------------------------------- */
.post_bg_box{
  text-align: center;
}

.mod_latest_post {
  margin: 30px auto 0;
  padding: 0;
  position: relative;
  width: 925px;
}
.mod_latest_post .h_ttl {
  height: 50px;
  margin: 0 auto 15px;
  text-align: center;
  width: 490px;
}

.mod_latest_post .h_ttl img{
  height: 100%;
  width: 100%;
}

.mod_latest_post .lst {
  box-sizing: border-box;
  align-content: space-between;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 5px;
  width: 925px;
}
.mod_latest_post .lnk {
  background: #fff;
  border: 2px solid #86591f;
  margin:0 0 8px 0;
  width: 176px;
}
.mod_latest_post .lnk a {
  cursor: pointer;
  color: #333;
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.mod_latest_post .lnk a:hover {
  opacity: 0.8;
}

.mod_latest_post._photo a,
.mod_latest_post._movie a{
  height: 185px;
}

.mod_latest_post .thumb {
  display: block;
  height: 155px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 172px;
}

.mod_latest_post .thumb img{
  bottom: 0;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
}

.mod_latest_post .cap{
  background: #fff;
  bottom: 0;
  color: #0051c2;
  font-size: 1.7rem;
  font-weight: 100;
  height: 30px;
  left: 0;
  line-height: 30px;
  overflow: hidden;
  padding: 1px 8px 0;
  position: absolute;
  margin: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
}

/* ボタン */
.btn_css_toggle,
.btn_css_toggle_off{
  bottom: 10px;
  cursor: pointer;
  position: absolute;
  right: 0;
  margin: 0;
}

.btn_css_toggle.close{/*--閉じるときに--*/
  display: none;
}

/*--すべて見る--*/
.btn_all_link{
  bottom: 10px;
  display: none;
  position: absolute;
  right: 160px;
  margin: 0;
  width: 150px;
}

.btn_css_toggle:hover,
.btn_css_toggle_off:hover,
.btn_all_link:hover{
  opacity: 0.7;
}

.btn_fin{
  animation-name:'FIn';
  animation-duration:.9s;
  animation-timing-function:ease-in;
  animation-iteration-count:1;
}
@keyframes FIN {
  0%{opacity:0;visibility: hidden;}
  100%{opacity:1;visibility: visible;}
}

a[class^="btn_all_link_"]:hover{
  opacity: 0.8;
}

/* ボタンサイズ */
.btn_css_toggle img,
.btn_all_link img{
  width: 150px;
  height: 35px;
}

.mod_latest_post .slick-dots{
  bottom: -35px;
}
/* ---------------------------------------
 最近投稿された口コミ   mod_latest_post _review
---------------------------------------- */
.mod_latest_post._review .lnk {
  position: relative;
  text-align: left;
  margin: 0 0 8px 0;
  width: 300px;
  border: 1px solid #86591f;
}
.mod_latest_post._review .lnk:nth-child(2n) {
  background-color: #fdf7eb;
}
.mod_latest_post._review .lnk a {
  box-sizing: border-box;
  background: url(/search/image_cmn/img-box-deco-l.png) no-repeat 0 0, url(/search/image_cmn/img-box-deco-r.png) no-repeat right 0;
  margin: 4px auto;
  padding: 10px 15px;
  width: 97%;
  min-height: 180px;
}
.mod_latest_post._review .lnk a::after{
  background: url(/search/image_cmn/img-box-deco-l.png) no-repeat 0 0, url(/search/image_cmn/img-box-deco-r.png) no-repeat right 0;
  background-size: 18px auto, 18px auto;
  bottom: -1px;
  content: "";
  display: block;
  height: 18px;
  margin: 0 auto;
  position: absolute;
  left: -1px;
  right: -1px;
  transform: rotate( 180deg);
  -webkit-transform: rotate( 180deg);
  z-index: 1;
}
.mod_latest_post._review .mark {
  border: #333 1px solid;
  box-sizing: border-box;
  float: left;
  height: 50px;
  margin: -13px 8px 0 0;
  overflow: hidden;
  width: 50px;
}

.mod_latest_post._review .name {
  color: #0051c2;
  font-size: 1.7rem;
  font-weight: 600;
  margin:0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mod_latest_post._review .ttl {
  background: url(/image/top2/ico_review.png) no-repeat 0 0;
  background-size: 17px 14px;
  color: #112f58;
  font-size: 1.6rem;
  margin: 0 0 5px;
  overflow: hidden;
  padding:0 0 0 21px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mod_latest_post._review .txt {
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 auto;
  text-align: left;
}

/* 評価 星表示 */
.mod_latest_post._review .lnk a::before {
  background: url(/image/top2/spr_icon_review_star_x2.png) no-repeat center;
  background-size: 100px 90px;
  content: "";
  display: block;
  height: 21px;
  margin: 0 auto 9px;
  position: relative;
  width: 100px;
}
.mod_latest_post._review .lnk.star5 a::before {
  background-position: center top;
}
.mod_latest_post._review .lnk.star4 a::before {
  background-position: center -23px;
}
.mod_latest_post._review .lnk.star3 a::before {
  background-position: center -46px;
}
.mod_latest_post._review .lnk.star2 a::before {
  background-position: center -69px;
}

/* ---------------------------------------
 最近投稿された動画   mod_latest_post _movie
---------------------------------------- */
.mod_latest_post._movie .lnk .thumb::after {
  background: url(/image/top2/btn_play.png) no-repeat center;
  background-size: cover;
  content: "";
  height: 50px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 53px;
  width: 50px;
}

.mod_latest_post._movie .lnk:hover .thumb::after {
  background: url(/image/top2/btn_play_ov.png) no-repeat center;
  background-size: cover;
}

.mod_latest_post._movie .lnk .thumb>img {
  margin: 0 auto;
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .btn_css_toggle:hover,
  .btn_css_toggle_off:hover,
  .btn_all_link:hover{
     opacity: 1;
  }
}