@charset "utf-8";
/*
Theme Name: STINGER8 Child 3
Template: stinger8
Version: 20170614
*/

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {


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

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


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

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


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



/*ブログタイトル*/
header .sitename {
	font-size: 20px;
	color: #fff;
	line-height: 24px;
	font-family: 'Oswald', sans-serif;
	padding: 10px 0 0;
	margin-bottom: 10px;
}

/* フッター文字 */
#footer .footerlogo {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
	font-weight:bold;
}

header .smanone ul.menu li{
	width:150px;
}

/* 一覧 */

.st-main .kanren .clearfix {
	box-sizing: border-box;
	width: 100%;
	min-width: 450px;
	min-height: 150px;
	padding: 0;
	background-color: #f596b4;
	border: solid 3px #555555;
	border-top: none;
	border-left: none;
	margin: 0;
	margin-bottom: 40px;
}

.st-main .kanren a:hover .clearfix {
	background-color: #f9cad9;
	border: solid 3px #ffffff;
	border-right: none;
	border-bottom: none;
}

.st-main .kanren a {
	text-decoration: none;
}

.st-main .kanren a .clearfix2 .kanren-t {
	box-sizing: border-box;
	width: 100%;
	color: #ffffff;
	padding: 5px;
	background-color: #f596b4;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}

.st-main .kanren a .clearfix dd .kanren-t {
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}

.st-main .kanren a:hover .clearfix dd .kanren-t {

}

.st-main .kanren .clearfix dt {
	float: left;
	max-height: 150px;
	width: 300px;
	background-color: #ffffff;
}

.st-main .kanren a .clearfix dd .blog_info {
	text-align: center;
	margin-top: 5px;
}

.st-main .kanren a .clearfix dd .konokiji {
	text-align: center;
	margin-top: 10px;
}

.st-main .kanren a .clearfix dd .konokiji span {
	box-sizing: border-box;
	width: auto;
	padding: 5px 10px;
	background-color: #ffffff;
	color: #e05e9e;
	font-size: 14px;
	font-weight: bold;
}

.st-main .kanren a:hover .clearfix dd .konokiji span {
	background-color: #f9cad9;
}

.st-main .kanren .clearfix3 dt {
	float: left;
	max-height: 50px;
	width: 100px;
}

.st-main .kanren .clearfix dt img, .clearfix2 img {
	max-height: 150px;
	width: 300px;
}

.clearfix3 img {
	max-height: 49px;
	width: 98px;
	border: solid 1px #000000;
}

.st-main .kanren .clearfix dd {
	box-sizing: border-box;
	padding: 10px;
	padding-left: 310px;
}

.clearfix3 dd {
	padding-left: 120px;
}

.st-catgroup {
	float: left;
}

.blogbox {
	float: right;
	margin-top: 20px;
}

#comments {
	background-color: #fbe0e6;
}

/* 関連記事の文字 */
.post p.point {
	margin-bottom:20px;
	position:relative;
	border-bottom:solid 1px #e05e9e;
	padding:20px 15px 10px;
	background-color:transparent;
}
.post p .point-in {
	padding:3px 20px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	background:#e05e9e;
	color:#fff;
	position:absolute;
	top:15px;
	left:0;
}

.pc_ninki p, .sp_ninki p {
	margin-bottom:40px;
	position:relative;
	border-bottom:solid 1px #e05e9e;
	padding:20px 15px 10px;
	background-color:transparent;
}

.pc_ninki p span, .sp_ninki p span {
	padding:3px 20px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	background:#e05e9e;
	color:#fff;
	position:absolute;
	top:15px;
	left:0;
}

hr.hrcss2 {
	border: 0;
	height: 0;
	border-top: 1px dotted rgba(0, 0, 0, 0.1);
	border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
	margin-bottom: 10px;
}

.sp_header_search {
	margin: 10px 20px;
}

.sp_header_category {
	margin: 10px 20px;
}

.sp_header_twitter {
	margin-bottom: 5px;
}

.single_eyecatch {
	text-align: center;
}

.single_eyecatch img {
	border: solid 1px #000000;
}

.clearfix .kanren-t a {
	display: block;
}

.clearfix2 {
	width: 300px;
	margin: 0 auto;
}

.clearfix2 p, .clearfix3 p {
	font-size: 16px;
	color: #1a1a1a;
	line-height: 18px;
}

.clearfix2 .kanren-t, .clearfix3 .kanren-t {
	padding-bottom:5px;
}

.clearfix2 .kanren-t a, .clearfix3 .kanren-t a {
	color: #000;
	text-decoration: none;
	line-height: 1.5;
	font-weight:bold;
	padding-bottom:5px;
	display: block;
}

.clearfix2 .kanren-t a:hover, .clearfix3 .kanren-t a:hover {
	color: #b22222;
}

.tagst a {
    background-color:#ffffff;
    border:1px solid #f596b4;
    padding:1px 5px;
    border-radius:5px;
    cursor:pointer;
    text-decoration: none;
    white-space: nowrap;
    color: #000000;
}
.tagst a:hover {
    color:white;
    background-color:#f596b4;
}

.blog_info a:hover {
	color: #000;
}

#side .st-aside .sga-ranking li {
	width: 298px;
	background-color: #ffffff;
	margin-bottom: 10px;
	position: relative;
	border: solid 1px #e05e9e;
}

#side .st-aside .sga-ranking li:hover a {
	color: #000000;
	background: rgba(255,255,255,10);
}

#side .st-aside .sga-ranking li .sga-ranking-post-title {
	color: #ffffff;
	width: 288px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: rgba(224,94,158,.9);
	pointer-events: none;
	padding: 0 5px;
}

.sga-ranking {
	list-style-type: none;
}

.ninki_side {
	width: 298px;
	background-color: #ffffff;
	position: relative;
	border: solid 1px #e05e9e;
	margin-bottom: 10px;
}

.ninki_side:hover a {
	color: #000000;
	background: rgba(255,255,255,10);
}

.ninki_side_a {
	 box-sizing: border-box;
	 width: 100%;
	 color: #ffffff;
	 font-size: 14px;
	 font-weight: bold;
	 text-decoration: none;
	 display: block;
	 position: absolute;
	 left: 0px;
	 bottom: 0px;
	 background: rgba(224,94,158,.9);
	 pointer-events: none;
	 padding: 0 5px;
}

.amazon_side {
	width: 298px;
	background-color: #ffffff;
	position: relative;
	border: solid 1px #ff0000;
	margin: 0 auto;
}

.amazon_side:hover a {
	color: #000000;
	background: rgba(255,255,255,10);
}

.amazon_side_a {
	 box-sizing: border-box;
	 width: 100%;
	 color: #ffffff;
	 font-size: 14px;
	 font-weight: bold;
	 text-decoration: none;
	 display: block;
	 position: absolute;
	 left: 0px;
	 bottom: 0px;
	 background: rgba(255,0,0,.9);
	 pointer-events: none;
	 padding: 0 5px;
}

.pc_ninki img {
	max-height: 49px;
	width: 98px;
	border: solid 1px #000000;
}

.pc_ninki p {
	font-size: 16px;
	font-weight: bold;
}

.pc_ninki_thumb {
	float:left;
	width: 100px;
	height: 50px; 
	margin-right: 10px;
	margin-bottom: 10px;
}

.pc_ninki_title {
}

.pc_ninki_title a {
	color: #0044cc;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	min-height: 50px;
}

.pc_ninki_title a:hover {
	color: #ff0000;
}

.sp_ninki img {
	max-height: 98px;
	width: 98px;
	border: solid 1px #000000;
}

.sp_ninki p {
	font-size: 16px;
	font-weight: bold;
}

.sp_ninki_thumb {
	float:left;
	width: 100px;
	height: 100px; 
	margin-right: 10px;
	margin-bottom: 10px;
}

.sp_ninki_title a {
	color: #0044cc;
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	min-height: 100px;
}

.sp_ninki_title a:hover {
	color: #ff0000;
}

.amazon_more {
	box-sizing: border-box;
	position:relative;
	max-width: 640px;
	background-color: #ffffff;
	border: solid 1px #ff8080;
	overflow: auto;
	margin-top: 20px;
	margin-bottom: 15px;
}

.amazon_more:hover {
	background-color: #ffdfdf;
}

.amazon_more a {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}

.amazon_img {
	box-sizing: border-box;
	max-width: 640px;
	padding: 10px 10px 5px 10px;
}

.amazon_text {
	box-sizing: border-box;
	max-width: 640px;
	padding: 0 10px 10px 10px;
}

.amazon_text p {
	font-weight: bold;
	font-size: 20px;
	color: #0044cc;
	margin-bottom: 0;
}

.side_blogranking {
	width: 300px;
	height: 200px;
	margin-top: 10px;
}

.side_twitter {
	width: 290px;
	height: 200px;
	padding: 5px;
	margin-top: 10px;
	background-color: #36b9ff;
}

.screen-reader-text {
	display: none;
}

#side .st-aside .menu_underh2 {
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	position: relative;
	background-color: #e05e9e;
	padding: 0.5em;
	border-radius: 4px;
}

#side .st-aside .menu_underh2:after {
	position: absolute;
	top: 100%;
	left: 2em;
	content: '';
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 10px solid #e05e9e;
}

#side .kanren {
	padding-top: 0px;
	margin-top: 0px;
}

.sp_ad_01 {
	margin: 0 auto 20px;
}

.sp_ad_02 {
	margin: 0 auto 15px;
}

.sp_ad_03 {
	margin: 0 auto 15px;
}

.sp_ad_04 {
	margin: 0 auto;
}

.pc_ad {
	width: 100%;
	max-width: 640px;
}

.pc_ad_01 {
	float: left;
	width: 300px;
	height: 250px;
}

.pc_ad_02 {
	float: right;
	width: 300px;
	height: 250px;
}

.st-pagelink {
	margin-top: 20px;
}

/* 新着コメント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: 15px;
 	border: solid 3px #555555;
 	border-top: none;
 	border-left: none;
}

dl.mycomment a:hover dd{
 	border: solid 3px #fbe0e6;
 	border-right: none;
 	border-bottom: none;
}

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;
}

/* 新着コメントSP */

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: 15px;
 	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;
}

/* コメント欄の項目を非表示 */

.entry-content a {
	color: #1a0dab;
	text-decoration: none;
}

.entry-content a:hover {
	color: #b22222;
	text-decoration: underline;
}


#comments { /* コメント欄全体の枠 */
	margin-top: 20px;
	background: #f2f2f2;
	border: 2px solid #50c1a5;
}
h5#resp { /* コメントがあった時の見出し */
	font-size: 20px;
	color: #50c1a5;
}
h3#reply-title { /* コメント入力欄の見出し */
	font-size: 20px;
	color: #50c1a5;
}
.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: #50c1a5;
	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;
}

.blogranking {
	display: block;
}

div.page-links {
	max-width: 640px;
	text-align:center;
	margin-bottom: 20px;
}

div.page-links a {
	text-decoration: none;
}

span.page-links_tp {
	box-sizing: border-box;
	display: inline-block;
	color: #0044cc;
	padding: 5px 20px;
	border: solid 1px #ff8080;
}

span.page-links_tp:hover {
	background-color: #ffdfdf;
}

span.page-links_t {
	box-sizing: border-box;
	display: inline-block;
	padding: 5px 15px;
	border: solid 1px #ff8080;
	background-color: #ff8080;
	color: #ffffff;
}

a span.page-links_t {
	background-color: #ffffff;
	color: #0044cc;
}

a span.page-links_t:hover {
	background-color: #ffdfdf;
}

div.st-main, div.st-aside {
	max-width: 640px;
}

#side .st-aside .kanren .clearfix {
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	background-color: #ffffff;
	border: solid 3px #555555;
	border-top: none;
	border-left: none;
}

#side .st-aside .kanren a:hover .clearfix {
	border: solid 3px #fbe0e6;
	border-right: none;
	border-bottom: none;
}

#side .st-aside .kanren a {
	text-decoration: none;
}

#side .st-aside .kanren a .blog_info p {
	color: #666;
	text-decoration: none;
}

#side .st-aside .kanren #topnews .clearfix dd .blog_info p {
	font-size: 12px;
}

#side .st-aside .kanren a .clearfix dd .kanren-t {
	color: #000;
	text-decoration: none;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	padding-bottom: 0;
}

#side .st-aside .kanren a:hover .clearfix dd .kanren-t {
	color: #b22222;
}

.entry-title {
  position: relative;
  padding: 5px 0 5px 10px;
  border-left: 10px solid #e05e9e;
}

.side_ranking {
	margin-top: 15px;
}

.side_ranking a img {
	box-sizing: border-box;
	width: 300px;
	border: solid 3px #555555;
	border-top: 0;
	border-left: 0;
}

.side_ranking a:hover img {
	box-sizing: border-box;
	width: 300px;
	border: solid 3px #fbe0e6;
	border-right: 0;
	border-bottom: 0;
}

.sp_ranking {
	text-align: center;]
	padding-bottom: 40px;
}

.test_ad {
	width: 300px;
	height: 250px;
	border: solid 3px #555555;
	border-top: 0;
	border-left: 0;
}

.test_ad:hover {
	border: solid 3px #f2f2f2;
	border-right: 0;
	border-bottom: 0;
}

a.amazon_in {
	display: block;
	background-color: #ffffff;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	padding-left: 15px;
	border: solid 1px #000000;
	border-left: solid 15px #000000;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a.amazon_in:hover {
	background-color: #fbfbef;
	color: #ff0000;
	text-decoration: underline;
}

a.blogranking_in {
	display: block;
	background-color: #ffffff;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	padding-left: 15px;
	border: solid 1px #378b2b;
	border-left: solid 15px #378b2b;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a.blogranking_in:hover {
	background-color: #fbefef;
	color: #ff0000;
	text-decoration: underline;
}

a.comment_after {
	display: block;
	background-color: #e05e9e;
	box-sizing: border-box;
	width: 85%;
	border: solid 5px #e05e9e;
	padding: 10px;
	margin: 0 auto;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

a.comment_after:hover {
	background-color: #ff7dbd;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a.tweet_after {
	display: block;
	background-color: #33ccff;
	box-sizing: border-box;
	width: 85%;
	border: solid 5px #33ccff;
	padding: 10px;
	margin: 0 auto;
	margin-top: 15px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

a.tweet_after:hover {
	background-color: #52ecff;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a.kanren_after {
	display: block;
	background-color: #812990;
	box-sizing: border-box;
	width: 85%;
	border: solid 5px #812990;
	padding: 10px;
	margin: 0 auto;
	margin-top: 15px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

a.kanren_after:hover {
	background-color: #A048AF;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#scrollad {
	min-height: 865px;
}

.next a, .prev a {
	display: block;
	background-color: #ffffff;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	padding-left: 15px;
	border: solid 1px #000000;
	border-left: solid 15px #000000;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.next a:hover, .prev a:hover {
	background-color: #fbfbef;
	color: #ff0000;
	text-decoration: underline;
}

.prev {
	margin-top: 15px;
	margin-bottom: 15px;
}

.page-links span {
	display: inline-block;
	margin-top: 5px;
}