/*
Theme Name: STINGER8 Child
Template: stinger8
Version: 20210809
*/

/************************************
** 個人共通のスタイル
************************************/
@import "style_manga.css?2024025";

div.label_sponsor {
        font-size: small;
        text-align: center;
}


/* 吹き出し */
.speech-person {
    width: 80px;
    min-width: 80px;
}

figure {
    margin: 0;
}

.speech-balloon {
    height: 100%;
    position: relative;
    padding: 10px;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 6px;
    word-break: break-all;
}
.speech-wrap {
    margin-top: 1em;
    margin-bottom: 1em;
    display: flex;
}
.speech-icon img {
    border-radius: 20%; /*アイコン枠の角丸み*/
    border: 2px solid #ccc;
    width: 100%;
}

.speech-balloon::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -12px;
    top: 10px;
    border-right: 12px solid #ccc;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.speech-balloon p {
    margin: 0;
}

.speech-balloon::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -9px;
    top: 10px;
    border-right: 12px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
.cf::after {
    clear: both;
    content: "";
    display: block;
}

.sbp-l .speech-balloon {
    margin-left: 20px;
}

.sbp-r {
    flex-direction: row-reverse;
    margin-left: 20px;
}

.sbp-r .speech-balloon::before {
    right: -12px;
    left: auto;
    border-left: 12px solid #ccc;
    border-right: none;
}

.sbp-r .speech-balloon::after {
    right: -9px;
    left: auto;
    border-left: 12px solid #fff;
    border-right: none;
}
.sbp-r .speech-balloon {
    margin-right: 20px;
}

.myhuchi-title_green{
  background:#3cb37a; 
  border:1px solid #3cb37a;
  padding-left:10px; 
  font-size:1.16em;
  color:#ffffff; 
  font-weight:bold;
}
.myhuchi-body_green p {
    margin: 10px;
}

.myhuchi-body_green{
  border: 1px solid #3cb37a; 
  padding: 5px; 
  font-size: 1em;
}
/* 共通ここまで */

/* google map */
iframe[src^="https://www.google.com/maps/"]{
	border-color	: gray;
}

/* 枠と下線マーカの設定 */
.konna_kiji_box {
    padding: 20px;
    border: solid 1px #50ef7a;
    background-color: #ddffd4;
    margin-bottom: 20px;
}

fieldset {
	padding: 20px 20px 0px 20px;
}

.yellowbox{
	border: outset 5px;
}

.black-waku {
	padding: 20px;
	border: solid 1px #000;
	margin-bottom: 20px;
}

.gray-waku {
	padding: 20px;
	border: solid 1px #ccc;
	margin-bottom: 20px;
}

.red-waku {
	padding: 20px;
	border: solid 1px #ff7777;
}
.red-waku2 {
	padding: 20px;
	border: solid 2px #ff7777;
}
.aqua-waku {
	padding: 20px;
	border: solid 1px #22ffff;
}

.pink-waku {
	padding: 20px;
	border: solid 1px #ff99ff;
}

.bg_aqua{
   background-color: #d1ecf1;
}

.marker_pink {
    background: linear-gradient(transparent 80%, #f77f9e61 70%);
}

.marker_red {
    background: linear-gradient(transparent 80%, #ff0000 70%);
}

.marker_green {
    background: linear-gradient(transparent 80%, #11ff11 70%);
}

.marker_aqua {
    background: linear-gradient(transparent 80%, #ccffff 70%);
}

.post h2 {
    background: #fff0a9;
    border-top: 2px solid #ffb23a;
    border-bottom: 2px solid #ffb23a;
    font-size: 24px;
}

.post h3 {
    border-bottom: 3px #fad08e solid;
    border-left: 12px #ffb23a solid;
}

.post h4 {
    padding: 10px 15px;
    margin: 20px 0;
    background-color: #fce3bd;
    font-size: 17px;
    line-height: 26px;
}
.post h5 {
    margin: 0 0 10px 0;
    padding: 3px 8px;
    border-width: 0 0 0 5px;
    border-color: #fad08e;
    border-style: solid;
    line-height: 140%;
    font-weight: bold;
    font-size: 17px;
}

/* カエレバ用ボタン */
/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/
.booklink-box, .kaerebalink-box, .tomarebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image, .tomarebalink-image{
    margin:0 15px 0 0;
    float:left;
    width: 160px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img, .tomarebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name, .tomarebalink-name{
    margin-bottom:24px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail, .tomarebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail, .tomarebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1, .tomarebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a,
.tomarebalink-link1 a{
    width:30%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin:5px 2px 0 0;
    padding:10px 1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
/*    text-shadow:1px 1px 1px #dcdcdc;*/
    font-size:12px;
    color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}
.tomarebalink-link1 a:hover{opacity: 0.6;}
.tomarebalink-link1 a:active{
    position:relative;
    top:1px;
}
ul.kaerebatextlink, ul.tomarebatextlink {
    padding-right: 2px;
    padding-left: 2px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{background-color:#FF9901 !important;}
.shoplinkrakuten a{background-color:#c20004 !important;}
.shoplinkkindle a{background-color:#007dcd !important;}
.shoplinkkakakucom a{background-color:#314995 !important;}
.shoplinkyahoo a{background-color:#7b0099 !important;}
.shoplinkseven a{background-color:#00991f !important;}

.shoplinkjalan a{background-color:#FF9901 !important;}
.shoplinkjtb a{background-color:#c20004 !important;}
.shoplinkknt a{background-color:#007dcd !important;}
.tomarebalink-link1 > .shoplinkrakuten a{background-color:#62b356 !important;}
.shoplinkyahoo a{background-color:#7b0099 !important;}
.shoplinkrurubu a{background-color:#3f70a4 !important;}
.shoplinkikyu a{background-color:#eec357 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

@media screen and (max-width: 680px) {
.booklink-box, .kaerebalink-box, .tomarebalink-box{padding:15px;}
.booklink-image, .kaerebalink-image{
    width: 100px !important;
    min-width: initial;
}
.booklink-name > a, .kaerebalink-name > a, .tomarebalink-name > a{
    font-size: 15px;
    font-weight: bold;
}
.booklink-name, .kaerebalink-name, .tomarebalink-name {margin-bottom:12px;}
.booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date {margin-top:5px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:calc(90% - 4px);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin: 2px 0px;
    padding:10px 0px;
}

.tomarebalink-image{
		width: unset!important;
    float: none!important;
	}
.tomarebalink-link1 a {
		display: inline-block;
		width: 29%;
		margin: 5px 1px 0 0;
}
.tomarebalink-link1
.shoplinkyahoo a {
    width: 32%;
}

}

/* カエレバ背景色 */
.kaerebalink-box, .tomarebalink-box {background-color:#fff;}

/* 7netはなくなったので非表示 */
.shoplinkseven a {
    display: none;
}


/* AdRotateでの2列表示をセンタリングする修正 */
.g {
  text-align:  center;
}
.g-col {
  display: inline-block; 
  float: none!important;
}

/* 漫画ボックス用ボタン */
.mangalink-box {
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.mangalink-image {
    margin:0 15px 0 0;
    float:left;
    text-align: center;
}
.mangalink-image img {
    margin:0 auto;
    text-align:center;
    max-width: 200px;
}
.mangalink-info {
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.mangalink-name {
    margin-bottom:24px;
    font-size: 18pt;
    text-align: center;
}

.mangalink-detail {
    font-size: 12px;
    margin: 20px 30px;
}
.mangalink-link1 {margin-top:10px;}
.mangalink-link1 a{
    width:80%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin:15px 12px 10px 30px;
    padding:10px 10px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    font-size:16px;
    color: #ffffff;
}
.mangalink-link1 a:hover{opacity: 0.6;}
.mangalink-link1 a:active{
    position:relative;
    top:1px;
}
ul.mangatextlink {
    padding-right: 2px;
    padding-left: 2px;
}
/*ボタンを変えるときはここから*/
.shoplinkrenta a{background-color:#91c321 !important;margin-right: 0px!important;}
.shoplinkcmoa a{background-color:#eb5d15 !important;margin-right: 0px!important;}
.shoplinkebook a{background-color:#f1475a !important;margin-right: 0px!important;}
.shoplinkabema a{background-color:#139308 !important;margin-right: 0px!important;}

/*Abemaのアフィリエイトがなくなったので表示　2024.3.27*/
.shoplinkabema {
    display: none!important;
}
/*Abemaのアフィリエイトがなくなったので画像のリンクを無効にする　2024.3.27*/
.mangalink-image a {
    pointer-events: none;
}

/* コミックシーモアを非表示にする 2025.2.26 */
div.shoplinkcmoa {
    display: none !important;
}


/*ここまでを変更*/
@media screen and (max-width: 680px) {
.mangalink-box {padding:15px;}
.mangalink-image {
    width: 100px !important;
    min-width: initial;
}

.mangalink-image img {
    max-width: 100px;
}
.mangalink-name > a {
    font-size: 15px;
    font-weight: bold;
}
.mangalink-name {
    margin-bottom:12px;
    font-size: 12pt;
}
.mangalink-link1 a{
    width:calc(100% - 2px);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin: 2px 0px;
    padding:10px 0px;
    font-size: small;
}
}

.mangalink-box {background-color:#fff;}




/*media Queries スマホ縦（480px以下）
----------------------------------------------------*/
@media screen and (max-width: 480px){
div.st-aside {
	font-size: smaller!important;
}
/*-- ここまで --*/
}

/*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) {

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