@charset "utf-8";

/* 関連記事 */
.wherego_related{
	width: 620px;
    margin: 40px 24px 0;
}
.wherego_related  h1{
	text-align: center;
	margin-bottom: 20px;
}
.wherego_related  h1 img{
	width: 220px;
}
.wherego_related ul{
	display:-moz-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap:no-wrap;
	-webkit-flex-wrap:no-wrap;
	-ms-flex-wrap:none; /*--- IE10用 ---*/
}
.wherego_related ul li{
	box-sizing: border-box;
	position:relative;
	width: 30%;
	margin-right: 5%;
}
.wherego_related ul li:nth-child(3n){
	margin-right: 0;
}
.wherego_related ul li a{
	display: block;
	position: relative;
}
.wherego_thumb{
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}
.wherego_title{
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	color: #4d4d4d;
	margin-bottom: 10px;
}
.wherego_title i{
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	color: #999;
	display: block;
}
/* ページ送り */
#prev_next{
	width: 620px;
	margin: 34px auto;
	display:-moz-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack:justify; /*--- IE10 ---*/
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap:no-wrap;
	-webkit-flex-wrap:no-wrap;
	-ms-flex-wrap:none; /*--- IE10用 ---*/
}
#prev_next > div{
	width: 300px;
}
#prev_next div a{
	display: block;
	width: 100%;
	position: relative;
	height: 124px;
	overflow: hidden;
	border-radius: 3px;
	box-shadow:0px 2px 1px 0px rgba(0,0,0,.7);
	-moz-box-shadow:0px 2px 1px 0px rgba(0,0,0,.7);
	-webkit-box-shadow:0px 2px 1px 0px rgba(0,0,0,.7);
    -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
	transition:.3s;
}
#prev_next div a:hover{
	box-shadow:none;
}
#prev_next div a:hover img{
	opacity: .7 !important;
}
#prev_next div a h3,
#prev_next div a p{
	position: absolute;
	z-index: 10;
	color: #FFF;
	width: 75%;
	line-height: 1.5;
}
#prev_next div a h3{
	top:12px;
	font-size: 13px;
}
#prev_next div a p{
	bottom:10px;
	font-size: 11px;
}

#prev_next div a figure{
	margin: 0;
	width: 100%;
	position: absolute;
	left: 50%;
	top:50%;
	z-index: 1;
	background: #000;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#prev_next div a figure img{
	width: 100%;
	height: auto;
	opacity: .5 !important;;
    -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
	transition:.3s;
}
.page_prev{
	margin-right: 20px;
}
.page_prev a{
	margin-bottom: 10px;
}
.page_prev a::after,
.page_next a::after{
	width: 50px;
	height: 124px;
	content:' ';
	position: absolute;
	z-index: 15;
	top:0;
}
.page_prev a::after{
	left: 0;
	background: #00471f url(images/arrow_prev.png) center center/60% 60% no-repeat;
}
.page_next a::after{
	right: 0;
	background: #00471f url(images/arrow_next.png) center center/60% 60% no-repeat;
}
.page_prev a h3,
.page_prev a p{
	right: 12px;
}
.page_next a h3,
.page_next a p{
	left: 12px;
}
/* 人気の記事 */
#contents .box02 .singleRelation {
    clear: both;
    padding: 20px 24px 30px 24px;
    margin: 20px 0 55px;
    background-color: #fafafa;
}
#rank_all{
	margin: 0 auto;
}
#rank_all h1{
	text-align: center;
}
#rank_all h1 img{
	width: 264px;
}
#rank_all ul{
	display:-moz-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack:justify; /*--- IE10 ---*/
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap; /*--- IE10用 ---*/
}
#rank_all ul li{
	width: 300px;
	position: relative;
	margin-bottom: 20px;
}
#rank_all ul li figure{
	margin: 0 0 10px;
}
.wpp-thumbnail {
    display: block !important;
    float:none !important;
    margin:0 !important;
}
#rank_all ul li figure::after{
	content: '';
	width: 72px;
	height: 72px;
	position: absolute;
	z-index: 30;
	top:0;
	left:0;
}
#rank_all ul li:nth-child(1) figure::after{
	background: url(images/rank_no1.png) center center no-repeat;
}
#rank_all ul li:nth-child(2) figure::after{
	background: url(images/rank_no2.png) center center no-repeat;
}
#rank_all ul li:nth-child(3) figure::after{
	background: url(images/rank_no3.png) center center no-repeat;
}
#rank_all ul li:nth-child(4) figure::after{
	background: url(images/rank_no4.png) center center no-repeat;
}
#rank_all ul li h5{
	color: #3e6e56;
	font-weight: 400;
	font-size: 12px;
	margin-bottom: 5px;
}
#rank_all ul li h4{
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
	color: #4d4d4d;
}
#rank_all ul li p{
	font-size: 11px;
	color: #999;
}
#rank_all ul li p a{
	color: #999;
}

/* その他 */
.categorySingle__btn {
    margin: 0;
    padding-bottom: 10px;
    display: block;
    width: 100%;
}
.categorySingle__btn img{
	width: 100%;
}

.snsBtn.underSns ul{
}
.snsBtn.underSns ul li{
    float:left;
}
.snsBtn.underSns ul li.twi {
    margin-right: 10px;
}
.snsBtn.underSns ul li.fb {
    margin-right: 10px;
}
.snsBtn.underSns ul li.hb {
    margin-right: 10px;
}
.snsBtn.underSns ul li.g {
    margin-right: 10px;
}

/*
	170619追加
	吹き出し
*/
#wrapper #contents .box02 .singleBox .singleTxt .txt .fukidashiBox {
  margin-bottom: 20px;
}
#wrapper #contents .box02 .singleBox .singleTxt .txt .fukidashiBox .jinbutsu {
  float: left;
  width: 48px;
  height: 48px;
}
#wrapper #contents .box02 .singleBox .singleTxt .txt .fukidashiBox .jinbutsu img {
  display: block;
  max-width: 48px;
  width: 100%;
  max-height: 48px;
  height: 100%;
  margin: 0;
}
#wrapper #contents .box02 .singleBox .singleTxt .txt .fukidashiBox .fukidashi {
  position: relative;
  float: right;
  box-sizing: border-box;
  max-width: 540px;
  width: 100%;
  margin: 0 0 0 32px;
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#wrapper #contents .box02.tozan .singleBox .singleTxt .txt .fukidashiBox .fukidashi {
  background: #e8f3d9;
}
#wrapper #contents .box02.outdoor .singleBox .singleTxt .txt .fukidashiBox .fukidashi {
  background: #eafaff;
}
#wrapper #contents .box02.fes .singleBox .singleTxt .txt .fukidashiBox .fukidashi {
  background: #ffe9e8;
}
#wrapper #contents .box02.gohan .singleBox .singleTxt .txt .fukidashiBox .fukidashi {
  background: #ffead6;
}
#wrapper #contents .box02.fashion .singleBox .singleTxt .txt .fukidashiBox .fukidashi {
  background: #f0e6fb;
}
#wrapper #contents .box02.dougu .singleBox .singleTxt .txt .fukidashiBox .fukidashi {
  background: #fbf5e8;
}
#wrapper #contents .box02.culture .singleBox .singleTxt .txt .fukidashiBox .fukidashi {
  background: #fef2f6;
}
#wrapper #contents .box02 .singleBox .singleTxt .txt .fukidashiBox .fukidashi::after {
  content: '';
  position: absolute;
  top: 24px;
  left: -21px;
  border-bottom: 25px solid transparent;
}
#wrapper #contents .box02.tozan .singleBox .singleTxt .txt .fukidashiBox .fukidashi::after {
  border-right: 21px solid #e8f3d9;
}
#wrapper #contents .box02.outdoor .singleBox .singleTxt .txt .fukidashiBox .fukidashi::after {
  border-right: 21px solid #eafaff;
}
#wrapper #contents .box02.fes .singleBox .singleTxt .txt .fukidashiBox .fukidashi::after {
  border-right: 21px solid #ffe9e8;
}
#wrapper #contents .box02.gohan .singleBox .singleTxt .txt .fukidashiBox .fukidashi::after {
  border-right: 21px solid #ffead6;
}
#wrapper #contents .box02.fashion .singleBox .singleTxt .txt .fukidashiBox .fukidashi::after {
  border-right: 21px solid #f0e6fb;
}
#wrapper #contents .box02.dougu .singleBox .singleTxt .txt .fukidashiBox .fukidashi::after {
  border-right: 21px solid #fbf5e8;
}
#wrapper #contents .box02.culture .singleBox .singleTxt .txt .fukidashiBox .fukidashi::after {
  border-right: 21px solid #fef2f6;
}