@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: stinger5lady_child
Template: stinger5Ladyver20141023
---------------------------------------------------------*/


/*-----------------------------
角丸画像にする 2015.11.17
------------------------------*/
#topnews img:not(.adimg) {
  width: 150px;
  box-shadow: 0 10px 10px -4px #aaa;
  -webkit-box-shadow: 0 10px 10px -4px #aaa;
  -moz-box-shadow: 0 10px 10px -4px #aaa;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#kanren img:not(.adimg)  {
  width: 100px;
  box-shadow: 0 10px 10px -4px #aaa;
  -webkit-box-shadow: 0 10px 10px -4px #aaa;
  -moz-box-shadow: 0 10px 10px -4px #aaa;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

/*-----------------------------
フッターを横幅いっぱいに表示 2015.11.18
------------------------------*/
html {  overflow: auto;  }
 
body {  overflow: hidden;  }
 
#footer {
  background-color:#444444;
  margin-left: -200%;
  margin-right: -200%;
  padding-left: 200%;
  padding-right: 200%;
  color: #fff ;
}

/*-----------------------------
フッターの背景をPCのみ変更 2015.11.17
------------------------------*/
@media only screen and (min-width: 780px) {
#footer_w {
    width: 1000px;
    margin: 10px auto;
    text-align: left;
}
 
.footer_l {
    float: left;
    width: 320px;
    margin: 0 20px 20px 0;
    padding: 0;
}
 
.footer_c {
    float: left;
    width: 320px;
    margin: 0 20px 20px 0;
    padding: 0;
}
 
.footer_r {
    float: left;
    width: 320px;
    margin: 0 0 20px 0;
    padding: 0;
}
 
#footer_w p {
    color: #fff ;
}
 
#footer_w li {
    border-bottom: 1px solid #666;
    padding: 8px 0;
    font-size: 14px;
}
 
#footer_w li a {
    color: #DCDCDC;
}
 
#footer_w li a:hover {
     color: #629FBA;
}
}

/*--------------------------------
　　次の記事・前の記事をサムネイルつきで表示  2015.11.17
---------------------------------*/
#prev_next{
    width:100%;
    margin: 36px 0 24px;
    padding:0;
    display: table;
}

#prev_next  #prev, #prev_next  #next{
    width: 50%;
    padding:30px 10px 10px;
    border-top:#ccc 1px solid;
    border-bottom:#ccc 1px solid;
    display: table-cell;
    position:relative;
	text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
	    font-size:90%;
		line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
	background-color: rgba(238,238,238,0.7);
}

#prev_next #prev{
	border-right:#ccc 1px solid;
}

#prev_next #prev_title, #prev_next #next_title{
    font-size:90%;
    top:-1em;
    position:absolute; 
    border: 1px #ccc solid;
    background:#fff; 
    text-align: center;
    padding:3px;
    color:#666;
}
#prev_next #next_title{
	right:10px;
}

#prev_next #prev img, #prev_next #next img{
    margin:0 auto;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0 10px 10px -4px #aaa;
  -webkit-box-shadow: 0 10px 10px -4px #aaa;
  -moz-box-shadow: 0 10px 10px -4px #aaa;

}

#prev_next #prev_no, #prev_next #next_no{
	width: 50%;
	height:140px;
    padding:0 10px;
    display: table-cell;
}

#prev_next #prev_no{
	border-right:#ccc 1px solid;
}

#prev_next_home{
    margin:0 auto;
    background-color: #f48881;
    border: solid 9px #fff;
    width: 100px;
    height:100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    box-shadow: 0 0 0 3px #f48881;
    -webkit-box-shadow: 0 0 0 3px #f48881;
    -moz-box-shadow: 0 0 0 3px #f48881;
	text-align:center;	
}

#prev_next_home:hover{
	background-color: rgba(244,136,129,0.7);
}

#prev_next_home i{
	color:#FFF;
	margin:10px auto ;
	font-size:60px;
}

@media only screen and (min-width: 780px) {
/*--------------------------------------
  768px PREV NEXT
--------------------------------------*/

#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


#prev_next #prev_title, #prev_next #next_title{
    padding:3px 10px;
}
#prev_next #next_title{
	right:10px;
}

#prev_next #prev img{
    float:left;
    margin-right:10px
}


#prev_next #next img{
   float:right;
   margin-left: 10px;
}
}

/*--------------------------------
　　タグクラウドの設定  2015.11.20
---------------------------------*/
.tagcloud {
  overflow: hidden;
  padding: 2px 2px;
  border: 1px solid #ffb6c1;
}
 
.tagcloud  a {
  float: left;
  display: block;
  background: #FFC4CD;
  color: #fff;
  font-weight: 700;
  margin: 2px;
  padding: 3px 3px;
  position: relative;
  text-decoration:none;
}

.tagcloud  a:hover {
  background: #FFE8EC;
  color: #ffb6c1;
}

/*--------------------------------
　サイドバー人気のある記事の設定  2015.11.20
---------------------------------*/
.wpp-list li {
  margin: 5px 0px;
  border: 1px solid #ffb6c1 ;
  border-left: 1.7em solid #ffb6c1 ;
  padding: 10px;
  font-weight:bold;
}

.wpp-list img { 
  width: 50px;
  box-shadow: 0 10px 10px -4px #aaa;
  -webkit-box-shadow: 0 10px 10px -4px #aaa;
  -moz-box-shadow: 0 10px 10px -4px #aaa;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.wpp-list .desc {
  font-size: 40% ;
}

.wpp-list a.hover {
/*  color: ; */
}


/*--------------------------------
  headerフォローボタン 2015.11.22
---------------------------------*/
.header-sns {
	padding: 0.3em;
	font-size: 40px;
	width:300px;
	float:right;
}

.header-sns ul {
	list-style:none;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.header-sns ul li {
	display: table-cell;
	vertical-align:middle;
	text-align: center;
}

.header-sns li a{
	position:relative;
	display:block;
	padding:5px;
	text-align:center;
	text-decoration: none;
}
.header-sns li a:hover {
	-webkit-transform: translate3d(0px, 5px, 1px);
	-moz-transform: translate3d(0px, 5px, 1px);
	transform: translate3d(0px, 5px, 1px);
}

@media only screen and (min-width: 780px) {
header #logo{
	float:left;
}
header .header-sns {
	float:right;
}
}






/*--------------------------------
  ヘッダー画像を画面上に 2015.11.23
---------------------------------*/
#gazou {
  display: block;
  overflow: hidden;
  position: relative ; /* 2015.11.23 */
}

p.sitename {
  position: absolute ;
  top: .5em;
  left: 1em;
  width:100%;
}
a.sitename {
  font-size: 10px;
  color: #E8333F;
  padding: 50px 0;
  text-shadow:
    0 2px 0 #fff,
    2px 0 0 #fff,
    0 -2px 0 #fff,
    -2px 0 0 #fff,
    -2px -2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
    2px 2px 0 #fff;
}

.descr {
  position: absolute ;
  bottom : 0.1em;
  right : 2em;
  /* width:100%; */
}


/*--------------------------------
  ブログランキング 2015.11.23
---------------------------------*/
.ranking {
  padding: 10px;
  border: 2px dashed #f0f0f0;
  background-color: #fafafa;
  font-size: 80%;
}

/************************************
** リンクのスタイル 2018.01.06
************************************/
table.osewani {
	width: 100%;
	border: 2px #eee solid;
}
table.osewani th {
	text-align: left ;
	padding: 0.5em;
	line-height: 1.5em ;
	background: #eee ;
	border: 2px #eee solid;
}
table.osewani td {
	padding: 0.5em;
	vertical-align: top;
	border: 0px ;
	background: #fff ;
}
 
/************************************
** ブログカードのスタイル 2015.11.23
************************************/
.blog-card{
  padding:12px;
  margin:10px 0;
  border:1px solid #ddd;
  word-wrap:break-word;
  max-width:100%;
  width:474px;
  border-radius:5px;
}
 
.blog-card-thumbnail{
  float:left;
}
 
.blog-card-content{
  margin-left:110px;
  line-height:120%;
}
.blog-card-title{
  margin-bottom:5px;
}
 
.blog-card-title a{
  font-weight:bold;
  text-decoration:none;
  color:#111;
}
 
.blog-card-excerpt{
  color:#333;
  font-size:90%;
}
 
.blog-card-footer{
  font-size:70%;
  color:#777;
  margin-top:5px;
}
 
.clear{
  clear:both;
}

/*------------------------
  続きを読む  2015.11.26
-------------------------*/
a.readmore {
  font-size:80%;
  font-weight:bold;
  float:right;
  display: inline-block ;
  padding: 5px ;
  border: 1px solid #E8333F ;
  border-radius:5px;
  /* box-shadow:0px 0px 4px; */
}

/*--------------------------------
  投稿時間  2015.11.26
---------------------------------*/
.posttime {
  font-size:80%;
  text-align:right;
  border-top:1px solid #777;
  padding-top:2px;
}

/*--------------------------------
  サイドバータイトル  2015.11.29
---------------------------------*/
h4.menu_underh2 {
  margin: 5px 0px;
  padding: .2em .7em;
  background-color: #FFE8EC;
  border-top: 3px double #ffb6c1;
  border-bottom: 3px double #ffb6c1;
}
h4.menu_underh2:before {
    font-family:"FontAwesome";
    content:"\f1b0";
    margin-right :3px;
    width:1.2em ;
}

/*--------------------------------
  moreタグ・記事一覧のアドセンス広告領域  2015.11.30
---------------------------------*/
.more-ad {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 1em;
  background-color: #fcfcfc;
  border-top: 1px dashed #aaa ;
  border-bottom: 1px dashed #aaa ;
  text-align: center ;
  position:relative;
}
.more-ad:before {
  font-size:60%;
  content:"キャバリアグッズ紹介";
  color: #aaa ;
  display: block;
  position:absolute;
  top:-1.5em;
  right:0em;
  /* border:1px dashed #aaa ; */
}

/*--------------------------------
  タイトル画像下の横長テキストリンク広告  2015.11.30
---------------------------------*/
.textlink-ad {
  padding: 2px ;
  text-align: center ;
}

/*--------------------------------
  単一記事でのカテゴリ・タグ表示 2015.12.02
---------------------------------*/
.kdate a {
  color: #666666 ;
  text-decoration: none ;
}


/*--------------------------------
  スポンサーリンクの画像 2015.12.22
　更新：img.adimgをmax240pxになるように 2017.10.17 → サイドバーで被るようになったのでやめた 2017.10.25
---------------------------------*/
.adimg {
  display: inline-block;
}

/*
img.adimg {
  max-width: 240px;
  max-height: 240px;
}
*/

ul.adimg {
  display:table;
  table-layout: fixed;
  width:92%;
  border:1px solid #ccc;
  background-color:#fff;
  padding:0.5em;
}

ul.adimg li {
  display:table-cell;
  vertical-align:top;
  text-align:center;
  line-height:1.1em;
}

/*--------------------------------
  フッター上に728px広告 2015.12.19
---------------------------------*/
.ad728 {
  margin: 0.5em 0px ;
  text-align: center;
  overflow: hidden;
}

/*--------------------------------
  「ありがとう」募集 2015.12.24
---------------------------------*/
.thxblog {
  background-color: #fafafa;
  border: 1px dashed #ccc;
  font-size: 80%;
  margin: 1em;
  padding: 1em;
}


/*--------------------------------
  プロフィール表 2017.04.13
---------------------------------*/
table.profile {
	border-collapse: separate;
	border-spacing: 0;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
        margin-bottom: 1em;
}
table.profile th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
        text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.profile td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*--------------------------------
  PageTop 2017.04.14
---------------------------------*/
#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 10px;
	right: 0px;
}
#page-top img {
}