【CSS配布】Basic

/*********************************************************
　 CSS by 夢乃ふわり
*------------------------------------------------------------*
　1.自作発言禁止
　2.改変OK
　3.改変後の二次配布OK
　4.そのままの二次配布はNG
　5.二次配布は元作者が夢乃ふわりであること
　 を明記しリンクを貼る
*********************************************************/

/*------------------------------------------------
　フォント設定
-------------------------------------------------*/
@font-face{
font-family: KiwiMaru;
src: url(https://cldup.com/pQM1DUcvRK.woff2), url(https://cldup.com/0Fp_AfYh22.woff);
font-display: swap;
}
/*+++++++++++++++++++++++++++++++++
　 +キウイ丸
https://github.com/Kiwi-KawagotoKajiru/Kiwi-Maru
　 +SIL Open Font License
https://licenses.opensource.jp/OFL-1.1/OFL-1.1.html
+++++++++++++++++++++++++++++++++*/
*{font-family: KiwiMaru, Meiryo !important;}

/*------------------------------------------------
　共通設定
-------------------------------------------------*/
/*全体の文字色と背景*/
body{
background-color: #eee;
color:#555;
}

/*コンテンツ部分*/
div#topcon_line{border:0 !important;}
div#topcon, div#container, div#wrapper, div#content{
background: #fff;
border: 0;
box-shadow: none;
}

/*横メニュー*/
div#navigation{
}
div#navigation h2{
border-bottom: 4px solid #eee !important;
}

/*リンク*/
a:link{color: #257899;}
a:visited{color: #a348bd;}
a:hover{
opacity: 0.6;
text-decoration: none;
position: relative;
top: 1px;
left: 1px;
}

/*入力ボックス*/
input[type=text]{
border: none;
background: #f0f0f0;
}
/*ボタン*/
input[type=submit]{
background: #aaa;
border:0;
color: #fff;
}
input[type=submit]:hover{
opacity:0.6;
}

span#resizer{
border: 0;
background: #f9f9f9;
border-radius: 10px;
}

/*下のボックス*/
.block{
border: 0 !important;
}
h3.block_head{
background: transparent !important;
border: none !important;
border-bottom: 4px solid #eee !important;
}
form.commentform{
background: transparent !important;
border:0 !important;
border-bottom: 4px solid #eee !important;
}

span.listitem_noimg{
background: #f7f7f7;
margin: 10px 5px;
border-radius: 10px;
padding: 10px;
box-sizing: border-box;
}
span.listitem_noimg:nth-child(even){
background: #f0f0f0;
}
p#comments span:last-child{
border-top: 4px solid #eee !important;
}

/*------------------------------------------------
　トップページ設定
-------------------------------------------------*/
/*タイトル*/
div#header{
border: none;
}
h1.utitle a{
color:#FFF !important;
font-weight: bold;
text-shadow: 2px 2px 3px #aaa, 0px 0px 2px #aaa;
margin-left:3px;
}

/*説明欄*/
div#desc{
background: #fff;
border: 0;
line-height: 1.8;
}

/*エピソード選択欄*/
form#dr{
background: transparent !important;
color: #555 !important;
border: 0 !important;
}
/*エピソードタイトル*/
input[type=radio]{
visibility: hidden;
}
input[type=radio] + label {
padding-left:1.5em;
background: none;
display: inline !important;
background: radial-gradient(circle, #eee 50%, transparent 50%) no-repeat left center;
background-size:1.2em 1.2em;
}
input[type=radio]:checked + label{
background: radial-gradient(circle, #999 50%, transparent 50%) no-repeat left center;
background-size:1.2em 1.2em;
}

/*------------------------------------------------
　内容ページ設定
-------------------------------------------------*/

div#content h3{
background: #fff;
border: none;
border-bottom: 4px solid #eee;
color: #666;
}

div#content p.result{
line-height: 1.8;
}

div#desc strong,p#u_result strong{
display: inline-block;
font-weight: bold;
width: 100%;
margin: 5px 0;
padding: 5px 10px;
box-sizing: border-box;
background: #f0f0f0;
border-left: #ddd 5px solid;
}
div#desc em, p#u_result em{
background: linear-gradient(transparent 60%, #ffffdb 60%);
}

p#u_pager, div#content p.result_btm{
border-top: 4px solid #eee !important;
}