html{ -webkit-text-size-adjust:none; }
body{
	width:100%;
	min-width:1040px;
	overflow:hidden;
	background:#ffffff;
	font-size:15px;
	font-family:YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:180%;
	-webkit-text-size-adjust:none;
	color:#000;
	position:relative;
	letter-spacing:1px;
	}
a{ color:#000000; }
body a:hover{ text-decoration:none; }
input,textarea{
	font-family:YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix				{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix	{ zoom: 1; } /* IE7 */
/*///////////////////////////////////////////////////////////////////
//
//	commonClass
//
///////////////////////////////////////////////////////////////////*/
.title{
	width: 100%;
	font-size: 32px;
	font-weight:bold;
	text-align:center;
	background:#fff;
	padding:26px 0;
	}
.box{
	padding:25px;
	background-image:url(../images/bg.png);
	background-repeat:repeat;
	background-size:80px 148px;
	}
.ie7_html .box{
	background-image:url(../images/bg_ie.png);
	background-repeat:repeat;
	}
/*///////////////////////////////////////////////////////////////////
//
//	header
//
///////////////////////////////////////////////////////////////////*/
#header{
	width:100%;
	margin:0 auto 0;
	position:relative;
	}
#header h1{
	width: 100%;
	margin:0 auto;
	background: #000;
	text-align:center;
	color:#fff;
	font-size: 8px;
	font-family:'Josefin Sans';
	font-weight:300;
	line-height:16px;
	height:16px;
	}
#header #logo{
	width: 100%;
	text-align:center;
	margin:15px auto 12px;
	position: relative;
	}
#login{
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-500px;
	}
#login a{
	padding:5px 15px;
	display: block;
	border:2px solid #000;
	color:#000;
	font-size: 14px;
	line-height: 100%;
	font-family:'Josefin Sans';
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#login a:hover{
	color:#fff;
	background: #000;
	}
#icon{
	position:absolute;
	right:50%;
	bottom:0px;
	margin-right:-500px;
	font-size: 0;
	}	
#icon li{
	display: inline-block;
	margin-left:10px;
	}
#icon li a{
	width: 30px;
	height: 30px;
	background:#000;
	border-radius:50% 50%;
	display: inline-block;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#icon li a:hover{
	border-radius:0%;
	}
#gnav{
	width: 100%;
	margin:0 auto;
	border-top:4px solid #000;
	border-bottom:4px solid #000;
	}
#gnav > ul{
	width: 1000px;
	height: 50px;
	margin:0 auto;
	}
#gnav ul li{
	width: 250px;
	margin:0 auto;
	float: left;
	}
#gnav ul li a{
	display: block;
	text-align:center;
	border-left:4px solid #000;
	padding:12px 0 8px;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#gnav ul li.selected > a{ background:#000; }
#gnav > ul > li:last-child a{
	border-right:4px solid #000;
	}
#gnav ul li a span{
	font-size: 15px;
	line-height: 100%;
	font-family:'Josefin Sans';
	color:#000;
	display: block;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#gnav ul li.selected > a span,
#gnav ul li.selected > a ruby{ color:#fff; }
#gnav ul li a ruby{
	font-size: 11px;
	line-height: 100%;
	color:#000;
	display: block;
	margin-top:4px;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#gnav ul li a:hover{
	background:#000;
	color:#fff;
	}
#gnav ul li a:hover span,
#gnav ul li a:hover ruby{ color:#fff; }

#gnav ul .nav_parent{
	position: relative;
	}
#gnav ul .nav_child{
	width: 254px;
	position: absolute;
	top:54px;
	left:0;
	background:#fff;
	z-index:10;
	display:none;
	}
#gnav ul .nav_child li{
	float: none;
	display: block;
	border-bottom: 2px solid #000;
	border-right:4px solid #000;
	background:#fff;
	}
#gnav ul .nav_child li a{
	font-size: 14px;
	padding:12px 8px 8px;
	}

/*///////////////////////////////////////////////////////////////////
//
//	footer
//
///////////////////////////////////////////////////////////////////*/
#footer{
	width: 100%;
	margin:0 auto;
	background: #000;
	text-align:center;
	}
#footer #copyright{
	color:#fff;
	font-size: 10px;
	letter-spacing:1pt;
	font-family:'Josefin Sans';
	line-height: 100%;
	padding:16px 0;
	}
#totop{
	width: 50px;
	height: 50px;
	position: fixed;
	bottom:0px;
	right:50%;
	margin-right: -500px;
	z-index:1000;
	opacity:0;
	}
#totop a{
	display: block;
	width: 50px;
	height: 50px;
	border:1px solid #000;
	border-radius:50% 50%;
	position: relative;
	background:rgba(255,255,255,0.60);
	}
#totop a:before{
	content:"";
	width: 1px;
	height:20px;
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left: -0.5px;
	background: #000;
	}
#totop a:after{
	content:"";
	width: 10px;
	height:10px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-9px;
	margin-left: -5.5px;
	transform:rotate(45deg);
	}
/*///////////////////////////////////////////////////////////////////
//
//	container
//
///////////////////////////////////////////////////////////////////*/
#container{
	width: 100%;
	margin:0 auto
	}
/* top */
#title_box .title{
	padding-bottom:0;
	font-family:'Josefin Sans';
	}
#title_box .lecture{
	text-align:right;
	color:#181878;
	}
#title_box .answer{
	color:#e41e35;
	}
#title_box .lecture,
#title_box .answer{
	width: 50%;
	float: left;
	background:#fff;
	padding-bottom: 16px;
	}
#title_box h2{
	width: 100%;
	background:#fff;
	padding-bottom: 16px;
	text-align:center;
	}
#title_box .lecture span,
#title_box .answer span{
	font-family:'Josefin Sans';
	font-weight: bold;
	font-size: 20px;
	}
#title_box h2 span{
	font-family:'Josefin Sans';
	font-size: 14px;
	}
#title_box .lecture span{
	margin-right:14px;
	}
#title_box .answer span{
	margin-left:14px;
	}
#article_list{
	width: 100%;
	overflow: hidden;
	clear: both;
	margin:0 auto 110px;
	}
#lecture_box{
	width: 50%;
	float: left;
	position: relative;
	}
#lecture_box:before,
#archive_box:before{
	content:"";
	width: 4px;
	height:100%;
	position: absolute;
	top:0;
	right:-2px;
	background:#000;
	z-index:2;
	}
#answer_box{
	width: 50%;
	float: left;
	position: relative;
	}
#article_list .article{
	width: 100%;
	border-top:4px #000 solid;
	position: relative;
	z-index:1;
	}
#article_list .article a:before{
	content:"";
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44ffffff,EndColorStr=#44ffffff);/*IE8以下用*/
	z-index:1;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#article_list .article a:hover:before{
	opacity:1;
	}
#article_list .article:before:not(:target){
	filter: none;
	-ms-filter: none;
	}
#article_list .article h1{
	width: 100%;
	position: absolute;
	bottom:0;
	left:0;
	opacity:0;
	z-index:2;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#article_list .article h1 strong{
	display: block;
	padding:20px 25px;
	font-size: 20px;
	font-weight: bold;
	color:#fff;
	}
#article_list .article a:hover h1{
	opacity:1;
	}
#article_list .article .tag{
	position: absolute;
	top:-1px;
	background:#fff;
	border:1px solid #000;
	font-family:'Josefin Sans';
	font-weight: bold;
	font-size: 16px;
	line-height: 100%;
	padding:10px 18px;
	z-index:2;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#article_list #lecture_box .article .tag{ right:-1px; color:#181878; }
#article_list #answer_box .article .tag{ left:-1px; color:#e41e35; }
#article_list #lecture_box .article a:hover .tag{
	background:#181878;
	color:#fff;
	}
#article_list #answer_box .article a:hover .tag{
	background:#e41e35;
	color:#fff;
	}

#article_list .more{
	padding:15px;
	background-image:url(../images/bg.png);
	background-repeat:repeat;
	background-size:80px 148px;
	text-align:center;
	border-top:4px #000 solid;
	border-bottom:4px #000 solid;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
.ie7_html #article_list .more{
	background-image:url(../images/bg_ie.png);
	background-repeat:repeat;
	}
#article_list .more a{
	padding:16px 0;
	line-height: 100%;
	display: block;
	background: #fff;
	font-family:'Josefin Sans';
	font-weight: bold;
	font-size: 16px;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#article_list #lecture_box .more a{ color:#181878; }
#article_list #answer_box .more a{ color:#e41e35; }
#article_list #lecture_box .more:hover a{
	background:#181878;
	color:#fff;
	}
#article_list #answer_box .more:hover a{
	background:#e41e35;
	color:#fff;
	}
#article_list #lecture_box .more:hover{
	background:#181878;
	}
#article_list #answer_box .more:hover{
	background:#e41e35;
	}

/* single */
#article_title .title{
	font-weight: normal;
	font-size: 26px;
	padding-top: 0;
	line-height: 32px;
	}
#article_title .numbering{
	text-align:center;
	background: #fff;
	padding-top: 26px;
	font-family:'Josefin Sans';
	font-size: 16px;
	line-height: 100%;
	padding-bottom: 12px;
	font-weight: bold;
	}
#youtube{
	width: 748px;
	height:422px;
	border:4px solid #000;
	margin:40px auto;
	}
#contents{
	width: 1000px;
	margin:50px auto;
	}
#comments{
	width: 100%;
	border-top: 4px solid #000;
	}
#comments .children{
	display: none;
	}
#comments .morebtn{
	margin-top: 20px;
	cursor:pointer;
	text-decoration:underline;
	font-size: 12px;
	}
.answer #comments .morebtn{
	color:#e41e35;
	}
.lecture #comments .morebtn{
	color:#181878;
	}
#comments .morebtn:hover{
	text-decoration:none;
	}
.comments-title{
	text-align:center;
	}

.comment-list{
	width: 1000px;
	margin:0 auto;
	}
.comment-list .comment-body{
	border-bottom: #ccc 1px solid;
	padding-bottom:48px;
	margin-bottom: 40px;
	}
.depth-1 .comment-body{ width:990px; padding-left:10px; }
.depth-2 .comment-body{ width:960px; padding-left:40px; }
.depth-3 .comment-body{ width:930px; padding-left:70px; }
.depth-4 .comment-body{ width:900px; padding-left:100px; }
.depth-5 .comment-body{ width:870px; padding-left:130px; }
.depth-6 .comment-body{ width:840px; padding-left:160px; }
.depth-7 .comment-body{ width:810px; padding-left:190px; }
.depth-8 .comment-body{ width:780px; padding-left:220px; }
.depth-9 .comment-body{ width:750px; padding-left:250px; }
.depth-10 .comment-body{ width:720px; padding-left:280px; }
.depth-11 .comment-body{ width:690px; padding-left:310px; }
.depth-12 .comment-body{ width:660px; padding-left:340px; }
.depth-13 .comment-body{ width:630px; padding-left:370px; }
.depth-14 .comment-body{ width:600px; padding-left:400px; }
.depth-15 .comment-body{ width:570px; padding-left:430px; }

.comments-title{
	width: 1000px;
	margin:48px auto 40px;
	padding-bottom: 24px;
	border-bottom:1px solid #000;
	font-size: 20px;
	}
.comments-title span{
	font-size: 40px;
	font-weight: bold;
	margin-right: 3px;
	}
.comment-list .comment-body .avatar{
	border-radius:50% 50%;
	margin-right: 9px;
	}
.comment-list .comment-body .fn{
	font-family:'Josefin Sans';
	font-weight: bold;
	font-size: 15px;
	}
.comment-list .comment-body .says{ display: none; }
.comment-metadata{ font-size: 12px; margin-bottom: 16px; }
.comment-metadata .edit-link{
	font-style:10px;
	border:1px solid #000;
	padding:4px;
	margin-left:10px;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
.comment-metadata .edit-link:hover{
	background:#eeeeee;
	}
.comment-metadata .edit-link{ font-style: 10px; border:1px solid #000; padding:4px; margin-left: 10px; }
.comment-content{ font-size: 14px; line-height: 24px; }
.reply a{
	font-size:12px;
	border:1px solid #cccccc;
	display:inline-block;
	line-height:100%;
	padding:8px 15px;
	margin-top: 18px;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
.reply a:hover{
	background:#eeeeee;
	}
.must-log-in{
	margin-top:50px;
	margin-bottom: 50px;
	text-align:center;
	}
#reply-title,
#reply-title_2{
	text-align:center;
	line-height: 24px;
	margin: 50px auto 20px;
	}
#reply-title .en,
#reply-title_2 .en{
	font-family:'Josefin Sans';
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	}
#reply-title .ja,
#reply-title_2 .ja{
	font-size: 10px;
	display: block;
	line-height: 12px;
	}
.comment-form-comment label{ display: none; }
#comment,
#comment_2{
	display: block;
	width: 978px;
	border:1px solid #cccccc;
	margin:0 auto 36px;
	background:#f2f2f2;
	padding:5px 10px;
	}
.form-submit #submit,
.form-submit #submit_2{
	display: block;
	width: 998px;
	margin:0 auto 84px;
	background:#000;
	color:#fff;
	border:1px solid #000;
	padding:10px 0;
	font-size: 12px;
	cursor:pointer;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
.form-submit #submit:hover,
.form-submit #submit_2:hover{
	background:#fff;
	color:#000;
	}
.form-submit{ position: relative; }

#fnav{
	width: 100%;
	border-top:4px solid #000;
	border-bottom:4px solid #000;
	margin-bottom: 114px;
	overflow: hidden;
	}
#fnav > div{
	width: 50%;
	min-height:47px;
	float: left;
	text-align:center;
	padding:15px 0;
	position: relative;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#fnav > #list{
	width: 100%;
	border-top:4px solid #000;
	color:#fff;
	background: #000;
	padding:0;
	}
#fnav > div a{
	display: block;
	text-align:center;
	background: #FFF;
	padding:10px;
	margin:0 15px;
	transition:0.4s;
	-webkit-transition:0.4s;
	position: relative;
	}
#fnav > #list a{
	color:#fff;
	background: none;
	padding:10px 10px;
	margin:0;
	}
#fnav > #list a:hover{
	color:#000;
	background:#FFFFFF;
	}
#fnav #prev:before{
	content:"";
	width: 4px;
	height:100%;
	position: absolute;
	top:0;
	right:-2px;
	background: #000;
	}
#fnav #prev a{ color:#181878; }
#fnav #next a{ color:#e41e35; }
#fnav #prev a:before{
	content:"";
	position: absolute;
	left:18px;
	top:50%;
	margin-top:-5px;
	width: 10px;
	height: 10px;
	border-bottom:2px solid #181878;
	border-left:2px solid #181878;
	transform:rotate(45deg);
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#fnav #next a:before{
	content:"";
	position: absolute;
	right:18px;
	top:50%;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-top:2px solid #e41e35;
	border-right:2px solid #e41e35;
	transform:rotate(45deg);
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#fnav #prev:hover{ background:#181878; }
#fnav #next:hover{ background:#e41e35; }
#fnav #prev:hover a{ background:#181878; color:#fff; }
#fnav #next:hover a{ background:#e41e35; color:#fff; }
#fnav #prev:hover a:before,
#fnav #next:hover a:before{ border-color:#fff; }

/*///////////////////////////////////////////////////////////////////
//
//	archive
//
///////////////////////////////////////////////////////////////////*/

.archive #title_box .title{ line-height: 100%; }
.lecture .numbering,
.lecture .title,
.lecture h2 span{ color:#181878; }
.answer .numbering,
.answer .title,
.answer h2 span{ color:#e41e35; }
	

#archive_box{
	width: 100%;
	float: left;
	position: relative;
	border-top:4px #000 solid;
	}
#archive_box:before{
	right:50%;
	margin-right:-2px;
	}
#archive_box .article{
	width: 50%;
	border-top: 0;
	border-bottom:4px #000 solid;
	position: relative;
	z-index:1;
	float: left;
	}
#pagenation{
	text-align:center;
	overflow: hidden;
	}
#pagenation .navigation{
	background: #FFF;
	padding:22px 0 15px;
	}
.screen-reader-text{
	font-family:'Josefin Sans';
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 20px;
	}
.nav-links .page-numbers{
	font-family:'Josefin Sans';
	margin:0 10px;
	}
.nav-links a{
	text-decoration:underline;
	}

/* login */

.page #title_box .title{
	font-family:'Josefin Sans';
	padding-bottom: 20px;
	}

body #wpmem_reg legend,
body #wpmem_login legend{
	font-size: 20px;
	margin:20px 0;
	}
body #wpmem_reg .div_text,
body #wpmem_reg .div_textarea,
body #wpmem_reg .div_select,
body #wpmem_login .div_text,
body #wpmem_reg .div_checkbox{
	width: 100%;
	}
body #wpmem_reg,body #wpmem_login,#loginbox{
	width: 600px;
	margin:0px auto;
	}
body #loginbox #wpmem_msg{
	margin:20px auto;
	padding:20px 0;
	}
body #loginbox #wpmem_msg a{
	text-decoration:underline;
	color:#e41e35;
	}
#loginbox > p:nth-child(2),
#loginbox > ul:nth-child(2){
	margin:100px 0;
	overflow: hidden;
	}
#loginbox > ul:nth-child(2) li{
	width: 250px;
	float: left;
	text-align:center;
	border:4px solid #000;
	}
#loginbox > ul:nth-child(2) li:first-child{
	margin-right: 50px;
	}
#loginbox > ul:nth-child(2) li a{
	display: block;
	padding:15px 0;
	transition:0.4s;
	-webkit-transition:0.4s;
	}
#loginbox > ul:nth-child(2) li a:hover{
	background: #000;
	color:#fff;
	}
.answer #contents p a{
	color:#e41e35;
	text-decoration:underline;
	}
.lecture #contents p a{
	color:#181878;
	text-decoration:underline;
	}
.answer #contents p a:hover{
	text-decoration:none;
	}
.lecture #contents p a:hover{
	text-decoration:none;
	}
.comment-content a{
	color:#e41e35;
	text-decoration:underline;
	}
.comment-content a:hover{
	text-decoration:none;
	}
#reply-title small{
	display: block;
	margin-top: 20px;
	}
body .wpmem_msg{
	width: 598px;
	padding:20px 0;
	margin:20px auto;
	}
body .no-comments{
	text-align:center;
	padding:20px 0;
	}
body #wpmem_reg .req-text{
	margin-bottom: 40px;
	font-size: 14px;
	font-weight: bold;
	}
body #wpmem_reg .attention{
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
	color:#e41e35;
	}
.link-text{
	font-size: 14px;
	}
.link-text a{
	font-size: 14px;
	text-decoration:underline;
	color:#e41e35;
	}