body{
    font-family: メイリオ, 'Hiragino Kaku Gothic Pro', Meiryo, 'ヒラギノ角ゴ Pro W3', 'MS PGothic', 'MS UI Gothic', Helvetica, Arial, sans-serif;
    background: #FAF4FC;
    margin:0;
}

a{text-decoration:none;}

a,a:visited{color:#33f;}
ul,li{
margin:0;padding:0;
}


#header {
text-align: left;
padding: 0;
background: #5C4940;
font-size:14px;
}


.h-t{
width:120px;
}


h1{
font-size:16px;
text-align:center;
margin:0;
padding:16px 2px;
line-height:1.5;
background: #3C2920;
}


.menu{
float:left;
padding:2px;
}

#header a{
padding:2px 5px;
color:#fff;
}

#header a:hover{
color:#f33;
background:#faf4fc;
}
.sp{clear:both;}


a.wt,.wt:visited{
color:#fff;
}


#all {
    max-width: 600px;
    margin: 0 auto;
    padding: 10px 5px;
}

.box {
margin-top:30px;
border:1px solid #ccc;
padding:0;
background:#fff;
}


li{
border-bottom:1px solid #ccc;
padding:5px 2px;
list-style:none;
font-size:14px;
}

li:last-child{
border-width:0px;
}

.box-title{
font-weight:bold;
text-align:center;
}

#footer {
    margin: 50px 0 0;
    text-align: center;
    background: #3C2920;
    padding-top: 40px;
    padding-bottom: 50px;
    border-top: 1px solid #333;
    color: #ccc;
    font-size: 13px;
}

h2{
font-size:18px;
margin:20px 5px 10px;
}


.line{
    margin: 20px 0 10px;
    border-bottom: 1px solid #eee;
}

.home {margin:30px auto;width:70%;}

.home a{display:block;border:1px solid #ccc;text-align:center;background:#fff;
border-radius:4px;
line-height:2;
}

dl{margin:10px 8px 40px;padding-top:20px;}

dt {font-size:12px;color:#878;}
dd {
margin:5px 5px 20px;
}


span a{
color: inherit !important;
text-decoration:underline;
}

.name {color:#393;}

.pos {font-size:130%;color:#f00;}


.title-sub{
margin:10px 10px 20px;
font-size:12px;
color:#777;
}


h3{
margin:30px 2px 5px;
padding:2px 5px 5px;
/* border-bottom:1px solid #eee;*/
font-size:14px;
color:#344;
}

.news_link{
margin:10px 5px 30px 20px;
padding:15px 10px 15px 10px;
border-left:2px solid #eee;
}

.news_link:hover{
background:#faf4fc;
}

.news_title{}

.news_text{color:#445;font-size:12px;}








blockquote{
margin:10px 5px 30px;
padding:5px;
font-size:13px;
color:#334;
line-height:1.5;
background:#f5f5f5;
border-radius:5px;
}

.trim{margin:10px 10px 20px;}

.center{text-align:center;}

.trim2{max-width:400px;margin:10px 10px 20px;}



.pos {font-size:130%;color:#f00;}


#page-box{
margin:20px 5px;
text-align:center;
}

a.btn {
    display: inline-block;
    margin-right: 10px;
    background: #337fcc;
    padding: 10px 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
}

a.btn:hover{
background:#ccc;
color:#222;
}


.bottom-box{
margin:10px 5px;
text-align:center;

}

.list {
    padding: 3px 5px;
    font-size: 11px;
    color: #899;
    border-bottom: 1px solid #eee;
}


.list-title{
margin:5px 0px;
padding:2px 0;
font-size:16px;
color:#35f;
}


.list p {margin:0;text-align:right;color:#677;font-size:11px;}

.list:hover{background:#ffeeff;}

.mb_link{ 
display:block;
padding:4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border:1px solid #66d;
font-size:12px;
border-radius:5px;
background:#f5f5ff;
}


.topic{
padding:2px 5px;
line-height:2;
text-align:center;
background: #3C2920;
color:#fff;
}


.comment{
display:inline-block;
margin-left:10px;
color:#4a90e2;
}

.svg{
display:inline-block;
vertical-align: middle;
padding-top:4px;
}



.topnews{font-size:13px;
display:block;
padding:0 2px 20px;

}


.resbox {
    position: relative;
    background: #f7f7f7;
    padding: 15px 5px 1px;
    margin-bottom:25px;
    margin-left:10px;
    border: 2px solid #eee;
    border-radius: 2px;
}


.resbox:before{
	content: "";
	border: 13px solid transparent;
	border-bottom: 13px solid #eee;
	position: absolute;
	left: 20px;
	top: -28px;
}
.resbox:after{
	content: "";
	border: 13px solid transparent;
	border-bottom: 13px solid #f7f7f7;
	position: absolute;
	left:20px;
	top: -26px;
}





.c0{color:#800;}
.c1{color:#f00;}
.c2{color:#00d;}
.c3{color:#808;}

.b1{font-size:120%;}
.b2{font-size:160%;}
.b3{font-size:180%;}



.tag{margin:10px 5px 5px;}


.tag span{
display:inline-block;
margin:0 10px 0 1px;
padding:2px 7px;
border:1px solid #eee;
color:#777;
font-size:11px;
border-radius:1px;
}

.tag-box{
margin:5px 10px 20px;

}

.movie-box{padding:10px 5px;}

.movie {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}