@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */

/* サムネイルサイズ指定 
.entry-thumb img {
    width: 200px;
    height: 200px;
    margin-bottom: 40px;
}
*/


/*WordPress Popular Postsプラグイン*/
/*
#sidebar ul.wpp-list {
  padding: 0;
  list-style:none;

}


#popular-post ul.wpp-list li{
	border-bottom: #ccc 1px dotted;
}
#popular-post ul.wpp-list li:last-child{
	border-bottom: #fff 0px dotted;
}
#popular-post ul.wpp-list li a{
	  font-size:13px;
	  color: #b3424a;
}
#popular-post {
    counter-reset: wpp-ranking;
}

#popular-post ul li:before {
    color:#fff;
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    text-align:center;
    opacity:0.999;
　　font-size:11px;
    float:left;
    line-height:18px;
    width: 18px;
    height: 18px;
    background-color:#993333;
    border-radius: 2px;
    -moz-border-radius: 2px;
}
#popular-post li img {
	float:left;
	margin-left:-18px;
}
*/


/* 人気記事ランキングの順位をカスタマイズ　*/
/*
.widget_popular_ranking ul li:before, .widget_new_popular ul li:before {
  background: none repeat scroll 0 0 #FFF !important;
  color:#000 !important;
  top: -3px !important;
  border-radius: 50px !important;
  border:solid 2px #000 !important;
}
#new-entries ul li img, #popular-entries ul li img {
  margin: 3px 5px 10px 3px;
}
*/


/*
.widget_popular_ranking ul li:before {
    background: none repeat scroll 0 0 #993333 !important;
    color: #fff;
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    font-size: 75%;
    left: 0;
    top: 3px;
    line-height: 1;
    padding: 4px 7px;
    position: absolute;
    z-index: 1;
    opacity: 0.9;
    border-radius: 2px;
    font-family: Arial;
}
*/

/************************************
** アンカー
************************************/
a {
  color: #2098A8;
  word-wrap: break-word;
}

a:hover {
  color: #C03;
}

.widget_new_entries a,
.widget_new_popular a,
.widget_popular_ranking a,
.wpp-list a,
.entry-read a,
.related-entry-read a,
.article-list .entry-title a{
  color:#993333;
}

.widget_new_entries a:hover,
.widget_new_popular a:hover,
.widget_popular_ranking a:hover,
.wpp-list a:hover,
.entry-read a:hover,
.entry .post-meta a:hover,
.related-entry-read a:hover,
.entry a:hover,
.related-entry-title a:hover,
.navigation a:hover,
#footer a:hover,
.article-list .entry-title a:hover{
  color:#c03;
}


/*
.widget_popular_ranking ul li:before, .widget_new_popular ul li:before {
  background: none repeat scroll 0 0 #FFF !important;
  color:#000 !important;
  top: -3px !important;
  margin-top: -5px !important;

  border-radius: 50px !important;
  border:solid 2px #000 !important;
}
#new-entries ul li img, #popular-entries ul li img {
  margin: 3px 5px 10px 3px;
}
*/

/* カウンターの初期化 */
.wpp-list {
    counter-reset: wpp-ranking;
}
/* カウンターの値を表示 */
.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}

.wpp-list li {
    position: relative;
    list-style-type: none;
    padding-top: 5px;
    padding-left: 5px;
}
.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    background: rgba(153, 51, 51, 0.9) !important;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 4px 8px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
	/*border-radius: 50px !important;*/
}

.wpp-list li:nth-child(1):before {
    background: rgba(255, 88, 196, 0.9) !important;
}
.wpp-list li:nth-child(2):before {
    background: rgba(245, 171, 31, 0.9) !important;
}
.wpp-list li:nth-child(3):before {
    background: rgba(255, 121, 37, 0.9) !important;
}

/* カテゴリー欄 */
#sidebar aside ul li ul li { 
	background: none;
	padding-left: 0;
}
#sidebar aside li.cat-item a { 
	display: block;
	overflow: hidden;
	font-size: 15px; 
	line-height: 2.4em; 
	text-decoration: none;
	vertical-align: middle;
	padding: 0 8px; 
	color: #2098A8; 
	background: #fff; 
	margin-bottom: 1px; 
	border-bottom:1px dotted #406572 !important;
}
#sidebar aside li.cat-item a:hover {
	background: fff; 
	color: #C03; 
}
#sidebar aside li.cat-item span { 
	line-height: 1em;
	float: right; 
	margin: 8px 0 0 8px; 
	padding: 4px 8px; 
	border-radius: 4px; 
	color: #fff; 
	background: #66cc66;
	border-radius: 50px !important;
}


/*
.entry-content h2{
		color: #fff; 
	border-left: 0px solid #000;
	position:relative;
	padding:10px;
	background:#d1989d;
	box-shadow:
		10px 0 0 0 #d1989d,
		-10px 0 0 0 #d1989d,
		0 3px 3px 0 rgba(0,0,0,0.1);
}
.entry-content h2:before{
	content:" ";
	position:absolute;

	

top:-8px;
left:-10px;
width:120px;
height:0;
border-width:0 5px 8px 0;
border-style:solid;
border-color:transparent;
border-bottom-color:#d1989d;
}
.entry-content h2:after{
	content:" ";
	position:absolute;
	top:100%;
	left:100%;
	width:0;
	height:0;
	border-width:10px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#d1989d;
}
*/

/* 08.インデックス型の見出し */
/*
.entry-content h2{
	color:#eeeeee;
	font-size: 20px;
	border-left: 0px !important;
	position:relative;
	padding:10px;
	background:#3E7D00;
	box-shadow:
		10px 0 0 0 #3E7D00,
		-10px 0 0 0 #3E7D00,
		0 3px 3px 0 rgba(0,0,0,0.30);
}
*/


/*
.entry-content h2:before{
	content:" ";
	position:absolute;
	top:-8px;
	left:-10px;
	width:120px;
	height:0;
	border-width:0 5px 8px 0;
	border-style:solid;
	border-color:transparent;
	border-bottom-color: #3E7D00;
}
*/
/*
.entry-content h2:after{
	content:" ";
	position:absolute;
	top:-10px;
	right:-10px;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-bottom-color: #264D00;
}
*/

.entry-content h2{
	border-left: 0px !important;
	position:relative;
	padding:10px;
	padding-bottom: .5em;
}

.entry-content h2::before,
.entry-content h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 4px;
}



.entry-content h2::before {
	z-index: 2;
	width: 15%;
	background-color: #993333;
}
.entry-content h2::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}





/* 各種h調整 */
/************************************
** 見出し（H1-6）
************************************/

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
	word-break: break-all;
}

.article h1 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 27px;
	line-height: 117%;
}

/* サイトタイトル */
#site-title a {
    text-decoration: none;
    color: #222;
    font-size: 45px;
    font-weight: normal;
}


/* プロフィール */

.proficons{
text-align:center;
}
 
.proficons img {
border-radius: 75px;
-moz-border-image: border-radius: 75px;
-webkit-border-image: border-radius: 75px;
margin-bottom:-276px;
margin-right:-170px;
position:relative;
border: 2px solid #ffffff;
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.30);
}

.profname{
    padding: 2px 10px;
    text-align: left;
    background: #993333;
    color: #fff;
    margin: 0px;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.30);
}

.proftxt{
	padding: 2px 10px;
color: #555;
padding-top: 10px;
text-align:left;
}

.profcon{
margin: auto;
text-align:center;
}



.profbox{
display: inline-block;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;

border: 1px solid #d8d8d8;
width:334px;



}

.profbox_img {
	height:223px;
	padding-bottom:0px;
	background-color: #cc9999;
	border-radius:3px 3px 0 0;
	background-image: url("//arutora.com/wordpress/wp-content/uploads/2016/10/profback.jpg")
}




/* SSLシール */




.ssltxt{
padding:10px;
color: #555;
text-align:left;
}

.sslcon{
margin: auto;
text-align:center;
}



.sslbox{
display: inline-block;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;

border: 1px solid #d8d8d8;
width:334px;
background-color: #f5f5f5;
padding-top: 10px;

}






/* 画像の隙間対策 */
img {
    border-width: 0px;
    vertical-align: bottom;
}

/*table.imgt tr{width: 600px;}*/


table.imgt {
max-width: 600px;
background-color: #f5f5f5;
border-collapse:collapse;
font-size: 0.875em;
line-height: 1.6;
}


table.imgt th{padding:0px;}
table.imgt td{padding:0px; max-width: 300px;border:0px;}
table.imgt td.cap{padding:5px;width: 50%;}

table.shogen {
width: 600px;
background-color: #0066cc;
font-size: 0.875em;
line-height: 1.6;
}
/*border0で通常設定*/
.article td {
    border: 0px;
}




.tbl {
	width: 100% !important;
}

.tbl td
{
	border: solid 1px #ccc !important;
}

p.qt {
margin-top: 30px !important;
text-align: right !important;
/*background-color: #000000 !important;*/
}

	
p.lic {
margin-top: 50px !important;
text-align: right !important;
/*background-color: #000000 !important;*/
font-size: 0.6em !important;
}

div.example {
overflow:hidden;
width:auto;
margin:0 40px;
background-color: #f5f5f5;
border: 1px dashed #c0c0c0}

div.example p {
font-size: 0.875em;
line-height: 1.6;
margin:10px 10px;
overflow:hidden;
background-color: #f5f5f5}

div.example_cli {
overflow:hidden;
width:auto;
margin:0 40px;
background-color: #000000}

div.example_cli p {margin:5px 10px;
overflow:hidden;
background-color: #000000;
color: #ffffff}


div.ppp{
text-align:center;
width: 328px;
height:280px;
	background: #66484d;

}

/* 広告表示制御 */
.responsive-unit{
  max-width: 336px;
  margin-left: auto;
  margin-right: auto;
}


/************************************
** グローバルナビメニュー（menu）
************************************/
#navi ul{

  border-radius:0;

}

#navi ul li a{
  font-size:16px;
}


/************************************
** メインビジュアル表示
************************************/

#main-visual {
	margin:-15px auto 15px;
}