@charset "utf-8";
@media only screen and (max-width: 896px) {/*????????896px?????*/
}
@media only screen and (max-width: 500px) {/*????????500px?????*/
}
.ui-widget *{
	font-family: "?????? Pro W3", "Hiragino Kaku Gothic Pro", "????", Meiryo, Osaka, "?? ?????", "MS PGothic", sans-serif;
}
* {
    min-height: 0vw;
	-webkit-text-size-adjust:100%;
}
html{
	height:100%;
    font-size:62.5%;
}
/**/
:root {
    --common-fontS_s: 1.2rem;
    --common-fontS_m: 1.4rem;
    --common-fontS_l: 2rem;

	--common-fontS2_ss: clamp(0.8rem, 1.6vw, 1rem);
	--common-fontS2_s:  clamp(1rem, 2vw, 1.2rem);
    --common-fontS2_m:  clamp(1.2rem, 2.4vw, 1.4rem);
	--common-fontS2_l:	clamp(1.4rem, 2.8vw, 1.6rem);
    --common-fontS2_xl: clamp(1.6rem, 3.2vw, 1.8rem);
    --common-fontS2_h1: clamp(1.8rem, 3.6vw, 3rem);
}

@media only screen and (max-width: 500px) {/*????????500px?????*/
:root {
	--common-fontS2_ss: 0.8rem;
	--common-fontS2_s:  1rem;
    --common-fontS2_m:  1.2rem;
	--common-fontS2_l:	1.4rem;
    --common-fontS2_xl: 1.6rem;
    --common-fontS2_h1: 1.8rem;
}
}
/*OCG?*/
:root {
	--common-color:#1f8de4;
}
/**/
form,h1,h2,h3,h4,h5,p,div,dl,dt,dd,ul,ol,li,body,header,footer,article,section,nav,iframe{
	padding:0;
	margin:0 auto;
	text-align:left;
	list-style:none;
	font-weight:normal;
}

body {
	color: #ffffff;
	text-align:center;
	height:100%;
	background:#12243c;
    font-size: var(--common-fontS2_m);
    line-height: 1.2;

	font-family: "?????? Pro W3", "Hiragino Kaku Gothic Pro", "????", Meiryo, Osaka, "?? ?????", "MS PGothic", sans-serif;
}


table{border: none;}

input[type="text"], textarea, select, input[type="password"], input[type="file"], input[type="tel"], input[type="number"]{
	margin:0;
	border:solid 1px #7196a6;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
	color: #ffffff;
	background: #093f5e;
	padding: 5px 7px;
}
input::placeholder, textarea::placeholder {
	color: #849faf;
}
input:-webkit-autofill{
	-webkit-text-fill-color: #ffffff !important;
	caret-color:#ffffff;
}
select,::picker(select){
	appearance: base-select
}
select{
    padding: 4px 4px;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
	color: #ffffff;
}
select:focus-visible{
    outline: none;
}
option{
   appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.select_df{
    position: relative;
    display: block;
	border: 1px solid #7196a6;
}
	.select_df select{
		-webkit-appearance: none;
		-moz-appearance: none;
		padding: 5px 30px 5px 7px;
		outline: none;
		cursor: pointer;
		appearance: none;
		border: none;
		background-color: #022c53;
		color: #ffffff;
		border-radius: 0px;
		display: block;
		box-sizing: border-box;
		line-height: 1.2;
		width: 100%;
	}
		.select_df::after{
			content: "";
			position: absolute;
			right: 10px;
			bottom: 0;
			top: 30%;
			display: block;
			box-sizing: border-box;
			cursor: pointer;
			z-index: 1;
			width: 8px;
			height: 8px;
			border: 2px solid;
			border-color: transparent transparent #ffffff #ffffff;
			transform: rotate(-45deg);
			pointer-events: none;
		}
.sort_set .select_df,
dd .select_df{
    border: 1px solid #7196a6;
    margin: 1px 0;
}
dd .select_df{
    display: block;
}

input[type="radio"], input[type="checkbox"] {
	position:relative;
	padding: 0;
	margin: 3px;
	top:2px;
	cursor: pointer;
}
label{cursor: pointer;}

img {
	border: none;
	vertical-align:bottom;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimizequality; /*Safari?Firefox*/
}

a{
	color: #ff8a00;
	text-decoration:none;
	overflow:hidden;
	outline:none;
}

a:hover, a:active, a:focus{
	text-decoration:underline;
}
* {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s !important;
}




/*???????--------------------------------------------------*/
.svg_stroke_lighter,.svg_stroke_normal,.svg_stroke_bold{/*???????*/
	fill: none;
	stroke: #ffffff;
	stroke-miterlimit: 10;
}
/*???????????*/
.svg_stroke_lighter{stroke-width: 10px;}
.svg_stroke_normal{stroke-width: 20px;}
.svg_stroke_bold{stroke-width: 40px;}

/*???--------------------------------------------------*/
#wrapper{
	width:100%;
    position: relative;
}

#bg{

}

#main980{
	display: flex;
}
#main980::before,#main980::after{
	content: '';
	display: block;
	flex: 1;
}
#main980::before{
    background: rgb(2,19,32);
	background: -webkit-linear-gradient(left, rgba(2,19,32,0) 0%, rgba(2,19,32,.8) 100%);
	background: -o-linear-gradient(left, rgba(2,19,32,0) 0%, rgba(2,19,32,.8) 100%);
	background: linear-gradient(to right, rgba(2,19,32,0) 0%, rgba(2,19,32,.8) 100%);
}
#main980::after{
    background: rgb(2,19,32);
	background: -webkit-linear-gradient(left, rgba(2,19,32,.8) 0%, rgba(2,19,32,0) 100%);
	background: -o-linear-gradient(left, rgba(2,19,32,.8) 0%, rgba(2,19,32,0) 100%);
	background: linear-gradient(to right, rgba(2,19,32,.8) 0%, rgba(2,19,32,0) 100%);
}
@media only screen and (max-width: 980px) {/*????????980px?????*/
	#main980::before,#main980::after{display: none;}
}
article{
	background: rgba(2,19,32,.8);
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
article.article2{
    max-width: none;
}
article.article2 .search_box_set{
    max-width: 980px;
    padding: 10px;
    box-sizing: border-box;
}
#article_body{
    padding: 10px 10px 40px;
    box-sizing: border-box;
}
article.article2 #article_body{
    padding: 0 0 40px;
}
@media only screen and (max-width: 896px) {/*????????896px?????*/
}
@media only screen and (max-width: 500px) {/*????????500px?????*/
    #article_body{
        padding: 10px 5px 20px;
    }
}
.table_bottom_set{
    padding: 5px;
    box-sizing: border-box;
}


/*?????????--------------------------------------------------*/
.btn{
    filter: drop-shadow(0px 2px 0px rgb(140,205,255,0.4));
    margin-top: 0;
    margin-bottom: 2px;
	padding: 5px 15px;
    cursor: pointer;
	min-width: 100px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
    border: 1px solid #000;
    border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #239ADF;
	background: -webkit-linear-gradient(rgba(0,202,239,0.8) 0%,  rgba(0,163,234,0.8) 50%,  rgba(0,107,226,0.8) 100%);
	background: -o-linear-gradient(rgba(0,202,239,0.8) 0%,  rgba(0,163,234,0.8) 50%,  rgba(0,107,226,0.8) 100%);
	background: linear-gradient(rgba(0,202,239,0.8) 0%,  rgba(0,163,234,0.8) 50%,  rgba(0,107,226,0.8) 100%);
}

.btn:hover {
    text-decoration: none;
    opacity: .7;
}
.btn:active{
    filter: drop-shadow(0px 0px 0px rgb(140,205,255,0.8));
    margin-top: 2px;
    margin-bottom: 0;
}
a.btn:active,a.btn:focus,a.btn:hover{text-decoration: none;}
.btn svg{
	vertical-align: sub;
	width: auto;
	height: 1.5em;
	margin: 0 5px;
}

.waku{
	background-color: transparent;
	border: 1px solid #239ADF;
	padding: 2px;
	color: #ffffff;
	display: flex;
    align-items: center;
	border-radius: 4px;
}

/*???????--------------------------------------------------*/
/*??????????--------------------------------------------------*/
    .btn.pnk {
		background-color: #d941ff;
		background: -webkit-linear-gradient(rgba(244,199,255,0.8) 0%, rgba(232,141,255,0.8) 50%, rgba(219,75,255,0.8) 100%);
		background: -o-linear-gradient(rgba(244,199,255,0.8) 0%, rgba(232,141,255,0.8) 50%, rgba(219,75,255,0.8) 100%);
		background: linear-gradient(rgba(244,199,255,0.8) 0%, rgba(232,141,255,0.8) 50%, rgba(219,75,255,0.8) 100%);
	}
	.waku.pnk {border-color: #d941ff;}

	.btn.orn{
		background: -webkit-linear-gradient(rgba(255,188,3,0.8) 0%, rgba(255,169,0,0.8) 50%, rgba(255,102,0,0.8) 100%);
		background: -o-linear-gradient(rgba(255,188,3,0.8) 0%, rgba(255,169,0,0.8) 50%, rgba(255,102,0,0.8) 100%);
		background: linear-gradient(rgba(255,188,3,0.8) 0%, rgba(255,169,0,0.8) 50%, rgba(255,102,0,0.8) 100%);
	}
    .waku.orn {border-color: #ffba00;}

    .btn.my {
		background-color: #00cccc;
		background: -webkit-linear-gradient(rgba(132,255,255,0.8) 0%, rgba(36,240,240,0.8) 50%, rgba(1,193,193,0.8) 100%);
		background: -o-linear-gradient(rgba(132,255,255,0.8) 0%, rgba(36,240,240,0.8) 50%, rgba(1,193,193,0.8) 100%);
		background: linear-gradient(rgba(132,255,255,0.8) 0%, rgba(36,240,240,0.8) 50%, rgba(1,193,193,0.8) 100%);
		color: #000000;
	}
    .waku.my {border-color: #00cccc;}

    .btn.red {
		background-color: #dc0000;
		background: -webkit-linear-gradient(rgba(255,106,81,0.8) 0%, rgba(255,66,34,0.8) 50%, rgba(227,33,1,0.8) 100%);
		background: -o-linear-gradient(rgba(255,106,81,0.8) 0%, rgba(255,66,34,0.8) 50%, rgba(227,33,1,0.8) 100%);
		background: linear-gradient(rgba(255,106,81,0.8) 0%, rgba(255,66,34,0.8) 50%, rgba(227,33,1,0.8) 100%);
	}
    .waku.red {border-color: #dc0000;}

/*????????--------------------------------------------------*/
/*???????--------------------------------------------------*/

.list{
    border: 2px solid #7196a6;
    background: #7196a6;
    margin: 0 auto;
    width: 100%;
    line-height: 1.5;
    box-sizing: border-box;
}
.tablink+.list{
	border-top-width: 1px;
}
    /*????????????--------------------------------------------------*/
    .list .t_haed{
        display: flex;
        color: #ffffff;
        line-height: 1.5;
		padding: 0 5px;
		border-bottom: 2px solid #7196a6;
		background: rgb(2,19,32);
		background: -webkit-linear-gradient(left, rgba(2,19,32,1) 40%, rgba(39,77,111,1) 100%);
		background: -o-linear-gradient(left, rgba(2,19,32,1) 40%, rgba(39,77,111,1) 100%);
		background: linear-gradient(to right, rgba(2,19,32,1) 40%, rgba(39,77,111,1) 100%);
    }
        .list .t_haed > *{
            margin: 2px  2px;
        }
@media only screen and (max-width: 500px) {/*????????500px?????*/
        .list .t_haed > *{
            margin: 2px  2px;
        }
}
    /*??????????--------------------------------------------------*/
    .list .t_row,tr{
        /*background: #01233a;*/
		background: rgb(1,43,77);
		background: -webkit-linear-gradient(rgba(1,43,77,1) 0%, rgba(1,54,80,1) 80%, rgba(1,56,81,1) 100%);
		background: -o-linear-gradient(rgba(1,43,77,1) 0%, rgba(1,54,80,1) 80%, rgba(1,56,81,1) 100%);
		background: linear-gradient(rgba(1,43,77,1) 0%, rgba(1,54,80,1) 80%, rgba(1,56,81,1) 100%);
	}
	.list .t_row{
			color: #ffffff;
			margin-top: 1px;
			box-sizing: border-box;
		}
	.list .t_row:first-child{margin: 0}
    .list .t_row:hover,tr:hover th,tr:hover td{
		cursor: pointer;
		background: rgb(27,64,69);
		background: -webkit-linear-gradient(rgba(27,64,69,1) 0%, rgba(27,71,72,1) 80%, rgba(27,74,72,1) 100%);
		background: -o-linear-gradient(rgba(27,64,69,1) 0%, rgba(27,71,72,1) 80%, rgba(27,74,72,1) 100%);
		background: linear-gradient(rgba(27,64,69,1) 0%, rgba(27,71,72,1) 80%, rgba(27,74,72,1) 100%);
	}
        .list .t_row .div{
            margin: 0;
            padding: 5px 0;
            box-sizing: border-box;
        }

        /*??????????--------------------------------------------------*/
        .list .top{
            display: flex;
            min-height: 32px;
        }
            .list .status{
                background: rgb(53, 105, 151);
                color: #ffffff;
                padding: 2px;
                margin: 0;
                box-sizing: border-box;
                text-align: center;
                line-height: 1.5;
                font-size: var(--common-fontS2_s);
            }
.list .t_haed .status{background: none}
            .list .fav{
                margin: 5px 0;
                border-left: 1px solid #7196a6;
                width: 40px;
                box-sizing: border-box;
                text-align: center;
            }
.list .type2 .rule_icon{
    display: flex;
    justify-content: center;

}
.list .type2 .rule_icon img{
    width: 70px;
    background: no-repeat center;
    background-size: 90% auto;
}
@media only screen and (max-width: 500px) {/*????????500px?????*/
    .list .type2 .rule_icon img{
        width: 46px;
    }
}
.list .type2 .rule_icon.m_0 img,.list .type2 .rule_icon.m_1 img{background-image: url("../image/en/00_logo_ocgtcg.png")}
.ja .list .type2 .rule_icon.m_0 img,.ja .list .type2 .rule_icon.m_1 img{background-image: url("../image/ja/00_logo_ocgtcg.png")}
.ko .list .type2 .rule_icon.m_0 img,.ko .list .type2 .rule_icon.m_1 img{background-image: url("../image/ko/00_logo_ocgtcg.png")}
.ms .list .type2 .rule_icon.m_0 img,.ms .list .type2 .rule_icon.m_1 img{background-image: url("../image/ms/00_logo_ocgtcg.png")}
.ae .list .type2 .rule_icon.m_0 img,.ae .list .type2 .rule_icon.m_1 img{background-image: url("../image/ae/00_logo_ocgtcg.png")}
.list .type2 .rule_icon.m_2 img{background-image: url("../image/00_logo_DuelLinks.png")}
.list .type2 .rule_icon.m_3 img{background-image: url("../image/00_logo_MasterDuel.png")}

.list .dack_set{padding: 0 2px}
.list .type2 .dack_set {
	padding: 2px 5px;
	display: flex;
}

    .list .dack_set >*{padding: 5px;}
    .list .type2 .dack_set >*{
        padding: 0px;
        display: flex;
        align-items: flex-start;
		flex-direction: column;
}
.list .type2 .dack_set >.name{padding: 2px;}
.list .type2 .date{
    justify-content: flex-end;
    align-items:flex-end;
    flex-wrap: wrap;
    font-size: var(--common-fontS2_s);
    margin: 2px 0 2px 5px;
}
.list .type2 .date >*{
    padding:  2px;
    line-height: 1;
    margin: 0 2px;
	color: #ffffff;
}
.list .type2 .date svg{
    height: 16px;
    width: 22px;
}
    .list .dack_name{
        margin: 0;
        padding: 0 5px 5px;
    }
        .list .dack_name .rule{
            display: inline-block;
            line-height: 1.2;
            font-size: var(--common-fontS_s);
            padding: 2px 10px;
            border-radius: 100px;
            color: #ffffff;
            font-weight: normal;
        }
.list .rule{
    background: #b5e1ff;
    color: #000000;
    font-weight: bold;
    border-radius: 15px;
    padding: 0 5px !important;
    /*border: 1px solid #002c4a;*/
}/*
.list .rule.m_1{background: #83a762;}
.list .rule.m_2{background: #5cafe4;}
.list .rule.m_3{background: #5c72e4;}
.list .rule.m_4{background: #a65ce4;}
.list .rule.m_5{background: #e45ce2;}
.list .rule.m_6{background: #e4925c;}*/
.list .rule.m_1{border-color: #83a762;background: #83a762;}
.list .rule.m_2{border-color: #5cafe4;background: #bee6ff;}
.list .rule.m_3{border-color: #5c72e4;background: #ccd4ff;}
.list .rule.m_4{border-color: #a65ce4;background: #edd7ff;}
.list .rule.m_5{border-color: #e45ce2;background: #ffdafe;}
.list .rule.m_6{border-color: #e4925c;background: #ffeee2;}

.list .type2 .text_set{
	    flex: 1;
}
.list .type2 .text_set >*{
    margin: 0 2px;
    padding: 2px;
    display: block;
	flex-direction: column;
}

        .list .name{
            display: flex;
			align-items: center;
			font-weight: bold;
			line-height: 1.2;
			min-height: 20px;
			color: #ffffff;
        }
        .list .type2 .name{
            flex: 4;
        }
        .list.text_l  .name{
            display:inline-block;
            vertical-align: middle
        }
    .list .dack_set .text{
        font-size: var(--common-fontS_s);
        line-height: 1.2;
        border-top: 1px solid #7196a6;
    }
    .list .type2 .dack_set .text{
        font-size: var(--common-fontS2_s);
        line-height: 1;
        border-top: none;
        flex: 4.5;
		background: #093f5e;
		width: 100%;
		box-sizing: border-box;
		padding: 4px;
		border-radius: 2px;
		margin-bottom: 2px;
		color: rgba(255, 255, 255, .8);
    }
@media only screen and (max-width: 896px) {/*????????896px?????*/
    .list .type2 .text_set{display: block}

    .list .type2 .date div:not(.lr_icon) >span{
        display: block;
        text-align: right;
    }
    .list .type2 .date div >span.sura{display: none}
}

.list .div.date >*{
    flex: none;
    font-size: var(--common-fontS_s);
    text-align: right;
    display: block;

}
.list .div.date span span{
    font-size: var(--common-fontS_s);
    display: block;
}
        /*??????????--------------------------------------------------*/
        .list .bottom{
            background: #000000;
            display: flex;
            padding: 2px 0;
            font-size: var(--common-fontS2_s);
            line-height: 1.2;
        }
        .list .t_row:hover .bottom{opacity: .8 }
            .list .bottom >div{
                display: flex;
            }

                .list .bottom >div >*{
                    padding: 0 5px;
                    line-height: 1.5;
                }
                .list .bottom a{
                    font-weight: bold;
                }



.list .div{
    display: flex;
}
.list .div > *{
    flex: 1;
    line-height: 1.5;
    padding: 0 5px ;
    box-sizing: border-box;
    border-left: 1px solid #7196a6;
    word-break: break-all;
}
.list .t_haed .div > *{border-color: transparent}
.list .div:first-child  *:first-child{border: none}

.list .inside{
    display: flex;
    cursor: pointer;
    flex: 1;
	/*color: rgba(255,255,255,.8);*/
}
.list a.inside{
    color: #000000;
}
.list a.inside:hover{
    text-decoration: none;
}

    .list .inside .contents{
        padding: 5px;
        box-sizing: border-box;
    }
            .list .inside .time{
                white-space: nowrap;
                padding: 5px;
				font-size: var(--common-fontS2_s);
				color: rgba(255,255,255,.8);
            }
            .list .inside .update_title{
				flex: 1;
            }
            .list .inside.ut_link{
                width: 100%;
                cursor: pointer;
            }
            .list .inside.ut_link .update_title{
                position: relative;
                padding: 0 25px 0 0;
                box-sizing: border-box;
            }
            .list .inside.ut_link .update_title::after {
                position: absolute;
                content: '';
                display: block;
                width: 0;
                height: 0;
                top: 10px;
                right: 7px;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-top: 8px solid #7196a6;
            }
.list .flex_1{flex: 1}
.list .flex_2{flex: 2}
.list .flex_3{flex: 3}
.list .flex_4{flex: 4}
.list .flex_5{flex: 5}

@media only screen and (max-width: 896px) {/*????????896px?????*/

    .list .inside{
        display: inline-block;
        width: 100%;
    }

    .list .inside .time {
        padding: 5px 5px 0;
        font-size: var(--common-fontS2_s);
    }
    .list .div {
        display: block;
    }
    .list .div > *{
        width: 100%;
        display: block;
        padding: 5px 0 ;
        border-left: none;
        border-top: 1px solid #7196a6;
    }
    .list .bottom {
        display:block;
    }

    .list .div.date{
        border-top:1px solid #7196a6;
        padding-top: 5px;
        margin: 5px 5px 0;
    }
        .list .div.date> span{
            flex: 1;
            border-top: none;
            border-left: 1px solid #7196a6;
            padding-left: 5px;
        }
            .list .div.date span span{
                display: inline-block;
                padding-left: 0;
            }
    .list .div.date *:first-child{
        border: none;
        padding: 1px 5px;
    }
    .list .t_haed .div.date{display: none}
    .list .t_body .div.date{
        display: flex;
        margin-top: 0;
        padding: 0;
    }
}
    /*?????? ??????????--------------------------------------------------*/
.list .c_simple .inside{
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
    box-sizing: border-box;
}
.list .c_simple .inside >*{
    padding: 5px;
    display: flex;
    align-items: flex-start;
}
.list .c_simple .card_name img {margin-right: 5px;}
.list .c_simple .item_set{display: flex}
.list .c_simple .icon >*{margin: 2px;}

.list .c_simple .other{line-height: 1.2;}

.list .c_simple .element,.list .c_simple .CardCalendar {
    width: 100%;
    border-top: 1px solid rgba(186,203,214,.3);
}
.list .c_simple .inside > .element {
    padding: 2px
}
.list .c_simple .element span{
    font-size: var(--common-fontS2_s);
    min-width: 80px;
    white-space: nowrap;
    line-height: 1.2;
}
    .list .c_simple .element img{
        position: relative;
        height: 14px;
        vertical-align: sub;
    }
.list .c_simple .num_set{
    display: flex;
    justify-content: flex-end;
	align-items: center;
    line-height: 1.2;
}
.list .c_simple .num_set >*{
    white-space: nowrap;
    margin: 0;
}
.list .c_simple .num_set >span{margin-right: 20px;}
.list .c_simple .num_set div span{
    display: inline-block;
    width: 80px;
    margin: 0;
    padding-right: 2px;
}
.list .c_simple .num_set .max_power{
	width: 130px;
}
.list .c_simple .CardCalendar{
    flex-wrap: wrap;
    padding: 3px 5px;
}
    .list .c_simple .CardCalendar >*{
       margin: 2px 15px 2px 0;
    }
    .list .c_simple .first_pack{
        background-color: #467491;
        color: #ffffff;
        font-size: var(--common-fontS2_s);
        padding: 2px 5px;
    }
    .list .c_simple .pack_name{
        flex: 1;
        margin-right: 0;
        font-weight: bold;
        min-width: 70%;
    }
@media only screen and (max-width: 896px) {/*????????896px?????*/
    .list .c_simple .element{
        flex-wrap: wrap;
    }
    .list .c_simple .icon.rarity{
        order: 4;
        border-top: 1px solid #698b9b;
        width: 100%;
        justify-content: flex-end;
        flex-wrap: wrap;
        padding: 0;
    }

}
@media only screen and (max-width: 500px) {/*????????500px?????*/

    .list .c_simple .element{
        order: 2;
    }
        .list .c_simple .item_set{
            display: block;
            margin: 0;
            line-height: 1.1;
        }

    .other{
        display: block;
        width: 100%;
    }
    .list .c_simple .num_set{
        text-align: left;
        width: 100%;
        justify-content: space-between;
    }
    .list .c_simple .CardCalendar{
        order: 3;
    }
    .list .t_row{
        margin-top: 2px;
    }
    .list .c_simple .element span{
        font-size: var(--common-fontS2_s);
    }
    .list .c_simple .num_set >span {
        margin-right: 5px;
    }
    .list .c_simple .num_set >*{
        font-size: var(--common-fontS2_s);
    }
    .list .c_simple .element img{
        height: 12px;
    }
}
    /*?????? ????????--------------------------------------------------*/
.list .c_normal {
    display: flex;
    padding : 0 5px;
    position: relative;
    align-items: flex-start;
	flex-wrap: wrap;
}
.list .c_normal .box_card_img {
    padding: 5px 5px 5px 0 !important;
}
.list .c_normal .box_card_img .cardimg{
	width: clamp(60px, 11.7vw, 96px);
    max-width: 96px;
	min-width: 60px;
	aspect-ratio: 20 / 29;
    background: url("../image/en/card_back.png")  no-repeat;
    background-size: 93%;
	background-position: center 1px;
}
@media only screen and (max-width: 500px) {/*????????500px?????*/
	.list .c_normal .box_card_img .cardimg{
		max-width: 60px;
	}
}
    .ja .list .c_normal .box_card_img .cardimg {background-image: url("../image/ja/card_back.png")}
    .ms .list .c_normal .box_card_img .cardimg {background-image: url("../image/ms/card_back.png")}
    .ae .list .c_normal .box_card_img .cardimg {background-image: url("../image/ae/card_back.png")}
    .ko .list .c_normal .box_card_img .cardimg {background-image: url("../image/ko/card_back.png")}
.list .c_normal .box_card_img.icon{
	flex-direction: column;
	justify-content: flex-start;
}
.list .c_normal .box_card_img img{width: 100%}

.list .c_normal dl{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
	/*color: rgba(255,255,255,0.80);*/
}
.list .c_normal dd{
    padding: 5px;
    border-top:1px solid #698b9b;
    min-width: 100%;
    box-sizing: border-box;
    font-weight: bold;
}
.list .c_normal .top_set{
    min-width: auto;
    border: none;
}

.list .c_normal .box_card_name{
    border: none;
}
    .list .c_normal .box_card_name span{line-height: 1.2}
        .list .c_normal .card_ruby{
            font-size: var(--common-fontS2_s);
            display: block;
            font-weight: normal;
			color: rgba(255,255,255,.8)
        }
        .list .c_normal .card_name{
            font-weight: bold;
			color: #ffffff;
        }

.list .c_normal .box_card_spec{
    border: none;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 0;
}
.list .c_normal .box_card_spec > span,
.list .c_normal .box_card_spec .atkdef{
    padding: 5px;
    border-top:1px solid #698b9b;
    flex: 1;
    white-space: nowrap;
    display: flex;
}
.list .c_normal .box_card_spec .atkdef > span{
    border-right: 1px solid #698b9b;
    padding:0 5px;
}
.list .c_normal .box_card_spec .atkdef span:last-child{
	border: none;
	padding-right: 0;
}


.list .c_normal .box_card_spec .card_info_species_and_other_item{
    flex: 10;
    white-space: normal;
}
.list .c_normal .box_card_spec > span >*{
    vertical-align: middle;
}

.list .c_normal .box_card_spec > span:last-child{
    flex: 10;
}
.list .c_normal .box_card_spec > span.def_power:last-child{
    flex: 1;
}

.list .c_normal .box_card_spec > span span{/*??*/
    border-right:1px solid #698b9b;
    padding-right: 5px;
}
.list .c_normal .box_card_spec img, .list .c_normal .box_card_pen_info .box_card_pen_scale img{
    margin-right: 5px;
    width: 20px;
    height: 20px;
}
.list .c_normal .box_card_pen_info .box_card_pen_scale img{margin: 0}
.list .c_normal .box_card_spec > .def_power span{
    border-right:none;
    padding-right: 0px;
}
.list .c_normal .box_card_spec .blank{
    margin: 5px 0;
    border-left:1px solid #698b9b;
}
.list .c_normal .box_card_pen_info{
    display: flex;
}
.list .c_normal .box_card_pen_info .box_card_pen_scale{
    padding-right: 5px;
}

.list .c_normal .box_card_pen_info .box_card_pen_effect{
    padding-left: 5px;
    border-left:1px solid #698b9b;
	min-height: 20px;
	display: flex;
	align-items: anchor-center;
}
.list .c_normal .c_text{
    font-size: var(--common-fontS2_s);
    font-weight: normal;
    line-height: 1.2;
}
.list .c_normal .c_text:not(.box_card_pen_effect){
	min-height: 45px;
}
@media only screen and (max-width: 600px) {/*????????600px?????*/
	.list .c_normal .c_text:not(.box_card_pen_effect){
		min-height: auto;
	}
}
.list .c_normal .c_text.biko hr{
    display: none;
    border: none;
    margin: 0;
    padding: 0;
}
.list .c_normal .icon{
    display: flex;
    border: none;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.have_want .list .c_normal .icon{
    right: 25px;
}

.list .c_normal .icon .lr_icon{
    margin:0px 2px;
}

.list .c_normal .CardCalendar{
    flex-wrap: wrap;
    padding: 3px 5px;
}
    .list .c_normal .CardCalendar >*{
       margin: 2px 15px 2px 0;
    }
    .list .c_normal .first_pack{
        background-color: #467491;
        color: #ffffff;
        font-size: var(--common-fontS2_s);
        padding: 2px 5px;
    }
    .list .c_normal .pack_name{
        flex: 1;
        margin-right: 0;
        font-weight: bold;
        min-width: 70%;
    }
.list .c_normal .pack_r{
	min-width: 100%;
	padding: 2px 0;
}
/*????????*/
.list .remove_btn{display:none !important; }
.list .remove_btn a{
	min-width: auto;
	border-radius: 100%;
    padding: 3px 5px 4px;;
}
.list .remove_btn span{
    font-size: 1rem;/*??*/
    font-weight: normal;
    line-height: 1;
}
.list .remove_btn .hex:before,
.list .remove_btn .hex:after {
    width: 5px;
}
@media only screen and (max-width: 896px) {/*????????896px?????*/
    .list .c_normal .box_card_spec{
        display: flex;
        flex-wrap: wrap;
        padding-right: 0;
    }

    .list .c_normal .icon.rarity{
        order: 6;
        padding: 0;
        border-top: 1px solid #698b9b;
        min-width: 100%;
    }
    .list .c_normal .icon.top_b_none{
        border-top: none;

    }
    .list .c_normal .icon .lr_icon{
        margin:2px 2px;
    }
	.box_card_img.icon .lr_icon {
		flex-direction: column;
		align-items: center;
	}

}
@media only screen and (max-width: 850px) {/*????????850px?????*/
    .list .c_normal .box_card_spec .card_info_species_and_other_item{
        order: 5;
        min-width: 100%;
        box-sizing: border-box;
    }
    .list .c_normal .box_card_spec .card_info_species_and_other_item span{border: none;}

    .list .c_normal .CardCalendar{
        order: 7;
    }
	.list .c_normal .box_card_spec > span ,.list .c_normal .box_card_spec > span.def_power:last-child,
	.list .c_normal .box_card_spec .atkdef{
		flex: 0 ;
    }
	.list .c_normal .box_card_spec > .box_card_level_rank,
	.list .c_normal .box_card_spec > .box_card_linkmarker{
		flex: 1;
	}
}
@media only screen and (max-width: 600px) {/*????????600px?????*/
    .list .c_normal dd {
        padding: 5px 2px 2px;
    }
    .list .c_normal .box_card_name span {
        line-height: 1;
    }
    .list .c_normal .card_ruby {
        font-size: var(--common-fontS2_s);
    }

    .list .c_normal .box_card_spec,
    .list .c_normal .box_card_pen_info .box_card_pen_scale{
        font-size: var(--common-fontS2_s);
    }
    .list .c_normal .box_card_spec img,
    .list .c_normal .box_card_pen_info .box_card_pen_scale img{
        width: 14px;
        height: 14px;
        vertical-align: middle;
    }
    .list .c_normal .box_card_spec > span ,.list .c_normal .box_card_spec > span.def_power:last-child,
	.list .c_normal .box_card_spec .atkdef{
        padding: 1px 2px;
        align-items: center;
		flex: 0 ;
    }
	.list .c_normal .box_card_spec > .box_card_level_rank,
	.list .c_normal .box_card_spec > .box_card_linkmarker{
		flex: 1;
	}
	.list .c_normal .box_card_spec > span:nth-child(4){
		flex: 1;
		justify-content: flex-end;
	}

	.list .c_normal .box_card_pen_info{
		flex-direction: column;
		padding: 2px;
	}
	.list .c_normal .box_card_pen_info .box_card_pen_effect{
		border: none;
		padding: 2px 0;
	}
}
/*???????--------------------------------------------------*/
/*???????????--------------------------------------------------*/
.subcatergory{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
	padding: 0 0 30px;
}
    .subcatergory .top{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 5px;
        flex: 1;
        flex-wrap: wrap;
		border: double 3px #6890a3;
		background: rgb(0, 34, 68);
		background: -webkit-linear-gradient(left, rgba(0, 34, 68, 1) 40%, rgba(39, 77, 111, 1) 100%);
		background: -o-linear-gradient(left, rgba(0, 34, 68, 1) 40%, rgba(39, 77, 111, 1) 100%);
		background: linear-gradient(to right, rgba(0, 34, 68, 1) 40%, rgba(39, 77, 111, 1) 100%);
    }
        .subcatergory .icon{
            margin: 0 10px 0 5px;
			display: flex;
			align-items: center;
        }
			.subcatergory .icon svg{
				width: auto;
				height: var(--common-fontS2_m);
			}
        .subcatergory h3{
            flex: 1;
            line-height: 1.2;
            font-weight: bold;
            min-width: 70%;
        }
    .subcatergory p{
        font-size: var(--common-fontS2_s);
        line-height: 1.2;
        padding: 10px 5px 0 20px;
        width: 100%;
    }
/*??????????????--------------------------------------------------*/






/*?????--------------------------------------------------*/

nav#pan_nav{
	color:#ffffff;
	background:#000000;
	border-bottom: 1px solid #1f8de4;
}

nav#pan_nav > div{
    width: 100%;
    max-width: 980px;
    padding: 0 5px 0 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
		nav#pan_nav ul{
			text-align:left;
			margin:0;
            display: flex;
            flex-wrap: wrap;
            padding: 5px 0;
		}
		nav#pan_nav ul li{
            font-size: .8em;
            margin: 0 5px;
            line-height: 1.5;

		}
		nav#pan_nav ul li a{
			text-decoration:none;
			color:#ffffff;
		}
		nav#pan_nav ul li a:hover{
			text-decoration:underline;
            opacity: .7;
		}
		nav#pan_nav ul li br{
			display:none;
		}

        nav#pan_nav .btn.hex{/*?????????*/
            margin-right: 0;
			padding: 2px;
			min-width: 20px;
			height: 20px;
			border-radius: 100%;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: center;
        }
			nav#pan_nav .hex > span{
				font-size: var(--common-fontS2_s);
				min-height: auto;
				line-height: 1.5;
				padding: 0 2px;
				color: #000000;
			}
/*?????--------------------------------------------------*/
/*?????--------------------------------------------------*/
nav#title_msg{
    background-color: #1f8de4;
    width: 100%;
    box-sizing: border-box;
}

    #title_msg span{
        width: 100%;
        max-width: 980px;
        color: #ffffff;
        font-size: var(--common-fontS2_s);
        margin: 0 auto;
        display: block;
        position: relative;
        padding: 5px 15px 5px;
        box-sizing: border-box;
        line-height: 1.5;
    }
#title_msg span::after{
    position: absolute;
	right: 10px;
	top: 5px;
	transform: translateY(-50%);
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-top: 8px solid #000;
	content: "";
}
#title_msg a{
    color: #fff200;
    font-weight: bold;
}
@media only screen and (max-width: 896px) {/*????????896px?????*/
}
@media only screen and (max-width: 500px) {/*????????500px?????*/
}
/*?????--------------------------------------------------*/
/*???????????--------------------------------------------------*/
	#broad_title{
        width: 100%;
		min-height: clamp(2rem, 0.061rem + 7.5vw, 6rem);
        padding: 5px 0;
		display: flex;
		align-items: center;
		justify-content: center;
        border-bottom: 3px solid #1f8de4;
        border-top: 2px solid #1f8de4;

        background: rgb(14,73,120);
        background: -moz-linear-gradient(top,  rgba(14,73,120,1) 0%, rgba(0,40,78,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(14,73,120,1) 0%,rgba(0,40,78,1) 100%);
        background: linear-gradient(to bottom,  rgba(14,73,120,1) 0%,rgba(0,40,78,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4978', endColorstr='#00284e',GradientType=0 );

	}
		#broad_title div{
            width: 100%;
            max-width: 980px;
            padding: 0 5px;
            box-sizing: border-box;
		}

            #broad_title h1{
                font-size:  var(--common-fontS2_h1);
                line-height: 1.2;
                text-align: center;
                color: #ffffff;
            }
                #broad_title h1 span{
                    font-size: .7em;
                    line-height: 1.2;
                    display: block;
                    margin: 2px 0 0;
                }
                #broad_title h1 > span{
                    opacity: .8;
                }
                #broad_title h1 span.ruby{
                    line-height: 1.5;
                    margin: 0;

                }
            #previewed{
                text-align:center;
                line-height: 1.5;
                color: #ffba00;
            }
@media only screen and (max-width: 500px) {/*????????500px?????*/

}
.onather_userdeck{
    background: #d80000;
    color: #ffffff;
    font-size: var(--common-fontS2_h1);
    line-height: 1.5;
    display: block;
    padding: 5px;
    text-align: center;
}
/*????????--------------------------------------------------*/
/*SNS??--------------------------------------------------*/
.sns_btn{
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items: flex-end;
    width: 95%;
    margin: 0;
    padding: 0px;
    box-sizing: border-box;
}
.sns_btn >*{margin: 15px 10px;}

/*SNS??--------------------------------------------------*/
/*???--------------------------------------------------*/
    /*???????--------------------------------------------------*/
.tablink{
	position: relative;
	border: 2px solid #7196a6;
	border-bottom: none;
}
article > .tablink{
	border: 1px solid #7196a6;
	border-top: none;
}
.tablink select{
    -webkit-appearance: none;
    appearance: none;
    display: none;
    width: 100%;
    padding: 10px 20px;
    background: #000;
    color: #ffba00;
    font-weight: bold;
    text-align: center;
    border: none;
    border-bottom: 4px solid;
    border-top: 4px solid transparent;
    border-radius: 0;
}
.tablink select >*{
	color: #fff;

}


.tablink select::-ms-expand {
  display: none;
}

.tablink option,.tablink option:checked{
    color: #ffffff !important;
}

    .tablink .dk_container{
        width: 100%;
        float: none;
    }
    .tablink .dk_options {
        display: block;
        width: 100%;
        position:static;
        z-index: 100;
    }
        .tablink ul{
            display: flex;
            background: #000000;
        }
            .tablink li{
                flex:1;
                border-bottom: 4px solid #000000;
                border-top: 4px solid transparent;
                transition:.2s;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
            }
                .tablink  li > span{
                    text-align: center;
                    color: #888888;
                    line-height: 1.2;
                    background: #000000;
                    font-size: var(--common-fontS_m);
                    padding: 5px;
                    box-sizing: border-box;
                }
                article > .tablink  li > span{
                    padding:10px 5px;
                    font-weight: bold;
                }
                .tablink .dk_open .dk_toggle{color: #ffffff;}
                .tablink  li.now ,.tablink li:active{
                    border-bottom-color: #ffba00;
                }
                .tablink  li.now span{color: #ffba00;}

                .tablink li:hover{
                    border-bottom-color: #239adf;
                }
                .tablink li:hover span{
                    color: #ffffff;
                }

    /*?????--------------------------------------------------*/



@media only screen and (max-width: 896px) {/*????????896px?????*/
}
@media only screen and (max-width: 700px) {/*????????700px?????*/
    .tablink{
        display: flex;
        background: #555555;
    }
    #article_body .tablink{
        border-bottom: none;
    }
    .tablink  ul{display: none}
    .tablink select{
        display: block;
        border: none;
        padding: 5px 20px;
    }
    .tablink #prev ,
    .tablink #next {
        padding: 5px 10px;
    }
    .tablink #prev span,
    .tablink #next span{
        display: block;
        box-sizing: border-box;
        cursor: pointer;
        width: 12px;
        height: 100%;
        background: #ffba00;
    }
    .tablink #prev span{
        clip-path: polygon(0 50%, 100% 0, 100% 100%);
    }
    .tablink #next span{
        clip-path: polygon(0 0, 100% 50%, 0 100%);
    }

}
/*???--------------------------------------------------*/
/*?????--------------------------------------------------*/
.page_num_title{
	width: 100%;
    text-align: right;
    font-size: var(--common-fontS_m);
    font-weight: bold;
    padding: 10px 0;
    box-sizing: border-box;
}

.sort_set{
	width: 100%;
    max-width: 980px;
    margin: 10px auto;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sort_set > *{
    font-weight: bold;
    margin: 0 auto 0 0;
}
.sort_set .pulldown{
    display: flex;
    justify-content: flex-end;
    margin: 0 0 0 auto;
    padding: 0;
}
.sort_set .pulldown >* {
    float: none;
    margin-left: 10px;
    box-sizing: border-box;
}
@media only screen and (max-width: 896px) {/*????????896px?????*/
}
@media only screen and (max-width: 500px) {/*????????500px?????*/
    .sort_set{
        display: block;
    }
    .sort_set .pulldown{
        display: block;
    }
    .sort_set .pulldown >*{
        display: block;
        margin: 5px 0 10px;
    }
    .sort_set .pulldown select{
        width: 100%;
    }
    .dk_container{
        display: block;
        float: none;
    }
    .dk_container a{
        width: 100% !important;
        box-sizing: border-box;
    }
}
/*?????--------------------------------------------------*/

/*??????--------------------------------------------------*/
/*---.page_num---*/
.page_num{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 50px 0 10px;
    margin: 0 auto;
    box-sizing: border-box;
    line-height: 1;
}

    .page_num >*{
        padding: 5px 10px;
        margin: 2px 4px 4px;
        border: 1px solid #7196a6;
        color: #ffffff;
        background-color: #01233a;
        box-shadow: 0px 2px 2px rgb(140,205,255,0.8);
        text-decoration: none;
        text-align: center;
        display: block;
        box-sizing: border-box;
    }

    .page_num .max{
		background-color:#efe0b7;
		color: #000000;
	}
    .page_num a:hover{
        opacity: .5;
        text-decoration: none;
    }
    .page_num a:active{
        margin: 4px 4px 2px;
        box-shadow: 0px 0px 2px rgb(140,205,255,0.8);
    }

    .page_num .nowpage{
        background-color: #ffba00;
        color: #000000;
        text-shadow: 0 1px 2px #a17500;
    }
@media only screen and (max-width: 700px) {/*????????700px?????*/
.page_num{
    justify-content: space-around;
    padding: 100px 0 0;
}
    .page_num >*{
        flex: 3;
        font-size: var(--common-fontS2_l);
        margin: 0;
        border-left: none;
        box-shadow: none;
        line-height: 1.5;
    }
    .page_num >*:first-child{border-left: 1px solid #888888;}
    .page_num .yaji{flex: 1}
    .page_num a:active{
        margin: 0;
        box-shadow: none;
    }
    .c_100.page_num >*{
        padding: 5px 0;
        font-size: var(--common-fontS2_s);
    }
    .c_100.page_num .yaji{
        padding: 5px 10px;
        font-size: var(--common-fontS_l);
    }
}

/*---/.page_num---*/
/*??????--------------------------------------------------*/

/*????--------------------------------------------------*/
.sort{
    width: 95%;
    margin: 0 auto 0;
    display: flex;
    justify-content: flex-end;
}
.sort select{
    width: 256px;
}
/*????--------------------------------------------------*/

/*???????--------------------------------------------------*/
div.no_data {
    width: 95%;
    max-width: 900px;
    color: #fff;
	border:solid 2px #7196a6;
	font-size:var(--common-fontS_m);
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	padding:100px 10px;
    box-sizing: border-box;
    margin: 10px auto;
	background: rgb(1, 43, 77);
	background: -webkit-linear-gradient(rgba(1, 43, 77, 1) 0%, rgba(1, 54, 80, 1) 80%, rgba(1, 56, 81, 1) 100%);
	background: -o-linear-gradient(rgba(1, 43, 77, 1) 0%, rgba(1, 54, 80, 1) 80%, rgba(1, 56, 81, 1) 100%);
	background: linear-gradient(rgba(1, 43, 77, 1) 0%, rgba(1, 54, 80, 1) 80%, rgba(1, 56, 81, 1) 100%);
}
/*???????--------------------------------------------------*/

/*??????????--------------------------------------------------*/
.box_default{
    border: 2px solid #7196a6;
    display: flex;
    flex-wrap: wrap;
}
    .box_default .box_default_table{
        border: 2px solid #7196a6;
        background-color: #01233a;
        border-collapse: collapse;
        width: 99%;

        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        margin: 5px;
    }
.box_default .box_default_table dl{
    min-width: 50%;
    display: flex;
    flex: 1;
    box-sizing: border-box;
    border: 1px solid #467491;
    border-top: none;
    border-right: none;
    border-left: none;
}



.box_default .box_default_table dl.border-left{
    border-left: 1px solid #467491;
}

.box_default .box_default_table dl.category_tag,
.box_default .box_default_table dl.tab_mh100{
    min-width: 100%;
    border-left: none;
}
.box_default .box_default_table dl.category_tag dd,
.box_default .box_default_table dl.tab_mh100 dd{
    flex: 5;
    display: flex;
    flex-wrap: wrap;
}
.box_default .box_default_table dl.category_tag dd >*,
.box_default .box_default_table dl.tab_mh100 dd>*{
    flex: 1;
}


.box_default .box_default_table dl.category_tag dd .table_r{
    padding-left: 20px;
    box-sizing: border-box;
}
.table_set {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 7px 10px;
    width: 100%;
    text-align: center;
    background: #01233a;
    border: solid 2px #467491;
    box-sizing: border-box;
	color: #ffffff;
}
.table_set input[type="text"]{
    min-width: 100%;
    box-sizing: border-box;
}
.table_set .input_set{
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.table_set .btn_set{
    min-width: 100%;
	text-align: center;
	padding-top: 10px;
	display: flex;
	justify-content: space-around;
}

.table_set:before,.table_set:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -14px;
    border: 14px solid transparent;

}
.table_set:before {
    left: -26px;
    border-right: 14px solid #01233a;
    z-index: 2;
}
.table_set:after {
    left: -29px;
    border-right: 14px solid #467491;
    z-index: 1;
}

        .box_default .box_default_table dt,.box_default .box_default_table dd{
            padding: 3px;
            height: 100%;
            box-sizing: border-box;
            vertical-align: top;
            flex: 1;
        }
        .box_default .box_default_table dt{
            width: 10%;
            padding-right: 0;
        }
        .box_default .box_default_table dd{

            width: 40%;
            flex: 2;
        }

            .box_default .box_default_table dt span{
                display: block;
                color: #ffffff;
                height: 100%;
                padding: 3px;
                box-sizing: border-box;
                line-height: 1;
                font-size: 1.2rem;/*??*/
                min-width: 130px;
				background: rgb(255, 255, 255, .2);
				min-height: 30px;
			}

    .box_default #bottom_btn_set{
        min-width: 100%;
        display: flex;
        background-color: #344f61;
        justify-content: center;
        padding: 5px;
        box-sizing: border-box;
    }
    .box_default #bottom_btn_set a{
        margin: 5px 10px;
    }
  .box_default #bottom_btn_set a:active{
    margin: 7px 10px 3px;
}
    .box_default  .w_100 {
        width: 100%;
        box-sizing: border-box;
    }
    .box_default .tab_mh100 select.w_100 {
        max-width: 300px;
    }
@media only screen and (max-width: 896px) {/*????????896px?????*/
    .box_default .box_default_table dl{
        min-width: 100%;
        border-left: none;
        border-right: none;
    }
    .box_default .box_default_table dl.border-left{
        border-left: none;
    }
    .box_default .box_default_table dl.deck_type {
        border-right:none;
    }
    .box_default .box_default_table dl.category_tag dd,
    .box_default .box_default_table dl.tab_mh100 dd{
        flex: 2;
    }
    .box_default .tab_mh100 select.w_100 {
        max-width: none;
    }

    .box_default .box_default_table dl.category_tag dd{
        display: block;
    }
    .box_default .box_default_table dl.category_tag dd .table_r{
        padding-left: 0;
        padding-top: 12px;
    }

    .table_set:before, .table_set:after {
        left: 50%;
        border-right: 14px solid transparent;
    }
    .table_set:before{
        top: -12px;
        border-bottom: 14px solid #01233a;
    }
    .table_set:after{
        top: -15px;
        border-bottom: 14px solid #467491;
    }


}
@media only screen and (max-width: 600px) {/*????????600px?????*/
    .box_default .box_default_table{display: block;}

    .box_default .box_default_table dl{
        flex-wrap: wrap;
    }
    .box_default .box_default_table dt{padding: 0;}
    .box_default .box_default_table dd{
		padding: 5px 5px 30px;
	}
    .box_default .box_default_table dt,.box_default .box_default_table dd{
        min-width: 100%;
    }
	.box_default .box_default_table dt span{
		border: double 3px #6890a3;
		border-right: none;
		border-left: none;
		background: rgb(0, 34, 68);
		background: -webkit-linear-gradient(left, rgba(0, 34, 68, 1) 20%, rgba(53, 105, 151, 1) 100%);
		background: -o-linear-gradient(left, rgba(0, 34, 68, 1) 20%, rgba(53, 105, 151, 1) 100%);
		background: linear-gradient(to right, rgba(0, 34, 68, 1) 20%, rgba(53, 105, 151, 1) 100%);
	}
	.box_default .box_default_table.authority dt span{
		background: rgb(0, 34, 68);
		background: -webkit-linear-gradient(left, rgba(0,0,0,1) 20%, rgba(80,21,16,1) 100%);
		background: -o-linear-gradient(left, rgba(0,0,0,1) 20%, rgba(80,21,16,1) 100%);
		background: linear-gradient(to right, rgba(0,0,0,1) 20%, rgba(80,21,16,1) 100%);
	}
}
.add_btn {
    display: flex;
    justify-content: center;
    padding: 10px 0;

}
/*??????????--------------------------------------------------*/


/*??????????--------------------------------------------------*/
.list .icon {padding-right: 0 !important;}
                .icon .lr_icon {
                    line-height: 1.5;
                    min-width: 76px;
                    position: relative;
                    border-radius: 2px;
                    cursor: help;
					box-sizing: border-box;
					font-size: var(--common-fontS2_ss);
                }
				.icon .lr_icon.fl{min-width: 32px}
				.box_card_img.icon .lr_icon.fl{
					min-width: 100%;
					margin: 5px 0 0;
				}
				.icon.rarity .lr_icon{border: 2px solid}

                .list .date.icon .lr_icon{
                    min-width: auto;
                }
                    .icon .lr_icon p{
                        line-height: 1;
                        white-space: nowrap;
                        text-align: center;
                        font-weight: bold;
                        padding: 3px 5px;
                        color: #fff;
                    }
					.icon.rarity .lr_icon p{
						background: rgba(0,0,0,.3);
						padding: 2px 1px 1px;
					}
                    .list .date.icon .lr_icon p{
                        padding: 0;
                        display: flex;
                    }
                    .icon .lr_icon.fl p{
                        display: block;
                        text-indent: -9999px;
                        overflow: hidden;
                        box-sizing: border-box;
                        margin: 0 auto;
                        background: center center no-repeat;
                        background-size: auto 100%;
                    }
                    .icon .lr_icon span{
                        position: absolute;
                        font-weight: bold;
                        white-space: nowrap;
                        text-align: center;
                        bottom: 26px;
                        right: -2px;
                        border: 2px solid;
                        border-radius: 6px;
                        min-width: 100%;
                        padding: 6px;
                        display: none;
                        z-index: 100;
                        font-size: var(--common-fontS2_s);
                    }
                    .icon .lr_icon span::after{
                        content: '';
                        position:absolute;
                        right:25px;
                        bottom:-8px;
                        width:0;
                        white-space: nowrap;
                        border-width:8px 8px 0px 8px;
                        border-style:solid;
                        border-left-color:transparent;
                        border-right-color:transparent;
                        border-bottom-color:transparent;
                        display: none;
                    }
                    .icon .lr_icon.fl span::after{
                        right:4px;
                    }
                    .list .date.icon .lr_icon span::after{
                        right:8px;
                    }
                    .icon .lr_icon:hover span,
                    .icon .lr_icon:hover span::after{
                        display: block;
                        cursor:help;
                    }

                 .rid_13{display: none}

/*????????*/
#icon_sort{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 5px;
	border: 2px solid #7196a6;
	border-bottom:none;
	font-size: var(--common-fontS2_s);
}
#icon_sort > div{
	margin: 5px 0 0 5px;
	display: none;
	border: 1px solid rgba(255,255,255,.5);
	border-radius: 4px ;
	padding: 1px;
    box-sizing: border-box;
	background-color: #1f8de4;
	cursor: pointer;
	align-items: center;
}
#icon_sort > div:hover{border-color: rgba(255,255,255,1)}

#icon_sort > .r_none{
	background: none !important;
}
#icon_sort > div >*{
	padding: 0 4px ;
}
#icon_sort p{
	color: #ffffff;
	padding: 1px 1px ;
	border-radius: 2px;
	display: flex;
	font-size: var(--common-fontS2_ss);
	font-weight: bold;
}
#icon_sort .r_none p{
	padding: 2px 2px;
}
#icon_sort p span{
	background: rgba(0, 0, 0, .3);
	padding: 2px 5px 1px;
	line-height: 1;

}
#icon_sort .r_none p span{
	padding: 1px 4px 0;
}


/*????????*/


/*???*/
.lr_icon.fl_1,.lr_icon.fl_1 span,.lr_icon.fl_1 span::after{    color:#dc0000;}
.lr_icon.fl_1{                                                 background-color:#dc0000;}
.lr_icon.fl_1 span{                                            background-color:#ffefef;border-color: #dc0000;}
.icon .lr_icon.fl_1 p{                                         background-image: url(../image/parts/forbidden_limited/icon_forbidden.png);}
/*???*/
.lr_icon.fl_2,.lr_icon.fl_2 span,.lr_icon.fl_2 span::after{    color:#fb8c32;}
.lr_icon.fl_2{                                                 background-color:#fb8c32}
.lr_icon.fl_2 span{                                            background-color:#fff5e8;border-color:#fb8c32;}
.icon .lr_icon.fl_2 p{                                         background-image: url(../image/parts/forbidden_limited/icon_limited.png);}
/*????*/
.lr_icon.fl_3,.lr_icon.fl_3 span,.lr_icon.fl_3 span::after{    color:#d99406;}
.lr_icon.fl_3{                                                 background-color:#fbb830;}
.lr_icon.fl_3 span{                                            background-color:#fff8e1;border-color:#fbb830;}
.icon .lr_icon.fl_3 p{                                         background-image: url(../image/parts/forbidden_limited/icon_semilimited.png);}
/*???*/
.lr_icon.fl_4,.lr_icon.fl_4 span,.lr_icon.fl_4 span::after{    color:#919191;}
.lr_icon.fl_4{                                                 background-color:#919191;}
.lr_icon.fl_4 span{                                            background-color:#f4f4f4;border-color:#919191;}
.icon .lr_icon.fl_4 p{                                         background-image: url(../image/parts/forbidden_limited/icon_unlim.png);}

.icon .lr_icon.fltype_1 p{background-image: url(../image/parts/forbidden_limited/icon_unlim_forb.png);}		/*?????*/
.icon .lr_icon.fltype_2 p{background-image: url(../image/parts/forbidden_limited/icon_unlim_limit.png);}	/*?????*/
.icon .lr_icon.fltype_3 p{background-image: url(../image/parts/forbidden_limited/icon_unlim_slim.png);}		/*??????*/
.icon .lr_icon.fltype_11 p{background-image: url(../image/parts/forbidden_limited/icon_forb_limit.png);}	/*?? ? ??*/
.icon .lr_icon.fltype_12 p{background-image: url(../image/parts/forbidden_limited/icon_forb_slim.png);}		/*?? ? ???*/
.icon .lr_icon.fltype_13 p{background-image: url(../image/parts/forbidden_limited/icon_forb_unlim.png);}	/*?? ? ??*/
.icon .lr_icon.fltype_21 p{background-image: url(../image/parts/forbidden_limited/icon_limit_forb.png);}	/*?? ? ??*/
.icon .lr_icon.fltype_22 p{background-image: url(../image/parts/forbidden_limited/icon_limit_slim.png);}	/*?? ? ???*/
.icon .lr_icon.fltype_23 p{background-image: url(../image/parts/forbidden_limited/icon_limit_unlim.png);}	/*?? ? ??*/
.icon .lr_icon.fltype_31 p{background-image: url(../image/parts/forbidden_limited/icon_slim_forb.png);}		/*??? ? ??*/
.icon .lr_icon.fltype_32 p{background-image: url(../image/parts/forbidden_limited/icon_slim_limit.png);}	/*??? ? ??*/
.icon .lr_icon.fltype_33 p{background-image: url(../image/parts/forbidden_limited/icon_slim_unlim.png);}	/*??? ? ??*/

/*?????????*/
.lr_icon.m_0,.lr_icon.m_0 span,.lr_icon.m_0 span::after{      color:#0053c3;}
.lr_icon.m_0{                                                 background-color:#0053c3;}
.lr_icon.m_0 span{                                            background-color:#ffffff;border-color: #0053c3;}

/*?????????*/
.lr_icon.m_1,.lr_icon.m_1 span,.lr_icon.m_1 span::after{      color:#6ec300;}
.lr_icon.m_1{                                                 background-color:#6ec300;}
.lr_icon.m_1 span{                                            background-color:#ffffff;border-color: #6ec300;}

/*????*/
.lr_icon.m_2,.lr_icon.m_2 span,.lr_icon.m_2 span::after{      color:#00b9da;}
.lr_icon.m_2{                                                 background-color:#00b9da}
.lr_icon.m_2 span{                                            background-color:#ffffff;border-color:#00b9da;}

/*????????*/
.lr_icon.m_3,.lr_icon.m_3 span,.lr_icon.m_3 span::after{      color:#5c00da;}
.lr_icon.m_3{                                                 background-color:#5c00da;}
.lr_icon.m_3 span{                                            background-color:#ffffff;border-color:#5c00da;}

@media only screen and (max-width: 896px) {/*????????896px?????*/

    .icon .lr_icon{
        min-width: auto;
        padding: 2px 2px 2px 0;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
	.icon.rarity .lr_icon{border:none;}
		.icon.rarity .lr_icon p{
			background: none;
			padding: 0;
		}
        .icon:not(.date) .lr_icon p {
            padding: 1px 5px;
            display: inline;
            line-height: 1.2;
        }
        .icon:not(.date) .lr_icon.fl p{
            padding: 1px 14px 1px 10px;
            margin-right: 0px;
        }
		.box_card_img.icon:not(.date) .lr_icon.fl p{
			margin: auto;
		}
        .icon:not(.date) .lr_icon span{
            display: inline;
            margin: 0;
            bottom: 0;
            right: 0;
            padding: 2px 5px;
            border-radius: 2px;
            border: none;
            position: relative;
            min-width: auto;
            line-height: 1;
            z-index: 1;
			white-space: normal;
			font-weight: normal;
        }
		.box_card_img.icon:not(.date) .lr_icon span{
			width: 100%;
			box-sizing: border-box;
			margin-left: 2px;
			margin-right: 1px;
		}

                    .icon:not(.date) .lr_icon:hover span{
                        display: inline;
                    }
                    .icon:not(.date) .lr_icon:hover span::after{
                        display: none;
                    }
    .icon:not(.date) .lr_icon.rid_13{display: none}
}
@media only screen and (max-width: 500px) {
    .icon .lr_icon p {
        line-height: 1;
        font-size: var(--common-fontS2_s);
    }
    .icon .lr_icon span {
        font-size: var(--common-fontS2_s);
    }
}


/*??????????--------------------------------------------------*/
/*?????????--------------------------------------------------*/
.LimitedIcon:hover{cursor:help;}
	#icon_balloon{
		position:absolute;
		display:inline-block;
		z-index:50;
	}
		#icon_balloon b{
			display:block;
			height:26px;
			line-height:1.5;
			min-width: 76px;
			padding:0 5px;
			font-weight:bold;
			text-align:center;
			border-radius:5px;
			border-width:2px;
			border-style:solid;
		}

		#icon_balloon>span{
			display:block;
			position:absolute;
			right:25px;
			width:0;
			border-width:8px 8px 0px 8px;
			border-style:solid;
			border-left-color:transparent;
			border-right-color:transparent;
			border-bottom-color:transparent;
		}


      	/*- ?????????common.js???? -*/
			.type_forbidden>b{		border-color:#fd7979;	color:#fff;	background:#ffa3a3;}/*???*/
			.type_forbidden>span{		border-top-color:#fd7979;}

			.type_limited>b{		border-color:#fdb352;	color:#fff;	background:#ffc880;}/*???*/
			.type_limited>span{		border-top-color:#fdb352;}

			.type_semilimited>b{		border-color:#f1c735;	color:#fff;	background:#fdd752;}/*????*/
			.type_semilimited>span{		border-top-color:#f1c735;}

			.type_unlimited>b{		border-color:#c3c3c3;	color:#fff;	background:#cfcfcf;}/*???*/
			.type_unlimited>span{		border-top-color:#c3c3c3;}
/*?????????--------------------------------------------------*/
/*???????????--------------------------------------------------*/

.navbtn{
    justify-content: flex-start;
}
.navbtn >span{
    display: flex;
    padding: 5px;
    align-items: center;
}

.navbtn:before,.navbtn:after{
    width: 13px;
}

.navbtn .icon.hex:before,.navbtn .icon.hex:after{
    width: 9px;
}

/*???????????--------------------------------------------------*/



/*????*/













		/*2014.02?? ?????? -s*/
		article .list_style span span{
			padding:0px;
			border: none;
		}

		article .list_style span.box_card_pen_effect{
			border-left:1px #ccc solid;
		}
		article .list_style span.blank{
			border-left:1px #fff solid;
		}
		/*2014.02?? ?????? -e */

		article .list_style ul.box_list li dl{
			position:relative;
			/*height:160px;*/
			padding-left:118px;
			padding-right:10px;

			min-height:160px;
		}














article .list_style ul.box_list li dl dd.box_card_text hr {
    border: 0;
    border-bottom: 1px solid #ccc;
}

			article .list_style ul.box_list li dl dd.box_card_img{
				position:absolute;
				left:10px;
				top:10px;
				padding:0 3px 2px 0;
			}

			article .list_style ul.box_list li dl dd.box_card_img img{
				width:96px;
				height:140px;
			}

/*---- #menu_logo -----*/
#menu_logo {
	text-align:left;
	margin-left:30px;
}
#menu_logo img{
	width:187px;
	height:81px;
}

/*---- /#menu_logo -----*/





/*----- noscript ------*/
noscript {
	display:block;
	color:#555;
	font-weight:bold;
	line-height:100px;
}
/*----- /noscript ------*/




/*-----.black_btn------*/

a.black_btn{
	display:inline-block;
	background:url(../image/parts/btn_black.png);
	height:33px;
	line-height:33px;
	width:134px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	font-size:var(--common-fontS2_s);
	cursor:pointer;
}
a.black_btn.orange{
	background: url(../image/parts/btn_black_2.png);
}
a.black_btn.red{
	background: url(../image/parts/btn_black_3.png);
}
a.black_btn:hover,a.black_btn.orange:hover,a.black_btn.red:hover{
	background-position:bottom left;
	text-decoration:none !important;
}

/*------/.black_btn------*/

/*-----.black_mini------*/

a.black_btn_mini{
	display:inline-block;
	background:url(../image/parts/btn_black_mini.png);
	height:20px;
	line-height:20px;
	width:57px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	font-size:var(--common-fontS2_s);
}

a.black_btn_mini:hover{
	background-position:bottom left;
	text-decoration:none !important;
}

/*------/.black_btn------*/


/*------.flat_btn------*/

a.flat_btn{
	font-size:var(--common-fontS2_s);
	padding:5px;
	background-color:#333;
	color:#fff;
	text-decoration:none;
	text-align:center;
	display:block;
	border-radius: 5px;
}
	a.flat_btn:hover{
		background-color:#666;
		text-decoration:none !important;
	}

	a.flat_btn:visited {
		color:#fff;
		text-decoration:none;
	}

/*------/.flat_btn------*/





/*-----other style----*/
.txt_b{font-weight:bold;}

.t_center{text-align:center !important;}
.t_left{text-align:left !important;}
.t_right{text-align:right !important;}

.f_right{float:right;}
.f_left{float:left;}
.f_del{clear:both;}

.highlight {
	background-color:yellow !important;
	/*background-color:orange !important;*/
	color:#000;
	margin:0 !important;
	padding:0 !important;
	display:inline !important;
}

.none{
	display:none;
}

.radius_bottom {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.radius_box {
	border-radius: 5px;
}



#change_sp_view{
	background: rgb(255,242,242);
	background: -moz-linear-gradient(top,  rgb(255,242,242) 0%, rgb(214,214,214) 48%, rgb(158,158,158) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,242,242)), color-stop(48%,rgb(214,214,214)), color-stop(100%,rgb(158,158,158)));
	background: -webkit-linear-gradient(top,  rgb(255,242,242) 0%,rgb(214,214,214) 48%,rgb(158,158,158) 100%);
	background: -o-linear-gradient(top,  rgb(255,242,242) 0%,rgb(214,214,214) 48%,rgb(158,158,158) 100%);
	background: -ms-linear-gradient(top,  rgb(255,242,242) 0%,rgb(214,214,214) 48%,rgb(158,158,158) 100%);
	background: linear-gradient(to bottom,  rgb(255,242,242) 0%,rgb(214,214,214) 48%,rgb(158,158,158) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f2', endColorstr='#9e9e9e',GradientType=0 );
	border-bottom:1px #ccc solid;
	text-align:center;
}

#change_sp_view a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	font-size:var(--common-fontS2_h1);
	background:#ff0;
	padding:5px 20px;
	margin:10px;
	display:inline-block;
	text-shadow:1px 1px 1px #fff;
	border-radius:20px;
	background: rgb(160,160,160);
	background: -moz-linear-gradient(top,  rgb(160,160,160) 0%, rgb(214,214,214) 51%, rgb(160,160,160) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(160,160,160)), color-stop(51%,rgb(214,214,214)), color-stop(100%,rgb(160,160,160)));
	background: -webkit-linear-gradient(top,  rgb(160,160,160) 0%,rgb(214,214,214) 51%,rgb(160,160,160) 100%);
	background: -o-linear-gradient(top,  rgb(160,160,160) 0%,rgb(214,214,214) 51%,rgb(160,160,160) 100%);
	background: -ms-linear-gradient(top,  rgb(160,160,160) 0%,rgb(214,214,214) 51%,rgb(160,160,160) 100%);
	background: linear-gradient(to bottom,  rgb(160,160,160) 0%,rgb(214,214,214) 51%,rgb(160,160,160) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#a0a0a0',GradientType=0 );
	border:2px inset #333;
	-webkit-text-size-adjust:100%;
	box-shadow:1px 1px 2px #fff;
}




/*----dropkick----*/
	.dk_theme_sort_en .dk_toggle .dk_label,
	.dk_theme_sort_de .dk_toggle .dk_label, .dk_theme_mode_de .dk_toggle .dk_label, .dk_theme_rp_de .dk_toggle .dk_label,
	.dk_theme_sort_fr .dk_toggle .dk_label, .dk_theme_rp_fr .dk_toggle .dk_label,
	.dk_theme_rp_it .dk_toggle .dk_label {
	   padding-right: 12px;
	}
	.dk_theme_sort_en .dk_toggle, .dk_theme_rp_en .dk_toggle, .dk_theme_mode_en .dk_toggle,
	.dk_theme_sort_de .dk_toggle, .dk_theme_rp_de .dk_toggle, .dk_theme_mode_de .dk_toggle,
	.dk_theme_sort_fr .dk_toggle, .dk_theme_rp_fr .dk_toggle, .dk_theme_mode_fr .dk_toggle,
	.dk_theme_sort_it .dk_toggle, .dk_theme_rp_it .dk_toggle, .dk_theme_mode_it .dk_toggle,
	.dk_theme_sort_es .dk_toggle, .dk_theme_rp_es .dk_toggle, .dk_theme_mode_es .dk_toggle {
		height: 25px;
	}
/*----/dropkick----*/

/*----/link ocg,cgn----*/
#cdb_link_set{

}
#cdb_link_set >div a{
	margin:3px;
	border:1px solid #888888;
	box-sizing: border-box;
	background-color:#000;
	width: 10%;
	min-width: 180px;

	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.49);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.49);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.49);
}
#cdb_link_set a:hover{opacity: .8;}
#cdb_link_set >div a img{width: 100%;}
#cdb_link_set >div{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	padding: 10px 0;
}
#cdb_link_set .game{
	background-color: #3c3c3c;
}
#cdb_link_set .game a{
    padding: 5px;
    min-width: 180px;
}
    #cdb_link_set .game a img{
    }
#cdb_link_set .connection{
    max-width: 980px;
}
#cdb_link_set .sab{
    display: flex;
    flex-wrap: wrap;
}
#cdb_link_set .link_neuron {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 10px 0;
    min-height: 64px;
    background: repeat rgb(4,47,98);
    background: -webkit-linear-gradient(bottom, rgba(4,47,98,1) 0%, rgba(4,47,98,0.25) 50%, rgba(4,47,98,1) 100%),url(../image/hexagon_03.png);
    background: -o-linear-gradient(bottom, rgba(4,47,98,1) 0%, rgba(4,47,98,0.25) 50%, rgba(4,47,98,1) 100%),url(../image/hexagon_03.png);
    background: linear-gradient(to top, rgba(4,47,98,1) 0%, rgba(4,47,98,0.25) 50%, rgba(4,47,98,1) 100%),url(../image/hexagon_03.png);
    background-size: 80px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    color: #fff;
}
#cdb_link_set .link_neuron:hover{text-decoration: none;}
#cdb_link_set .link_neuron >*{margin: 5px 0;}
#cdb_link_set .link_neuron .icon{
	width:10%;
	min-width: 150px;
	max-width: 200px;
}
#cdb_link_set .link_neuron .icon img{
    width: 100%;
}
#cdb_link_set .link_neuron .title{
    text-align: center;
}
#cdb_link_set .link_neuron .title p{
    text-align: center;
    line-height: 1.2;
}
#cdb_link_set .link_neuron .title p:first-child{
    font-size: var(--common-fontS2_h1);
    font-weight: bold;
}

#cdb_link_set .link_neuron .title p:last-child{
    border: 1px solid;
    padding: 5px 15px;
    margin-top: 10px;
    border-radius: 50px;
    display: inline-block;
}
@media only screen and (max-width: 500px) {/*????????500px?????*/

    #cdb_link_set .link_neuron .title p:first-child{
    }
    #cdb_link_set .link_neuron .title p:last-child{
        margin-top: 5px;
        font-size: var(--common-fontS2_s);
    }
    #cdb_link_set .game a,#cdb_link_set >div a{
        min-width: 30%;
    }
}



@media only screen and (max-width: 500px) {/*????????500px?????*/

}


rt{
	font-size: .8rem;
	font-weight: normal;
}

#keyword_result .keyword_result_title a{
	color:#39f;
}






.icon_img_set{
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: url("../image/parts/link/icon_link_0.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.icon_img_set span{
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*??????????1??*/
.link1 .i_i_1,.link12 .i_i_1,.link123 .i_i_1,.link13 .i_i_1,.link41 .i_i_1,.link412 .i_i_1,.link4123 .i_i_1,.link413 .i_i_1,.link461 .i_i_1,.link4612 .i_i_1,.link46123 .i_i_1,.link4613 .i_i_1,.link61 .i_i_1,.link612 .i_i_1,.link6123 .i_i_1,.link613 .i_i_1,.link71 .i_i_1,.link712 .i_i_1,.link7123 .i_i_1,.link713 .i_i_1,.link741 .i_i_1,.link7412 .i_i_1,.link74123 .i_i_1,.link7413 .i_i_1,.link7461 .i_i_1,.link74612 .i_i_1,.link746123 .i_i_1,.link74613 .i_i_1,.link761 .i_i_1,.link7612 .i_i_1,.link76123 .i_i_1,.link7613 .i_i_1,.link781 .i_i_1,.link7812 .i_i_1,.link78123 .i_i_1,.link7813 .i_i_1,.link7841 .i_i_1,.link78412 .i_i_1,.link784123 .i_i_1,.link78413 .i_i_1,.link78461 .i_i_1,.link784612 .i_i_1,.link7846123 .i_i_1,.link784613 .i_i_1,.link7861 .i_i_1,.link78612 .i_i_1,.link786123 .i_i_1,.link78613 .i_i_1,.link7891 .i_i_1,.link78912 .i_i_1,.link789123 .i_i_1,.link78913 .i_i_1,.link78941 .i_i_1,.link789412 .i_i_1,.link7894123 .i_i_1,.link789413 .i_i_1,.link789461 .i_i_1,.link7894612 .i_i_1,.link78946123 .i_i_1,.link7894613 .i_i_1,.link78961 .i_i_1,.link789612 .i_i_1,.link7896123 .i_i_1,.link789613 .i_i_1,.link791 .i_i_1,.link7912 .i_i_1,.link79123 .i_i_1,.link7913 .i_i_1,.link7941 .i_i_1,.link79412 .i_i_1,.link794123 .i_i_1,.link79413 .i_i_1,.link79461 .i_i_1,.link794612 .i_i_1,.link7946123 .i_i_1,.link794613 .i_i_1,.link7961 .i_i_1,.link79612 .i_i_1,.link796123 .i_i_1,.link79613 .i_i_1,.link81 .i_i_1,.link812 .i_i_1,.link8123 .i_i_1,.link813 .i_i_1,.link841 .i_i_1,.link8412 .i_i_1,.link84123 .i_i_1,.link8413 .i_i_1,.link8461 .i_i_1,.link84612 .i_i_1,.link846123 .i_i_1,.link84613 .i_i_1,.link861 .i_i_1,.link8612 .i_i_1,.link86123 .i_i_1,.link8613 .i_i_1,.link891 .i_i_1,.link8912 .i_i_1,.link89123 .i_i_1,.link8913 .i_i_1,.link8941 .i_i_1,.link89412 .i_i_1,.link894123 .i_i_1,.link89413 .i_i_1,.link89461 .i_i_1,.link894612 .i_i_1,.link8946123 .i_i_1,.link894613 .i_i_1,.link8961 .i_i_1,.link89612 .i_i_1,.link896123 .i_i_1,.link89613 .i_i_1,.link91 .i_i_1,.link912 .i_i_1,.link9123 .i_i_1,.link913 .i_i_1,.link941 .i_i_1,.link9412 .i_i_1,.link94123 .i_i_1,.link9413 .i_i_1,.link9461 .i_i_1,.link94612 .i_i_1,.link946123 .i_i_1,.link94613 .i_i_1,.link961 .i_i_1,.link9612 .i_i_1,.link96123 .i_i_1,.link9613 .i_i_1{
    background-image: url("../image/parts/link/icon_link_1.png");}
/*??????????2??*/
.link12 .i_i_2,.link123 .i_i_2,.link2 .i_i_2,.link23 .i_i_2,.link412 .i_i_2,.link4123 .i_i_2,.link42 .i_i_2,.link423 .i_i_2,.link4612 .i_i_2,.link46123 .i_i_2,.link462 .i_i_2,.link4623 .i_i_2,.link612 .i_i_2,.link6123 .i_i_2,.link62 .i_i_2,.link623 .i_i_2,.link712 .i_i_2,.link7123 .i_i_2,.link72 .i_i_2,.link723 .i_i_2,.link7412 .i_i_2,.link74123 .i_i_2,.link742 .i_i_2,.link7423 .i_i_2,.link74612 .i_i_2,.link746123 .i_i_2,.link7462 .i_i_2,.link74623 .i_i_2,.link7612 .i_i_2,.link76123 .i_i_2,.link762 .i_i_2,.link7623 .i_i_2,.link7812 .i_i_2,.link78123 .i_i_2,.link782 .i_i_2,.link7823 .i_i_2,.link78412 .i_i_2,.link784123 .i_i_2,.link7842 .i_i_2,.link78423 .i_i_2,.link784612 .i_i_2,.link7846123 .i_i_2,.link78462 .i_i_2,.link784623 .i_i_2,.link78612 .i_i_2,.link786123 .i_i_2,.link7862 .i_i_2,.link78623 .i_i_2,.link78912 .i_i_2,.link789123 .i_i_2,.link7892 .i_i_2,.link78923 .i_i_2,.link789412 .i_i_2,.link7894123 .i_i_2,.link78942 .i_i_2,.link789423 .i_i_2,.link7894612 .i_i_2,.link78946123 .i_i_2,.link789462 .i_i_2,.link7894623 .i_i_2,.link789612 .i_i_2,.link7896123 .i_i_2,.link78962 .i_i_2,.link789623 .i_i_2,.link7912 .i_i_2,.link79123 .i_i_2,.link792 .i_i_2,.link7923 .i_i_2,.link79412 .i_i_2,.link794123 .i_i_2,.link7942 .i_i_2,.link79423 .i_i_2,.link794612 .i_i_2,.link7946123 .i_i_2,.link79462 .i_i_2,.link794623 .i_i_2,.link79612 .i_i_2,.link796123 .i_i_2,.link7962 .i_i_2,.link79623 .i_i_2,.link812 .i_i_2,.link8123 .i_i_2,.link82 .i_i_2,.link823 .i_i_2,.link8412 .i_i_2,.link84123 .i_i_2,.link842 .i_i_2,.link8423 .i_i_2,.link84612 .i_i_2,.link846123 .i_i_2,.link8462 .i_i_2,.link84623 .i_i_2,.link8612 .i_i_2,.link86123 .i_i_2,.link862 .i_i_2,.link8623 .i_i_2,.link8912 .i_i_2,.link89123 .i_i_2,.link892 .i_i_2,.link8923 .i_i_2,.link89412 .i_i_2,.link894123 .i_i_2,.link8942 .i_i_2,.link89423 .i_i_2,.link894612 .i_i_2,.link8946123 .i_i_2,.link89462 .i_i_2,.link894623 .i_i_2,.link89612 .i_i_2,.link896123 .i_i_2,.link8962 .i_i_2,.link89623 .i_i_2,.link912 .i_i_2,.link9123 .i_i_2,.link92 .i_i_2,.link923 .i_i_2,.link9412 .i_i_2,.link94123 .i_i_2,.link942 .i_i_2,.link9423 .i_i_2,.link94612 .i_i_2,.link946123 .i_i_2,.link9462 .i_i_2,.link94623 .i_i_2,.link9612 .i_i_2,.link96123 .i_i_2,.link962 .i_i_2,.link9623 .i_i_2{
    background-image: url("../image/parts/link/icon_link_2.png");}
/*??????????3??*/
.link123 .i_i_3,.link13 .i_i_3,.link23 .i_i_3,.link3 .i_i_3,.link4123 .i_i_3,.link413 .i_i_3,.link423 .i_i_3,.link43 .i_i_3,.link46123 .i_i_3,.link4613 .i_i_3,.link4623 .i_i_3,.link463 .i_i_3,.link6123 .i_i_3,.link613 .i_i_3,.link623 .i_i_3,.link63 .i_i_3,.link7123 .i_i_3,.link713 .i_i_3,.link723 .i_i_3,.link73 .i_i_3,.link74123 .i_i_3,.link7413 .i_i_3,.link7423 .i_i_3,.link743 .i_i_3,.link746123 .i_i_3,.link74613 .i_i_3,.link74623 .i_i_3,.link7463 .i_i_3,.link76123 .i_i_3,.link7613 .i_i_3,.link7623 .i_i_3,.link763 .i_i_3,.link78123 .i_i_3,.link7813 .i_i_3,.link7823 .i_i_3,.link783 .i_i_3,.link784123 .i_i_3,.link78413 .i_i_3,.link78423 .i_i_3,.link7843 .i_i_3,.link7846123 .i_i_3,.link784613 .i_i_3,.link784623 .i_i_3,.link78463 .i_i_3,.link786123 .i_i_3,.link78613 .i_i_3,.link78623 .i_i_3,.link7863 .i_i_3,.link789123 .i_i_3,.link78913 .i_i_3,.link78923 .i_i_3,.link7893 .i_i_3,.link7894123 .i_i_3,.link789413 .i_i_3,.link789423 .i_i_3,.link78943 .i_i_3,.link78946123 .i_i_3,.link7894613 .i_i_3,.link7894623 .i_i_3,.link789463 .i_i_3,.link7896123 .i_i_3,.link789613 .i_i_3,.link789623 .i_i_3,.link78963 .i_i_3,.link79123 .i_i_3,.link7913 .i_i_3,.link7923 .i_i_3,.link793 .i_i_3,.link794123 .i_i_3,.link79413 .i_i_3,.link79423 .i_i_3,.link7943 .i_i_3,.link7946123 .i_i_3,.link794613 .i_i_3,.link794623 .i_i_3,.link79463 .i_i_3,.link796123 .i_i_3,.link79613 .i_i_3,.link79623 .i_i_3,.link7963 .i_i_3,.link8123 .i_i_3,.link813 .i_i_3,.link823 .i_i_3,.link83 .i_i_3,.link84123 .i_i_3,.link8413 .i_i_3,.link8423 .i_i_3,.link843 .i_i_3,.link846123 .i_i_3,.link84613 .i_i_3,.link84623 .i_i_3,.link8463 .i_i_3,.link86123 .i_i_3,.link8613 .i_i_3,.link8623 .i_i_3,.link863 .i_i_3,.link89123 .i_i_3,.link8913 .i_i_3,.link8923 .i_i_3,.link893 .i_i_3,.link894123 .i_i_3,.link89413 .i_i_3,.link89423 .i_i_3,.link8943 .i_i_3,.link8946123 .i_i_3,.link894613 .i_i_3,.link894623 .i_i_3,.link89463 .i_i_3,.link896123 .i_i_3,.link89613 .i_i_3,.link89623 .i_i_3,.link8963 .i_i_3,.link9123 .i_i_3,.link913 .i_i_3,.link923 .i_i_3,.link93 .i_i_3,.link94123 .i_i_3,.link9413 .i_i_3,.link9423 .i_i_3,.link943 .i_i_3,.link946123 .i_i_3,.link94613 .i_i_3,.link94623 .i_i_3,.link9463 .i_i_3,.link96123 .i_i_3,.link9613 .i_i_3,.link9623 .i_i_3,.link963 .i_i_3{
    background-image: url("../image/parts/link/icon_link_3.png");}
/*??????????4??*/
.link4 .i_i_4,.link41 .i_i_4,.link412 .i_i_4,.link4123 .i_i_4,.link413 .i_i_4,.link42 .i_i_4,.link423 .i_i_4,.link43 .i_i_4,.link46 .i_i_4,.link461 .i_i_4,.link4612 .i_i_4,.link46123 .i_i_4,.link4613 .i_i_4,.link462 .i_i_4,.link4623 .i_i_4,.link463 .i_i_4,.link74 .i_i_4,.link741 .i_i_4,.link7412 .i_i_4,.link74123 .i_i_4,.link7413 .i_i_4,.link742 .i_i_4,.link7423 .i_i_4,.link743 .i_i_4,.link746 .i_i_4,.link7461 .i_i_4,.link74612 .i_i_4,.link746123 .i_i_4,.link74613 .i_i_4,.link7462 .i_i_4,.link74623 .i_i_4,.link7463 .i_i_4,.link784 .i_i_4,.link7841 .i_i_4,.link78412 .i_i_4,.link784123 .i_i_4,.link78413 .i_i_4,.link7842 .i_i_4,.link78423 .i_i_4,.link7843 .i_i_4,.link7846 .i_i_4,.link78461 .i_i_4,.link784612 .i_i_4,.link7846123 .i_i_4,.link784613 .i_i_4,.link78462 .i_i_4,.link784623 .i_i_4,.link78463 .i_i_4,.link7894 .i_i_4,.link78941 .i_i_4,.link789412 .i_i_4,.link7894123 .i_i_4,.link789413 .i_i_4,.link78942 .i_i_4,.link789423 .i_i_4,.link78943 .i_i_4,.link78946 .i_i_4,.link789461 .i_i_4,.link7894612 .i_i_4,.link78946123 .i_i_4,.link7894613 .i_i_4,.link789462 .i_i_4,.link7894623 .i_i_4,.link789463 .i_i_4,.link794 .i_i_4,.link7941 .i_i_4,.link79412 .i_i_4,.link794123 .i_i_4,.link79413 .i_i_4,.link7942 .i_i_4,.link79423 .i_i_4,.link7943 .i_i_4,.link7946 .i_i_4,.link79461 .i_i_4,.link794612 .i_i_4,.link7946123 .i_i_4,.link794613 .i_i_4,.link79462 .i_i_4,.link794623 .i_i_4,.link79463 .i_i_4,.link84 .i_i_4,.link841 .i_i_4,.link8412 .i_i_4,.link84123 .i_i_4,.link8413 .i_i_4,.link842 .i_i_4,.link8423 .i_i_4,.link843 .i_i_4,.link846 .i_i_4,.link8461 .i_i_4,.link84612 .i_i_4,.link846123 .i_i_4,.link84613 .i_i_4,.link8462 .i_i_4,.link84623 .i_i_4,.link8463 .i_i_4,.link894 .i_i_4,.link8941 .i_i_4,.link89412 .i_i_4,.link894123 .i_i_4,.link89413 .i_i_4,.link8942 .i_i_4,.link89423 .i_i_4,.link8943 .i_i_4,.link8946 .i_i_4,.link89461 .i_i_4,.link894612 .i_i_4,.link8946123 .i_i_4,.link894613 .i_i_4,.link89462 .i_i_4,.link894623 .i_i_4,.link89463 .i_i_4,.link94 .i_i_4,.link941 .i_i_4,.link9412 .i_i_4,.link94123 .i_i_4,.link9413 .i_i_4,.link942 .i_i_4,.link9423 .i_i_4,.link943 .i_i_4,.link946 .i_i_4,.link9461 .i_i_4,.link94612 .i_i_4,.link946123 .i_i_4,.link94613 .i_i_4,.link9462 .i_i_4,.link94623 .i_i_4,.link9463 .i_i_4{
    background-image: url("../image/parts/link/icon_link_4.png");}
/*??????????6??*/
.link46 .i_i_6,.link461 .i_i_6,.link4612 .i_i_6,.link46123 .i_i_6,.link4613 .i_i_6,.link462 .i_i_6,.link4623 .i_i_6,.link463 .i_i_6,.link6 .i_i_6,.link61 .i_i_6,.link612 .i_i_6,.link6123 .i_i_6,.link613 .i_i_6,.link62 .i_i_6,.link623 .i_i_6,.link63 .i_i_6,.link746 .i_i_6,.link7461 .i_i_6,.link74612 .i_i_6,.link746123 .i_i_6,.link74613 .i_i_6,.link7462 .i_i_6,.link74623 .i_i_6,.link7463 .i_i_6,.link76 .i_i_6,.link761 .i_i_6,.link7612 .i_i_6,.link76123 .i_i_6,.link7613 .i_i_6,.link762 .i_i_6,.link7623 .i_i_6,.link763 .i_i_6,.link7846 .i_i_6,.link78461 .i_i_6,.link784612 .i_i_6,.link7846123 .i_i_6,.link784613 .i_i_6,.link78462 .i_i_6,.link784623 .i_i_6,.link78463 .i_i_6,.link786 .i_i_6,.link7861 .i_i_6,.link78612 .i_i_6,.link786123 .i_i_6,.link78613 .i_i_6,.link7862 .i_i_6,.link78623 .i_i_6,.link7863 .i_i_6,.link78946 .i_i_6,.link789461 .i_i_6,.link7894612 .i_i_6,.link78946123 .i_i_6,.link7894613 .i_i_6,.link789462 .i_i_6,.link7894623 .i_i_6,.link789463 .i_i_6,.link7896 .i_i_6,.link78961 .i_i_6,.link789612 .i_i_6,.link7896123 .i_i_6,.link789613 .i_i_6,.link78962 .i_i_6,.link789623 .i_i_6,.link78963 .i_i_6,.link7946 .i_i_6,.link79461 .i_i_6,.link794612 .i_i_6,.link7946123 .i_i_6,.link794613 .i_i_6,.link79462 .i_i_6,.link794623 .i_i_6,.link79463 .i_i_6,.link796 .i_i_6,.link7961 .i_i_6,.link79612 .i_i_6,.link796123 .i_i_6,.link79613 .i_i_6,.link7962 .i_i_6,.link79623 .i_i_6,.link7963 .i_i_6,.link846 .i_i_6,.link8461 .i_i_6,.link84612 .i_i_6,.link846123 .i_i_6,.link84613 .i_i_6,.link8462 .i_i_6,.link84623 .i_i_6,.link8463 .i_i_6,.link86 .i_i_6,.link861 .i_i_6,.link8612 .i_i_6,.link86123 .i_i_6,.link8613 .i_i_6,.link862 .i_i_6,.link8623 .i_i_6,.link863 .i_i_6,.link8946 .i_i_6,.link89461 .i_i_6,.link894612 .i_i_6,.link8946123 .i_i_6,.link894613 .i_i_6,.link89462 .i_i_6,.link894623 .i_i_6,.link89463 .i_i_6,.link896 .i_i_6,.link8961 .i_i_6,.link89612 .i_i_6,.link896123 .i_i_6,.link89613 .i_i_6,.link8962 .i_i_6,.link89623 .i_i_6,.link8963 .i_i_6,.link946 .i_i_6,.link9461 .i_i_6,.link94612 .i_i_6,.link946123 .i_i_6,.link94613 .i_i_6,.link9462 .i_i_6,.link94623 .i_i_6,.link9463 .i_i_6,.link96 .i_i_6,.link961 .i_i_6,.link9612 .i_i_6,.link96123 .i_i_6,.link9613 .i_i_6,.link962 .i_i_6,.link9623 .i_i_6,.link963 .i_i_6{
    background-image: url("../image/parts/link/icon_link_6.png");}
/*??????????7??*/
.link7 .i_i_7,.link71 .i_i_7,.link712 .i_i_7,.link7123 .i_i_7,.link713 .i_i_7,.link72 .i_i_7,.link723 .i_i_7,.link73 .i_i_7,.link74 .i_i_7,.link741 .i_i_7,.link7412 .i_i_7,.link74123 .i_i_7,.link7413 .i_i_7,.link742 .i_i_7,.link7423 .i_i_7,.link743 .i_i_7,.link746 .i_i_7,.link7461 .i_i_7,.link74612 .i_i_7,.link746123 .i_i_7,.link74613 .i_i_7,.link7462 .i_i_7,.link74623 .i_i_7,.link7463 .i_i_7,.link76 .i_i_7,.link761 .i_i_7,.link7612 .i_i_7,.link76123 .i_i_7,.link7613 .i_i_7,.link762 .i_i_7,.link7623 .i_i_7,.link763 .i_i_7,.link78 .i_i_7,.link781 .i_i_7,.link7812 .i_i_7,.link78123 .i_i_7,.link7813 .i_i_7,.link782 .i_i_7,.link7823 .i_i_7,.link783 .i_i_7,.link784 .i_i_7,.link7841 .i_i_7,.link78412 .i_i_7,.link784123 .i_i_7,.link78413 .i_i_7,.link7842 .i_i_7,.link78423 .i_i_7,.link7843 .i_i_7,.link7846 .i_i_7,.link78461 .i_i_7,.link784612 .i_i_7,.link7846123 .i_i_7,.link784613 .i_i_7,.link78462 .i_i_7,.link784623 .i_i_7,.link78463 .i_i_7,.link786 .i_i_7,.link7861 .i_i_7,.link78612 .i_i_7,.link786123 .i_i_7,.link78613 .i_i_7,.link7862 .i_i_7,.link78623 .i_i_7,.link7863 .i_i_7,.link789 .i_i_7,.link7891 .i_i_7,.link78912 .i_i_7,.link789123 .i_i_7,.link78913 .i_i_7,.link7892 .i_i_7,.link78923 .i_i_7,.link7893 .i_i_7,.link7894 .i_i_7,.link78941 .i_i_7,.link789412 .i_i_7,.link7894123 .i_i_7,.link789413 .i_i_7,.link78942 .i_i_7,.link789423 .i_i_7,.link78943 .i_i_7,.link78946 .i_i_7,.link789461 .i_i_7,.link7894612 .i_i_7,.link78946123 .i_i_7,.link7894613 .i_i_7,.link789462 .i_i_7,.link7894623 .i_i_7,.link789463 .i_i_7,.link7896 .i_i_7,.link78961 .i_i_7,.link789612 .i_i_7,.link7896123 .i_i_7,.link789613 .i_i_7,.link78962 .i_i_7,.link789623 .i_i_7,.link78963 .i_i_7,.link79 .i_i_7,.link791 .i_i_7,.link7912 .i_i_7,.link79123 .i_i_7,.link7913 .i_i_7,.link792 .i_i_7,.link7923 .i_i_7,.link793 .i_i_7,.link794 .i_i_7,.link7941 .i_i_7,.link79412 .i_i_7,.link794123 .i_i_7,.link79413 .i_i_7,.link7942 .i_i_7,.link79423 .i_i_7,.link7943 .i_i_7,.link7946 .i_i_7,.link79461 .i_i_7,.link794612 .i_i_7,.link7946123 .i_i_7,.link794613 .i_i_7,.link79462 .i_i_7,.link794623 .i_i_7,.link79463 .i_i_7,.link796 .i_i_7,.link7961 .i_i_7,.link79612 .i_i_7,.link796123 .i_i_7,.link79613 .i_i_7,.link7962 .i_i_7,.link79623 .i_i_7,.link7963 .i_i_7{
    background-image: url("../image/parts/link/icon_link_7.png");}
/*??????????8??*/
.link78 .i_i_8,.link781 .i_i_8,.link7812 .i_i_8,.link78123 .i_i_8,.link7813 .i_i_8,.link782 .i_i_8,.link7823 .i_i_8,.link783 .i_i_8,.link784 .i_i_8,.link7841 .i_i_8,.link78412 .i_i_8,.link784123 .i_i_8,.link78413 .i_i_8,.link7842 .i_i_8,.link78423 .i_i_8,.link7843 .i_i_8,.link7846 .i_i_8,.link78461 .i_i_8,.link784612 .i_i_8,.link7846123 .i_i_8,.link784613 .i_i_8,.link78462 .i_i_8,.link784623 .i_i_8,.link78463 .i_i_8,.link786 .i_i_8,.link7861 .i_i_8,.link78612 .i_i_8,.link786123 .i_i_8,.link78613 .i_i_8,.link7862 .i_i_8,.link78623 .i_i_8,.link7863 .i_i_8,.link789 .i_i_8,.link7891 .i_i_8,.link78912 .i_i_8,.link789123 .i_i_8,.link78913 .i_i_8,.link7892 .i_i_8,.link78923 .i_i_8,.link7893 .i_i_8,.link7894 .i_i_8,.link78941 .i_i_8,.link789412 .i_i_8,.link7894123 .i_i_8,.link789413 .i_i_8,.link78942 .i_i_8,.link789423 .i_i_8,.link78943 .i_i_8,.link78946 .i_i_8,.link789461 .i_i_8,.link7894612 .i_i_8,.link78946123 .i_i_8,.link7894613 .i_i_8,.link789462 .i_i_8,.link7894623 .i_i_8,.link789463 .i_i_8,.link7896 .i_i_8,.link78961 .i_i_8,.link789612 .i_i_8,.link7896123 .i_i_8,.link789613 .i_i_8,.link78962 .i_i_8,.link789623 .i_i_8,.link78963 .i_i_8,.link8 .i_i_8,.link81 .i_i_8,.link812 .i_i_8,.link8123 .i_i_8,.link813 .i_i_8,.link82 .i_i_8,.link823 .i_i_8,.link83 .i_i_8,.link84 .i_i_8,.link841 .i_i_8,.link8412 .i_i_8,.link84123 .i_i_8,.link8413 .i_i_8,.link842 .i_i_8,.link8423 .i_i_8,.link843 .i_i_8,.link846 .i_i_8,.link8461 .i_i_8,.link84612 .i_i_8,.link846123 .i_i_8,.link84613 .i_i_8,.link8462 .i_i_8,.link84623 .i_i_8,.link8463 .i_i_8,.link86 .i_i_8,.link861 .i_i_8,.link8612 .i_i_8,.link86123 .i_i_8,.link8613 .i_i_8,.link862 .i_i_8,.link8623 .i_i_8,.link863 .i_i_8,.link89 .i_i_8,.link891 .i_i_8,.link8912 .i_i_8,.link89123 .i_i_8,.link8913 .i_i_8,.link892 .i_i_8,.link8923 .i_i_8,.link893 .i_i_8,.link894 .i_i_8,.link8941 .i_i_8,.link89412 .i_i_8,.link894123 .i_i_8,.link89413 .i_i_8,.link8942 .i_i_8,.link89423 .i_i_8,.link8943 .i_i_8,.link8946 .i_i_8,.link89461 .i_i_8,.link894612 .i_i_8,.link8946123 .i_i_8,.link894613 .i_i_8,.link89462 .i_i_8,.link894623 .i_i_8,.link89463 .i_i_8,.link896 .i_i_8,.link8961 .i_i_8,.link89612 .i_i_8,.link896123 .i_i_8,.link89613 .i_i_8,.link8962 .i_i_8,.link89623 .i_i_8,.link8963 .i_i_8{
    background-image: url("../image/parts/link/icon_link_8.png");}
/*??????????9??*/
.link789 .i_i_9,.link7891 .i_i_9,.link78912 .i_i_9,.link789123 .i_i_9,.link78913 .i_i_9,.link7892 .i_i_9,.link78923 .i_i_9,.link7893 .i_i_9,.link7894 .i_i_9,.link78941 .i_i_9,.link789412 .i_i_9,.link7894123 .i_i_9,.link789413 .i_i_9,.link78942 .i_i_9,.link789423 .i_i_9,.link78943 .i_i_9,.link78946 .i_i_9,.link789461 .i_i_9,.link7894612 .i_i_9,.link78946123 .i_i_9,.link7894613 .i_i_9,.link789462 .i_i_9,.link7894623 .i_i_9,.link789463 .i_i_9,.link7896 .i_i_9,.link78961 .i_i_9,.link789612 .i_i_9,.link7896123 .i_i_9,.link789613 .i_i_9,.link78962 .i_i_9,.link789623 .i_i_9,.link78963 .i_i_9,.link79 .i_i_9,.link791 .i_i_9,.link7912 .i_i_9,.link79123 .i_i_9,.link7913 .i_i_9,.link792 .i_i_9,.link7923 .i_i_9,.link793 .i_i_9,.link794 .i_i_9,.link7941 .i_i_9,.link79412 .i_i_9,.link794123 .i_i_9,.link79413 .i_i_9,.link7942 .i_i_9,.link79423 .i_i_9,.link7943 .i_i_9,.link7946 .i_i_9,.link79461 .i_i_9,.link794612 .i_i_9,.link7946123 .i_i_9,.link794613 .i_i_9,.link79462 .i_i_9,.link794623 .i_i_9,.link79463 .i_i_9,.link796 .i_i_9,.link7961 .i_i_9,.link79612 .i_i_9,.link796123 .i_i_9,.link79613 .i_i_9,.link7962 .i_i_9,.link79623 .i_i_9,.link7963 .i_i_9,.link89 .i_i_9,.link891 .i_i_9,.link8912 .i_i_9,.link89123 .i_i_9,.link8913 .i_i_9,.link892 .i_i_9,.link8923 .i_i_9,.link893 .i_i_9,.link894 .i_i_9,.link8941 .i_i_9,.link89412 .i_i_9,.link894123 .i_i_9,.link89413 .i_i_9,.link8942 .i_i_9,.link89423 .i_i_9,.link8943 .i_i_9,.link8946 .i_i_9,.link89461 .i_i_9,.link894612 .i_i_9,.link8946123 .i_i_9,.link894613 .i_i_9,.link89462 .i_i_9,.link894623 .i_i_9,.link89463 .i_i_9,.link896 .i_i_9,.link8961 .i_i_9,.link89612 .i_i_9,.link896123 .i_i_9,.link89613 .i_i_9,.link8962 .i_i_9,.link89623 .i_i_9,.link8963 .i_i_9,.link9 .i_i_9,.link91 .i_i_9,.link912 .i_i_9,.link9123 .i_i_9,.link913 .i_i_9,.link92 .i_i_9,.link923 .i_i_9,.link93 .i_i_9,.link94 .i_i_9,.link941 .i_i_9,.link9412 .i_i_9,.link94123 .i_i_9,.link9413 .i_i_9,.link942 .i_i_9,.link9423 .i_i_9,.link943 .i_i_9,.link946 .i_i_9,.link9461 .i_i_9,.link94612 .i_i_9,.link946123 .i_i_9,.link94613 .i_i_9,.link9462 .i_i_9,.link94623 .i_i_9,.link9463 .i_i_9,.link96 .i_i_9,.link961 .i_i_9,.link9612 .i_i_9,.link96123 .i_i_9,.link9613 .i_i_9,.link962 .i_i_9,.link9623 .i_i_9,.link963 .i_i_9{
    background-image: url("../image/parts/link/icon_link_9.png");}
/*??????????????------------------------------------------------------------------*/

    #legend{
        vertical-align: middle;
        padding: 0 14px 0;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
        #legend span{
            border-bottom: 2px solid #000;
            border-top: 2px solid #000;
            font-weight: bold;
            text-align: center;
            padding: 0px 5px;
            color: #000;
            position: relative;
            display: flex;
            align-items: center;

            font-size: 1rem;
            line-height: 1;
            height: 12px;

            background: rgb(194,155,0);
            background: -moz-linear-gradient(60deg,  rgba(194,155,0,1) 20%, rgba(252,232,66,1) 35%, rgba(255,255,255,1) 51%, rgba(252,232,66,1) 65%, rgba(194,155,0,1) 80%);
            background: -webkit-linear-gradient(60deg,  rgba(194,155,0,1) 20%,rgba(252,232,66,1) 35%,rgba(255,255,255,1) 51%,rgba(252,232,66,1) 65%,rgba(194,155,0,1) 80%);
            background: linear-gradient(60deg,  rgba(194,155,0,1) 20%,rgba(252,232,66,1) 35%,rgba(255,255,255,1) 51%,rgba(252,232,66,1) 65%,rgba(194,155,0,1) 80%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c29b00', endColorstr='#c29b00',GradientType=1 );
        }
            #legend span.f1,#legend span.f2{
                padding: 0;
                margin: 0 -2px 0;
            }
                #legend span.fuki:before,#legend span.fuki:after {
                  content: "";
                  position: absolute;
                  top: 50%;
                  z-index: 2;
                }
                #legend span.fuki:before{
                    border: 6px solid transparent;
                    margin-top: -6px;
                }
                #legend span.fuki:after {
                    margin-top: -8px;
                    border: 8px solid transparent;
                    z-index: 1;
                }
                #legend span.f1:before {
                    left: -14px;
                    border-right: 6px solid #C29B00;
                }

                #legend span.f1:after {
                    left: -18px;
                    border-right: 8px solid #000;
                }

                #legend span.f2:before {
                    right: -13px;
                    border-left: 6px solid #C29B00;
                }
                #legend span.f2:after {
                    right: -17px;
                    border-left: 8px solid #000;
                }

    @media only screen and (max-width: 500px) {/*????????500px?????*/
        #legend span{
            font-size: 1rem;
            line-height: 12px;
            height: 12px;
        }
            #legend span.fuki:before{
                border: 6px solid transparent;
                margin-top: -6px;
            }
            #legend span.fuki:after {
                margin-top: -8px;
                border: 8px solid transparent;
            }
            #legend span.f1:before {
                left: -14px;
                border-right: 6px solid #C29B00;
            }

            #legend span.f1:after {
                left: -18px;
                border-right: 8px solid #000;
            }

            #legend span.f2:before {
                right: -13px;
                border-left: 6px solid #C29B00;
            }
            #legend span.f2:after {
                right: -17px;
                border-left: 8px solid #000;
            }
    }
/*??????????????------------------------------------------------------------------*/

.deckTypeList_come{
    display: flex;
    border-bottom: none;
    background: #4f4f4f;
    flex-wrap: wrap;
    justify-content: flex-start;
}
    .deckTypeList_come div{
        color: #FFFFFF;
        padding: 2px 5px;
        font-size: var(--common-fontS2_s);
        display: flex;
        justify-content: space-between;
        margin: 0;
        white-space: nowrap;
        flex: 1;
    }
        .deckTypeList_come div .yaji{display: none}

    .deckTypeList_come ul{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
.deckTypeList_come ul.sp{display: flex}

        .deckTypeList_come li{

            line-height: 1.2;
            margin: 0 5px;
            padding: 1px 5px;
            list-style: none;
            color: #ffffff;
        }


.deckTypeList_come .m_,.deckTypeList_come .m_0 span{display: none}

.deckTypeList_come li svg{
    height: 16px;
    width: 22px;
    vertical-align: middle;
    border: 1px solid rgb(255,255,255,.5);
    border-radius: 3px;
}
@media only screen and (max-width: 500px) {/*????????500px?????*/
    .deckTypeList_come div .yaji{display: block}
    .deckTypeList_come div{
        min-width: 100%;
        box-sizing: border-box;

    }
    .deckTypeList_come ul.sp{display: none}
}
/**************************/
#deck_recipe{min-width: 128px;}
@media only screen and (max-width: 500px) {/*????????500px?????*/

    #deck_recipe{
        min-width: 100%;
        text-align: center;
    }
    #deck_recipe.hex > span{
        display: block;
        flex: 1;
    }
}


.ot-sdk-show-settings{
    color: inherit;
    transition: 0.5s;
    background-color: transparent;
    line-height: 1.2;
    border: none;
}

.authority{
	background: rgba(131,35,16,.4) !important
}