@charset "UTF-8";

html, body{
	margin:0;
	padding:0;
	text-align:left;
	line-height:2em;
	font-size:16px;
	vertical-align:top;
	font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", sans-serif;
}

/* ------------------------ */
/*	-Wordpress defaults-	*/
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
.content img{
	max-width:100%;
	height:auto;
}

/*	/Wordpress defaults/	*/
/* ------------------------ */

h2.title{
	display:block;
	border-top:solid 2px #333;
	border-bottom:solid 2px #333;
	padding:0.25rem 0.5rem;
}

.box,
.cell{
	box-sizing:border-box;
}
.box{
	display:block;
	position:relative;
	margin:3rem 0;
}
.box:before,
.box:after{
	display:block;
	content:'';
	clear:both;
}
.cell{
	display:inline-block;
	vertical-align:middle;
}
.fram{
	padding:1.5rem;
	border:solid 2px #999;
	border-radius:2rem;
}

#article img.alignleft{
	margin-right:1rem;
}
#article img.alignright{
	margin-left:1rem;
}
#article img.aligncenter{
	margin:1rem auto;
}

/*cell--*/
.w3m,
.w4m{	width:2rem; }
.w5m,
.w6m{	width:2.5rem; }
.w9m,
.w10m{	width:4rem; }
.w12m{	width:6rem; }
.w15m{	width:7.5rem; }
.w20m{	width:10rem; }
.w25m{	width:12.5rem; }
.w30m,
.w35m,
.w40m{	width:100%; }

.w3m, .w4m, .w5m, .w6m, .w9m,
.w10m, .w12m, .w15m,
.w20m, .w25m,
.w30m, .w35m, .w40m{
	box-sizing:border-box;
	display:inline-block;
	max-width:100%;
}
/* /cell*/


.speaker,
.r3rd, .r3og, .r3yl, .r3lm,
.r3gr, .r3bl, .r3ny, .r3pl,
.r3pk, .r3gy, .r3bk, .r3wh {
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
}

.r3rd, .r3og, .r3yl, .r3lm,
.r3gr, .r3bl, .r3ny, .r3pl,
.r3pk, .r3gy, .r3bk, .r3wh {
	border-radius:50%;
	border-width:3px;
	border-style:solid;
}
.r3rd {	border-color:red; }
.r3og {	border-color:orange; }
.r3yl {	border-color:yelloe; }
.r3lm {	border-color:lime; }
.r3gr {	border-color:green; }
.r3bl {	border-color:blue; }
.r3ny {	border-color:navy; }
.r3pl {	border-color:purple; }
.r3pk {	border-color:pink; }
.r3gy {	border-color:gray; }
.r3bk {	border-color:black; }
.r3wh {	border-color:white; }

.speaker{
	border-radius:50%;
	margin:0.5rem;
	width:3rem;
	height:3rem;
}
.speaker img,
.r3rd img, .r3og img, .r3yl img, .r3lm,
.r3gr img, .r3bl img, .r3ny img, .r3pl,
.r3pk img, .r3gy img, .r3bk img, .r3wh img {
	display:block;
	margin:0;
	padding:0;
}


@media screen and (min-width:768px){
	
	.w3m{	width:3rem; }
	.w4m{	width:4rem; }
	.w5m{	width:5rem; }
	.w6m{	width:6rem; }
	.w9m{	width:9rem; }
	.w10m{	width:10rem; }
	.w12m{	width:12rem; }
	.w15m{	width:15rem; }
	.w20m{	width:20rem; }
	.w25m{	width:25rem; }
	.w30m{	width:30rem; }
	.w35m{	width:35rem; }
	.w40m{	width:40rem; }

	.speaker{
		width:6rem;
		height:6rem;
	}
}