@charset "utf-8";

/* 本体定義 */
body { 
	margin:0;
	padding:0;
	font-size:11pt;
	background: #ededed;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
	color: #4b3d27;
}
/* 掲示板全体 */
div#main {
	width: 100%;
	margin: 0 auto;
}
div#main-in {
	padding: 8px;
}
div#head {
	width: 100%;
	background: #fff;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#a3b9e0), to(#434da2)); 
	background-image: -moz-linear-gradient(bottom, #a3b9e0, #434da2);
	background-image: linear-gradient(to bottom, #640125, #302833);
	color: #fff;
}
div#head-in {
	padding: 0.7em 0em 0.7em 2em;
	font-size: 130%;
	font-style: italic;
	text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4),1px 1px 1px rgba(255, 255, 255, 0.5);
}
.ta-c {
	text-align:center;
}
/* サブタイトル */
div.sub-ttl {
  padding: 1rem 2rem;
  color: #fff;
  font-family: 'Yu Mincho','Yu Gothic',Meiryo;
  font-size: 13pt;
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}

.red { 
	color:red;
}
.grn { 
	color:green;
}
div.com {
	margin-top:10px;
	margin-left:1em;
	word-break: break-all;
}
div.info {
	margin-top:1em;
}
#footer {
	width: 100%;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
	font-size: 12px;
	height: 60px;
	padding: 38px 0 20px 0;
	margin:0;
	text-align: center;
	background-color: #0e1e24;
	color: #FFF;
}

#footer p {
	line-height: 1.7em;
	padding: 0 0 10px 0;
}

#footer a {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover {
	color: #00C6F0;
	text-decoration: none;
}

/* 管理モード用タイトル枠 */
.headline_admin {
  position: relative;
  width: 250px;
  text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4),1px 1px 1px rgba(255, 255, 255, 0.5);
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 10px 15px;
  font:bold 16px/1.2 Arial, Helvetica, sans-serif;
  color:#fff;
  text-align:left;
  background: ;
  -webkit-box-shadow: 0 10px 6px -6px #9b9b9b;
  -moz-box-shadow: 0 10px 6px -6px #9b9b9b;
  box-shadow: 0 10px 6px -6px #9b9b9b;
  -webkit-border-radius: 4px 6px 6px 4px;
  -moz-border-radius: 4px 6px 6px 4px;
  border-radius: 4px 6px 6px 4px;
}
/* 記事枠 */
div.main {
	width: 98%;
	margin: 1.5em 0px 8px -8px;
	-webkit-box-shadow: 2px 3px 16px 2px #C0C0C0;
	-moz-box-shadow: 2px 3px 16px 2px #C0C0C0;
	box-shadow: 2px 3px 16px 2px #C0C0C0;
	color: #4d4d4d;
	font-size: 10pt;
	background: #fff;
	padding: 0px;
	border:5px solid;
	text-decoration: none;
	text-align:left;
	word-break: break-all;
}
div.sub {
	width: 90%;
	margin-left:1em;
	padding: 0px;
	-webkit-box-shadow: 2px 3px 16px 2px #C0C0C0;
	-moz-box-shadow: 2px 3px 16px 2px #C0C0C0;
	box-shadow: 2px 3px 16px 2px #C0C0C0;
	color: #4d4d4d;
	font-size: 10pt;
	background: #fff;
	border: 5px solid ;
	text-decoration: none;
	text-align:left;
	word-break: break-all;
}

/* 記事枠内側 */
div.art-inside {
  margin: 3px;
  padding: 12px;
  border: solid 1px;
}
table.list {
	width:100%;
	border-collapse:collapse;
	margin: 1em 0;
}
table.list th, table.list td {
	border: 1px solid #666;
	padding: 5px;
}
table.list th {
	background: #302833;
	color:#fff;
}
table.list td {
	background: #fff;
	word-break: break-all;
}

textarea.info {
	width:100%;
	height:25em;
}

/* 編集フォーム */
table.form-tbl {
	width:97%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #C0C0C0;
	-webkit-box-shadow: 2px 3px 17px 1px #9d8e87;
	-moz-box-shadow: 2px 3px 17px 1px #9d8e87;
	box-shadow: 2px 3px 17px 1px #9d8e87;
	margin-left: -5px;
}
table.form-tbl tr td {
	border-bottom: 1px solid #C0C0C0;
	height: 30px;
	font-size:9pt;
	padding:3px;
	background:#fff;
	font-family: "MS PGothic","Osaka",Arial,sans-serif;
}
table.form-tbl tr th {
	border-bottom: 1px solid #C0C0C0;
	height: 30px;
	width: 80px;
	font-size:9pt;
	background:#84a2d4;
	background-image: -webkit-gradient(linear, center left, center right, from(#a3b9e0), to(#434da2)); 
	background-image: -moz-linear-gradient(left, #a3b9e0, #434da2);
	background-image: linear-gradient(to left, #640125, #302833);
	color:#fff;
}

/* YouTube表示枠 */
.imageCover {
	width: 240px;
	padding: 10px;
	background: #fff;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:0.5em;
}

.imageCover .baseImage {
	width: 240px;
	height: 154px;
}

.imageCover .coverImage {
	position: absolute;
	left: 6.4em;
	top: 3.5em;
	opacity: 0.8;
}
.imageCover a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
div#tube {
	margin: 0 auto 1.5em auto;
}
.tube02 {
	width:540px;
	margin:0 auto 1em auto;
	padding: 10px;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

textarea.reg-com {
	width: 280px;
	height: 10em;
	border: 1px solid #d4d9dc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
input.reg-name {
	width: 170px;
	height:20px;
	border: 1px solid #d4d9dc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
input.reg-url {
	width: 230px;
	height:20px;
	border: 1px solid #d4d9dc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
input.reg-ttl {
	width: 160px;
	height:20px;
	border: 1px solid #d4d9dc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

input.reg-name {
	width: 210px;
}
input.reg-url {
	width: 260px;
}

/* セレクトアイコン関連 */
.select {
	vertical-align: middle;
	text-align: center;
}
#weather_selected {
	position: absolute;
	margin-left: 260px;
	margin-top: -0.8em;
	padding:8px;
}
#Selected {
	position: absolute;
	margin-left: 210px;
	margin-top: -100px;
	padding:8px;
}
#Selected02 {
	position: absolute;
	margin-left: 280px;
	margin-top: -5.3em;
	padding:8px;
}
.icoreg {
	position: absolute;
	float:;right
	width:100px;
	margin-left: 10em;
	margin-top: 1em;
	font-size: 11pt;
}
.ico-reference {
	position: absolute;
	margin-top: -16px;
	margin-left: 17em;
	font-size: 10.5pt;
}

table.panel {
    width: 96%;
    border:1px solid #44617b;
    border-collapse:collapse;
    margin:1em 0 1en -20px;
}
table.panel th {
    white-space:nowrap;
    border:1px solid #44617b;
    background:#44617b;
    padding:4px;
    color:#fff;
}
table.panel td {
    white-space:nowrap;
    border:1px solid #44617b;
    background:#fff;
    padding:4px;
}

dl.log dt { border-top:1px dashed #44617b; margin:10px 0 5px 0; padding:4px; }
div.obi {
	width: 100%;
	background: #84a2d4;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#bbc8e6), to(#84a2d4)); 
	background-image: -moz-linear-gradient(bottom, #bbc8e6, #84a2d4);
	background-image: linear-gradient(to bottom, #bbc8e6, #84a2d4);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	padding:8px;
}
/* 管理メニュー */
table.menu-tbl { 
	width: 100%;
	border:1px solid #f2f3f9;
	margin:1em auto 1em -5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 2px 3px 14px 1px #666;
	-moz-box-shadow: 2px 3px 14px 1px #666;
	box-shadow: 2px 3px 14px 1px #666;
}
table.menu-tbl th { 
	background:#f2f3f9;
	padding:6px;
	text-align: center;
}
table.menu-tbl td { 
	background:#fff;
	padding:6px;
}

/* コメント返信削除 */
.edit-fm {
	width:100%;
	border-collapse:collapse;
	margin:1em 0 1em -5px;
}
.edit-fm th {
	display: block;
	width: 100%;
	background:#455373;
	color:#fff;
	border:1px solid #c0c0c0;
	padding:5px;
}
.edit-fm td {
	display: block;
	width: 100%;
	border:1px solid #c0c0c0;
	padding:5px;
	background:#fff;
}
.edit-fm .thead {
	display: none;
}
.edit-fm tr {
	width: 100%;
}

.edit-fm td:first-child {
	background:#455373;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.edit-fm td:before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	margin-right: 10px;
}

/* パスワード管理フレーム */
.box-013 {
    max-width: 550px;
    margin: 1em auto 1em 2em;
    background: #fff;
    border: 1px solid #994663;
    border-radius: 3px;
}

.box-013 span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5em 0;
    background-color: #442754;
    color: #fff;
    font-weight: 600;
}

.box-013 p {
    margin: 0;
    padding: 1em 1.5em;
    color: #333;
}

.box-007 {
    max-width: 400px;
    margin: 1em auto;
    padding-bottom:12px;
    border: 1px solid #942343;
    border-radius: 5px;
    color: #333333;
}

.box-007 div {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #942343;
    font-weight: 600;
    vertical-align: top;
}

.box-007 div::before {
    width: 22px;
    height: 22px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8995 6.85453L17.1421 11.0972L7.24264 20.9967H3V16.754L12.8995 6.85453ZM14.3137 5.44032L16.435 3.319C16.8256 2.92848 17.4587 2.92848 17.8492 3.319L20.6777 6.14743C21.0682 6.53795 21.0682 7.17112 20.6777 7.56164L18.5563 9.68296L14.3137 5.44032Z' fill='%23942343'%3E%3C/path%3E%3C/svg%3E");
}

.box-007 p {
    margin: 0;
    padding: 0 1.5em 1em;
}
.box6 {
    padding: 0.5em 1em;
    margin: 1em 8px;
    background: #fff;
    border: dashed 2px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}
.idpass {
    width:200px;
    height:20px;
    margin:0;
    padding:6px;
    border:1px solid #C0C0C0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.submit-container_admin {
   margin-right:8px;
   margin-left:auto;
   margin-top:-20px;
   margin-bottom:1em;
   width:220px;
   text-align:right;
}

.adminpwd {
	font-size:11pt;
	color:#00a968;
}

/* for login */
#login {
	width: 280px;
	margin: 3em auto;
	text-align: left;
	padding: 1em 2em;
	border-radius:6px;
}
#login legend {
	padding: 5px;
	font-weight: bold;
}
#login input[type="text"], #login input[type="password"] {
	font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
	width: 250px;
	padding: 5px;
	font-size:15pt;
	border:1px solid #c0c0c0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#login input[type="submit"] {
	width: 100px;
	height: 30px;
}
#login p {
	margin: 2em 0;
}