@charset "UTF-8";

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

/* Simplicity子テーマ用のスタイルを書く */
header, #header, #h-top, .top-title-catchphrase {background:none;}

#header {
    width: 100%;
    background-image: url("https://atstory.net/wp-content/uploads/atstory_top.gif");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 0;
    padding: 0 0 28.03738%;
    overflow: hidden;
    margin-bottom: 0px;
}

#header-in .top-title-catchphrase {
background: rgba(255,255,255,0.8);
padding:1px 20px 10px 20px;
border-radius: 0 0px 10px 10px;
}

@media screen and (max-width: 640px) {
#header-in .top-title-catchphrase {
padding:1px 2px 5px 2px;}
}

/* 全体のフォントサイズ */
/* フォント設定　通常フォント（ヒラギノ、メイリオ、または游ゴシック）で表示 */
/*
body {background: url("https://atstory.net/wp-content/uploads/bglt01.png") left top no-repeat;
-moz-background-size:33% auto;
background-size:33% auto;}
*/
body, #main {font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:100.0%;background-color:#fefefe;}
#site-title a:before {content:"\f1ec  ";font-family:"FontAwesome";}
/* -- カテゴリの文字サイズ 2016/11/28 --*/
.widget_categories ul li a {font-size:0.9em;line-height:1.1em;}
.widget_categories ul li a img.wpp-thumbnail {width:50px;height:50px;}

#main {
  border-top:0px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:0px solid #ddd;
  border-left:1px solid #ddd;
  background-color:none;
  border-radius: 0px;
}
#main .widgets{
  margin-top: 0px;
}

/* --- at_set_style_16/07 --- */
#navi ul {border:none;border-top:0px solid #ddd;border-bottom:0px solid #ddd;border-left:0px;border-right:0px;background: rgba(255,255,255,0.9);border-radius: 0px;}
#navi ul li {border-right:1px dotted #ddd;}
#navi ul li:last-child {border-right:0px dotted #ddd;}
/* --- at_set_style_16/07 --- */
.entry-content .top_fix2 {font-size:1.1em;line-height:1.4em;display:table;margin: 0px;padding: 8px 0px 8px 0px;width: 100%;border-spacing:1em 3px;border:#aaa 2px dotted;}
.entry-content .top_fix2 a {text-decoration:none;color:#400040;}
.entry-content .top_fix2 a:hover {text-decoration:underline;color:#800040;}
@media screen and (max-width: 640px) {
.entry-content div.top_fix2 {display: block;}
.entry-content div.top_fix2 {display: block;width: 100%;padding-left:8px;}
.entry-content div.top_fix2 {display: block;border:none;width: 100%;padding-left:8px;}
}

/* -- 記事を読むの設定 -- */
.entry-thumb a {margin-top:10px;}
.entry-card-content p.post-meta {text-align:right;font-size:0.9em;background:#fafafa;}
.entry-card-content footer {margin:10px 0px;} 
.entry-read {padding:0;width:100%;}
.entry-read a {display: block;color:#333;font-size:14px;background-color:#f8f8f8;border:1px solid #cecece;border-radius:2px;padding:3px 10px 3px 5px;text-decoration:none;text-align:center;}
.entry-read a:hover {color:#ff0000;background-color:#fff;border:1px solid #cecece;font-weight:bold;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;}
.entry-read a::before {margin-right:5px;font-family:"FontAwesome";content:"\f1ea";}
p.entry-snippet {font-size:0.9em;}

/* -- 関連記事の 記事を読むの色 -- */
.related-entry-read a {color:#333;font-size:14px;background-color:#f1f1f1;border:1px solid #cecece;border-radius:2px;padding:3px 10px 3px 5px;text-decoration:none;}
.related-entry-read a:hover {color:#fff;background-color:#888;border:1px solid #cecece;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;}
.related-entry-read a::before {margin-right:5px;font-family:"FontAwesome";content:"\f1ea";}
/* -- カレンダーの余白 -- */
#wp-calendar {width:90%;text-align:right;}
/* -- site-title -- */
#h-top {height:150px;background-position: right bottom;background:none;}
#site-title {margin-top:16px;margin-bottom:10px;font-size: 28px;line-height: 100%;}
#site-title a {text-decoration:none;color:#222;font-size:28px;font-weight:normal;}
/* -- navi -- */
#navi ul li a {font-size:13px;display: block;padding: .8em .8em;color:#111;text-decoration:none;z-index:99;}
/* -- h1 -- */
.article h1 {margin-top:26px;margin-bottom:20px;font-size: 26px;line-height:117%;}
/* -- h2 -- */
.article h2 {border-left:0px solid #888;border-bottom:2px dotted #888;position: relative;color: #111;font-size: 26px;line-height: 1;margin: 40px 10px 10px 5px;padding: 14px 5px 10px 15px;}
.article h2:before {content: "";position: absolute;background: #999;top: 0;left: -5px;height: 12px;width: 12px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}
.article h2:after {content: "";position: absolute;background:#777;top: 15px;left: -10px;height: 8px;width: 8px;
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);}
.article h3, #comment-area h3, #related-entries h3 {font-size:18px;border-bottom:0px solid #e7e7e7;padding:0px 0px 0px 10px;}
.article h3 {position:relative;padding-left:10px;border-bottom:2px solid #ccc;font-weight: bold;font-size: 20px;line-height: 38px;}
.article h3:before {content:'\f1ec';font-family:"FontAwesome";padding-right:10px;}

.article h4, #comment-area h4, #related-entries h4 {font-size:18px;border-bottom:0px solid #e7e7e7;padding:0px 0px 0px 18px;}
.article h4 {position:relative;padding-left:22px;border-bottom:2px dotted #ccc;font-weight: bold;font-size: 20px;line-height: 28px;}
.article h4:before {content:'\f044';font-family:"FontAwesome";padding-right:10px;}

.article h5, #comment-area h5, #related-entries h5 {font-size:15px;border-bottom:0px solid #e7e7e7;padding:0px 0px 0px 18px;}
.article h5 {position:relative;padding-left:20px;border-bottom:1px solid #ccc;font-weight: bold;font-size: 18px;line-height: 20px;}
.article h5:before {content:'\f05d ';font-family:"FontAwesome";padding-right:10px;}

/* -- hr -- */
hr.line-gr {
border: 0;height: 1px;
background-image: -webkit-linear-gradient(left, rgba(155,155,155,0), rgba(155,155,155,0.75), rgba(155,155,155,0));
background-image:    -moz-linear-gradient(left, rgba(155,155,155,0), rgba(155,155,155,0.75), rgba(155,155,155,0));
background-image:     -ms-linear-gradient(left, rgba(155,155,155,0), rgba(155,155,155,0.75), rgba(155,155,155,0));
background-image:      -o-linear-gradient(left, rgba(155,155,155,0), rgba(155,155,155,0.75), rgba(155,155,155,0));
}
/* */
.top_cont {border-spacing:0.1em 3px;border:#aaa 2px dotted;margin-bottom:5px;text-align:center;font-size:1.2em;font-weight:1.2em;padding:0px;width:100%;}
.top_fix {font-size:1.0em;display:table;margin: 0px;padding: 5px 0px 0px 5px;width: 100%;border-spacing:0.1em 3px;border:#aaa 2px dotted;}
.boxa {display:table-cell;width:48%;padding-right:2%;padding-left:2%;line-height:1.5em;}
.boxb {display:table-cell;width:48%;padding-right:2%;padding-left:2%;line-height:1.5em;}

.top_fix a {text-decoration:none;color:#400040;}
.top_fix a:hover {text-decoration:underline;color:#800040;}

div.top_fix a.linkfa:before {font-family: FontAwesome;content: "\f114";
position: absolute;
background: #c9e2ff;
color: #153c6e;
font-size: 10px;
font-weight:bold;
border-radius: 50%;
left: 0;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

div.top_fix a.linkfa {position: relative;line-height: 22px;padding-left: 25px;color:#153c6e;}

div.top_fix a.linkfa2:before {font-family: FontAwesome;content: "\f1ea";
position: absolute;
background: #c9e2ff;
color: #153c6e;
font-size: 10px;
font-weight:bold;
border-radius: 50%;
left: 0;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

div.top_fix a.linkfa2 {position: relative;line-height: 22px;padding-left: 25px;color:#153c6e;}

.tagarc1 {border-bottom: dotted 2px gray;padding-top:15px;margin-bottom:8px;}
.tagarc1:before{padding-top:15px;margin-bottom:8px;}

/* LRS家計チェック */
.lrslnk{
position: relative;
color: black;
font-size:1.6em;
background: #efefef;
line-height: 1.4;
padding: 0.2em 0.2em;
margin: 1em 0 0.5em;
border-radius: 0 5px 5px 5px;
}
.lrslnk a {text-decoration:none;color:#222;}
.lrslnk:before{
color: black;
font-family: FontAwesome;
content: '\f1ec  ';
}
.lrslnk:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f00c Check';
background: #578ED5;
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
}

/* tags01:bf */
div.top_fix div.boxa div.tags01:first-letter {font-size: 1.2em;color: #008;font-weight:normal;}
div.top_fix div.boxa div.tags01 {position: relative;padding-left: 1.4em;line-height: 1.2;}
div.top_fix div.boxa div.tags01:before{ font-family: FontAwesome;
content: "\f0d6";position: absolute;font-size: 1.2em;left: 0;top: 0;color: #008;}

/* tags02:bf */
div.top_fix div.boxa div.tags02:first-letter {font-size: 1.2em;color: #008;font-weight:normal;}
div.top_fix div.boxa div.tags02 {position: relative;padding-left: 1.4em;line-height: 1.2;}
div.top_fix div.boxa div.tags02:before{ font-family: FontAwesome;
content: "\f022";position: absolute;font-size: 1.2em;left: 0;top: 0;color: #008;}


/* tags03:bf */
div.top_fix div.boxa div.tags03:first-letter {font-size: 1.2em;color: #008;font-weight:normal;}
div.top_fix div.boxa div.tags03 {position: relative;padding-left: 1.4em;line-height: 1.2;}
div.top_fix div.boxa div.tags03:before{ font-family: FontAwesome;
content: "\f02d";position: absolute;font-size: 1.2em;left: 0;top: 0;color: #008;}

/* tags04:bf */
div.top_fix div.boxa div.tags04:first-letter {font-size: 1.2em;color: #008;font-weight:normal;}
div.top_fix div.boxa div.tags04 {position: relative;padding-left: 1.4em;line-height: 1.2;}
div.top_fix div.boxa div.tags04:before{ font-family: FontAwesome;
content: "\f080";position: absolute;font-size: 1.2em;left: 0;top: 0;color: #008;}

/* tags05:bf */
div.top_fix div.boxa div.tags05:first-letter {font-size: 1.2em;color: #008;font-weight:normal;}
div.top_fix div.boxa div.tags05 {position: relative;padding-left: 1.4em;line-height: 1.2;}
div.top_fix div.boxa div.tags05:before{ font-family: FontAwesome;
content: "\f201";position: absolute;font-size: 1.2em;left: 0;top: 0;color: #008;}

div.top_fix div.boxb h2:before{display:none;}
div.top_fix div.boxb h2:after{display:none;}

/* tags06:bf */
div.top_fix div.boxb div.tags06:first-letter {font-size: 1.2em;color: #008;font-weight:normal;}
div.top_fix div.boxb div.tags06 {position: relative;padding-left: 1.4em;line-height: 1.2;}
div.top_fix div.boxb div.tags06:before{ font-family: FontAwesome;
content: "\f015";position: absolute;font-size: 1.2em;left: 0;top: 0;color: #008;}

/* tags07:bf */
div.top_fix div.boxb div.tags07:first-letter {font-size: 1.2em;color: #008;font-weight:normal;}
div.top_fix div.boxb div.tags07 {position: relative;padding-left: 1.4em;line-height: 1.2;}
div.top_fix div.boxb div.tags07:before{ font-family: FontAwesome;
content: "\f0ed";position: absolute;font-size: 1.2em;left: 0;top: 0;color: #008;}

/* tags08:bf */
div.top_fix div.boxb div.tags08:first-letter {font-size: 1.2em;color: #008;font-weight:normal;}
div.top_fix div.boxb div.tags08 {position: relative;padding-left: 1.4em;line-height: 1.2;}
div.top_fix div.boxb div.tags08:before{ font-family: FontAwesome;
content: "\f07a";position: absolute;font-size: 1.2em;left: 0;top: 0;color: #008;}

/* tags09:bf */
div.top_fix div.boxb div.tags09:first-letter {font-size: 1.2em;color: #008;font-weight:normal;}
div.top_fix div.boxb div.tags09 {position: relative;padding-left: 1.4em;line-height: 1.2;}
div.top_fix div.boxb div.tags09:before{ font-family: FontAwesome;
content: "\f1ae";position: absolute;font-size: 1.2em;left: 0;top: 0;color: #008;}

/* tags10:bf */
div.top_fix div.boxb div.tags10:first-letter {font-size: 1.2em;color: #008;font-weight:normal;}
div.top_fix div.boxb div.tags10 {position: relative;padding-left: 1.4em;line-height: 1.2;}
div.top_fix div.boxb div.tags10:before{ font-family: FontAwesome;
content: "\f005";position: absolute;font-size: 1.2em;left: 0;top: 0;color: #008;}


@media screen and (max-width: 640px) {
div.top_fix {display: block;margin: 0px;width: 95%;}
div.top_fix div.boxa {display: block;width: 97%;padding-left:2%;padding-right:1%;}
div.top_fix div.boxb {display: block;border:none;width: 97%;padding-left:2%;padding-right:1%;}
}

/* トップページのベスト５ */
#wpp-7 {padding:10px;border:#ddd solid 1px;}
#wpp-7 .widget-index-top-title {font-size:1.2em;text-align:center;border-bottom: double 3px #888;color:#000;}
#wpp-7 .widget-index-top-title:before {content:"\f004  ";font-family:"FontAwesome";}
ol li {padding:3px 0px 3px 0px;border-bottom:#888 dotted 2px;}
ol li a {text-decoration:none;color:#333;}
ol li a:after {content:"\f1ea  \f0a9";font-family:"FontAwesome";}
/* */


/* -- 今までの人気TOP10記事 -- */
#recent-posts-2 li {font-size:0.9em;}
/* -- プチ引用 -- */
.puchi01{margin-left:10px;padding-left:10px;font-size:0.85em;border-left:#ccc 2px solid;line-height:1.4em;}

/* あわせて読みたい記事 */
.yomitai{
position: relative;
color: black;
font-size:1.2em;
background: #fff0f0;
line-height: 1.4;
padding: 0.6em 0.5em;
margin: 2em 0 0.5em;
border-radius: 0 5px 5px 5px;
}
.yomitai:before{
color: black;
font-family: FontAwesome;
content: '\f1ea  ';
}
.yomitai:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f00c Check';
background: #ff8000;
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
}

/* -- サイドバーのタイトルアイコン-- */
h3.sidebar_widget_title {position: relative;padding-left:40px;color:#333;font-weight:normal;border-bottom: dotted 1px #444;line-height:2.0;}
h3.sidebar_widget_title::before { position: absolute;content:"\f1ec"; font-family:"FontAwesome";background: #333;color: #fff;font-size: 18px;border-radius: 50%;left: 0;width: 30px;height: 30px;line-height: 30px;text-align: center;top: 50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: ranslateY(-50%);transform: translateY(-50%);}

/* サイドバーカテゴリーの行間 */
#categories-2 ul li.cat-item {font-size:0.95em;line-height:1.2em;padding:0;margin:0;}
#categories-2 ul li.cat-item a {color:#222;text-decoration:none;}
#categories-2 ul li.cat-item a:hover {color:#800040;text-decoration:underline;}
/* トラコミュ体裁 */
.tc_ns {letter-spacing:-1px;line-height:154%;font-size:0.95em;padding-bottom:5px;}
.tc_ns a {color:#000;text-decoration:none;}
.tc_ns a:hover {color:#ff0000;text-decoration:underline;}
/* --- at_set_style_15/08 --- */
/* 応援して */
.entry-content {margin-bottom:30px;}

#copyright .credit a:before {content:'2012-2017  ';}


.search_box{
  max-width:300px;
}
#cse-search-box {
 width: 252px !important;
}


/* LRS家計記事一覧のスタイル */
.getPost {background: #fafafa;border-left:2px #999 solid;border-bottom:2px #ccc solid;}
.getPostStringArea {padding:0 10px;}
h3.getPostTitle a {text-decoration:none;color:#222;}
.getPostContent {font-size:0.9em;line-height:1.2em;}

/*--------------------------------------
  TOC+
--------------------------------------*/
#toc_container {
	display: block !important;
	width: 80% !important;
	background: #fcfcfc;
	border: 1px solid #ccc;
	font-size: 95%;
	box-sizing: border-box;
	line-height: 1.4;
	margin: 36px auto;
	padding: 1em 2em;
}
 
#toc_container .toc_title {
	text-align: center;
	background: #eee;
	border-bottom: 2px solid #ddd;
	padding: 0.2em 0;
    font-size:1.0em;
}
 
#toc_container ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
 
#toc_container ul li {
    margin: 0;
    padding-left: 0;
    text-indent: 0;
}
 
#toc_container ul a {
	display: block;
	text-decoration: none;
    margin-bottom: 5px;
	color: #222;
	border-bottom: 1px dotted #ccc;
}
 
#toc_container .toc_list > li > a {
	border-bottom: 2px solid #ccc;
	font-size: 110%;
}

#toc_container .toc_list > li > a:hover, #toc_container ul a:hover {
	color:#b70000;
}
 
#toc_container ul ul {
	padding: 0.4em 0 0.4em 1em;
}
 
#toc_container li {
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
}

/*  */