<@charset "UTF-8";>


/*青の点線*/
.under2 {border-bottom: dotted 3px #87CEFA}


/*緑の蛍光ペン*/
.under {background: linear-gradient(transparent 70%, #7FFFD4 70%)}
.under a:hover{color:red;/*文字色*/}


/*仕切りの線*/
.line2 {
	border-bottom: solid 1px gray;
	margin-top: 1em;
	margin-bottom: 1.5em;
}

.line {
	border-bottom: solid 1px #008B8B;
	margin-top: 1em;
	margin-bottom: 1.5em;
}


/*SRC系サイトへのリンク*/
.SRClink {text-decoration:none;
	font-weight: bold}
.SRClink:hover {text-decoration: underline;
	background: }


/*トップにもどるリンク*/
.gotop {color:blue;
	text-decoration:none}
.gotop:hover {text-decoration: underline}
.gotop:visited{color:blue}


/*拍手コメント引用*/
.clap {
	border: solid 1px #20B2AA;/*縁取り*/
	background: #F0F8FF;/*背景色*/
	color: #000080;/*文字色*/
	margin: 0.5em 0;/*拍手文と返信の間隔*/
}


/*h3相当の見出し*/
.midashi {
	border-bottom: solid 1px #008B8B;
	border-left: solid 5px #008B8B;
	padding: 0px 8px;
	font-size: 1.2em;
	font-weight: bold;
}

/*雑記の小見出し*/
h3 {
	border-bottom: solid 1px #008B8B;
	border-left: solid 5px #008B8B;
	padding: 0px 8px;
}


/*上下線見出し*/
h1 {
	color: #364e96;/*文字色*/
	padding: 0.5em 0;/*上下の余白*/
	border-top: solid 3px #364e96;/*上線*/
	border-bottom: solid 3px #364e96;/*下線*/
}


/*トップページ見出し*/
h1.top {
	padding: 0.1em;/*文字周りの余白*/
	color: #010101;/*文字色*/
	background: #F0FFF0;/*背景色*/
	border: solid 3px #336666;/*枠*/
	text-align: center;
}
h1.top:first-letter {
	font-size: 2em;
	color: #7172ac;
}


h2 {background: linear-gradient(transparent 70%, #a7d6ff 70%)}


/*シナリオ感想タグ*/
.tog { 
	padding: 2px 3px;
	text-decoration: none;
	background:blue;
	color:white;
	margin: 0.3em;
}


/*ページを戻るボタン*/
.back { 
	padding: 5px 10px;
	background:#009900;
	text-decoration: none;
	color:white;
	margin: 2em ;
	border-radius: 15px;
	font-weight: bold;
}
.back:hover {background: #336666}


/*更新情報*/
.update p{
	padding: 0.5em;
	background:  aliceblue;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}


/*シナリオ感想目録*/
table.impre {text-align:top}
table.impre th{
	background: #336666;
	color:white;}
table.impre td{
	padding: 0.2em 1.5em;
}
.impre a{text-decoration:none}
.impre a:hover{text-decoration: underline}


/*赤く光るリンク*/
.linkred a {color:black;/*文字色*/}
.linkred a:hover {color:red;/*文字色*/}


.srctitle{
	background: #336666;
	color:white;
	padding: 0.2em 1em;}


/*トップページのレイアウト*/
table.top {text-align: center}/*文字を中央寄せ*/
table.top td{
	max-width: 400px;
	padding: 0 1em;
}
table.top h2{
	padding: 0.1em;/*文字周りの余白*/
	color: #FFF;/*文字色*/
	background: #336666;/*背景色*/
	border: solid 1px #336666;/*枠*/
	margin-bottom: 0;
}
table.top dl{
	margin-top: 0;
	height: 5em;
	background: #F5FFFA;/*背景色*/
	border-left: solid 1px #333399;/*枠*/
	border-right: solid 1px #333399;/*枠*/
	border-bottom: solid 1px #333399;/*枠*/
	overflow-y:scroll;
}
table.top dt{
	border-bottom: dashed 2px #20B2AA;/*線の種類（点線）2px 線色*/
}


/*シナリオの特徴*/
table.src {margin-bottom: 20px}
table.src td{
	width: 45%;
	padding: 0.5em 1em;
	margin: 2em 0;
	background: white;
	border-top: solid 5px #5d627b;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
table.src th{
	font-size: 1.2em;
	padding: 0.5em;
	line-height: 1.3;
	background: #AFEEEE;
	vertical-align: middle;
	border-radius: 15px 15px 0px 0px;
}


/*ダウンロード枠*/
.linkbox{
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
    color: #404040;
    padding: 0.5em;
    font-weight: bold;
}
.linkbox:hover {background: #FFFFCC;/*背景色を黄色*/}
.linkbox a {text-decoration: none;/*下線を消す*/}
.linkbox a:hover {text-decoration: underline;/*下線を出す*/}


/*ナビゲーションバー*/
nav ul {
  padding: 0;
  list-style-type: none; /*箇条書きのポッチを消す*/
  text-align:center /*左右中央寄せは親要素に対して指定*/
  }
nav ul li { 
  display: inline-block;/*inline-block*/
  width: 24%;/*幅*/
  height: 2em;/*高さ*/
  padding: 4px 0;/*余白*/
  margin: 2px 0;/*余白*/
  vertical-align: middle;/*縦の表示位置*/
  background: #003333;/*背景*/
  font-weight: bold;/*文字を太字に*/
  color:silver /*文字色*/
  }
nav a {
	display: inline-block;
	color:white;/*文字色*/
	width: 100%;
	text-decoration: none;
}
nav a:hover {color: aqua/*背景色*/}


/*WEB拍手ボタン*/
.square_btn {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}


.topbox {
	padding: 0.5em 1em;
	margin: 2em 0;
	margin:auto;
	background: white;
	border: double 6px black;
	margin-bottom: 1em;
	width: 95%;
	max-width: 1000px;
	min-width: 350px;
}


/*ページ本体の枠*/
.box {
	padding: 0.5em 1em;
	margin: 2em 0;
	margin:auto;
	background: white;
	border-radius: 10px;/*角の丸み*/
	margin-bottom: 1em;/*下にあける空白*/
	width: 95%;
	max-width: 1000px;
	min-width: 500px;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.30);/*外側の影*/
}


/*ブログ用文字設定*/
.blog {text-align: start}


/*文字サイズ各種*/
.center {text-align: center}/*文字中央寄せ*/
.right {text-align:right}/*文字右寄せ*/
.fbold{font-weight: bold}/*ボールド*/
.smf {font-size: 0.8em}/*文字縮小*/
.bigf {font-size: 1.4em}/*文字拡大*/
.space {margin: 3em}/*空白行*/


/*ブログ本文の行間*/
.honbun p {margin: 0.2em}


/*ボディのテキスト指示*/
.base2 {text-align: start}
.base {text-align: center}


body{
	background-color: #99CC99;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',"YuGothic Medium",'Yu Gothic Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}


* {-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
  }