/*
 Theme Name:   twentyfourteen_cld
 Theme URI:    http://reflexions.jp/blog/ed_tenmon/twentyfourteen_cld/
 Description:  Twenty Fourteen Child Theme
 Author:       Chihiro
 Author URI:   http://reflexions.jp
 Template:     twentyfourteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfourteen_cld
*/
/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */
/*メインコンテンツ幅を広げる*/
.content-area {
    padding-top: 48px;
}
 
.hentry {
    margin: 0 auto 12px;
    max-width: 880px;/*【コンテンツ幅調整】変更前⇒672px*/
}
 
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
    margin: 0 auto;
    max-width: 750px; /*【コンテンツ幅調整】変更前⇒474px*/
}
/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */
 
.nav-links {
    -webkit-hyphens: auto;
    -moz-hyphens:    auto;
    -ms-hyphens:     auto;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    hyphens:         auto;
    word-wrap: break-word;
}
 
.post-navigation,
.image-navigation {
    margin: 12px auto 12px;
    max-width: 750px;/*【コンテンツ幅調整】変更前⇒474px*/
    padding: 0 10px;
}
/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */
 
.archive-header,
.page-header {
    margin: 12px auto;
    max-width: 750px;/*【コンテンツ幅調整】変更前⇒474px*/
}
/**
 * 6.10 Contributor Page
 * -----------------------------------------------------------------------------
 */
 
.contributor {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:      border-box;
    padding: 48px 10px;
}
 
.contributor:first-of-type {
    padding-top: 24px;
}
 
.contributor-info {
    margin: 0 auto;
    max-width: 750px;/*【コンテンツ幅調整】変更前⇒474px*/
}
/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */
 
.comments-area {
    margin: 12px auto;
    max-width: 750px;/*【コンテンツ幅調整】変更前⇒474px*/
    padding: 0 10px;
}

/**
 * 10.0 Multisite
 * -----------------------------------------------------------------------------
 */
 
.site-main .widecolumn {
    padding-top: 72px;
    width: auto;
}
.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
    margin: 0 auto 12px;
    max-width: 750px;/*【コンテンツ幅調整】変更前⇒474px*/
    padding: 0 30px;
}
/************/ 
.page-content {
    margin-bottom: 12px;
}


.wp-post-image {
        padding: 4px;
        float: left;
        margin-right: 5px;
}

/* 左サイドバーを狭く */
@media screen and (min-width: 1080px) {
    .search-box .search-field {
        width: 324px;
    }
 
    .site-content,
    .site-main .widecolumn {
        margin-left: 180px;/*【コンテンツ幅調整】変更前⇒222px*/
    }
 
    .site:before {
        width: 180px;/*【コンテンツ幅調整】変更前⇒222px*/
    }
 
    .search-box-wrapper,
    .featured-content {
        padding-left: 180px;/*【コンテンツ幅調整】変更前⇒222px*/
    }
 
    #secondary {
        width: 120px;/*【コンテンツ幅調整】変更前⇒162px*/
    }
 
    .secondary-navigation,
    .secondary-navigation ul ul {
        width: 180px;/*【コンテンツ幅調整】変更前⇒222px*/
    }
 
    .secondary-navigation ul li:hover > ul,
    .secondary-navigation ul li.focus > ul {
        left: 202px;
    }
}
@media screen and (min-width: 1008px) {
    .search-box-wrapper {
        padding-left: 182px;
    }
 
    .main-content {
        float: left;
    }
 
    .site-content {
        margin-right: 27%;/*【コンテンツ幅調整】変更前⇒29.04761904*/
        margin-left: 180px;/*【コンテンツ幅調整】変更前⇒184*/
    }
}

/*関連記事*/
.similar_posts {
        padding: 1px;
        margin-top: 1px;
        margin-left: 0px;
}
.similar_posts_title {
        margin:2px;
        font-size: 14px; /* テキストリンクのサイズ */
}
.similar_posts_snippet {
        margin:2px auto;
        font-size: 12px; /* 抜粋文字のサイズ */
}

/*アイキャッチ背景非表示*/
.post-thumbnail {
    display:none;
}


/*記事見出しのスタイル*/
.entry-title {
	text-transform:none;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #ffffa6;/*背景色*/
	border-top: solid 5px #7db4e6;/*左線*/
	border-bottom: solid 5px #7db4e6;/*左線*/
	font-size:24px;
}
.entry-meta div{
	background-color: #f4f4f4;/*背景色*/
}
.entry-date{
	font-size:18px;
	font-weight: 600;
}
.entry-content h2,
.comment-entry h2{
	position: relative;
	padding: 0.5em;
	margin-bottom:20px;
	background: #399f86;
	color: white;
	font-size:20px;
}
.entry-content h2::before,
.comment-entry h2::before {
	font-size:20px;
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px rgb(149, 158, 155);
}

.entry-content h3,
.comment-entry h3 {
	font-size:18px;
	padding: 0.3em;/*文字周りの余白*/
	color: #010101;/*文字色*/
	background: #b9d7ff;/*背景色*/
	border-bottom: solid 3px #516ab6;/*下線*/
}
.entry-content h4,
.comment-entry h4  {
	font-size:18px;
	color: #4280e4;/*文字色*/
	border-bottom: dashed 2px #6594e0;
	/*線の種類（点線）2px 線色*/
}
.entry-content h5,
.comment-entry h5 {
	font-size:16px;
	position: relative;
	padding-left: 1.2em;/*アイコン分のスペース*/
	line-height: 1.4;
}

.entry-content h5:before ,
.comment-entry h5:before { 
	font-family: FontAwesome;/*忘れずに*/
	content: "\f00c";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: 0;/*アイコンの位置*/
	color: #5ab9ff; /*アイコン色*/
}

.entry-content h6,
.comment-entry h6{
	font-size:14px;
	position: relative;
	color: black;
	background: #daffde;
	line-height: 1.4;
	padding: 0.25em 0.5em;
	margin: 2em 0 0.5em;
	border-radius: 0 5px 5px 5px;
}
.entry-content h6:after ,
.comment-entry h6:after {/*タブ*/
	position: absolute;
  	font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
 	 content: '\f00c Check';
	background: #2196F3;
	color: #fff;
	left: 0px;

	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 3px 7px 1px;
 	font-size: 0.7em;
 	line-height: 1;
 	letter-spacing: 0.05em
 }

/*引用*/
blockquote {
     color: #2b2b2b;
     font-size: 100%;
     font-style: italic;
     font-weight: 300;
     line-height: 1.5;
     margin-bottom: 0px;
     position:relative;
     padding:10px 10px 0px 10px;;
     border:1px dotted #333;
     background:#f5f5f5;
     margin-bottom:20px;
}
/* 記事概要囲み枠 */
.abst {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
	border-radius: 0px 8px 8px 8px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	background: #ebffff;
}
.abst .box-title {
    position: absolute;
    display: inline-block;
    top: -40px;
    left: -3px;
    padding: 0 9px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    font-size: 20px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.abst p {
    margin: 0; 
    padding: 0;
}
/** 枠無しテーブル **/
.fototbl {
	border:none;
}

/* 吹き出し本体 */
.line-bc {
  padding: 20px 10px;
  max-width: 650px;
  margin: 15px auto;
  text-align: right;
  font-size: 14px;
  background: #7da4cd;

}

/*以下、②左側のコメント*/
.balloon6 {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
}

.balloon6 .faceicon {
    float: left;
    margin-right: -50px;
    width: 75px;
}

.balloon6 .faceicon img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.balloon6 .faceiconr {
    float: right;
    margin-left: -50px;
    width: 75px;
}

.balloon6 .faceiconr img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.balloon6 .chatting {
    width: 100%;
    text-align: left;
}
.says {
    display: inline-block;
    position: relative; 
    margin: 0 0 0 60px;
    padding: 10px;
    max-width: 250px;
    border-radius: 12px;
    background: #edf1ee;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px; 
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid #edf1ee;
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
.says p {
    margin: 0;
    padding: 0;
}

/*以下、③右側の緑コメント*/
.mycomment {
    margin: 0px 0;
}
.mycomment p{
    display: inline-block;
    position: relative; 
    margin: 0 60px 0 0;
    padding: 8px;
    max-width: 250px;
    border-radius: 12px;
    background: #30e852;
    font-size: 15px;
}

.mycomment p:after {
    content: "";
    position: absolute;
    top: 3px; 
    right: -19px;
    border: 8px solid transparent;
    border-left: 18px solid #30e852;
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}
/**
 * ヘッダー埋め込みCSS タイトルを画像に変更 
 * Twenty Fourteen ver1.3
 *
 * License: GPLv2 or later
 */

.site-title a {
    background-image: url("http://reflexions.jp/blog/ed_tenmon/wp-content/uploads/2018/06/logo.png");
    background-position: left 0px top 5px;
    background-repeat: no-repeat;
    background-size: 50% auto;
    padding-left: 150px;
}