@charset "utf-8";

@media screen and (max-width:959px){

	/* 2021.04.23 追加 */
  .upside-bnr-wrap {
    max-width: 95%;
    margin: 0 auto 15px;
  }
  .upside-bnr img {
    width: 100%;
  }

  
	/* 2020.08.24 追加 */
	
	.site-logo {
		margin-top: 5%;
		margin-bottom: 20px;
	}
	.site-logo .logo-pict img {
		width: 100%;
		height: auto;
	}
	
	.top-lead  {
		text-align: center;
		margin-bottom: 20px;
	}
	.top-lead .lead-text {
		color: #333;
		font-size: 16px;
		text-align: left;
		margin-bottom: 20px;
	}
	.top-lead .lead-text strong {
		color: #df4830;
	}
	.top-lead .lead-pict img {
		width: 90%;
		height: auto;
	}
	
	.top-cation {
		background: #fff;
		padding: 10px 15px;
		margin-bottom: 20px;
	}
	.top-cation .cation-text {
		color: #666;
		font-size: 12px;
		margin: 5px 0;
	}
		
	  
	/* 2021.08.22 追加 */
	
	.top-bnr  {
		text-align: center;
		margin-bottom: 20px;
	}
	.top-bnr .bnr-pict img {
		width: 90%;
		height: auto;
	}

  
  
	/* 本体文字サイズ・背景色 */
	body,th,td {
		background: #f0f0f0;
		font-size: 100%;
		font-family: 'Raleway', sans-serif;
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-o-text-size-adjust: 100%;
		text-size-adjust: 100%;
		color: #7f110a;
		padding-bottom: 50px;
	}

	/* リンク部 */
	a {
		text-decoration: none;
	}
	/* リンク部マウスオーバ時 */
	a:hover {
		text-decoration: underline;
		color: #dd0000;
	}
	/* 掲示板タイトル */
	h1 {
		font-size: 1.4rem;
		margin-bottom: 0;
		color: #7f110a;
		text-align: center;


	}
	.titleimg{
		margin: 0 auto 10px auto;
		width: 100%;
		max-width:800px;
		text-align: center;


	}
	div.bbs-ttl {
		width: 95%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	div.login-name {
		margin-top: 0.3em;
		margin-bottom: 0;
		width: 95%;
		text-align: right;
	}
	div.bbs-menu {
		padding: 1px;
		width: 100%;
		text-align: right;
		background: #7f110a;
		color: #fff;
		margin: 10px auto 10px auto;
	}
	div.bbs-menu a {
		color: #fff;
	}
	table.bbs-item {
		border: 1px solid #8080c0;
		border-collapse: collapse;
		margin-top: 1em;
		margin-left: auto;
		margin-right: auto;
		width: 98%;
	}
	table.bbs-item th {
		border: 1px solid #8080c0;
		padding: 4px;
		background: #8080c0;
		text-align: left;
		color: #fff;
	}
	table.bbs-item td {
		border: 1px solid #8080c0;
		background: #fff;
		padding: 4px;
	}
	td.w2e {
		width: 2em;
	}
	td.w3e {
		width: 3em;
	}
	td.w50p {
		width: 50%;
	}
	td.w12e {
		width: 12em;
	}
	td.w14e {
	}
	td.update {
		font-size: 75%;
	}
	td.td-b {
		font-size: 75%;
    word-break: break-all;
	}
	td.td-c {
		text-align: center;
		font-size: 75%;
	}
	td.td-r {
		text-align: right;
	}
	div.icon-mark {
		margin: 0.8em auto;
		width: 94%;
		border: 1px solid #8080c0;
		background: #fff;
		padding: 4px;
		font-size: 90%;
	}
	div.icon-mark img {
		text-align: center;
		vertical-align: middle;
		margin-left: 1.5em;
	}
	div.obi {
		text-align: center;
		padding: 2px;
		background: #8080c0;
		color: #fff;
		font-weight: bold;
	}
	div.note {
		width: 97%;
		background: #fff;
		border: 1px solid #8080c0;
		margin: 1em;
		padding: 6px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
	p.close {
		text-align: center;
		margin-top: 3em;
	}
	p.close input {
		width: 80px;
	}
	div.main {
		text-align: center;
		width: 100%;
		margin: 0 auto;

	}
	div.bbs-navi {
		width: 95%;
		text-align: right;
		margin-left: auto;
		margin-right: auto;
	}
	div.art-head, div.art-body {
		width: 98%;
		text-align: left;
		padding: 2px;
		margin: 0 auto;
		color: #7f110a;
	}
	table.art-info {
		border-collapse: collapse;
		font-size: 100%;
	}
	table.art-info td {
		background:#fff;
		padding: 1px;
	}
	div.art-head {
		border: 1px solid #8080c0;
		background: #7f110a;
		font-weight: bold;
		color: #fff;
	}
	div.art-body {
		border-left: 1px solid #8080c0;
		border-right: 1px solid #8080c0;
		border-bottom: 1px solid #8080c0;
		background: #fff;
		margin-bottom: 1em;
	}
	div.art-head img, img.capt {
		vertical-align: middle;
	}
	div.art-body img, div.edit img {
		vertical-align: middle;
		border: none;
	}
	div.edit {
		text-align: right;
	}
	table.bbsform {
		border-collapse: collapse;
		margin: 1em auto;
		width: 100%;
		font-size: 1.2rem;
		font-family: 'Raleway', sans-serif;
	}
	table.bbsform th, table.bbsform td {
		border: 1px solid #8080c0;
		background: #fff;
		padding: 2px;
		white-space: nowrap;
		width: 70%;
		font-family: 'Raleway', sans-serif;
	}
	table.bbsform th {
		width: 30%;
	}
	td.small {
		font-size: 100%;
		color: green;
	}
	div.submit-btn {
		width: 100%;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
	}
	div.submit-btn input {
		width: 60%;
		height: 80px;
		font-size: 1.4rem;
	}
	p.red {
		color: #dd0000;
	}
	div.msg-box {
		margin: 3em auto;
		border: 1px solid #8080c0;
		background: #fff;
		width: 450px;
		padding: 2em 0;
		text-align: center;
	}
	input.msg-btn {
		width: 200px;height: 150px;
		margin: 1.5em;
	}
	td.smile img {
		vertical-align: middle;
		border: none;
		margin-right: 3px;
	}
	input.find-btn {
		width: 200px;
		margin-left: 1.5em;
	}
	p.hit-msg {
		width: 95%;
		text-align: left;
		color: #bb0000;
		margin-left: auto;
		margin-right: auto;
	}
	p.pg-btn {
		width: 95%;
		text-align: left;
		font-family: Verdana,Arial,Helvetica;
		margin-left: auto;
		margin-right: auto;
	}
	table.enter {
		border-collapse: collapse;
		margin-top: 1em;
	}
	table.enter th, table.enter td {
		white-space: nowrap;
		border: 1px solid #8080c0;
		padding: 7px;
	}
	table.enter th {
		background: #dcdced;
	}
	table.enter td {
		background: #fff;
	}
	input.enter {
		width: 180px;
	}
	table.ent-msg {
		margin-top: 1.5em;
		margin-left: auto;
		margin-right: auto;

	}
	input.ent-btn {
		margin-top: 1em;
		width: 100px;
	}

	/* ページ繰越ボタン */
	span.pg-on,span.pg-off {
		display: -moz-inline-box;
		-moz-box-align: center;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		font-size: 12px;
		width: 22px;
		height: 22px;
		margin: 2px;
		padding: 2px;
		border: 1px solid #8080c0;
		font-family: 'Raleway', sans-serif;
	}
	span.pg-on,span.pg-on a {
		color:  #fff;
		background: #8080c0;
	}
	span.pg-off,span.pg-off a {
		color: #8080c0 !important;
		background: #fff;
	}
	div.page-btn {
		text-align: center;
		margin: 0.8em auto;
	}

	input[type=text]{
		font-size: 1.4rem;
		font-family: 'Raleway', sans-serif;
	}
	textarea { 
		font-family: 'Raleway', sans-serif;
		font-size: 1.2rem;
	}


	#sidebar-l{
		background-color: #333;
		width: 160px;
		display: none;
	}
	#sidebar-r{
		background-color: #333;
		width: 160px;
		display: none;
	}

	#footer-bn{

	}
.comment{
	width: 95%;
	line-height: 150%;
	font-size: 90%;
	background-color: #fff;
	color: #7F110A;
	padding: 10px;
	margin: 0 auto 30px auto;
}
.point{
	font-size: 80%;
	color: #999;

}
	div.art-head-res, div.art-body-res {
		width: 100%;
		text-align: left;
		padding: 6px;
		margin: 0 auto;
		margin-top: 0;
	}

	div.art-head-res {
		border: 1px solid #8080c0;
		background: #dcdced;
		font-weight: bold;
				width: 93%;

	}
	div.art-body-res {
		border-left: 1px solid #8080c0;
		border-right: 1px solid #8080c0;
		border-bottom: 1px solid #8080c0;
		background: #fefefe;
		margin-bottom: 1em;
		width: 93%;
	}
	div.art-head-res img, img.capt {
		vertical-align: middle;
	}
	div.art-body-res img, div.edit img {
		vertical-align: middle;
		border: none;
	}
		table.art-info-res {
		border-collapse: collapse;
		font-size: 100%;
	}
	table.art-info-res td {
		background: #fefefe;
		padding: 1px;
	}
#bottom-banner {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 96%;
    z-index: 100;
}
#bottom-banner img{
	width: 100%;
}
.rank-wrap{
	text-align: left;
	margin: 0 auto;
	width: 90%;

}

.rank-wrap img{
	width: 96%;
}
img.rank-su{
	width: 100%;
	max-width: 100px;
}
img.rank-ga{
	width: 15%;


}
}
/**********************************************/
/*                960px PC用
/**********************************************/


@media screen and (min-width:960px){

  /* 2021.04.23 追加 */
  .upside-bnr-wrap {
    display: none;
  }

  
	
	/* 2020.08.24 追加 */
	
	.site-logo {
		margin-top: 5%;
		margin-bottom: 30px;
	}
	.site-logo .logo-pict img {
		width: 100%;
		height: auto;
	}
	
	.top-lead  {
		text-align: center;
		margin-bottom: 30px;
	}
	.top-lead .lead-text {
		color: #333;
		font-size: 18px;
		text-align: left;
		margin-bottom: 30px;
	}
	.top-lead .lead-text strong {
		color: #df4830;
	}
	.top-lead .lead-pict img {
		width: 80%;
		height: auto;
	}
	
	.top-cation {
		background: #fff;
		padding: 15px 20px;
		margin-bottom: 30px;
	}
	.top-cation .cation-text {
		color: #666;
		font-size: 14px;
		margin: 5px 0;
	}
  
  
		/* 2021.08.22 追加 */
	
	.top-bnr  {
		text-align: center;
		margin-bottom: 30px;
	}
	.top-bnr .bnr-pict img {
		width: 80%;
		height: auto;
	}

	
	
	/* 本体文字サイズ・背景色 */
	body,th,td {
		background: #f0f0f0;
		font-size: 100%;
		font-family: 'Raleway', sans-serif;
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-o-text-size-adjust: 100%;
		text-size-adjust: 100%;
		color: #7f110a;
	}
	/* リンク部 */
	a {
		text-decoration: none;
	}
	/* リンク部マウスオーバ時 */
	a:hover {
		text-decoration: underline;
		color: #dd0000;
	}
	/* 掲示板タイトル */
	h1 {
		font-size: 170%;
		margin-bottom: 0;
		color: #7f110a;
		text-align: center;

	}
	.titleimg{
		margin: 0 auto 20px auto;
		width: 100%;
		max-width:800px;
		text-align: center;

	}
	div.bbs-ttl {
		width: 95%;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
	}
	div.login-name {
		margin-top: 0.3em;
		margin-bottom: 0;
		width: 95%;
		text-align: right;
	}
	div.bbs-menu {
		padding: 1px;
		width: 95%;
		text-align: right;
		background: #7f110a;
		color: #fff;
		margin:0 auto 16px auto;
	}
	div.bbs-menu a {
		color: #fff;
	}
	table.bbs-item {
		border: 1px solid #8080c0;
		border-collapse: collapse;
		margin-top: 1em;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
	}
	table.bbs-item th {
		border: 1px solid #8080c0;
		padding: 4px;
		background: #8080c0;
		text-align: left;
		color: #fff;
	}
	table.bbs-item td {
		border: 1px solid #8080c0;
		background: #fff;
		padding: 4px;
	}
	td.w2e {
		width: 2em;
	}
	td.w3e {
		width: 3em;
	}
	td.w50p {
		width: 50%;
	}
	td.w12e {
		width: 12em;
	}
	td.w14e {
		width: 14em;
	}
	td.update {
		font-size: 75%;
	}
	td.td-b {
		white-space: nowrap;
	}
	td.td-c {
		text-align: center;
	}
	td.td-r {
		text-align: right;
	}
	div.icon-mark {
		margin: 0.8em auto;
		width: 94%;
		border: 1px solid #8080c0;
		background: #fff;
		padding: 4px;
		font-size: 90%;
	}
	div.icon-mark img {
		text-align: center;
		vertical-align: middle;
		margin-left: 1.5em;
	}
	div.obi {
		text-align: center;
		padding: 2px;
		background: #8080c0;
		color: #fff;
		font-weight: bold;
	}
	div.note {
		width: 97%;
		background: #fff;
		border: 1px solid #8080c0;
		margin: 1em;
		padding: 6px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
	p.close {
		text-align: center;
		margin-top: 3em;
	}
	p.close input {
		width: 80px;
	}
	div.main {
		width: 100%;
		margin: 0 auto;
	}
	div.bbs-navi {
		width: 95%;
		text-align: right;
		margin-left: auto;
		margin-right: auto;
	}
	div.art-head, div.art-body {
		width: 100%;
		text-align: left;
		padding: 6px;
		margin: 0 auto;
		margin-top: 0;
	}
	table.art-info {
		border-collapse: collapse;
		font-size: 100%;
	}
	table.art-info td {
		background:#fff ;
		padding: 1px;
	}
	div.art-head {
		border: 1px solid #8080c0;
		background: #7f110a;
		font-weight: bold;
				width: 93%;
				color: #fff;

	}
	div.art-body {
		border-left: 1px solid #8080c0;
		border-right: 1px solid #8080c0;
		border-bottom: 1px solid #8080c0;
		background: #fff;
		margin-bottom: 1em;
		width: 93%;
		color: #7f110a;
	}
	div.art-head img, img.capt {
		vertical-align: middle;
	}
	div.art-body img, div.edit img {
		vertical-align: middle;
		border: none;
	}
	div.edit {
		text-align: right;
	}
	table.bbsform {
		border-collapse: collapse;
		margin: 1em auto;
		width: 95%;
	}
	table.bbsform th, table.bbsform td {
		border: 1px solid #8080c0;
		background: #fff;
		padding: 5px;
		white-space: nowrap;
	}
	table.bbsform th {
		width: 110px;
	}
	td.small {
		font-size: 75%;
		color: green;
	}
	div.submit-btn {
		width: 95%;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
	}
	div.submit-btn input {
		width: 150px;
		height: 30px;
	}
	p.red {
		color: #dd0000;
	}
	div.msg-box {
		margin: 3em auto;
		border: 1px solid #8080c0;
		background: #fff;
		width: 450px;
		padding: 2em 0;
		text-align: center;
	}
	input.msg-btn {
		width: 110px;
		margin: 1.5em;
	}
	td.smile img {
		vertical-align: middle;
		border: none;
		margin-right: 3px;
	}
	input.find-btn {
		width: 100px;
		margin-left: 1.5em;
	}
	p.hit-msg {
		width: 95%;
		text-align: left;
		color: #bb0000;
		margin-left: auto;
		margin-right: auto;
	}
	p.pg-btn {
		width: 95%;
		text-align: left;
		font-family: Verdana,Arial,Helvetica;
		margin-left: auto;
		margin-right: auto;
	}
	table.enter {
		border-collapse: collapse;
		margin-top: 1em;
	}
	table.enter th, table.enter td {
		white-space: nowrap;
		border: 1px solid #8080c0;
		padding: 7px;
	}
	table.enter th {
		background: #dcdced;
	}
	table.enter td {
		background: #fff;
	}
	input.enter {
		width: 180px;
	}
	table.ent-msg {
		margin-top: 1.5em;
		margin-left: auto;
		margin-right: auto;

	}
	input.ent-btn {
		margin-top: 1em;
		width: 100px;
	}

	/* ページ繰越ボタン */
	span.pg-on,span.pg-off {
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		font-size: 12px;
		width: 22px;
		height: 22px;
		margin: 2px;
		padding: 2px;
		border: 1px solid #8080c0;
		font-family: Verdana,Helvetica,Arial;
	}
	span.pg-on,span.pg-on a {
		color:  #fff;
		background: #8080c0;
	}
	span.pg-off,span.pg-off a {
		color: #8080c0 !important;
		background: #fff;
	}
	div.page-btn {
		text-align: center;
		margin: 0.8em auto;
	}
	#wrap{
		width: 70%;
		margin: 0 250px 0 auto;

	}
	#sidebar-l{
		width: 10px;
		position: absolute;
		left: 10px;
		top: 80px;

	}
	#sidebar-r{
		position: absolute;
		right: 10px;
		top: 120px;
		width: 250px;
				text-align: right;
	}
		#sidebar-r img{
			margin: 0 auto 10px auto;

		}
		#footer-bn{
display: none;
	}
	.comment{
	width: 70%;
	line-height: 150%;
	font-size: 90%;
	background-color: #fff;
	color: #7F110A;
	padding: 10px 20px;
	margin: 0 auto 30px auto;

}
.point{
	font-size: 80%;
	color: #999;

}

	div.art-head-res, div.art-body-res {
		width: 100%;
		text-align: left;
		padding: 6px;
		margin: 0 auto;
		margin-top: 0;
	}

	div.art-head-res{
		border: 1px solid #8080c0;
		background: #dcdced;
		font-weight: bold;
				width: 88%;

	}
	div.art-body-res {
		border-left: 1px solid #8080c0;
		border-right: 1px solid #8080c0;
		border-bottom: 1px solid #8080c0;
		background: #fefefe;
		margin-bottom: 1em;
		width: 88%;
	}
	div.art-head-res img, img.capt {
		vertical-align: middle;
	}
	div.art-body-res img, div.edit img {
		vertical-align: middle;
		border: none;
	}
		table.art-info-res {
		border-collapse: collapse;
		font-size: 100%;
		
	}
	table.art-info-res td {
		background: #fefefe;

		padding: 1px;
	}
	#bottom-banner {
		display: none;

}

.rank-wrap{
	text-align: left;
	margin: 0 auto;
	width: 40%;

}

.rank-wrap img{
	width: 100%;
}
img.rank-su{
	width: 100%;
	max-width: 100px;
}
img.rank-ga{
	width: 10%;
	}

}


/* 2020.08.24 追加 */

@media screen and (min-width:1280px){
	div.bbs-ttl {
		width: 840px;
		margin: 0 auto;
	}
	.top-lead .lead-text {
		font-size: 24px;
	}
}