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

h2{
	color:#EB0100;
	font-size:2.6rem;
}
.product_box{
	margin-bottom:8rem;
}
.product_box .product_wrap{
	justify-content:flex-start;
	position: relative;
}
.product_box li{
	width:49%;
	margin:0 1% 1% 0;
		position:relative;
}
.hide_text{
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.product_box li a{
	font-size:1.8rem;
	display:block;
	text-align:center;
	line-height:1.4;
	padding:1.5rem 1rem 1.5rem 1rem;
	position:relative;
	border:solid 1px #ccc9c9;
	border-radius:0.5rem;
}
.product_box li a:after{
	content:"";
vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.2em;
    right: 0.7em;
    width: 0.35em;
    height: 0.35em;
    border-top: 0.15em solid #EB0100;
    border-right: 0.15em solid #EB0100;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.product_box li a:hover{
	color:#EB0100;
}

main ul.caption li{
	padding-left:1em;
	text-indent:-1em;
	font-size:1.4rem;
}
main p.caption{
	padding-left:1em;
	text-indent:-1em;
	font-size:1.4rem;
}

main table + .caption{
	margin-top:-1.5em;
}
main table + br + .caption{
	margin-top:-1.5em;
}
main table + br + br + .caption{
	margin-top:-1.5em;
}
main .link font{
	font-size:1.6rem;
}
main .link font a{
	display:block;
	text-align:center;
	border:solid 1px #EB0100;
	color:#EB0100;
	padding:0.5em 0;
	text-decoration:underline;
}
main .link font a:hover{
	text-decoration:none;
}

.card_box table{width:100%;box-sizing:border-box;margin:2em 0;} 
.card_box table + br{display:none;}
.card_box table + br + br{display:none;}

.card_box table td{padding:0.4rem;border: solid 1px #ccc9c9;} 
main.present .card_box table td{padding:0rem;border: none;padding-bottom:1em; vertical-align:top;} 
main.present .card_box table td.left{padding-right:2em;}

.card_box table td table{
	margin:0px;
}
.card_box table td table td{border: none} 

.card_box table.back_link{
	margin:0px;
	margin-bottom:1.5em;
}
.card_box table.back_link a:hover{
	text-decoration:underline;
}
.card_box table.back_link td {border:none;}
.card_box table.back_link td font{font-size:1.6rem;}
.card_box table td.ttl {
    border: none;
}
.card_box table td.ttl font{
	margin-top:0em;
	margin-bottom:0em;
	font-size:3rem;
	display:block;
}

.card_box.index table{border-bottom: solid 1px #ccc9c9;}
.card_box.index table td{padding:0.8em; border:none; border-top: solid 1px #ccc9c9;}
.card_box.index table td.no-border{border-top: none; padding-top:0px;}
.card_box.index table td .inner-link a{color:#EB0100; text-decoration:underline;}
.card_box.index table td .inner-link a:hover{text-decoration:none;}
.card_box.index table td.pdf a{
	position: relative;
    padding-left: 1.8em;
    text-decoration: underline;
    display: inline-block;
	white-space:nowrap;
background: url(/common/img/icon2_pdf.svg) no-repeat left 50%;
background-size: 20px 21px;  

}
/*ard_box.index table td.pdf a:before{
	background: url(/common/img/icon_pdf.png) 0 0 /contain no-repeat;
    position: absolute;
    left: 0em;
    top: 50%;
    margin-top: -0.8em;
    content: "";
    width: 1.5em;
    height: 1.563em;
}*/
.card_box.index table td.pdf a:hover{
	text-decoration:none;
}
.card_box.index table td.html a{
	position: relative;
    padding-left: 0.9em;
    text-decoration: underline;
    display: inline-block;
	white-space:nowrap;
}
.card_box.index table td.html a:before{
	content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.25em;
    left: 0em;
    width: 0.3em;
    height: 0.3em;
    border-top: 0.15em solid #ff0a0a;
    border-right: 0.15em solid #ff0a0a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.card_box.index table td.html a:hover{
	text-decoration:none;
}
.card_box td{white-space: normal;}
.card_box.index td:first-child{width:80%;}



.card_box.rugby td:first-child{background:#FFFFCE;width:4.5%;}
.card_box.rugby td:nth-of-type(2){width:4.5%;}
.card_box.rugby td:nth-of-type(4){background:#FFFFCE;width:4.5%;}
.card_box.rugby td:nth-of-type(5){width:4.5%;}

.card_box.rugby tr:first-child td:first-child{background:#0909c0;padding:0.7rem;}
.card_box.rugby tr:first-child td:nth-of-type(2){background:#EB0100;padding:0.7rem;}

.card_box.youkai tr + tr td:first-child{background:#FFFFCE;}
.card_box.youkai tr + tr td:nth-of-type(3){background:#FFFFCE;}

.card_box.yu-gi-oh td{width:50%;}
.card_box.yu-gi-oh td:nth-of-type(1){background-color:#FFFFCC;}

.card_box.dora tr:first-child td{
	background-color:#0070C0;
}
.card_box.dora  td:first-child{
	white-space:nowrap;
}
.card_box.dora  td:nth-of-type(3){
	white-space:nowrap;
}
.card_box.dora tr + tr td:first-child{background:#FFFFCE;}
.card_box.dora tr + tr td:nth-of-type(3){background:#FFFFCE;}

.card_box.eva  td:first-child{
	white-space:nowrap;
}
.card_box.eva  td:nth-of-type(3){
	white-space:nowrap;
}



nav ul{justify-content: flex-start!important;margin-top:1rem;}
nav li{margin:0.7rem 0; margin-right:2%;}
nav li a{text-decoration:none;
display:inline-block;
	text-align:center;
	line-height:1.4;
	padding:1rem 2rem 1rem 2rem;
	position:relative;
	border:solid 1px #ccc9c9;
	border-radius:0.5rem;
	text-align:left;	
}
nav li a:hover{text-decoration:underline;}

/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){
.product_box li a {
	font-size:1.35vw;
}

}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
.product_box {
    margin-bottom: 5rem;
}
.product_box li {
    width: 100%;
    margin: 1% 0 1% 0;
}
.product_box li a{
	font-size:1.6rem;
}

.card_box table td{padding:0.4rem 0.2rem;} 
.card_box.rugby td:first-child,.card_box.rugby td:nth-of-type(2),.card_box.rugby td:nth-of-type(4),.card_box.rugby td:nth-of-type(5){width:2%;}

	.card_box.rugby td:nth-of-type(3),.card_box.rugby td:nth-of-type(6){width:45%!important;}
	
.card_box table td.ttl font {
    margin-bottom: 0em;
}	

.card_box.index tr{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.card_box.index td:first-child {
    width: 100%;
	padding-left:1.8em;
	text-indent:-1em;
}
.card_box.index td:nth-of-type(2) {
    width: 50%;
	border-top:none;
	margin-top:-1em;
}
.card_box.index td:nth-of-type(3) {
    width: 50%;
	border-top:none;
	margin-top:-1em;
}


.card_box.yu-gi-oh td:first-child{width:70%;}
.card_box.yu-gi-oh td:nth-of-type(2){width:30%;}
  
.card_box.kimetsu .regular td:nth-of-type(1){width:15%;}
.card_box.kimetsu .regular td:nth-of-type(2){width:40%;}
.card_box.kimetsu .regular td:nth-of-type(4){width:15%;}

main.present img{height:auto;}
main.present .card_box table td.left{padding-right:0em; display:block;}
main.present .card_box table td.right{display:block;}

main.present img.ttl{height:2rem; width:auto;}
	
}