@charset "UTF-8";

/************************************
** モバイル設定
************************************/
@media screen and (max-width: 767px){
	.#header #h-top{
		min-height:130px;
	}
	.article{
		//line-height: 180%;
	}
	.article P,
	.article details.wp-block-details, 
	.article figure,
	div.video-container,
	.article div.card_list_body
	{
		margin: 0px 0px 28px 4px;
	}
	
	.article figure.wp-block-image{
		margin: 0px 0px 28px 4px;
	}
	
	.article p.card_list_item_gallery_caption{
		margin: 4px 8px;
		line-height: normal;
	}
	
	.article ul, .article ol {
    	padding-left: 24px;
    	margin: 16px 0px 21px 4px;
    }
    
    .article ul.pin-post-slides {
    	margin: 0px;
    }
	
	.article ul.pc_txt {
    	padding-left: 0px;
    	margin: 12px 0px;
    	width:auto;
    }
	
	.article h1{
		font-size:140%;
		margin:32px 4px;
	}
	
	.article h2{
		margin:48px -10px 16px -10px;
		padding: 16px 18px;

	}
	
	.article h3{
		margin: 32px -5px 12px 0px;
	}


	.article h4{
		margin:24px 0px 16px 0px;

	}

	.article figure, 
	main figure{
		margin: 4px 0 28px 4px;
	}
	
	.article figure.img_flame,
	.article .wp-block-image.is-style-img-flame{
		margin: 4px -4px 28px -4px;
	}
	
	.article div.wp-block-media-text{
		margin: 4px 0 21px 4px;
	}
	
	.article table,
	.article table.dataTable{
		margin: 28px 0px 28px;
	}
	
	.article .scrollable-table table{
		margin: 28px 0px 0px;
	}
	
	.article .scrollable-table table.detail_list {
		margin: 0px;
	}
	
	.article .is-style-review-graph .scrollable-table table{
		margin: 4px;
	}
	
	.article th, .article td{
		font-size: 15px;
	}
	
	.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{
		font-size: 16px;
	}
	
	table.data_sheet td, figure.data_sheet table td, table.is-style-data-sheet td, figure.is-style-data-sheet table td{
		font-size:14px;
	}

	.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{
		padding:6px;
	}

	
	.article td.rev_over ul,
	.article td.rev_under ul{
		line-height:100%;
	}
	
	.article td.rev_pt{
		font-size: 90%;
	}

	#archive-title{
		font-size:140%;
		margin: 24px 0;
	}
		
	section.large-block h3.new-entry-title{
		font-size:120%;
	}

	#navi #navi-in ul li a {
		padding: 8px;
	}
	
	.article ul.blocks-gallery-grid, .article ul.wp-block-gallery{
		padding-left: 0px;
	}
	
	article.article figure.wp-block-gallery{
		//margin:0;
	}

	section.large-block p.entry-snippet{

		height:72px;
	}

	div#list section.large-block h2{
		font-size:120%;
		padding: 14px 0px;
	}
	

	.article li.new-entry img{
		width:75px;
		height:75px;
	}
	
	.article li.new-entry div.new-entry-content{
		margin-left: 80px;
	}
	
	section.large-block li.new-entry h3.new-entry-title{
		font-size:110%;
		margin:0px;
		margin-bottom:12px;
	}
	
	.article li.new-entry div.post-meta {
	}
	
	figure.cap300 figcaption{
		margin: 16px 12px;
		font-size:92%;
		float:left;
	}
		
	figure.cap400 figcaption{
		margin: 5px 0px;
		float:left;
	}
	
	.article .blocks-gallery-grid .blocks-gallery-image, .article .blocks-gallery-grid .blocks-gallery-item, .article .wp-block-gallery .blocks-gallery-image, .article .wp-block-gallery .blocks-gallery-item{
		margin:0 8px 8px 0;
	}
	
	.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n){
		margin-right: 0;
	}
    
    .article .wp-block-columns.is-layout-flex{
        	margin:0px 0px 28px;
    }
    
    .article .wp-block-columns{
    	margin:0px 0px 28px;
    }
    
    ul.pin-post-slides{
		padding-top: 66%;
	}
	
	ul.is-style-up-mark li:before, ul.up-mark li:before{
		
	}
	
	ul.is-style-down-mark li:before, ul.down-mark li:before{
		
	}
	
	.article ul.relation_box, .article ul.is-style-relation-box, .article ol.relation_box, .article ol.is-style-relation-box{
		padding-left: 36px;
	}
	
	table.blue-gradient th,table.blue-gradient td, figure.is-style-blue-gradient table th, figure.is-style-blue-gradient table td{
	  padding:9px 5px;
	}
	
	div.is-style-review-graph{
	margin: 12px 8px;
	}

	.entry-card .entry-snippet, .related-entry .related-entry-snippet, .entry-card .admin-pv, .entry-card .post-meta{
		line-height: 150%;
	}

	#main .entry {
	    clear: both;
	    margin: 28px 0 52px 0;
	    padding-bottom: 10px;
	    word-wrap: break-word;
   }
   
	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:18px;
		font-size:18px;
		line-height:18px;
		overflow:hidden;
		margin-top:12px;
		margin-bottom: 12px;
	}

	time.list-date span.list-date-month{
		height:14px;
		overflow:hidden;
		font-size: 14px;
		line-height:14px;
	}
	
	.article div.is-style-review-point{
		margin: 0 0 24px;
		padding-bottom: 32px;
	}
	
	.article div.is-style-review-point div.wp-block-column{
		margin: 0px;
	}

	.article div.is-style-review-graph{
		margin:24px 12px;
	}

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


	
	ul.slide_list{
		margin-right:0px;
	}
	
	.article .point-box, .article .is-style-point-box{
		margin: 24px 4px 21px 4px;
		padding: 21px 12px 21px 36px;
	}

	#related-entries .top-tax-thumb img{
		width:auto;
		height:auto;
		margin:auto;
	}

	.related-entry .top-tax-thumb{
		 margin:0px;
		 margin-bottom:18px;
 	}
 	
 	/* スクロールバー全体 */
	::-webkit-scrollbar {
		width: 8px;

	}

	.article ul.snsb,
	.article ul.snsp {
		margin: 10px 0 15px;
	}

	.article ul.snsbs li a{
		font-size: 32px;
		width:32px;
		height: 36px;
	}

}

@media screen and (min-width:641px){	
	section.large-block p.entry-snippet{
		height:72px;
	}
}

@media screen and (max-width: 600px){
	.article .detail_list.wp-block-media-text .wp-block-media-text__content{
		padding:0px;
	}
    
    .article .inline-popup .detail_list{
		max-width: 450px;
		transform:translateX(-50%);
		left:50%;
		top:150px;
		bottom:auto;
	}
	
	.article .inline-popup .gallery-overray{
		position:fixed;
		z-index:10;
		right:0;
		bottom:0;
		min-width:100%;
		min-height:100%;
		width:auto;
		height:auto;
		background-color: #111;
		opacity:0.3;
		visibility:hidden;
		content:"";
	}
	
	.article .inline-popup .gallery-overray:hover{
			visibility: visible;
	}
    
	.article .detail_list.mtg_popup .wp-block-media-text__content{
		grid-row:1;
		z-index: 12;
		display: flex;
        flex-direction: column;
		position: relative;

	}

	.article .no-popup .detail_list.mtg_popup .wp-block-media-text__content{
        height: fit-content;
        height: -webkit-fill-available;
        min-width: 60vw;
		grid-column: 2;
	}

	.article .detail_list.mtg_popup .wp-block-media-text__media{
		z-index: 11;
	}


	.article .no-popup .detail_list.mtg_popup .wp-block-media-text__media{
		grid-column: 1;
	}

    .article .detail_list.mtg_popup .wp-block-media-text__media img{
	   	width:500px;
		height:320px;
    	clip-path: inset(0% 7% 0% 7%);
		object-fit:cover;
		object-position: 0% 20%;
		margin-left:-40px;
		max-width: unset !important;
	}

    .article .no-popup .detail_list.mtg_popup .wp-block-media-text__media img{
	   	width: 80vw;
		height: auto;
		grid-column: 1;
		grid-row: 1;

    	clip-path:unset;
		object-fit:unset;
		object-position: unset;
		margin-left:0px;
		max-width: unset !important;
	}

	.article .inline-popup:hover .detail_list, 
	.article .inline-popup:hover .sticky-balloon{
		grid-template-columns: 100%;
	}

	.article .inline-popup:hover .detail_list .wp-block-media-text__media, 
	.article .inline-popup:hover .sticky-balloon .wp-block-media-text__media{
		grid-column: 1;
	}

	.article .no-popup .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media{
		grid-column: 2;
	}


	.article .detail_list.mtg_popup .wp-block-media-text__media img.伝説のプレインズウォーカー{
		object-position: 0% 15%;
		margin-bottom: auto;
	}
	
	.article .detail_list.mtg_popup .wp-block-media-text__content .popup-sub-right{
		position: absolute;
		bottom: 5px;
		right:5px;
		Border-radius: 6px;
	}


	.article .detail_list.mtg_popup .wp-block-media-text__content .pu_cost.popup-sub-left,
	.article .detail_list.mtg_popup .wp-block-media-text__content .cost.popup-sub-left{
		position: absolute;
		top: 5px;
		right:5px;
		Border-radius: 6px;
	}

	.article .no-popup .wp-block-media-text.detail_list.mtg_popup{
		overflow-x: scroll;
        grid-template-columns: 1fr 60vw;
        column-gap: 1rem;
        min-width: 90vw;

	}

	.article .detail_list .wp-block-media-text__content .popup-main-text{
		margin-top: auto;
	}

	.article .scrollable-table tbody th:has(img), 
	.article .is-style-item-list .scrollable-table tr td:nth-of-type(1):has(img){
		display:grid;
		text-align: center;
	}

}

@media screen and (max-width: 599px){
	.article li.new-entry-large{
		float:left;
		width: auto;
		padding:0px;
		border-bottom:2px solid #ddd;
		padding-bottom: 24px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.article li.new-entry-large div{
		padding:0px !important;
		margin:auto;
	}
	
	.article li.new-entry{
		margin:0px;
		margin-bottom: 10px;
	}

	.wp-block-column {
    	margin:0px 0px 16px 0px;
    }
    
    ul.slide_list{
    	display:none;
    }

	section.large-block .new-entry div.post-meta{
		margin: 8px 0px;
	}

}


@media screen and (max-width: 500px){
	.article th, .article td{
		font-size: 14px;
	}

	.article .wp-block-image.size-medium{
		max-width: 90%;
		width:100%;
	}

	.article .wp-block-image.size-medium img{
		max-width: 360px;
		width:100%;
	}

.article table.detail_data, .article figure.is-style-detail-data table{
	max-width: 400px;
}

.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{
	font-size:16px;
}


.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{
	//padding: 5px;
	font-size:15px;
}

	.article ul, .article ol {
    padding-left: 24px;
    }
    
    .article .relation_box ol, .article .is-style-relation-box ol, .article .relation_box ul, .article .is-style-relation-box ul{
		padding-left: 36px;
	}
	
.entry-card .entry-snippet, .related-entry .related-entry-snippet, .entry-card .admin-pv, .entry-card .post-meta{
	line-height: 150%;
}

	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
	 .article table.item_list tbody tr td:nth-of-type(1),
 	 .article figure.is-style-item-list .scrollable-table table td:nth-of-type(1){
		min-width:120px;
		white-space:normal;
	}


  /* 「続きを読む」の調整 */
  .entry-card .entry-read a,
  .next-page-link a,
  .related-entry-tax a {
    font-size: 90%;
    margin: 0;
    padding: 8px;
    }

	.related-entry .related-entry-read a{
		padding: 2px 40px;
		margin: 24px 0px;
		font-size:90%;
	}

	.related-entry .related-entry-tax a{
		padding: 4px;
		margin:2px;
	}

	li.post-slide h3{
		font-size:120%;
	}

	.article .wp-block-media-text .wp-block-media-text__content{
		padding:0px;
	}
	
	div.slide-flame{
		border:5px solid #fff
	}
	ul.pin-post-slides .post-slide .new-post{
		width:60px;
		height:60px;
		background-size:60px 60px;
	}
	
	ul.pin-post-slides .post-slide .pin-post{
		width:40px;
		height:40px;
		background-size:40px 40px;
	}
	
	.article .inline-popup .detail_list{
		max-width: 400px;
	}

	
    .article .detail_list.mtg_popup .wp-block-media-text__media img {
        width: 450px;
        height: 280px;
        margin-left: -40px;
    }
    
    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){
    	width:50%;
    }
}

@media screen and (max-width: 400px){
	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 
	 .article table.item_list tbody tr td:nth-of-type(1),
	 .article figure.is-style-item-list .scrollable-table table td:nth-of-type(1){
		min-width:100px;
		white-space:normal;
	}
	
	.article .inline-popup .detail_list.mtg_popup .wp-block-media-text__content{
		grid-row:1;
	}
	
	.article .inline-popup .detail_list{

		max-width: 350px;
	}
	
    .article .detail_list.mtg_popup .wp-block-media-text__media img{
		width:400px;
		height:250px;
	}
}



/************************************
** レイアウト
************************************/
	.article h2{
		margin:48px -10px 16px -10px;
		padding: 16px 18px;
		font-size: 136%;
	}


div#header-in, div#navi-in, div#body-in, div#footer-in {
  width: 100%;

}

div#main{
  float:none;
  width:auto;
  padding:8px;
  border:none;
}

div#sidebar{
  clear:both;
  float:none;
  padding:15px;
  width:auto;
  max-width:400px;
}

div#mobile-sidebar{
  clear:both;
  float:none;
  //padding:15px;
  width:auto;
}

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

#site-title a{
  font-size:24px;
}

#site-description{
  font-size:14px;
}

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


#main{
  padding: 20px;
}



	
	
time.list-date {
	left:-21px;
}

@media screen and (max-width:767px){
#h-top #site-description{
    font-size:14px;
    line-height:140%;
    margin-bottom:10px;
    width: 65%;
  }
 }
	
/************************************
** #header内
************************************/
#header #h-top{
  background-image: none;
}

#header .alignright{
  display: none;
}

/************************************
** メインメニュー
************************************/
#navi ul{
  display: none;
  border: 0 none;
}

#navi ul > li {
  float: none;
  border-top:0px;
  border:0;
  height:auto;
  margin-left: 10px;
}

#navi ul  li a{
  /*border-bottom:solid 1px #ddd;*/
}

#navi ul li a:hover {
  text-decoration:none;
}

#navi ul li a {
  font-size: medium;
  padding: 10px;
  overflow: hidden;
}

#navi ul.sub-menu,
#navi ul.children{
  position: relative;
  width: auto;
  border-width: 0;
}

#navi ul.sub-menu ul,
#navi ul.children ul {
  left: 0;
  top: 0;
}

#navi .sub-menu li,
#navi .children li{
  height:auto;
  padding-left:30px;
}

#navi ul li a{
	border: 0px;
}

/************************************
** #main内
************************************/
time.list-date {
	margin: 6px 0 24px -8px
}

time.list-date p {
	margin-top: 6px;
	margin-bottom: 2px;
}


.entry-read a,
.related-entry-read a,
.next-page-link a{
  display:block;
  width: auto;
background-color: #2b2b2b;
    border:1px solid #ddd;
    border-radius:5px;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
    text-align:center;
    padding:6px 60px;
    text-decoration:none;
    color:#fff;
  text-decoration:none;
}

.entry-card .entry-thumb {
  margin-top: 5px;
}



.entry h2,
.entry h2 a {
  font-size: 120%;
  line-height: 120%;
}

.navigation{
  margin: 30px 0;
}


.article ol, .article ul, .article dl{
  line-height:165%;
}

.snsb li{
  padding-right:0;
}

.category-description {
    margin-top: 15px;
    margin-bottom: 30px;
    background-color: #f7f7f7;
    padding: 5px 20px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.category-description P{
	margin:0px;
}

@media screen and (max-width: 767px){
div#toc_container{
	margin:24px auto;
	min-width:90%;
}

	.entry-read a,
	.next-page-link a,
	.related-entry-tax a{
		width:auto;
		float:none;
		font-size: 90%;
	    margin: 0;
	    padding: 9px;
	}
	
	
	.article ul.pagination{
		padding-left:0px !important;
	}

}

.article div.page-link{
	border-width: 3px 0px 3px 0px;
	border-style: solid;
	border-color: #CC484A;
	padding: 8px 0;
}


/************************************
** 広告
************************************/
.ad-top-mobile{
  margin-left:-10px;
  margin-right:-10px;
}


/************************************
** SNS
************************************/
/*#sns-group-top .sns-buttons-icon li{
  width: 40px;
}*/

/************************************
** フッター
************************************/
#footer-widget{
  display:none;
}

#mobile-menu{
  display: block;
}

/*以前のモバイルメニュー（mobile.css）
#mobile-menu a{
  font-size:12px;
  padding:5px;
  width:60px;
  border-radius:0 0 7px 7px;
}*/


/************************************
** TOPへ戻るボタン（Go to top）
************************************/
#page-top{
  position:fixed;
  display:none;
}

#page-top a{
  font-size:12px;
}

/************************************
** モバイルメニュー
************************************/
#mobile-menu{
  display:block;
}


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


#mobile-sidebar h3{

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

#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;
}

#mobile-sidebar .widget li{
	padding: 1px 0;
}

#mobile-sidebar .widget_mobile_ad{
	border:0px;

}

#mobile-sidebar .widget_cat_menu_short ul{
	padding-left: 1em;
    list-style: none;
}

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

#mobile-sidebar ul.wpp-list{
	margin: 15px 8px;
	padding:0px;
}


#mobile-sidebar ul.new-entrys{
	margin: 15px 8px;
	padding:0px;
	list-style:none;
}

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


#mobile-sidebar .widget_new_entries ul li,
#mobile-sidebar .widget_new_popular ul li,
#mobile-sidebar .widget_popular_ranking ul li{
	margin-bottom: 5px;
 }
 
#mobile-sidebar .widget_new_entries ul li img,
#mobile-sidebar .widget_new_popular ul li img,
#mobile-sidebar .widget_popular_ranking ul li img{
	height:75px;
	width:75px;
}

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

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

/************************************
** カテゴリ個別の表記
************************************/

div#list section.large-block h2{
	margin-left: 0px;
	margin-right: 0px;
}

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

	div#items section.large-block {
		padding: 2px;
	}
}

.scrollable-table, .none-scrollable-table {
	margin: 4px 0px 28px 0px;
	}


/***************************************
** スライド表示
***************************************/
.slide-close{
	margin: 5px 5px 52px 5px;
}

div.sidr{
	font-size:16px;
}

.sidr ul{
	display:block;
	margin:0 0 15px;
	padding:0;
	border-top:0px solid #dfdfdf;
	border-bottom:0px solid #fff
	}

.sidr ul li{
	display:block;
	margin:0;
	line-height:48px;
	border-top:0px solid #fff;
	border-bottom:0px solid #dfdfdf
}

.sidr form {
	margin:20px 4px;
}

div.sidr ul li a,
div.sidr ul li span{
	padding:0px;
}

@media screen and (max-width: 767px){
	div.sidr{
		max-width:320px !important;
		padding:10px !important;
	}
}

div#navi .slide-close a{
	color: #fff;
}

.widget_new_entries ul li img,
.widget_new_popular ul li img, 
.widget_popular_ranking ul li img{
	width:75px;
	height:75px;
}