/*
Theme Name: free custom theme for css or js
Author: Sekappy
Version: 1.0.0
Description: free custom child theme.
Template: hareruyaEc
*/
/*------------------

article css

-------------------*/
/*a img,
input[type="image"]{
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
	transition:background,0.3s;
}
a:hover img,
input[type="image"]:hover{
	opacity:0.7;
}*/
.new.Column.fl.visual_.forcms_block .inner_ a img{
	z-index:1;
}
.article_genre_icon{
	top:0;
	left:-10px;
	position: absolute;
}
/*スーパー汎用クラス*/
.ref { position: relative; }
.abs { position: absolute; }
 
.fl { float: left; }
.fr { float: right; }
 
.dn { display: none !important;  }
.db { display: block !important;  }
.di { display: inline !important;  }
.ds { display: inline-block !important;  }
.dt { display: table !important; }
.dc { display: table-cell !important;}
 
.mtn { margin-top: 0 !important; }
.mts { margin-top: 10px !important; }
.mtm { margin-top: 15px !important; }
.mtl { margin-top: 20px !important; }
.mtx { margin-top: 30px  !important; }

.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.top_sns .fl{
	margin-right:10px;
}

/*ページ設定*//*
body{

	margin: 0;
	color: #404040;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 140%;
	background: url("../img/usr/base_kiji_top.png");
	background-repeat: repeat-x;
	background-position: top;
}*/

.bold_{
	font-weight: bold;
}
/*
a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

h2{
	font-size:14px;
}

div.wrapper_{
	width: 960px;
	margin:0 auto 20px;
	text-align: left;
}

.container_, .contents_{
	width:100% !important;
	overflow: visible !important;
}
*/


/*枠線*/
.boxBorder{
	border: 2px solid rgb(140,100,80);
	border-radius: 7px;
	
}

/* --------------------------------------------------------------------
	ヘッダー部
--------------------------------------------------------------------- */
/*
#header {
	margin-bottom: 20px;
	width: 100%;
	overflow: visible;
	margin-bottom:0;
	padding-bottom:0;
	border:none;
	padding-top:10px;
	margin-top:0;
}

#header #main_menu{
	width: 956px;
	height: 90px;
	margin:10px auto;
	border-radius: 10px;
	border: 1px solid #CCC;
	box-shadow: 4px 4px 5px -1px rgba(0, 0, 0, 0.4);
	background-color: white;
}


#header #globalnav {
	float: right;
	display: inline;
	width: 958px;
}

#header #globalnav li {
	float: left;
	color: #000;
	text-align: center;
	width:auto;
}

#header #globalnav li{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:53px;
}

#header #globalnav li a {
	padding: 10px 0;
	display: block;
	color: #000;
	width: 100%;
	background:none;
}

#header #globalnav li a:hover {
	text-decoration: none;
	-ms-filter: "alpha(opacity=60)";
    -moz-opacity:0.6;                 
    -khtml-opacity: 0.6;              
    opacity:0.6;
    background:none;
}

#middle{
	overflow:hidden;
	margin-bottom:15px;

}


#middle #middle_menu li{
	width:239px;
	height:50px;
	background-color:rgb(140,100,80);
	color:white;
	float:left;
	font-size:17px;
	line-height:140%;
	text-align:center;
	border-right: 1px white dotted;
	display:table;

}


#middle #middle_menu li p{
	display:table-cell;
	vertical-align:middle;

}

.menu_list{
	border-radius: 10px;
	height: 34px;
	width: 916px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;box-shadow:1px 1px rgba(0, 0, 0, 0.4);
	padding:8px 20px;
	margin-bottom:20px;
	overflow: hidden;
}

#globalnav{
	float:none !important;
}

#header #globalnav li a{
	padding:0;
}

/*ヘッダー修正*/
/*
#header #sitelogo{
	float:left;
	margin:20px 0 0 20px;
}

#menus{
	background-color: #fff299;
	float:right;
	padding: 5px;
	border: solid 1px #EA5404;
	margin:10px 15px 0 0;
}

.button{
	margin-right:10px;
}
#sec_menus{
	margin-top: 65px;
	font-size:14px;
}

.menuList{
	float:left;
	margin-right:30px;
	padding:0 0 0 20px;
	background:url("../img/usr/header/yazirushi.png") no-repeat;
	}

.nav{
	border-left: solid 8px;
	padding-left:18px;
	font-weight: bold;
}

.shop{
	border-color:rgb(235,85,5);
	font-size:16px;
}


.purch,.article,.decks,.store{
	font-size:18px;
}

.purch{
	border-color:rgb(60,65,150);
}

.article{
	border-color: rgb(210,185,155);
}

.decks{
	border-color: rgb(160,160,160);
}

.store{
	border-color: rgb(240,130,55);
}

#header #globalnav li#gnav_eng{
	margin-right:0;
	margin-top:0;
}

#middle #middle_menu #blog{
	border-right:none;
}
*/
/*0216ヘッダー再修正*/
/*
#header #main_menu{
	height:auto;
	width:960px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
#site_button{
	float:right;
}
#site_button li{
	float:left;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
}
#site_button li p{
	float:left;
	font-size:18px;
	font-weight:bold;
	padding:15px 18px;
}
#site_button a:visited{
	color:#000;
}
#site_button a:link{
	color:#000;
}
.onlineshop_button p{
	transition:background,0.3s;
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
}
.onlineshop_button p:hover{
	background:rgb(235,85,5);
	color:white;
}
.purchase_button p{
	transition:background,0.3s;
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
}
.article_button p{
	transition:background,0.3s;
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
}
.deck_button p{
	transition:background,0.3s;
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
}
.tournament_button p{
	transition:background,0.3s;
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
}
.statics_button p{
	transition:background,0.3s;
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
}
.purchase_button p:hover{
	background:rgb(60,65,150);
	color:#fff;
}
.article_button p{
	background:rgb(140,100,80);
	color:#fff;
}
.deck_button p:hover{
	background:rgb(160,160,160);
	color:#fff;
}
.tournament_button p:hover{
	background:rgb(255,210,110);
	color:#fff;
}
.statics_button p:hover{
	background:rgb(240,130,55);
	color:#fff;
}
#sec_menus{
	float:right;
	margin:15px 0 10px;
	width:590px;
}
#sec_menus_right{
	float:right;
	margin-right:20px;
	font-weight:bold;
	padding-left:25px;
	position:relative;
}
#sec_menus_right:before{
	content:"";
	left:0;
	top:0;
	bottom:0;
	margin:auto 0;
	width:17px;
	height:17px;
	border-radius:8px;
	background:rgb(235,85,5);
	position:absolute;
}
#sec_menus_right:after{
	content:"";
	left:6px;
	top:-1px;
	bottom:0;
	margin:auto 0;
	width:0;
	height:0;
	border:4px solid transparent;
	border-left:7px solid white;
	position:absolute;
}
#gnav_home{
	float:right;
	padding:3px 0;
}
#menus{
	float:right;
	margin-top:0px;
}
#head_right{
	margin:10px 20px;
	float:none;
	clear:both;
}
#head_right:after{
	content:"";
	clear:both;
	display:block;
}
#gnav_mypage{
	float:left;
	padding:12px 0 0;
}
#gnav_letter_onlineshop{
	font-size:20px;
	line-height:20px;
}
#middle #middle_menu li{
	height:54px;
}
#middle #middle_menu li p{
	font-size:15px;
	line-height:125%
}
#header #main_menu{
	margin-bottom:0;
	overflow:hidden;
	margin-top:0;
}
.social_icon{
	float:right;
	margin-right:15px;
	margin-top:12px;
}
.social_icon img{
	margin-left:4px;
}

#block_of_event{
	clear:both;
	width:698px;
	box-shadow:4px 4px 5px -1px rgba(0,0,0,0.4);
	-webkit-box-shadow:4px 4px 5px -1px rgba(0,0,0,0.4);
	-moz-box-shadow:4px 4px 5px -1px rgba(0,0,0,0.4);
	-o-box-shadow:4px 4px 5px -1px rgba(0,0,0,0.4);
	-ms-box-shadow:4px 4px 5px -1px rgba(0,0,0,0.4);
}
div.rightmenuframe_{
	overflow:visible;
}
#gnav_mypage p{
	 padding-left:15px; 
 }
 #header #globalnav li {
	margin-right:53px;
}
#gnav_letter_onlineshop,
#gnav_letter_purchase,
#gnav_letter_note,
#gnav_letter_decksearch,
#gnav_letter_{
	padding-left:5px;
	padding-right:20px;
	font-weight: bold;
	font-size:18px;
	position:relative;
	transition:background,0.3s;
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
	border:0;
	z-index:0;
}
#gnav_mypage #gnav_letter_onlineshop:hover,
#gnav_mypage #gnav_letter_purchase:hover,
#gnav_mypage #gnav_letter_note:hover,
#gnav_mypage #gnav_letter_decksearch:hover,
#gnav_mypage #gnav_letter_:hover{
	color:white;
}
#gnav_letter_onlineshop:after,
#gnav_letter_purchase:after,
#gnav_letter_note:after,
#gnav_letter_decksearch:after,
#gnav_letter_:after{
	content:"";
	width:5px;
	height:20px;
	left:0;
	top:0;
	position:absolute;
	transition:background,0.3s;
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
	z-index:-1;
	border-radius:2px;
}
#gnav_letter_onlineshop:after{
	 background:rgb(235,85,5);
}
#gnav_letter_purchase:after{
	 background:rgb(60,65,150);
}
#gnav_letter_note:after{
	 background:rgb(210,185,155);
}
#gnav_letter_decksearch:after{
	 background:rgb(160,160,160);
 }
#gnav_letter_:after{
	 background:rgb(240,130,55);
}
#gnav_letter_onlineshop:hover:after,
#gnav_letter_purchase:hover:after,
#gnav_letter_note:hover:after,
#gnav_letter_decksearch:hover:after,
#gnav_letter_:hover:after{
	width:100%;
	height:30px;
	top:-5px;
	border-radius:100px 10px;
	opacity:0.7
}
#gnav_mypage a{
	transition:background,0.3s;
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
}
#gnav_mypage a:link{
	color:black;
}
#gnav_mypage a:visited{
	color:black;
}
#gnav_mypage a:hover{
	text-decoration:none;
	color:white;
}*/

/* --------------------------------------------------------------------
	最新記事一覧
--------------------------------------------------------------------- */
/*
.list_thumb_{
	width:960px;
	padding: 10px 0;
	margin:20px 0 60px;
	background-color:#FBF8EE;
	border: 2px solid rgb(140,100,80);
	border-radius: 7px;
	
	box-sizing: border-box;
	position:relative;

}

.new{
	width:200px;
	padding: 0 19px;
}

.thumb_title{
	width: 180px;
	height: 55px;
	font-size:12px;
	font-weight: bold;
	background:black;
	background: linear-gradient(gray,black);
	padding: 5px 10px;
	overflow: hidden;

}

.inner_{
	position:relative;
}*/

/* --------------------------------------------------------------------
	サブカラム
--------------------------------------------------------------------- */
/*
div.leftmenuframe_{
	margin: 0 20px 0 0;
	float: left;
	display: inline;
	width: 280px;
	box-sizing: border-box;
	overflow: visible;
}

.search_box_{
	border: 1px solid rgb(140,100,80);
	
	box-sizing: border-box;
	margin-bottom:20px;
	background: white;
}

#articleSearch{
	width: 250px;
	border:3px solid rgb(105, 74, 56);
	margin: 5px 10px;
}

#searchtxt{
	width:210px;
	height: 26px;
	padding: 0 5px;
	border:0;
	float:left;
}

#searchbtn{
	vertical-align:bottom;
}

div.genre_filter_link_side ul.master_node{
	padding:0;
}

div.genre_filter_link_side ul.master_node:nth-of-type(2) .toggle .master_title,
div.genre_filter_link_side ul.master_node:nth-of-type(3) .toggle .master_title,
div.genre_filter_link_side ul.master_node:nth-of-type(4) .toggle .master_title,
div.genre_filter_link_side ul.master_node:nth-of-type(5) .toggle .master_title{
	border-color: rgb(140,100,80);
}

div.genre_filter_link_side ul.master_node:nth-of-type(2) .toggle .master_title{
}
div.genre_filter_link_side ul.master_node:nth-of-type(3) .toggle .master_title{
	color:#349BB6;
}
div.genre_filter_link_side ul.master_node:nth-of-type(4) .toggle .master_title{
	color:#9865B7;

}
div.genre_filter_link_side ul.master_node:nth-of-type(5) .toggle .master_title{
}

div.genre_filter_link_side ul.master_node:nth-last-of-type(1),
div.genre_filter_link_side ul.master_node:nth-last-of-type(2){
	display:none;
}
.genreList{
	display: none;
}

.toggle {
	cursor: pointer;
}

.master_title{
	display: block;
	padding: 10px 10px;
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid;
}

.list-arrow{
	position: relative;
}

.list-arrow::after{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	position: absolute;
	top: 35%;
	right: 15px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);

}
.master_node:nth-of-type(2) .list-arrow::after{
	border-color: #919191 transparent transparent transparent;
}
.master_node:nth-of-type(3) .list-arrow::after{
	border-color: #349BB6 transparent transparent transparent;
}
.master_node:nth-of-type(4) .list-arrow::after{
	border-color: #9865B7 transparent transparent transparent;
}
.master_node:nth-of-type(5) .list-arrow::after{
}

.list-arrow.active::after{
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.leftBlock{
	border: 1px solid rgb(140,100,80);
	
	box-sizing: border-box;
	margin-bottom:20px;
	background: white;
	overflow:hidden;
}
.leftBlock a{
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
	transition:background,0.3s;
	display:block;
}
.leftBlock a:hover{
	background:rgb(250,215,160);
}
.leftBlock li{
	margin:0 10px;
}
*/
/*カレンダー*/
/*
.blockCalendar{
	border: 1px solid rgb(140,100,80);

	box-sizing: border-box;
	margin-bottom:20px;
}

.blockCalendar p{
	margin:15px;
}

.calendar{
	margin:0;
	padding:10px;
	background-color: rgb(140,100,80);  
	color: white;
}

table.blog_calendar{
	border-spacing: 0;
	border-collapse: collapse;
	margin:auto;
}

table.blog_calendar  .week 
{
  width:35px;
  font-size:11px; 
  text-align:center;
  line-height: 140%;
}
table.blog_calendar  .sunday { color:red; }
table.blog_calendar  .saturday { color:blue; }

table.blog_calendar  .day {
	font-size:12px;
	line-height: 140%;
}
table.blog_calendar  tr.contents  { height:10px; }
*/
/*<!-- table.blog_calendar   th { padding:3px; border:1px solid #C0C0C0; }*/
/*table.blog_calendar  td { text-align: center; } -->
/*table.blog_calendar  td.other_month { background-color:#eeeeee; }*/
/*
table.blog_calendar  td.today { background-color:rgb(255,230,170); }
table.blog_calendar  a { text-decoration : underline; }
table.blog_calendar  .sunday a { color:red; }
table.blog_calendar  .saturday a { color:blue !important; }

.event_title_{
	border:none;
	margin-bottom: 0;
}

h2.ranking,h2.recommend{
	color:white;
	font-weight: bold;
	border-bottom: 2px solid;
	padding: 3px 0 3px 90px;
}

h2.ranking{
	background: url("../img/usr/1706_access_ranking_mojinasi.png") no-repeat;
	height: 30px;
	line-height: 30px;
}

.rank{
	left:0;
	top:10px;
}

h2.recommend{
	background: url("../img/usr/1706_osusume_news_mojinasi.png") no-repeat;
	height: 30px;
	line-height: 30px;
}
.recommend+.list li{
	margin:0;
	padding:0;
	border:0;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}
.recommend+.list li a{
	display:block;
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
	transition:background,0.3s;
	padding:10px 10px 0;
	position:relative;
}
.recommend+.list li a:after{
	display:block;
	width:256px;
	content:"";
	border-bottom:1px rgb(140,100,80) solid;
	clear:both;
	margin:auto:
}
.recommend+.list li:last-child a:after{
	border:none;
}
.recommend+.list li a:hover{
	background:rgb(250,215,160);
}
.recommend+.list li img{
	float:left;
	margin-bottom:10px;
	width:89px;
}
.recommend+.list .genre_filter_article_writer{
	padding:10px 0;
}
.recommend+.list .item_node.root_genre_item p{
	position:static !important;
}
.list li{
	padding: 10px 0;
	border-bottom: 1px solid rgb(140,100,80);
	position: relative;
}
.list a:last-child li{
	border-bottom:none;
}

.list li a{
	color: black;
}

.list li a:hover{
	color:#0068b6;
}

.list img{
	margin-right:10px;
	vertical-align:top;
}

.leftBlock .list .info{
	padding: 0 0 0 95px;
}

.list_author{
	margin:10px 0 0 0 ;
}
*/
/* --------------------------------------------------------------------
	メインカラム
--------------------------------------------------------------------- */
div.container_ div.contents_ div.mainframe_{
	width:660px;
	float:left;
	overflow: visible!important;
}

.article_main{
	position: relative;
	border:1px solid rgb(140,100,80);
	padding: 10px 29px;
	margin-bottom: 30px;
	
	box-sizing: border-box;
	background: white;
	overflow: hidden;
}
.article_main:after{
	content:"";
	display:none;
	clear:both;
}
.kuzu{
	padding: 5px 0;
	font-size:12px;

}

.article_detail{
	padding:10px 0 0 0;
}


.tag_container{
	width:70%;
}
.articleTopTags .tag_container{
	width:100%;
}

.mainframe_ .master_node .root_genre_item{
	margin-bottom:10px;
}

.search_box_ .master_node .root_genre_item li{
	font-size:16px;
	border-top:1px rgb(140,100,80) dotted;
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
	transition:background,0.3s;
}
.search_box_ .master_node .root_genre_item li:hover{
	background: #FFF4D6;
}
.search_box_ .master_node .root_genre_item li a{
	display: block;
	padding:8px 0 8px 15px;
}
.genre_filter_link_side .master_node:first-child .genreList li:nth-of-type(1){color:rgb(202,70,54)}
.genre_filter_link_side .master_node:first-child .genreList li:nth-of-type(2){color:rgb(58,120,190)}
.genre_filter_link_side .master_node:first-child .genreList li:nth-of-type(3){color:rgb(0,153,68)}
.genre_filter_link_side .master_node:first-child .genreList li:nth-of-type(4){color:#C65900}
.genre_filter_link_side .master_node:first-child .genreList li:nth-of-type(5){color:rgb(218,80,151)}
.current_link{
	background:#fdd;
	display: block;
}
.genre_filter_link_side .master_node:first-child .genreList li span.current_link{
	padding:10px;
}
.search_box_ .master_node .root_genre_item li span.current_link{
	padding:8px 0 8px 15px;
}
.genre_filter_link_side .master_node:first-child .master_title{
	display: none;
}
.genre_filter_link_side .master_node:first-child .genreList{
	display: block;
}
.genre_filter_link_side .master_node:first-child .genreList li{
	border-top-style:solid;
	font-weight:bold;
}
.genre_filter_link_side .master_node:first-child .genreList li a{
	color: inherit;
	display: block;
	width:100%;
	height: 100%;
	padding:10px;
}
.article_title_{
	font-size:18px;
	line-height: 1.2em;
	width: 75%;
	margin-bottom: 10px;
}

.snsbox{
	position:absolute;
	right:-30px;
	bottom:10px;
}

.cms_sns{
	float: left;
	white-space: nowrap;
	margin: 0 20px 0 0;
}


/*本文*/

/*記事画像リサイズ*/
.imgsizes a img {
	width: 100px;
}

.imgsizem a img {
	width: 150px;
}

.imgsizel a img {
	width: 200px;
}

.article_head{
	/*padding:0 0 10px 0;*/
	margin:0 0 20px 0;
	border-bottom: 2px solid gray;
}

.date{
	display: inline-block;
}

.date p{
	margin:0 0 10px 0;
	font-size:15px;
	font-weight:bold;
}

.writer{
	display: block;
	font-size:15px;
	font-weight:bold;
}

.writerImg{
	vertical-align: middle;
}
.writername{
	vertical-align: bottom;
	font-size:17px;
}

.tag_container li{
	float:left;
	margin:0 10px 10px 0;
	padding:2px 10px;
	background-color:gray;
	border:1px solid gray;
	-moz-transition:background,0.3s;
	-webkit-transition:background,0.3s;
	-o-transition:background,0.3s;
	-ms-transition:background,0.3s;
	transition:background,0.3s;
}
.tag_container li:hover{
	background-color:white;
	color:gray;
}
.tag_container a{
	display:inline;
	text-decoration:none;
}
.tag_container a,
.tag_container a:visited,
.tag_container a:link{
	color:white;
}
.tag_container li:hover a,
.tag_container li:hover a:visited,
.tag_container li:hover a:link{
	color:gray;
}

/* 1210 記事トップページのタグ*/
.articleTopTags .tag_container li{
	padding:1px 6px;
	font-size:12px;
}
.article_main .articleTopTags .tag_container li a{
	color: white;
}
.article_main .articleTopTags .tag_container li:hover a{
	color: gray;
}


.articleIcon{
	right:-20px;
	top:-10px;
}

.genre_filter_smple_writer ul.root_genre_item{padding-left:0px !important;}
.genre_filter_smple_writer ul.child_genre_item{padding-left:20px;}
.genre_filter_smple_writer li{list-style-type: none;}

  #nextbox{
    padding-top: 20px;
    padding-bottom: 20px;
    clear: both;
    font-size: 17px;
	margin-bottom:10px
  }

  #nextcenter{
    margin-left: 150px;
  }


/*最新記事一覧 */
.list_thumb_ a{
	color:white;
}

.list_thumb_ .article_img_l{
	width:200px;
	height:133px;
	overflow:hidden;
}

.list_thumb_ .icon{
	position:absolute;
	left:-10px;
	top:10px;
}

/*記事一覧*/
.list_ttl{
	padding: 10px;
	font-size:14px;
	font-weight: bold;
	color:white;
	background:rgb(140,100,80);
	margin:0 0 10px 0;
}
.article_list {
	padding: 20px 10px;
}

.article_list a{
	color:black;
}

.article_list a:hover{
	color:#0068b6;
}

.articleImg{
	padding:0;
}

.article_pic{
	width: 120px;
}
.articleWrap .article_pic{
	width:auto;
	max-width:150px;
	max-height:100px;
}
.articleInfo{
	width: 450px;
	margin:0 0 0 140px;
}
.icon_new{
	top:5px;
	left:-10px;
}

.list_genre{
	top: 15px;
	right: -15px;
}

.article_ttl,.article_author{
	padding: 10px 0;
	font-size:16px;
	font-weight: bold;
}
.article_main>.article_list{
	border-bottom: 1px solid rgb(140,100,80);
	line-height: 130%;
}
.article_main>.article_list a{
	color: #333;
}
.article_main>.article_list a:link{
	color: #333;
}

.field_data{
	display:none; /*検索結果ページ用*/
}

/*.article_main div:nth-last-child(1){
	border-bottom:none;

}*/

 a:hover{
	text-decoration: none;
 }

/*カバレージトップ*/
.top8 .playerlist{
margin:0 0 20px;
}
.coverageTitle img,.top8 .decklist img,.top8 .bracket,.top8 .playerlist img{
display: block;
margin:0 auto 10px;
}

.coverage_article{
	position: relative;
	border: 2px solid rgb(140,100,80);
	border-radius: 7px;
	padding: 10px;
	margin-bottom: 10px;
	box-shadow: 2px 1px 4px rgba(0,0,0,0.5);
	box-sizing: border-box;
	background: white;
}

.playerlist .inner .player{
margin-left: 10px;
}

.playerlist .inner .player .name{
color:white;
background: rgba(0,0,0,0.7);
bottom:10px;
padding:3px;
width:100%;
box-sizing:border-box;
}
.playerlist .inner .player .name p{
font-size:12px;
text-align: center;
}

/*ページナビ*/
 ul.pageNav01 {
	padding: 20px 10px 5px;
	text-align: center;
}

ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	font-size: 14px;
	line-height: 24px;
}

ul.pageNav01 li span,
ul.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}
ul.pageNav01 li>span{
	color:red;
	font-weight:bold;
}
#sec_menus a:link {
	color: #EA5404;
}
#sec_menus a:visited {
	color: #EA5404;
}
#sec_menus a:hover {
	color: #EA5404;
	text-decoration: none;
}
li.summary{
	margin-bottom:10px;
}
table.decktable {
	width:100%;
}
.decktable hr.headerline{
	height: 5px;
	border: 1px solid #000;
	background-color: #000;
}
.decktable caption{
	text-align: center;
}
.decktable p.caption_upper{
	font-size: 1.3em;
}
.decktable td{
	width:33%;
}
.login_button,.kaiin_button{
	float:left;
	margin-right:10px;
}
.cart_button{
	float:left;
}
	.ARimg{
		float:left;
		width:88px;
		height:88px;
	}
	.ARimg img{
		max-width:88px;
		max-height:88px;
		position:relative;
	}
	.ranking_  p{
		color:black;
		font-size: 14px;
		line-height: 20px;
		font-weight: normal;

	}
	.ranking_ .ARimg:before{
		content:"0";
		width:20px;
		height:20px;
		font-size:14px;
		position:absolute;
		font-weight:bold;
		color:white;
		background:#d80c18;
		text-align:center;
		z-index:1;
		line-height:21px;
	}
	.list a:nth-of-type(1) .ARimg:before{content:"1"}
	.list a:nth-of-type(2) .ARimg:before{content:"2"}
	.list a:nth-of-type(3) .ARimg:before{content:"3"}
	.list a:nth-of-type(4) .ARimg:before{content:"4"}
	.list a:nth-of-type(5) .ARimg:before{content:"5"}
	.ARtitle{
		float:right;
		height:57px;
		width:160px;
		margin-bottom:10px;
		overflow:hidden;
	}
	.ARauthor{
		float:right;
		width:160px;
	}
	.ARreturnTop{
		text-align: center;
	}
	.ARreturnTop p{
		border:1px solid #aaa;
		border-radius:5px;
		padding:10px 10px 10px 30px;
		display: table-cell;
		margin:0 auto 15px;
		background:#aaa;
		box-shadow:4px 4px 5px -1px rgba(0,0,0,0.4);
		color:white;
		position:relative;
		-moz-transition:background,0.3s;
		-webkit-transition:background,0.3s;
		-o-transition:background,0.3s;
		-ms-transition:background,0.3s;
		transition:background,0.3s;
	}
	.ARreturnTop p:hover{
		background:white;
		color:#aaa;
	}
	.ARreturnTop p:before{
		content:"";
		position:absolute;
		border:7px solid transparent;
		border-right:10px white solid;
		left:3px;
	}
	.ARreturnTop p:hover:before{
		border-right:10px #aaa solid;
	}
	
/*記事本文用*/
.articleWrap > div{
	margin-bottom:10px;
	line-height:1.8;
	font-size: 14px;
}
.articleWrap>div table{
	line-height:1.4;
}
.articleWrap .coverageTitle{
width:600px;
background: rgb(184,29,34);
background: -moz-linear-gradient(left,  rgba(184,29,34,1) 0%, rgba(184,29,34,1) 50%, rgba(240,208,151,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(184,29,34,1)), color-stop(50%,rgba(184,29,34,1)), color-stop(100%,rgba(240,208,151,1)));
background: -webkit-linear-gradient(left,  rgba(184,29,34,1) 0%,rgba(184,29,34,1) 50%,rgba(240,208,151,1) 100%);
background: -o-linear-gradient(left,  rgba(184,29,34,1) 0%,rgba(184,29,34,1) 50%,rgba(240,208,151,1) 100%);
background: -ms-linear-gradient(left,  rgba(184,29,34,1) 0%,rgba(184,29,34,1) 50%,rgba(240,208,151,1) 100%);
background: linear-gradient(to right,  rgba(184,29,34,1) 0%,rgba(184,29,34,1) 50%,rgba(240,208,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b81d22', endColorstr='#f0d097',GradientType=1 );
margin-bottom:10px;
}
.articleWrap .coverageTitle:after{
	clear:both;
	display:block;
	content:"";
}
.articleWrap .coverageTitle h2{
padding:15px 10px 0 15px;
color:white;
font-size:22px;
text-shadow:3px 3px 3px rgba(0,0,0,0.7);
line-height:20px;
float:left;
font-weight:bold;
}
.articleWrap .coverageTitle .honbun{
background-color:#F3DBD5;
margin:10px 10px 15px 15px;
width:345px;
padding:10px;
float:left;
font-size:12px;
border-radius:5px;box-shadow:3px 3px 3px rgba(0,0,0,0.4);
}
.articleWrap .coverageTitle .honbunImg{
float:right;
width:190px;
height:190px;
margin:15px 15px 15px 0;
}
.articleWrap .coverageTitle .honbunImg img{
	width:190px;
	height:190px;
	margin-top:25px;
}
.deckList {
margin-bottom:20px;
}
.deckList div{
	height:50px;
	width:600px;
}
.deckList .red,
.godBracket h3.red{
background: rgb(231,29,25); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(231,29,25,1) 0%, rgba(231,29,25,1) 50%, rgba(236,108,69,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(231,29,25,1)), color-stop(50%,rgba(231,29,25,1)), color-stop(100%,rgba(236,108,69,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(231,29,25,1) 0%,rgba(231,29,25,1) 50%,rgba(236,108,69,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(231,29,25,1) 0%,rgba(231,29,25,1) 50%,rgba(236,108,69,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(231,29,25,1) 0%,rgba(231,29,25,1) 50%,rgba(236,108,69,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(231,29,25,1) 0%,rgba(231,29,25,1) 50%,rgba(236,108,69,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e71d19', endColorstr='#ec6c45',GradientType=1 ); /* IE6-9 */
}
.deckList .green,
.godBracket h3.green{
background: rgb(31,116,57); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(31,116,57,1) 0%, rgba(31,116,57,1) 50%, rgba(121,149,100,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,116,57,1)), color-stop(50%,rgba(31,116,57,1)), color-stop(100%,rgba(121,149,100,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(31,116,57,1) 0%,rgba(31,116,57,1) 50%,rgba(121,149,100,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(31,116,57,1) 0%,rgba(31,116,57,1) 50%,rgba(121,149,100,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(31,116,57,1) 0%,rgba(31,116,57,1) 50%,rgba(121,149,100,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(31,116,57,1) 0%,rgba(31,116,57,1) 50%,rgba(121,149,100,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f7439', endColorstr='#799564',GradientType=1 ); /* IE6-9 */
}
.deckList .purple,
.godBracket h3.purple{
background: rgb(128,49,141); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(128,49,141,1) 0%, rgba(128,49,141,1) 50%, rgba(171,123,181,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(128,49,141,1)), color-stop(50%,rgba(128,49,141,1)), color-stop(100%,rgba(171,123,181,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(128,49,141,1) 0%,rgba(128,49,141,1) 50%,rgba(171,123,181,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(128,49,141,1) 0%,rgba(128,49,141,1) 50%,rgba(171,123,181,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(128,49,141,1) 0%,rgba(128,49,141,1) 50%,rgba(171,123,181,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(128,49,141,1) 0%,rgba(128,49,141,1) 50%,rgba(171,123,181,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80318d', endColorstr='#ab7bb5',GradientType=1 ); /* IE6-9 */
}
.deckList .gold,
.godBracket h3.gold,
.godIntro h3.gold,
.articleWrap .playerList h3.gold{
background: rgb(153,113,36); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(153,113,36,1) 0%, rgba(153,113,36,1) 50%, rgba(226,190,56,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,113,36,1)), color-stop(50%,rgba(153,113,36,1)), color-stop(100%,rgba(226,190,56,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(153,113,36,1) 0%,rgba(153,113,36,1) 50%,rgba(226,190,56,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(153,113,36,1) 0%,rgba(153,113,36,1) 50%,rgba(226,190,56,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(153,113,36,1) 0%,rgba(153,113,36,1) 50%,rgba(226,190,56,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(153,113,36,1) 0%,rgba(153,113,36,1) 50%,rgba(226,190,56,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#997124', endColorstr='#e2be38',GradientType=1 ); /* IE6-9 */
}
.deckList .blue,
.godBracket h3.blue,
.godIntro h3.blue{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3636ff+0,3636ff+50,7c76f2+100 */
background: rgb(54,54,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(54,54,255,1) 0%, rgba(54,54,255,1) 50%, rgba(124,118,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(54,54,255,1) 0%,rgba(54,54,255,1) 50%,rgba(124,118,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(54,54,255,1) 0%,rgba(54,54,255,1) 50%,rgba(124,118,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3636ff', endColorstr='#7c76f2',GradientType=1 ); /* IE6-9 */
}
.deckList .black,
.godIntro h3.black{
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(147,147,147,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(50%,rgba(0,0,0,1)), color-stop(100%,rgba(147,147,147,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(147,147,147,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(147,147,147,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(147,147,147,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(147,147,147,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#939393',GradientType=1 ); /* IE6-9 */
}
.deckList .orange, 
.godBracket h3.orange {
background: rgb(255,165,0); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,165,0,1) 0%, rgba(255,165,0,1) 50%, rgba(249,207,131,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,165,0,1)), color-stop(50%,rgba(255,165,0,1)), color-stop(100%,rgba(249,207,131,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,165,0,1) 0%,rgba(255,165,0,1) 50%,rgba(249,207,131,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,165,0,1) 0%,rgba(255,165,0,1) 50%,rgba(249,207,131,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,165,0,1) 0%,rgba(255,165,0,1) 50%,rgba(249,207,131,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,165,0,1) 0%,rgba(255,165,0,1) 50%,rgba(249,207,131,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa500', endColorstr='##f9cf83',GradientType=1 ); /* IE6-9 */
}

.deckList div p{
	font-size:24px;
	position:relative;
	border-bottom:rgba(255,255,255,0.6) solid 3px;
	line-height:24px;
	padding:14px 0 2px 20px;
	font-weight:bold;
	color:white;
}
.deckList div p:before{
	width:0;
	height:0;
	border:13px solid transparent;
	border-right:27px solid transparent;
	border-left:27px solid rgba(255,255,255,0.8);
	border-bottom:13px solid rgba(255,255,255,0.8);
	content:"";
	position:absolute;
	right:10px;
	top:9px
}
.deckList div p:after{
	width:50px;
	height:11px;
	background:rgba(255,255,255,0.8);
	content:"";
	position:absolute;
	right:64px;
	top:24px
}
.ARreturnTop{
	clear:both;
}
#footer:after{
	content: "Copyright\00a9 Hareruya Inc. All Rights Reserved.";
	text-align:left;
	clear:both;
	display:block;
}
.godBracket{
	text-align:center;
	margin:10px 0;
	position:relative;
}
.godBracket:after{
	content:"";
	display:block;
	clear:both;
}
.godBracket p,
.godBracket h3{
	border:1px solid #333;
	border-radius:5px;
	font-size:24px;
	line-height:24px;
	padding:10px 0;
}
.godBracket h3{
margin-bottom:5px;
font-weight:bold;
color:white;
}
.godBracket p{
margin-bottom:15px;
position:relative;
}
.godBracketLeft{float:left}
.godBracketRight{float:right}
.godBracketLeft,
.godBracketRight{
	width:295px;
}
.godBracketLeft p:nth-of-type(1):after{
	position:absolute;
	content:"VS";
	font-size:36px;
	color:white;
	text-shadow:1px 1px black,-1px 1px black,1px -1px black,-1px -1px black;
	left:0;
	right:0;
	bottom:-22px;
	z-index:1;
	font-weight:bold;
}
.godBracketRight p{
	font-size:30px;
	line-height:40px;
	padding:12px 0;
	font-weight:bold;
}
.godBracketRight p span:last-child{
	text-align:right;
}
.godIntro{
	text-align:center;
}
.godIntro h3{
	font-size:26px;
	padding:10px 20px;
	line-height:26px;
	margin-bottom:10px;
	text-align:left;
	color:white;
}
.godIntro div>div{
	display:inline-block;
	width:160px;
	height:160px;
	margin:10px 10px 20px;
	position:relative;
}
.godIntro div>div>p{
	position:absolute;
	bottom:0;
	width:100%;
	padding:10px 0;
	background:rgba(0,0,0,0.4);
	color:white;
}
.godIntro img{
	width:160px;
	height:160px;
}
.renew.coverage_article{
	padding:0;
	overflow:hidden;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	transition:0.3s;
	height:120px;
	background:white;
}
.renew.coverage_article:hover{
	background:rgb(250,215,160);
}
.renew.coverage_article .article_list{
	padding:0;
	height:116px
}
.renew.coverage_article .articleImg{
	width:165px;
	height:116px;
	background-position:center center;
	background-size:cover;
	padding:0;
	margin-right:0;
	position:relative;
}
/*
.renew.coverage_article .articleImg:after{
	position:absolute;
	top:0;
	right:0;
	width:120px;
	height:116px;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	content:"";
}
*/
.renew.coverage_article .articleInfo{
	float:right;
	width:400px;
	margin:10px 10px 0 0;
}
.renew.coverage_article .articleTitle{
	font-size:16px;
	color:#444;
	font-weight:bold;
	height:44px;
	line-height:22px;
}
.renew.coverage_article .articleDate{
	color:#444;
	margin-bottom:5px;
}
.renew.coverage_article .articleDouga{
	float:right;
}
.renew.coverage_article .articleWriter{
font-weight:bold;
	color:#444;
}
.renew a:hover img{
	opacity:1;
}
.articleSocial{
	margin:20px 0;
}
.articleSocial:after{
	content:"";
	display:block;
	clear:both;
}
.articleSocial .articleTwitter,
.articleSocial .articleFacebook{
	width:50%;
	float:left;
	padding:20px 0;
}
.articleSocial .articleTwitter p,
.articleSocial .articleFacebook p{
	font-size:24px;
	color:white;
	text-align:center;
	font-weight:bold;
	line-height: 100%;
}
.articleSocial .articleTwitter{background-color:#00aced}
.articleSocial .articleFacebook{background-color:#305097}
.articleAuthor{
	border:#aaa solid 1px;
	border-radius:5px;
	padding:10px;
	box-shadow:2px 2px 3px rgba(0,0,0,0.4);
}
.articleAuthor:after{
	clear:both;
	display:block;
	content:"";
}
.articleAuthor .authorImg img{
	width:140px;
	float:right;
	margin-left:10px;
	border:1px solid #aaa;
	border-radius:5px;
}
.articleAuthor .authorName{
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	padding-left:3px;
}
.articleAuthor .authorInfo{
	margin-bottom:10px;
}

.articleAuthor .authorLink{
	display:block;
	padding:6px 0px;
	border:1px solid #aaa;
	float:left;
	color:#444;
	margin-top:8px;
	margin-left:12px;
	border-radius:5px;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	transition:0.3s;
	width: 262px;
	height: 30px;
	box-sizing:border-box;
	text-align: center;
	line-height: 16px;

}
.articleAuthor .authorLink:hover{
	background:#aaa;
	color:white;
}
.articlePast h3,
.articleRelated h3{
	margin:30px 0 20px;
	border-top:3px solid rgb(140,100,80);
	border-bottom:3px solid rgb(140,100,80);
	padding:10px 20px;
	font-size:20px;
	position:relative;
	font-weight:bold;
	color:rgb(140,100,80);
	line-height:20px;
}
.articlePast h3:after,
.articleRelated h3:after{
	display:block;
	width:5px;
	height:20px;
	background-color:rgb(140,100,80);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	content:"";
}
.articlePast ul{
	padding-left:10px;
}
.articlePast li{
	margin-bottom:3px;
	font-size:16px;
	line-height: 130%;
}
/*商品レコメンド部分*/
.aRecommend{
	text-align:center;
	margin-bottom:10px;
}
.aRecommend h3{
	text-align:center;
	color:rgb(140,100,80);
	font-size:16px;
	position:relative;
	margin-top:20px;
	z-index:0;
	margin-bottom:10px;
}
.aRecommend h3:before{
	content:"";
	border-bottom:1px solid rgb(140,100,80);
	position:absolute;
	width:100%;
	top:8px;
	left:0;
	z-index:-1;
}
.aRecommend h3 span{
	font-weight:bold;
	background:white;
	padding:10px;
	z-index:1;
	font-size:16px;
	text-align:center;
}
.ARdiv{
	width:130px;
	height:187px;
	padding:10px 0;
	border:1px solid rgb(140,100,80);
	border-radius:5px;
	margin:5px;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}
.ARcardImg img{
	margin-bottom:10px;
}
.ARcardName {
	font-size:11px
}
.prosBanner{
	width:276px;
	border:1px solid rgb(140,100,80);
}
.prosBanner img{
	width:276px;
}
.authorProsBanner{
	margin-top:8px;
	border:1px solid #aaa;
	width: 260px;
	height: 30px;
	border-radius:5px;
	margin-left:24px;
}

/*0910 リストボタン追加CSS*/
#listButton{
	position:absolute;
	bottom:-50px;
	width:960px;
	left:-2px;
}
#listButton ul:after{
	clear:both;
	display:block;
	content:"";
}
#listButton li{
	float:left;
	box-sizing:border-box;
	width:231px;
	margin-top:10px;
	margin-right:12px;
	text-align:right;
	border:2px solid;
	padding:7px 20px;
	font-weight:bold;
	border-radius:8px;
	color:white;
	position:relative;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	transition:0.3s;
}
#listButton li:hover{
	opacity:0.7;
}
#listButton li:after{
	content:"";
	display:block;
	clear:both;
}
#listButton a:nth-last-of-type(1) li{
	margin-right:0;
}
#listButton .listColumn{
	border-color:#971F21;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee8f73+0,ca4637+100 */
	background: rgb(238,143,115); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,143,115,1) 0%, rgba(202,70,55,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,143,115,1)), color-stop(100%,rgba(202,70,55,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,143,115,1) 0%,rgba(202,70,55,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,143,115,1) 0%,rgba(202,70,55,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,143,115,1) 0%,rgba(202,70,55,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,143,115,1) 0%,rgba(202,70,55,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8f73', endColorstr='#ca4637',GradientType=0 ); /* IE6-9 */
}
#listButton .listMovie{
	border-color:#B70081;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1afcb+0,d03a91+100 */
	background: rgb(241,175,203); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(241,175,203,1) 0%, rgba(208,58,145,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,175,203,1)), color-stop(100%,rgba(208,58,145,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(241,175,203,1) 0%,rgba(208,58,145,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(241,175,203,1) 0%,rgba(208,58,145,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(241,175,203,1) 0%,rgba(208,58,145,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(241,175,203,1) 0%,rgba(208,58,145,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1afcb', endColorstr='#d03a91',GradientType=0 ); /* IE6-9 */
}
#listButton .listCoverage{
	border-color:#004EA3;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#99c1e5+0,2166b1+100 */
	background: rgb(153,193,229); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(153,193,229,1) 0%, rgba(33,102,177,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,193,229,1)), color-stop(100%,rgba(33,102,177,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(153,193,229,1) 0%,rgba(33,102,177,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(153,193,229,1) 0%,rgba(33,102,177,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(153,193,229,1) 0%,rgba(33,102,177,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(153,193,229,1) 0%,rgba(33,102,177,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c1e5', endColorstr='#2166b1',GradientType=0 ); /* IE6-9 */
}
#listButton .listBlog{
	border-color:#007440;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#96cda3+4,008e42+100 */
	background: rgb(150,205,163); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(150,205,163,1) 4%, rgba(0,142,66,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,rgba(150,205,163,1)), color-stop(100%,rgba(0,142,66,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(150,205,163,1) 4%,rgba(0,142,66,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(150,205,163,1) 4%,rgba(0,142,66,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(150,205,163,1) 4%,rgba(0,142,66,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(150,205,163,1) 4%,rgba(0,142,66,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96cda3', endColorstr='#008e42',GradientType=0 ); /* IE6-9 */
}
#listButton li p{
	float:right;
	position:relative;
}
#listButton li p:before{
	content:"";
	position:absolute;
	left:-25px;
	top:0;
	bottom:0;
	margin:auto 0;
	border-radius:50%;
	background:white;
	width:18px;
	height:18px;
}
#listButton li p:after{
	content:"";
	position:absolute;
	left:-19px;
	top:0;
	bottom:0;
	margin:auto 0;
	border:5px solid transparent;
	border-left:8px solid;
	width:0;
	height:0;
}
#listButton .listColumn p:after{border-left-color:#DD6D57}
#listButton .listMovie p:after{border-left-color:#E583B5}
#listButton .listCoverage p:after{border-left-color:#6B9FD1}
#listButton .listBlog p:after{border-left-color:#57B27A}

.articleWrap a.popup_product{
        display:inline;
}
.articleWrap .carddtaillink a.popup_product{
        display:inline-block;
}
.articleWrap td{
	vertical-align: top;
}

/*テンプレート色々*/
.articleWrap .cvTitle{
	background: rgb(184,29,34);
	background: -moz-linear-gradient(left,  rgba(184,29,34,1) 0%, rgba(184,29,34,1) 50%, rgba(240,208,151,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(184,29,34,1)), color-stop(50%,rgba(184,29,34,1)), color-stop(100%,rgba(240,208,151,1)));
	background: -webkit-linear-gradient(left,  rgba(184,29,34,1) 0%,rgba(184,29,34,1) 50%,rgba(240,208,151,1) 100%);
	background: -o-linear-gradient(left,  rgba(184,29,34,1) 0%,rgba(184,29,34,1) 50%,rgba(240,208,151,1) 100%);
	background: -ms-linear-gradient(left,  rgba(184,29,34,1) 0%,rgba(184,29,34,1) 50%,rgba(240,208,151,1) 100%);
	background: linear-gradient(to right,  rgba(184,29,34,1) 0%,rgba(184,29,34,1) 50%,rgba(240,208,151,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b81d22', endColorstr='#f0d097',GradientType=1 );
	margin-bottom:20px;
}
.articleWrap .cvTitle h3{
	padding:15px;
	color:white;
	font-size:22px;
	text-shadow:3px 3px 3px rgba(0,0,0,0.7);
	line-height:22px;
	font-weight:bold;
}
.articleWrap .cvTitle .cvbottom{
	display: table;
}
.articleWrap .cvTitle .cvLeft{
	display: table-cell;
	width:370px;
}
.articleWrap .cvTitle .cvLeft div{
	background-color:#F3DBD5;
	box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	margin:0 0 15px 15px;
	border-radius:5px;
	padding:12px 10px;
	font-size:12px;
}
.articleWrap .cvTitle .cvRight{
	display: table-cell;
	width:auto;
	vertical-align: top;
}
.articleWrap .cvTitle .cvRight img{
	width:200px;
	margin:0 15px;
}
.articleWrap .rumble{
    animation: shake 0.2s linear infinite;
    -webkit-animation: shake 0.2s linear infinite;
}
.articleWrap .rumble.inline{
	display: inline-block;
}
@keyframes shake {
    0% { transform: translate(3px, 2px) rotate(0deg); }
    10% { transform: translate(-2px, -3px) rotate(-1deg); }
    20% { transform: translate(-4px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 3px) rotate(0deg); }
    40% { transform: translate(2px, -2px) rotate(1deg); }
    50% { transform: translate(-2px, 3px) rotate(-1deg); }
    60% { transform: translate(-4px, 2px) rotate(0deg); }
    70% { transform: translate(3px, 2px) rotate(-1deg); }
    80% { transform: translate(-2px, -2px) rotate(1deg); }
    90% { transform: translate(2px, 4px) rotate(0deg); }
    100% { transform: translate(2px, -3px) rotate(-1deg); }
}
.articleWrap .spin{
    animation: kaiten 0.5s linear infinite;
    -webkit-animation: kaiten 0.5s linear infinite;
}
.articleWrap .spin.slow{
    animation: kaiten 6s linear infinite;
    -webkit-animation: kaiten 6s linear infinite;
}
@keyframes kaiten {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}
.articleWrap .bracket_renew{
	margin-bottom: 20px;
}
.articleWrap .bracket_renew table{
	width: 100%;
}
.articleWrap .bracket_renew td{
	vertical-align: middle;
	padding:4px;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	text-align: center;
}
.articleWrap .bracket_renew tr td:nth-of-type(1){
	border-left: none;
}
.articleWrap .bracket_renew tr:nth-of-type(even) td{
	background: #aaa;
}
.articleWrap .bracket_renew tr:nth-of-type(odd) td{
	background: #eee;
}
.articleWrap .bracket_renew th{
	background: #FF0461;
	text-align:center;

	padding:4px;
	vertical-align: middle;
	color: white;
}
.articleWrap .bracket_renew tr:nth-of-type(1) th{
	border-left:2px solid white;
}
.articleWrap .bracket_renew tr:nth-of-type(1) td:nth-of-type(1){
	background: white;
	width: 24px;
	border: 0;
}
.articleWrap .bracket_renew tr th:nth-child(1){
	width: 24px;
}
.articleWrap .bracket_renew tr:nth-of-type(4n) td:nth-of-type(2){
	background:#eee;
}
.articleWrap .bracket_renew tr:nth-of-type(3) td:nth-of-type(3){
	background:#aaa;
}
.articleWrap .bracket_renew tr:nth-of-type(4) td:nth-last-of-type(1){
	background:#aaa;
	border-right: 0;
}
.articleWrap .bracket_renew tr:nth-of-type(1) th:nth-of-type(1){
	border-left: 0;
}
.articleWrap .playerList{
	margin-bottom: 20px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.articleWrap .playerList h3{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#221815+0,898989+100 */
	background: rgb(34,24,21); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(34,24,21,1) 0%, rgba(137,137,137,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(34,24,21,1) 0%,rgba(137,137,137,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(34,24,21,1) 0%,rgba(137,137,137,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221815', endColorstr='#898989',GradientType=1 ); /* IE6-9 */
	font-size: 1.3em;
	line-height: 100%;
	padding:10px 15px;
	font-weight: bold;
	color: white;
	text-align: left;
	margin-bottom: 5px;
	font-size: 18px;
}
.articleWrap .playerList .playerListBlock{
	display: inline-block;
	margin:5px;
	width: 135px;
	position: relative;
}
.articleWrap .playerList .playerListBlock img{
	width:100%;
}
.articleWrap .playerList .playerListName{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 13px;
	width: 100%;
	line-height: 150%;
	padding:5px 0;
	background:rgba(0,0,0,0.7);
	color: white;
}

.article-content__main .playerList .playerListName p{
	margin: 0;
}

.articleWrap .char{
	padding-left: 110px;
	display: table;
	width: 100%;
	box-sizing: border-box;
	min-height: 100px;
	margin:5px 0;
	background-size: 100px 100px;
	background-position: left middle;
	background-repeat: no-repeat;
	position: relative;
}
.articleWrap .char>div{
	display: table-cell;
	vertical-align: middle;
}
.articleWrap .char.msg{
	padding-left: 120px;
}
.articleWrap .char.msg>div{
	border:1px solid;
	border-radius: 10px;
	position: relative;
	padding:10px;
}
.articleWrap .char.msg>div:before{
	content:"";
	border:15px solid transparent;
	border-right:15px solid #333;
	width:0;
	height:0;
	position:absolute;
	left:-31px;
	top:0;
	bottom:0;
	margin:auto 0;
}
.articleWrap .char.msg>div:after{
	content:"";
	border:15px solid transparent;
	border-right:15px solid white;
	width:0;
	height:0;
	position:absolute;
	left:-30px;
	top:0;
	bottom:0;
	margin:auto 0;
}

/*visualize decklist*/
.visualize{
	background-position: center center;
	background-size: cover;
	font-size: 0;
	line-height: 0;
}
.visualize h2{
	font-size: 30px;
	font-family: 'Gobold','Helvetica Neue',Helvetica,Arial,sans-serif;
	line-height: 130%;
	padding: 20px 10px 10px;
}
.visualize .subText{
	font-size:12px;
	line-height: 130%;
	padding:0 10px 30px;
}
.visualize .vOuter{
	display: inline-block;
	vertical-align: top;
	margin:0 0 6px 5px;
	width: 114px;
	height: 240px;
	position: relative;
}
.visualize .vOuter span{
	position: absolute;
	width: 114px;
	left: 0;
}
.visualize .vOuter span img{
    border-radius: 5px;
	width: 100%;
}
.visualize .vOuter span:nth-of-type(1){
	top:0;
}
.visualize .vOuter span:nth-of-type(2){
	top:25px;
}
.visualize .vOuter span:nth-of-type(3){
	top:50px;
}
.visualize .vOuter span:nth-of-type(4){
	top:75px;
}

/*visualize decklist2 MO形式*/
.mo_visualize h2{
	font-size: 30px;
	font-family: 'Gobold','Helvetica Neue',Helvetica,Arial,sans-serif;
	line-height: 130%;
	padding: 20px 10px 10px;
}

.mo_visualize .vOuterS {
	display: inline-block;
	vertical-align: top;
	margin:-4px;
	width: 114px;
	height: 158px;
	position: relative;
}
.mo_visualize .vOuterS .carddtaillink{
	position: absolute;
	width: 114px;
	left: 0;
}
.mo_visualize .vOuterS .carddtaillink img{
    border-radius: 5px;
	width: 100%;
}

.mo_visualize .vOuterS .Number_of_sheets{
	top:125px;
	/*background-image: url(https://www.hareruyamtg.com/cms/img/icon/number_wayfinder.png);*/
	width:47px;
	height: 27px;
	left: 4px;
	position: absolute;
}

.mo_visualize .vOuterS .Number_of_sheets p{
	color: white;
	font-size: 14px;
	position: absolute;
	top: 6px;
	left: 23px;
}

.mo_visualize_wrap .mo_visualize .vOuterS .Number_of_sheets p{
	top: 17px;
}

.mo_visualize .vOuterM {
	display: inline-block;
	vertical-align: top;
	width: 150px;
	height: 210px;
	margin: -3px;
	position: relative;
}
.mo_visualize .vOuterM .carddtaillink{
	position: absolute;
	width: 150px;
	left: 0;
}
.mo_visualize .vOuterM .carddtaillink img{
	width: 100%;
}

.mo_visualize .vOuterM .Number_of_sheets{
	bottom: 15px;
	/*background-image: url(https://www.hareruyamtg.com/cms/img/icon/number_wayfinder.png);*/
	width:47px;
	height: 27px;
	left: 4px;
	position: absolute;
}
.mo_visualize .vOuterM .Number_of_sheets p{
	color: white;
	font-size: 14px;
	position: absolute;
	top: 6px;
	left: 23px;
}
.mo_visualize_wrap .mo_visualize .vOuterM .Number_of_sheets p{
	top: 17px;
}

.mo_visualize .vOuterL {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	height: 280px;
	margin: -3px;
	position: relative;
}
.mo_visualize .vOuterL .carddtaillink{
	position: absolute;
	width: 200px;
	left: 0;
}
.mo_visualize .vOuterL .carddtaillink img{
	width: 100%;
}

.mo_visualize .vOuterL .Number_of_sheets{
	bottom: 20px;
	/*background-image: url(https://www.hareruyamtg.com/cms/img/icon/number_wayfinder.png);*/
	width:47px;
	height: 27px;
	left: 4px;
	position: absolute;
}
.mo_visualize .vOuterL .Number_of_sheets p{
	color: white;
	font-size: 14px;
	position: absolute;
	top: 6px;
	left: 23px;
}

.articleWrap .hiddenTarget{
	visibility: hidden;
	opacity: 0;
}

.goodbutton_test{
    width:100px;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    color:#fff !important;
    border:1px solid #333;
    border-radius: 5px;
    background: #ea5404;
    cursor: pointer;
}

.on{
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	text-shadow: 0 -1px -1px rgba(255, 255, 255, .5);
	background: #ba2404;
	color: #888;
}
.goodbutton_test .on{
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	text-shadow: 0 -1px -1px rgba(255, 255, 255, .5);
	background: #ea4404;
	color: #888;
}

#articleBanner{
	margin-bottom: 20px;
}

.pros_article_button{
	color: white!important;
}

/*article bottom link button start*/
.article-bottom-links-wrapper{
	margin: 20px 0;
	font-size: 0;
	line-height: 0;
}

.article-bottom-link{
	display: inline-block;
}

.article-bottom-link--twitter, .article-bottom-link--purchase{
	margin-right: 10px;
}

.article-bottom-link--ecsite{
	margin: 10px 0;
}
/*article bottom link button end*/

/*------------------

article renew css

-------------------*//*

#topHeader div.helpLink li{
    color: rgb(140,100,80);
}
#topHeader div.helpLink li:before{
    background:rgb(140,100,80);
}
#topHeader nav#contentLink ul{
    border-color:rgb(140,100,80);
}
#topHeader nav#contentLink .linkOnlineShop{
    background-color:#FFF4D6;
    color: rgb(140,100,80);
    font-weight: normal;
}
#topHeader nav#contentLink .linkArticle{
    background-color:rgb(140,100,80);
    color: white;
    font-weight: bold;
}
#topHeader nav#contentLink li{
    background-color:#FFF4D6;
    color: rgb(140,100,80);
}
#topHeader li.headerMailMagazine{
    background-color: rgb(140,100,80);
}
.list_thumb_{
    display: none;
}
#topHeader #contentLink li:hover{
    background:#A98872 !important;
}

*/
/*------------------

okubo css

-------------------*/
/*記事編集用CSS ver.1.06*/
/*最終更新日 2018年4月25日*/
/*クエリ：?yyyymmddhhmm*/

	/*「class="articleWrap"」*/
	/*大見出し用*/
	.articleWrap h2{
		padding: 10px 10px;
		border-top: 2px solid #888;
		border-bottom: 2px solid #888;
		margin: 80px 0px 40px 0px;
		font-size: 1.4em;
		color: #000;
		line-height: 1.4em;
		font-weight: bold;
	}

	/*中見出し用*/
	.articleWrap h3{
		padding: 20px;
		background-color: #eeeeee;
		border-radius: 10px;
		margin: 50px 0px 40px 0px;
		font-size: 1.2em;
		line-height: 1.2em;
		font-weight: bold;
	}

	/*小見出し用*/
	.articleWrap h4{
		padding: 10px;
		color: #555;
		margin: 30px 12px 30px;
		font-size: 1.1em;
		font-weight: bold;
		background: #F9F9F9;
		border-left: solid 5px darkcyan;
		border-bottom: solid 3px #d7d7d7;
	}

	/*リンクの色と下線のデザイン*/
	.articleWrap a{
		transition: 0.3s;
		color: darkcyan;
		/*border-bottom: 1px dotted;*/
		text-decoration: none;
	}

	.articleWrap a:hover{
		color: #00bcbc;
		text-decoration: none;
	}

	.articleWrap a.popup_product,
	.articleWrap .navhead a{
		border-bottom: none;
		text-decoration: none;
	}

	.articleWrap a.popup_product,
	.articleWrap .sqhead a{
		border-bottom: none;
		text-decoration: none;
	}

	.articleWrap .articleWrap .exlink{
		border-bottom: none;
	}

	/*pタグ関連*/
	.articleWrap p{
		margin-bottom: 30px;
	}
/*
	.articleWrap p:not(.quoteText > p){
		margin-bottom: 30px;
	}*/

	/*マージン関連*/
	.articleWrap .foreword{
		margin-top: 40px;
	}

	.articleWrap .content{
		margin-bottom: 30px;
	}

	.articleWrap .close{
		margin-bottom: 50px;
	}

	.articleWrap .fin{
		margin-bottom: 80px;
	}

	.articleWrap .margin50{
		margin: 50px 0 50px 0;
	}

	.articleWrap .photo{
		margin-bottom: 8px;
	}

	.articleWrap .margin0{
		margin-bottom: 0px;
	}


	/*articlwWrap外のマージン関連*/
	.foreword{
		margin-top: 40px;
	}

	.content{
		margin-bottom: 30px;
	}

	/*
	.close{
		margin-bottom: 50px;
	}*/

	.margin50{
		margin: 50px 0 50px 0;
	}

	.fin{
		margin-bottom: 80px;
	}

	.photo{
		margin-bottom: 8px;
	}

	.margin0{
		margin-bottom: 0px;
	}

	/*articleWrap外の大見出し*/
	.headLine{
		padding: 10px 10px;
		border-top: 2px solid #888;
		border-bottom: 2px solid #888;
		margin: 80px 0px 40px 0px;
		font-size: 1.4em;
		color: 000000;
		line-height: 1.4em;
		font-weight: bold;
	}

	/*articleWrap外の中見出し*/
	.midhead{
		padding: 20px;
		background-color: #eee;
		border-radius: 10px;
		margin: 50px 0px 40px 0px;
		font-size: 1.2em;
		line-height: 1.2em;
		font-weight: bold;
	}

	/*文字の大きさ*/
	.lltext{
		font-size: 2em;
		font-weight: bold;
	}

	.ltext{
		font-size: 1.4em;
		font-weight: bold;
	}

	.mtext{
		font-size: 1.2em;
		font-weight: bold;
	}

	.stext{
		font-size: 0.8em;
	}

	.sstext{
		font-size: 0.7em;
		font-weight: bold;
	}

	.normal{
		font-weight: normal;
	}

	.articleWrap p.lltext{
		font-size: 2em;
		font-weight: bold;
	}

	.articleWrap p.ltext{
		font-size: 1.4em;
		font-weight: bold;
	}

	.articleWrap p.mtext{
		font-size: 1.2em;
		font-weight: bold;
	}

	.articleWrap p.stext{
		font-size: 0.8em;
	}

	.articleWrap p.sstext{
		font-size: 0.7em;
		font-weight: bold;
	}

	.articleWrap p.normal{
		font-weight: normal;
	}

	/*カード画像*/
	div.cardimg{
		margin: 40px 0px;
		text-align: center;
	}

	.cardimg img{
		max-width: 200px;
	}

	/*hrを破線にする*/
	.hasen{
		border: none;
		border-top: dashed 2px #888;
		height: 2px;
		color: #FFFFFF;
		width: 596px;
	}

	/*点線の<div>などに。若月さん記事で頻出*/
	.wakatsuki{
		border-style: dotted;
		border-width: 1px;
		padding: 10px 20px 10px 20px;
		border-color: black;
		color: black;
	}

	/*目次はこれ*/
	.mokuji{
		border-style: solid; 
		border-width: 1px;
		padding: 10px;
		border-color: black;
		color: black;
		width: 400px;
		margin-bottom: 80px;
	}

	/*目次の中見はこれ*/
	.navhead{
		list-style-type: disc;
		margin-left:30px;
		font-size: 110%;
	}

	/*目次の中見はこれ*/
	.sqhead{
		list-style-type: square;
		margin-left:50px;
	}

	/* 晴れる屋劇場などで頻出。class="icontalk" を使用する際はimg要素に直接　style="border: 10px solid #[カラーコード]" を入力すること */

	img.icontalk{
		width: 80px;
		height: auto;
		text-align: left;
		margin: 0px 10px 50px 0px;
		vertical-align: middle;
		border-radius: 90px;
	}

	p.icontalk{
		display: inline-block;
		margin: 0px 0px 50px 0px;
		vertical-align: middle;
		overflow: hidden;
		width:480px;
	}

	/*引用文関連*/
	.quoteText{
		background: whitesmoke;
		margin: 50px 0px;
		padding: 20px 30px;
		border-radius: 5px;
		position: relative;
	}

	.quoteText:before{
		content:"“";
		position: absolute;
		top: -8px;
		left: 30px;
		font-size: 40px;
		line-height: 40px;
		text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
		color: dimgray;
	}

	.quoteText:after{
		content: "”";
		position: absolute;
		bottom: -35px;
		right: 30px;
		font-size: 40px;
		line-height: 40px;
		text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
		color: dimgray;
	}

	.quoteText > p{
		color: dimgray;
	}

	.articleWrap .quoteText > p:last-of-type{
		margin-bottom: 0px;
	}

	/*画像挿入関連*/

	div.photoWrap{
		margin: 50px auto;
		text-align: center;
	}

	div.photoWrap > img{
		box-shadow: 0px 4px 4px -2px rgba(0,0,0,.3);
	}

	#articleWrap
	div.photoWrap p{
		margin: 8px auto 0px auto;
	}

	.articleWrap
	div.photoWrap p{
		margin: 8px auto 0px auto;
	}

	.articleWrap
	div.photoWrap
	p.caption{
		color: dimgray;
		margin: 8px auto 0px auto;
		font-size: 0.9em;
	}

	/*画像の引用関連*/

	.articleWrap
	div.photoWrap > p.quotelink{
		font-size: 70%;
		font-weight: bold;
		margin: 8px auto 0px auto;
	}

	.articleWrap
	div.photoWrap > p.quotelink:before{
		content: "※画像は ";
		font-weight: bold;
	}

	.articleWrap
	div.photoWrap > p.quotelink:after{
		content: " より引用しました。";
		font-weight: bold;
	}


	#articleWrap
	div.photoWrap > p.quotelink{
		font-size: 70%;
		font-weight: bold;
		margin: 8px auto 0px auto;
	}

	#articleWrap
	div.photoWrap > p.quotelink:before{
		content: "※画像は ";
		font-weight: bold;
	}

	#articleWrap
	div.photoWrap > p.quotelink:after{
		content: " より引用しました。";
		font-weight: bold;
	}



	/*hiroki記事関連*/

	.hiroki_nav{
		list-style: square;
		margin-left: 40px;
		font-size: 90%;
	}

	.articleWrap .hiroki_nav > a{
		border: none;
	}

	.hiroki_container{
		width: 600px;
		margin-bottom: 30px;
	}

	.hiroki_rank{
		float: left;
		display: inline-block;
		height: 300px;
		width: 260px;
	}

	/*プレイヤー写真*/

	.hiroki_photo{
		float: right;
		display: inline-block;
		width: 340px;
	}

	.hiroki_photo > img{
		display: flex;
		justify-content: center;
		margin: 0 auto;
		box-shadow: 0px 4px 4px -2px rgba(0,0,0,.3);
		max-width: 100%;
		max-height: 300px;
		width: auto;
		height: auto;
	}

	/*プレイヤー名*/

	.articleWrap .hiroki_player{
		margin: 8px auto 0px auto;
		text-align: center;
		font-weight: bold;
	}

	.articleWrap .hiroki_quote{
		text-align: center;
		font-size: 70%;
		font-weight: bold;
		margin: 8px auto 0px auto;
		widows: 330px;
	}

	.hiroki_quote::before{
		content: "※画像は "
	}

	.hiroki_quote::after{
		content: " より引用しました。"
	}

	/*clearfix*/

	.hiroki_container:before,
	.hiroki_container:after{
		content: "";
		display: table;
	}

	.hiroki_container:after {
		clear: both;
	}


	/*デッキリスト関連*/

	/*デッキリスト(全体)の幅の指定と上下margin*/
	.MediaDeckList{
		width: 600px;
		margin: 50px auto;
		/*display: block;*/
	}
	/*「プレイヤー名/デッキ名/大会名/成績」部分*/
	.deck_caption{
		padding: 7px 0px;
		text-align: center;
		width: 600px;
		margin-bottom: 7px;
		line-height: 1.4em;
	}
	.deck_info li{
		display: inline-block;
	}
	.deck_info li:nth-of-type(odd){
		margin-right: 2px;
	}
	.deck_info:nth-of-type(1){
		font-size: 140%;
	}

	/*
	デッキリストの装飾関連
	*/
	/*デッキキャプションの上の黒線*/
	.deck_caption::before{
		content: "";
		background-color: #000;
		border-radius: 6px;
		display: block;
		height: 6px;
		position: relative;
		bottom: 12px;
	}
	/*デッキキャプションの下の灰色線*/
	.deck_caption::after{
		content: "";
		background-color: #888;
		border-radius: 5px;
		display: block;
		height: 3px;
		position: relative;
		top: 7px;
	}
	/*デッキリストの一番下の灰色線*/
	.MediaDeckList:after{
		content: "";
		position: relative;
		bottom: 10px;
		background-color: #888;
		border-radius: 5px;
		display: block;
		height: 3.5px;
	}
	/*デッキリストの晴れる屋ロゴ*/
	.MediaDeckListImg:after{
		/*content: url(http://www.hareruyamtg.com/cms/hareruyalogo_w220.png);*/
		display: block;
		position: relative;
		left: 370px;
		bottom: 25px;
	}
	/*カード枚数の上の線*/
	.MediaDeckList_count::before{
		content: "";
		background-color: black;
		height: 1px;
		box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2);
		display: block;
		position: relative;
		margin: 7px auto 7px 0px;
		width: 95%;
	}
	/*カード枚数のフォント*/
	.MediaDeckList_count{
		font-style: italic;
		display: block;
		width: 100%;
		margin-bottom: 25px;
	}


	/*
	デッキリスト中身
	*/
	/*デッキリスト(2～3カラム)をflexbox化*/
	.MediaDeckListWrapper{
		display: flex;
	}
	/*デッキリスト(各カラム)のラッパー*/
	.MediaDeckListColumn{
		display: inline-block;
		min-width: 194px;
		max-width: 291px;
		vertical-align: top;
		flex-grow: 1;
		margin-right: 3px;
		line-height: 1.4em;
	}
	/*右端のカラムのmarginを解除*/
	.MediaDeckListColumn:last-of-type{
		margin-right: 0px;
	}

	/*文字色系*/
	.media_red{
		color: red;
	}
	.media_blue{
		color: blue;
	}
	.media_green{
		color: green;
	}


	.taisenhyo{
		margin: 50px auto;
	}

	.taisenhyo_head th{
		/*フォント関連*/
		color: white;
		font-size: 1.1em;
		font-weight: bold;

		/*セルのデザイン*/
		background-color: #328aa4;
		padding: 2px 40px;
		text-align: center;
		vertical-align: middle;
	}

	tr.taisenhyo_result{
		text-align: center;
	}

	tr.taisenhyo_result td{
		vertical-align: middle;
	}

	tr.taisenhyo_result:nth-of-type(odd){
		background-color: #e5f1f4;
	}

	tr.taisenhyo_result:nth-of-type(even){
		background-color: #f8fbfc;
	}

	.text-center{
		text-align: center;
	}

	.box-center{
		margin-left: auto;
		margin-right: auto;
	}

	/*サイクル表示*/
	.cards_cycle{
		margin: 40px auto;
	}
	.cards_cycle img{
		border-radius: 10px;
	}
	.cards_cycle span{
		position: relative;
	}
	.cards_cycle span:nth-of-type(1){
		left: 200px;
	}
	.cards_cycle span:nth-of-type(2){
		top: 84px;
		left: 175px;
	}
	.cards_cycle span:nth-of-type(3){
		top: 238px;
		right: 80px;
	}
	.cards_cycle span:nth-of-type(4){
		top: -53px;
		left: 80px;
		z-index: 1;
	}
	.cards_cycle span:nth-of-type(5){
		position: relative;
		bottom: 207px;
		right: 175px;
	}


/*------------------

okubo css

-------------------*/
	/*最終更新日: 2018年1月4日14:38*/

	/*デッキ案内リッチカードのラッパー*/
	.deckguide_wrapper{
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.deckguide_wrapper a{
		display: inline-block;
		margin: 10px 3px;
		width: 144px;
	}

	/*リッチカードのスタイル*/
	.deckguide_card{
		width: 144px;
		height: 235px;
		box-shadow: 0px 2px 0px 1px rgba(170,175,173,1);
		border-radius: 5px;
		overflow: hidden;
		background-color: #f8fefc;
	}

	/*hover要素1：全体のスタイル*/
	.deckguide_card:hover{
		box-shadow: 0px 0px 6px 1px rgba(255,255,255,3)inset;/*rgba(232,254,255,3);*/
		background-color: #77e2b8;
		-webkit-transform: translate3d(0, 2px, 0);
		-moz-transform: translate3d(0, 2px, 0);
		-o-transform: translate3d(0, 2px, 0);
		/*-ms-transition: 0.3s;*/
		transform: translate3d(0, 2px, 0);
	}

	/*hover要素2：文字色の変更*/
	.deckguide_card:hover ul{
		color: white;
	}

	/*hover要素3：画像の周りにフチ*/
	.deckguide_card:hover .deckguide_art{
		box-shadow: 0px 0px 6px 1px rgba(255,255,255,3)inset;
		opacity: .8;
	}

	/*解説動画付きの記事にYouTubeロゴを表示*/
	.deckguide_yt:after{
		content: "";
		display: inline-block;
		width: 81px;
		height: 18px;
		position: relative;
		background-image: url(/cms/media/column/modern/yt_logo.png);
		background-repeat: no-repeat;
		background-size: contain;
		bottom: 166px;
		left: 9px;
	}

	/*サムネイルのスタイル*/
	.deckguide_art{
		height: 150px;
		width: auto;
		background-position: center center;
		background-size: cover;
	}

	/*リボンのスタイル*/
	.ribbon_area{
		position: relative;
		top: -150px;
		right: -60px;
		width: 85px;
		height: 85px;
		overflow: hidden;
		width: 85px;
		height: 85px;
		overflow: hidden;
	}

	/*入門リボン*/
	.ribbon_beginner{
		display: inline-block;
		position: absolute;
		padding: 5px 0;
		left: -20px;
		top: 12px;
		width: 160px;
		text-align: center;
		font-size: 16px;
		line-height: 18px;
		background: #39c3d4;
		color: #fff;
		letter-spacing: 0.05em;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/*入門リボンのafter要素*/
	.ribbon_beginner:after{
		content: "入門編";
	}

	/*上級リボン*/
	.ribbon_expert{
		display: inline-block;
		position: absolute;
		padding: 5px 0;
		left: -20px;
		top: 12px;
		width: 160px;
		text-align: center;
		font-size: 16px;
		line-height: 18px;
		background: #d44a39;
		color: #fff;
		letter-spacing: 0.05em;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/*上級リボンのafter要素*/
	.ribbon_expert:after{
		content: "上級編";
	}

	/*リッチカードのタイトル部分のスタイル*/
	.deckguide_info{
		font-weight: bold;
		float: right;
		width: 128px;
		padding: 6px 8px;
		position: relative;
		top: -85px;
		text-align: right;
		color: #092a1d;
	}

	/*デッキ名*/
	.deckguide_architype{
		font-size: 14px;
		line-height: 16px;
		margin: 2px 0px;
		font-family: YuGothic, 'Yu Gothic', sans-serif;
	}

	/*ライター名*/
	.deckguide_writer{
		font-size: 12px;
		font-family: YuGothic, 'Yu Gothic', sans-serif;
	}

	/*掲載日時*/
	.deckguide_date{
		font-size: 12px;
		font-family: YuGothic, 'Yu Gothic', sans-serif;
	}

	/*Prosライターのbefore要素*/
	.deckguide_pros:before{
		content: "";
		display: inline-block;
		margin: 0px 4px 0px 0px;
		width: 40px;
		height: 18px;
		background-image: url(http://pros.hareruyamtg.com/wp-content/themes/hareruya_pros/images/pros_logo_top_page.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
	}

	/*上級リッチカードのサムネイルにFoil風マスクをかける*/
	.deckguide_expert{
		width: 100%;
		height: 100%;
		background: linear-gradient(135deg, #c71585 0%, #008080 50%,#ffd700 80%, #dc143c 100%);
		opacity: .4;
	}

	/*タブのON/OF*/
	.deckguide_content{
		display: none;
	}
	.deckguide_content:target{
		display: block;
	}

	/*タブ切り替え全体のスタイル*/
	.deckguide_tabs{
		background-color: #fff;
		width: 600px;
		margin: 50px auto;
	}

	/*タブのスタイル*/
	.tab_item{
		width: calc(100%/3);
		height: 50px;
		border-bottom: 3px solid #5ab4bd;
		background-color: #d9d9d9;
		line-height: 50px;
		font-size: 16px;
		text-align: center;
		color: #565656;
		display: block;
		float: left;
		text-align: center;
		font-weight: bold;
		transition: all 0.2s ease;
		font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	.tab_item:hover{
		opacity: 0.75;
	}

	/*ラジオボタンを全て消す*/
	input[name="tab_item"]{
		display: none;
	}

	/*タブ切り替えの中身のスタイル*/
	.tab_content{
		padding: 10px 0;
		clear: both;
		overflow: hidden;
		display: none;
	}

	/*選択されているタブのコンテンツのみを表示*/
	#deckguide_all:checked ~ #all_content,
	#deckguide_aggro:checked ~ #aggro_content,
	#deckguide_midrange:checked ~ #midrange_content,
	#deckguide_control:checked ~ #control_content,
	#deckguide_combo:checked ~ #combo_content,
	#deckguide_other:checked ~ #other_content{
		display: block;
	}

	/*選択されているタブのスタイルを変える*/
	.deckguide_tabs input:checked + .tab_item{
		background-color: #5ab4bd;
		color: #fff;
	}

/*------------------

sakurai adjust css

-------------------*/
/*iframe responsive*/

@media only screen and (max-width: 767px){
	.articleWrap iframe {
	    max-width: 100%;
	    height: 300px;
	}
}

/*adjust img size*/
.imgsizel{
    max-width: 200px;
    width: 33%;
    display: inline-block;
}

.imgsizel a img {
    max-width: 100%;
    width: auto;
}

.imgsizem{
    max-width: 150px;
    width: 25%;
    display: inline-block;
}

.imgsizem a img {
    max-width: 100%;
    width: auto;
}

/*adjust link color*/
.articleWrap a{
	color: #0092c4;
}

.articleWrap a:hover{
	text-decoration: underline;
}

/*----------------

mokuji

------------------*/
@media only screen and (max-width: 599px){
	.mokuji {
	    width: 100%;
	}
}

/*----------------

deck list

------------------*/
.MediaDeckList {
    width: auto;
}

.deck_caption {
    width: auto;
}

.MediaDeckListWrapper {
    flex-wrap: wrap;
}

.MediaDeckListColumn {
    min-width: 194px;
    max-width: 33%;
}

@media only screen and (max-width: 767px){
	.MediaDeckListColumn {
	    min-width: unset;
        max-width: 49%;
        width: 49%;
	}

	.MediaDeckListWrapper > .MediaDeckListColumn:nth-of-type(2){
		order: 1;
	}
}

@media only screen and (max-width: 599px){
	.MediaDeckListColumn {
	    max-width: none;
	    width: 100%;
	}

	.MediaDeckListWrapper > .MediaDeckListColumn:nth-of-type(2){
		order: 0;
	}

	.MediaDeckList_count::before {
	    width: 100%;
	}
}

.MediaDeckListImg {
    text-align: right;
}

.MediaDeckListImg:after {
    left: 0;
}

/*----------------

USA

------------------*/
.hiroki_container {
    width: auto;
}

.hiroki_rank {
    width: 40%;
}

.hiroki_photo {
    width: 60%;
}

@media only screen and (max-width: 599px){
	.hiroki_container {
	    text-align: center;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}

	.hiroki_rank {
	    float: none;
	    text-align: left;
	    width: auto;
	}

	.hiroki_photo {
	    float: none;
	    order: -1;
	    width: 100%;
	}
}

/*----------------

cards cycle

------------------*/
.cards_cycle {
    margin: 40px auto;
    height: 600px;
    position: relative;
}

.cards_cycle span {
    position: absolute!important;
    right: auto!important;
    bottom: auto!important;
}

.cards_cycle span:nth-of-type(1) {
    left: 240px;
    top: 0px;
}

.cards_cycle span:nth-of-type(2) {
    left: 393.12px;
    top: 111.248px;
}

.cards_cycle span:nth-of-type(3) {
    left: 334.633px;
    top: 291.252px;
}

.cards_cycle span:nth-of-type(4) {
    left: 145.367px;
    top: 291.252px;
}

.cards_cycle span:nth-of-type(5) {
    left: 86.8799px;
    top: 111.248px;
}

@media only screen and (max-width: 767px){
	.cards_cycle {
	    height: 80vw;
	}

	.cards_cycle span:nth-of-type(1) {
	    left: 31vw;
	}

	.cards_cycle span:nth-of-type(2) {
	    left: 51vw;
	    top: 14.3vw;
	}

	.cards_cycle span:nth-of-type(3) {
	    left: 44.4vw;
	    top: 38.2vw;
	}

	.cards_cycle span:nth-of-type(4) {
	    left: 18.5vw;
	    top: 38.2vw;
	}

	.cards_cycle span:nth-of-type(5) {
	    left: 9vw;
	    top: 14.3vw;
	}
}

/*----------------

icon talk

------------------*/
p.icontalk {
    width: calc(100% - 100px);
}

/*----------------

mo visualize

------------------*/
.mo_visualize .vOuterL {
    height: auto;
}

.mo_visualize .vOuterL .carddtaillink {
    position: relative;
    width: auto;
}

.mo_visualize .vOuterL .Number_of_sheets p {
    margin: 0;
}

@media only screen and (max-width: 767px){
	.mo_visualize .vOuterL {
	    width: 150px;
	}
}

/*----------------

card list wrap

------------------*/
.cardlistwrap {
    min-width: 270px;
}

/*----------------

visualize

------------------*/
.visualize {
    width: auto!important;
}

@media only screen and (max-width: 767px){
	.visualize h2 {
	    margin-top: 80px;
	}
}

@media only screen and (max-width: 640px){
	.taisenhyo_head th {
	    font-size: 3vw;
	    padding: 2px 20px;
	    min-width: 108px;
	}

	tr.taisenhyo_result td {
	    font-size: 3vw;
	}
}

@media only screen and (max-width: 414px){
	.taisenhyo_head th {
	    font-size: 3vw;
	    padding: 2px 20px;
	    min-width: 87px;
	}

	tr.taisenhyo_result td {
	    font-size: 3vw;
	}
}

/*----------------

coverage

------------------*/
.article-content__main .cvTitle{
	background: rgb(184,29,34);
	background: -moz-linear-gradient(left,  rgba(184,29,34,1) 0%, rgba(184,29,34,1) 50%, rgba(240,208,151,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(184,29,34,1)), color-stop(50%,rgba(184,29,34,1)), color-stop(100%,rgba(240,208,151,1)));
	background: -webkit-linear-gradient(left,  rgba(184,29,34,1) 0%,rgba(184,29,34,1) 50%,rgba(240,208,151,1) 100%);
	background: -o-linear-gradient(left,  rgba(184,29,34,1) 0%,rgba(184,29,34,1) 50%,rgba(240,208,151,1) 100%);
	background: -ms-linear-gradient(left,  rgba(184,29,34,1) 0%,rgba(184,29,34,1) 50%,rgba(240,208,151,1) 100%);
	background: linear-gradient(to right,  rgba(184,29,34,1) 0%,rgba(184,29,34,1) 50%,rgba(240,208,151,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b81d22', endColorstr='#f0d097',GradientType=1 );
	margin-bottom:20px;
}
.article-content__main .cvTitle h3{
	padding:15px;
	color:white;
	font-size:22px;
	text-shadow:3px 3px 3px rgba(0,0,0,0.7);
	line-height:22px;
	font-weight:bold;
	background-color: transparent;
}
.article-content__main .cvTitle .cvbottom{
	display: table;
}
.article-content__main .cvTitle .cvLeft{
	display: table-cell;
	max-width: 440px;
}
.article-content__main .cvTitle .cvLeft div{
	background-color:#F3DBD5;
	box-shadow:3px 3px 3px rgba(0,0,0,0.4);
	margin:0 0 15px 15px;
	border-radius:5px;
	padding:12px 10px;
	font-size:12px;
}
.article-content__main .cvTitle .cvRight{
	display: table-cell;
	max-width: 250px;
	vertical-align: top;
	padding: 0 15px;
}

.godBracketLeft, .godBracketRight {
    width: 48%;
}
.godBracket p,
.godBracket h3{
	padding:10px 0;
}

.godBracket h3 {
    margin: 0 0 5px;
}

.godBracket p {
	margin: 0 0 15px;
}

/*.article-content__main .bracket_renew{
	margin-bottom: 20px;
}
.article-content__main .bracket_renew table{
	width: 100%;
}
.article-content__main .bracket_renew td{
	vertical-align: middle;
	padding:4px;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	text-align: center;
}
.article-content__main .bracket_renew tr td:nth-of-type(1){
	border-left: none;
}
.article-content__main .bracket_renew tr:nth-of-type(even) td{
	background: #aaa;
}
.article-content__main .bracket_renew tr:nth-of-type(odd) td{
	background: #eee;
}
.article-content__main .bracket_renew th{
	background: #FF0461;
	text-align:center;

	padding:4px;
	vertical-align: middle;
	color: white;
}
.article-content__main .bracket_renew tr:nth-of-type(1) th{
	border-left:2px solid white;
}
.article-content__main .bracket_renew tr:nth-of-type(1) td:nth-of-type(1){
	background: white;
	width: 24px;
	border: 0;
}
.article-content__main .bracket_renew tr th:nth-child(1){
	width: 24px;
}
.article-content__main .bracket_renew tr:nth-of-type(4n) td:nth-of-type(2){
	background:#eee;
}
.article-content__main .bracket_renew tr:nth-of-type(3) td:nth-of-type(3){
	background:#aaa;
}
.article-content__main .bracket_renew tr:nth-of-type(4) td:nth-last-of-type(1){
	background:#aaa;
	border-right: 0;
}
.article-content__main .bracket_renew tr:nth-of-type(1) th:nth-of-type(1){
	border-left: 0;
}*/
.article-content__main .playerList{
	margin-bottom: 20px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.article-content__main .playerList h3{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#221815+0,898989+100 */
	background: rgb(34,24,21); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(34,24,21,1) 0%, rgba(137,137,137,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(34,24,21,1) 0%,rgba(137,137,137,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(34,24,21,1) 0%,rgba(137,137,137,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221815', endColorstr='#898989',GradientType=1 ); /* IE6-9 */
	font-size: 1.3em;
	line-height: 100%;
	padding:10px 15px;
	font-weight: bold;
	color: white;
	text-align: left;
	margin-bottom: 5px;
	font-size: 18px;
}
.article-content__main .playerList .playerListBlock{
	display: inline-block;
	margin:5px;
	width: 135px;
	position: relative;
}
.article-content__main .playerList .playerListBlock img{
	width:100%;
}
.article-content__main .playerList .playerListName{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 13px;
	width: 100%;
	line-height: 150%;
	padding:5px 0;
	background:rgba(0,0,0,0.7);
	color: white;
	margin: 0;
}

.renew.coverage_article .articleInfo {
    width: 450px;
}
/*
.article-content__main .char{
	padding-left: 110px;
	display: table;
	width: 100%;
	box-sizing: border-box;
	min-height: 100px;
	margin:5px 0;
	background-size: 100px 100px;
	background-position: left middle;
	background-repeat: no-repeat;
	position: relative;
}
.article-content__main .char>div{
	display: table-cell;
	vertical-align: middle;
}
.article-content__main .char.msg{
	padding-left: 120px;
}
.article-content__main .char.msg>div{
	border:1px solid;
	border-radius: 10px;
	position: relative;
	padding:10px;
}
.article-content__main .char.msg>div:before{
	content:"";
	border:15px solid transparent;
	border-right:15px solid #333;
	width:0;
	height:0;
	position:absolute;
	left:-31px;
	top:0;
	bottom:0;
	margin:auto 0;
}
.article-content__main .char.msg>div:after{
	content:"";
	border:15px solid transparent;
	border-right:15px solid white;
	width:0;
	height:0;
	position:absolute;
	left:-30px;
	top:0;
	bottom:0;
	margin:auto 0;
}*/

@media only screen and (max-width: 767px){
	.godBracket h3 {
	    font-size: 3.6vw;
	}

	.godBracket p {
		font-size: 5vw;
	}

	.godBracketRight p {
	    font-size: 5vw;
	    line-height: auto;
	}

	.article-content__main .playerList .playerListBlock {
	    width: 24vw;
	}

	.article-content__main .playerList .playerListName {
	    font-size: 2vw;
	}

	.renew.coverage_article {
	    height: 18vw;
	    transition: auto;
	}

	.renew.coverage_article .article_list {
	    height: 18vw;
	}

	.renew.coverage_article .articleImg {
	    background-repeat: no-repeat;
	    width: 20vw;
	    height: 18vw;
	}

	.renew.coverage_article .articleInfo {
	    width: 60vw;
	    margin: 1.5vw 3vw 0 0;
	    font-size: 2.6vw;
	    line-height: 3vw;
	}

	.renew.coverage_article .articleTitle {
	    height: 7vw;
	    font-size: inherit;
	    line-height: 15px;
	}
}

@media only screen and (max-width: 414px){
	.renew.coverage_article .articleDate {
	    margin-bottom: 0px;
	}
}

/*for long title*/
.article-top__articleList__item__info__title {
    margin: 15px 0 20px;
    height: 4em;
    overflow: hidden;
}

/*kono kiji nai de keisai sareta card (old)*/
.aRecommend h3 {
    text-align: center;
    color: rgb(140,100,80);
    font-size: 16px;
    position: relative;
    margin-top: 20px;
    z-index: 0;
    margin-bottom: 10px;
    background-color: white;
    padding: 0;
}

.ARdiv {
    box-sizing: content-box;
}

p.ARcardImg, p.ARcardName {
    margin: 0;
}

.mo_visualize .vOuter .Number_of_sheets p{
	margin: 0;
}

/*adjust banner in old article detail bottom*/
.article-bottom-links-wrapper {
    text-align: center;
}

.article-bottom-link {
    display: inline-block;
    margin: 1%;
    width: 41.5%;
    max-width: 295px;
}

.article-bottom-link--twitter, .article-bottom-link--purchase {
    margin-right: 1%;
}

.article-bottom-link--ecsite {
    width: 85%;
    margin: auto;
}

@media only screen and (max-width: 600px){
	.article-bottom-link {
	    width: 48%;
	    margin: 2% 0;
	}

	.article-bottom-link--twitter, .article-bottom-link--purchase {
	    margin-right: 4%;
	}

	.article-bottom-link--ecsite {
	    width: 100%;
	}
}

/*photo wrap img minimize*/
/*
div.photoWrap > img {
    max-width: 45%;
}*/

/*adjust old twitter and Facebook*/
.articleSocial .articleTwitter p, .articleSocial .articleFacebook p {
    margin: 0;
}

/*adjust article top image for old image*/
.article-content__topImage img {
    width: auto;
    height: 320px;
}

/*tag hover*/
.article-content__head__tagList__item a{
	transition: 0.2s;
}

.article-content__head__tagList__item a:hover{
	color: white;
	background-color: #9f9f9f;
}

/*old img size l adjust*/
table td span.imgsizel{
	width: auto;
}

table td span.imgsizem{
	width: auto;
}

/*border delete from article author banner*/
.articleAuthor a{
	border-bottom: 0;
}

/*adjust old coverage*/
.articleWrap .coverageTitle{
	width: auto!important;
}

.articleWrap .coverageTitle h3{
	background-color: transparent;
	margin: 17px 0;
	float: none!important;
}

.articleWrap .coverageTitle > div {
    display: inline-block;
    max-width: 420px;
    width: auto!important;
    vertical-align: middle;
    float: none!important;
}

.articleWrap .coverageTitle > div:nth-child(3){
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: auto!important;
}

.deckList .gold{
	width: auto;
}

@media only screen and (max-width: 767px){
	.articleWrap .coverageTitle > div {
	    display: block;
	    max-width: none;
	}

	.deckList .gold p{
		font-size: 3vw;
	}

	.renew.coverage_article .articleTitle {
	    line-height: 3vw;
	}
}


/*auther block banner link adjust*/
@media only screen and (max-width: 767px){
	.articleAuthor .authorLink{
		margin: 0 auto 10px;
	}

	.authorProsBanner {
	    margin: 0;
	}
}

/*adjust for new icon and topbg*/
.article-top__articleList__item__new {
    top: -13px;
    left: -11px;
}

.article-top__topBg {
    background-image: url(../hareruyaEc/assets/img/kiji_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.article-content__headBg {
    background-image: url(../hareruyaEc/assets/img/kiji_bg_60.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

/*-------------------

井上追記(2021/04/13)

---------------------*/
.article-top__articleList__item__info__category {
    top: unset!important;
	bottom: 100%;
}

/*==============

change tag color

================*/
/* Hareruya Pros Blog */
.article-category--hareruya-pros-blog, .article-category--hareruya-pros-blog_en{
    background-color: #b94100;
}

/* コラム */
.article-category--column, .article-category--column_en {
    background-color: #434343;
}

/* 動画 */
.article-category--movie-list, .article-category--movie-list_en {
    background-color: #ff0000;
}

/* 観戦記事 */
.article-category--coverage, .article-category--coverage_en {
    background-color: #ee7ed0;
}

/* 初心者向け */
.article-category--begginer, .article-category--begginer_en {
    background-color: #12cc0e;
}

/* リミテッド */
.article-category--limited, .article-category--limited_en {
    background-color: #2892c4;
}

/* スタンダード */
.article-category--standard, .article-category--standard_en {
    background-color: #d10010;
}

/* ヒストリック */
.article-category--historic, .article-category--historic_en {
    background-color: #717171;
}

/* パイオニア */
.article-category--pioneer, .article-category--pioneer_en {
    background-color: #ff8900;
}

/* モダン */
.article-category--modern, .article-category--modern_en {
    background-color: #007f09;
}

/* レガシー */
.article-category--legacy, .article-category--legacy_en {
    background-color: #80037e;
}

/* ヴィンテージ */
.article-category--vintage, .article-category--vintage_en {
    background-color: #000080;
}

/* 統率者戦 */
.article-category--commander, .article-category--commander_en {
	background-color: #945f29;
}

/* ニュース */
.article-category--news, .article-category--news_en {
    background-color: #007eff;
}

/* デッキ案内 */
.article-category--deck-guide, .article-category--deck-guide_en {
    background-color: #00ac9c;
}

/*auth block link looking good*/
.article-content__main__auth .authorLink {
    display: block;
    padding: 6px 0px;
    border: 1px solid #aaa;
    color: #444;
    margin-top: 8px;
    border-radius: 5px;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    max-width: 260px;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    text-align: center;
    line-height: 16px;
}

.article-content__main__auth .authorLink:hover {
    background: #aaa;
    color: white;
}

.searchResultPagenation .page-numbers{
    margin: 0 10px;
}

.searchResultPagenation a.page-numbers {
    text-decoration: underline;
    font-weight: bold;
}

/*past article more button*/
.article-moreButton__link {
    display: block;
    width: 100%;
    max-width: 260px;
    margin: auto;
    text-align: center;
    background: white;
    border: 1px solid #aaa;
    color: #444;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    transition: 0.2s all;
}

.article-moreButton__link:hover {
    background: #aaa;
    color: white;
}

/*adjust visualize*/
.visualize h2 {
    font-size: 22px;
    border: 0;
    margin: 18px 0 10px 0;
}
@media only screen and (max-width: 767px){
	.visualize h2 {
	    margin-top: 80px;
	}
}


/*for author page looking good*/
.article-top__authWrapper {
    margin-top: 30px;
}

/*for deckwatch bottom banner looking good*/

.article-content__main a[href] > div[style*="580px"][style*="background-image"]{
	width: auto!important;
	height: auto!important;
	max-width: 580px;
	background-position: center -90px!important;
	background-size: 100%!important;
}

.article-content__main a[href] > div[style*="580px"][style*="background-image"] p{
	margin: 0;
}

@media only screen and (max-width: 600px){
	.article-content__main a[href] > div[style*="580px"][style*="background-image"]{
		background-position: center!important;
	}

}

/*add cart in header*/
.header__right__item__img--cart {
    background-image: url(https://deck.hareruyamtg.com/ja/assets/img/cart_white.png);
}

/*page-nation margin*/
.searchResultPagenation {
    margin-bottom: 20px;
}

/*404 page*/
.notFound .title {
    text-align: center;
    margin-bottom: 100px;
}

.notFound .title p {
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.notFound .title p:first-child {
    display: inline-block;
    font-size: 22px;
    border-bottom: 2px solid #222;
}

.notFound .try_list {
    margin: 10px 0px 60px;
    border-top: 2px solid silver;
    border-bottom: 2px solid silver;
}

/*article tag margin*/
.article-content__head__info p {
    margin: 0 10px 0 0;
    vertical-align: middle;
    font-weight: bold;
}

@media only screen and (max-width: 767px){
	.article-content__topImage img {
		width: 100%;
		height: auto;
	}
}

/*delete top button*/
.to_top_button{
	display: none!important;
}

/*footer clearfy*/
.footer-nav__list li a {
    color: white;
}

.footer-nav__list-title {
    color: white;
}

#mainFooter {
    background: #e60012;
}

/*visualize margin minimize*/
@media only screen and (max-width:414px){
	.visualize .subText {
	    margin: 0;
	}
}

/*adjust p margin in mo visualize*/
.mo_visualize .vOuterM .Number_of_sheets p,.mo_visualize .vOuterS .Number_of_sheets p{
	margin: 0;
}


/*shortage of "topSlide__desc width"*/
@media only screen and (max-width: 767px){
	.article-top__topSlide__desc {
	    width: 85px;
	}
}

/*enable click article icon*/
.header__left__item__text--article a::after {
    content: '';
    background-image: url(../img/kiji_icon_w.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 23px;
    height: 27px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

/*change url for https*/
.MediaDeckListImg:after {
    content: url(https://files.hareruyamtg.com/cms/hareruyalogo_w220.png);
}

/*adjust mo_visualize looking*/
.mo_visualize h2 {
    margin: 0 0 40px 0;
    border: 0;
    font-size: 30px;
}

/*adjust position of mo_visualize's number out of articleWrap */
.mo_visualize .vOuter .Number_of_sheets p {
    line-height: 1.8;
}

/*change image url because new ec open*/
.MediaDeckListImg:after{
	content: url(https://files.hareruyamtg.com/cms/hareruyalogo_w220.png);
}

.mo_visualize .vOuter .Number_of_sheets, .mo_visualize .vOuterS .Number_of_sheets, .mo_visualize .vOuterM .Number_of_sheets, .mo_visualize .vOuterL .Number_of_sheets {
    background-image: url(https://files.hareruyamtg.com/cms/img/icon/number_wayfinder.png);
}

.header__right__item__img--cart {
    background-image: url(https://www.hareruyamtg.com/ja/assets/img/cart_white.png);
}

/*questionnaire*/
/*
#contents {
	transform: none;
    will-change: auto;
}

.questionnaire {
    right: 0;
    z-index: 99999;
    position: absolute;
}

.questionnaire .tablet {
	display: none!important;
}

.questionnaire--Bold {
	font-weight: bold;
}

@media only screen and (max-width: 1150px){
	.questionnaire {
		position: fixed;
		bottom: 0;
		width: 100%;
		text-align: left;
		background: #fadfe3;
		z-index: 99999;
		line-height: 21px;
		font-size: 20px;
		color: #f2698c;
		top: auto;
	}

	.questionnaire--purchase {
		background: #DEEEFB;
		color: #20528F;
	}

	.questionnaire--article {
		background: #DFFCE0;
		color: #2C733B;
	}

	.questionnaire--deckSearch {
		background: #ECDFFB;
		color: #6F2C89;
	}

	.questionnaire--pros {
		background: #FBEEDE;
		color: #B94200;
	}

	.questionnaire--event {
		background: #FFF3E3;
		color: #94794E;
	}

	.questionnaire__text{
		width: 440px;
		margin: auto;
		padding: 10px 0;
	}

	.questionnaire .pc{
		display: none!important;
	}

	.questionnaire .sp {
		display: block!important;
	}
}

@media only screen and (max-width: 767px){
	.questionnaire .tablet {
		display: block!important;
	}

	.questionnaire__text{
		width: 270px;
	}
}

.questionnaireFixed {
	position: fixed;
	top: 60px;
}

@media only screen and (max-width: 1150px){
	.questionnaireFixed {
		top: auto;
	}
}*/
.questionnaire {
    display: none;
}

/*---------------------

change font for all text being bold in hiragino

----------------------*/ 
    body{
        font-family: "游ゴシック", YuGothic, "Yu Gothic", Roboto, Arial, "メイリオ", Meiryo, sans-serif;
    }

	option.level-0 {
	    font-weight: bold;
	    font-size: 18px;
	}

	option.level-2 {
	    font-size: 13px;
	}

/*-------------------

adjust article view for random button and search

---------------------*/
	.header__right__item__link--articleRandom {
	    display: block;
	    height: 30px;
	    line-height: 30px;
	    color: #e60012;
	    padding: 0 15px;
	    border-radius: 15px;
	    background-color: white;
	    font-size: 14px;
	    font-weight: bold;
	}

	.article-searchResult__search__box__category__label {
	    text-align: left;
	}

	.article-searchBlock__tags {
	    margin: 40px 0 0 -10px;
	    text-align: left;
	}

	.article-searchBlock__tags__tag {
	    margin: 0 10px 20px;
	}

	.article-searchBlock__closeButton {
	    top: 97px;
	    right: -11px;
	}

	.article-searchResult__search__box__text__icon {
	    cursor: pointer;
	}

	@media only screen and (max-width: 768px){
		.article-searchBlock__closeButton {
		    top: auto;
		    bottom: -23px;
		}
	}

	@media only screen and (max-width: 767px){
		.event-main-middle-wrapper {
		    width: 95%;
		}

		.pageGroupContents-left {
		    margin: 10px 0px 10px 2.5%;
		}

		.pageGroupContents-right {
		    margin: 10px 2.5% 10px 0px;
		}

		.pageGroupContents-right__button--articleRandom {
		    display: block;
		    box-sizing: border-box;
		    background-color: white;
		    font-weight: bold;
		    position: relative;
		    font-size: 14px;
		    height: 34px;
		    line-height: 34px;
		    color: #006600;
		    padding: 0 10px;
		    border: 1px solid #006600;
		    border-radius: 15px;
		    text-align: center;
		}

		.pageGroupContents-center{
			float: left;
		    width: 100%;
		    margin-bottom: 15px;
		}

		.pageGroupContents-center__button::before {
		    content: '';
		    width: 22px;
		    height: 22px;
		    background-image: url(/article/wp-content/themes/hareruyaEc/assets/img/detail_search_green.png);

		    background-size: contain;
		    background-repeat: no-repeat;
		    position: absolute;
		    top: 50%;
		    margin-top: -12px;
		    left: 7px;
		}

		.pageGroupContents-center__button {
		    display: block;
		    box-sizing: border-box;
		    background-color: white;
		    font-weight: bold;
		    position: relative;
		    font-size: 14px;
		    height: 34px;
		    line-height: 34px;
		    color: #006600;
		    border: 1px solid #006600;
		    text-align: center;
		    margin: auto;
		    width: 95%;
		}

		.article-content__head {
		    width: 95%;
		}

		.article-content__main {
		    width: 95%;
		}

		.article-searchBlock__form {
		    width: 95%;
		}

		.article-searchBlock__tags {
			margin: 40px 0 0 0;
		    text-align: center;
		}
	}

	@media only screen and (max-width: 414px){
		.article-searchBlock__form {
		    width: 95%;
		}
	}

/*-------------------

adjust popup

---------------------*/
	.popupWindow button {
		padding: 0;
	}

/*-------------------

cite deck buy button

---------------------*/
	.deckSearch-deckList__buyAllButtonWrapper {
	    display: block;
	    position: relative;
	    margin-bottom: 10px;
	}

	.deckSearch-deckList__buyAllButton {
	    width: 100%;
	    max-width: 750px;
	    height: 40px;
	    line-height: 40px;
	    display: inline-block;
	    border-radius: 5px;
	    font-weight: bold;
	    color: white!important;
	    background: #e60012;
        font-size: 16px;
        position: relative;
        text-indent: -12px;
	    text-align: center;
	}

/*-------------------

for english

---------------------*/
	html[lang="en-US"] .header__right__item__link--article {
	    padding: 0 27px 0 12px;
	    font-size: 14px;
	}

	html[lang="en-US"] .header__right__item__link--articleRandom {
	    padding: 0 7px;
	    font-size: 12px;
	}

	/*html[lang="en-US"] .popupWindow button,
	html[lang="en-US"] .popupSales {
		font-size: 2.7vw;
	}*/