@charset "iso-8859-1";

body {
  background-color: #f8f9fc;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  line-height:22px;
  font-size:13px;
  color:#19243b;
  padding:78px 0 0 0;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
}

img {
	border:none;
	vertical-align:middle;
}

a:link {
	color:#365bdc;
	text-decoration:none;
}

a:active {
	color:#eed218;
	text-decoration:none;
}

a:visited {
	color:#734dc7;
	text-decoration:none;
}

a:hover {
	color:#172f87;
}

.mainbody {
  background-color: #fff;
  float: left;
	border: 1px solid #e1e1e1;
  width: 96%;
  max-width: 840px;
  clear: both;
  padding:10px 18px 20px 20px;
  margin: 0px 5px 24px 0;
  box-shadow: 0 2px 0 #e6e6e6;
  border-radius: 2px;
    font-size: 15px;
    line-height: 27px;
}
.mainbody p{padding:10px;}
.small {
  font-size:95%;
}
.menu_body {
  margin-top: 4px;
}
.main-table {
  width: 1200px !important;
  margin: 0 auto;
//  border-spacing: 8px 0;
}
div#navigator {
	clear:both;
	padding:4px 0px 0px 0px;
	margin:0px;
}

div.jumpmenu {
	font-size:60%;
	text-align:right;
}
/*h1横のhrのみに適用*/
h1 + hr.full_hr{
	height:0;
	border:0;
	border-top: 1px solid #e4e4e4;
	padding:0px 0 12px 0;
	margin-top:-5px;
}
/*h1以下のhrのみに適用*/
h1 ~ hr.full_hr {
	height:0;
	border:0;
	border-top: 1px solid #e4e4e4;
	padding-top:10px;
	margin-bottom:-5px;
}

/*ゲーム情報など#header*/
.game-data{float:right;padding-bottom:6px;}
.game-pcg{float:left;width:110px;margin-top:6px;}

/*(2017/6/12)ヘッダーStart*/
div#header{
background-color:white;
height:200px;
width:100%;
padding:0 0 7px 10;
margin:0 0 -7px 0;
}

.header-bg{
  height:300px;
  position: relative;
}
.header-gametitle:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  position: absolute;
}
.header-gametitle-infowrapper {
  width: 800px;
  margin: 20px auto 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-gametitle-infowrapper #box0 {
  padding: 0;
  margin: 0 28px 0 0;
  text-align: center;
}
.header-gametitle-infowrapper #box3 {
  color: #fff;
}
.header-gametitle-btnwrapper {
  margin: 12px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}


.header-bg-black{
  transform: translateY(10%) ;
}

/*(2017/6/12)ヘッダーEnd*/

.data-card {
border-radius: 10px 10px 10px 10px;
	margin:3px;
	padding:10px;
	display: inline-block;
	position: relative;
	background: #ffffff;
	border: 6px solid #dddddd;
}
.data-card:after, .data-card:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.data-card:after {
	border-color: rgba(238, 238, 238, 0);
	border-right-color: #ffffff;
	border-width: 10px;
	margin-top: -12px;
}
.data-card:before {
	border-color: rgba(221, 221, 221, 0);
	border-right-color: #dddddd;
	border-width: 18px;
	margin-top: -20px;
}

/* 新Discription(2017/6/12)Start*/

div#box0{
  width: 100px;
  padding: 10px 0 0 10px;
  margin: 0 auto 12px;
}
div#box0 img{
border-radius: 7px;
box-shadow:5px 5px 10px rgba(0,0,0, 0.5);
     border:1px solid #000;
}

div#box1{
  padding: 10px 0 10px 15px;
  font-size: 1.54vmin;
  text-align: center;
}


div#box1 a{
	color:rgba(255,255,255,1) ;
	text-shadow: 2px 2px 0 #000,1px 1px 5px #000;
	background-color: transparent;
}
div#box1 a:hover{
	color:rgba(255,255,255,0.9) ;
	text-shadow: 2px 2px 0 #000,1px 1px 5px #000;
	background-color: transparent;
}
div#box2{
  color: #E0E0E0;
  text-align: center;
}

a#hashtag {
	color: #F4C51C;
	background-color: transparent;
}
/* 新Discription(2017/6/12)End*/



/* Amazonボタン(2017/6/12)Start*/
.square_btn {
  font-size:10px;
  display: inline-block;
  padding: 2px 7px;
  text-decoration: none;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 3px;
  transition: .4s;
  margin:0 0 0 10px;
}
/*.square_btn a,a:visited,a:hover {
	color: white;
}

.square_btn:hover {
    background: #2043c6;
    color: white;
}*/


/* Amazonボタン(2017/6/12)End*/



div#header .head-table{
padding-top:5px;
	padding-left:10px;
	vertical-align:middle;
}
div#header .head-amz{
	background-position: left;
	background-repeat:no-repeat;
	color:white;
text-shadow: 2px 2px 0 #000,1px 1px 5px #000;
}
*:first-child+html .head-table{
	padding-left:16px;
	padding-bottom:15px;
}

/*(2017/6/18) ul liのアイコンについての設定*/

#menubar li:before {
	font-family: 'FontAwesome';
	content:"\f111";/* アイコンのユニコード */
	margin :5px 7px 0 0;/* アイコンと要素のマージン */
	color:#c2c8d7;
	box-shadow: 0 5px 6px -7px white;
	font-size: 0.7em;

}

.mainbody ul li:before{
	font-family: 'FontAwesome';
	content:"\f111";/* アイコンのユニコード */
	margin :5px 7px 0 0;/* アイコンと要素のマージン */
	color:#c2c8d7;
	font-size: 0.7em;
}

/*(2017/6/18) ol liのアイコンについての設定 START*/

.mainbody ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
padding:0;/* paddingキャンセル */
margin:0;/* marginキャンセル */
margin-left:12px;
padding:10px 0;
}
.mainbody ol li{
  position: relative;
  padding-left: 30px!important;
text-indent: 0px!important;
margin:5px 0 15px 30px!important;
}
ol .list2 li{
  padding-top: 12px!important;
  margin-left: -23px!important;
margin-bottom:0px!important;
}
 
.mainbody ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
margin-left:-30px;
width: 21px;
height: 21px;
text-align: center;
color: #393f4d;
font-weight: bold;
text-indent: 0;
background: #f4f5f8; 
border:solid 1px #b8bdc9;
border-radius: 50%;
}
/*(2017/6/18) ol liのアイコンについての設定 END*/

#social ul li:before{
	font-family: 'FontAwesome';
	content:"";/* アイコンのユニコード */
	margin :3px 7px 0 0;/* アイコンと要素のマージン */
	color:#D53F3F;
}




#body li:before{
	font-family: 'FontAwesome';
	content:"\f0a9";/* アイコンのユニコード */
	margin :3px 7px 0 0;/* アイコンと要素のマージン */
	color:#424B57;
}
#pcmt_ulli li:before{
	font-family: 'FontAwesome';
	content:"";/* アイコンのユニコード */
	margin :3px 7px 0 0;/* アイコンと要素のマージン */
	color:#3E77D9;
}
#ninki,#feeds,#yotei li:before{
	font-family: 'FontAwesome';
	content:"";/* アイコンのユニコード */
	margin :3px 7px 0 0;/* アイコンと要素のマージン */
	color:#ffffff;
}
#pcmt_ulli ul {
  padding: 0;
  margin: 0;
}

/*classのついたp以外の<p>に適用*/
p:not([class])  {
	margin:0 0 0 8px;
}

.mainbody h1{
  margin:5px 0 5px 5px;
  padding:6px 0px 5px 20px;
  font-size: 20px !important;
  line-height:150%;
  font-weight:bold;
  color:#222932;
}



/*(2017/6/12)h1リンク色Start*/
.mainbody h1 a,a:link{
  color:#365bdc;
}
.mainbody a:visited{
  color:#734dc7;
}
.menu_body a:visited{
  color:#734dc7;
}
/*(2017/6/12)h1リンク色End*/



/*(2017-06-18→2022-2-17)更新START*/
.mainbody h2 {
    background: #2d323a;
    color: #fff;
    width: 100%;
    position: relative;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3em;
    margin: 40px 0px 20px -21px;
    padding: 10px 19px 3px 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.mainbody h2 a:link{
color:#fff;
text-decoration:underline;
}
.mainbody h2 a:visited{
color:#fff;
text-decoration:underline;
}
.mainbody h3 {
    padding: 7px 8px 1px 20px;
    background: #525d68;
    font-size: 19px;
    color: #fff;
    margin: 40px 0 15px 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.mainbody h3 a:link{
color:#fff;
text-decoration:underline;
}
.mainbody h3 a:visited{
color:#eff2f8;
text-decoration:underline;
}
.mainbody h4 {
    position: relative;
    background: none;
    padding: 10px 0 0 20px;
    margin: 40px 10px 10px 10px;
    background: none;
    border-left: none;
    border-bottom: none;
    font-size: 17px;
    border-bottom: 3px solid silver;
}


.mainbody h4 a:link{
text-decoration:underline;
}
.mainbody h4 a:visited{
text-decoration:underline;
}
/*　#menubar 見出しリンク色　START*/
#menubar h2 a:link{
color:#fff;
text-decoration:underline;
}
#menubar h2 a:visited{
color:#fff;
text-decoration:underline;
}
#menubar h3 a:link{
color:#fff;
text-decoration:underline;
}
#menubar h3 a:visited{
color:#fff;
text-decoration:underline;
}
#menubar h4 a:link{
color:#19243b;
text-decoration:underline;
}
#menubar h4 a:visited{
color:#19243b;
text-decoration:underline;
}
/*　#menubar 見出しリンク色　END*/

/*(2017-06-18)更新END*/


.mainbody h5, h6 {
    font-size: 1.2em;
    color: #818692;
    font-family: "メイリオ", Meiryo, verdana, arial, helvetica, Sans-Serif;
    border-bottom: 1px solid #d0d9de;
    background-color: #ffffff;
    padding: .3em .6em .3em .5em;
    margin: 10px 0px 0px 3px;
}

h1.title {
	font-size: 200%;
	font-weight:bold;
	background-color:transparent;
	padding: 0px 0px 2px 0px;
	border: 0px;
	margin: 8px;
}

thead td.style_td, tfoot td.style_td {
    color: inherit;
    background-color: #f1f1f1;
    font-weight: bold;
    text-align: center;
color: #4a596c;
}
thead th.style_th,
tfoot th.style_th {
	color:inherit;
	background-color:#f1f1f1;
	font-weight: bold;
	text-align:center;
}
.style_table {
	border: 1px #b2b5bb solid;
	background-color:#ffffff;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px auto;
	font-size: 13px;
	line-height: 1.6em;
}
.style_th {
	padding: 8px;
	background-color:#f1f1f1!important;
	border: #b2b5bb solid;
	border-width: 0 0 1px 1px;
	background: #f8f9fc;
	font-weight: bold;
	line-height: 120%;
	text-align:center;
	color: #4a596c;
}
.style_td {
    padding: 5px;
    border: 1px #b2b5bb solid;
    background-color: #ffffff;
    border-width: 0 0 1px 1px;
    text-align: left;
}
/*
.mainbody tr:hover td {
    background-color: #f2ffff;
}
.mainbody thead {
    pointer-events: none;
}
*/
/*TABLE*/


.mainbody ul thead td.style_td,
.mainbody ul tfoot td.style_td {
	color:inherit;
	background-color:#f8f9fc;
	font-weight: bold;
	text-align:center;
	
}
.mainbody ul thead th.style_th,
.mainbody ul tfoot th.style_th {
	color:inherit;
	background-color:#f1f1f1;
	font-weight: bold;
	text-align:center;
}
.mainbody ul .style_table {
	border: 1px #cbcbcb solid;
	background-color:#000000;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px auto;
}
.mainbody ul .style_th {
	padding: 5px;
	background-color:#f1f1f1;
	border: #cbcbcb solid;
	border-width: 0 0 1px 1px;
	background: #f8f9fc;
	font-weight: bold;
	line-height: 120%;
	text-align:center;
}
.mainbody ul .style_td {
	padding: 5px;
	border: 1px #cbcbcb solid;
	background-color:#ffffff;
	border-width: 0 0 1px 1px;
	text-align: left;text-indent: 0em;
}
/*TABLE*/

td.menubar {
	width:320px;
	vertical-align:top;
}

div#menubar {
	word-break:break-all;
	overflow:hidden;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  padding: 0 0px 12px 0;
  margin: 12px auto;
  box-shadow: 0 2px 0 #e6e6e6;
	border-radius: 2px;
}

div#menubar ul {
	margin:0px 0px 0px 1.5em;
	padding:0px 5px 0px .5em;
}
div#menubar table {
	margin:5px 3px;
}

div.jumpmenu {
	display:none;
}

div.anchor_super {
	display:none;
}

div#menubar ul li {
margin-bottom: 3px;
padding: 3px 0 0 15px;
/*background: url(https://www.h1g.jp/common/image/y01.gif) no-repeat 2px 0.7em;*/
list-style-type : none;
margin-left: -25px;
 }

#menubar h2{
  font-size: 14px;
  font-weight: bold;
  background: #2d323a;
  color: #fff;
  padding: 8px 10px 8px 20px;
  margin: 24px auto 12px;
}
#menubar h2:first-child{
  margin: 0 auto 12px;
}

#menubar h3 {
  font-size: 14px;
  font-weight: bold;
  background: #495b87;
  color: #fff;
  padding: 5px 10px 5px 20px;
  margin: 22px auto 10px;
}
#menubar h4{
  font-size: 13px;
  font-weight: bold;
  background: #dae0eb;
  color: #393f4d;
  padding: 4px 10px 4px 20px;
  margin: 20px auto 10px;
}
#menubar h5{
  width: 95%;
  padding:0 0 5px 5px;
  margin:15px auto 0.7em;
  font-size:13px;
  font-weight:bold;
  line-height:120%;
  color:#222;
  border-bottom:2px solid #ddd;
}



/* diff.inc.php 差分色分け*/
span.diff_added {
	color:blue;
	background-color:inherit;
}

span.diff_removed {
	color:red;
	background-color:inherit;
}
/* 2015/1/20 New　フッタ始 */
#footer{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:left;
background:#424B57;
overflow:hidden;
}
.footer_menu{
clear:left;
width:100%;
padding:10px;
margin: 0 auto; 
color:#fff;
text-shadow: 1px 1px #333333;
background:#2d323a;
}
.adspot2{
margin: 0 auto; 
}

.footer_menu a{
color:#fff;
padding:3px 2px;
}
.footer_menu hr{
	height:0;
	border:0;
	border-top: 1px solid #868e96;
	padding:10px 0 0px 0;
margin-top:20px;
}
.footer_menu a:hover{
color:#F4C51C;
background:#2d323a;
padding:3px 2px;
}
/* 2015/1/20 New　フッタ終 */

.mainbody blockquote p{padding:0px;}


/*(2017-06-18)blockquote スタート*/
.mainbody blockquote {
    margin: 10px 0px 10px 0px;
    padding: 5px 20px 5px 20px;
    color: #596278;
    background: #f8f9fc;
    border: 1px solid #d8dde7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 180%;
}

/*(2017-06-18)blockquote end*/


ul li:not([class]) .mainbody{
	margin:10px 0 7px -15px;
	padding: 0 0 0 15px;
	/*background: url(https://www.h1g.jp/common/image/main-list.gif) no-repeat 2px 0.6em;*/
	list-style-type : none;
	text-indent:-1.5em;
}


.mainbody .list1 .list2 {
	padding:3px 3px 3px 30px;
margin:0px 0 4px 0;
}
.mainbody .list3{
	padding:3px 3px 3px 30px;
margin:-13px 0 4px 0;
}

.mainbody ul li{
line-height:25px;
margin:5px 0 15px 0px;
list-style-type : none;
text-indent:-1.2em;
}
.pcmt ul.list3 li {
    text-indent: -0.5em;
}
.mainbody ol li{
line-height:22px;
margin:5px 0 7px 23px;
padding: 0 0 0 20px;
text-indent:-1.5em;
}


.mainbody .list1 .list2 {
	padding:3px 3px 3px 20px;
margin:0px 0 1px 0;
}
.mainbody .list3{
	padding:3px 3px 3px 10px;
margin:-3px 0 1px 0;
}

#body ul li{
margin:10px 0 5px -15px;
padding: 0 0 0 15px;
/*background: url(https://www.h1g.jp/common/image/main-list.gif) no-repeat 2px 0.6em;*/
list-style-type : none;
text-indent:-1.5em;
}

#body{
  padding-top:10px;
}
#body .list1 .list2 {
	padding:3px 3px 3px 30px;
margin:0px 0 4px 0;
}
#body .list3{
	padding:3px 3px 3px 30px;
margin:-13px 0 4px 0;
}


/* pcomment、編集テキストエリア 始 */
.mainbody li.pcmt{
  border: 1px solid #d8dde7;
  padding: 12px 18px 0 42px;
  margin: 0 auto 12px;
  text-indent: -2.7em;
  background: #f7f7f7;
  border-radius: 3px;
}
.mainbody li::befor{
  border: 1px solid #d8dde7;
  padding: 12px 18px 0 42px;
  margin: 0 auto 12px;
  text-indent: -2.7em;
  background: #f7f7f7;
  border-radius: 3px;
}
.mainbody li.pcmt span {
  text-align: right;
  color: #788fc8 !important;
  display: block;
  font-weight: bold;
}
.mainbody li.pcmt input[type=radio] {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: 0 12px 0 0;
}
.mainbody li.pcmt li {
  border-top: 1px dashed #e1e1e1;
}
.mainbody li.pcmt li.pcmt {
  border-bottom: none;
  border-right: none;
  border-left: none;
  padding: 12px 0 0 0;
  margin-left: 24px;
}
.mainbody .pcmt .list3 li{
  padding: 12px 0 0 24px;
}
.noexists {
  color:#8a8a88;
}
.mainbody li.pcmt span.comment_date {
  color:#8a8a88 !important;
  font-size: 11px;
  font-weight: normal;
  text-align: right;
  margin-bottom: 6px;
}

#pcmt ulli .list1{
	padding-left:10px;
	margin-left:5px;
	list-style-type : none;
}
#pcmt ulli .list1 li{
	margin:15px 0 -5px 10px;
	list-style-type : none;
}

#pcmt ulli .list2 li{
	padding: 0;
}

#pcmt ulli .list3{
	padding:10px;
	list-style-type : none;
}
.pcmt_comment{
padding:5px;
	list-style-type : none;

}
.pcmt_comment textarea{
    font-size:14px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
    border: 1px solid #B9C9CE;
    border-radius:5px;
    padding: 12px 0.8em;
margin-left:27px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}
.pcmt-radio input[type="text"] {
    font-size:14px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
    border: 1px solid #B9C9CE;
    border-radius:5px;
margin-top:25px;
    padding: 12px 0.8em;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}

input[type=radio] {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: 0 8px 0 0;
}
input[type=checkbox] {
  vertical-align: middle;
  margin: 0 8px 0 0;
}
/*コメント終わり*/

/* pcomment、編集テキストエリア */
textarea#editor{
  width:99%;
  height:460px;
  font-size: 13px;
  line-height: 1.2;
}
.mceEditor{
  width: 100%;
  height: 500px;
}
#body{
  margin:0;
  padding:20px;
}
/* pcomment、編集テキストエリア 終 */

div#navigator{
  width: 1080px;
  color:#fff;
  background: #2d323a;
  padding: 10px 0 8px 10px;
  position: relative;
  text-align: center;
  border-bottom: 2px solid #e1e1e1;
  margin: -20px auto 0;
  border-radius: 50px;
  opacity:0.9;
}
div#navigator a{
  font-size: 11px;
  color:#fff;
  padding: 5px;
}
div#navigator a:hover{
  color: #e5c50e;
  padding: 5px;
  padding-bottom:10px;
  background: transparent;
}

/*sortabletable.js*/
.sort-arrow {
	background-image:		url("../image/blank.png");
	width:					13px;
	height:					13px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0 2px;
}
.sort-arrow.img{
border-style:none;
}

.sort-arrow.descending {
	background-image:		url("../image/downsimple.png");
}

.sort-arrow.ascending {
	background-image:		url("../image/upsimple.png");
}

/*filterabletable.js*/
 .filter-box {
   width: 90%;
   height: 1.5em;
   margin: 0;
 }
.mainbody .new5 {
  color: green;
}
.mainbody .new1 {
  color: red;
}
.mainbody li span.new1{
  width: 36px;
  color: red !important;
  display: inline !important;
}
.mainbody li span.new5 {
  width: 36px;
  color: green !important;
  display: inline !important;
}
/*    注釈    */
div#note {
  padding: 10px 10px 10px 60px;
  margin:10px 0;
  color:#495b87;
  background-color:#f8f9fc;
  border:solid 2px #c2c8d7;
  text-indent:-3.5em;
  -moz-border-radius: 3px;    /* Firefox */
  -webkit-border-radius: 5px; /* Safari,Chrome */
  border-radius: 5px;         /* CSS3 */
  text-shadow: 1px 1px #ecf4f9;
}
div#note > b{
 font-size:120%;
}

div#note li{
padding: 2px 0 ;
margin-left:10px;
list-style-type : none;
}
.note_super{
padding:0 3px;
margin:0 1px;
}


/*2015/01/15 ----- (新ヘッダ始)*/

#menu-wrapper{
  width:100%;
  height: 44px;
  background: rgba(34, 38, 46, 0.9);
  padding: 2px 10px 2px 8px;
  margin-top:-86px;
  box-sizing: border-box;
}
/* Reset */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.nav a { text-decoration: none; }

.nav li { list-style: none; }

/* Menu Container */
.nav {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500;
	margin-top:-3px;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .nav { display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500; } /* IE11 */
}
@media all and (-ms-high-contrast:none){
  .nav { display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500; } /* IE10 */
}
@-moz-document url-prefix() { /* firefox */
  .nav {
	
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500;

  }
}


/* Menu List */
div#navigator .nav > li {
	display: block;
	float: right;
}

/* Menu Links */
div#navigator .nav > li > a {
box-shadow: 2px 3px 0px rgba(0,0,0,0.2) inset;
	display: block;
	z-index: 510;
	height: 30px;
margin-right:10px;
	padding: 0 21px 3px 21px;
	line-height: 34px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold
	font-size: 12px;
	color: #ffffff;
	text-shadow: 0 2px 1px #313131;
	background: #E65458;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

div#navigator .nav > li:hover > a { 
background: #ffffff;
color:#313131; 
	text-shadow: 0 2px 1px silver;
	padding: 0 21px 3px 21px;
}

div#navigator .nav > li:first-child > a {
	border-radius: 4px 4px 0px 0px;
	border-left: none;
}

/* Menu Dropdown */
div#navigator .nav > li > div {
margin-left:-280px;
margin-top:-5px;
	position: absolute;
	display: block;
	top: 38px;
	left: 0;
	border: 1px solid gray;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;  
	width:380px;
	background: #ffffff;
	border-radius: 5px 0 5px 5px;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}

div#navigator .nav > li:hover > div {
	opacity: 0.95;
	visibility: visible;
	overflow: visible;
	background: #ffffff;

}

/* Menu Content Styles */
div#navigator .nav .nav-column {
	float: left;
	width: 170px;
	margin: 3px 10px 10px 10px;
}

div#navigator .nav .nav-column h3 {
	margin: 20px 0 10px 0;
	line-height: 18px;
	
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #372f2b;
	text-transform: uppercase;
}

div#navigator .nav .nav-column h3.red { 
	font-family:"メイリオ", Meiryo, verdana, arial, helvetica, Sans-Serif;
	vertical-align: center;
	color: #ffffff;
	border-bottom:  5px solid #d33535;
	border-top:     0px;
	border-left:   0px ;
	border-right:   0px;
	background-color:#ef5252;
	padding: 9px 3px 3px 10px;


 }
div#navigator .nav .nav-column h3.yellow { 
	font-family:"メイリオ", Meiryo, verdana, arial, helvetica, Sans-Serif;
	vertical-align: center;
	color: #000000;
	border-bottom:  5px solid #edce45;
	border-top:     0px;
	border-left:   0px ;
	border-right:   0px;
	background-color:#ffdf4b;
	padding: 9px 3px 3px 10px;


 }


div#navigator .nav .nav-column li a {
	line-height: 26px;
	display: block;
	padding:5px;
	margin:2px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #333333;
background: #ffffff;
text-shadow: 0 2px 1px #E0E0E0;
}
div#navigator .nav .nav-column td a {
	line-height: 26px;
	display: block;
	padding:2px 5px;
	margin:-2px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #333333;
background: #ffffff;
text-shadow: 0 2px 1px #E0E0E0;
}

div#navigator .nav .nav-column li a:hover { background: #f8e962; }
div#navigator .nav .nav-column li a:active { background: #f8e962; }
div#navigator .nav .nav-column td a:hover { background: #f8e962; }
div#navigator .nav .nav-column td a:active { background: #f8e962; }

.style_table_menu { 
  width:100%;
 }

.style_td_menu { 
    width:50%;
 }
.style_td_menu a { 
	line-height: 26px;
	display: block;
	padding:1px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #333333;
 }



/*------------ パンくずリスト(2017/6/12)---------------*/

.pan{
  width:1200px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pan-l {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 0 0 0;
}
.pan-l-logo{
  margin-right: 8px;
}
.pan-l-logo:hover{
  background-color: transparent;
  opacity: 0.8;
}
.pan-l-text{
  color: #fff;
}
.pan-r {
  width: 500px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.pan-r-account {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 24px 0 0;
}
.pan-r-account-userimg {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 50px;
  border: 2px solid #888b8d;
  margin: 0 10px 0 0;
}
.pan-r-account-userimg img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.pan-r-account-text {
  color: #888b8d;
}
.pan-r-account-text-item a {
  color: #fff;
  font-size: 13px;
}
.pan-r-account-text-item a:hover {
  background: transparent;
  color: #F4C51C;
}
  
#menu-wrapper i{
  padding-top:2px;
  vertical-align: bottom;
}
#menu-wrapper .pan li{
  padding:9px 5px 0 20px; 
  text-shadow: 0px 1px 1px #555555;
  color:#E0E0E0;
  list-style:none;
}
#topimg{
  width:97px;
  height:38px;
  background: url('https://www.h1g.jp/common/image/top_sp_image.png');
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
}


/*------------ 検索---------------*/
.container-2{
}
.container-2 input#{
padding:9px 10px 9px 45px;
width: 200px;
white-space: nowrap;
  border: 3px solid #cccccc;
  font-size: 10pt;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #F5F5F5;

background: #ffffff url(https://www.h1g.jp/image/search-icon-nav.png) no-repeat;

background-position:15px 7px;
::-webkit-input-placeholder    {color: #576474}
::-moz-placeholder    {color: #576474}
:-moz-placeholder    {color: #576474}
:-ms-input-placeholder    {color: #576474}

@-moz-document url-prefix() { /* firefox*/
	.container-2 input#search {
		    background: #525d6c url(https://www.h1g.jp/image/search-icon-nav.png) no-repeat;
background-position-x: 15px;
background-position-y: 30px;
	}
}

}
/*2015/01/15 ----- (新ヘッダ終)*/

/*(2017/6/12) 新検索フォーム*/
#search-box {
  position: relative;
  width: 160px;
  margin: 0 12px 0 0;
}
#search-form {
  width: 152px;
  height: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  overflow: hidden;
}

#search-text {
  font-size: 11px;
  padding: 9px 0px 9px 10px;
  color: #000;
  border-width: 0;
  background: transparent;
  outline: 0;
}
#search-box input[type="text"] {
  width: 90%;
  padding: 11px 0 12px 1em;
  color: #000;
  outline: none;
}
#search-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 36px;
  font-size: 13px;
  color: #8c8f92;
  text-align: center;
  border-width: 0;
  background-color: #f0f3f8;
  -webkit-border-radius: 0px 2px 2px 0px;
  -moz-border-radius: 0px 2px 2px 0px;
  border-radius: 0px 2px 2px 0px;
  cursor: pointer;
  padding: 0px 0 2px 0;
  outline: 0;
}
#search-button:hover {
  background: #3ea3ec;
  color: #fff;
}

/*コメントフォーム*/
.mainbody input[type="text"] {
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  padding: 5px;
  margin-top:0;
  margin-bottom:0;
  border: solid 1px #dcdcdc;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none; 
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mainbody textarea{
  width: 95%;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  margin: 8px 0 8px 23px;
  padding: 5px;
  border: solid 1px #dcdcdc;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none; 
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-sizing: border-box;  
}
.mainbody input[type="text"]:focus,
.mainbody textarea:focus {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 2px;
}
.mainbody input[type="submit"] {
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  margin-left:28px;
  background-color: #2d323a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 12px 13px 10px 13px;
  border-style:none;
  width: 160px;
  cursor: pointer;
}
.mainbody input[type="submit"] :hover {
  background-color: #3ec5fe;
	box-shadow: 0 1px 0 rgba(136,136,136,1);
  margin: 12px auto 8px;
}
.mainbody input[type="submit"] :active {
  background-color: #3ec5fe;
	top: 3px;
	box-shadow: none;
}
.pcmt-radio {
  margin: 32px auto 0;
  padding: 20px 12px;
  text-indent: 0;
    background-color: #f8f9fc;
    border: solid 1px #d8dde7;
    border-radius: 3px;
}

.style_td span{padding:0 3px;}

a.secEdit{
color:#adadad;
text-decoration:none;
font-size:50%;
padding-left:5px;
}

/*(2017/6/12)Google翻訳Start*/
div#google_translate_element {
  width: 56px;
}
div#google_translate_element a {
	color: #BDBDBD !important;
}
div#google_translate_element a:hover {
	background: transparent;
}
div#google_translate_element img{
  position: relative;
  left: 4px;
  top: 1px;
}
div#google_translate_element div.goog-te-gadget-simple {
  height: 30px;
  border-radius: 2px !important;
  border: none;
  box-sizing: border-box;
  padding: 4px 0;
}
.goog-te-menu-value span:first-child {
  display: none;
}

/*(2017/6/12)Google翻訳Endt*/

/*(2017/6/18)タグSTART*/
.tags:first-child{
  padding-left:0px;
}
.tags{
  border-right:1px solid #aaaaaa;
  padding: 0 2px 0 7px;
}

.tags:last-child{
  border-right:5px
}
/*(2017/6/18)タグEND*/

.breadcrumb {
  width: 1195px;
  color: #888b8d;
  margin: 10px auto 0;
  text-align: right;
  font-size: 11px;
  list-style: none;
  padding: 0;
}
.breadcrumb a {
  color: #262626;
}
  
.ranking-area {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  margin: 12px auto;
  padding: 0;
  box-shadow: 0 2px 0 #e6e6e6;
}
.ranking-area h2 {
  font-size: 14px;
  font-weight: bold;
  background: #2d323a;
  color: #fff;
  margin: 0 auto;
  padding: 8px 10px 8px 20px;
}
a.ranking-area-item {
  display: block;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
  padding: 12px 0 8px;
}
a.ranking-area-item span {
  display: block;
  margin: 4px auto 0;
}
a.ranking-area-item span:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  color: #9e9e9e;
  margin: 0 7px 0 0;
}
.ranking-area-page ul {
  margin: 0px 0px 0px 1.5em;
  padding: 0px 0px 0px .5em;
  list-style: none;
}
.ranking-area-page ul li {
  margin-bottom: 3px;
  padding: 3px 0 0 15px;
  list-style-type: none;
  margin-left: -25px;
}
.ranking-area-page ul li:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  margin: 5px 7px 0 0;
  color: #9e9e9e;
  box-shadow: 0 5px 6px -7px white;
}
  
.btn {
  font-size: 12px;
  display: inline-block;
  padding: 8px 20px;
  text-decoration: none;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 3px;
}
a.btn {
  color: #fff;
  font-weight: bold;
}
a.btn:hover {
  background: #2043c6;
}
.btn-download {
  margin: 0 10px 0 0;
}
.btn-download:before {
  font-family: 'FontAwesome';
  content: "\f07a";
  margin: 0 10px 0 0;
  font-size: 13px;
  position: relative;
  top: 1px;
}
.btn-bookmark:before {
  font-family: 'FontAwesome';
  content: "\f005";
  margin: 0 8px 0 0;
  font-size: 16px;
  position: relative;
  top: 1px;
}
.btn-bookmark-remove:before {
  font-family: 'FontAwesome';
  content: "\f056";
  margin: 0 8px 0 0;
  font-size: 16px;
  position: relative;
  top: 1px;
}
a.btn-bookmark2 {
  font-size: 10px;
  font-weight: bold;
  display: inline-block;
  padding: 4px 13px;
  text-decoration: none;
  color: #ff5c61 !important;
  border-radius: 3px;
  background: #ffffff;
  border: solid 2px #ff5c61;
}
a.btn-bookmark2:hover {
  background: #ff5c61;
  color: #fff !important;
}
a.btn-bookmark2:before {
  font-family: 'FontAwesome';
  content: "\f005";
  margin: 0 4px 0 0;
  font-size: 12px;
  position: relative;
  top: 1px;
}
a.btn-bookmark2-remove {
  background: #ff5c61;
  color: #fff !important;
}
a.btn-bookmark2-remove:hover {
  background: #fff;
  color: #ff5c61 !important;
}
a.btn-bookmark2-remove:before {
  font-family: 'FontAwesome';
  content: "\f056";
  margin: 0 4px 0 0;
  font-size: 12px;
  position: relative;
  top: 1px;
}
.bookmark-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}
#menubar .date {
  padding: 3px 0 0 15px;
  margin: 16px auto 2px;
}

.main-clm1 {
  width: 1200px;
  margin: 0 auto 24px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  padding: 10px 18px 20px 20px;
  box-shadow: 0 2px 0 #e6e6e6;
}
.main-clm1-heading {
  text-align: center;
  font-size: 20px;
  margin: 20px auto 32px;
}
.main-clm1-text {
  text-align: center;
  font-size: 13px;
  margin: 28px auto;
}
.form-clm1 {
  margin: 0 auto;
}
.form-notice {
  width: 680px;
  text-align: center;
}
.form-title {
  margin: 6px auto 6px;
  padding: 0;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
}
.form-clm1 input[type="text"],
.form-clm1 input[type="password"] {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}
.form-clm1 select {
  width: 120px;
  padding: 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.form-clm1 select.select-month,
.form-clm1 select.select-day {
  width: 60px;
  margin-left: 16px;
}
.form-clm1 textarea {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}
.form-clm1-submit {
  width: 260px;
  margin: 20px auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-cancel {
  border: none;
  background: none;
  color: #8a8a8a;
  text-decoration: underline;
  cursor: pointer;
  margin-right: 20px;
}
.btn-cancel:hover {
  opacity: 0.7;
}
.btn-submit {
  background-color: #1574b8 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff !important;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 12px 13px 10px 13px;
  border-style: none;
  width: 140px;
  cursor: pointer;
}  
.btn-submit:hover {
  opacity: 0.7;
}

/*ログイン*/
.form-login-wrapper {
  width: 740px;
  margin: 28px auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.field-login {
  width: 320px;
  border: 2px solid #2d323a;
  padding: 0 0 10px 0;
  background: #f9f9f9;
  box-sizing: border-box;
  border-radius: 2px;
  margin: 0;
}
.field-signin {
  width: 320px;
  border: 2px solid #2d323a;
  padding: 0 0 10px 0;
  background: #f9f9f9;
  box-sizing: border-box;
  border-radius: 2px;
}
.field-title {
  background: #2d323a;
  margin: 0 auto 14px;
  padding: 14px 12px 10px 12px;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  color: #fff;
}
.field-login .input {
  padding: 0 20px;
}
.save-password {
  width: 90%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 12px 0 12px 20px;
}
.save-password-check {
  padding: 0;
  margin: 0 8px 0 0;
}
.save-password-text {
  font-size: 12px;
}
.field-login .btn-submit {
  display: block;
  width: 280px;
  margin: 0 auto;
}
.field-tw-text {
  font-size: 11px;
  position: relative;
  text-align: center;
  color: #a2a2a2;
}
.field-tw-text:before {
  content: "";
  width: 100px;
  display: block;
  position: absolute;
  border-top: 1px solid #a2a2a2;
  top: 10px;
  left: 20px;
}
.field-tw-text:after {
  content: "";
  width: 100px;
  display: block;
  position: absolute;
  border-top: 1px solid #a2a2a2;
  top: 10px;
  right: 20px;
}
.forget-password {
  font-size: 12px;
  text-align: center;
  display: block;
  margin: 24px auto 12px;
}
.forget-password:hover {
  background: transparent;
  text-decoration: underline;
}
.field-signin .btn-submit {
  background: #d6ac17 !important;
  display: block;
  width: 260px;
  margin: 40px auto;
}
.error-text {
  width: 90%;
  max-width: 1000px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  background: #e40629;
  margin: 12px auto;
}
.required {
  background: #e6353b;
  padding: 3px 8px;
  margin-right: 12px;
  color: #fff;
  border-radius: 0px;
  font-size: 11px;
}
.form-inner-note {
  font-size: 11px;
  font-weight: 200;
  margin-left: 20px;
  color: #8a8a8a;
}
/*パスワード忘れ*/  
.field-forget-password {
  width: 680px;
  text-align: center;
}
  
/*新規会員登録*/  
.form-user-edit {
  width: 680px;
}
.form-user-edit .form-title {
  margin-top: 24px;
}
.form-user-edit-img {
  max-width: 100px;
  height: auto;
  max-height: 100px;
  overflow: hidden;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin-right: 20px;
}  
.form-user-edit-img img {
  width: 100%;
}
.form-user-edit-img-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.form-user-edit-gender {
  margin-right: 20px; 
} 
.form-user-edit-private {
  display: inline;
  margin-left: 30px;
}

/*マイページ*/
.recently-list-popular {
  width: 800px;
  margin: 0 auto 60px;
}
.main-mypage-subheading {
  font-size: 18px;
  border-bottom: 1px solid #444;
  padding: 0 0 8px 0;
}
.main-mypage-subheading i {
  margin-right: 12px;
  font-size: 20px;
}
.main-mypage-userTable {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-mypage-userTable-img-wrapper {
  width: 180px;
}  
.main-mypage-userTable-img {
  max-width: 100px;
  height: auto;
  max-height: 100px;
  overflow: hidden;
  border: 1px solid #ccc;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 auto;
}
.main-mypage-userTable-img img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.main-mypage-userTable-text-wrapper {
  width: 580px;
  border: 1px solid #e1e1e1;
  border-spacing: 0;
}  
.main-mypage-userTable-text:last-child {
  border-bottom: none;
}
.main-mypage-userTable-text-wrapper .td1 {
  width: 150px;
  background: #f3f3f3;
  text-align: center;
  padding: 8px;
  box-sizing: border-box;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
.main-mypage-userTable-text-wrapper .td2 {
  width: 370px;
  padding: 8px 20px;
  border-bottom: 1px solid #e1e1e1;
  box-sizing: border-box;
}
.main-mypage-userTable-text:last-child .td1,
.main-mypage-userTable-text:last-child .td2 {
  border-bottom: none;
}
.main-mypage-userTable-img-wrapper .btn-submit {
  display: block;
  margin: 20px auto 0;
}  
.main-mypage-subheading-note {
  font-size: 11px;
  font-weight: normal;
  float: right;
}
.main-mypage-titleTable {
  width: 800px;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-left: 1px solid #cecece;
  border-spacing: 0;
  margin: 0 auto 24px;
}
.main-mypage-titleTable:last-child {
  margin: 0 auto;
}
.main-mypage-titleTable .td1 {
  width: 240px;
  background: #f3f3f3;
  text-align: center;
  padding: 8px;
  box-sizing: border-box;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
.main-mypage-titleTable .td2 {
  width: 560px;
  padding: 8px 20px;
  border-bottom: 1px solid #e1e1e1;
  box-sizing: border-box;
}
.main-mypage-titleTable-row:last-child .td1,
.main-mypage-titleTable-row:last-child .td2,
.main-mypage-titleTable-row:last-child .td3 {
  border-bottom: none;
}  
.main-mypage-titleTable-row .td1-title,
.main-mypage-titleTable-row .td2-title,
.main-mypage-titleTable-row .td3-title {
  border-top: 1px solid #cecece;
}  
.main-mypage-titleTable-row .td2-btnstyle {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}  
.main-mypage-titleTable-row a {
  color: #38c !important;
}  
.main-mypage-titleTable-img {
  max-width: 60px;
  height: 60px;
  overflow: hidden;
  border: 1px solid #ccc;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 auto;
}
.main-mypage-titleTable-img img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.main-mypage-titleTable-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
#body .main-mypage-titleTable-list li {
  margin: 4px;
  padding: 0;
  list-style-type: none;
  text-indent: 0;
  cursor: pointer;
}  
.main-mypage-titleTable-list li:before {
  display: none;
}
#body .main-mypage-titleTable-list li:hover {
  opacity: 0.7;
}
.mypage-withdraw {
  width: 800px;
  text-align: right;
  margin: 0 auto;
  font-size: 12px;
}
.main-mypage-userTable-img-wrapper .btn-logout {
  margin: 8px auto 0;
}
.main-mypage-titleTable-row a.main-mypage-titleTable-btn {
  width: 90%;
}
.main-mypage-titleTable-row a.main-mypage-titleTable-btnItem {
  width: 8%;
  height: 10px;
  min-width: 80px;
  display: block;
  margin-left: 15px;
  text-align: center;
  color: #fff !important;
  padding: 6px 10px 16px 10px;
  font-size: 10px;
}

/*ゲームタイトルランキング*/
.ranking-table {
  width: 760px;
  border-right: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-spacing: 0;
  margin: 0 auto 24px;
}
.ranking-table .td1 {
  width: 400px;
  padding: 4px 12px;
  box-sizing: border-box;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: left;
}
.ranking-table .td1-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ranking-table .td1-inner a {
  width: 340px;
}
.ranking-table .td2 {
  width: 360px;
  text-align: center;
  padding: 8px;
  border-bottom: 1px solid #e1e1e1;
  box-sizing: border-box;
}  
.ranking-table .td3 {
  width: 150px;
  text-align: center;
  padding: 8px;
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  box-sizing: border-box;
}  
.ranking-table .td1-title,
.ranking-table .td2-title,
.ranking-table .td3-title {
  background: #f3f3f3;
  font-size: 12px;  
  text-align: center;
}
.ranking-table .td3-title i {
  font-size: 20px;
  color: #a2a2a2;
  margin: 0 8px 0 0;
  position: relative;
  top: 3px;
}
.rainking-table-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.rainking-table-list li {
  margin: 4px !important;
  padding: 0 !important;
  list-style-type: none;
  text-indent: 0;
  cursor: pointer;
}
.rainking-table-list li:hover {
  opacity: 0.7;
}
.rainking-table-list li:before {
  display: none;
}
.rainking-table-list li:last-child {
  margin: 4px 0 4px 4px !important;
}
.ranking-img-wrapper {
  max-width: 42px;
  height: 42px;
  overflow: hidden;
  border: 1px solid #ccc;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 auto;
}
.ranking-img-wrapper img {
  width: 100%;
  display: block;
  height: auto;
}
.ranking-number {
  width: 40px;
  height: 40px;
  font-size: 14px;
  margin-right: 10px;
  border-radius: 50px;
  text-align: center;
  padding-top: 3px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: #0c73b8;
  color: #fff;
}
.ranking-table .ranking-number.ranking-number--gold {
  background-image: linear-gradient(to top left, #F7DE05, #DA8E00, #EDAC06, #ECB802, #DAAF08, #B67B03);
  font-weight: bold;
}
.ranking-table .ranking-number.ranking-number--silver { 
  background-image: linear-gradient(to top left, #A5A5A5, #919196, #A5A5A5, #c7c6c0, #b5b5b3, #BABAC2);
  font-weight: bold;
}
.ranking-table .ranking-number.ranking-number--bronze { 
  background-image: linear-gradient(to top left, #c18071, #b15842, #c18071, #e29f90, #e6a698, #f2cac1);
  font-weight: bold;
}
  
/*ページランキング*/
.rankingPage-table {
  width: 720px;
  border-right: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-spacing: 0;
  margin: 0 auto 24px;
}
.rankingPage-table .td1 {
  width: 40px;
  padding: 4px 12px;
  box-sizing: border-box;
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
}
.rankingPage-table .td2 {
  width: 680px;
  text-align: left;
  padding: 8px;
  border-bottom: 1px solid #e1e1e1;
  box-sizing: border-box;
}  
.rankingPage-table .td3 {
  width: 150px;
  text-align: center;
  padding: 8px;
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  box-sizing: border-box;
}  
.rankingPage-table .td1-title,
.rankingPage-table .td2-title,
.rankingPage-table .td3-title {
  background: #f3f3f3;
  font-size: 12px;  
  text-align: center;
}
.rankingPage-table .td3-title i {
  font-size: 20px;
  color: #a2a2a2;
  margin: 0 8px 0 0;
  position: relative;
  top: 3px;
}
.rankingPage-table .ranking-number {
  margin: 0 auto;
}
.rankingPage-table .ranking-number.ranking-number--gold {
  background-image: linear-gradient(to top left, #F7DE05, #DA8E00, #EDAC06, #ECB802, #DAAF08, #B67B03);
  font-weight: bold;
}
.rankingPage-table .ranking-number.ranking-number--silver {
  background-image: linear-gradient(to top left, #A5A5A5, #919196, #A5A5A5, #c7c6c0, #b5b5b3, #BABAC2);
  font-weight: bold;
}
.rankingPage-table .ranking-number.ranking-number--bronze {
  background-image: linear-gradient(to top left, #c18071, #b15842, #c18071, #e29f90, #e6a698, #f2cac1);
  font-weight: bold;
}
  
.pager {
  text-align: center;
}  
.pager__item {
  width: 32px;
  height: 32px;
  padding: 5px;
  color: #7b7b7b;
  display: inline-block;
  font-size: 14px;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
  box-sizing: border-box;
  margin: 4px;
  padding: 0 !important;
}  
.pager__item span,
.pager__item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
  color: #7b7b7b;
}
.pager__item a:hover {
  background: #efefef;
}
.pager__item--current {
  background: #efefef;
  font-weight: bold;
  color: #7b7b7b !important;
}
.ranking-error__img {
  width: 441px;
  height: 121px;
  background: url(../common/image/img_sorry.jpg) no-repeat top center;
  margin: 0 auto;
}  
.ranking-error__text {
  width: 500px;
  text-align: center;
  background: #fbfbfb;
  border-radius: 4px;
  border: 2px solid #e0e0e0;
  margin: 32px auto;
  color: #5f5f5f;
  padding: 12px;
  box-sizing: border-box;
}
.title-update-time {
  width: 760px;
  font-size: 12px;
  text-align: right;
  color: #757575;
  padding: 0 !important;
  margin: 0 auto !important;
}  
.page-update-time {
  width: 720px;
  font-size: 12px;
  text-align: right;
  color: #757575;
  padding: 0 !important;
  margin: 0 auto !important;
}  
div#box2 {
    text-shadow: 2px 2px 0 #000, 1px 1px 5px #000;
}
div#box3 {
    text-shadow: 2px 2px 0 #000, 1px 1px 5px #000;
}


/*人気記事ランキングボタン*/
#menubar .square_btn1{
  display:inline-block;
  font-size: 12px;
    text-decoration:none; font-weight: bold;  
    color:rgba(255, 92, 97, 1);
    brackground-color:transparent;
    border:2px solid rgba(242, 58, 63, 1);
    border-radius:3px;
    padding: 5px 4px 4px 4px;
    margin:5px 2px 2px 6px;        
    background-size: 200% 100%; 

}
#menubar .square_btn1:hover{
    color:rgba(255, 255, 255, 1);
    background-color:rgba(255, 92, 97, 1);
    background-position: -100% 100%;
}


#menubar .square_btn2{
  display:inline-block;
  font-size: 12px;
    text-decoration:none;  font-weight: bold; 
    color:rgba(56, 110, 241, 1);
    brackground-color:transparent;
    border:2px solid rgba(20, 68, 185, 1);
    border-radius:3px;
    padding: 5px 4px 4px 4px;
    margin:5px 2px 2px 2px;       
    background-size: 200% 100%; 
}
#menubar .square_btn2:hover{
    color:rgba(255, 255, 255, 1);
    background-color:rgba(56, 110, 241, 1);
    background-position: -100% 100%;
}


#menubar .square_btn3{
  display:inline-block;
  font-size: 12px;
    text-decoration:none; font-weight: bold;  
    color:rgba(12, 176, 114, 1);
    brackground-color:transparent;
    border:2px solid rgba(8, 192, 122, 1);
    border-radius:3px;
    padding: 5px 4px 4px 4px;
    margin:5px 2px 2px 2px;       
    background-size: 200% 100%; 

}
#menubar .square_btn3:hover{
    color:rgba(255, 255, 255, 1);
    background-color:rgba(60, 225, 163, 1);
    background-position: -100% 100%;
}

/*Home Menu*/
#menubar .ffg__menu img{
padding:1px;
}
#menubar .ffg__menu img:first-child{
padding-top:10px;
}
#menubar .ffg__menu img:nth-child(3){
margin-bottom:0px;
}
#menubar > hr.full_hr {
    height: 0;
    border: 0;
    border-top: 2px solid #e4e4e4;
    padding-top: 5px;
    margin: 7px 0 5px 0;
}
#menubar h3> .noexists {
    color: #fff;
}
#menubar h4> .noexists {
    color: #fff;
}
#menubar h5> .noexists {
    color: #fff;
}

/*==========================================
 20180920 forum
===========================================*/
.ranking-img-wrapper img {
  padding: 0 !important;
}

/*archive*/
.forum-list {
  width: 100%;
  margin: 0 auto 40px;
}
.forum-list__row {
  border-bottom: 1px solid #e4e4e4;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 8px 20px;
}
.forum-list__desc1 {
  width: 400px;
  margin: 0 10px 0 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
.forum-list__title {
  max-width: 332px;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.forum-list__title--game {
  font-size: 11px;
}
.forum-list__new {
  display: inline-block;
  color: #f00;
  font-weight: bold;
  margin: 0 0 0 12px;
}
.forum-list__desc2 {
  width: 100px;
  color: #949aa5;
  font-size: 12px;
  margin: 0 10px 0 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.forum-list__desc3 {
  width: 120px;
  color: #949aa5;
  font-size: 11px;
  margin: 0 10px 0 0;
  text-align: center;
}
.forum-list__desc4 {
  width: 80px;
  color: #949aa5;
  font-size: 11px;
}

/*detail*/
.forum-detail h2 {
  background: none !important;
  color: #19243b !important;
  line-height: 1.4;
  text-shadow:none!important;
}
.forum-detail__info {
}
.forum-detail__info-item {
  color: #949aa5;
  font-size: 12px;
  margin: 0 24px 0 0;
}
.forum-detail-thread {
  width: 100%;
}
.forum-detail-comment {
  border-bottom: 1px solid #e4e4e4;
  padding: 8px 8px 12px;
}
.forum-detail-comment__desc1 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 16px;
}
.forum-detail-comment__left {
  color: #e6b811;
  font-size: 16px;
}
.forum-detail-comment__left-item1 {
  margin: 0 20px 0 0;
}
.forum-detail-comment__left-item2 {
  margin: 0 40px 0 0;
}
.forum-detail-comment__left-item3 {
  color: #949aa5;
  font-size: 12px;
}
.forum-detail-comment__userimg {
  max-width: 42px;
  height: 42px;
  overflow: hidden;
  border: 1px solid #ccc;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.forum-detail-comment__userimg img {
  width: 100%;
  padding: 0 !important;
}
.forum-detail-comment__desc2 {
  margin: 12px auto;
}
.btn-submit.forum-detail-comment__parent {
  width: auto;
  background-color: #fff !important;
  color: #1574b8 !important;
  border: 2px solid #1574b8;
  padding: 4px 8px;
  font-weight: bold;
  font-size: 12px;
}
.forum-detail-comment__desc3 {
  margin: 0 auto 16px;
  line-height: 1.5;
}
.forum-detail-comment__desc4 {
  margin: 0 auto 16px;
}
.forum-detail-comment__desc4 img {
  max-width: 100%;
}
.forum-detail-comment__desc5 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.forum-detail-comment__desc5-good {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.forum-detail-comment__desc5 form {
  margin: 0;
}
.forum-detail-comment__desc5 .form-clm1-submit {
  width: auto;
  margin: 0 auto;
}
.forum-detail-comment__goodbtn.btn-submit {
  background-color: #fff !important;
  color: #c1c1c1 !important;
  font-size: 20px;
  padding: 0;
  width: auto;
}
.forum-detail-comment__goodbtn.btn-submit.active {
  color: #1574b8 !important;
}
.forum-detail-comment__goodcnt {
	position: relative;
	background: #ffffff;
	border: 2px solid #d3d7df;
  margin: 0 40px 0 20px;
  padding: 2px 8px;
  border-radius: 4px;
  color: #1574b8;
  font-weight: bold;
  font-size: 12px;
}
.forum-detail-comment__goodcnt:after, .forum-detail-comment__goodcnt:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.forum-detail-comment__goodcnt:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 6px;
	margin-top: -6px;
}
.forum-detail-comment__goodcnt:before {
	border-color: rgba(211, 215, 223, 0);
	border-right-color: #d3d7df;
	border-width: 9px;
	margin-top: -9px;
}
#btn-reply {
  width: 100px !important;
  padding: 8px 0 6px 0!important;
  font-size: 12px;
}
.forum-detail-comment__notice.btn-submit {
  background-color: #fff !important;
  color: #1574b8 !important;
  padding: 0;
  width: auto;
  font-size: 11px;
}

/*comment form*/
.form-thread {
  background: #f8f9fc;
  border: 1px solid #e4e4e4;
  padding: 20px;
}
.forum-detail-comment__name {
  width: 320px !important;
}
.form-thread textarea {
  margin: 12px auto;
}
.form-thread__btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.forum-detail-comment__writing.btn-submit {
  margin: 0 16px 0 0 !important;
  background-color: #2d323a !important;
}
#uploadbtn-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.forum-detail-comment__upload.btn-submit {
   display: none;
}
.forum-detail-comment__upload-label {
  background: #2d323a !important;
  padding: 11px 13px 9px 13px;
  border-radius: 3px;
  display: block;
  position: relative;
  cursor: pointer;
  color: #fff;
}
.forum-detail-comment__upload-label i {
  margin: 0 8px 0 0;
}
.forum-detail-comment__upload-label.changed::after {
  content: "";
}
#preview {
  position: relative;
  margin: 0 0 20px 0;
}
#preview #clear-btn {
  width: auto !important;
  background-color: transparent !important;
  color: #1574b8 !important;
  font-size: 12px;
}

/*reply modal*/
.iziModal {
  max-width: 680px !important;
}
.iziModal-content {
  padding: 12px !important;
}
.iziModal-content .close-top {
  text-align: right;
}
.iziModal-content .close-top a {
  font-size: 28px;
  color: #c5c5c5;
  cursor: pointer;
}
.modal-thread .forum-detail-comment {
  padding: 20px;
}
.modal-thread .forum-detail-comment:last-child {
  border-bottom: none;
}
.modal-thread .forum-detail-comment__desc3 {
  margin: 0 auto;
}
.modal-thread .close-bottom {
  text-align: center;
  margin: 20px auto 12px;
}
.modal-thread .close-bottom button {
  background-color: #1574b8 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #ffffff !important;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 12px 13px 10px 13px;
  border-style: none;
  cursor: pointer;
}

/*ゲームトップ 掲示板ランキング*/
.thread-ranking-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.thread-ranking-table {
  width: 49%;
  border-spacing: 0;
}
.thread-ranking-table__heading {
  border: 1px solid #e1e1e1;
  background: #f3f3f3;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 8px 12px 5px;
}
.thread-ranking-table__desc {
  height: 40px;
  border-right: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding: 6px 12px 2px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.thread-ranking-table__desc--more {
  padding: 4px 0 0 0;
  text-align: right;
  font-size: 11px;
}
.thread-ranking-table__desc--blank {
  height: 40px;
  padding: 4px 0 4px 0;
  font-size: 11px;
  color: #999;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thread-ranking-table__desc-item1 {
  width: 230px;
  margin: 0 4px 0 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
.thread-ranking-table__desc-item1--game {
  display: block;
  font-size: 9px;
  line-height: 1.5;
}
.thread-ranking-table__desc-item1--title {
  display: block;
  font-size: 13px;
  font-weight: bold;
}
.thread-ranking-table__desc-item1 a {
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.thread-ranking-table__desc-item2 {
  width: 80px;
  color: #949aa5;
  font-size: 10px;
  margin: 0 4px 0 0;
  text-align: center;
  line-height: 1.5;
}
.thread-ranking-table__desc-item3 {
  width: 44px;
  color: #949aa5;
  font-size: 11px;
  text-align: right;
  margin: 0 4px 0 0;
}

/*=================================================================================
 カエレバ・ヨメレバ・トマレバ
=================================================================================*/
 
.cstmreba {
 width:98%;
 height:auto;
 margin:36px auto;
 font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
 line-height: 1.5;
 word-wrap: break-word;
 box-sizing: border-box;
 display: block;
}
.cstmreba a {
 transition: 0.8s ;
 color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
 color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,
.cstmreba .kaerebalink-box,
.cstmreba .tomarebalink-box {
 width: 100%;
 background-color: #fafafa; /* 全体の背景カラー */
 overflow: hidden;
 border-radius: 0px;
 box-sizing: border-box;
 padding: 12px 8px;
 box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
 width:150px;
 float:left;
 margin:0 14px 0 0;
 text-align: center;
 background: #fff;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
 width:100%;
 display:block;
}
.cstmreba .booklink-image a img,
.cstmreba .kaerebalink-image a img,
.cstmreba .tomarebalink-image a img {
 margin:0 ;
 padding: 0;
 text-align:center;
 background: #fff;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
 overflow:hidden;
 line-height:170%;
 color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
 text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
 border-bottom: 1px solid ;
 font-size:16px;
}
/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
    margin: 0;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
 font-size:10px;
 line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
 color:#333;
 border-bottom: none ;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
 color:#333;
 border-bottom: 1px solid #333 ;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
 font-size:12px;
}
.cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img {
 display:none !important;
}
.cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
 display: inline-block;
 width: 100%;
 margin-top: 5px;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
 float:left;
 width:24%;
 min-width:128px;
 margin:0.5%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
 width: 100%;
 display: inline-block;
 text-align: center;
 box-sizing: border-box;
 margin: 1px 0;
 padding:3% 0.5%;
 border-radius: 8px;
 font-size: 13px;
 font-weight: bold;
 line-height: 180%;
 color: #fff;
 box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;} /* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkwowma a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.cstmreba .booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a {
 background:#FF9901;
 border: 2px solid #ff9901;
} /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
 background: #bf0000;
 border: 2px solid #bf0000;
} /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a {
 background:#225496;
 border: 2px solid #225496;
} /* 7net */
/****** ボタンカラー ここまで *****/
 
/***** ボタンデザイン　マウスオーバー時ここから *****/
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
 background: #fff;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; } /* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkwowma a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,
.cstmreba .booklink-link2 .shoplinkamazon a:hover {
 color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover,
.cstmreba .booklink-link2 .shoplinkrakuten a:hover {
 color: #bf0000; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a:hover,
.cstmreba .booklink-link2 .shoplinkseven a:hover {
 color:#225496;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.cstmreba .booklink-footer {
 clear:both;
}
 
/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
 .cstmreba .booklink-image,
 .cstmreba .kaerebalink-image,
 .cstmreba .tomarebalink-image {
 width:100%;
 float:none;
 }
 .cstmreba .booklink-link2>div,
 .cstmreba .kaerebalink-link1>div,
 .cstmreba .tomarebalink-link1>div {
 width: 32.33%;
 margin: 0.5%;
 }
 .cstmreba .booklink-info,
 .cstmreba .kaerebalink-info,
 .cstmreba .tomarebalink-info {
   text-align:center;
   padding-bottom: 1px;
 }
}
 
/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
 .cstmreba .booklink-link2>div,
 .cstmreba .kaerebalink-link1>div,
 .cstmreba .tomarebalink-link1>div {
 width: 49%;
 margin: 0.5%;
 }
}
/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
 .cstmreba .booklink-link2>div,
 .cstmreba .kaerebalink-link1>div,
 .cstmreba .tomarebalink-link1>div {
 width: 49%;
 margin: 0.5%;
 }
}

/*コメント募集*/
div#pcmt_ulli::before {
    content: 'どなたでもWikiの編集が可能です。コメントもお待ちしております！'!important;
    background: url(https://www.h1g.jp/skin/images/wiki_w.svg) no-repeat;
    height: 60px;
    padding-left: 65px;
    padding-top: 30px;
    color: gray;
    font-size: 1.4em;
    display: block;
}
/*OGP スタイルシート*/
div.ogp-mainbox {
    position: relative;
    z-index: 0;
    word-wrap: break-word;
    word-break: break-all;
    background: #f9f9f9;
    border: 1px solid #a6a8bb;
    border-radius: 4px;
    padding: 10px;
    margin: 20px auto;
    min-height: 100px;
    max-height: 280px;
    max-width: 480px;
    overflow: hidden;
    box-shadow: 0 3px 6px rgb(214 216 220);
}
a.ogp-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
    z-index: 2;
}
div.ogp-mainbox a:hover {
   background-image: none!important;
    background-color: rgb(160 197 232 / 24%)!important;
}

div.ogp-title-min{
display: none;
}
div.ogp-title{
    font-size: 130%;
    font-weight: bold;
    margin: 10px 5px;
    text-indent: 0em;
    overflow: hidden;
    line-height: 1.3em;
    color: #1a0dab;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    z-index: 100;
}

div.ogp-description{
    line-height: 1.5em;
    font-size: 85%;
    color: #44516d;
    text-indent: 0.03em;
    overflow: hidden;
    margin: 5px 5px 0px 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    z-index: 100;
}
div.ogp-url{
font-size: 80%;
    color: #9a9ca2;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 0.4em;
    margin: 7px 0 5px 12px;
    overflow: hidden;
    line-height: 2em;
    word-wrap: break-word;
    text-indent: 0.1em;
    word-break: break-all;
}
div.ogp-img-box{
	float: right;
	width: 100px;
	margin: auto 10px auto 15px;
    position: inherit;
    z-index: -100;
}
div.ogp-img img{object-fit: cover;
   
    z-index: 100;}
img.ogp-img{
width: 100px;
    height: 100px;
    object-fit: cover;
    padding: 0px!important;
    border-radius: 3px;
    border: 1px solid rgb(0 0 0 / 42%);
    z-index: 100;
}
/*OGP ulliの中に入った時*/
ul .ogp-img-box {
    margin: auto!important;
}
ul .ogp-title {
    margin-right: 8em!important;
}
ul .ogp-description {
    margin-right: 13em!important;
}
ul .ogp-url {
    margin-right: 30em!important;
}
/*TwitterウィジェットCENTER*/
._p_twitter {
    width: 500px;
    margin: auto;
}
/*Figure Page_Image*/
figure {
    width: 600px;
    height: 164px!important;
    max-width: 90%;
    position: relative;
    margin: 20px auto 40px auto;
    border: solid 1px #000000;
    border-radius: 5px;
    box-shadow: 2px 3px 0px 0px #bdbab5c2;
    overflow: hidden;
}

figure img {
    width: 100%;
    max-width: 100%!important;
    height: 150px!important;
    vertical-align: top;
    border: solid 1px #000000;
    border-radius: 5px;
    box-shadow: 2px 3px 0px 0px #bdbab5c2;
    margin-top: 0!important; 
    filter: blur(5px);
}

figure figcaption {
    overflow: hidden;
    font-size: 1.5em;
    line-height: 1.1em;
    font-weight: 900!important;
    color: #ffffff;
    position: absolute;
    top: 22px;
    display: flex;
    width: 100%;
    height: 100px;
    align-items: center;
    justify-content: center;
    padding-bottom: 29px;
    background: linear-gradient(#0e0e0e, #00000094);
    background: -moz-linear-gradient(#0e0e0e, #00000094);
    background: -ms-linear-gradient(#0e0e0e, #00000094);
    background: -webkit-linear-gradient(#0e0e0e, #00000094);
    margin: -5px auto!important;
    text-shadow: black 2px 0px 2px, black -2px 0px 2px, black 0px -2px 2px, black -2px 0px 2px, black 2px 2px 2px, black -2px 2px 2px, black 2px -2px 2px, black -2px -2px 2px, black 1px 2px 2px, black -1px 2px 2px, black 1px -2px 2px, black -1px -2px 2px, black 2px 1px 2px, black -2px 1px 2px, black 2px -1px 2px, black -2px -1px 2px, black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px;
}
.page_description {
    position: absolute;
    margin-top: 30px!important;
    margin-left: 10px!important;
    font-size: 0.5em;
    color: #fff;
    top: 0;
    left: 5px;
    display: flex;
    width: 100%;
    max-width: 90%;
    height: 150px;
    align-items: center;
    justify-content: center;
text-shadow: black 2px 0px 2px, black -2px 0px 2px, black 0px -2px 2px, black -2px 0px 2px, black 2px 2px 2px, black -2px 2px 2px, black 2px -2px 2px, black -2px -2px 2px, black 1px 2px 2px, black -1px 2px 2px, black 1px -2px 2px, black -1px -2px 2px, black 2px 1px 2px, black -2px 1px 2px, black 2px -1px 2px, black -2px -1px 2px, black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px;
}
figcaption.page_title:before{content:"　"}
figcaption.page_title:after{content:"　"}
.box_yellow{
    padding: 0.7em;
    margin: 2em 1em;
    border: solid 2px #e9bc81;
    border-radius: 5px;
    background: #fff5e4;
}
.box_yellow p {
    color: #a97838;
}
.box_red{
    color: #ff7d6e;
    padding: 0.7em;
    margin: 2em 1em;
    border: solid 2px #ff9e93;
    border-radius: 5px;
    background: #ffebe9;
}
.box_red p {
    color: #e36354;
}
.box_blue{
    padding: 0.7em;
    margin: 2em 1em;
    border: solid 2px #aac7fb;
    border-radius: 5px;
    background: #e3f3ff;

}
.box_blue p {
    color: #688ed3;
}
.box_white{
    padding: 0.7em;
    margin: 2em 1em;
    color: #5d627b;
    background: white;
    border: solid 2px #7e818d;
    border-radius: 5px;
}
.box_dot  {
    padding: 0.7em;
    margin: 2em 1em;
background: #ffffff;
    border-radius: 5px;
    border: dashed 2px #b6bdb2;
}
.box_green {
    padding: 0.7em;
    margin: 2em 1em;
    border: solid 2px #b6d7a6;
    border-radius: 5px;
    background: #e8f3e4;
}
.box_green p {
    color: #56853f;
}
.plugin_expand{
background: #f8f9fc;
    border-radius: 3px;
    margin: 10px 5px 20px 5px;
    cursor: pointer;
    font-weight: bold;
    border: solid 2px #bedbe9;
}
.menubar img {
    margin: 5px 0;
}
.mainbody img {
    margin: 5px 0;
}
.plugin_expand summary {
  position: relative;
  display: block; /* 矢印を消す */
  padding: 20px 20px 20px 40px; /* アイコンの余白を開ける */
  cursor: pointer; /* カーソルをポインターに */
  font-weight: bold;
  background-color: #e2f0f7;
  transition: 0.2s;
}
.plugin_expand summary:hover {
  background-color: #ccebfb;
}
.plugin_expand summary::-webkit-details-marker {
  display: none;　/* 矢印を消す */
}

/* 疑似要素でアイコンを表示 */
.plugin_expand summary:before,
.plugin_expand summary:after {
  content: "";
  margin: auto 0 auto 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.plugin_expand summary:before {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #1da1ff;
}
.plugin_expand summary:after {
  left: 6px;
  width: 5px;
  height: 5px;
  border: 4px solid transparent;
  border-left: 5px solid #fff;
  box-sizing: border-box;
  transition: .1s;
}

/* オープン時のスタイル */
.plugin_expand details[open] summary {
  background-color: #ccebfb;
}
.plugin_expand details[open] summary:after {
  transform: rotate(90deg); /* アイコンを回転 */
  left: 4px; /* 位置を調整 */
  top: 5px; /* 位置を調整 */
}

/* アニメーション */
details[open] .details-content {
  animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.edit_form input[type="submit"] {
    color: #414854;
    font-size: 1.0rem;
    font-weight: 700;
    margin: 5px;
    padding: 5px 13px 4px 13px;
    background: white;
    border: solid 2px #8a909b;
    border-radius: 3px;
    cursor: pointer;
}
input[type="submit"]:hover {
    background: #eef1f2;
}
.contents ul li {
    margin: 5px 0 5px 0px;
}
/* UploadForm-CSS */

div#body .uploader {
position: relative;
    border-radius: 8px;
    width: 98%;
    height: 300px;
    background: #3a3a3a;
    overflow: hidden;
        margin: 30px 0;
}

div#body .uploader:before {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 24px;
    right: 24px;
    border: dashed 3px #afafaf;
    border-radius: 10px;
    color: #afafaf;
    font-weight: bold;
    font-size: 1.5em;
    content: '\f0ee　ここにファイルをドロップしてください';
    font-family: FontAwesome;
    cursor: pointer;
}

div#body .uploader input {
  display: block;
  position: absolute;
  top: 0; left: 0;
  width: 97%; height: 97%;
  font-size: 999px;
  opacity: 0;
}
.img_prv {
    max-width: 400px;
}
input.imgupload_btn{
    position: absolute;
    margin: 20px 20px 20px 0px;
    width: 98%;
    background: #3a3a3a;
    color:white;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 0.5rem;
    cursor: pointer;
    border: 2px solid #262424;
    border-bottom: 5px solid #262424;
}
input.imgupload_btn:hover {
    background: #fff;
    color: #414854;
    border-bottom: none;
    border: 2px solid #262424;
margin-top:25px;
transition: 0.3s;

}
.imgpass{
    margin: -10px 0 30px 0;
}
p.notice_msg{
color: #6e97df;
font-size: small;
background: #eff7ff;
padding: 10px;
border: 2px solid #6e97df;
border-radius: 5px;
margin-bottom: 30px;
    width: 95%;
}
h3.attach_h3{
    padding: 10px 0 10px 30px;
    background: #525d68;
    font-size: 19px;
    color: #fff;
    margin: 40px 0 15px -20px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
p.tmp_Name{
width: 95%;
    font-size: 1.6em;
    margin: 10px 10px 20px 5px;
    padding: 5px 5px 4px 5px;
    border-bottom: 3px solid #c1c1c1;
color:#3a3a3a;
}
ul.date li {
    line-height: 1.0em;
}
.figbox p {
    color: #7a7a7a;
    font-size: 0.8em;
    line-height: 1.5em;
        margin: 0;
}
.figbox{
    border: thin #c0c0c0 solid;
    display: flex;
    flex-flow: column;
    padding: 15px 5px 0 5px;
    width: 80%;
    margin: 10px auto;
    background: white;
}
.figbox img {
margin: -10px 0 -10px 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    width /***/: auto;
}
ul.table-list li {
line-height: 1.3em;
    list-style-type: none;
    text-indent: -1.5em;
    font-size: 0.9em;
    margin-bottom: 8px;
}
ul.table-list {
    padding-left: 1.3em;
    margin: 10px 5px;
}
ol.table-list li {    
margin: 5px 0 6px 23px!important;
    padding: 0 0 0 0.1em!important;
}

.menubar h2 > img {
    margin: -4px 0;
}
table.style_table img {
    padding: 3px;
}

/* sortable-table.js */
.sort-arrow {
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 2px;
	background-image: url("https://www.h1g.jp/image/sort-blank.png");
}
.sort-arrow.descending {
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 2px;
	background-image: url("https://www.h1g.jp/image/sort-descending.png");
}
.sort-arrow.ascending {
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 2px;
	background-image: url("https://www.h1g.jp/image/sort-ascending.png");
}
/* filterable-table.js */
.filter-box {
	width: 100%;
	height: 1.5em;
	margin: 0;
}
.contents2_1 li {
    line-height: 1.2em!important;
}

.related_game a {
    padding: 10px;
}
/*vote plugin*/
.votex input[type="submit"] {
    width: 5em!important;
    font-weight: bold!important;
    color: #f8f8f8!important;
    background-color: #bdbdbd!important;
    border-radius: 20px!important;
    border-radius: 8px!important;
    margin-top: 4em;
    margin-left: 0em;
}
table.vote_table {
    margin: 0 auto;
}
.votex input[type="submit"]:hover {
    width: 5em!important;
    font-weight: bold!important;
    color: #f8f8f8!important;
    background-color: #1a73e8!important;
    border-radius: 20px!important;
    border-radius: 8px!important;
    margin-top: 4em;
    margin-left: 0em;
}
.div_votex {
background: white;
    border: 3px solid #e1e1e1;
    padding: 0em .5em 2em .7em;
    border-radius: .5em;
    width: 65%;
    margin: 2em auto;
}
#preview{
    background: #ffffffdb;
    }
    a#list_1 {
    margin: 5px;
    line-height: 2em;
}

/*プラグインCard*/
/* card.inc.php */
.plugin-card * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.plugin-card * img {
  max-width: 100% !important;
}

.plugin-card {
  --opacity-details: 0.8;
  display: grid;
  gap: 16px 8px;
  max-width: 100%;
  min-width: 300px;
}
.plugin-card[data-layout=horizontal] .card-item {
  height: 120px;
}
.plugin-card[data-layout=horizontal] .card-body {
  -moz-column-gap: 10px;
       column-gap: 10px;
  grid-template: "image title  " 1fr "image snippet" 3fr "image lastmod" 1fr/100px 1fr;
}
.plugin-card[data-layout=horizontal] .card-thumbnail {
  width: 100px;
  height: 100px;
}
.plugin-card[data-layout=vertical] .card-body {
  grid-template: "image" "title" "snippet" "lastmod";
  row-gap: 8px;
}
.plugin-card[data-layout=vertical] .card-thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.plugin-card[data-cols="1"] {
  grid-template-columns: repeat(auto-fit, minmax(auto, 640px));
}
.plugin-card[data-cols="1"] .card-item {
  max-width: 640px;
}
.plugin-card[data-cols="2"] {
  grid-template-columns: repeat(auto-fit, minmax(auto, 356px));
}
.plugin-card[data-cols="2"] .card-item {
  max-width: 356px;
}
.plugin-card[data-cols="3"] {
  grid-template-columns: repeat(auto-fit, minmax(auto, 234.6666666667px));
}
.plugin-card[data-cols="3"] .card-item {
  max-width: 234.6666666667px;
}
.plugin-card[data-cols="4"] {
  grid-template-columns: repeat(auto-fit, minmax(auto, 174px));
}
.plugin-card[data-cols="4"] .card-item {
  max-width: 174px;
}
.plugin-card[data-cols="5"] {
  grid-template-columns: repeat(auto-fit, minmax(auto, 137.6px));
}
.plugin-card[data-cols="5"] .card-item {
  max-width: 137.6px;
}
.plugin-card[data-cols="6"] {
  grid-template-columns: repeat(auto-fit, minmax(auto, 113.3333333333px));
}
.plugin-card[data-cols="6"] .card-item {
  max-width: 113.3333333333px;
}
.plugin-card[data-justify=flex-start] {
  margin: 24px auto 24px 0;
  justify-content: flex-start;
}
.plugin-card[data-justify=flex-end] {
  margin: 24px 0 24px auto;
  justify-content: flex-end;
}
.plugin-card[data-justify=start] {
  margin: 24px auto 24px 0;
  justify-content: start;
}
.plugin-card[data-justify=end] {
  margin: 24px 0 24px auto;
  justify-content: end;
}
.plugin-card[data-justify=left] {
  margin: 24px auto 24px 0;
  justify-content: left;
}
.plugin-card[data-justify=center] {
  margin: 24px auto;
  justify-content: center;
}
.plugin-card[data-justify=right] {
  margin: 24px 0 24px auto;
  justify-content: right;
}
.plugin-card[data-justify=space-between] {
  margin: 24px auto;
  justify-content: space-between;
}
.plugin-card[data-justify=space-around] {
  margin: 24px auto;
  justify-content: space-around;
}
.plugin-card[data-justify=space-evenly] {
  margin: 24px auto;
  justify-content: space-evenly;
}
.plugin-card[data-justify=stretch] {
  margin: 24px auto;
  justify-content: stretch;
}

.card-item {
  border: 1px solid rgba(155, 155, 155, 0.5);
  border-radius: 4px;
  max-width: 100%;
  transition: transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 0 rgba(0, 0, 0, 0.5);
}
.card-item:hover {
  transform: translate(2px, -5px);
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);
}

a.card-overwrap {
  color: unset;
  text-decoration: none;
}

.card-body {
  display: grid;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px;
}
.card-body > * {
  margin: 0;
  padding: 0;
}

.card-thumbnail {
  grid-area: image;
  overflow: hidden;
  border-radius: 8px;
  background-color: black;
}

.card-image {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-title {
  grid-area: title;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  background-color: transparent;
}

.card-snippet {
  grid-area: snippet;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  opacity: var(--opacity-details);
  height: 4em;
}

.card-lastmod {
  grid-area: lastmod;
  justify-self: flex-end;
  opacity: var(--opacity-details);
  /*
  &::before {
      font-family: "Font Awesome 5 Free";
      font-weight: 700;
      margin-right: 4px;
      content: "\f1da";
  }
  */
}
.card-lastmod[data-length=short] {
  display: none;
}

.bold {
  font-weight: 700;
}

@media (min-width: 768px) {
  .plugin-card[data-compact=true] .card-title {
    -webkit-line-clamp: 2;
    height: 3.5rem;
  }
  .plugin-card[data-compact=true] .card-snippet {
    display: none;
  }
  .plugin-card[data-compact=true] .card-lastmod[data-length=full] {
    display: none;
  }
  .plugin-card[data-compact=true] .card-lastmod[data-length=short] {
    display: initial;
  }
}
@media (max-width: 767px) {
  .plugin-card[data-justify] {
    justify-content: center;
  }
  .plugin-card[data-cols][data-layout=vertical] {
    grid-template-columns: repeat(auto-fit, minmax(auto, 300px));
  }
  .plugin-card[data-cols][data-layout=vertical] .card-item {
    max-width: 300px;
  }
}

/*FLEXBOX*/
.flexbox2{
  display: flex;
   flex-wrap        : wrap;
  justify-content: space-evenly;
  }
  
.flexbox2 .ogp-description {
    display: none;
}
.flexbox2 .ogp-title {
    display: none;
}
.flexbox2 .ogp-url {
    display: none;
}
.flexbox2 .ogp-img {
width: 90px;
    height: 90px;
    }
.flexbox2 .ogp-img-box {
    float: none;
    position: inherit;
    z-index: -100;
    }
.flexbox2 .ogp-mainbox {
        max-width: 120px!important;
        padding: 5px;
}
.flexbox2 .ogp-title {
    font-size: 80%;
    margin: 5px;
    }
.flexbox2 .ogp-title-min {
    display: contents!important;
    font-weight: bold;
        font-size: 0.8em;
    color: #1444b9;
}

  /*lazyload*/
  img.opa {
    opacity: 0;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}
img.lazyloaded {
  opacity: 1;
}
.mainbody img.lazyloaded {
  opacity: 1;
}
#map img {
  opacity: 1;
}


.menubar img.lazyloaded {
  opacity: 1;
}
body.home img {
    opacity: 1;
}
/* ulli→display:table */
.displaytable {
    display: table;
    table-layout: fixed;
    width: 90%;
    border-collapse: collapse;
    margin: 20px auto;
}
.displaytable li:before {
    font-family: ''!important;
    content: ""!important;
    margin: 10px!important;
}
.displaytable  li {
    display: table-cell;
    border: 1px #b2b5bb solid;
    padding: 9px 12px;
}
.displaytable ul {
    display: table-row;
}
.displaytable li:first-child {
    width: 30px;
}
.displaytable li:nth-child(2) {
    width: 110px;
}
/*目次*/
.contents-details {
    background: white;
    border: 1px solid #d4d3ce;
    border-radius: 5px;
    margin: 10px;
}
.contents-details summary {
    background: #f1f1f1!important;
    padding: 10px 5px 10px 20px!important;
    font-weight: 700;
  cursor: pointer;
  transition: 0.5s; /* 変化を滑らかに */
}
.contents-details summary:before {
    width: 16px!important;
    height: 16px!important;
    border-radius: 4px!important;
    background-color: #a4a4a3!important;
}


ul.contents2_1 li {
    text-align: 10px;
    margin: 5px 0;
}
p.p-details {
    margin: 0 5px;
    text-align: center;
}
img.icon-search,.icon-home,.icon-clock,.icon-download,.icon-star,.icon-award,.icon-book,.icon-arrow-up,.icon-menu,.icon-share {
    width: 14px;
    height: 14px;
    padding: 0 3px;
    margin-top: -1px;
}
img.icon-history,.icon-file,.icon-heart,.icon-rss,.icon-bars,.icon-hand,.icon-ghost,.icon-house,.icon-smile {
    width: 20px;
    height: 20px;
    padding: 0 7px 5px 5px;
    margin-top: -1px;
    filter: invert(99%) sepia(20%) saturate(286%) hue-rotate(266deg) brightness(115%) contrast(100%);
}
/*◆CLICK!*/
.link-tap a{
    position: relative;
    padding: 0px 50px 0px 64px;
    display: inline-block;
    line-height: 1.75em;
    font-weight: 700;
    color: rgb(54 91 220) !important;
    text-decoration: none !important;
    margin: 10px auto;
}
li div.link-tap a {
    padding: 0px 50px 0px 84px!important;
}
.link-tap a::before {
    top: 2px;
    left: 0px;
    width: 55px;
    height: 20px;
    background: url(https://dq.h1g.jp/img/blue-protocol/tap.gif) left center no-repeat;
}
.link-tap a::after {
    top: 4px;
    right: 0px;
    width: 35px;
    height: 13px;
    background: url(https://dq.h1g.jp/img/blue-protocol/arrow.webp) left center no-repeat;
}
.link-tap a::before, .link-tap a::after {
    content: "";
    position: absolute;
    display: block;
    background-size: cover !important;
}
.link-tap a{
    position: relative;
    padding: 0px 50px 0px 64px;
    display: inline-block;
    line-height: 1.75em;
    font-weight: 700;
    color: rgb(54 91 220) !important;
    text-decoration: none !important;
}
@media (hover: hover) {
.link-tap a:hover {
    transform:scale(1.03);
    opacity: 0.5 ;
    transition: 0.1s;
  }
}

.link-tap p span {
    background: url(https://dq.h1g.jp/img/blue-protocol/tap.gif) left center no-repeat;
}
.link-tap .noexists {
    padding-left: 4.5em;
}
.link-tap p span.noexists a::before {
    background-image: none!important;
    }
    .link-tap p span.noexists a {
    margin: -50px!important;
}

/*◆#expand2*/
.plugin_expand2 summary:before{
margin-right: 10px;
    font-family: "Font Awesome 5 Free"!important;
    content: "\f0fe"!important;
    color: #40434a!important;
    font-weight: 400!important;
    font-size: 1.5em;
    background-color: white!important;
    vertical-align: middle;
}
.plugin_expand2 summary {
display: block;
    padding: 8px 10px;
    cursor: pointer;
    transition: 0.5s!important;
}

details[open].plugin_expand2 summary::before {
    content: "\f147"!important;
    color: #40434a!important;
    font-weight: 400!important;
    font-size: 1.5em;
    vertical-align: middle;
}

details.plugin_expand2{
border-left: 2px solid #b2b5bb;
background-color: whitesmoke;
}
.plugin_expand2_div {
    padding: 0 10px;
    margin-left: 18px;
    padding-bottom: 10px;
}
details.plugin_expand2{
border-left: 2px solid #b2b5bb;
margin:20px 0;
}
.plugin_expand2 summary::after {
    font-family: "Font Awesome 5 Free"!important;
    content: "\f054\f054";
    font-weight: 700;
margin-left: 10px;
}