@charset "utf-8";
/* CSS Document */

/*---- wp post ----*/
/* CMS箇所用CSS　必ず.postBoxの子要素として記述してください。 */

/* common, header */

.postBox { margin: 0 0px; text-align: left; color: #555;}
.postBox .alignnone { display: inline;}
.postBox .aligncenter { display: block; margin: 0 auto;}
.postBox .alignright { display: block; float : right;}
.postBox .alignleft { display: block; float: left;}

.postBox h2 { display: inline-block; width: 834px; height: 54px; margin-left: 0px; margin-bottom: 1em; padding-left: 40px; line-height: 54px; font-size: 22px; font-weight: bold; text-align: left; border: 1px #C2C8BB solid;
	border-radius: 20px 0 0 0; -webkit-border-radius: 20px 0 0 0; -moz-border-radius: 20px 0 0 0;}
.postBox h2 .page { font-size: 16px;}
.postBox h3 { display: inline-block; width: 100%; height: 32px; margin-bottom: 16px; padding-left: 16px; border-left: 5px #C2C8BB solid; font-size: 18px; font-weight: bold; line-height: 32px;}
.postBox h4 { display: inline-block; height: 32px; margin-top: 16px; margin-bottom: 16px; padding: 0 8px; border-bottom: 1px #C2C8BB solid; font-size: 18px; font-weight: bold; line-height: 32px;}
.postBox .caution { color: #555; text-decoration: none; font-weight: bold; background: linear-gradient(#fff 60%, #ff9999 40%);}
.postBox .faq { color: #555; text-decoration: underline; font-weight: bold;}
.postBox * + p, .postBox * + h2, .postBox * + h3, .postBox * + h4 { margin-bottom: 1em;}

@media screen and (max-width: 768px){
	.postBox { margin: 0;}
	.postBox h2 { width: 100%; height: 42px; padding: 8px 0 8px 20px; margin-left: 0; line-height: 26px;}	
}
@media screen and (max-width: 480px){
	.postBox h2 { height: auto; font-size: 20px; line-height: 26px; }
}

/* list */

.postBox ul { margin-left: 2em; list-style-type: disc; margin-bottom: 1.5em ;}
.postBox ul > li { margin-left: 1em; line-height:2em; }
.postBox ul.list { list-style-type: none;}
.postBox ul.list > li { margin-left: 0em; }
.postBox ol { list-style-type: decimal; margin-bottom: 1.5em ;}
.postBox ol li { margin-left: 2em; margin-bottom: 1em;line-height:2em; }
.postBox ol.qa { list-style-type: none;padding: 10px;}
.postBox ol.qa > li { margin-left: 0em; }
.postBox em { font-style: italic;}
.postBox p { line-height : 1.8em;}
.postBox a { color: #004898; text-decoration: none ; background: linear-gradient(#fff 50%, #e8f8fb 50%);}
.postBox .newsDetail .text a { color: #004898; text-decoration: none ; background: linear-gradient(#f1f1f1 50%, #e8f8fb 50%);} /* NEWS本文用 */
.postBox .newsDetail .text a:hover { color: #004898; text-decoration: none ; background: linear-gradient(#f1f1f1 50%, #7AC6F5 50%);} /* NEWS本文用 */

.postBox .under_space { padding-bottom : 2em;}
.postBox .under_spacehalf { padding-bottom : 1em;}
.postBox .cdright p { color:#fff; margin-left:20px;}
.postBox ul.crypto { list-style:none; margin-bottom: 30px;}
.postBox ul.crypto li{ margin-right: 6px; float: left; text-align: center;}


.postBox .audiojs * { box-sizing: content-box !important;}
@media screen and (max-width: 480px){
	.postBox audio, .postBox .audiojs { width: 100% !important; max-width: 400px !important; }
	.postBox .audiojs  { box-sizing:border-box;}
	.postBox .play-pause { width: 9% !important; max-width: 20px !important; }
	.postBox .scrubber { width: 70% !important; max-width: 280px !important; }
	.postBox .time { width: 21% !important; max-width: 65px !important; }
}

/* table, form */

.postBox table th, .postBox table td { padding: 8px 16px; vertical-align: top;}
.postBox table th { background: url(../images/table_th_bg.png) repeat;}
.postBox table td { width:300px; background: #fff; padding:0 ; text-align:center;}

.postBox table.cd { width:100%; max-width:600px;}
.postBox table.cd caption { height: 32px; margin-bottom: 8px; line-height: 32px;}
.postBox table.cd caption span.cap { padding: 0 8px; border-bottom: 1px #C2C8BB solid; font-size: 18px; font-weight: bold;}
.postBox table.cd tr { border-top: 1px #999 solid; border-bottom: 1px #ccc solid;}
.postBox table.cd th, .postBox table.cd td { width: auto; padding: 8px; vertical-align: top; text-align: left;}

.orderBtn { background: none; border: none; color: #8C8C83; font-size: 16px; text-decoration: underline;}
.orderBtn:hover { cursor: pointer;}

.submitBtn { display: block; padding: 4px 60px; margin: 0 auto; background: #ddd; border: none; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }
.submitBtn:hover { cursor: pointer; text-decoration:none; opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)"; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}

@media screen and (max-width: 768px){
	.postBox table th, .postBox table td { display: block; width:100%;}	
}

.postBox .kaerebalink-powered-date { display: none;}