@charset "utf-8";

/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180717以上対応
Version: 20180717
*/



/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}

/***-- 変更 --***/

.content-post-slider .post-slide-image::before,
.post-card-list .post-card-image::before {
	display: block;
	padding-top: 50%; /* 画像の高さ / 幅 * 100% */
	width: 100%;
	content: '';
}

.entry-content {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.comment-notes, .comment-form-email, .comment-form-url, .comment-form-cookies-consent {
	display: none;
}

/* 記事下カテゴリ&タグ装飾 */
p.tagst a {
	padding: 1px 5px;
	color: #ffffff;
	background-color: #f596b4;
	border: solid 1px #f596b4;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 5px;
    margin: 5px 2px;
}
p.tagst a:hover {
	color: #f596b4;
	background-color: #ffffff;
}

/* コメント欄の項目を非表示 */
.entry-content a {
	color: #1a0dab;
	text-decoration: none;
}
.entry-content a:hover {
	color: #b22222;
	text-decoration: underline;
}

/* 記事内コメント表示 */
#comments { /* コメント欄全体の枠 */
	margin-top: 20px;
	background: #ffffff;
	border: 2px solid #f596b4;
}
h5#resp { /* コメントがあった時の見出し */
	font-size: 20px;
	color: #f596b4;
	background-color: #ffffff;
}
h3#reply-title { /* コメント入力欄の見出し */
	font-size: 20px;
	color: #f596b4;
}
.comment-listCon { /* コメント毎のボックス */
	margin-bottom: 40px;
}
.comment-name .fn { /* コメントした人の名前 */
	font-size: 15px;
	font-weight: bold;
	color: #666;
}
.comment-name .says { /* 「より：」の部分 */
	font-size: 15px;
	font-weight: bold;
	color: #666;
}
.comment-date-edit { /* 「日付」とログイン者が見れる「編集」の部分 */
	font-size: 15px;
	font-weight: bold;
	color: #666;
}
#comments input[type="submit"] { /* 送信ボタン */
	background: #f596b4;
	color: #fff;
	border-radius: 3px;
	padding: 10px;
}
@media only screen and (max-width: 413px) { /* スマホで日付を改行して文字サイズ変更 */
.comment-date-edit {
	font-size: 12px;
	display: block;
	}
}
#comments div h3 {
	margin-top: 0;
	padding-top: 0;
}
#comments ul div {
	margin: 0;
	padding: 0;
}
#comments ul {
	margin: 0;
	padding: 0;
}
#comments ul li {
	list-style-type: decimal;
	margin-left: 20px;
}

/***-- 追加 --***/

/* pc忍者広告 */
.pc_ad_728x90 {
	max-width: 728px;
	height: 90px;
	margin-bottom: 15px;
}
.pc_ad_728x250 {
	max-width: 728px;
	height: 250px;
	overflow: hidden;
}
.pc_ad_640x250 {
	max-width: 672px;
	height: 250px;
	margin: 0 auto;
	overflow: hidden;
}
.pc_ad_300x250_left {
	width: 300px;
	height: 250px;
	float: left;
}
.pc_ad_300x250_right {
	width: 300px;
	height: 250px;
	float: right;
}

/* コメントするリンク */
.button_comment {
	display: block;
	background-color: #e05e9e;
	box-sizing: border-box;
	width: 100%;
	max-width: 640px;
	line-height: 40px;
	border-bottom: solid 2px #a84676;
	padding: 5px 5px 5px;
	margin: 0 auto;
	margin-top: 15px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
a.button_comment:hover {
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #a84676;
	padding: 5px 5px 5px;
	color: #ffffff;
	text-decoration: none;
}

/* amazon記事下 */
.amazon_more {
	box-sizing: border-box;
	position:relative;
	max-width: 640px;
	background-color: #ffffff;
	overflow: auto;
	padding: 5px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}
.amazon_more:hover {
    background-color: #fbe0e6;
}
.amazon_more a {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
.amazon_img {
	box-sizing: border-box;
}
.amazon_text {
	box-sizing: border-box;
	max-width: 640px;
}
.amazon_text p {
	font-weight: bold;
	font-size: 20px;
	color: #0044cc;
	margin-bottom: 0;
}

/* spヘッダー検索&カテゴリ */
.sp_header_search {
	margin: 15px 20px;
}
.sp_header_category {
	margin: 15px 20px;
}

/* spグループリンク */
.group_link {
	list-style: none;
	overflow: hidden;
	margin-top: 20px;
}
.group_link li {
	box-sizing: border-box;
	width: 48%;
	height: 40px;
	line-height: 40px;
	margin: 3px 1%;
	text-align: center;
	float: left;
}
.group_link li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
.button_akb48 {
	background-color: #f092b1;
}
.button_ske48 {
	background-color: #efb417;
}
.button_nmb48 {
	background-color: #d59b30;
	border: solid 2px #3a2716;
}
.button_hkt48 {
	background-color: #000000;
}
.button_ngt48 {
	background-color: #ffffff;
	border: solid 2px #ea1821;
}
.group_link li.button_ngt48 a {
	color: #ea1821;
}
.button_stu48 {
	background-color: #c7e8fa;
	border: solid 2px #c7e8fa;
}
.group_link li.button_stu48 a {
	color: #3d1c53;
}
.button_nogizaka46 {
	background-color: #812990;
}
.button_keyakizaka46 {
	background-color: #5fb955;
}
.button_hiraganakeyaki {
	background-color: #ffffff;
	border: solid 2px #5fb955;
}
.group_link li.button_hiraganakeyaki a {
	color: #5fb955;
}
.button_twitter {
	background-color: #1da1f2;
}

/* PC新着コメント */
dl.mycomment {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
}
dl.mycomment dt {
	width: 0;
}
dl.mycomment a dd {
	margin-left: 0;
 	background-color: #ffffff;
 	padding: 10px;
 	margin-bottom: 10px;
 	border: double 3px #f596b4;
}
dl.mycomment a:hover dd{
 	border: solid 3px #f596b4;
 	background-color: #ffffee;
}
dl.mycomment a {
	color: #000000;
	text-decoration: none;
}
dl.mycomment a dd .mycomment_title {
 	color: #0000ff;
}
dl.mycomment a:hover dd .mycomment_title {
 	color: #b22222;
}
dl.mycomment a dd .mycomment_content {
	display: inline-block;
	margin-top: 5px;
}
dl.mycomment a dd .mycomment_author {
	display: inline-block;
	margin-top: 5px;
}

/* スマホ新着コメント */
dl.mycomment_sp {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
}
dl.mycomment_sp dt {
	width: 0;
}
dl.mycomment_sp a dd {
	margin-left: 0;
 	background-color: #ffffff;
 	padding: 10px;
 	margin-bottom: 10px;
 	border: solid 5px #f596b4;
}
dl.mycomment_sp a {
	color: #000000;
	text-decoration: none;
}
dl.mycomment_sp a dd .mycomment_title {
 	color: #0000ff;
}
dl.mycomment_sp a:hover dd .mycomment_title {
 	color: #b22222;
}
dl.mycomment_sp a dd .mycomment_content {
	display: inline-block;
	margin-top: 5px;
}
dl.mycomment_sp a dd .mycomment_author {
	display: inline-block;
	margin-top: 5px;
}

/* PC人気記事サイド */
#side aside .sga-ranking li.sga-ranking-list {
	box-sizing: border-box;
	width: 100%;
	background-color: #ffffff;
	margin-bottom: 10px;
	position: relative;
	border: solid 1px #f596b4;
}
#side aside .sga-ranking li.sga-ranking-list:hover a {
	background: #f596b4;
}
#side aside .sga-ranking li.sga-ranking-list a {
	box-sizing: border-box;
	color: #ffffff;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: rgba(245,150,180,.9);
	pointer-events: none;
	padding: 0 5px;
}
#side aside .sga-ranking li.sga-ranking-list div.ranking-img a {
	color: initial;
	width: initial;
	font-size: initial;
	font-weight: initial;
	text-decoration: initial;
	display: initial;
	position: initial;
	left: initial;
	bottom: initial;
	background: initial;
	pointer-events: initial;
	padding: initial;
}
.sga-ranking {
	list-style-type: none;
}

/* PC人気記事メイン */
.ninki_pc1 div {
	position: relative;
	box-sizing: border-box;
	width: 50%;
	height: auto;
	float: left;
	background-color: #f596b4;
}
.ninki_pc1 img {
	width: 100%;
}
.ninki_pc1 p {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	display: none;
}
.ninki_pc1:hover p {
	display: inline;
	background-color: #f596b4;
}

/* スマホ人気記事 */
.ninki_sp {
	text-decoration: none;
}
.ninki_sp div {
	min-height: 48px;
	margin: 0 0 5px 0;
}
.ninki_sp .ninki_image_sp {
	box-sizing: border-box;
	float: left;
	width: 48px;
	height: 48px;
	margin-right: 5px;
}
.ninki_sp .ninki_image_sp img {
	width: 100%;
}
.ninki_sp p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
}

.ninki_sp p.ninki_ad_sp {
	color: #ff0000;
}

/* amazon記事内 */
a.amazon_in {
	display: block;
	background-color: #232f3e;
	color: #ffffff;
	padding: 5px;
	padding-left: 10px;
	border: solid 5px #232f3e;
	border-left: solid 10px #ff9900;
	font-weight: bold;
}
a.amazon_in:hover {
	background-color: #ffffff;
	color: #000000;
}

/* amazon記事内2 */
.amazon_in2 {
	box-sizing: border-box;
	position:relative;
	max-width: 640px;
    background-color: #fef8f2;
	border: solid 1px #e77600;
	border-radius: 10px;
	overflow: auto;
	padding: 10px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.amazon_in2:hover {
    background-color: #ffffff;
}
.amazon_in2 a {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
.amazon_in2_img {
	box-sizing: border-box;
	max-width: 100px;
	float: left;
}
.amazon_in2_text {
	box-sizing: border-box;
	max-width: 540px;
	float: left;
	margin-left: 10px;
	font-weight: bold;
}
.amazon_in2_text p {
	font-weight: bold;
	font-size: 20px;
	color: #0044cc;
	margin-bottom: 0;
}

/* sp一覧内広告用 */
.post-card-list .post-card-image2 {
	position: relative;
	overflow: hidden;
	margin: 0 0 8px;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.post-card-list .post-card-image2::before {
	display: block;
	padding-top: 60%; /* 画像の高さ / 幅 * 100% */
	width: 100%;
	content: '';
}
.post-card-list .post-card-image2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}
.post-card-list .post-card-image2 .st-catgroup.itiran-category {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	box-sizing: border-box;
	padding: 5px;
	width: 100%;
	text-align: left;
	pointer-events: none;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0));
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0)); /* IE, Edge 未対応 */
	flex-grow: 1;
	z-index: 1;
}
@media only screen and (min-width: 600px) {
	.post-card-list .post-card-image2 .st-catgroup.itiran-category {
		flex-grow: 0;
	}
}
.post-card-list .post-card-image2 .st-catgroup.itiran-category .catname {
	vertical-align: top;
}
.post-card-list .post-card-image2 .st-catgroup.itiran-category a {
	pointer-events: auto;
}

.point-modoki {
	margin-bottom:15px;
	position:relative;
	border-bottom:solid 1px #e14898;
	background-color:transparent;
	margin-top: 61px;
}
.point-in-modoki {
	padding: 5px 15px;
	max-width:80%;
	box-sizing:border-box;
	font-size:15px;
	font-weight:bold;
	background:#e14898;
	color:#ffffff;
	position:absolute;
	bottom:0;
	left:0;
    top:auto;
}