/*--------------------------------------
トップページ用CSS
--------------------------------------*/
/*背景色・上部余白調整*/
.home #entry {
background:none;
}
.home .entry-content {
padding-top: 0;
}

/*新着記事用。トップに新着記事を載せない場合はなくても構いません。*/
@media only screen and (min-width: 481px) {
.catpost-cards .c_linkto {
width: 47%;
margin: 1em 0;
max-width: none;
}
}
.space-between {
justify-content: space-between;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex {
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
}

/*カテゴリ見出しカスタマイズ*/
#inner-content .entry-content h3.top-title {
border-left: none;
color: #000;
overflow: hidden;
text-align: center;
	background: none;
}
#inner-content .entry-content h3.top-title span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
#inner-content .entry-content h3.top-title span:before,
#inner-content .entry-content h3.top-title span:after {
position: absolute;
top: 50%;
content: '';
width: 400%;
height: 1px;
background-color: #000;
}
#inner-content .entry-content h3.top-title span:before {
right: 100%;
}
#inner-content .entry-content h3.top-title span:after{
left: 100%;
}

/*トップページ記事カード用*/
.popular-posts .cardtype__article-info {
padding-top: 0.5em;
}
.popular-posts .cardtype__link {
padding-bottom: 0px;
}
.popular-posts.cardtype {
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
flex-direction: row;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.popular-posts .cardtype__article {
width: 48%;
margin: 0 0 25px;
}
.popular-posts .cardtype__article:nth-child(odd){
margin-right: 4%;
}
.popular-posts .cardtype__article p {
margin: 0; 
}
.popular-posts.cardtype h2 {
margin: 0 5px;
font-size: 15px;
color: inherit;
background: none;
}

#inner-content .entry-content h3.top-title.no-border {
	border-bottom: 0;
}

#inner-content .entry-content h2.koteipegisenyou::before {
	border: 0;
}

.cardtype__link + p {
    display: none;
}

/* クイズ用CSS */

.HiromasiQuiz{
	background: #efdec1;
	font-size: 14px;
	font-family: Vardana,sans-serif;
}

.HiromasiTitle{
	text-align: center;
}

.container{
	margin: 8px auto;
	background: #fff;
	border-radius: 4px;
	position: relative;
}

#question{
	margin-bottom: 16px;
	font-weight: bold;
}

#choices{
	list-style: none;
	padding: 0;
	margin-bottom: 16px;
}

#choices > li{
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 10px;
	margin: 10px;
	cursor: pointer;
}

#choices > li:hover{
	background: #f8f8f8;
}

#choices > li.correct{
	background: #d4edda;
	border-color: #c3e6cb;
	color: #155724;
	font-weight: bold;
}

#choices > li.correct::after{
	content:"　正解！";
}

#choices > li.wrong{
	background: #f8d8da;
	border-color: #f5c6cb;
	color: #721c24;
    font-weight: bold;
}

#choices > li.wrong::after{
	content:"　不正解...";
}

#btn , #result > a{
	background: #3498db;
	padding: 8px;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	box-shadow: 0 4px 0 #2880b9;
}

#btn.disabled{
	background: #ccc;
	box-shadow: 0 4px 0 #bbb;
    opacity: 0.7;
}

#result{
	position: absolute;
	width: 300px;
	  background: #fff;
	  padding: 30px;
	  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	  top: -2000px;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	  border-radius: 4px;
	  text-align: center;
	  transition: 0.4s ease-out;
}

#result > a{
	font-size: 24px;
}

#result > a{
	display: block;
	text-decoration: none;
}

.TyousenBtn{
	display: block;
	text-decoration: none;
}

#result.show{
	top: 90px;
}

.box34 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #fffedf;/*背景色*/
}

.box34 p {
    margin: 0; 
    padding: 0;
}

.c-color-c{
	color:#e53121
}

.kanren-bgcko{
background-color: #e87d1f;
color: #ffffff;
}