@charset "utf-8";



/* ===========================================================

   共通

=========================================================== */
body{
width:960px;
margin:0 auto;
font-family:"メイリオ", Meiryo, FontAwesome, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
}
a{
color:#468;
text-decoration:none;
word-break: break-all;
transition:all 0.4s !important;
}
a:hover{
transition:all 0.4s !important;
}
sup{
padding:0 0.5rem 0 0;
white-space:nowrap;
}
span.nowrap{
white-space:nowrap;
}



/* ===========================================================

   header

=========================================================== */







/* ===========================================================

   コンテンツ (article)

=========================================================== */
article{
width:660px;
	/*8width:auto;*/
margin:0 0 60px 0;
float:left;
}

article h2{
margin:20px 0 0 0;
padding:0 10px 10px 10px;
font-size:1.125rem;
}
article h2:before{
content:"\f1ea";
padding:0 7px 0 0;
color:#468;
font-size:2rem;
font-weight:normal;
vertical-align:-5px;
}



/* ===========================================================

   ページトップ

=========================================================== */
a#pagetop{
width:50px;
height:50px;
margin:0;
color:#468;
font-size:3rem;
text-align:center;
line-height:1.1;
background:#ccc;
opacity:0.5;
position:fixed;
right:-60px;
bottom:10px;
transition:right 0.5s !important;
}
a#pagetop:hover{
cursor:pointer;
opacity:0.9;
transition:all 0s !important;
}



/* ===========================================================

   footer

=========================================================== */
footer{
margin:0;
padding:10px 0 0 0;
border-top:2px #005cca solid;
clear:both;
overflow:hidden;
}
footer div{
margin:10px 0 0 0;
float:left;
}
footer ul{
margin:10px 0 0 0;
padding:0;
float:right;
overflow:hidden;
}
footer ul li{
font-size:75%;
list-style:none;
float:left;
}
footer ul li:before{
content:"｜";
padding:0 10px;
}
footer ul li:first-child:before{
content:normal;
}
footer ul + p{
margin:10px 0;
padding:0;
float:right;
clear:both;
overflow:hidden;
}
footer ul + p a{
display:block;
margin:0 17px 0 0;
float:left;
}
footer ul li a:hover{
text-decoration:underline;
}
footer ul + p a:last-child{
margin:0;
}
footer ul + p a:hover{
text-decoration:none;
opacity:0.5;
}
footer ul + p a[href^="/bestengine/"]{
width:80px;
padding:0 2px 2px 45px;
color:#fff;
font-size:92%;
line-height:1.1;
background:#456 url(/bestengine/common/img/icon_library.png) no-repeat 2px 0;
}
footer ul + p a[href^="/about/"] span{
margin:0;
padding:0;
font-size:68%;
}
footer p.copyright{
width:580px;
margin:10px 0 0 0;
padding:0 0 30px 0;
color:#999;
font-size:64%;
float:left;
}



/* ===========================================================

   オプション

=========================================================== */


/* 幅
------------------------------------------------------------*/
.w10{width:10% !important}
.w15{width:15% !important}
.w20{width:20% !important}
.w25{width:25% !important}
.w30{width:30% !important}
.w35{width:35% !important}
.w40{width:40% !important}
.w45{width:45% !important}
.w50{width:50% !important}
.w55{width:55% !important}
.w60{width:60% !important}
.w65{width:65% !important}
.w70{width:70% !important}
.w75{width:75% !important}
.w80{width:80% !important}
.w85{width:85% !important}
.w90{width:90% !important}
.w95{width:95% !important}
.w100{width:100% !important}

/* フォントサイズ
------------------------------------------------------------*/
.font10{font-size:63% !important;}
.font11{font-size:69% !important;}
.font12{font-size:75% !important;}
.font13{font-size:82% !important;}
.font14{font-size:88% !important;}
.font15{font-size:94% !important;}
.font16{font-size:100% !important;}
.font17{font-size:107% !important;}
.font18{font-size:113% !important;}
.font19{font-size:119% !important;}
.font20{font-size:125% !important;}
.font21{font-size:132% !important;}
.font22{font-size:138% !important;}
.font23{font-size:144% !important;}
.font24{font-size:150% !important;}
.font25{font-size:157% !important;}
.font26{font-size:163% !important;}

/* カラー
------------------------------------------------------------*/
.red{
color:#f33;
}
/* SNS (Twitter) 20181108
------------------------------------------------------------*/
#top_sns{
	display:block !important;
	height:20px !important;
	margin:10px 10px 20px 10px !important;
	clear:both !important;
}
#top_sns > time{
	display:block !important;
	color:#666 !important;
	font-size:0.75rem !important;
	float:right !important;
}
#top_sns > #twitter-widget-0{
	float:left !important;
}

#bottom_sns{
	display:block !important;
	height:20px !important;
	clear:both !important;
}
#bottom_sns > #twitter-widget-1{
	float:right !important;
}