@charset "UTF-8";

/*!
Theme Name: hasirigaki
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */


/************************************
** レイアウト（Layout）
************************************/

#header-in, #navi-in, #body-in, #footer-in{
  width: 1090px;
  margin: 0 auto;
  box-sizing: border-box;
}

#main{
	width: 770px;
	padding: 24px;
}

#mobile-menu a{
	font-size: 20px;
}


#header-in #h-top{
	min-height:100px;
}

#mobile-sidebar .widget{
	background-color:#fff;
	padding:5px 8px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #ddd;
	margin-bottom: 20px;
	font-size:16px;
}

div#mobile-sidebar {
  margin: 0 auto;
  max-width: 720px;
  box-sizing: border-box;
  float: none;
}

ul.snsb{
	padding:0px;
}

.white_space_nnw th,
.white_space_nnw td{
	white-space:break-spaces !important;
	min-width:32px;
}


.white_space_nnw tbody th{
	min-width:80px;
}


.article table.white_space_nnw tbody th, .article table.white_space_nnw tbody td{
	padding: 6px;
}

blockquote{
	margin:16px 8px;
}

#sns-group{
	margin-bottom:42px;
}


.article .sns-share-msg{
	margin: 0 0 2px 0;
}

.article .sns-follow-msg{
	margin: 0 0 2px 0;
}


div.footer-post-meta-group{
	margin-bottom:42px;
}

.footer-post-meta .category{
	padding-right: 0.7em;
}

#main .post, #main .page{
	margin-bottom: 32px;
}


#testpost{
	height:25px;
	margin:0 -30px;
	background-color:#F6F6F6;
	border:0px solid #ddd;
	margin-bottom: 25px;
}

.clearfix:before , .clearfix:after{
	content:"";
	display:block;
	overflow:hidden;
}

.clearfix:after{
	clear:both;	
}

#container {
  padding:0;
  margin: 0 auto;
}




#header {
	background-position: right 0px bottom 0px;
	//background-size: auto;
	background-color:white;
}

.article .snsb{
	margin: 0px;
}

#sidebar .ad-space{
	margin-top:0px;
	margin-bottom:0px;
}

#sidebar .widget_popular_ranking_taxonomy ul{
	padding-left: 0px;
}

#sidebar .widget_popular_ranking_taxonomy ul li img{
	border: medium none;
    display: inline;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    width: 75px;
    height: 75px;
    margin-bottom: 10px;
}

figure.cat-link-thumb{
	margin:0;
}

.page-link {
	border:1px solid #CC484A;
	margin: 20px 0 40px 0;
}

img{max-width:100%;}

section.include_section{
	margin:24px 0 8px 0;
}

section.include_section h3{
	margin-left:8px;
	padding:8px !important;
	border-bottom: 1px solid #CC484A !important;
	line-height:28px;
}
.article div.post-meta {
	margin:20px 0px;
	font-size: 15px;
	box-shadow: 0 0 3px 0 rgba(6,0,1,.3);
	line-height: 170%;
}

.article div.post-meta P{
	margin:0 8px;
}

.entry .post-meta P{
	padding:2px 6px;
}

.article del{
	color: #aaa;
	font-size: 90%;
}

.article .is-layout-flex{
	display:flex;
}


.click-open-menu{
	border-top:2px solid #ddd;
	margin: 0 12px;
	padding: 6px;
}

#breadcrumb{
	margin:8px 0 20px 0;
	font-size: 14px;
}


.sub-description{
	margin:24px 8px 32px;
}


time.list-date{
	text-align:center;
	width:180px;
	padding:5px 0;
	background-color:#CC484A;
	color:#FFF;
	margin:12px 0 48px 0px;
	border: 1px solid #CC484A;
	line-height: 21px;
	position: relative;
	top: 0px;
	left: -32px;
	display: block;
	text-shadow: -1px -1px 0 #000006;
	box-shadow: 0 0 8px 0 rgba(6,0,1,.3);
	border-radius: 3px;
}

time.list-date::before {
  border: 15px solid transparent;
  border-top-color: #f06292;
  content: '';
  position:absolute;
	top:100%;
	left:0px;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#bc0000;}

time.list-date p{
	margin: 10px 6px 6px 16px;
}

time.list-date span.list-date-year{
	height:12px;
	overflow:hidden;
	font-size:12px;
	line-height:12px;
	margin-left:12px;
}

time.list-date span.list-date-day{
	height:21px;
	font-size:21px;
	line-height:21px;
	overflow:hidden;
	margin-top:12px;
	margin-bottom: 12px;
}

time.list-date span.list-date-month{
	height:15px;
	overflow:hidden;
	font-size: 15px;
	line-height:15px;
}

#mobile-menu a{
	background: #FFF;
	border-radius: 64px;
	-moz-border-radius: 64px;
	-webkit-border-radius: 64px;
	display: block;
	text-align: center;
	font-weight: bold;
	transition: background-color 0.5s ease-in;
	-webkit-transition: background-color 0.5s ease-in;
}


#mobile-menu a:hover {
	background: #2a82a3;
	color: #FFF;
	border: 1px solid #FFF;
}

.related-tax-title{
	font-size:120%;
}

.related-tax-title a {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

#related-entries .related-entry{
	margin-right:0px;
}

.related-entry-thumb img{
	width:150px;
	height:150px;
}


#related-entries .top-tax-thumb img{
	width:320px;
	height:180px;
}

.related-entry-content{
	margin-left:160px;
}

aside#related-entries h2{
	padding: 12px 0px;
	border-bottom: 4px solid #e7e7e7;
}

h2#reply-title{
	padding: 12px 0px;
	border-bottom: 4px solid #e7e7e7;
}

#copyright{
	margin-bottom: 64px;
}

div#footer-widget{
	display:block;
}

.article ol li, .article ul li, .article dl dt{
	padding: 1px 0px;
}

.is-style-nowrap{
	white-space: nowrap;
}

.is-style-display-none{
	display:none;
}


/************** トップへ戻るボタンの大きさを大きくする ***************/
#page-top .fa-2x {
font-size: 3em;
}

#page-top {
position: fixed;
right: 30px;
bottom: 30px;
}


.link_button_area{
	margin:0px 0px 12px 0px;
	line-height:240%;
}

.link_button_area a{
	display: inline-block;
	line-height: 24px;
	vertical-align: middle;
	border-radius: 5px;
	background-color: #202020d4;
	padding: 6px;
	text-decoration: none;
	color: white;
}

.article .link_button_area p{
	margin:0px;
}



/************** リンクの処理 ***************/
.article a[href^="#dammy"] {
    text-decoration:none;
    color:#333;
    cursor:default;
}

/************************************
** 見出し（H1-6）
************************************/

div.related-entry-content h3.related-entry-title{
	line-height:16px;
}

div.related-entry-content h3.related-entry-title a{
	line-height:16px;
}


.archive-title-list-text{
	display: none;
}


h1, h2, h3, h4, h5, h6{
  line-height:120%;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article P,
.article ol,
.article ul,
.article dl,
.article details.wp-block-details, 
div.video-container{
	margin: 0px 40px 36px 8px;
	color:#1e1e1e;
}


.article p.footer-post-meta{
	margin: 0px 0px 0px 32px;
}

.article h4, .article h5, .article h6{
  font-size:100%;
  padding:8px 4px;
}


#archive-title{
  padding-bottom:0px;
  font-size:170%;
  margin-top: 36px;
  margin-bottom: 36px;
}


.entry-title {

}

div.footer-post-meta-group{
	margin: 64px 0px;
}

.article h1 {
	padding-bottom:0px;
	font-size:160%;
	line-height: 160%;
    margin: 42px 0px 28px;
}

.article h2 {
	margin: 48px -8px 24px -24px;
	/*background-color: #FBFBFE;*/
	border-width: 3px 0px 3px 0px;
	border-style: solid;
	border-color: #CC484A;
	font-size: 130%;
	padding:18px 26px;
 background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
}



.article h3{
	margin: 42px 0px 18px 0px;
	font-size: 120%;
	font-weight: bold;
	border-color: #bc0000;
	border-bottom: 4px solid #CCC;
	padding: 2px;

}

.post .article h3::after{
	position: absolute;
	left:0px;
	bottom:-4px;
	font-weight: bold;
	content:'';
	z-index: 1;
	height:4px;
	width:30%;
	background-color: #CC484A;

}


.article h4{
	margin: 32px 8px 18px 0px;
	font-size:100%;
	border:0px;
	border-left: 4px solid #CC484A;
	padding: 7px 8px;
}

.article  h5{font-size:120%;margin: 24px 0 24px;

}


.entry-content{
  margin-bottom: 40px;
}


.check h3,
.check h4,
.check h5{
	position:relative;
	padding-left:30px;
	border:0px solid #ddd;
	border-bottom:1px solid #ddd;
}

.check h3:after,
.check h4:after,
.check h5:after,
.check h3:before,
.check h4:before,
.check h5:before{
	content:''; 
	height:18px; 
	width:3px; 
	display:block; 
	background:#CC484A; 
	position:absolute; 
	top:8px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}

.check h3:before,
.check h4:before,
.check h5:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:15px; 
	left:7px
}


/************************************
** 本文 (article)
************************************/
.article{
  line-height:200%;
}

.article ol.abc{
	list-style-type: upper-latin;
}

.article table{
	line-height:140%;
}

.article figure, .article table{
	margin: 0 24px 36px 4px;
}

.article figure.wp-block-table:has(figcaption){
	padding-top:24px;
}

.article figure.eye-catch{
	margin:28px 0px 28px 0px;
}

.article .blog-card{
	margin: 0px 8px 28px auto;
	font-size:16px;
}

.article dt:after { content: '： '; 
}

.article ul li ul, .article ul li ol, .article ol li ul, .article ol li ol{
	margin: 0 0 16px 32px;
	padding: 0;
}


.article dl.basic-dl::after{
	content:"";
	clear:both;
}

.article dl.basic-dl dt{
	float:left;
	padding: 6px;
}

.article dl.basic-dl dd{
	margin: 0;
	padding: 6px;
}

.article dl.flex-dl{
	display:flex;
}

.article dl.flex-dl dt{
	flex-basis: 25%;
	padding: 6px;
}

.article dl.flex-dl dd{
	flex-basis: 75%;
	margin: 0;
	padding: 6px;
}

.tax-top a{
	text-decoration:none;
}

#comment-area cite.fn{
	font-weight: bold;
}

.article .ul-2column{
	display: grid;
	width: fit-content;
	column-gap: 0.5em;
	grid-template-columns: repeat(2, auto);
}

.article .ul-3column{
	display: grid;
	width: fit-content;
	column-gap: 0.5em;
	grid-template-columns: repeat(3, auto);
}

.article .ul-4column{
	display: grid;
	width: fit-content;
	column-gap: 0.5em;
	grid-template-columns: repeat(4, auto);
}


.article .nlist-button{
	padding: 0px !important;
    min-width: max-content;
	list-style-type:none;
	margin:0px;
}

.article .nlist-button.ul-2column{

	margin:0px;
}

.article .nlist-button.ul-3column{
	margin:0px;
}

.article .nlist-button.ul-4column{
	margin:0px;
}

.article .nlist-button li{
	vertical-align: middle;
	line-height:normal;
	border-radius: 5px;
	background-color:#fffee5;
	border: #919191 solid 1px;
	padding: 0 4px;
	margin: 2px;
	text-decoration: none;
}


/************************************
** サイドバー（Sidebar）・ウィジェットなど
************************************/
#sidebar{
	padding:0px 0px;
}

#sidebar-widget aside.widget:first-child{
	margin:0 0 16px 0;
}


#sidebar h3{
	width:100%;
	border-color: #bc0000;
	border-width: 0px 0px 0px 5px;
	border-style: solid;
	margin:  4px 0px 10px -8px;
	padding: 6px 12px;
  
  font-size: 100%;
}

#sidebar .widget{
	background-color:#fff;
	padding:5px 8px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #ddd;
	margin: 16px 0px;
}


#sidebar ul.new-entrys{
	margin: 20px 8px;
}

#sidebar ul.wpp-list{
	margin: 20px 8px;
}

#sidebar dl.recent-comments {
	margin: 20px 8px;
	width:auto;
}

dl.recent-comments dd .recent-comment-content{
	font-size:15px;
}

.cat-link a{
	color: #111;
	text-decoration:none;
}

.cat-link-thumb img{
	height:auto;
	width:auto;
}

.widget_cat_menu_short h4,
.widget_custom_html h4
{
	font-size:16px;
	margin:12px 2px;
}

#sidebar .widget_cat_menu_short li,
#sidebar .widget_custom_html li
{
	margin-bottom:4px;
}

.sidr .widget_cat_menu_short li{
	padding: 1px 0;
}

#uc2column-cotainer{
	margin:42px 0px;
}

#uc2column-cotainer h2{
	font-size:21px;
}

#widget-top-comment-zone-left{
	margin-top: 42px;
}
#widget-top-comment-zone-right{
	margin-top: 42px;
}

#widget-top-comment-zone-right .new-entry-content{
	display:flex;
	padding-left:8px;
}

@media screen and (min-width:600px){
	#uc2column-cotainer{
		display:flex;
	}

	#widget-top-comment-zone-left{
		padding-right:12px;
		flex:1;
	}


	#widget-top-comment-zone-right{
		padding-left:12px;
		flex:1;
	}
}

/************************************
** グローバルナビメニュー（menu）
************************************/
div#navi ul.sub-menu, div#navi ul.children{
	border-radius: 0px;
	margin:0 0 24px 12px;
}


div#navi ul, div#navi ul.sub-menu, div#navi ul.children{
	background:none;
}



#navi .sub-menu li, #navi .children li{
	height:auto;
}

.menu {
	border-width: 0px !important;
}

div#navi, div#navi-in, div#navi ul, div#navi ul li, div#navi ul li a{
	background: #202020 none repeat scroll 0 0; /*#3A3535;*/
}


#navi{
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #ddd;
	padding:0px;
}

#navi ul{

  position: relative;
  clear: both;
  margin:0;
  padding:0px;
  width:100%;
  box-sizing: border-box;
}

#navi ul ul{
  box-sizing: content-box;
}

#navi ul > li{
background-color:#FFFFFF;	
}

div#navi ul li a{	
	line-height: 30px;
	font-size:100%;
	display: block;
	padding: .4em .7em;
	color:#FFF;
	text-decoration:none;
	z-index:99;
	box-sizing:border-box;
}
#navi ul li a:hover{
  background-color:#443E3F;
	border-bottom:4px solid #bc0000;
	border-top:4px solid #443E3F;
}

/* スクロールバー全体 */
::-webkit-scrollbar {
    width: 14px;
    height:10px;
    background-color: #f9f9f9;
}
/* スクロールバー背景 */
::-webkit-scrollbar-track {
   background: rgba(0,0,0,0.1);
    opacity:0.1;
}
/* スクロールバーつまみ */
::-webkit-scrollbar-thumb {
 border-radius: 10px;                      
  box-shadow: inset 0 0 10px 10px #909090;  
  border: solid 2px transparent;     
}



/************************************
** index.phpのリスト
************************************/
.entry-box{
	margin: 16px 0 16px 0; 
	content:"";
	display:block;
	overflow:hidden;
}

.entry-box:after{
	clear:both;
}

.entry-box-img{
	width:300px;
	float:left;
	text-align:center;
}

.entry-box-text{
	width:auto;
	overflow:hidden;

}

#main .entry{
  clear:both;
  margin:40px 0 64px 0;
  padding-bottom: 10px;
/*  overflow: auto;
  zoom: 1;*/
  word-wrap: break-word;
}

.entry-thumb{
  float:left;
  width:45%;
  margin-right:25px;
  margin-top: 3px;
  margin-left: 0;
}

.entry-thumb a{
  display: block;
}

.entry-thumb img{
  border:0;
  display:block;
  object-fit: cover;
  width: 100%;
  height:auto;
  display: block;
  /*margin-bottom: 40px;*/
}


.entry-card-content{
  margin-left:0px;
}

.entry .post-meta{
  text-align:left;
  margin: 7px auto;
  box-shadow: 0 0 3px 0 rgba(6,0,1,.3);
}

.entry .post-meta a{
  color:#000;
}

.entry h2{
  margin:24px 0px 24px 0px;	
}

.entry h2 a{
  color:#333;
  font-size: 100%;
  line-height:100%;
  text-decoration:none;
  font-weight:bold;
}

.entry-title{
	margin:42px 8px;
}

.entry-snippet{
  margin:8px 0 8px 0;
  line-height:150%;
  color:#555;
}

.entry-read{
  margin:0;
}
.entry-read a,
.related-entry-read a{
    display:block;
    width: auto;
    background-color:#eee;
    border:1px solid #ddd;
    border-radius:10px;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
    text-align:center;
    padding:2px 50px;
    text-decoration:none;
    color:#111;
    float:right;
    margin:18px 0;
  }
  
.entry-read a,
.related-entry-read a,
.next-page-link a{
    display:block;
    width: auto;
    background-color: #333;
    border:1px solid #ddd;
    border-radius:5px;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
    text-align:center;
    padding:6px 40px 6px 50px;
    text-decoration:none;
    color:#fff;
    float:right;
    font-size:15px;
    margin:18px 0;
  }
 
.entry-read a:hover,
.next-page-link a:hover {
	background-color: #2b2b2b;
    border:1px solid #ddd;
 	color:#fff;
}
 
 
.entry-read a:after,
.next-page-link a:after {
    margin-left: 10px;
    color: #2098A8;
    font-family: "FontAwesome";
    content: "\f054";
}

.entry-read a:hover:after,
.next-page-link a:hover:after {
    margin-left: 10px;
    color: #c03;
    font-family: "FontAwesome";
    content: "\f054";
}

.entry-snippet,
.related-entry-snippet{
  word-wrap: break-word;
}


.related-entry-thumbnail
 .related-entry-content a{
	font-weight:bold;
}


/************************************
** アイキャッチ
************************************/
.eye-catch{
  line-height: 100%;
  margin-left: 0;
	text-align: center;
}

.eye-catch-caption{
  font-size: 75%;
}

.new_post_fps_game{
	background-color:#000;
	padding:5px 8px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #ddd;
	margin-bottom: 25px;
}

/************************************
** コメント
************************************/

div#comment-area,
dl.recent-comments dd .recent-comment-content{
	overflow-wrap: break-word;
	word-wrap: break-word;
}

#comments .comment-tag-unrelated{
	position:relative;
}

#comments .comment-tag-unrelated::after{
    content: '投稿との関連性が低いので凍結されています';
	font-size:28px;
	color:black;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 33%;
	left: 50%;
    transform: translate(-50%);
    z-index: 3;
}

#comments .comment-tag-unrelated::before{
    content: "";
    display: inline-block;
	position: absolute;
    color: gray;
    font-size: 20px;
	top:-10px;
    width: 100%;
    height: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	z-index:2;
}

/***********************************
 エントリーカードのモバイル表示
 ***********************************/
@media screen and (max-width:767px){
	/* 本文抜粋の調整 */
	.entry-card .entry-snippet,
	.related-entry .related-entry-snippet,
	.entry-card .admin-pv,
	.entry-card .post-meta {
		font-size: 15px;
		line-height: 130%;
		margin-bottom: 5px;
	}
	
	.entry-thumb{
		width:100%;
	}
	
	/* サムネイル回り込み */
	.entry-card .entry-thumb,
	.related-entry .related-entry-thumb {
		float: left;
		margin: 0 6px 0 0;
		padding: 0;

	}

	.entry-box-text{
		width:100%;
	}


  /* サムネイルサイズ変更 */
	.entry-card .entry-thumb img{
		width:auto;
		height:auto;
		margin:auto;
		margin-bottom: 10px;
    }

	.entry-box-img{
		width:100%;
		float:left;
	}
	
	.entry-read a,
	.related-entry-read a
	.next-page-link a{
		width:auto;
		float:none;
		font-size: 90%;
	    margin: 0;
	    padding: 12px;
	}
}




.article P.right-catch-text, .article P.is-style-right-catch-text{
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: flex-end; /* 水平中心 */
}
.article P.right-catch-text:before, .article P.is-style-right-catch-text:before{
  border-top: 1px solid;
  content: "";
  width: 64px;
  margin-right: 1em; /* 文字の右隣 */
}


/************************************
** カテゴリ個別の表記
************************************/
div.category-description P{
	margin:16px 0px;
}

section.large-block{
	margin: 32px 0;
	background-color:#fff;
	padding: 0px;
}


section.large-block ul.parent-ul{
	margin:28px 0;
}

div#list section.large-block{

	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:2px solid #ddd;
}


div#list section.large-block h2{
	margin: 4px 0px 6px 0px;
	padding:12px 2px;
	border-width:0px;
	border-color: #CC484A;
	border-left: solid 8px #CC484A;
	background-image: none;
	background-size:4px 4px;
}

div#list section.large-block ul{

}

div#list section.large-block ul.children_tag{
	margin: 4px 0px 6px 0px;
}


.article ul.children_tag {
	margin: 4px 0px 6px 0px;
}

summary{cursor:pointer;}

/* Chrome、Safari以外 */
summary.tax-menu-inner {
  display: block;
}

/* Chrome、Safari */
summary.tax-menu-inner::-webkit-details-marker {
  display: none;
}


/* メニュー開閉 */
div#list section.tax-menu details[open] h2:before{
	content: '\f07c';
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0px 10px
 }

div#list section.tax-menu details h2:before{
	content: '\f07b';
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin: 0px 10px;
}


/* 汎用開閉 */
div#list details[open] h2:after{
	content: '\f107';
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    right:5%;
 }

div#list details h2:after{
	content: '\f105';
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    right:5%;
}


section.large-block h3.new-entry-title{
	margin:12px 0px 12px 0px;
	border-width:0px;
	background-image: none;
	font-weight: bold;
	padding: 0;
	font-size: 120%;
	line-height:24px;
	border-radius: 0;
}


div#list section.large-block li.new-entry h3{
	margin:0px;
	margin-bottom:12px;
}


div#items table{
	margin: 0px;
}

div#items .scrollable-table{
	margin: 24px 0px;
}

div#items section.large-block{
	border: 0px solid #777;
	padding:12px 18px 16px 18px;

}

.article footer ul.wpp-list{
	padding-left:8px;
}

#widget-under-sns-buttons ul.wpp-list,
.widget-top-comment-zone ul.wpp-list{
	padding-left:0px;
}

div#items section.large-block h2,
.article footer h2{
	margin:24px 0 24px 0;
	border-width:0px;
	background-image: none;
	position: relative;
	font-size:132%;
	font-weight: bold;
	padding: 8px 10px 8px 16px;
	border-bottom: 3px solid #bc0000;
}


 
div#items section.large-block h2:before,
.article footer h2:before{
    content: "□";
    font-size: 20px;
    position: absolute;
    color: #ff6b6e;;
    top: -14px;
    left: 9px;
    height: 8px;
    width: 8px;
    font-weight:bold;
}
 
div#items section.large-block h2:after,
.article footer h2:after{
    content: "□";
    font-size: 20px;
    position: absolute;
    color: #bc0000;
    top: -6px;
    left: 0;
    height: 10px;
    width: 10px;
    font-weight:bold;
}

div#items section.large-block h3{

}

div#items section.large-block h3:after{
	content: "";
}

section.large-block p.entry-snippet{
	margin:12px 2px 12px 2px;
	overflow:hidden;
}


section.large-block div.post-meta{
	text-align:left;
	padding:0px !important;
	margin:16px 0px;
}

.article .new-entrys {
	font-size:16px;
	margin:0px 10px;
}

.article section.large-block .new-entrys a{
	color: #111;
	font-weight:bold;
	text-decoration: none;
}

.article section.large-block .new-entrys a:hover{
	color: #C03;
	text-decoration: underline;
}


.article ul.new-entrys {
	padding: 16px 0px;
	border-color: #ddd;
    border-top: solid 2px #ddd;
	list-style: none;
}


section.large-block li.new-entry .new-entry-title{

}

.article li.new-entry{
	clear: left;
	float: none;
	min-height: 100px;
	border-bottom: 2px solid #ddd;
	margin:10px;
}
.article li.entry-large-left{
	margin-right:1%;
}
.article li.entry-large-right{
	margin-left:1%;
}

.article li.new-entry img{
	display: inline;
	float: left;
	width: 100px;
	height: 100px;
	border: medium none;
}

.article li.new-entry div.new-entry-content{
	padding:2px 8px;
	margin-left: 110px;
}


.article li.new-entry div.post-meta{
}

.article li.new-entry-large a{
	margin-top:5px;
	display:inline;
}

.article li.new-entry-large h3 a{
}

.article li.new-entry-large{
	float:left;
	width: 46%;
	min-width:100px;
	margin: 0% 2% 18px;
}

.article li.entry-large-left div.new-entry-thumb:before,
.article li.entry-large-right div.new-entry-thumb:before{
}


.article li.new-entry-large img{
	display: inline;
	float: left;
	width: 100%;
	//max-height: 176px;
	overflow: hidden;
	border: medium none;
}

.article li.new-entry-large div.new-entry-text{
	padding:0px;
}


.article li.new-entry-large div.new-entry-content div.new-entry-meta{
	padding:0px;
}

#new-tax-post .pagination{
	margin: 20px 0;
}


section.tax-menu{
	margin: 24px 0;
}

div.tax-menu-inner{
	margin:12px 6px;
}

span.fa-myfw{
	width:40px;
	text-align: center;
}

div#items span.fa-myfw{

}


/************************************
** スライドショー
************************************/
div.slide-flame{
	
	background:#cccccc;
	border: 10px solid #ffffff;
	box-shadow:1px 1px 5px rgba(0,0,0,0.7);

	margin:8px auto;
	overflow:visible;
	position:relative;
}

div.slide-mask{
	overflow:hidden;
	width:100%;
	height:auto;
}


ul.pin-post-slides{
	margin:0px;
	padding:0;
position:relative;
padding-top: 56%;
}

ul.pin-post-slides li.post-slide{
	
	position: absolute;
	top: 0%;
	left: 100%;
	height: 100%;
	padding:0!important;
	list-style:none;
}

ul.pin-post-slides .post-slide .new-post{
	background: url("https://game-hashirigaki.site/wp-content/uploads/2025/01/blog-new-post-icon.webp");
	position:  absolute;
	top:-5px;
	left:0px;
	width:80px;
	height:80px;
	background-size:80px 80px;
}

ul.pin-post-slides .post-slide .pin-post{
	background: url("https://game-hashirigaki.site/wp-content/uploads/2025/01/blog-pin-post-icon.webp");
	position:  absolute;
	top:0px;
	left:0px;
	width:60px;
	height:60px;
	background-size:60px 60px;
}

div.slide-entry-thumb{
	  width: 100%;
      height: 100%;
      padding:0!important;
}

li.post-slide img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      padding:0!important;
}


li.post-slide h3{
	position: absolute;
	width:100%;
	bottom: 10px;
	left: 0;
	border:0;
	margin:0;
	border:0;
	padding: 6px 4px;
	background: rgba(0,0,0,.7);
	line-height:150%;
}

li.post-slide a{
	color: white;
	text-decoration:none;
}
ul.slide_list{
	margin-left:0px;
	padding-left:28px;
}

ul.slide_list a{
	color: #111;
}

/* progressbar */
div.slide-progressbar{
	position:relative;
	top:0px;
	width:100%;
	height:5px;
	background:#000000;
	-webkit-animation:progressbar 5s ease-out infinite;
	animation:progressbar 5s ease-out infinite;
}
/* animation */
@keyframes progressbar {
0% { width:0%; opacity:0; z-index:2; }
100% { width:100%; opacity:0.5; z-index:2; }
}

@keyframes progressbar2 {
0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; z-index:2; }
4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; z-index:2; }
16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.3; z-index:2; }
18%, 38%, 58%, 78%, 98% { width:100%; opacity:0;  z-index:2; }
}



#post-slide1-1{animation: fadeinout1 5s 0s infinite;}

#post-slide2-1{animation: fadeinout2 10s 0s infinite;}
#post-slide2-2{ animation: fadeinout2 10s 5s infinite; }

#post-slide3-1{ animation: fadeinout3 15s 0s infinite;}
#post-slide3-2{ animation: fadeinout3 15s 5s infinite;}
#post-slide3-3{ animation: fadeinout3 15s 10s infinite;}

#post-slide4-1{ animation: fadeinout4 20s 0s infinite;}
#post-slide4-2{ animation: fadeinout4 20s 5s infinite;}
#post-slide4-3{ animation: fadeinout4 20s 10s infinite;}
#post-slide4-4{ animation: fadeinout4 20s 15s infinite;}

#post-slide5-1{ animation: fadeinout5 25s 0s infinite;}
#post-slide5-2{ animation: fadeinout5 25s 5s infinite;}
#post-slide5-3{ animation: fadeinout5 25s 10s infinite;}
#post-slide5-4{ animation: fadeinout5 25s 15s infinite;}
#post-slide5-5{ animation: fadeinout5 25s 20s infinite;}


@keyframes fadeinout{
0%  { left:0px; }
4%  { left:0px; }
16% { left:0px; opacity:1; z-index:0; }
42% { left:0px; opacity:1; z-index:0; }
52% { left:100%; opacity:0; z-index:0; }
56% { left:-100%; opacity:0; z-index:-1; }
60% { left:-100%; opacity:0; z-index:-1; }
90% { left:-100%; opacity:0; z-index:0; }
96% { left:-100%; opacity:0; }
100%{ left:0px; opacity:1; }
}


@keyframes fadeinout1{
0%  { left:0px; }
3%  { left:0px; }
80% { left:0px; opacity:1; z-index:0; }
90% { left:100%; opacity:0; z-index:0; }
95% { left:-100%; opacity:0; }
100%{ left:0px; opacity:1; }
}

@keyframes fadeinout2{
0%  { left:0px; }
3%  { left:0px; }
43% { left:0px; opacity:1; z-index:0; }
50% { left:100%; opacity:0; z-index:0; }
96% { left:-100%; opacity:0; }
100%{ left:0px; opacity:1; }
}

@keyframes fadeinout3{
0%  { left:0px; }
3%  { left:0px; }
29% { left:0px; opacity:1; z-index:0; }
34% { left:100%; opacity:0; z-index:0; }
96% { left:-100%; opacity:0; }
100%{ left:0px; opacity:1; }
}

@keyframes fadeinout4{
0%  { left:0px; }
2%  { left:0px; }
21% { left:0px; opacity:1; z-index:0; }
25% { left:100%; opacity:0; z-index:0; }
96% { left:-100%; opacity:0; }
100%{ left:0px; opacity:1; }
}

@keyframes fadeinout5{
0%  { left:0px; }
2%  { left:0px; }
17% { left:0px; opacity:1; z-index:0; }
20% { left:100%; opacity:0; z-index:0; }
96% { left:-100%; opacity:0; }
100%{ left:0px; opacity:1; }
}

@keyframes fadeinout0ld{
	0% { left:0%; opacity:0;}
	40% { left:0%;opacity:1; transform: scale(1.0); z-index:9;}
	60% { left:0%;opacity:1; transform: scale(1.0); z-index:9;}
	100% { opacity:0;left:0%; }
}



/************************************
** テーブル
************************************/

.article .wp-block-table thead{border-bottom:0px;}
.article .wp-block-table tfoot{border-top:0px;}

/* テーブルソート */
.article table.dataTable{
	width:auto;
	margin:24px 16px 12px 0px;
}

.article .scrollable-table table.dataTable{
	width:auto;
	margin:0px;
}

/* テーブルスクロール */

.scrollable-table{
	max-width:100%;
	margin:0 0px 28px 4px;
	overflow-x: auto;
	overflow-y: hidden;
	background-image: url("https://game-hashirigaki.site/wp-content/uploads/2018/03/counter-arrow.png"), url("https://game-hashirigaki.site/wp-content/uploads/2018/03/right-arrow-grayblue.png");
	background-repeat:no-repeat,no-repeat;
	background-attachment: local, scroll;
	background-position: right top, right top;
//	background:linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.article .table_img_tiny img{
	max-width:32px;
	margin-right:5px;
}

.article .tiny_img_table img{
	max-width:32px;
	margin-right:5px;
}

.article .table_img_small img{
	max-width:96px;
	margin-right:5px;
}

.article .small_img_table img{
	max-width:96px;
	margin-right:5px;
}

.scrollable-table table{
	margin: 32px 0 2px 0;
}

.wp-block-table{
	position:relative;
}

figure.wp-block-table div.scrollable-table{
	margin: 0 0 8px 0;
}

.article .scrollable-table tbody th, .article .is-style-item-list .scrollable-table tr td:nth-of-type(1){
	white-space: nowrap;
	padding: 8px 12px;
}

.article .scrollable-table table.item_list tbody th{
	padding: 6px 10px;
}

figure.wp-block-table .scrollable-table table{
	width:auto;
}

figure.wp-block-table figcaption{
	color: black;
	font-size: 15px;
	margin: 0px;
	position: absolute;
	top:0px;
	left:0px;
	font-weight: bold;
    text-align: left;
    padding: 12px 32px;
}

.none-scrollable-table {
	margin: 0px 24px 36px 4px;
}

.none-scrollable-table table{
	margin: 0 0 2px 0 !important;
}


.dataTables_wrapper .dataTables_filter{
	margin-right:12px;
}

/* 縦3ライン */
table.template3 {
	width: 100%;
	margin: 1.5em 0;
	border: 1px #c0c0c0 solid;
	border-collapse: collapse;
	font-size: 80%;
}

table.template3 col.item {
	background-color: #fffce7;
}

table.template3 caption {
	padding-bottom: 5px;
}

table.template3 th, table.template3 td {
	padding: 6px 8px;
	border: 1px #c0c0c0 solid;
}

table.template3 thead th {
	background-color: #deefff;
	text-align: center;
} 

table.template3 col.odd {
	background-color: #f5f5f5;
}

table.template3 col.even {
	background-color: #ffffff;
}


/* モンスターファーム */
figure.ultra_mf table{width:100%; border:1px solid; padding:8px;}

figure.ultra_mf table th {border: 1px solid;}

figure.ultra_mf table th td {width:13%; border: 1px solid;}

figure.ultra_mf table td {border: 1px solid;}

figure.ultra_mf table tr td:nth-of-type(1){width:20%; background:rgba(2,101,140,0.5);}

figure.ultra_mf table tr td:nth-of-type(2){width:13%; background:rgba(252,187,4,0.5);}

figure.ultra_mf table tr td:nth-of-type(3){width:13%;background:rgba(251,0,1,0.5);}

figure.ultra_mf table tr td:nth-of-type(4){width:13%;background:rgba(3,185,253,0.5);}

figure.ultra_mf table tr td:nth-of-type(5){width:13%;background:rgba(252,89,185,0.5);}

figure.ultra_mf table tr td:nth-of-type(6){width:13%;background:rgba(2,253,4,0.5);}

figure.ultra_mf table tr td:nth-of-type(7){width:13%;background:rgba(1,0,251,0.5);}



/* ロングレビューテーブル */

table.review{width:100%; max-width: 500px; margin:1.5em 0; border: 1px solid; border-collapse: collapse; font-size: 100%;}

table.review caption{padding-bottom: 15px; }

table.review tbody {border: 2px solid; }

table.review th {padding: 16px 8px; border: 1px solid; border-left: 2px solid;}

table.review td {padding: 8px; border: 1px solid; }

table.review thead th {background-color: #202020; text-align: center; font-size: 120%; }

table.review div.th_font {color: #fff;  text-decoration: underline; text-align: center; line-height: 240%;}

table th.rev_sub{width: 40px !important; background-color: #f5f5f5; font-weight:bold;  text-align: center; font-size: 150%;}

table.review ul{margin: 0 0 0 1.5em; padding: 5px;}

table td.rev_pt{
}


.rev_pt_ten , .rev_pt_nine, .rev_pt_eight, .rev_pt_seven, .rev_pt_six, .rev_pt_five, .rev_pt_four, .rev_pt_three, .rev_pt_two, .rev_pt_one{
	min-height: 120px;
background-repeat:no-repeat;
background-position:100% 90%;
background-size: 120px;
}

ul.review_list{
	background-repeat:no-repeat;
	background-position:100% 0%;
	min-height: 150px;
	background-size: 150px;
}

@media only screen and (max-width:767px){
ul.review_list{
	}
}

.rev_pt_ten, .rev_pt10{
background-image: url(https://game-hashirigaki.site/wp-content/uploads/2018/01/number-gradation-k_10.png) ;
background-position:90% 90%;
}

.rev_pt_nine, .rev_pt9{
	background-image: url(https://game-hashirigaki.site/wp-content/uploads/2018/01/number-gradation-k_09.png) ;
}

.rev_pt_eight, .rev_pt8{
	background-image: url(https://game-hashirigaki.site/wp-content/uploads/2018/01/number-gradation-k_08.png) ;
}

.rev_pt_seven, .rev_pt7{
	background-image: url(https://game-hashirigaki.site/wp-content/uploads/2018/01/number-gradation-k_07.png) ;
}

.rev_pt_six, .rev_pt6{
	background-image: url(https://game-hashirigaki.site/wp-content/uploads/2018/01/number-gradation-k_06.png) ;
}

.rev_pt_five, .rev_pt5{
	background-image: url(https://game-hashirigaki.site/wp-content/uploads/2018/01/number-gradation-k_05.png) ;
}


.rev_pt_four, .rev_pt4{
	background-image: url(https://game-hashirigaki.site/wp-content/uploads/2018/01/number-gradation-k_04.png) ;}

.rev_pt_three, .rev_pt3{
	background-image: url(https://game-hashirigaki.site/wp-content/uploads/2018/01/number-gradation-k_03.png) ;
}

.rev_pt_two, .rev_pt2{
	background-image: url(https://game-hashirigaki.site/wp-content/uploads/2018/01/number-gradation-k_02.png) ;
}

.rev_pt_one, .rev_pt1{
	background-image: url(https://game-hashirigaki.site/wp-content/uploads/2018/01/number-gradation-k_01.png) ;
}

td.rev_over ul, td.rev_under ul{
	line-height:100%;
}

td.rev_over ul li, td.rev_under ul li {
	position: relative;
	list-style: none;
}

td.rev_over ul li::after, td.rev_over ul li::before, td.rev_under ul li::after, td.rev_under ul li::before {
	display: block;
	content: '';
	position: absolute;
	margin-left: -10px;
}


td.rev_over ul li::after{
	
	top: 2px;
	left: -9px;
	width: 8px;
	height: 8px;
	border-top: 3px solid #666;
	border-right: 3px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


td.rev_over ul li::before {
	top: 9px;
	left: -0.8em;
	width: 0px;
	height: 12px;
	background-color: #666;
}


td.rev_under ul li::after{
	
	top: -3px;
	left: -9px;
	width: 8px;
	height: 8px;
	border-right: 3px solid #666;
	border-bottom: 3px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


td.rev_under ul li::before {
	top: 9px;
	left: -0.8em;
	width: 0px;
	height: 12px;
	background-color: #666;
}

@media only screen and (max-width:767px){
    
    .article table.review th,
    .article table.review td{
    width: 100%;
    display: block;
    border-top: none;
    }

	table.review ul{margin: 0 0 0 1.5em;}
  .demo01 tr:first-child th { border-top: 1px solid #ddd; }
  
  table.review th {padding: 16px 8px 16px 0px; border: 1px solid; }
}


tr.rarity td{
	text-decoration:underline;
}

td.rarity_common{
	text-decoration:underline;
}

td.rarity_uncommon{
	color:#31c91d;
	text-decoration:underline;
}

td.rarity_rare{
	color:#1c7df8;
	text-decoration:underline;
}

td.rarity_epic{
	color:#d644f3;
	text-decoration:underline;
}

td.rarity_legendary{
	color:#efb61c;
	text-decoration:underline;
}


/* 武器単独データ (DATA TABLE 未使用) */

.article table.weapon_data, .article figure.is-style-weapon-data table {max-width: 360px; margin: 1.5em 0; border-collapse: collapse; }

.article table.weapon_data caption, .article figure.is-style-weapon-data table caption { padding-bottom: 10px; border-bottom: 2px #c0c0c0 solid;} 

.article table.weapon_data td, .article figure.is-style-weapon-data table td {padding: 6px 8px;} 

.article table.weapon_data th, .article figure.is-style-weapon-data table th {font-weight: bold; text-align: left;} 

.article table.weapon_data .even, .article figure.is-style-weapon-data table .even {background-color: #f5f5f5;} 

.article table.weapon_data col.item, .article figure.is-style-weapon-data table col.item { background-color: #fffce7;}


/* 武器複数データ (DETAIL TABLE)*/

.article table.detail_list, .article figure.is-style-detail-list table {border:0px solid #ddd; table-layout: fixed; margin-top: 0px;  border-collapse: collapse; line-height:140%; font-size:15px}

.article table.detail_list thead, .article figure.is-style-detail-list table thead {border:2px solid #ddd;}

.article table.detail_list thead th, .article figure.is-style-detail-list table thead th {min-width:135px; max-width:155px; text-overflow:ellipsis; white-space:normal}

.article table.detail_list caption, .article figure.is-style-detail-list table caption {font-weight:bold;  font-size:100%; text-align:left; margin:0; padding:12px 32px;}

.article table.detail_list th, .article table.detail_list td, .article figure.is-style-detail-list table th, .article figure.is-style-detail-list table td {min-width:105px; padding: 6px 8px; border: 1px #c0c0c0 solid;} 
.article table.detail_list tbody tr:nth-child(even) { background: #f9f9f9; }

.article table.detail_list thead tr th:nth-child(1), .article table.detail_list tbody th, .article table.detail_list tfoot th,
.article figure.is-style-detail-list table thead th:nth-child(1), .article figure.is-style-detail-list table tbody th, .article figure.is-style-detail-list table tr td:nth-child(1){
	border-right:2px solid #ddd; background-color: #FFFFEE; text-align: left; font-weight:bold;
}

/*幅が広いとき*/
@media screen and (min-width:500px){
.article table.detail_list thead tr th:nth-child(1), .article table.detail_list tbody th, .article table.detail_list tfoot th,
.article figure.is-style-detail-list table thead th:nth-child(1), .article figure.is-style-detail-list table tbody th, .article figure.is-style-detail-list table tr td:nth-child(1){
	position:sticky; left:0px; z-index:11;
}

.article table.detail_list thead tr th:nth-child(1)::before, .article table.detail_list tbody th::before, .article table.detail_list tfoot th::before,
.article figure.is-style-detail-list table thead th:nth-child(1)::before,
.article figure.is-style-detail-list table tbody th, .article figure.is-style-detail-list table tr td:nth-child(1)::before{ content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 2px solid #ddd; z-index:5;
    }
    
.article table.detail_list thead tr th:nth-child(1)::after, .article table.detail_list tbody th::after, .article table.detail_list tfoot th::after,
.article figure.is-style-detail-list table thead th:nth-child(1)::after,
.article figure.is-style-detail-list table tbody th, .article figure.is-style-detail-list table tr td:nth-child(1)::after{ content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border-right: 2px solid #ddd; z-index:5;

    }
}

.article table.detail_list col.item, .article figure.is-style-detail-list table col.item {background-color: #FFFFEE;} 

.article table.detail_list col.odd, .article figure.is-style-detail-list table col.odd { background-color: #ffffff; } 

.article table.detail_list col.even, .article figure.is-style-detail-list table col.even {/*background-color: #f9f9f9;*/ } 

 .article table.detail_list thead th, 
.article figure.is-style-detail-list table thead th{ background-color: #deefff; text-align: center; padding: 12px 6px;} 

.article table.detail_list thead tr th:nth-child(1), .article figure.is-style-detail-list table thead th:nth-child(1){background-color: #deefff; text-align: center; }

.article table.detail_list thead th:nth-child(1), .article table.detail_list tr th:nth-child(1), .article table.detail_list tr td:nth-child(1), 
.article figure.is-style-detail-list table thead th:nth-child(1), .article figure.is-style-detail-list table tr th:nth-child(1), .article figure.is-style-detail-list table tr td:nth-child(1){
min-width:100px;
padding-right: 10px;
white-space: nowrap;
} 

.article table.detail_list ul, .article figure.is-style-detail-list table ul{margin: 0 0 0 1.5em; padding: 0;}

.article table.detail_list tfoot, .article figure.is-style-detail-list table tfoot {border-top:4px solid #ddd;}



/* 武器複数データ (ITEM LIST)*/

.article figure.is-style-item-list .scrollable-table table th, .article figure.is-style-item-list .scrollable-table table td, .article .scrollable-table table.item_list th, .article .scrollable-table table.item_list td{
	overflow-x: hidden;
	text-overflow: ellipsis;

}

/*imgによるズレの修正*/
.article figure.is-style-item-list .scrollable-table table th:has(img),
.article figure.is-style-item-list .scrollable-table table td:has(img),
.article .scrollable-table table.item_list th:has(img),
.article .scrollable-table table.item_list td:has(img){
	overflow-x:visible;
}


.article .scrollable-table tbody th:has(img), 
.article .is-style-item-list .scrollable-table tr td:nth-of-type(1):has(img){

}

	figure.is-style-item-list .scrollable-table table tbody th, .scrollable-table table.item_list tbody th, .article table.item_list tbody tr td.column-1{
		min-width:150px;
		white-space:normal;
	}

	figure.is-style-item-list.slim_th .scrollable-table table tbody th, .scrollable-table table.item_list.slim_th tbody th{
		min-width:10px;
		white-space:normal;
	}



.article table.item_list, .article figure.is-style-item-list table, figure.item_list table{table-layout: fixed; border: 1px #c0c0c0 solid; border-collapse: collapse;line-height:140%; min-width:320px; font-size:15px;}

//.article table.item_list a, .article figure.is-style-item-list table a, figure.item_list table a{display:block;}

.article table.item_list caption, .article figure.is-style-item-list table caption, figure.item_list table caption {font-style:oblique; font-size:100%; font-weight:bold; text-align:left; margin:0; padding:8px 24px;}
.article figure.is-style-item-list table thead{border-bottom:0px;}

.article table.item_list thead th, .article figure.is-style-item-list table thead th, figure.item_list table thead th { padding: 12px; border: 2px #c0c0c0 solid; background-color: #deefff; text-align: center; } 

.article table.item_list td.column-1, .article figure.is-style-item-list table td.column-1, figure.item_list table td.column-1 { padding: 8px; border: 1px #c0c0c0 solid; } 

.article table.item_list th, .article table.item_list td, .article figure.is-style-item-list table th, .article figure.is-style-item-list table td, figure.item_list table th, figure.item_list table td{ padding: 6px; border: 1px #c0c0c0 solid; } 

.article table.item_list tbody th, .article figure.is-style-item-list table tbody th, figure.item_list table tbody th{background-color: #FFFFEE; text-align: left;}

.article table.item_list col.item, .article figure.is-style-item-list table col.item, figure.item_list table col.item{background-color: #FFFFEE;} 

.article table.item_list tr:nth-child(odd) td, .article figure.is-style-item-list table tr:nth-child(odd) td, figure.item_list table tr:nth-child(odd) td{background-color: #fff; } 

.article table.item_list tr:nth-child(even) td, .article figure.is-style-item-list table tr:nth-child(even) td, figure.item_list table tr:nth-child(even) td{background-color: #f9f9f9; } 

.article table.item_list thead th.column-1, .article figure.is-style-item-list table thead th.column-1, figure.item_list table thead th.column-1{background-color: #deefff; min-width:32px; white-space: nowrap;} 

.article table.item_list tbody tr th.column-1, .article table.item_list tbody tr td.column-1, .article figure.is-style-item-list table tbody tr td:nth-child(1), figure.item_list table tbody tr td:nth-child(1), .article figure.is-style-item-list table tfoot tr td:nth-child(1){background-color: #FFFFEE; font-weight:bold;} 

.article figure.is-style-item-list.twin_th table tbody tr td:nth-child(2), figure.item_list.twin_th table tbody tr td:nth-child(2), .article figure.is-style-item-list.twin_th table tfoot tr td:nth-child(2){background-color: #efefef; min-width:32px; white-space: nowrap; font-weight:bold;}

.article table.item_list ul, .article table.item_list ol, .article figure.is-style-item-list table ul, .article figure.is-style-item-list table ol, figure.item_list table ol{margin: 0px; padding-left:24px;}

.article table.item_list tfoot, .article figure.is-style-item-list table tfoot, figure.item_list table tfoot{border-top:3px solid #c0c0c0; font-weight:bold}

.article table.item_list tfoot th.column-1, .article figure.is-style-item-list table tfoot th.column-1, figure.item_list table tfoot th.column-1{background-color: #FFFFEE; min-width:64px; white-space: nowrap; font-weight:bold;} 



/* 武器詳細データ (WEAPON DETAIL)*/

.article table.detail_data, .article figure.is-style-detail-data table {table-layout: auto; border: 0px #c0c0c0 solid; border-bottom: 2px #ccc solid;  border-collapse: collapse; max-width:360px; width:100%; font-size:15px;}

.article table.detail_data tbody, .article figure.is-style-detail-data table tbody {border-top: 4px #ccc solid; }

.article table.detail_data caption, .article figure.is-style-detail-data table caption { font-weight:bold; font-style:oblique; font-size:105%; margin:0; padding:8px; }

.article table.detail_data th, .article table.detail_data td, .article figure.is-style-detail-data table th, .article figure.is-style-detail-data table td {min-width:100px; padding: 5px 8px; border: 0px #c0c0c0 solid; } 

.article table.detail_data th, .article figure.is-style-detail-data table th {text-align: left;}

.article table.detail_data thead th, .article figure.is-style-detail-data table thead th { display:none;} 

.article table.detail_data tr th{
	//max-width:40%;
}

.article table.detail_data tr:nth-child(odd) th, .article table.detail_data tr:nth-child(odd) td, .article figure.is-style-detail-data table tr:nth-child(odd) th, .article figure.is-style-detail-data table tr:nth-child(odd) td {background-color: #fff; } 

.article table.detail_data tr:nth-child(even) th, .article table.detail_data tr:nth-child(even) td, .article figure.is-style-detail-data table tr:nth-child(even) th, .article figure.is-style-detail-data table tr:nth-child(even) td { background-color: #f9f9f9; } 

.article table.detail_data ul, .article figure.is-style-detail-data table ul{margin: 0 0 0 1.5em; padding: 0;}

.article table.detail_data tfoot, .article figure.is-style-detail-data table tfoot {border-top:2px solid #ccc; font-weight:bold; background-color: #fff; } 


/*データなし*/
table.no_data{
	width:100%;
}

table.no_data thead th, table.no_data thead td{
	padding: 12px;
}

table.no_data td{
	padding: 36px 24px;
	margin: auto;
}


/* 矢印テーブル*/

div.scrollable-table table.data_sheet,
figure.data_sheet  div.scrollable-table table,
div.scrollable-table table.is-style-data-sheet,
figure.is-style-data-sheet  div.scrollable-table table{
  width: 100%;
  border-collapse: collapse;
}


table.data_sheet tr,
figure.data_sheet table tr,
table.is-style-data-sheet tr,
figure.data_sheet table tr{
  border-bottom: solid 2px white;
}

table.data_sheet tr:last-child,
figure.data_sheet table tr:last-child,
table.is-style-data-sheet tr:last-child,
figure.is-style-data-sheet table tr:last-child{
  border-bottom: none;
}

table.data_sheet th,
table.data_sheet tr td:nth-of-type(1),
figure.data_sheet table th,
figure.data_sheet table tr td:nth-of-type(1),
table.is-style-data-sheet th,
table.is-style-data-sheet tr td:nth-of-type(1),
figure.is-style-data-sheet table th,
figure.is-style-data-sheet table tr td:nth-of-type(1){
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #cc484a;
  color: white;
  text-align: center;
  padding: 10px;
}

table.data_sheet th:after,
table.data_sheet tr td:nth-of-type(1):after,
figure.data_sheet table th:after,
figure.data_sheet table tr td:nth-of-type(1):after,
table.is-style-data-sheet th:after,
table.is-style-data-sheet tr td:nth-of-type(1):after,
figure.is-style-data-sheet table th:after,
figure.is-style-data-sheet table tr td:nth-of-type(1):after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #cc484a;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table.data_sheet td,
figure.data_sheet table td,
table.is-style-data-sheet td,
figure.is-style-data-sheet table td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px;
  border:0px;
  font-size:16px;
}

table.data_sheet tfoot,
figure.data_sheet table tfoot,
table.is-style-data-sheet tfoot,
figure.is-style-data-sheet table tfoot{
  border-top: 2px solid #eee;
}

.article .scrollable-table table.is-style-data-sheet,
.article figure.is-style-data-sheet .scrollable-table table{
	margin:0px;
}


/* 青色グラデーション(チャレンジ用)*/
table.blue-gradient, figure.is-style-blue-gradient table{
  border-collapse: collapse;
  border-spacing: 5px;
  padding: 0;
}

table.blue-gradient thead th, figure.is-style-blue-gradient table thead th{
	color: #8cb8ce;
	text-align: center;
	background-color:#2f4ba0;
}

table.blue-gradient tr, figure.is-style-blue-gradient table tr{
  background-image: linear-gradient(90deg,#0085e7 0%,#00B6FB 66%);
}

table.blue-gradient tr:last-child *, figure.is-style-blue-gradient table tr:last-child{
  //border-bottom: 2px solid #fff;
}

table.blue-gradient th,table.blue-gradient td, figure.is-style-blue-gradient table th, figure.is-style-blue-gradient table td{
  text-align: center;
  border: solid 1px #fff;
  color: white;
  padding:12px 8px
}

table.blue-gradient th a, table.blue-gradient td a, figure.is-style-blue-gradient table th a, figure.is-style-blue-gradient table td a{
	color: white;
	font-weight:bold;
}

table.blue-gradient th a:after, table.blue-gradient td a:after, figure.is-style-blue-gradient table th a:after, figure.is-style-blue-gradient table td a:after{
	content:"";
	width:16px;
	height:16px;
	background-image: url(https://game-hashirigaki.site/wp-content/uploads/2021/08/link-logo-white-shadow.png);
	background-size: contain;
	display: inline-block;
	vertical-align: middle
}

table.blue-gradient td ul, figure.is-style-blue-gradient table td ul{
	color: white;
	text-align: left;
}

/************************************
** 画像
************************************/

.article figure.is-layout-flex{
	flex-wrap: wrap;
	display:flex;
}

/* ズーム処理 */
figure.wp-block-image a img{
	border: 3px solid;
}

figure.wp-block-image a[href$=".jpg"]::after,
figure.wp-block-image a[href$=".jpeg"]::after,
figure.wp-block-image a[href$=".webp"]::after,
figure.wp-block-image a[href$=".png"]::after
{
	content:"ZOOM";
	position:absolute;
	right:2px;
	padding:0;
	display:block;
}


.article .wp-block-columns.is-layout-flex{
	gap: 1.5em 0.8em;
	margin: 0 8px 36px 0;
}

.article .wp-block-columns.is-layout-flex figure.wp-block-image{
	margin:0px
}

.is-style-page-link-gallery figure.wp-block-image a::after{
	content:"LINK";
}


/* 画像リスト */

ul.flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    
}
 
ul.flexbox li {
    box-shadow: 0 0 3px 0 rgb(6 0 1 / 44%);
    display: table;
    line-height: 110%;
    margin: 10px;
    padding:5px;
    text-align: center;
    width: 125px;
    
}

ul.flexbox li img{
	padding: -10px;
	margin-bottom: 6px;
	background-color: #e0e0e0;
}


.article .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
	background: linear-gradient(0deg,rgb(0 0 0 / 80%),rgb(0 0 0 / 50%) 70%,transparent);
	padding: 8px 2px 4px;
}

.article .wp-block-gallery.has-nested-images figure.wp-block-image {
    flex-grow: 0;
}

/* 縁取り */
.article figure.img_flame, .article figure.is-style-img-flame,
.article figure.wp-block-image.is-style-img-flame{
	margin-right:-4px;
	margin-left: -4px;
	max-width: 722px;

}

figure.img_flame img, figure.is-style-img-flame img, figure.img_flame a img, figure.is-style-img-flame a img{
	width:100%;
	max-width: 100%;
	border: 1px solid #777;
	text-align:center;
}


figure.img_flame figcaption, figure.is-style-img-flame figcaption{
	text-align:right;
}

section.include-chart figure{
	text-align:center;
	margin:24px 8px;
}

div.include-chart figure{
	margin:0 0px 36px 4px;
}


.article figure.is-style-big-over-ray{
	position:relative;
}

.article figure.is-style-big-over-ray a img{
	border-width:0px;
}

.article figure.is-style-big-over-ray figcaption{
	position:absolute;
	right:20px;
	bottom:20px;
	font-size: 32px;
	font-weight:bold;
	color:white;
	margin:0px;
}

article.article figure.is-style-big-over-ray a::after{
	content:none;
}


/* 画像付き注釈 */
figure.cap150, figure.cap300, figure.cap400, figure.capfull{
	margin:24px 8px;
	box-shadow: 0 0 3px 0 rgb(6 0 1 / 44%);
}


figure.cap150 {
	margin:24px 12px;
}

figure.cap150 img{
	width:150px;
	float:left;
}


figure.cap150 figcaption{
	margin: 5px;
	margin-left: 170px;
}

@media only screen and (max-width:360px){
	figure.cap150 figcaption{
		margin: 5px 0px;
		float:left;
	}
}


figure.cap300 img{
	width:300px;
	margin:10px;
	float:left;
}


figure.cap300 figcaption{
	margin: 16px;
	margin-left: 340px;
}


figure.cap400 img{
	width:400px;
	float:left;
}

figure.cap400 figcaption{
	margin: 5px;
	margin-left: 420px;
}


figure.capfull{
	
}

figure.cap150 figcaption, figure.cap300 figcaption, figure.cap400 figcaption, figure.capfull figcaption{
	line-height: 160%;

}

.article figure.wp-block-image {
	text-align: start;
	width: fit-content;
	margin: 0 12px 36px 8px;
}

.article figure.wp-block-image figcaption{
	text-align: center;
}

.wp-block-code{
	margin: 0 12px 36px 8px;
}

.wp-block-code code{
	padding:12px;

}


.article .blocks-gallery-grid figcaption, .article .wp-block-gallery figcaption{
	text-align: center;
	color: grey;
	font-size: 90%;
}

article.article .blocks-gallery-grid .blocks-gallery-image figcaption, article.article .blocks-gallery-grid .blocks-gallery-item figcaption, article.article .wp-block-gallery .blocks-gallery-image figcaption, article.article .wp-block-gallery .blocks-gallery-item figcaption{
	padding: 40px 0px 9px;
}

.wp-block-gallery.is-cropped .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-item img{
	background-color: rgb(0 120 255 / 5%);
}


article.article figure.i-common img{
	background: rgb(123,123,123);
	background: radial-gradient(rgb(202,202,202),rgb(123,123,123));
}

article.article figure.i-uncommon img{
	background: var(--rarity-uncommon-dark);
	background: radial-gradient(var(--rarity-uncommon-light),var(--rarity-uncommon-dark));
}

article.article figure.i-rare img{
	background: var(--rarity-rare-dark);
	background: radial-gradient(var(--rarity-rare-light),var(--rarity-rare-dark));
}

article.article figure.i-epic img{
	background: var(--rarity-epic-dark);
	background: radial-gradient(var(--rarity-epic-light),var(--rarity-epic-dark));
}

article.article figure.i-legend img{
	background: var(--rarity-legendary-dark);
	background: radial-gradient(var(--rarity-legendary-light),var(--rarity-legendary-dark));
}


figure.wp-block-gallery ul{
	margin:0;
}

.blocks-gallery-item figure a:after{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0,0,0,0);
}


div.is-style-img-subject{
	background-color: #f7f7f7;
	border: 1px solid #eee;
}


figure.is-style-gray-image{
	background:#f0f0f1;
	box-shadow: inset 0 0 15px rgb(0 0 0 / 10%), inset 0 0 0 1px rgb(0 0 0 / 5%);
}

figure.is-style-gray-image img{

}


figure.is-style-gray-gallery figure.wp-block-image,
img.gray-gallery{
	background:#ccc;
	box-shadow: inset 0 0 15px rgb(0 0 0 / 10%), inset 0 0 0 1px rgb(0 0 0 / 5%);
}

figure.is-style-gray-gallery figure.wp-block-image img{
	
}

.gallery_block{
	margin:0px;
}

.article .inline-popup{
	position:relative;
	display:inline-block;
	cursor:pointer;
}

.article .inline-popup:hover .detail_list,
.article .inline-popup:hover .sticky-balloon{
	visibility: visible;
}

.article .block-popup{
	position:relative;
	display:block;
	cursor:pointer;
}

.article .block-popup:hover .detail_list,
.article .block-popup:hover .sticky-balloon{
	visibility: visible;
}

.article .wp-block-gallery.has-nested-images.columns-x .inline-popup{
	position:static;
}

.article .wp-block-media-text.detail_list{
	background-color: #ffffff;
	border: 4px solid #ccc;
	border-radius:12px;
	padding: 6px 10px;
}

.article .inline-popup .detail_list,
.article .block-popup .detail_list{
	position:fixed;
	margin:auto;
	bottom:30px;
	right:30px;
	visibility: hidden;
	z-index: 2147483647;
	max-width:700px;
	width:max-content;
}

.article .inline-popup .sticky-balloon, 
.article .block-popup .sticky-balloon{
	position:absolute;
	margin:auto;
	bottom:35px;
	left:5px;
	visibility: hidden;
	z-index: 2147483647;
	max-width:600px;
	width:max-content;
	border-radius:12px;
	background:#ffffee;
	padding:20px;
	border: 2px solid #ccc;
}

.article .inline-popup .sticky-balloon:after, 
.article .block-popup .sticky-balloon:after{
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	bottom: -19px;
	margin-left: 10px;
	border: solid transparent;
	border-color: rgba(51, 204, 153, 0);
	border-top-color: #ddddcc;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

.article table.mtg_popup .inline-popup{
	
	padding-right: 24px;
}

.article table.mtg_popup .inline-popup::after{
	content:'';
	position: absolute;
	display: inline-block;
	min-width: 24px;
	min-height: 24px;
	top:0px;
	right:0px;
	margin: 0px;
	background-repeat:no-repeat;
	background-position:100% 100%;
	background-size: 24px;
	background-image: url("https://game-hashirigaki.site/wp-content/uploads/2025/04/mtg-back-side-midicon.webp");
	background-color:rgba(255,255,255,0.0);

}

.article .detail_list.mtg_popup .wp-block-media-text__content{
	grid-row:1;
	z-index: 12;
	display: flex;
	flex-direction: column;
	font-weight: bold;
}

.article .detail_list.wp-block-media-text .wp-block-media-text__content{
	height:100%;
	padding: 0 5% 0 0;
}

.article .detail_list .wp-block-media-text__content h4{
	margin: 5px 0 0 -5px;
	font-size:15px;
	background-color: rgba(255, 255, 255, 0.5);
}

.article .detail_list .wp-block-media-text__content p{
	margin:10px 0 0 0;
	font-size:14px;
	line-height:21px;
}

.article .detail_list .wp-block-media-text__content .popup-sub-left{
	background-color:rgba(255, 255, 255, 0.5);
	padding:4px;
	margin: 4px 0 0 0;
	margin-right: auto;
}


.article .detail_list .wp-block-media-text__content .popup-sub-right{
	background-color:rgba(255, 255, 255, 0.5);
	padding:4px;
	margin: 4px 0 0 0;
	margin-left: auto;
	text-align: right;
}

.article .detail_list .wp-block-media-text__content .popup-main-text{
	background-color:rgba(220,220,220,0.5);
	padding: 8px;
	text-align: left;

}

.mtg_popup .wp-block-gallery.has-nested-images.columns-x{
	display:flex;
	flex-wrap:nowrap;
	overflow-x: visible;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	margin:10px 0px;
}

.mtg_popup .wp-block-gallery.has-nested-images.columns-x wp-block-image{
	white-space:nowrap;
}

/************************************
** ボックス
************************************/

.article .cross-box, .article .is-style-cross-box, .article .cross_box, .article .point-box, .article .t_hasen_box{
	
}

.is-style-cross-box{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.is-style-cross-box:before, ..is-style-cross-box:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.is-style-cross-box:before {left: 10px;}
.is-style-cross-box:after {right: 10px;}
.is-style-cross-box p {
    margin: 0; 
    padding: 0;
}


.cross_box, .cross-box{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.cross_box:before, .cross_box:after, .cross-box:before, .cross-box:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.cross_box:before, .cross-box:before {left: 10px;}
.cross_box:after, .cross-box:after {right: 10px;}
.cross_box p, .cross-box p {
    margin: 0; 
    padding: 0;
}

.article .point-box, .article .is-style-point-box{
    position: relative;
    margin: 24px 42px 28px 8px;
    padding: 21px 18px 21px 42px;
    border: solid 3px #BC0000;
    border-radius: 8px;
    font-weight:bold;
}

.point-box:before, .is-style-point-box:before{
	content: 'Point';
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #BC0000;
    font-weight: bold;
}
.point-box p {
    margin: 0; 
    padding: 0;
}


.t_hasen_box {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: dashed 2px #5b8bd0;
}
.t_hasen_box .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #5b8bd0;
    font-weight: bold;
}
.t_hasen_box p {
    margin: 0; 
    padding: 0;
}


.relation_box, .is-style-relation-box{
    position: relative;
    padding: 24px 36px;
    border: dashed 2px #2098a8;
}

.relation_box:before, .is-style-relation-box:before {
    position: absolute;
    content: '関連';
    display: inline-block;
    top: -8px;
    left: 16px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #2098a8;
    font-weight: bold;
}


.relation_box_flex, .is-style-relation-box-flex{
    position: relative;
    padding: 24px 36px;
    border: dashed 2px #2098a8;
    display:flex;
    flex-wrap: wrap;
    column-gap:20px;
}

.relation_box_flex:before, .is-style-relation-box-flex:before {
    position: absolute;
    content: '関連';
    display: inline-block;
    top: -8px;
    left: 16px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #2098a8;
    font-weight: bold;
}


.relation_box p {
    margin: 0; 
    padding: 0;
}

/************************************
** リスト
************************************/

table dl{
	margin:0px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

table dl dt{
	width:50%
}

table dl dd{
	width:50%;
	margin:0px;
}



/* ポストカード表示 */

figure.post_card{
	margin:24px 8px;
}

figure.post_card figcaption{
	font-weight:bold;  font-size:21px; text-align:left; margin:0; padding:0px 16px;
}

div.post_card {display: table; width: 100%;  padding: 10px 0; margin: 12px 0; border: 0;  border-top:4px; border-bottom: 4px; border-style: solid; border-color: #999999;}

div.pc_ss {display:table-cell;vertical-align:middle; width: 240px; height:240px; background-color: #fff; padding:0 10px 0 5px;}

div.pc_ss img {display:block; object-fit: cover; width: 240px; height:240px; margin:auto;}

ul.pc_txt{display:table-cell; vertical-align: middle;  padding:5px; font-size:15px; list-style:none;}


ul.pc_txt li{border-bottom: 1px dashed #999999; padding:5px 4px 4px 4px; }

ul.pc_txt li:first-child {border-top: 1px dashed #999999;}

ul.pc_txt li span.right_marge{float:right; width:60%;}

ul.pc_txt li span.left_marge{font-weight: bold;}

@media only screen and (max-width:767px){
	div.post_card {width:100%; padding: 5px 0;border-bottom: 5px solid #999999;}
    
    ul.pc_txt{width: 100%; display: block; border-top: none; padding: 0; margin-top: 10px; margin-bottom: 5px;}
	
	div.pc_ss {width: 100%; display: block; height:auto; padding:5px 0 10px 0; border-bottom: 5px solid #999999; }

	div.pc_ss img{width:auto; height:auto;}
}

/* レビューカード表示 */

figure.review_card{
	margin:24px 8px;
}

figure.review_card figcaption{
	font-weight:bold;  font-size:16px; text-align:right; margin:0; padding:0px 16px;
}

div.review_card {display: table; width: 100%;  padding: 10px 0; margin: 12px 0; border: 0;  border-top:4px; border-bottom: 4px; border-style: solid; border-color: #999999;}

div.rc_ss {display:table-cell;vertical-align:middle; max-width: 300px; background-color: #fff; padding:0 10px 0 5px;}

div.rc_ss img {display:block; object-fit: cover; max-width: 300px; margin:auto;}

ul.rc_txt{display:table-cell; vertical-align: middle;  padding:5px; font-size:90%; list-style:none;}


ul.rc_txt li{border-bottom: 1px dashed #999999; padding:5px 4px 4px 4px; }

ul.rc_txt li:first-child {border-top: 1px dashed #999999;}

ul.rc_txt li span.right_marge{float:right; width:60%;}

ul.rc_txt li span.left_marge{font-weight: bold;}

@media only screen and (max-width:767px){
	div.post_card {width:100%; padding: 5px 0;border-bottom: 5px solid #999999;}
    
    ul.rc_txt{width: 100%; display: block; border-top: none; padding: 0; margin-top: 10px; margin-bottom: 5px;}
	
	div.rc_ss {width: 100%; max-width:600px; display: block; height:auto; padding:5px 0 10px 0; border-bottom: 5px solid #999999; }

	div.rc_ss img{width:auto; height:auto;}
}


/* ポストカード表示 */

figure.post_card{
	margin:24px 8px;
}

figure.post_card figcaption{
	font-weight:bold;  font-size:21px; text-align:left; margin:0; padding:0px 16px;
}

div.post_card {display: table; width: 100%;  padding: 8px 0; margin: 12px 0; border: 0;  border-top:4px; border-bottom: 4px; border-style: solid; border-color: #999999;}

div.pc_ss {display:table-cell;vertical-align:middle; width: 240px; height:240px; !important; background-color: #fff; padding:0 10px 0 5px;}

div.pc_ss img {display:block; object-fit: cover; width: 240px; height:240px; margin:auto;}

ul.pc_txt{display:table-cell; vertical-align: middle;  padding:5px; font-size:15px; list-style:none;}


ul.pc_txt li{border-bottom: 1px dashed #999999; padding:5px 4px 4px 4px; }

ul.pc_txt li:first-child {border-top: 1px dashed #999999;}

ul.pc_txt li span.right_marge{float:right; width:60%;}

ul.pc_txt li span.left_marge{font-weight: bold;}

@media only screen and (max-width:767px){
	div.post_card {width:100%; padding: 5px 0;border-bottom: 5px solid #999999;}
    
    ul.pc_txt{width: 100%; display: block; border-top: none; padding: 0; margin-top: 10px; margin-bottom: 5px;}
	
	div.pc_ss {width: 100%; display: block; height:auto; padding:5px 0 10px 0; border-bottom: 5px solid #999999; }

	div.pc_ss img{width:auto; height:auto;}
}


ol.is-style-challenge-list {
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding:0;
}
ol.is-style-challenge-list li {
	position: relative;
	padding: 0.5em;
	line-height: 1.5em;
	background: #f1f8ff;
	border-left : solid 35px #5c9ee7;
	margin-bottom: 5px;
}
ol.is-style-challenge-list li:before{
  /* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
	/*数字のデザイン変える*/
	display:inline-block;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight:bold;
	font-size: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -35px;
	width: 35px;
	height: 1em;
	line-height: 1;
	text-align: center;
}


/*タイムライン表記*/
.article ul.time-line, .article ul.is-style-time-line{
	padding: 0;
}

ul.time-line li, ul.is-style-time-line li {
    list-style: none;
}

ul.time-line > li, ul.is-style-time-line > li {
	font-size: 90%;
	font-weight:bold;
    position: relative;
    margin: 0 0 0 2em;
    padding: 0 0 1em 2em;
}

ul.time-line > li:before, ul.is-style-time-line > li:before{
	content: "";
    display: block;
    position: absolute;
	top: .1em;
	left: 0;
	width: 1px;
	height: 100%;
	background: #777;
}

ul.time-line > li:after, ul.is-style-time-line > li:after{
	content: "";
    display: block;
    position: absolute;
    top: .1em;
	left: -5px;
	width: 12px;
	height: 12px;
	background: #777;
	border-radius: 100%;
}

ul.time-line > li:not(:first-child), ul.is-style-time-line > li:not(:first-child){
    padding-top: 1em;
}

ul.time-line > li:not(:first-child):before, ul.is-style-time-line > li:not(:first-child):before{
    top: 0;
}

ul.time-line > li:not(:first-child):after, ul.is-style-time-line > li:not(:first-child):after{
    top: 1.1em;
}

ul.time-line ul, ul.is-style-time-line ul{
    padding: 0;
}

ul.time-line ul li, ul.is-style-time-line ul li{
	font-weight:normal;
	color: #777;
	margin-bottom: .5em;
}

  
ul.time-line li.pickup, ul.is-style-time-line li.pickup{
}

ul.time-line li.pickup li, ul.is-style-time-line li.pickup li{
	 color: #000;
}
ul.time-line li.pickup:after, ul.is-style-time-line li.pickup:after{
	background: #f90;
	width: 17px;
	height: 17px;
	left: -8px;
	content: "\f004";
	font-family: "FontAwesome";
	color: #fff;
	font-weight: 900;
	font-size: 10px;
	text-align: center;
	line-height: 17px;
}

ul.time-line li.start, ul.is-style-time-line li.start{
    margin: 0;
    padding: 0 !important;
	display: inline-block;
	margin: 0;
	padding: .5em .9em;
	background: #ddd;
	border-radius: 4px;
}

ul.time-line li.start:before, ul.is-style-time-line li.start:before{
    display: none;
}


/* ツリー構造 */
.article .tree_construction{
	list-style-type: none;

}

.article .tree_construction ul {
	margin: 0;
	padding: 0;
	list-style-type: none;

}

.article .tree_construction ul {
	position: relative;
	margin-left: 16px;

}

.article .tree_construction ul:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	border-left: 1px solid #111;

}

.article .tree_construction ul li {
	position: relative;
	margin: 0;
	padding: 8px 16px;
}

.article .tree_construction ul li:before {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	left: 0;
	width: 15px;
	height: 0;
	border-top: 1px solid #111;
}

.article .tree_construction ul li:last-child:before {
	top: 15px;
	bottom: 0;
	height: auto;
	background-color: #fff;

}


.is-style-up-mark, .up-mark{
	margin: 0px;
	font-size: 18px;
	height: 100%;
	background-repeat:no-repeat;
	background-position:100% 100%;
	min-height: 120px;
	background-size: auto;
	background-image: url("https://game-hashirigaki.site/wp-content/uploads/2020/12/up-mark-bule-icon-128-1.png");
	background-color:rgba(255,255,255,0.8);
background-blend-mode:lighten;
}

ul.is-style-up-mark, ul.up-mark{
	padding-left: 24px;
}

ul.is-style-up-mark li, ul.up-mark li{
	position: relative;
	padding: 0px 4px;
	list-style-type: none!important;
}

ul.is-style-up-mark li:before, ul.up-mark li:before{
	font-family: FontAwesome;
	content: '\f0da';
	position: absolute;
	font-weight: bold;
	font-size: 18px;
	left : -12px; /*左端からのアイコンまで*/
	color: blue; /*アイコン色*/
}

.tri-arrow-up-blue:before{
	 content:url("https://game-hashirigaki.site/wp-content/uploads/2024/03/lv-up-tree-arrow-blue-icon-16.png");
	 margin-right:5px;
}

.one-arrow-up-blue:before{
	 content:url("https://game-hashirigaki.site/wp-content/uploads/2024/03/lv-up-one-arrow-blue-icon-16.png");
	 margin-right:5px;
}

.tri-arrow-down-red:before{
	content:url("https://game-hashirigaki.site/wp-content/uploads/2024/03/lv-up-tree-arrow-red-icon-16.png");
	margin-right:5px;

}

.groupby_IN{
	margin: 0px;
	height: auto;
	min-height: 100px;
	background-size: 100px;
	background-repeat:no-repeat;
	background-position:100% 100%;
	background-image: url("https://game-hashirigaki.site/wp-content/uploads/2025/05/web-in-blue-icon.webp");
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
}

.groupby_IN::before{
	content: '追加＆復活';
	font-weight: bold;
}


.groupby_OUT{
	margin: 0px;
	height: auto;
	min-height: 100px;
	background-size: 100px;
	background-repeat:no-repeat;
	background-position:100% 100%;
	background-image: url("https://game-hashirigaki.site/wp-content/uploads/2025/05/web-out-red-icon.webp");
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
}

.groupby_OUT::before{
	content: '削除';
	font-weight: bold;
}

.is-style-down-mark, .down-mark{
	margin: 0px;
	font-size: 18px;
	height: 100%;
	background-repeat:no-repeat;
	background-position:100% 100%;
	min-height: 120px;
	background-size: auto;
	background-image: url("https://game-hashirigaki.site/wp-content/uploads/2020/12/down-mark-red-icon-128.png");
	background-color:rgba(255,255,255,0.8);
background-blend-mode:lighten;
}

ul.is-style-down-mark, ul.down-mark{
	padding-left: 24px;
}

ul.is-style-down-mark li, ul.down-mark li{
	position: relative;
	padding: 0px 4px;
	list-style-type: none!important;
}

ul.is-style-down-mark li:before, ul.down-mark li:before{
	font-family: FontAwesome;
	content: '\f0da';
	position: absolute;
	font-weight: bold;
	font-size: 18px;
	left : -12px; /*左端からのアイコンまで*/
	color: red; /*アイコン色*/
}

ul.relation_box li, 
ul.is-style-relation-box li, 
ul.is-style-relation-box-flex li, 
ol.relation_box li, 
ol.is-style-relation-box li, 
ol.is-style-relation-box-flex li{
	position: relative;
	list-style-type: none!important;
	padding: 1px;
}

ul.relation_box li:before, 
ul.is-style-relation-box li:before, 
ul.is-style-relation-box-flex li:before, 
ol.relation_box li:before, 
ol.is-style-relation-box li:before, 
ol.is-style-relation-box-flex li:before{
	font-family: FontAwesome;
	content: '\f0da';
	position: absolute;
	font-weight: bold;
	font-size: 16px;
	left : -8px;
	bottom: 6px;
	color: #2098a8;

}

.article ul.is-style-sme-list-check li{
	padding-left: 24px;
}

.article .is-style-sme-list-check li{
	padding: 8px 0;
}

.article .is-style-sme-list-check li:before{
	top: calc(.4rem + 6px);
	width: 12px;
}

.card_list_body{
	margin-bottom: 28px;
}

.card_list{
    display: grid;
    gap: 0.8rem;
    row-gap: 1.2rem;
    grid-template-columns: repeat(auto-fill,minmax(320px,1fr));
    margin-top: 1rem;
}

.card_list_large{
    grid-template-columns: repeat(auto-fill,minmax(400px,1fr));
}

.card_list_small{
    grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
}

.card_list .p_caption{
	margin:0;
}

.card_list_item_header{
	align-items: center;
    display: flex;
    justify-content: space-between;
}

.card_list_item_headline{
	padding:8px;
	font-size: 17px;
	font-weight:bold;
}

.card_list_item{
	border: 2px solid #c0c0c0;
	background: #e2eff7;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}


.card_list_item_keys{
	display: grid;
    gap: 0.4rem;
	grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
    padding: 0px 6px 5px 6px;
}

.slim_key .card_list_large .card_list_item_keys{
	grid-template-columns: repeat(auto-fill,minmax(256px,1fr));
	gap: 0.3rem;
}


.slim_key .card_list_item_keys{
	grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
	gap: 0.3rem;
}

.card_list_item_key{
	background-color: #fff;
    border-radius: 2px;
    display: flex;
    font-size: 15px;
    justify-content: space-between;
    padding: 4px 3px;
    border: 1px solid #c0c0c0;
    line-height:170%;
}

.card_list_item_gallery_body{
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    padding: 0 8px 8px;
}

.card_list_item_art{
	align-items: center;
	border:1px solid #c0c0c0;
	border-radius:5px;
	display: flex;
	font-size: 14px;
	justify-content: center;
	padding: 5px;
	text-align: center;
	background: #fff;
	line-height: 1.5;
}

.article p.card_list_item_gallery_caption{
	margin: 2px 6px;
	font-size:15px;
}

.card_list_item_text{}

.card_list_item_value{}

.card_list_item_discription{
    padding: 4px 12px;
    font-size:15px;
    color: #4f4f4f;
    line-height:normal;
}

/************************************
** カラム表示
************************************/

/* 2カラム */
.article .wp-block-columns figure{
	margin:0px;
}

.article .wp-block-columns .blog-card{
	margin:0px;
}

.article .wp-block-columns ul{
	margin:8px 2px;
}

@media (min-width: 782px){
.article .wp-block-column:not(:first-child) {
    //margin-left: 12px;
   }
}

@media (max-width: 781px) and (min-width: 600px){
.article .wp-block-column:nth-child(2n){
	//margin-left: 12px;
}
}


.article .wp-block-media-text .wp-block-media-text__content{
	padding: 0 5%;
}

.article .wp-block-media-text__content P{
	margin: 21px 0px;
}

.article .wp-block-media-text__content figure{
	margin: 21px 0px;
	
}

/*レビューグラフ */
div.is-style-review-graph{
	margin: 0px 42px 24px 8px; padding: 0px; border: 0;  border-top:4px; border-bottom: 4px; border-style: solid; border-color: #999999;
}

div.is-style-review-graph ul:after{
	/*content:"最大10点、6点以上でお勧め"; font-size:16px; text-align:right; margin:0; padding:0px 16px;*/
}

div.is-style-review-graph img {display:block; object-fit: cover; max-height: 180px; width:auto; margin:auto;}

div.is-style-review-graph div.wp-block-media-text__content{	padding:0px;}

div.is-style-review-graph ul {vertical-align: middle;  padding:0px; font-size:100%; list-style:none; margin:12px 8px;}

div.is-style-review-graph ul li{border-bottom: 1px dashed #999999; padding:5px 4px 4px 4px; font-weight:bold;}

div.is-style-review-graph ul li:first-child {border-top: 1px dashed #999999;}

div.is-style-review-graph ul li span.right_marge{float:right; width:60%;}

div.is-style-review-graph ul li span.left_marge{font-weight: bold;}

div.is-style-review-graph table{margin:4px;}

article.article div.is-style-review-graph figure{
	margin:0px;
}

article.article div.is-style-review-graph .scrollable-table{
	margin:8px;
}


div.is-style-review-graph table,
div.is-style-review-graph table th,
div.is-style-review-graph table td{
	border:0;
	font-weight:bold;
	padding:4px;
	font-size:18px;
}

div.is-style-review-graph table th,
div.is-style-review-graph table tr td:nth-child(1) {
  position: relative;
  text-align: left;
  
}

div.is-style-review-graph table th:after,
div.is-style-review-graph table tr td:nth-child(1):after{
	padding:4px;
	content: ":";

}

div.is-style-review-graph table td{
  text-align: left;
  //padding:7px 0 7px 30px;
  width: 85%;
}


/*レビューポイント*/
div.is-style-review-point, p.is-style-review-point{
	background-repeat:no-repeat;
	background-position: right 0px bottom 0px;
	min-height: 150px;
	background-size: 150px;
}

p.is-style-review-point{
	font-size:160%;
	line-height:140%;
	font-family: 'Rampart One', cursive;
}

div.is-style-review-point .is-style-up-mark, div.is-style-review-point .up-mark{
	min-height: 24px;
	background-image: none;
	background-color:rgba(255,255,255,0.3);
	font-weight: bold;
}


div.is-style-review-point .is-style-down-mark, div.is-style-review-point .down-mark{
	min-height: 24px;
	background-image: none;
	background-color:rgba(255,255,255,0.3);
	font-weight: bold;
}

	.article .is-style-background-view-right{
		position:relative;
	}

	.article .is-style-background-view-right div:nth-child(2){
		position:absolute;
		top:0;
		right:0;
		opacity:0.6;
	}	

/************************************
** プラグイン ＆ 固有の動作
************************************/

/* TOC */


div#toc_container{
	margin:32px 8px;
	min-width:240px;
	padding:16px;
	font-size:16px;
}


div.dataTables_wrapper{
	margin-left:8px;
	margin-right:8px;
}


.scrollable-table div.dataTables_wrapper{
	margin-left:0px;
	margin-right:0px;
}

span.marker-under{
	background-image: linear-gradient(transparent 60%, rgba(171, 184, 195, 0.5) 60%);
	//background:linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%);
}

.arconix-box .arconix-box-content{
	margin-left: 28px !important;
}


figure.wp-block-image figcaption{
	color:grey;
	font-size:15px;
	line-hight:1.3;
}

article .arconix-toggle-content{
	margin: 0px;
	padding: 12px 8px;
}

article .arconix-toggle-content table{
	margin: 12px 0px 8px 0px;
}

article .wp-block-embed .blog-card{
	margin: 32px 0px 32px auto
}


table tr.レアリティ td, table tr.外観 td{
	alin:center;
}

table tr.レアリティ img, table tr.外観 img{
	width:80px;
	height:auto;
	display: block;
    margin-left: auto;
    margin-right: auto
}

.article .dataTables_wrapper{
	margin-bottom: 0px;
	overflow-x:scroll;
}

.article .dataTables_wrapper .tablepress {
	white-space:nowrap;
}


.article .scrollable-table .dataTables_wrapper{
	margin-bottom: 0px;
	white-space:normal;
	overflow-x:visible;
}

.article .wp-block-media-text{
	margin: 0px 12px 28px 8px;
}

.article .wp-block-columns .wp-block-media-text{
	margin: 0px;
}

.grecaptcha-badge { visibility: hidden; }

.article .scroll-hint-icon{
	top:calc(0% - 20px);
	left:calc(100% - 120px);
}

.article .scroll-hint-icon:after{
width: 34px;
  height: 14px;
  top: 5px;
}


.article .scroll-hint-icon:before{
	width:28px;
	margin:0px
}

.article .scroll-hint-text{
	font-size: 12px;
	margin: -5px;
}

.wp-block-quote{
	text-align: right;
}

.wp-block-quote p{
	text-align: left;
	margin:16px 0;
}

#comments #wpdcom .wpd-reply.wpd_comment_level-2{
	margin-left: 35px;
}

#comments #wpdcom .wpd-reply{
	margin-left: 10px;
}


.item_list img.aligncenter{
	display: inline-block;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
	margin-bottom:12px;
	margin-top:12px;
}

.article ol.wp-block-footnotes{
	margin: 24px 0px;
}

.article table.dataTable thead>tr>th.dt-orderable-asc,
.article table.dataTable thead>tr>th.dt-orderable-desc,
.article table.dataTable thead>tr>th.dt-ordering-asc, 
.article table.dataTable thead>tr>th.dt-ordering-desc, 
.article table.dataTable thead>tr>td.dt-orderable-asc, 
.article table.dataTable thead>tr>td.dt-orderable-desc, 
.article table.dataTable thead>tr>td.dt-ordering-asc, 
.article table.dataTable thead>tr>td.dt-ordering-desc{
	padding-right: 20px;	
}

.article table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order, 
.article table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order, 
.article table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order, 
.article table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order, 
.article table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order, 
.article table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order, 
.article table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order, 
.article table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order{
	right:5px;
}

.article div.dt-container div.dt-layout-row{
	margin:0px;
}

table.item_list.dataTable th.dt-type-numeric, 
table.item_list.dataTable th.dt-type-date, 
table.item_list.dataTable td.dt-type-numeric,
table.item_list.dataTable td.dt-type-date{
	text-align: left;
}

.dt-container .dt-layout-cell.dt-layout-full>:only-child.item_list{
	margin:0px;
}

.article .dt-container .dt-paging .dt-paging-button{
	height:auto;
}

/************************************
** 広告関係
************************************/


.ad-label{
	font-size:14px;
	color:gray;
}

/* PCサイドバー */

#sidebar .widget_pc_ad{
	border: 0px solid #ddd;
	background-color: transparent;
	padding: 0px 0px;
}

.ad-pc-wide{
	width:100%; height: 280px;
}

.ad-space{
 //margin: 42px 0;
}

div#pc_ad-5 div.ad-space{
	margin:30px -24px;
}

div#pc_ad-5 div.ad-space div.ad-label{
	display:none;
}


.widget_mobile_ad .adsbygoogle.slime-ad{
	min-height:100px;
}

.widget_mobile_ad .adsbygoogle{
	min-height:240px;
}

#mobile-sidebar .widget_mobile_ad .responsive-banner-abs{
	min-height:100px;
}

.responsive-banner-abs { width: 320px; height: 100px; }
@media(min-width: 470px) { .responsive-banner-abs { width: 468px; height: 60px; } }
@media(min-width: 730px) { .responsive-banner-abs { width: 728px; height: 90px; } }


.icon-twitter:before{
	content:"\e940";
}

ul.snsbs a.twitter-btn-icon-link{
	background-color: #000;
}

.sns-group-viral ul.snsbs li a.twitter-btn-icon-link{
	color: #000;
	border-color: #000;
}

.sns-group-viral ul.snsbs li a.twitter-btn-icon-link:hover{
	background-color: #000;
}

.icon-twitter-logo:before{
	content:"\e940";
}

ul.snsp li.twitter-page a span{
	background-color: #000;
}

/************************************
** レスポンシブ
************************************/
@media screen and (min-width:901px) and (max-width:1110px){
  div#header-in, div#navi-in, div#body-in, div#footer-in{
    width:1090px;
  }
  
  div#sidebar{
  	clear:none;
  	float:right;
  	padding:0px;
  	width:300px;
  }
  
  #mobile-menu{
  	display:none;
  }
  
	#navi ul{
		display:block;
	}

	#navi ul li{
		float:left;
	}
	

}

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

  div#header-in, div#navi-in, div#body-in, div#footer-in{
    width:740px;
  }
  	

	div#navi-in{
	
		margin-left: 0px;
	}
	
	#navi div#navi-in ul > li{
		margin-left: 0px;
	}
	
	div#navi ul.sub-menu li{
			border-left: 6px solid #fff;
		
	}
	
	#navi #navi-in ul.sub-menu li a{
		padding: 4px 16px;
	}
}


@media screen and (max-width: 767px){
	div#main{
		padding: 15px;
	}
	
	.entry-read a,
	.related-entry-read a{
	}
}

@media screen and (max-width:639px){
	.article table.dataTable{
		//width:100%;
	}
}

@media screen and (max-width: 560px){
	.blog-card-excerpt, .blog-card-footer {
	    font-size: 13px;
	    line-height: 120%;
	}
}

@media screen and (min-width: 900px)
{
	div#navi ul li{
		
	}

	#navi ul li a{
		width:176px;
		border-width: 0 1px 0 1px;
		border-style: solid;
		border-color: #4D4D4D;
		text-align: center;
		border-top:4px solid #202020;
		border-bottom:4px solid #202020;
	}
	
	#navi ul.sub-menu li a{
		width:auto;
		border-width: 0 1px 0 1px;
		border-style: solid;
		border-color: #4D4D4D;
		text-align: center;
		border-top:4px solid #202020;
		border-bottom:4px solid #202020;
	}
}


#footer-mobile-buttons{
//	position:sticky;
}

/************************************
** 変数
************************************/

:root{
	--rarity-common: #cacaca;
	--rarity-common2: #7b7b7b;
	--rarity-uncommon: #80cf3f;
	--rarity-uncommon2: #3a7913;
	--rarity-rare: #2fd5e8;
	--rarity-rare2: #1258a2;
	--rarity-epic: #bd3ffa;
	--rarity-epic2: #460d7f;
	--rarity-legend: #fdae53;
	--rarity-legend2: #ff7605;
	--rarity-mythic: #fcdd79;
	--rarity-mythic2: #dca01e;
	--rarity-exotic: #419c9d;
	--rarity-exotic2: #419c9d;
	--mc-wine-red: #bc0000;
}

span.common-font, span.common-font a{
	color:var(--rarity-common2);
}

span.uncommon-font, span.uncommon-font a{
	color:var(--rarity-uncommon2);
}

span.rare-font, span.rare-font a{
	color:var(--rarity-rare2);
}

span.epic-font, span.epic-font a{
	color:var(--rarity-epic2);
}

span.legend-font, span.legend-font a{
	color:var(--rarity-legend2);
}

span.mythic-font, span.mythic-font a{
	color:var(--rarity-mythic2);
}

span.exotic-font, span.exotic-font a{
	color:var(--rarity-exotic2);
}

img.common-gradient, img.gray-gradient{
	background: radial-gradient(var(--rarity-common),#fff0 80%)
}

img.uncommon-gradient, img.green-gradient{
	background: radial-gradient(var(--rarity-uncommon),#fff0 80%)
}

img.rare-gradient, img.blue-gradient{
	background: radial-gradient(var(--rarity-rare),#fff0 70%)
}

img.epic-gradient, img.purple-gradient{
	background: radial-gradient(var(--rarity-epic),#fff0 70%)
}

img.legend-gradient, img.orange-gradient{
	background: radial-gradient(var(--rarity-legend),#fff0 80%)
}

img.mythic-gradient{
	background: radial-gradient(var(--rarity-mythic),#fff0 80%)
}

img.exotic-gradient{
	background: radial-gradient(var(--rarity-exotic),#fff0 80%)
}

span.hpbgicon{
	background-image: url("https://game-hashirigaki.site/wp-content/uploads/2023/12/heart-mid-60o-icon.png");
}

span.no-bg{
	background-color: rgba(255,255,255,1);
}

span.no-text{
	opacity: 0;
}

col.no-look
{
	visibility: collapse;
	width:0px;
}

col.highlight{
	background-color: #FFFFEE;
}

li.display-0{
	display:none;
}