@charset "utf-8";
/* CSS Document */



/* 全体のラッパー */
.wrapper {
  width: 1000px; /*  */
  margin: 0 auto; /* 中央揃え */
  background-color: #fff;  /*body背景 */
}

body {
	margin: 0 auto;

	background-image: url(../image/bg1.gif);
	background-repeat: repeat-y;
	background-position: center;
}


/* ヘッダ */
#logoarea{
	background-color:#000;
	text-align :left;
	
	}

/*┤mainMenus├──────────*/
.drawer_hidden {display: none;}
#memnuarea {
      font: bold 12px/1.5em Verdana;/*- 文字サイズ- */
      float:left;
      width:100%;
      background:change-background;
      line-height:normal;
	  background:url("image/menusl.jpg") repeat-x left top;
}
#memnuarea ul {
      margin:0;
      padding:0px 0 0 0;/*- Menu 上右下左- */
      list-style:none;
}
#memnuarea li {display:inline;margin:0;padding:0;}
#memnuarea a {
      float:left;
      background:url("image/menusl.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
}
#memnuarea a span {
      float:left;
      display:block;
      background:url("image/menusr.jpg") no-repeat right top;
      padding:10px 20px 10px 15px;
      color:#000;
}
#memnuarea a span       {float:none;}
#memnuarea a:hover span {color:#fff;}
#memnuarea a:hover      {background-position:0% -42px;}
#memnuarea a:hover span {background-position:100% -42px;}
/* パンくず */
#topicpath{
	 padding-top: 5px;margin-top: 5px;
	width: 700px;
	float:left;
	text-align: left;
	font-size:12px;
}
.floatclear{clear: both;}
/* Twitter */
div.tweet-r     {text-align:right; padding-top: 10px;margin-top: 10px;margin-right: auto;}


/* メインコンテンツ */
.main-content {
  padding: 0 20px;
}
/*┤body├──────────*/
#content{text-align:left;width: 960px; font-size: 13px; padding-top: 5px;padding-left: 0px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;}

/*┤body > h1-h5├*/
#content h1{
	border-top:solid 1px #ff5555;
	border-left: 8px solid #ff5555;
	border-bottom: solid 1px #ff5555;
	line-height: 40px;
	padding-left: 5px;
	color: #444;
}#content h2{
	border-left: 8px solid #eeaa3d;
	border-bottom: solid 1px #eeaa3d;
	line-height: 30px;;
	padding-left: 5px;
	color: #000;	
	}
	
#content h3{
	border-left: 8px solid #ccc;
	border-top:1px solid  #cccccc;
	border-bottom:2px solid  #cccccc;
	line-height: 20px;;
	padding-left: 5px;
	color: #444;	
	}
#content h4{
	/*margin-left: 1em;
	margin-right: 2em;*/
	border-right:1px solid  #cccccc;
	border-bottom:2px solid  #cccccc;
	border-left:2px solid  #cccccc;
	line-height: 20px;;
	padding-left: 5px;
	color: #444;	
	}
/*┤footer├──────────*/

/*┤etc├──────────*/
div.tit{background-color: #404040;color:#FFF;border-top: 1px #000 solid;border-bottom: 1px #000 solid;padding: 5px; font-size:12px}
.textl{ text-align:left}
.textr{ text-align:right}
.textc{ text-align:center}
.textlp1em{ text-align:left; padding-left:1em}
.underline{border-bottom:1px solid  #000;}
.overline{ border-top:1px solid #000}
.emoji{
  font-family:
    "Segoe UI Emoji", /* Windows */
    "Apple Color Emoji", /* macOS, iOS */
    "Noto Color Emoji", /* Android, Linux (特にChrome/Firefoxの場合) */
    "Twemoji Mozilla", /* Firefox on some Linux/older systems */
    sans-serif; /* 最終的な汎用フォント */
}
div.ofabox{ overflow:auto; border:1px #000 solid;padding: 5px; }
/*text color*/
.tc-900{ color:#900}
/*bg*/
.bg-000{background-color:#000;}
.bg-111{background-color:#111;}
.bg-222{background-color:#222;}
.bg-333{background-color:#333;}
.bg-444{background-color:#444;}
.bg-555{background-color:#555;}
.bg-666{background-color:#666;}
.bg-777{background-color:#777;}
.bg-888{background-color:#888;}
.bg-999{background-color:#999;}
.bg-aaa{background-color:#aaa;}
.bg-bbb{background-color:#bbb;}
.bg-ccc{background-color:#ccc;}
.bg-ddd{background-color:#ddd;}
.bg-eee{background-color:#eee;}
.bg-fff{background-color:#fff;}

.bg-ffd{background-color:#ffd;}
.bg-fdd{background-color:#fdd;}
.bg-fec{background-color:#fec;}
.bg-efd{background-color:#efd;}
.bg-cfc{background-color:#cfc;}
.bg-dfd{background-color:#dfd;}

.bg-ff6{background-color:#ff6;}
.bg-dff{background-color:#dff;}
.bg-ccf{background-color:#ccf;}
.bg-dcf{background-color:#dcf;}
/*tc*/

.tc-fff{color:#FFF}
.split-img {    /* 画像ロード軽減上下分割 */
    display: block;
    pointer-events: none;
    user-select: none;
  }
.mainlist {
  font-size: 13px;
  font-weight: bold;
}
.mainlist li {
  margin-bottom: 5px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.w50to100{width:50%;}
.nonebr br{display: none;}
div.b50to100{width:50%;box-sizing: border-box;}
div.box45p{width:45%;}
div.box49p{width:49%;}
div.box99p{width:99%;}
div.box100p{width:100%;}
div.phonehidden {display: block;}
div.phonevisible{display: none;}
div.hbox250px{height:250px}
div.g2to1fr{display:grid;grid-template-columns:1fr 1fr;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━vp */
@media screen and (max-width:480px) {
.w50to100{width:100%;}
.nonebr br{display: inline;}/*スマホだけ改行*/
div.b50to100{width:100%;}
div.box45p{width:390px;}
div.box49p{width:390px;}
div.box98p{width:390px;}
div.box100p{width:390px;}
div.phonehidden {display: none;}
div.phonevisible{display: block;}
div.hbox250px{height:auto}
div.g2to1fr{display:grid;grid-template-columns:1fr;}
/*
html, body {
  width: 100%;
  margin: 0px;
  padding: 0px;
  letter-spacing: 0.08em;
  overflow: hidden;
}
*/
/*┤基本スタイルモバイル用上書き├──────────*/

#menu{
	width:100%;
	position:relative;
	height:70px;
	margin:0 auto;
}

.wrapper{
	width: 100%;
	max-width:480px;

	text-align: center;
	background-color:White;
	border-width:0px;
	border-bottom: 0px dashed;
	border-style:solid;
	border-color:black;
	/*
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	*/
	margin: 0 auto;
	overflow: hidden;
	}
#content     {text-align:left;width: 100%; font-size: 13px; padding-top: 5px;padding-left: 0px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;}
#topicpath{	padding-top: 5px;margin-top: 5px;	width: 100%;	float:left;	text-align: left;}
.lomhistory{text-align:left;width: 90%;height:200px;overflow: auto;font-size: 12px;border-width:1px;border-style:solid;border-color:black;padding-top: 5px;padding-left: 5px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;}
	
	
	
body {
	margin: 0 auto;
	background-image: none;
	background-color: #000;
}
	
	
	
	
/*───────────────────────
・横メニューflotleftで並べているのを解除
・メニュー背景の読み込みをリセット
────────────────────────*/
/*┤TopMenus 上書き用├──────────*/
#memnuarea ul {	   width:90%;}
#memnuarea a       {float:none;}
#memnuarea a span  {background:url("image/menusl.jpg") repeat right top;}/*lにしてリピートに切り替え*/


/*┤ハンバーガーメニュー用├──────────*/
.header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  background: #fff;
  position: relative;
}
/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  padding-top:20px;/*上部余白調整*/
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;  /*　position: fixed;にすれば「×ずっと固定」 */
  right: 20px;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}

.drawer_open span:before { bottom: 8px;}/* 三本線の一番上の棒の位置調整 */
.drawer_open span:after  { top: 8px;}   /* 三本線の一番下の棒の位置調整 */
#drawer_input:checked ~ .drawer_open {/* ハンバーガーメニューが開いた状態でのみ固定 */
  position: fixed; /* メニューが開いた状態でビューポートに固定 */
  /*top: 20px;right: 20px; /* ビューポートの上端からの位置 */
}
#drawer_input:checked ~ .drawer_open span {  background: rgba(255, 255, 255, 0);}/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span::before { bottom: 0;  transform: rotate(45deg);}/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::after {  top: 0;  transform: rotate(-45deg);}
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 100%;
  left: 0%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background: rgb(110, 110, 110);
  transition: .5s;
  text-align: center;
  padding-top: 20px;
}
.nav_list { list-style: none;}/* メニュー黒ポチを消す */
.nav_item a {  color: #fff;  text-decoration: none;}
/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {  bottom: 0;}/* メニューを画面に入れる */

} /* ←vpのENDスラ消しちゃダメ */