/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20170501
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

各フォント設定

/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20170501
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20160912β
*/
@import url('../affinger4/style.css');
/*--------------------------------
各フォント設定
---------------------------------*/
/*基本のフォントサイズ*/
p, /* テキスト */
.st-kaiwa-hukidashi, /* ふきだし */
.yellowbox, /* 黄色ボックス */
.graybox, /* グレーボックス */
.redbox, /* 薄赤ボックス */
#topnews .clearfix dd p, /* 一覧文字 */
.post ul li, /* ulリスト */
.post ol li, /* olリスト */
#comments #respond, /* コメント */
#comments h4, /* コメントタイトル */
.post h5, /* H5 */
.post h6 /* H6 */
{
font-size: 20px;
line-height: 32px;
}
/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {
/*-- ここまで --*/
}
/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
/*--------------------------------
各フォント設定
---------------------------------*/
/*基本のフォントサイズ*/
p, /* テキスト */
.st-kaiwa-hukidashi, /* ふきだし */
.yellowbox, /* 黄色ボックス */
.graybox, /* グレーボックス */
.redbox, /* 薄赤ボックス */
.post ul li, /* ulリスト */
.post ol li, /* olリスト */
.post h5, /* H5 */
.post h6 /* H6 */
{
font-size: 20px;
line-height: 30px;
}
/*-- ここまで --*/
}
/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
/*--------------------------------
各フォント設定
---------------------------------*/
/*基本のフォントサイズ*/
p, /* テキスト */
.st-kaiwa-hukidashi, /* ふきだし */
.yellowbox, /* 黄色ボックス */
.graybox, /* グレーボックス */
.redbox, /* 薄赤ボックス */
.post ul li, /* ulリスト */
.post ol li, /* olリスト */
.post h5, /* H5 */
.post h6, /* H6 */
.post table tr td,
table tr td /* テーブル */
{
font-size: 18px;
line-height: 30px;
}
/*-- ここまで --*/
}




/*フォントの装飾*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }

.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; }

/*フォントの色設定*/
.red{ color: #e53935!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #4caf50!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #3f51b5!important; }/*紺*/
.orange{ color: #ec6d35!important; }/*橙*/
.pink{ color: #ec407a!important; }/*ピンク*/
.purple{ color: #9c27b0!important; }/*紫*/
.olive{ color: #808000!important; }/*オリーブ*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #00bcd4!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #6d4c33!important; }/*茶*/

/*周りのブロックからの距離（margin）*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 5px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }

 /*横分割*/ 
.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d, .ui-grid-e,　.ui-grid-f{ 
	overflow: hidden;
	margin-left : auto ;
	margin-right : auto ;
	min-width: 50px;
  	max-width: 720px;
  	width: 100%;
  	height: auto;}
     
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e, .ui-block-f { 
	margin: 0; padding: 0; float: left; min-height:1px ; min-width: 50px;	max-width: 720px;
}
    /* grid solo: 100 - single item fallback */

.ui-grid-solo .ui-block-a { width: 100%; float: none; }
    /* grid a: 50/50 */
.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
.ui-grid-a .ui-block-a { clear: left; }
    /* grid b: 33/33/33 */
.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
.ui-grid-b .ui-block-a { clear: left; }
    /* grid c: 25/25/25/25 */
.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
.ui-grid-c .ui-block-a { clear: left; }
    /* grid d: 20/20/20/20/20 */
.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
.ui-grid-d .ui-block-a { clear: left; }
    /* grid d: 16/16/16/16/16/16 */
.ui-grid-e .ui-block-a, .ui-grid-e .ui-block-b, .ui-grid-e .ui-block-c, .ui-grid-e .ui-block-d, .ui-grid-e .ui-block-e,.ui-grid-e .ui-block-f { width: 16.666%; }
.ui-grid-e .ui-block-a { clear: left; }


.writers{
    overflow:hidden;
}
.writer-profile{
    width: 18%;
    min-height: 350px;
    margin:1%;
    float:left;
}
.writer-profile .name{
    text-align:center;
    font-weight:bold;
    padding:10px 0;
    margin:0;
}
.writer-profile .description{
    font-size:0.8em;
}
.writer-profile .button a{
    font-size:0.8em;
}
.writer-profile .button a:after{
    content:' >';
}


/* 共通 */
.rank1,.rank2,.rank3,.rank4,.rank5,.pointa,.point1,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9,.point10{
	font-family: sans-serif;
	font-weight:bold;
	_zoom: 1;
	overflow: hidden;
}


/* ランキング */

.rank1,.rank2,.rank3,.rank4,.rank5 {
	background-repeat: no-repeat;
	height: 25px;
	font-size: 18px;
	margin:10px 0 15px 0;
	padding: 35px 0 5px 65px;
	color: #333;
	border-bottom:dotted 1px #666;
	clear: both;
}

.rank1{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/rank1_a.gif);
}
.rank2{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/rank2_a.gif);
}
.rank3{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/rank3_a.gif);
}
.rank4{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/rank4_a.gif);
}
.rank5{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/rank5_a.gif);
}

/* ポイント */

.point1,.point2,.point3,.point4,.point5 ,.point6 ,.point7 ,.point8 ,.point9 ,.point10 {
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 46px;
	font-size: 16px;
	margin-top: 10px;
	padding-top: 14px;
	margin-bottom: 10px;
	border-bottom:dotted 2px #CCC;
	color: #3F3F3F;
	background-position: 4px top;
	clear: both;
}


.pointa {
	font-size: 15px;
	color: #333;
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/point.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
	margin-bottom: 5px;
	line-height:130%;
}

.point1{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/point1.gif);
}
.point2{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/point2.gif);
}
.point3{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/point3.gif);
}
.point4{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/point4.gif);
}
.point5{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/point5.gif);
}
.point6{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/point6.gif);
}
.point7{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/point7.gif);
}
.point8{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/point8.gif);
}
.point9{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/point9.gif);
}
.point10{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/point10.gif);
}


/* 矢印 */

.arrow_blue,.arrow_orange,.arrow_black,.arrow_red{
	background-repeat: no-repeat;
	font-weight: bold;
	line-height: 160%;
	font-size: 16px;
	background-position: left center;
	padding-left: 25px;
	margin-top: 3px;
	margin-bottom: 3px;
	font-family:sans-serif;
	_zoom: 1;
	overflow: hidden;
}

.arrow_blue {
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/arrow_blue.gif);
}
.arrow_orange {
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/arrow_orange.gif);
}
.arrow_black {
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/arrow_black.gif);
}
.arrow_red {
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/arrow_red.gif);
}


/* 文字装飾 */


.alert,.accept,.attention,.thint{
	font-size: 12px;
	line-height: 130%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 55px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-position:8px 3px;
}

.alert {
	background-color: #FFEFEF;
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/alert.png);
	background-repeat: no-repeat;
	color: #A2462F;
	border: 1px solid #FABDA7;
}

.accept {
	border: 1px solid #C2E39B;
	background-color: #EFFADA;
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/accept.png);
	background-repeat: no-repeat;
	color: #346F15;
}

.attention {
	border: 1px solid #FDE8A8;
	background-color: #FEF8E0;
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/attention.png);
	background-repeat: no-repeat;
	color: #804900;
}

.thint {
	border: 1px solid #C5D7ED;
	background-color: #EFF4FA;
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/thint.png);
	background-repeat: no-repeat;
	color: #2C4F7A;
}

 .user1,.user2 {
	font-size: 12px;
	line-height: 130%;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 12px 12px;
	background-color: #EFF4FA;
	border: 1px solid #C5D7ED;
	min-height: 70px;
	_height:70px;
	_zoom: 1;
	overflow: hidden;
}

 .user1{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/user1.png);
}

 .user2{
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/user2.png);
}

.noimage{
	padding-left:12px;
	background-image: none;
	min-height:15px;
}

.ylw{
	background-color:#FFE566;
	font-weight:bold;
	padding:2px;
}


/* ボックス */

.nmlbox,.dottbox,.ylwbox,.graybg{
	padding:15px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear:both;
}

 .graybg{
	background-color:#EBEBEB;
}

.dottbox{
	border:dotted 1px #666;
}
.nmlbox {
	border: 2px solid #CCCCCC;
}
.ylwbox {
	background-color: #FFFFD2;
	border: 2px solid #CC0000;
}


/* 水平線 */

.border1,.border2,.border3,.borderdot,.borderdot2{
	margin: 10px;
	padding: 0px;
	line-height: 1px;
	height: 1px;
	_zoom: 1;
	overflow: hidden;
}

.border1 {
	border-bottom:solid 1px #999;
}
.border2 {
	border-bottom:solid 1px #990000;
}

.border3 {
	border-bottom:solid 1px #003366;
}

.borderdot {
	border-top:dotted 1px #999;
}

.borderdot2 {
	border-top:dotted 2px #999;
}

.layout_l{
	float:left;
}

.layout_r{
	float:right;
}

.hd,.hd:hover,.hd:visited{
	color:#333;
	text-decoration:none;
}


/* 角丸 */

.rnd1{
	padding: 15px;
	margin: 15px auto 15px auto;
}

.rnd1{
	position:relative;
	z-index:1;
	padding: 15px;
	margin: 15px auto 15px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(css/PIE.htc);
}



.rbox1 {
	background-color: #f0f0f0;
	border: 1px solid #d7d7d7;
}

.rbox2 {
	background-color: #FFF;
	border: 2px solid #FF843F;
}

.rbox3 {
	background-color: #FFF;
}

.rbox4 {
	background-color: #F5F5F5;
}


/* シャドウ */

.shadow1,.shadow2,.shadow3{
	padding: 15px;
	margin: 15px auto 15px auto;
}

.shadow1{
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.shadow2{
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}


/* FAQ */

.question1 {
	font-size: 17px;
	font-weight: bold;
	line-height: 130%;
	margin: 15px auto 4px auto;
	padding: 5px 0 6px 50px;
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/q1.png);
	background-repeat: no-repeat;
	background-position: 10px top;
}

.answer1 {
	position:relative;
	font-size: 13px;
	line-height:140%;
	border:solid 1px #CCC;
	background-color:#F5F5F5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 5px auto 35px auto;
	padding: 20px 20px 20px 60px;
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/a1.png);
	background-repeat: no-repeat;
	background-position: 12px 18px;
	behavior: url(css/PIE.htc);
}

.question2 {
	font-size: 17px;
	font-weight: bold;
	line-height: 130%;
	margin: 20px auto 4px auto;
	padding: 5px 0 6px 50px;
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/q2.png);
	background-repeat: no-repeat;
	background-position: 10px top;
}

.answer2 {
	position:relative;
	font-size: 13px;
	line-height:140%;
	margin: 5px auto 15px auto;
	padding: 10px 10px 20px 50px;
	background-image: url(https://red-clover-pta.net/wp-content/uploads/2018/02/a2.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	border-bottom:dotted 1px #CCC;
}



/* 吹き出し */

.bln{
	font-size:13px;
	line-height:130%;
	_zoom: 1;
	overflow: hidden;
	padding:0;
	margin: 0;
	color: #333333;
}

.b_body{
	margin:0;
	width:auto;
	padding:12px 19px;
	_zoom: 1;
	overflow: hidden;
}


.balloon1 .b_body{
	background-color:#F5F5F5;
	border:solid 1px #CCC;
}

.balloon2 .b_body{
	background-color:#FFF;
	border:solid 1px #CCC;
}

.balloon3 .b_body{
	background-color:#EBEBEB;
}

.balloon4 .b_body{
	background-color:#EAF1FF;
	border:solid 1px #6AA3F9;
}

.balloon5 .b_body{
	background-color:#FFEAEA;
	border:solid 1px #F96565;
}

.balloon6 .b_body{
	background-color:#FFF;
	border:solid 2px #CC0000;
}

.balloon7 .b_body{
	background-color:#FFF;
	border:solid 2px #0080B8;
}

.balloon8 .b_body{
	background-color:#FFF;
	border:solid 2px #FF8201;
}

.balloon9 .b_body{
	background-color:#FFF;
	border:2px solid #739221;
}



.bln .img-l{
	position:relative;
	z-index:100;
	background-image:url(https://red-clover-pta.net/wp-content/uploads/2018/02/balloon.png);
	top: 18px;
	left:1px;
	float:left;
	width: 28px;
	height: 19px;
	margin:0;
}

.bln .img-r{
	position: relative;
	z-index:100;
	background-image:url(https://red-clover-pta.net/wp-content/uploads/2018/02/balloon.png);
	top: 18px;
	right:1px;
	float:right;
	width: 28px;
	height: 19px;
	margin:0;
}
.bln .img-t{
	position: relative;
	z-index:100;
	background-image:url(https://red-clover-pta.net/wp-content/uploads/2018/02/balloon.png);
	top:1px;
	left: 30px;
	width: 22px;
	height: 22px;
	float:none;
	margin:0;
}
.bln .img-b{
	position: relative;
	z-index:100;
	background-image:url(https://red-clover-pta.net/wp-content/uploads/2018/02/balloon.png);
	bottom:1px;
	left: 30px;
	width: 22px;
	height: 22px;
	margin:0;
}


div.bln:after{height:0; visibility: hidden; content: ".";   display: block; clear: both;}
.balloon1 .img-b{ background-position: 0 0;} 
.balloon1 .img-l{ background-position: 0 -72px;} 
.balloon1 .img-r{ background-position: 0 -139px;} 
.balloon1 .img-t{ background-position: 0 -206px;} 
.balloon2 .img-b{ background-position: 0 -278px;} 
.balloon2 .img-l{ background-position: 0 -350px;} 
.balloon2 .img-r{ background-position: 0 -417px;} 
.balloon2 .img-t{ background-position: 0 -484px;} 
.balloon3 .img-b{ background-position: 0 -556px;} 
.balloon3 .img-l{ background-position: 0 -628px;} 
.balloon3 .img-r{ background-position: 0 -695px;} 
.balloon3 .img-t{ background-position: 0 -762px;} 
.balloon4 .img-b{ background-position: 0 -834px;} 
.balloon4 .img-l{ background-position: 0 -906px;} 
.balloon4 .img-r{ background-position: 0 -973px;} 
.balloon4 .img-t{ background-position: 0 -1040px;} 
.balloon5 .img-b{ background-position: 0 -1112px;} 
.balloon5 .img-l{ background-position: 0 -1184px;} 
.balloon5 .img-r{ background-position: 0 -1251px;} 
.balloon5 .img-t{ background-position: 0 -1318px;} 
.balloon6 .img-b{ background-position: 0 -1390px;bottom:2px;} 
.balloon6 .img-l{ background-position: 0 -1462px;left:2px;} 
.balloon6 .img-r{ background-position: 0 -1531px;right:2px;} 
.balloon6 .img-t{ background-position: 0 -1600px;top:2px;} 
.balloon7 .img-b{ background-position: 0 -1672px;bottom:2px;} 
.balloon7 .img-l{ background-position: 0 -1744px;left:2px;} 
.balloon7 .img-r{ background-position: 0 -1813px;right:2px;} 
.balloon7 .img-t{ background-position: 0 -1882px;top:2px;} 
.balloon8 .img-b{ background-position: -78px 0;bottom:2px;} 
.balloon8 .img-l{ background-position: -78px -72px;left:2px;}
.balloon8 .img-r{ background-position: -78px -141px;right:2px;}
.balloon8 .img-t{ background-position: -78px -210px;top:2px;}
.balloon9 .img-b{ background-position: -78px -282px;bottom:2px;} 
.balloon9 .img-l{ background-position: -78px -354px;left:2px;} 
.balloon9 .img-r{ background-position: -78px -423px;right:2px;} 
.balloon9 .img-t{ background-position: -78px -492px;top:2px;} 


.float_left {
       	 float: left;
         margin-right: 0.2em;
		
      }
.float_right {
         float: right;
         margin-left: 0.2em;
      }
	  
.float_left1{
       	 float: left;
         margin-right: 0.2em;
		 width:47.9%;
      }
.float_right1 {
         float: right;
         margin-left: 0.2em;
		  width:47.9%;
      }	  

.floatclear
      {
         clear: both;
}

.head12 { 
		margin-right:auto;
		text-align:left;	
}

/* 共通css */
.comment {
	background: #ffffff;
	border-radius: 5px;
	color: #000000;
	padding: 10px;
	position: relative;
	margin:30px;
}

/* 吹き出し(下) */
.balloon1-under::after {
	border-left: solid 7px transparent;
	border-right: solid 7px transparent;
	border-top: solid 10px #222;
	bottom: -10px;
	content:"";
	display:block;
	height:0;
	left:50%;
	margin-left:-5px;
	position: absolute;
	width:0;
}

/* 吹き出し(上) */
.balloon1-top::after {
	border-left: solid 7px transparent;
	border-right: solid 7px transparent;
	border-bottom: solid 10px #222;
	top: -10px;
	content:"";
	display:block;
	height:0;
	left:50%;
	margin-left:-5px;
	position: absolute;
	width:0;
}

/* 吹き出し(左) */
.balloon1-left::after {
	border-top: solid 7px transparent;
	border-bottom: solid 7px transparent;
	border-right: solid 10px #222;
	left: -10px;
	content:"";
	display:block;
	height:0;
	top:50%;
	margin-top:-7px;
	position: absolute;
	width:0;
}

/* 吹き出し(右) */
.balloon1-right::after {
	border-top: solid 7px transparent;
	border-bottom: solid 7px transparent;
	border-left: solid 10px #222;
	right: -10px;
	content:"";
	display:block;
	height:0;
	top:50%;
	margin-top:-7px;
	position: absolute;
	width:0;
}

/* ボーダー吹き出し */
.comment-sub {
	background: #FFF;
	border: solid 3px #222;
	border-radius: 5px;
	color: #000;
	padding: 10px;
	position: relative;
	margin:30px;
}
.comment-sub::before,
.comment-sub::after {
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	border-top: solid 15px #222;
	bottom: -15px;
	content:"";
	display:block;
	height:0;
	left:50%;
	margin-left:-5px;
	position: absolute;
	width:0;
}
.comment-sub::after {
	border-top-color: #FFF;
	bottom:-10px;
}

.bbox-wblue {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #95ccff;
border-radius: 8px;
}
.bbox-wblue .bbox-title {
position: absolute;
display: inline-block;
top: -20px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 1.2em;
background: #FFF;
color: #95ccff;
font-weight: bold;
}

.bbox-pink {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #F5A9E1;
border-radius: 8px;
}
.bbox-pink .bbox-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 1.2em;
background: #FFF;
color: #DF0174;
font-weight: bold;
}

.bbox-red {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #DF0101;
border-radius: 8px;
}
.bbox-red .bbox-title {
position: absolute;
display: inline-block;
top: -20px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 1.2em;
background: #FFF;
color: #DF0101;
font-weight: bold;
}

/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    min-width: 160px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:24px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-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;
}
/*ボタンを変えるときはここから*/
.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;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

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


/* 広告枠追加 */
#single_banner_area_o { margin:0 50px 30px; }
#single_banner_area_o .single_banner_left { float:left; }
#single_banner_area_o .single_banner_right { float:right; }
#single_banner_area_o img { max-width:100%; height:auto; display:block; }
#single_banner_area_o.one_banner .single_banner_left { float:none; margin:0 auto; }
#single_banner_area_o.one_banner img { margin:0 auto; }
@media screen and (max-width: 670px) {
#single_banner_area_o { margin:0 0 30px 0; text-align:center; }
#single_banner_area_o .single_banner_left { float:none; padding:0 0 15px 0; }
#single_banner_area_o .single_banner_right { float:none; padding:0 0 5px 0; }
#single_banner_area_o img { max-width:100%; height:auto; display:inline; }
}