@charset "utf-8";

/*設定*/
html { font-size: 62.5%; }
body { font-size: 1.6rem; }
body,button{
	background: #ededed;
	line-height:1.6;
	color:#555;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
a{color:#000;}
a:hover{color:#000;text-decoration:underline;}
a:visited{color:#000;}
a:hover img{opacity:0.8;}
.inner{width: 980px;margin:0 auto;}
.wlist { /* 親要素 */letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */}
.wlist li { /* 子要素 */display: inline-block;letter-spacing: normal; /* 文字間を元に戻す */}
/*.shadow{box-shadow:-1px 3px 4px -3px #474645;-moz-box-shadow:-1px 3px 4px -3px #474645;-webkit-box-shadow:-1px 3px 4px -3px #474645;}*/
.new_icon{position: absolute;top:0;left:0;width: 0;height: 0;border: 30px solid transparent;border-top: 30px solid #3b3b3b;border-left: 30px solid #3b3b3b;}
.new_icon>span{transform: rotate(-45deg);color: #ffbf51;position: absolute;z-index: 2;top: -20px;left: -23px; display: block;width: 2em;font-weight: bold;}
#archive ul {
  overflow: hidden; /* 伸ばした分を隠す */
}
#archive ul > select {
	margin-bottom: 0;
  width: 110%; /* UI分を伸ばす */
}


/*ヘッダー*/
.header{background: #ffb638;}
#head{position:relative;padding: 0.8rem;}
#head h1{margin: 0 auto;width: 288px;}
#head h1 img{width:100%;}
#menu{background: #3b3b3b;width: 100%;}
#menu ul{}
#menu ul li{font-size:1.2rem;display: inline-block;width: 14.25%;text-align:center;font-weight:bold;border-right:1px dotted #999;}
#menu ul li:first-child{border-left:1px dotted #999;}
#menu ul li a{display:block;color:#fff;padding: 0.75em 0;}
#menu ul li a:hover,.active{background: #c2c2c2;color:#3b3b3b;text-decoration:none;}
#menu ul li.current{background: #c2c2c2;}
#menu ul li.current a{color:#3b3b3b!important;text-decoration:none;}
.m01{border-bottom:5px #a0a0a0 solid;}
.m02{border-bottom:5px #ffb638 solid;}
.m03{border-bottom:5px #000 solid;}
.m04{border-bottom:5px #009fe8 solid;}
.m05{border-bottom:5px #aeff00 solid;}
.m06{border-bottom:5px #80cec5 solid;}
.m07{border-bottom:5px #F7B2CB solid;}
/*フッダー*/
.footer{padding: 3em 0;background: #000;text-align:center;}
.footer p{font-size:1.3rem;}


/*検索フォーム*/
#searchform{position: absolute;top:15px;right:0;background: #fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.searchfield { 
padding:2px 2px 2px 5px!important;
margin-top: 10px!important;
font-size: 14px!important;
width: 160px!important;
display: inline-block!important;
height:auto!important;
line-height:2em!important;
margin:0!important;
background: #fff!important;
max-width:none!important;
}
.searchsubmit { 
width: 35px!important;
height: 30px!important;
padding: 0!important;
font-family: FontAwesome;
font-size: 20px!important;	
border: none;
background: transparent;
cursor: pointer;
}

/*サイドバー*/
.sidebar{width:25.511%;margin-top: 0;float: right;}
.sidebar h2{background: #525252;color:#fff;text-align:center;margin-bottom: 0.3rem;padding: 0.5em;}
.sidebar >div{margin-bottom: 1.5rem;}
.sidebar #banner{width: 100%;}
.sidebar #archive{width: 100%;}
.sidebar #twitter{width: 100%;}
.sidebar #popular {width: 100%;}

.sidebar #banner img{width: 100%;}
.sidebar #banner ul li{margin-bottom: 0.5rem;}

.sidebar #categorys ul{width: 100%;background: #fff;padding: 1em;}
.sidebar #categorys ul li{margin-bottom: 0.5em;padding-bottom: 0.5em;border-bottom:1px solid #eee;}
.sidebar #categorys ul li:last-child{border:0;}
.sidebar #archive ul select{background: url(../img/common/select_arr.png) #a0a0a0 no-repeat right 35px center;color:#fff;}

.sidebar #popular ul{width: 100%;}
.sidebar #popular ul li{background: #fff;margin-bottom: 0.5rem;padding: 0.3em;}

.sidebar img.icon_x {
  height: 21px;
  width: auto;
  vertical-align: bottom;
}



/*＜メイン＞*/
#main{width: 73.5%;}

/*パンくず*/
#breadcrumbs{margin-bottom: 1em;}
#breadcrumbs ul{display: flex;align-items: center;}
#breadcrumbs li{float: left;font-size:1.2rem;}
#breadcrumbs li:first-child{font-size:2rem;}

/*一覧表示*/
#main article{background: #fff;padding: 1em;margin-bottom: 1em;display:table;position:relative;width: 100%;}
#main article>.thumbnail{float: left;width: 20%;margin-right: 2%;}
#main article>.thumbnail a{display:block;}
#main article>.thumbnail a img{width: 100%;height: auto;}
#main article>.detail{float: left;width: 78%;}
#main article>.detail h2{font-size:2rem;font-weight:bold;margin-bottom: 0.5em;}
#main article>.detail p{font-size:1.4rem;margin-bottom: 0.3em;max-height:2.2rem;overflow: hidden;}
#main article>.detail .info{font-size:1.4rem;}
#main article>.detail .info a{margin-right: 0.5em;}
#main article>.detail .info a.term{padding: 0.2rem 0.5rem;border-radius: 3px;line-height: 2.3em;}
#main article>.detail .info a.term:hover{text-decoration:none;opacity: 0.7;}
#main article>.detail .info a.grd{background: #5eb6ff;color:#fff;margin-right: 0.5em;}
#main article>.detail .info a.lnv{display:none;}
#main article>.detail .info a.bnk{background: #ffb638;color:#fff;margin-right: 0.5em;}
#main article>.detail .info a.nvl{background: #000;color:#fff;margin-right: 0.5em;}
#main article>.detail .info a.qurie{background: #80cec5;color:#fff;margin-right: 0.5em;}
#main article>.detail .info a.pkm{background: #ed0000;color:#fff;margin-right: 0.5em;}
#main article>.detail .info a.anm{background: #61da00;color:#fff;margin-right: 0.5em;}
#main article>.detail .info a.rosage{background: #F7B2CB;color:#fff;margin-right: 0.5em;}
#main article>.detail .info span{margin-right: 1em;}

/*詳細表示*/
.hentry{padding: 0!important;}
.hentry header{padding: 0;border-bottom: 1px solid #ccc;}
#main article .article-header h1{font-size:2.4rem;font-weight:bold;background: #fff;padding: 0.7em 1em;color:#000;border-bottom: 1px solid #e1e1e1;}
#main article .article-header p{font-size:1.4rem;margin-bottom: 0.3em;}
#main article .article-header .info{font-size:1.4rem;padding:0.5em 2em;}
#main article .article-header .info a{margin-right: 0.5em;}
#main article .article-header .info a.term{padding: 0.2rem 0.5rem;border-radius: 3px;line-height: 2.3em;}
#main article .article-header .info a.term:hover{text-decoration:none;opacity: 0.7;}
#main article .article-header .info a.grd{background: #5eb6ff;color:#fff;margin-right: 0.5em;}
#main article .article-header .info a.bnk{background: #ffb638;color:#fff;margin-right: 0.5em;}
#main article .article-header .info a.nvl{background: #000;color:#fff;margin-right: 0.5em;}
#main article .article-header .info a.pkm{background: #ed0000;color:#fff;margin-right: 0.5em;}
#main article .article-header .info a.anm{background: #61da00;color:#fff;margin-right: 0.5em;}
#main article .article-header .info span{margin-right: 1em;}

/*プラグインCSS上書き*/
.wpp-thumbnail{margin-right: 1.3rem;}
.wpp-list h3{margin-bottom: 0.5em;font-size:1.4rem;}
.wpp-list p{font-size:1.2rem;}
.wpp-list p:before{content:"\f017";font-family:"FontAwesome";margin-right: 0.2rem;}

/*記事内CSS*/
.entry-content{padding: 1.5em 1.5em 1.5em;}
.entry-content span{line-height:1.6em;}
.article-footer .tags a:before{content: "\f02b";font-family:"FontAwesome";margin-right: 0.2rem;}
.article-footer .categorys{margin-bottom: 1em;}
.article-footer .categorys a:before{content: "\f07b";font-family:"FontAwesome";margin-right: 0.2rem;}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

/*スマホ用*/
#button{display:none;}



@media screen and (max-width: 768px) {
/*設定*/
.inner{width: 100%;margin:0 auto;}
#main,.sidebar{width: 100%;padding: 0 1.5%!important;float: none;}

.sidebar #banner ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.sidebar #banner ul li{width: 49%;}
.sidebar #popular ul{display:table;}
.sidebar #popular ul li{width: 49.5%;float: left;clear:none;margin:0 0.25% 0.5rem;}
#main article{padding: 0.5em;margin-bottom: 0.5em;}
.single #main article{display: block;overflow: hidden;}
#main article>.detail h2{font-size:1.6rem;}
.wpp-list h3{max-height:3em;overflow:hidden;}
#twitter{display:none;}

.fixed {
    position: fixed!important;
    top: 0;
    z-index: 100;
}

#button{width: 14%;padding: 0.2em 0.5em;display:block;float: left;border:none;background: none;color:#fff;border-right: 1px solid #fff;margin-right: 0.5em;}




/*スライド*/

#menu{background: #3b3b3b;width: 100%;position:relative;padding: 4px 0;}
.wlist{display:none;z-index:100;}
#menu ul{position: absolute;top: 49px;left: 0px;width: 100%;background: #3b3b3b;color: #fff;overflow: hidden;}
#menu ul li{display: block;width: 100%;text-align:left;font-weight:bold;border-right:none;padding-left: 0.5em;}
#menu ul li:first-child{border-left:none;}
#menu ul li a{display:block;color:#fff;padding: 1em 0;}
#menu ul li a:hover,.active{background: #c2c2c2;color:#3b3b3b;}
.m01{border-left:5px #fff solid!important;border-bottom:1px solid #555;}
.m02{border-left:5px #ffb638 solid;border-bottom:1px solid #555;}
.m03{border-left:5px #000 solid;border-bottom:1px solid #555;}
.m04{border-left:5px #009fe8 solid;border-bottom:1px solid #555;}
.m05{border-left:5px #aeff00 solid;border-bottom:1px solid #555;}
.m06{border-left:5px #80cec5 solid;border-bottom:1px solid #555;}
.m07{border-left:5px #F7B2CB solid;border-bottom:1px solid #555;}
/*検索*/
#searchform{width: 82%;position: relative;top:auto;right:auto;background: #fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;float: left;margin: 4px 0;}
.searchfield{width: 80%!important;}
.searchsubmit{float: right;}
/*一時的処理
#wpadminbar{display:none;}*/

}

@media screen and (min-width: 481px) {
.entry-content .aligncenter, .entry-content img.aligncenter{display:flex;justify-content: center;}
}