/*
/*黄色の蛍光ペン風*/
.yellow {
	background: linear-gradient(transparent 60%,#ffff66 60%);
}

/*緑色の蛍光ペン風*/
.green {
	background: linear-gradient(transparent 60%,#ccffcc 60%);
}

/*濃いオレンジ色の蛍光ペン風*/
.orange {
	background: linear-gradient(transparent 50%,#ffcc66 0%);
}

/*うす紫色の蛍光ペン風*/
.purple {
	background: linear-gradient(transparent 50%,#ccccff 0%);
}

/* たて向きテーブル */
.post table {
	border: none;
}

.wp-table-tate {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 15px;
	table-layout: fixed;
}

.wp-table-tate th {
	width: 30%;
	background-color: #FFF9B1;
}

.wp-table-tate td {
	width: 70%;
	background-color: #fff;
}

.wp-table-tate td {
	text-align: left;
}

.wp-table-tate th, .wp-table-tate td {
	padding: 7px;
	border: 1px solid #ddd;
}

.wp-table-tate tr:first-child th {
	border-radius: 6px 0 0 0;
}

.wp-table-tate tr:first-child td {
	border-radius: 0 6px 0 0;
}

.wp-table-tate tr:last-child th {
	border-radius: 0 0 0 6px;
}

.wp-table-tate tr:last-child td {
	border-radius: 0 0 6px 0;
}

@media only screen and (max-width: 480px) {
	.wp-table-yoko th, .wp-table-tate th {
		font-size: 80%;
	}
}
/* 順位表示テーブル */
.post table {
	border: none;
}

.rank-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 15px;
	table-layout: fixed;
}

.rank-table th {
	width: 80%;
	background-color: #FFF9B1;
}

.rank-table td {
	width: 20%;
	background-color: #fff;
}

.rank-table td {
	text-align: left;
}

.rank-table th, .rank-table td {
	padding: 7px;
	border: 1px solid #ddd;
}

@media only screen and (max-width: 480px) {
	.wp-table-yoko th, .wp-table-tate th {
		font-size: 80%;
	}
}
/* 普通のテーブル */
.post table {
	border: none;
}

.wp-table-normal {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 15px;
	table-layout: fixed;
}

.wp-table-normal th {
	width: 50%;
	background-color: #ECF4D9;
}

.wp-table-normal td {
	width: 50%;
	background-color: #ECF4D9;
}

.wp-table-normal td {
	text-align: left;
}

.wp-table-normal th, .wp-table-normal td {
	padding: 7px;
	border: 1px solid #ddd;
}

/*見出し修飾-h4*/
.intro {
	color: #02004C;
/*文字色*/
	padding: .5em 0;
/*上下の余白*/
	border-bottom: dashed 3px #02004C;
/*下線*/
}	


/*画像横並び-横に3つ*/
ul.basicplan {
	width: 100%;
	margin: 5px 0 20px;
	padding: 0;
	clear: both;
	letter-spacing: -.4em;
}

ul.basicplan li {
	display: inline-block;
	width: 32%;
	margin: 5px 1.5px 10px;
	padding: 0;
	list-style-type: none;
	vertical-align: top;
	letter-spacing: normal;
}

ul.basicplan li img {
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 5px;
	padding: 0;
}

ul.basicplan li .title {
	text-align: left;
	margin: 0;
	padding: 0 0 2px;
	font-size: 100%;
	}

/*画像横並び-横に2つ*/
ul.basicplan02 {
	width: 100%;
	margin: 5px 0 20px;
	padding: 0;
	clear: both;
	letter-spacing: -.4em;
}

ul.basicplan02 li {
	display: inline-block;
	width: 49%;
	margin: 5px 1.5px 10px;
	padding: 0;
	list-style-type: none;
	vertical-align: top;
	letter-spacing: normal;
}

ul.basicplan02 li img {
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 5px;
	padding: 0;
}

ul.basicplan02 li .title {
	text-align: center;
	margin: 0;
	padding: 0 0 2px;
	font-size: 100%;
	}

a {
	color: #1111cc;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
}
/* アコーディオン */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_qa {
border-top: 1px solid #1b2538;
}
.cp_qa .cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 1px;
color: #1b2538;
}
.cp_qa .cp_actab input {
position: absolute;
opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
font-weight: bold;
line-height: 1.6;
position: relative;
display: block;
margin: 0 0 0 0;
padding: 1em 2em 1em 1em;
cursor: pointer;
border-bottom: 1px solid #1b2538;
}
.cp_qa .cp_actab label:hover {
color: #00838F;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.5s ease;
transition: max-height 0.5s ease;
color: #ffffff;
background: rgba(0, 131, 143, 0.5);
}
.cp_qa .cp_actab .cp_actab-content p {
margin: 1em;
}
/* 質問を開いた時の仕様 */
/* --アイコン */
.cp_qa .cp_actab input:checked ~ label {
color: #00838F;
}
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
max-height: 40em;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab label::after {
line-height: 1.6;
position: absolute;
top: 50%;
right: 0;
display: block;
width: 3em;
margin-top: -12.5px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
text-align: center;
}
.cp_qa .cp_actab input[type=checkbox] + label::after {
content: '\25BC';
}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}