@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

      body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas, main {
margin:0;
padding:0;
}
article, aside, figure, figcaption, footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
display:block;
}
* {
box-sizing:border-box;
-moz-box-sizing:border-box;
} html {
overflow-y:scroll;
* overflow-x:hidden;
_overflow:auto;
}
html, body {
width:100%;
min-height:100%;
}
body {
font-family:"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;
_font-family:"ＭＳ Ｐゴシック", sans-serif;
font-size:14px;
*font-size:88%;
line-height:1.6;
color:#1a1a1a;
letter-spacing:0.1em;
}
body.small {
font-size:12px;
*font-size:75%;
}
body.medium {
font-size:14px;
*font-size:88%;
}
body.large {
font-size:16px;
*font-size:100%;
letter-spacing:0em;
}
a:link {
color:#555555;
text-decoration:none;
}
a:visited {
color:#555555;
text-decoration:none;
}
a:hover {
color:#555555;
text-decoration:none;
}
a:active {
color:#555555;
text-decoration:none;
} h1, h2, h3, h4, h5, h6 {
font-size:100%;
}
p {
line-height:1.6;
} ol , ul , li {
list-style:none;
zoom:1;
overflow:hidden;
} table {
font-size:100%;
border-collapse:collapse;
border-spacing:0;
}
caption, th, td {
text-align:left;
vertical-align:top;
font-weight:normal;
}
dl, dt, dd {
zoom:1;
overflow:hidden;
} fieldset {
border:none;
}
input, textarea, select, label {
font-size:100%;
vertical-align:middle;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
label {
cursor:pointer;
}
textarea {
overflow:auto;
}
legend {
display:none;
} img {
border:none;
vertical-align:middle;
}
object {
vertical-align:middle;
outline:none;
}
em {
font-style:italic;
}
strong {
font-weight:bold;
}
small {
font-size:100%;
}
i {
font-style:normal;
}
u {
text-decoration:none;
}
abbr, acronym {
border:none;
font-variant:normal;
}
address, caption, cite, code, dfn, var {
font-weight:normal;
font-style:normal;
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
hr {
display:none;
} *:first-child + html body,
*:first-child + html br {
letter-spacing:0;
} #wrap {
min-width:1000px;
margin:0 auto;
position:relative;
} header#header {
width:100%;
background:#fff;
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
position:relative;
z-index:1000;
}
header#header .inner {
max-width:1000px;
margin:0 auto;
padding:5px 0 20px;
overflow:hidden;
zoom:1;
}
header#header .inner .logoBlock {
width:300px;
text-align:center;
float:left;
padding-top:10px;
}
header#header .inner .logoBlock h1,
header#header .inner .logoBlock > div {
width:300px;
text-align:center;
}
header#header .inner .logoBlock strong {
height:30px;
text-indent:-10000px;
background:url(/common/images/common/txt_logo_catch.png) no-repeat 50% 50%;
display:block;
}
header#header .inner .logoBlock .powered {
font-size: 71%;
margin-left: 180px;
}
header#header .inner p {
width:450px;
font-size:86%;
line-height:1.3;
text-align:left;
float:left;
padding-top:40px;
}
header#header .inner p:before {
width:12px;
height:1px;
background:#E4E4E4;
display:block;
content:" ";
margin:15px 15px 15px 10px;
float:left;
}
header#header .headRightBlock {
width:250px;
padding-right:15px;
float:left;
}
header#header .headRightBlock ul {
text-align:right;
}
header#header .headRightBlock ul li {
display:inline-block;
margin:0 1px;
}
header#header .headRightBlock ul li a {
width:30px;
font-size:113%;
color:#20786d;
line-height:30px;
text-align:center;
display:block;
border:1px solid #ededed;
border-radius:3px;
}
header#header .headRightBlock #searchBox {
width:200px;
height:28px;
background:#F6F6F6;
box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
padding:3px;
border-radius:14px;
float:right;
clear:both;
}
header#header .headRightBlock #searchBox input.search-field {
width:170px;
height:22px;
line-height:20px;
background:none;
border:none !important;
outline:none;
float:left;
font-size: 86%;
}
header#header .headRightBlock #searchBox button {
width:22px;
height:22px;
line-height:22px;
letter-spacing:0;
color:#fff;
text-align:center;
background:#20786d;
border:none;
padding:0px;
margin:0;
border-radius:50%;
cursor:pointer;
box-shadow: 0px 2px 2px 0px rgba(12, 4, 7, 0.2);
float:right;
}
header#header nav {
width:1000px;
height:40px;
border-left:1px solid #F1F1F1;
clear:both;
margin:0 auto;
}
header#header nav ul {
overflow:visible;
}
header#header nav ul ul {
display:none;
} header#header nav > ul > li {
width:25%;
height:40px;
color:#fff;
line-height:35px;
text-align:center;
float:left;
border-right:1px solid #F1F1F1;
overflow:visible;
}
header#header nav > ul > li > a {
text-indent:-10000px;
display:block;
}
header#header nav > ul > li:nth-of-type(1) > a {
background:url(/common/images/common/txt_gnav_01.png) no-repeat 50% 40%;
border-bottom:4px solid #E54906;
}
header#header nav > ul > li:nth-of-type(2) > a {
background:url(/common/images/common/txt_gnav_02.png) no-repeat 50% 40%;
border-bottom:4px solid #5EBACE;
}
header#header nav > ul > li:nth-of-type(3) > a {
background:url(/common/images/common/txt_gnav_03.png) no-repeat 50% 40%;
border-bottom:4px solid #80C269;
} header#header nav > ul > li:nth-of-type(4) > a {
background:url(/common/images/common/txt_gnav_04.png) no-repeat 50% 40%;
border-bottom:4px solid #007A6D;
} header#header nav ul li:nth-of-type(1) ul {
background:url(/common/images/common/bg_red_a85.png);
border-bottom:2px solid #e54905;
}
header#header nav ul li:nth-of-type(2) ul {
background:url(/common/images/common/bg_blue_a85.png);
border-bottom:2px solid #5ebacf;
}
header#header nav ul li:nth-of-type(3) ul {
background:url(/common/images/common/bg_green_a85.png);
border-bottom:2px solid #80c269;
}
header#header nav ul li ul li a {
line-height:20px;
text-align:left;
color:#fff;
border-bottom:1px solid hsla(0,0%,100%,0.5);
border-top:1px solid hsla(0,0%,100%,0.2);
margin-bottom:1px;
padding:15px 10px;
display:block;
}
header#header nav ul li ul li a:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f0da';
color:hsla(0,0%,100%,0.8);
margin-right:8px;
}
header#header nav > ul > li ul li:nth-last-of-type(1) a {
border-bottom:1px solid hsla(0,0%,0%,0.1);
}
textarea:focus ,
input:focus {
outline:none;
} #contents {
margin-top:1px;
overflow:hidden;
zoom:1;
}
#index #contents {
background:url(/common/images/common/bg_main.png) repeat-x 0% 0%;
padding:50px 0 0;
}
#contents #contentsIn {
background: url(/common/images/common/bg_content.png) repeat-x 0% 0% #F9F9F9;
clear: both;
}
#contents #contentsIn:after {
content:" ";
clear:both;
display:block;
}
#content #contents #contentsIn {
background:url(/common/images/common/bg_ttl.png) repeat-x 0% 0% #F9F9F9;
}
#contents #inner {
display: flex;
justify-content: center;
align-items: start;
padding-bottom: 10px;
}
#contents #main {
width:740px;
padding: 40px 0;
}
#contents #sub {
width:240px;
margin-left: 20px;
padding: 40px 0;
}
#index #contents #main {
background-color: #fff;
margin-top: 10px;
padding-left: 5px;
}
#index #contents #sub {
margin-top: 10px;
padding-bottom: 0;
} #pankuzu {
background:url(/common/images/common/bg_detail_meta.png) repeat-x 0 100%;
margin-bottom:1px;
}
#pankuzu ul {
width:980px;
text-align:left;
margin:0 auto;
padding:10px 0;
}
#pankuzu ul li {
font-weight:bold;
margin-right:3px;
display:inline;
}
#pankuzu ul li a {
font-weight:normal;
}
#pankuzu ul li a:after {
font-size:86%;
font-family: "Font Awesome 5 Free";
font-weight: 900;
color:#999;
content: '\f054';
margin-left:8px;
}
#pankuzu ul li a:hover {
color:#666;
}
#contents #pankuzu {
margin-top: 20px;
}
#contents #pankuzu ul {
width: 720px;
}
#titleBlock {
margin-bottom:1px;
}
#titleBlock .inner {
background:#20786d;
}
#titleBlock #ttl ,
#titleBlock h2 {
width:980px;
font-size:200%;
line-height:100px;
color:#fff;
text-align:left;
margin:0 auto;
padding:0 15px;
}
#titleBlock #subttl {
width:980px;
font-size:129%;
line-height:1.2;
text-align:left;
color: #fff;
padding:0px 0px 25px;
margin:-25px auto 0 auto;
}
#titleBlock #subttl:before {
width:15px;
height:2px;
background:hsla(0,0%,0%,0.1);
display:inline-block;
content:"";
vertical-align:middle;
margin-right:8px;
} #contents .wp-pagenavi {
font-size:93%;
text-align:center;
letter-spacing:0;
clear:both;
margin-top: 20px;
padding:20px 0 0;
}
#contents .wp-pagenavi > a {
width:30px;
line-height:30px;
text-align:center;
border:1px solid #eee;
display:inline-block;
margin:0 3px;
}
#contents .wp-pagenavi > a:hover {
background:#ccc;
}
#contents .wp-pagenavi > span.current {
width:30px;
line-height:30px;
color:#fff;
background:#20786d;
display:inline-block;
margin:0 3px;
}
#content .wp-pagenavi a.nextpostslink ,
#content .wp-pagenavi a.previouspostslink {
width:auto !important;
display:inline-block;
padding:0 10px;
}
#content.detail .wp-pagenavi {
height:50px;
line-height:50px;
background:url(/common/images/common/bg_green_btn.png) repeat-x;
padding:0;
}
#content .wp-pagenavi div.prevpostslink {
width:150px;
border-right:1px solid #176358;
float:left;
display:block;
overflow:hidden;
}
#content .wp-pagenavi .nextpostslink:before,
#content .wp-pagenavi .prevpostslink:after {
content:"";
display:inline-block;
}
#content .wp-pagenavi div.nextpostslink {
width:150px;
border-left:1px solid #176358;
float:left;
display:block;
overflow:hidden;
}
#contents .wp-pagenavi .categorylink {
width:440px;
float:left;
}
#contents .wp-pagenavi .nextpostslink a:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f054';
display:inline-block;
color:#195D55;
margin-left:5px;
}
#contents .wp-pagenavi .prevpostslink a:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f053';
display:inline-block;
color:#195D55;
margin-right:5px;
}
#contents .wp-pagenavi .prevpostslink a ,
#contents .wp-pagenavi .nextpostslink a ,
#contents .wp-pagenavi .categorylink a {
color:#fff;
}
#contents .wp-pagenavi .prevpostslink a:hover ,
#contents .wp-pagenavi .nextpostslink a:hover ,
#contents .wp-pagenavi .categorylink a:hover {
color:#195D55;
} #content.detail #main cite {
font-size:84%;
text-align:center;
color:#808080;
padding:10px 0;
display:block;
}
#content.detail #main .socialBtnArea {
width: 320px;
margin: 10px auto 20px;
text-align: center;
}
#content.detail #main .socialBtnArea__list {
display: flex;
justify-content: center;
}
#content.detail #main .socialBtnArea__item {
width: 40px;
margin: 0 20px;
}
#content.detail #main .socialBtnArea__item a:hover {
opacity: .7;
}
#content.detail #main .socialBtnArea__item img {
width: 40px;
height: auto;
}
#content.detail #main .socialBtnArea__bottom {
margin: 10px 0 0;
}
#content.detail #main .socialBtnArea .wsbl_hatena_button {
width:46px;
}
#content.detail #main .socialBtnArea .wsbl_google_plus_one {
width:60px;
}
#content.detail #main .socialBtnArea .wsbl_google_plus_one iframe {
width:60px !important;
} #sub .sideBanner {
margin: 0 0 30px;
width: 240px;
}
#sub .sideBanner img {
width: 100%;
height: auto;
} #sub aside#ranking {
margin-bottom:30px;
}
#sub aside#ranking header {
text-align:center;
background:url(/common/images/common/ico_ranking.png) no-repeat 50% 0%;
padding-top:36px;
margin-bottom:20px;
}
#sub aside#ranking header h4 {
height:30px;
font-size:171%;
line-height:26px;
text-indent:-10000px;
background:url(/common/images/index/ttl_txt_ranking.png) no-repeat 50% 0%;
padding-bottom:20px;
}
#sub aside#ranking header h4:after {
width:190px;
height:8px;
content:" ";
background:url(/common/images/common/bg_sub_ttl.png) repeat-x bottom;
display:block;
margin:10px auto;
}
#sub aside#ranking header p {
font-size:86%;
line-height:20px;
padding-top:15px;
}
#sub aside#ranking dl {
background:#fff;
padding:12px 10px;
overflow:visible;
clear:both;
border-radius:10px;
box-shadow:1px 1px 3px hsla(0,0%,0%,0.2);
margin-bottom:25px;
position:relative;
}
#sub aside#ranking dl dt {
width:34px;
line-height:30px;
color:#fff;
font-size:71%;
text-align:center;
letter-spacing:0;
padding-bottom:10px;
position:absolute;
top:-2px;
left:5px;
}
#sub aside#ranking dl dt span {
font-size:125%;
}
#sub aside#ranking a:nth-of-type(1) dt {
background:url(/common/images/common/bg_rank1.png) no-repeat;
}
#sub aside#ranking a:nth-of-type(2) dt {
background:url(/common/images/common/bg_rank2.png) no-repeat;
}
#sub aside#ranking a:nth-of-type(3) dt {
background:url(/common/images/common/bg_rank3.png) no-repeat;
}
#sub aside#ranking a:nth-of-type(4) dt {
background:url(/common/images/common/bg_rank_ohter.png) no-repeat;
}
#sub aside#ranking a:nth-of-type(5) dt {
background:url(/common/images/common/bg_rank_ohter.png) no-repeat;
}
#sub aside#ranking dl dd p {
font-size:86%;
line-height:1.2;
}
#sub aside#ranking dl dd .category {
width:68px;
height:16px;
font-size:86%;
line-height:16px;
text-align:center;
color:#fff;
margin-bottom:3px;
display:block;
margin-left:108px;
}
#sub aside#ranking dl dd figure {
width:100px;
float:left;
margin-right:8px;
}
#sub aside#ranking dl dd figure img {
width:100%;
height:auto;
}
#sub aside#ranking dl dd .category.examination {
background:url(/common/images/common/bg_category_green.png) no-repeat;
}
#sub aside#ranking dl dd .category.study {
background:url(/common/images/common/bg_category_blue.png) no-repeat;
}
#sub aside#ranking dl dd .category.parenting {
background:url(/common/images/common/bg_category_red.png) no-repeat;
}
#sub aside#ranking .btn a {
font-size:86%;
text-align:center;
line-height:40px;
background:url(/common/images/common/bg_sub_ttl.png) repeat-x 0% 0%;
display:block;
border-top:1px solid #fff;
}
#sub aside#ranking .btn a i {
color:#1F776D;
}
#sub aside#ranking .btn a:hover i {
color:#0A4D45;
} #sub aside#recommendSide {
margin:30px 0;
}
#sub aside#recommendSide header {
text-align:center;
background:url(/common/images/common/ico_recommend.png) no-repeat 50% 0%;
padding-top:46px;
margin-bottom:30px;
}
#sub aside#recommendSide header h4 {
height:30px;
font-size:171%;
line-height:26px;
text-indent:-10000px;
background:url(/common/images/index/ttl_txt_recomment.png) no-repeat 50% 0%;
padding-bottom:25px;
}
#sub aside#recommendSide header h4:after {
width:190px;
height:8px;
content:" ";
background:url(/common/images/common/bg_sub_ttl.png) repeat-x bottom;
display:block;
margin:10px auto;
}
#sub aside#recommendSide article {
background:#fff;
padding:12px 10px;
overflow:visible;
clear:both;
border-radius:10px;
box-shadow:1px 1px 3px hsla(0,0%,0%,0.2);
margin-bottom:25px;
position:relative;
}
#sub aside#recommendSide article h5 {
font-size:86%;
line-height:1.2;
font-weight:normal;
}
#sub aside#recommendSide article .category {
width:68px;
height:16px;
font-size:86%;
line-height:16px;
text-align:center;
color:#fff;
margin-bottom:3px;
display:block;
margin-left:108px;
}
#sub aside#recommendSide article figure {
width:100px;
float:left;
margin-right:8px;
}
#sub aside#recommendSide article figure img {
width:100%;
height:auto;
}
#sub aside#recommendSide article .category.examination {
background:url(/common/images/common/bg_category_green.png) no-repeat;
}
#sub aside#recommendSide article .category.study {
background:url(/common/images/common/bg_category_blue.png) no-repeat;
}
#sub aside#recommendSide article .category.parenting {
background:url(/common/images/common/bg_category_red.png) no-repeat;
}
#sub aside#recommendSide .btn a {
font-size:86%;
text-align:center;
line-height:40px;
background:url(/common/images/common/bg_sub_ttl.png) repeat-x 0% 0%;
display:block;
border-top:1px solid #fff;
}
#sub aside#recommendSide .btn a i {
color:#1F776D;
}
#sub aside#recommendSide .btn a:hover i {
color:#0A4D45;
}
#pgTop a {
width:50px;
height:50px;
color:#fff;
font-size:71%;
line-height:50px;
text-align:center;
background:url(/common/images/common/bg_black_a30.png);
position:fixed;
display:block;
bottom:150px;
right:0px;
} footer#footer {
text-align:center;
border-top:1px solid #fff;
background:url(/common/images/common/bg_footer.png) repeat-x top;
padding:40px 0 20px;
clear:both;
overflow:hidden;
zoom:1;
}
footer#footer a {
}
footer#footer nav {
font-size:86%;
text-align:center;
padding:0 0 20px;
}
footer#footer .pagePI {
border-bottom:1px solid #F2F2F2;
margin-bottom:1px;
padding:0 0 20px;
}
footer#footer a:hover {
color:#1F746A;
}
footer small {
font-size:71%;
color:#808080;
letter-spacing:0;
line-height:1.5;
text-align:center;
display:block;
}
footer small.powered {
font-size:71%;
color:#1F746A;
font-weight:bold;
border-top:1px solid #FAFAFA;
padding-top:15px;
}  #mainImage .examination .category {
color:#80c269;
}
#mainImage .study .category {
color:#5ebacf;
}
#mainImage .parenting .category {
color:#e54905;
} .examination #titleBlock .inner {
background:#80c269;
}
.study #titleBlock .inner {
background:#5ebacf;
}
.parenting #titleBlock .inner {
background:#e54905;
} article .meta {
overflow:hidden;
padding-bottom:10px;
}
article .meta .category {
width:68px;
height:16px;
font-size:86%;
line-height:16px;
text-align:center;
color:#fff;
line-height:px;
float:right;
}
article figure {
padding-bottom:15px;
}
article .meta time {
font-size:86%;
line-height:16px;
float:left;
}
article .meta .category.examination {
background:url(/common/images/common/bg_category_green.png) no-repeat;
}
article .meta .category.study {
background:url(/common/images/common/bg_category_blue.png) no-repeat;
}
article .meta .category.parenting {
background:url(/common/images/common/bg_category_red.png) no-repeat;
}
article .meta .category.workingmother {
width:auto;
font-weight:bold;
line-height:14px;
border:1px solid #FB9A00;
color:#FB9A00;
display:inline-block;
border-radius:8px;
padding:0 5px;
}
article .meta .category.goout {
width:auto;
font-weight:bold;
line-height:14px;
border:1px solid #A73E10;
color:#A73E10;
display:inline-block;
border-radius:8px;
padding:0 5px;
}
article .meta .category.trend {
width:auto;
font-weight:bold;
line-height:14px;
border:1px solid #1378BF;
color:#1378BF;
display:inline-block;
border-radius:8px;
padding:0 5px;
}
article .meta .category.goods {
width:auto;
font-weight:bold;
line-height:14px;
border:1px solid #053774;
color:#053774;
display:inline-block;
border-radius:8px;
padding:0 5px;
}
article .meta .category.kanto {
width:auto;
font-weight:bold;
line-height:14px;
border:1px solid #2B9734;
color:#2B9734;
display:inline-block;
border-radius:8px;
padding:0 5px;
}
article .meta .category.kansai {
width:auto;
font-weight:bold;
line-height:14px;
border:1px solid #36622B;
color:#36622B;
display:inline-block;
border-radius:8px;
padding:0 5px;
}
#subttl.workingmother {
color:#fff;
}
#subttl.goout {
color:#fff;
}
#subttl.trend {
color:#fff;
}
#subttl.goods {
color:#fff;
}
#subttl.kanto {
color:#fff;
}
#subttl.kansai {
color:#fff;
}
        #mainImage {
width:100%;
min-width:1000px;
height:600px;
position:relative;
overflow:hidden;
}
#mainImage .glide__arrows {
position: absolute;
top: 40%;
width:1000px;
left:50%;
margin-left:-500px;
}
#mainImage .glide__arrow {
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#fff;
position:absolute;
top:0;
z-index:2;
padding:0px;
background:url(/common/images/common/bg_black_a30.png);
cursor: pointer;
}
#mainImage .glide__arrow a {
color:#fff;
}
#mainImage .glide__arrow >i {
display:none;
}
#mainImage .glide__arrow.prev {
left:0px;
}
#mainImage .glide__arrow.next {
right:0px;
}
#mainImage .glide {
width:3000px;
position:absolute;
left: 50%;
margin-left: -1500px;
}
#mainImage .glide__wrapper {
width:100%;
}
#mainImage .glide__slide {
width:1000px;
}
#mainImage .glide__slide img {width: 100%; vertical-align: bottom;} .bx-pager {
position: absolute;
bottom:-5px;
width:100%;
text-align:center;
list-style:none;
}
.bx-pager-item {
display: inline-block;
}
.bx-pager-item a{
text-indent:-10000px;
display: inline-block;
background-color:hsla(0,0%,100%,0.35);
width:8px;
height:8px;
margin:0 4px;
cursor:pointer;
border-radius:50%;
}
.bx-pager-item a.active {
background-color:white;
box-shadow:inset 1px 1px 2px hsla(0,0%,0%,0.3);
}
.bx-controls-direction a{
text-decoration: none;
color: #fff;
padding:0 5px;
}
.bx-controls {
position: absolute;
bottom: 5px;
z-index: 100;
width: 100%;
} #mainImage .glide__slide{
transition:all .3s;
opacity:0.3;
}
#mainImage .glide__slide.active{
opacity:1;
}
#mainImage .bar {
width:100%;
height:8px;
position:absolute;
bottom:0px;
left:0px;
z-index:1;
background:url(/common/images/common/bg_detail_meta.png) repeat-x;
}
#mainImage .titlebg {
width:100%;
height:100px;
position:absolute;
bottom:0px;
left:0px;
z-index:1;
}
#mainImage .title {
width:1000px;
font-size:200%;
line-height:100px;
text-align:center;
color:#fff;
margin:0 auto;
display:none;
position:relative;
}
#mainImage .category {
width:73px;
height:73px;
font-size:50%;
font-family:"HiraKakuProN-W3" , "ヒラギノ角ゴ ProN W3", sans-serif;
line-height:73px;
text-align:center;
background:url(/common/images/common/bg_main_category.png) no-repeat 100% 50% !important;
position:absolute;
bottom:80px;
right:15px;
z-index:10;
}
#mainImage .parenting.titlebg {
background:url(/common/images/common/bg_red_a85.png);
}
#mainImage .study.titlebg {
background:url(/common/images/common/bg_blue_a85.png);
}
#mainImage .examination.titlebg {
background:url(/common/images/common/bg_green_a85.png);
}
#mainImage ul figure {
width:100%;
height:600px;
text-align:center;
margin:0 auto;
}
#mainImage ul figure img {
width:100%;
text-align:center;
height:auto;
} #index #recommend {
width:1000px;
padding:10px 0 50px;
margin:0 auto;
overflow:hidden;
zoom:1;
display: flex;
flex-wrap: wrap;
}
#index #recommend header {
text-align:center;
background:url(/common/images/common/ico_recommend.png) no-repeat 50% 0%;
width: 100%;
padding-top:46px;
margin-bottom:30px;
}
#index #recommend header h2 {
height:30px;
font-size:171%;
line-height:26px;
text-indent:-10000px;
background:url(/common/images/index/ttl_txt_recomment.png) no-repeat 50% 50%;
}
#index #recommend header h2:after {
width:190px;
height:8px;
content:" ";
background:url(/common/images/common/bg_sub_ttl.png) repeat-x bottom;
display:block;
margin:10px auto;
}
#index #recommend .boxIn,
#index #recommend > article {
width:33%;
padding:15px;
float:left;
}
#index #recommend article h3 {
line-height:1.3;
}
#index #recommend article figure {
overflow: hidden;
padding: 0;
margin: 0 0 15px;
}
#index #recommend article figure img {
width: 100%;
height: auto;
transition: transform .6s ease;
}
#index #recommend article a:hover img {
transform: scale(1.1);
}
#index #recommend .boxIn article {
border-bottom:1px solid #F7F7F7;
padding:10px 0;
margin-bottom:1px;
}
#index #recommend .boxIn article:first-child {
padding-top:0px;
}
#index #recommend .boxIn article .meta {
padding-bottom:10px;
}
#index #recommend .boxIn article a {
display: grid;
grid-template-rows: 25px 1fr;
grid-template-columns: 40% 1fr;
}
#index #recommend .boxIn article a > figure {
grid-row: 1 / 3;
grid-column: 1;
margin-right: 10px;
}
#index #recommend .boxIn article a > div {
grid-row: 1;
grid-column: 2;
}
#index #recommend .boxIn article a > h3 {
grid-row: 2;
grid-column: 2;
}
#index #recommend .boxIn .btn a {
font-size:86%;
text-align:center;
line-height:34px;
background:url(/common/images/common/bg_recommend_btn_.png) repeat-x 0% 0%;
display:block;
border-bottom:1px solid #F7F7F7;
}
#index #recommend .boxIn .btn a i {
color:#1F776D;
} #index #newColumn {
width:740px;
padding:10px 0 40px;
margin:1px 0 auto auto;
overflow:hidden;
zoom:1;
}
#index #newColumn header {
text-align:center;
background:url(/common/images/common/ico_new.png) no-repeat 50% 0%;
padding-top:46px;
margin-bottom:30px;
}
#index #newColumn header h2 {
height:30px;
font-size:171%;
line-height:26px;
text-indent:-10000px;
background:url(/common/images/index/ttl_txt_topics.png) no-repeat 50% 50%;
}
#index #newColumn article h3 {
font-weight: normal;
line-height: 1.3;
min-height: 4em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
#index #newColumn header h2:after {
width:190px;
height:8px;
content:" ";
background:url(/common/images/common/bg_sub_ttl.png) repeat-x bottom;
display:block;
margin:10px auto;
}
#index #newColumn article {
width:33%;
float:left;
padding:14px 15px 0;
}
#index #newColumn article a {
display: block;
}
#index #newColumn article:not(:nth-of-type(1)):nth-of-type(3n+1) {
clear:both;
}
#index #newColumn article figure {
overflow: hidden;
padding: 0;
margin: 0 0 15px;
}
#index #newColumn article figure img {
width: 100%;
height: auto;
transition: transform .6s ease;
}
#index #newColumn article a:hover img {
transform: scale(1.1);
}
#index #newColumn article h3 {
font-weight: normal;
line-height: 1.3;
min-height: 4em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
#index #newColumn .btnLists {
padding:40px 0 0 0;
clear:both;
}
#index #newColumn .btnLists a {
width:300px;
height:50px;
line-height:50px;
color:#fff;
text-align:center;
background:url(/common/images/common/bg_green_btn.png) repeat-x 0 0;
display:block;
margin:0 auto;
}
#index #newColumn .btnLists a:hover {
color:#093F39;
}  #content.list #contents .textBox {
font-size:114%;
line-height:1.8;
padding:0 7px 20px;
overflow:hidden;
zoom:1;
}
#content.list #contents .textBox figure {
float:left;
margin-right:15px;
}
#content.list #contents .textBox figure img {
width:150px;
float:left;
}
#content.list #contents #main article {
padding:7px;
clear:both;
}
#content.list #contents #main article a {
background:#fff;
box-shadow:1px 1px 3px hsla(0,0%,0%,0.2);
padding:16px 14px;
border-radius:10px;
display:block;
overflow:hidden;
zoom:1;
}
#content.list #contents #main article figure {
width:300px;
float:left;
overflow:hidden;
padding-bottom:0 !important;
}
#content.list #contents #main article figure img {
width:100%;
height:auto;
}
#content.list #contents article h3 {
font-size:129%;
line-height:1.3;
background:url(/common/images/common/bg_sub_ttl.png) repeat-x bottom;
padding:0px 0 18px;
margin-bottom:10px;
}
#content.list #contents article .inner {
width:380px;
float:right;
padding:10px 0;
}
#content.list #contents article .inner p {
font-size:93%;
line-height:1.5;
}
#content.list.ranking #contents article .inner {
width:640px;
float:right;
padding:10px 0;
} #content #titleBlock h2 ,
#content #titleBlock #ttl {
text-indent:-100000px;
}
#content.study #titleBlock h2 ,
#content.study #titleBlock #ttl {
background:url(/common/images/common/ttl_txt_category_02.png) no-repeat 0% 50%;
}
#content.parenting #titleBlock h2 ,
#content.parenting #titleBlock #ttl {
background:url(/common/images/common/ttl_txt_category_01.png) no-repeat 0% 50%;
}
#content.examination #titleBlock h2 ,
#content.examination #titleBlock #ttl {
background:url(/common/images/common/ttl_txt_category_03.png) no-repeat 0% 50%;
}
#content.detail #main article {
background:#fff;
border-radius:10px;
box-shadow:1px 1px 3px hsla(0,0%,0%,0.2);
word-break: break-word;
}
#content.detail #main article:after {
content:" ";
clear:both;
display:block;
}
#content.detail #main article header {
padding-bottom:15px;
} #content.detail #main article .tags {
padding: 10px 0;
}
#content.detail #main article header .meta .tags {
width: 500px;
line-height: 16px;
float: left;
padding: 0px 0;
}
#content.detail #main article .tags a {
height: 16px;
font-size: 86%;
line-height: 16px;
text-align: center;
color: #fff;
background: #007D6D;
display: inline-block;
padding: 0 6px;
border-radius: 3px;
margin: 0 2px;
text-decoration: underline;
}
#content.detail #main article header .meta .categoryBox {
width: 90px;
float: right;
} #content.detail #main article header .meta {
height: 65px !important;
background: url(/common/images/common/bg_sub_ttl.png) repeat-x bottom;
padding: 5px 20px 20px;
overflow: hidden;
zoom: 1;
}
#content.detail #main article header .meta .time {
font-size: 114%;
}
#content.detail #main article header .meta time {
font-size: 100%;
float: none;
line-height: 25px;
margin: 0 0 2px;
width: 100%;
}
#content.detail #main article header h1,
#content.detail #main article header h2 {
font-size:171%;
line-height:1.3;
font-weight:bold;
padding:20px 25px;
}
#content.detail article > figure {
text-align:center;
margin-bottom:20px;
overflow:hidden;
}
#content.detail #main .textBox {
font-size: 114%;
padding:0 30px;
background:url(/common/images/common/bg_detail_meta.png) repeat-x bottom;
margin-top: 5px;
padding-bottom:15px;
}
#content.detail #main .textBox p {
padding-bottom:1.5em;
}
#content.detail #main .textBox .small {
font-size:88%;
}
#content.detail #main .textBox .xsmall {
font-size:75%;
}
#content.detail #main .textBox .xxsmall {
font-size:63%;
}
#content.detail #main .textBox .large {
font-size:113%;
}
#content.detail #main .textBox .xlarge {
font-size:125%;
}
#content.detail #main .textBox .xxlarge {
font-size:138%;
}
#content.detail #main .textBox a {
text-decoration:underline;
color:#20786d;
}
#content.detail #main .textBox a:hover {
text-decoration:none;
}
#content.detail #main .textBox strong ,
#content.detail #main .textBox b {
font-weight:bold;
}
#content.detail #main .textBox blockquote {
font-size:107%;
font-style:italic;
margin:10px;
background:#f9f9f9;
padding:15px;
}
#content.detail #main .textBox blockquote p:nth-last-of-type(1) {
padding-bottom:0px;
}
#content.detail #main .textBox ol li {
font-weight:bold;
color:#1F746A;
list-style:outside decimal;
margin-left:30px;
overflow:visible;
zoom:normal;
padding-bottom:8px;
}
#content.detail #main .textBox ol li span {
font-weight:normal;
color:#333;
}
#content.detail #main .textBox ul li {
line-height:1.5;
overflow:visible;
padding-bottom:10px;
padding-left:1.8em;
position:relative;
}
#content.detail #main .textBox ul li:before {
width:1.5em;
text-align:center;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content:'\f10c';
color:#1F746A;
position:absolute;
left:0px;
top:0px;
}
#content.detail #main .textBox #ez-toc-container ul li {
padding-left: 0;
}
#content.detail #main .textBox #ez-toc-container ul li:before {
content: none;
}
#content.detail #main .textBox .aligncenter {
text-align:center;
display: block;
margin: 0 auto;
}
#content.detail #main .textBox .alignright {
float:right;
margin-left:15px;
}
#content.detail #main .textBox .alignleft {
float:left;
margin-right:15px;
}
#content.detail #main .textBox h2 {
font-size:157%;
line-height:1.3;
font-weight:bold;
padding:3px 0 3px 10px!important;
margin-bottom:20px !important;
border-left:5px solid #20786d;
}
#content.detail #main .textBox h3 {
font-size:143%;
line-height:1.3;
font-weight:bold;
color:#fff;
background:#20786d;
margin-bottom:20px !important;
padding:8px 15px !important;
}
#content.detail #main .textBox h4 {
font-size:129%;
line-height:1.3;
font-weight:bold;
color:#20786d;
margin-bottom:20px !important;
padding:8px 15px !important;
border-left:3px solid #ccc;
background:#eee;
}
#content.detail #main .textBox em {
background:url(/common/images/common/bg_green_line.png) repeat-x bottom;
}
#main .profileBox {
border:3px solid #eee;
padding:15px 15px;
overflow:hidden;
zoom:1;
}
#main .profileBox + .profileBox {
margin-top: 20px;
}
#main .profileBox .profileTtl {
font-size:86%;
font-weight:bold;
color:#19756A;
}
#main .profileBox .name {
font-size:114%;
font-weight:bold;
padding:10px 0;
}
#main .profileBox .name a {
color:#333;
text-decoration:none;
}
#main .profileBox .name span {
font-size:75%;
margin-right:10px;
}
#main .profileBox p {
font-size:93%;
padding-bottom:5px;
}
#main .profileBox figure {
line-height:1;
float:left;
margin-right:15px;
margin-top:5px;
}
#main .profileBox figure img {
width:150px;
height:auto;
}
#main .profileBox .link {
font-size:86%;
text-align:right;
}
#main .profileBox .link a {
color:#333;
}
#main .profileBox .link a i {
color:#19756A;
}
.recommendPost {
position: relative;
margin: 20px 0;
}
.recommendPost__title {
position: absolute;
top: -10px;
left: 20px;
background-color: #fbdf25;
padding: 2px 10px;
font-size: 12px;
}
.recommendPost__link {
border: 2px solid #fbdf25;
display: flex;
padding: 20px 20px 10px;
}
.recommendPost__image {
width: 100px;
padding-bottom: 0;
margin: 0 20px 0 0;
}
.recommendPost__image img {
width: 100%;
height: auto;
}
.recommendPost__text {
width: 520px;
margin: 0;
padding: 0 !important;
}
#main .followMe {
width: 500px;
height: 175px;
margin: 20px auto;
position: relative;
}
#main .followMe__bg {
height: 175px;
overflow: hidden;
position: relative;
}
#main .followMe__bg img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
#main .followMe__txt {
position: absolute;
top: 50px;
left: 0;
text-align: center;
width: 100%;
color: #fff;
font-size: 107%;
font-weight: bold;
text-shadow: 0 1px 7px #000;
}
#main .followMe .twiBtn {
position: absolute;
top: 100px;
left: 50%;
width: 60%;
text-align: center;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
#content.detail #main .pageInnav {
text-align:center;
}
#content.detail #main .pageInnav span {
width:30px;
text-align:center;
line-height:30px;
color:#fff;
display:inline-block;
margin:5px 5px 15px;
border:1px solid #eee;
background:#00776A;
}
#content.detail #main .pageInnav a span {
text-decoration:none;
background:#fff;
color:#333;
} #content.detail #main .commentBox {
clear:both;
min-height:100px;
padding:10px 5px 10px 105px;
margin-bottom:15px;
position:relative;
}
#content.detail #main .commentBox figure {
text-align:center;
width:80px;
height:80px;
border-radius:50%;
overflow:hidden;
position:absolute;
left:5px;
top:10px;
}
#content.detail #main .commentBox figure img {
max-height:80px;
width:auto;
height:auto;
display: block;
margin:0 auto;
}
#content.detail #main .commentBox .commentInner {
line-height:2;
font-size:93%;
color:#666666;
border:1px solid #00776A;
border-radius:5px;
padding:20px 30px;
box-shadow:1px 1px 3px hsla(0,0%,0%,0.2);
position:relative;
z-index: 0;
}
#content.detail #main .commentBox .commentInner:before {
content: "";
position: absolute;
top: 40px;
left: -8px;
margin-top: -4px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 8px 5px 0;
border-color: transparent #fff transparent transparent;
z-index: 0;
}
#content.detail #main .commentBox .commentInner:after {
content: "";
position: absolute;
top: 40px;
left: -10px;
margin-top: -5px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 6px 10px 6px 0;
border-color: transparent #00776A transparent transparent;
z-index: -1;
} #content.detail #main .commentBoxR {
clear:both;
min-height:100px;
padding:10px 105px 10px 5px;
margin-bottom:15px;
position:relative;
}
#content.detail #main .commentBoxR figure {
text-align:center;
width:80px;
height:80px;
border-radius:50%;
overflow:hidden;
position:absolute;
right:5px;
top:10px;
}
#content.detail #main .commentBoxR figure img {
max-height:80px;
width:auto;
height:auto;
display: block;
margin:0 auto;
}
#content.detail #main .commentBoxR .commentInner {
line-height:2;
font-size:93%;
color:#666666;
border:1px solid #00776A;
border-radius:5px;
padding:20px 30px;
box-shadow:1px 1px 3px hsla(0,0%,0%,0.2);
position:relative;
z-index: 0;
}
#content.detail #main .commentBoxR .commentInner:before {
content: "";
position: absolute;
top: 40px;
right: -8px;
margin-top: -4px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 0px 5px 8px;
border-color: transparent transparent transparent #fff;
z-index: 0;
}
#content.detail #main .commentBoxR .commentInner:after {
content: "";
position: absolute;
top: 40px;
right: -10px;
margin-top: -5px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 6px 0px 6px 10px;
border-color: transparent transparent transparent #00776A;
z-index: -1;
}
.prBlock {
max-width: 1000px;
margin: 0 auto;
}
.prList {
width: 100%;
margin: 0 auto;
}
.prList__item img {
width: 100%;
height: auto;
} #relationArea {
background:url(/common/images/common/bg_main.png) repeat-x 0 0;
margin-top:1px;
padding:50px 0 30px;
overflow:hidden;
zoom:1;
}
#relationArea .inner {
width:1000px;
padding:10px 0 50px;
margin:0 auto;
overflow:hidden;
zoom:1;
}
#relationArea header {
text-align:center;
background:url(/common/images/common/ico_topics.png) no-repeat 50% 0%;
padding-top:46px;
margin-bottom:30px;
}
#relationArea header h4 {
height:30px;
font-size:171%;
line-height:26px;
text-indent:-10000px;
background:url(/common/images/index/ttl_txt_relation.png) no-repeat 50% 50%;
}
#relationArea header h4:after {
width:190px;
height:8px;
content:" ";
background:url(/common/images/common/bg_sub_ttl.png) repeat-x bottom;
display:block;
margin:10px auto;
}
#relationArea article {
width: 25%;
padding: 20px;
float: left;
}
#relationArea article a {
display: block;
}
#relationArea article figure {
overflow: hidden;
padding: 0;
margin: 0 0 15px;
}
#relationArea article figure img {
width: 100%;
height: auto;
transition: transform .6s ease;
}
#relationArea article a:hover img {
transform: scale(1.1);
}
#relationArea article h3 {
font-weight: normal;
line-height: 1.3;
min-height: 4em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
} #newArea {
background:url(/common/images/common/bg_main.png) repeat-x 0 0;
margin-top:1px;
padding:50px 0 30px;
overflow:hidden;
zoom:1;
}
#newArea .inner {
width:1000px;
padding:10px 0 50px;
margin:0 auto;
overflow:hidden;
zoom:1;
}
#newArea header {
text-align:center;
background:url(/common/images/common/ico_new.png) no-repeat 50% 0%;
padding-top:46px;
margin-bottom:30px;
}
#newArea header h4 {
height:30px;
font-size:171%;
line-height:26px;
text-indent:-10000px;
background:url(/common/images/common/ttl_txt_new.png) no-repeat 50% 50%;
}
#newArea header h4:after {
width:190px;
height:8px;
content:" ";
background:url(/common/images/common/bg_sub_ttl.png) repeat-x bottom;
display:block;
margin:10px auto;
}
#newArea article {
width: 25%;
padding: 20px;
float: left;
}
#newArea article a {
display: block;
}
#newArea article figure {
overflow: hidden;
padding: 0;
margin: 0 0 15px;
}
#newArea article figure img {
width: 100%;
height: auto;
transition: transform .6s ease;
}
#newArea article a:hover img {
transform: scale(1.1);
}
#newArea article h3 {
font-weight: normal;
line-height: 1.3;
min-height: 4em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
#newArea .btnLists {
padding: 40px 0 0 0;
clear: both;
}
#newArea .btnLists a {
width: 300px;
height: 50px;
line-height: 50px;
color: #fff;
text-align: center;
background: url(/common/images/common/bg_green_btn.png) repeat-x 0 0;
display: block;
margin: 0 auto;
}
#newArea .btnLists a:hover {
color: #093F39;
} #content.about #titleBlock h2 {
background:url(/common/images/common/ttl_txt_company.png) no-repeat 0% 50%;
}
#content.about #main {
width:100%;
float:none;
}
#content.about #main dl {
border-bottom:1px solid #eee;
border-top:1px solid #fff;
padding:10px 0;
}
#content.about #main dl:first-child {
border-top:none;
}
#content.about #main dl dt {
width:20%;
font-weight:bold;
text-align:right;
border-right:2px solid #20786d;
color:#20786d;
padding:5px 20px;
float:left;
}
#content.about #main dl dd {
width:80%;
padding:5px 20px;
float:left;
}
#content.about #main dl dd p {
padding-bottom:15px;
}
#contents #main #businessSummary span {
display: inline-block;
margin-right: 20px;
}
#contents #main #businessSummary a {
text-decoration: underline;
} #content.sitemap #titleBlock h2 {
background:url(/common/images/common/ttl_txt_sitemap.png) no-repeat 0% 50%;
}
#content.sitemap #main {
width:100%;
float:none;
}
#content.sitemap #main .top a {
padding:15px;
display:block;
}
#content.sitemap #main a i {
color:#20786d;
}
#content.sitemap #main ul {
border-top:1px solid #eee;
border-bottom:1px solid #f9f9f9;
}
#content.sitemap #main ul li {
border-top:1px solid #fff;
border-bottom:1px solid #eee;
}
#content.sitemap #main ul li a {
padding:15px;
display:block;
}
#content.sitemap #main ul li ul {
padding-left:10px;
border:none;
}
#content.sitemap #main ul li li {
margin-bottom:5px;
border:none;
}
#content.sitemap #main ul li li a {
color:#20786d;
background:#fff;
padding:10px;
border-radius:5px;
}
#content.sitemap #main ul li a:hover {
color:#666;
font-weight:bold;
} #content.all #titleBlock h2 {
background:url(/common/images/common/ttl_txt_all.png) no-repeat 0% 50%;
}
#content.recommend #titleBlock h2 {
background:url(/common/images/common/ttl_txt_recommend.png) no-repeat 0% 50%;
} #content.ranking #main {
width:100%;
}
#content.ranking #titleBlock h2 {
background:url(/common/images/common/ttl_txt_ranking.png) no-repeat 0% 50%;
}
#content.ranking article {
position:relative;
}
#content.ranking .rank {
width:62px;
height:66px;
line-height:60px;
color:#fff;
text-align:center;
letter-spacing:0;
padding-bottom:10px;
position:absolute;
top:2px;
left:25px;
}
#content.ranking .rank span {
font-size:125%;
}
#content.ranking article.no00 .rank {
background:url(/common/images/common/bg_bigrank1.png) no-repeat;
}
#content.ranking article.no01 .rank {
background:url(/common/images/common/bg_bigrank2.png) no-repeat;
}
#content.ranking article.no02 .rank {
background:url(/common/images/common/bg_bigrank3.png) no-repeat;
}
#content.ranking article .rank {
background:url(/common/images/common/bg_bigrank_other.png) no-repeat;
} #content.search #titleBlock h2 ,
#content.illust #titleBlock h2 ,
#content.writer #titleBlock h2 {
text-indent:0;
padding-left:0;
letter-spacing:3px;
}
#content.illust #titleBlock h2 span ,
#content.writer #titleBlock h2 span {
font-size:67%;
}
#content.search #titleBlock  #subttl ,
#content.illust #titleBlock #subttl ,
#content.writer #titleBlock #subttl {
color:#083C36;
} #content.category #titleBlock h2 {
background:url(/common/images/common/ttl_txt_category.png) no-repeat 0% 50%;
}
#content.category .catList div {
padding-bottom: 45px;
overflow: hidden;
}
#content.category .catList div h3 {
font-size: 143%;
padding: 15px 25px;
outline: 1px solid #eee;
border-left: 4px solid #007A6D;
box-shadow:1px 1px 3px hsla(0,0%,0%,0.2);
margin: 1px 1px 20px;
}
#content.category .catList div ul li {
width: 50%;
float: left;
padding: 5px 15px;
}
#content.category .catList div ul li a {
font-size: 114%;
text-align: center;
padding: 25px;
display: block;
color: #fff;
box-shadow:1px 1px 3px hsla(0,0%,0%,0.2);
border: 1px solid #fff;
border-radius: 10px;
}
#content.category .catList div ul li a i {
font-size: 79%;
}
#content.category .catList div.cat25 ul li a { background: #653E2F;
}
#content.category .catList div.cat1 ul li a { background: #F83700;
}
#content.category .catList div.cat2 ul li a { background: #2FBCD1;
}
#content.category .catList div.cat3 ul li a { background: #69C55C;
}
#content.category .catList div.cat24 ul li a,
#content.category .catList div.cat689 ul li a { background: #007D6D;
}
#content.tags #titleBlock h2 {
text-indent: 0;
padding-left: 0;
letter-spacing: 3px;
}
     [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
}
.icon-right:before { content: '\f105'; }
.icon-left:before { content: '\f104'; }
.icon-circle-empty:before { content: '\f10c'; }
.icon-a:before { content: '\f0c9'; }
.icon-down:before { content: '\f103'; }
.icon-up:before { content: '\f102'; }
.icon-close:before { content: '\f057'; }
.icon-right-dir:before { content: '\f0da'; }
.icon-right-open:before { content: '\f054'; }
.icon-left-open:before { content: '\f053'; }
.icon-f:before {
font-family: "Font Awesome 5 Brands";
content: '\f39e';
}
.icon-rss:before { content: '\f09e'; }
.icon-search:before { content: '\f002'; }
.icon-twitter:before {
width: 1.4em;
margin: 0;
box-sizing: border-box;
padding-top: 0px;
vertical-align: middle;
content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%2320786d" d="M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z"/></svg>');
}
.mincho {
font-weight:normal !important;
font-family:"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
}
.rank,
.copy ,
.gara ,
#ranking dl dt ,
time {
font-family: 'Libre Baskerville', serif;
vertical-align:bottom;
}