@charset "UTF-8";
/* ------------------------------------------------------------

------------------------------------------------------------ */
.floatclear{
	clear:both;
}
.side-box{
  width: 100%;
}
/* ------------------------------------------------------------
	上段メニュー
------------------------------------------------------------ */
#navi{
	font-family:Verdana, sans-serif;
	border-top:   1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	margin: 0 0 10px 0;
	padding:10px 0px;
}
#navi ul{
	text-align: center;
	font-size:1.25rem;
	padding: 0;
	margin: 0;
}
#navi ul li{
	display: inline-table;
	margin: 0 auto;
	min-width:100px;
	padding: 3px;
	width:6em;
}
#navi ul li:hover{
	background-color:#ff9900;
	border-radius:10px 10px 10px 10px;
}
#navi ul li a{
  display: block;
  border: solid 1px #ff9900;
  border-radius: 10px 10px 10px 10px;
  width: 100%;
  padding: 10px 0;
  color: #777;
}
#navi ul li a.current{
  color:#FFF;
  background-color:#ff9900;
}
/* ------------------------------------------------------------

------------------------------------------------------------ */
#forme h2,
#formw h2,
#read .data h2{
	display:block;
	margin:10px 0 0 0;
	padding:5px;
	background-color:#FF9900;
	color:#FFFFFF;
	font-size:1.3rem;
	font-weight:bold;
	word-wrap:break-word;
}
#formw h3{
	background-color:#CCC;
	margin:10px 0 5px 0;
	padding:5px;
	font-size:1.3rem;
	font-weight:bold;
	word-wrap:break-word;
}
#read .data .new,
.box_img_data .new{
	margin-left:10px;
	font-weight:bold;
	color:#FF0000;
}
/* ------------------------------------------------------------
	１記事分表示
------------------------------------------------------------ */
#read .box{
	margin:0 0 10px 0;
	border:1px solid #D8D8D8;
}
#read .data{
	padding:0 5px;
	background-color:#EEE;
	font-size:1.2rem;
	letter-spacing:normal;
	line-height: normal;
}
#read .img_line1,
#read .img_line2{
	text-align:center;
}
#read .img01{
	padding:0;
	margin:0;
	width:50%;
	max-width:100%;
	vertical-align: top;
}
#read a:hover img{
	opacity:0.7;
	left:1pt;
	top:1pt;
	position:relative;
}
#read .data p{
	margin:15px 0;
	overflow-wrap:break-word;
}
#read .data p a{
	padding-right:25px;
	background: url(img/icon_link.png) no-repeat right center;
	background-size:20px;
}
#read .data .mail,
#read .data .url,
#read .data .reply{
	margin-left:5px;
}
#read .twi{
	float: right;
  padding: 5px 5px 0 0;
}
#read ul{
	margin: 0 0 10px 0;
  padding:0;
	font-size:0.85em;
}
#read ul li{
	list-style:none;
	padding: 5px 0 0 38px;
	min-height:38px;
}
#read ul .x{
	background: url(img/icon_x.png) no-repeat left center;
	background-size:32px;
}
#read ul .hsh{
	background: url(img/icon_hash.png) no-repeat left center;
	background-size:32px;
}
#read ul .www{
	background: url(img/icon_www.png) no-repeat left center;
	background-size:32px;
}
#read ul .home{
	background: url(/favicon.ico) no-repeat left center;
	background-size:32px;
}
#read ul .home01{
	background: url(img/icon_home.png) no-repeat left center;
	background-size:32px;
}
#read .mail{
	background: url(img/icon_mail.png) no-repeat left center;
	background-size:32px;
}
/* ------------------------------------------------------------
	頁制御
------------------------------------------------------------ */
#page{
	text-align:center;
	margin:15px 0;
	font-size:16px;
	font-size:1.6rem;
}
#page .mae,
#page .ato{
	color:#c3c3c3;
	display:inline-block;
	border:1px solid #333;
	border-radius:10px;
	margin:10px auto;
	padding:10px;
	width:30%;
}
#page .kensu{
	display:inline-block;
	font-size:11px;
	font-size:1.1rem;
}
#page .mae:hover,
#page .ato:hover{
    background-color: #ff9900;
}
/* ------------------------------------------------------------
	投稿画面
------------------------------------------------------------ */
#forme,
#formw{
	width:100%;
	margin:0 0 10px 0;
	border:1px solid #D8D8D8;
	padding:0 5px;
	background-color:#EEE;
	font-size:1.2rem;
	letter-spacing:normal;
	line-height: normal;
}
#formw table{
	width:100%;
	margin:10px 0;
}
#formw th{
	width:100%;
	display:block;
	text-align:left;
	margin:0;
  padding:5px 0 0 0;
}
#formw td{
	width:100%;
	display:block;
	margin:0;
	padding:0;
}
#formw .TW_x,
#formw .HashTag{
	font-size:1.35rem;
	width:100%;
	margin:0;
	padding:0;
}
#formw .title,
#formw .name ,
#formw .mail ,
#formw .url  ,
#formw .mes  {
	font-size:1.35rem;
	width:100%;
	margin:0;
	padding:0;
}
#formw .pass{
	font-size:1.35rem;
	margin:0;
	padding:0;
	width:50%;
}
#formw .mail,
#formw .url ,
#formw .file,
#formw .pass{
	ime-mode: disabled;
}
#formw .btn{
	width:25%;
}
#formw p{
	color: red;
	margin:0;
	padding:0;
	font-weight:bold;
}
#formw .error{
	color: red;
	margin:0;
	padding:0;
	font-weight:bold;
}
#formw ul{
	font-size: 0.95rem;
	margin: 0;
	padding: 5px 0 5px 10px;
}
#formw li{
	margin: 0 0 0 15px;
}


#forme .form_in{
	width:100%;
	margin:10px 5px;
	text-align: center;
}
#forme .id,
#forme .pass{
	ime-mode: disabled;
	font-size:13px;
	font-size:1.3rem;
	padding:2px 1px;
	width:20%;
}
#forme .word{
	font-size:13px;
	font-size:1.3rem;
	padding:2px 1px;
	width:70%;
}

#social_button{
	clear:both;
	margin:0 !important;
}
/* ------------------------------------------------------------
	拡大画像表示ページ
------------------------------------------------------------ */
.data01{
	text-align: center;
}
.data01 a:hover img{
	opacity: 0.7;
	left: 1pt;
	top: 1pt;
	position: relative;
}
.data01 img{
	margin: 10px 0 0 0;
}
.data02{
	font-size:1.5rem;
}
.data02 a:hover{
	background-color:#ff9900;
}
.data02 a {
    border: 1px solid #c3c3c3;
    border-radius: 10px 10px 10px 10px;
    text-align: center;
    width: 90%;
    padding: 10px 0;
    margin: 10px auto;
    display: block;
/*
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	vertical-align: bottom;
	text-decoration: none;
	background-color: #fff;
*/
}
/* ------------------------------------------------------------
	画像一覧用
------------------------------------------------------------ */
.box_img_data ul{
	width:100%;
	margin:0;
	padding:0;
	display:-webkit-box;		display:-moz-box;		display:-ms-box;
	display:-webkit-flexbox;	display:-moz-flexbox;	display:-ms-flexbox;
	display:-webkit-flex;		display:-moz-flex;		display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;		-moz-flex-wrap:wrap;	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.box_img_data ul li{
	width: 49%;
	background: #EEE;
	list-style: none;
	position: relative;
	margin: 2px 1px;
	padding: 10px 2px;
	text-align: center;
}
.box_img_data ul li .img02{
	margin:0;
	padding:0 0 10px 0;
}
.box_img_data ul li .title{
	font-size:13.5px;
	font-size:1.35rem;
	font-weight:bold;
	line-height:1.2em;
}
.box_img_data ul li .name{
	line-height:1.2em;
	padding:10px 0;
}
.box_img_data ul li img{
	max-width:100%;
}
.evkname{
	text-align: right;
	font-size: 0.95rem;
}
/*---------------------------------------------------------------------------
		サブメニュー
---------------------------------------------------------------------------*/
#subnav{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#subnav .row1{
	display: flex;
	justify-content: center;
	background-color: #eee;
	text-align: center;
}
#subnav .row2{
	display: flex;
	justify-content: space-between;
	text-align: center;
	padding: 5px;
}
#subnav .cell{
	flex: 1;
}
#subnav a{
  display: block;
  border: solid 1px #DBDBDB;
  border-radius:5px;
  width:98%;
  padding:7px 0;
  color: #777;
}
#subnav a.current{
  color:#FFF;
  background-color:#ff9900;
}

/*---------------------------------------------------------------------------
		管理者ボタン
---------------------------------------------------------------------------*/
.admin_info{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.admin_info .on{
  background-color:#0fe527;
}

/*---------------------------------------------------------------------------
		画面幅 700px以上の追加指定
---------------------------------------------------------------------------*/
@media screen and (min-width:700px){
	#read .img_line1{
		width:48%;
	  float:left;
	  padding:0 10px 10px 0;
	}
	#read .img_line1 .img01{
		width:100%;
	}
	#read .data p{
		font-size:1.1rem;
	}
}
/*---------------------------------------------------------------------------
		画面幅 755px以上の追加指定
---------------------------------------------------------------------------*/
@media screen and (min-width:755px){
	#navi ul li {
	  width: calc(92% / 5);
	  font-size: 0.95rem;
	}
	#side .info_w165{
		grid-template-columns:repeat(auto-fill, minmax(145px, 1fr)) !important;
	}
/*
	#bbs_serch_bnr .list_bnr{
		width:100%;
	}
*/
}
/*---------------------------------------------------------------------------
		画面幅 800px以上の追加指定
---------------------------------------------------------------------------*/
@media screen and (min-width:800px){
	#bbs_serch_bnr .list_bnr{
		width:49%
	}
}
/*---------------------------------------------------------------------------
		画面幅 910px以上の追加指定
---------------------------------------------------------------------------*/
@media screen and (min-width:910px){
	#bbs_serch_bnr .list_bnr{
		width:100%;
	}
	.side-box_bbs img{
		width:100%;
	}
	.grid_item{
		width:33%;
/*		width:25%;	*/
	}
	.Ev_Grid_Area01 .small01{
		width:25%;
	}
}
/* ------------------------------------------------------------
	表示データなし
------------------------------------------------------------ */
.nothing{
	text-align:center;
	margin:10px 0;
}