/*
 Theme Name:   oops_tcd048 Child
 Template:     oops_tcd048
 Version:      2.0.1
*/

/* header */

div.l-header__inner img {
	height: 46px;
}

/* スマホハンバーガーメニューと重ならない修正 */

.l-main {
	margin-top: 50px;
}
.l-toppage {
	margin-top: 70px;
}

/* p-entry__body */

.p-entry__body {
	margin: 30px 0 0 0;
	word-break: break-all;
}

/* p-entry__body 記事共通-line-heighなど */

.p-entry__body p {
	line-height: 160%;
}
.p-entry__body ul li {
	line-height: 160%;
}
.p-entry__body ol li {
	line-height: 160%;
}
.p-entry__body table th,
.p-entry__body table td {
	line-height: 160%;
}

/* top */

#cb_0 {
	width: 90%;
	font-size: 14px;
	line-height: 140%;
	margin: 20px auto;
	box-sizing: border-box;
}
#cb_0 ul li a:hover {
	text-decoration: underline;
}

#faqlisting h2 {
	line-height: 160%;
}
#faqlisting h2 a {
	font-size: 24px;
	background-color: #eee;
	padding: 20px 30px 20px 16px;
	display: block;
	position: relative;
}
#faqlisting h2 a:hover {
	background-color: #f6f6f6;
}
#faqlisting h2 a::after {
	display: block;
	content: '';
	position: absolute;
	top: 39%;
	right: 20px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #0099ff;
	border-bottom: 2px solid #0099ff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#faqlisting ul {
	margin: 0 0 30px 0;
}
#faqlisting ul li {
	font-size: 15px;
	padding: 18px 10px;
	border-bottom: 1px solid #eee;
}
#faqlisting ul li a {
	color: #0099ff;
	font-weight: bold;
}

#faqlisting .p-widget {
	margin: 0 0 20px 0;
}
#faqlisting .p-widget #searchform input[type=text] {
	background-color: #f4f4f4;
	box-sizing: border-box;
}

#side h2 {
	font-size: 20px;
	padding: 0 0 0 6px;
	margin: 0 0 10px 0;
	border-left: 6px solid #0099ff;
}
#side ul li {
	padding: 5px 0;
	font-size: 16px;
}
#ctglisting,
#datelisting {
	padding: 20px;
	margin: 0 0 20px 0;
	border: 1px solid #eee;
	box-sizing: border-box;
}

#side .p-widget {
	display: none;
}

/* 共通 */

.p-breadcrumb a:hover {
	color: #003399;
}

.l-inner h2.p-headline {
	color: #333;
}

/* footer-search category etc */

#searchform input#searchsubmit {
	background: #003399;
}
.p-widget-area .p-widget-dropdown select {
	background: #003399;
}
.p-widget-area .p-widget-dropdown select:hover {
	cursor: pointer;
}

/* footer */

#js-pagetop a {
	background-color: #0099ff;
}

footer .p-footer-blog h2.p-footer-blog__catch {
	color: #000;
}
footer .p-footer-blog a {
	color: #000;
}
footer .l-footer__logo a {
	color: #000;
}
footer .l-footer__logo a img {
	width: 80%;
}
footer ul.p-social-nav a {
	color: #000;
}
footer ul#menu-footer-menu {
	color: #000;
}
footer ul#menu-footer-menu li a {
	color: #000;
}

/* ログイン時の名前表示 */

#personlogininfo {
	position: absolute;
	top: 22px;
	right: 65px;
	z-index: 1000;
}
#personlogininfo p {
	color: #000;
	font-size: 12px;
}

/* カテゴリー一覧表示 */

#js-infinitescroll.p-blog-list ul {
	width: 100%;
	padding: 0 2.2% 0 0;/*--左の余白との調整--*/
	margin: 0 0 20px 0;
	display: block;
}
.p-blog-list ul li {
	padding: 18px 10px;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
}
.p-blog-list ul li:hover {
	background-color: #f8f8f8;
}
.p-blog-list ul li h2 a {
	color: #0099ff;
	font-size: 15px;
	display: block;
}

/* ページトップに戻る 変更 */

.p-pagetop { line-height: 50px; position: fixed; bottom: 0; right: 0; z-index: 9999; }
.p-pagetop a { width: 50px; height: 50px; text-align: center; }
.p-pagetop a::after { position: static; }


@media screen and (min-width: 970px) {

	/* header */

	header#js-header {
		height: auto;
	}

	div.l-header__inner {
		padding: 10px 0 0 0;
		display: block;
	}
	div.l-header__inner img {
		height: 50px;
	}

	/* スマホハンバーガーメニューと重ならない修正 */

	.l-main {
		margin-top: 0;
	}
	.l-toppage {
		margin-top: 150px;
	}

	/* top */

	#cb_0 {
		margin: 40px auto;
		font-size: 15px;
		box-sizing: border-box;
		display: -webkit-flex;
		display: flex;
	}

	#faqlisting {
		width: 75%;
		padding-right: 40px;
		box-sizing: border-box;
	}
	#faqlisting ul li {
		padding: 10px 10px;
	}
	#faqlisting .p-widget {
		display: none;
	}

	#side {
		width: 25%;
	}
	#side ul li {
		font-size: 14px;
		padding: 2px 0;
	}
	#side .p-widget {
		margin: 0 0 20px 0;
		display: block;
	}
	#side .p-widget #searchform input[type=text] {
		background-color: #f4f4f4;
		box-sizing: border-box;
	}

	/* footer */

	footer .l-footer__logo a img {
		width: 400px;
	}

	/* ページトップに戻る 変更 */

	.p-pagetop { line-height: 55px; position: fixed; bottom: 0; right: 0; z-index: 9999; }
	.p-pagetop a { width: 55px; height: 55px; text-align: center; }
	.p-pagetop a::after { position: static; }

	.start_none {
		display:none;
	}

}

@media screen and (min-width: 1200px) {

	/* トップページ 上部余白の修正 */

	.l-toppage {
		margin-top: 160px;
	}

	div.l-header__inner img {
		height: 70px;
	}

	/* p-entry__body */

	.p-entry__body {
		margin: 30px 0 0 0;
	}

	/* top */

	#cb_0 {
		width: 1130px;
		margin: 40px auto;
	}

	#faqlisting h2 a {
		font-size: 30px;
		margin: 0 0 20px 0;
	}
	#faqlisting ul {
		margin: 0 0 40px 0;
	}

	#ctglisting,
	#datelisting {
		padding: 30px;
	}

	/* ログイン時の名前表示 */

	#personlogininfo {
		top: 15px;
		right: 15px;
	}
	#personlogininfo p {
		font-size: 13px;
	}


}