@charset "utf-8";
@import url('../cyber/site-frame.css');

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
FAQ詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single-faq .articleTitle h1,
.single-faq .answer_ttl{
    position:relative;
    font-size:30px;
    line-height:1.4em;
    padding:0.5em 0.5em 0.5em 2.1em;
    margin-bottom:0.5em;
}
.single-faq .articleTitle h1{
    background:#eaf2ff;
    border-radius:10px;
}
.single-faq .answer_ttl p{
    font-size:0.8em;
    line-height:1.4em;
}
.single-faq .articleTitle h1:before,
.single-faq .answer_ttl:before{
    display:block;
    position:absolute;
    left:0.5em;
    line-height:1.6em;
    width:1.6em;
    text-align:center;
    border-radius:50%;
    color:#fff;
    font-size:0.8em
}
.single-faq .articleTitle h1:before {
    content:'Q';
    background: #8aaee4;
}
.single-faq .answer_ttl:before {
    content:'A';
    background: #ff9194;
    top:10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ(サービス一覧)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#service {
	text-align:center;
}
div#service .item {
    padding: 10px 0;
}
div#service a {
	position: relative;
	font-size: 18px;
}
div#service img {
	margin-bottom:10px;
}
div#service a:before {
	font-family:FontAwesome;
	content: '\f0a9';
	color: #f38400;
	margin-right: 5px;
	position: absolute;
	left: -20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ(クリーニング料金)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#price {
    background: url(images/bg03.jpg);
    padding: 30px;
    border: 6px solid #fff;
}
div#price table{
	background: transparent;
}
div#price th{
	text-align: left;
}
div#price td{
	text-align: right;
	color: #eb6100;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「postList」投稿要素（日付、タイトル、本文）リストに対するスタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.postList li .place:before{
	font-family:FontAwesome;
	content: '\f041';
	margin-right: 5px;
	font-size: 18px;
	vertical-align:-1px;
	color:#026cd6;
}
.postList li .date{
	color:#026cd6;
}
.postList li .title{
	font-size:15px;
	font-weight:bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#subArea .menuHeader,
#subArea .menuHeader a{
    color: #000;
}
#subArea .menuHeader {
    font-size:18px;
    border-radius: 0 0 0 0;
    background-color:transparent!important;
    margin: 0!important;
    border-bottom: 1px solid #ccc;
}
#subArea .sideMenu {
    border: 1px solid #dddddd;
    border-radius: 0 0 0 0;
    padding: 0;
}
.sp .sideMenu {
    border: 0;
}
#subArea .sideMenu > ul > li,
#subArea .sideMenu > div > ul > li{
    border-bottom: 1px solid #ccc;
    padding: 10px 20px;
    margin: 0;
}
#subArea .sideMenu > ul > li:last-child,
#subArea .sideMenu > div > ul > li:last-child{
    padding: 10px 20px;
}
#subArea .sideMenu > ul > li:before,
#subArea .sideMenu > div > ul > li:before{
	left: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップへ戻る
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.toPageTop a{
    background: #d9aa28;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
T
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.catAreaWrap {
    border: 1px solid #f1d178;
}
.catArea a {
    background: #d9aa28;
}
.catAreaWrap .catArea a:hover {
    background: #b98c0e;
}
.post-type-archive-faq .articleTitle span {
    border-left: 4px double #ead8a9;
    color: #d4a21a;
}