@charset "UTF-8";

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

/* Simplicity子テーマ用のスタイルを書く */
/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/*カラー設定
メインカラー（薄い青）#69b4e6
サブカラー（濃い青）#3498db
アクセント（だいだい）#fcc800

*/
/*記事本文*/
.entry-content{
line-height:1.8;
}
h1.entry-title{
background:url('https://ashige3.com/wp-dir/wp-content/uploads/2017/05/h1.png') left bottom no-repeat;
height:80px;
padding-left:80px;
display:table-cell;
vertical-align:middle;
}
h1.entry-title::after{
content:'';
display:table;
clear:both;
}
/*h2のスタイル*/
#related-entries >h2{
	padding: .25em .5em;
	background: -webkit-repeating-linear-gradient(45deg, #999, #999,5px, #aaa 5px, #aaa 10px);
	background: repeating-linear-gradient(45deg, #999, #999 5px, #aaa 5px, #aaa 10px);
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	font-size:18px;
}
.entry-content > h2{
border-left:0px;
	padding: .5em .75em;
	background: -webkit-repeating-linear-gradient(45deg, #69b4e6, #69b4e6,5px, #3498db 5px, #3498db 10px);
	background: repeating-linear-gradient(45deg, #69b4e6, #69b4e6 5px, #3498db 5px, #3498db 10px);
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

.debut h2,.stakes h2 {
	border-left:0px;
	position: relative;
	padding: .5em 1.2em;
	background-color: #f0f0f0;
	border-radius: 6px;	
	margin:2em 0.1em 0;
}
.debut h2::after,
.stakes h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #3498db;
	border-radius: 4px;
}

.more_saturday h2,
.more_sunday h2,
.more_monday h2{
	position: relative;
	border-left:0px;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
background:white;
font-size:24px;
line-height:1;
border-top:1px solid #CCC
}
.more_saturday h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 35%;
	height: 4px;
	background-color: #3498db;
}
.more_sunday h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 35%;
	height: 4px;
	background-color: #db3498;
}
.more_monday h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 35%;
	height: 4px;
	background-color: #34db98;
}
/*H3のスタイル*/
.entry-content > h3{
    position: relative;
    color: #111;
    font-size: 1.143em;
    font-weight: bold;
    margin: 1.75em 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #3498db;
}
 
.entry-content > h3:before{
    content: "";
    position: absolute;
    background: #3498db;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
.entry-content > h3:after{
    content: "";
    position: absolute;
    background:#69b4e6;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

.more_sunday h3,
.more_saturday h3,
.more_monday h3{
	position: relative;
	padding: .3em 1em;
	background-color: #f6f6f6;
border-bottom:0;
display:inline-block;
}
.more_sunday h3::after,
.more_saturday h3::after,
.more_monday h3::after{
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #ddd #ddd;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}

/*h4のスタイル*/
.article h4,.article h5,.article h6{
	border-bottom-width:0px;
	font-size:18px;
}
/*リストスタイル*/
.more_saturday ul,
.more_sunday ul,
.debut ul,
.stakes ul
{list-style-type:none;
padding:0 0.5em;
}

.entry-content ul li{
line-height:1.4;
padding:2px;
margin-top:5px;
margin-bottom:5px;
}

.debut{
font-size:15px;
}
.debut b{
font-size:17px;
}
/*引用*/
blockquote{
background:white;
	padding: 1em 1.5em;
	border: 3px solid #F0F0F0;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
font-size:14px;line-height:1.4
}

/*続きを読む*/
a.more-link{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #fcc800;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #fff3b8;
    border-radius: 3px;
float:right;
}
a.more-link:active{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #fcc800;/*ボタン色*/
    color: #FFF;
    border-top: solid 4px #e9bc00;
border-bottom:0px;
    border-radius: 3px;
float:right;
}
/*サイドバー用*/

h3.sidebar_widget_title{
background:#3498db;
padding:10px ;
color:white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

/*****************************
*カレンダーに枠と曜日の色を付ける
*****************************/
#wp-calendar {
border-collapse: collapse;
border-top:solid white 5px;
border-right:solid white 5px;
width: 100%;
margin-left: 0px;
}
#wp-calendar thead tr th {
border-bottom:solid white 5px;
border-left:solid white 5px;

}
#wp-calendar a{
display:block;
background:#fcc800;
color:white;
text-decoration:none;
border-radius:15px
}
#wp-calendar a:hover{
background:#e9bc00;
}
/*土曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(6){
color:#369
}

/*日曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(7){
color:#936
}

#wp-calendar td {
text-align: center;
padding: 0px;
border-bottom:solid white 5px;
border-left:solid white 5px;


}
#wp-calendar caption {
font-weight: bold;
text-align: center;
background:#69b4e6;
border-bottom:2px solid #3498db;
color:white;
}
#wp-calendar tbody tr #today {
font-weight: bold;
color:black
}

/*アーカイブリスト*/
.widget_archive select{
width:100%;
font-size:20px;
border-radius:5px;
padding:5px 2px;
}
/*カテゴリーリスト*/
.widget_categories ul {

  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.widget_categories ul li {
  line-height: 1.5;
  padding: 0.2em 1em;
  list-style-type: none!important;
}

.widget_categories ul li:before {
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 0.5em;/*左端からのアイコンまでの距離*/
  color: #69b4e6;/*アイコン色*/
}

/*コメント*/
h2#comments{
position: relative;
padding: 5px 5px 5px 42px;
background: #69b4e6;
font-size: 20px;
color: white;
margin-left: -33px;
line-height: 1.3;
}
#reply-title{
position: relative;
padding: 5px 5px 5px 42px;
background: #CECECE;
font-size: 20px;
color: white;
margin-left: -33px;
line-height: 1.3;
}
h2#comments:after{
position: absolute;
content: '';
right: -2px;
top: -2px;
border: none;
border-left: solid 40px transparent;
border-bottom: solid 79px white;

}
#comment-area ol li.parent{
border-bottom:1px solid #cecece;
}
a.comment-reply-link{
display:inline-block;
border-radius:5px;
background:#fcc800;
color:white;
text-decoration:none;
padding:3px 10px;
margin:5px;
}
ul.children li{
border-top:1px solid #cEcEcE;
}
li.parent{
border-bottom:1px solid #CCC;

}

/*インデックス*/
article.entry-card,article.article-list{
border-bottom:2px solid #eee;
padding-bottom:1em;

}

/*関連記事*/
#related-entries .related-entry-title{
line-height:1.3;
text-align:left;
font-size:12px;
}

.widget_categories select{
font-size:18px;
	line-height:1.5;
	height:1.5em;
	width:80%;
	padding-left:0.5em;
}