@charset "utf-8";

/* PC専用表示 */
@media only screen and (max-width:600px){
	.for_pc {
		display: none;
	}
}

/* スマートフォン専用表示 */
@media (min-width: 601px){
	.for_sp {
		display: none;
	}
}

.mt0 {margin-top: 0 !important}
.mt05 {margin-top: 0.5em !important}
.mt1 {margin-top: 1em !important}
.mt15 {margin-top: 1.5em !important}
.mt2 {margin-top: 2em !important}
.u-tc--dark-red {color: #9b1e23}
.l-section .c-superscriptText {vertical-align: baseline !important}

@media only screen and (min-width:1280px) {
.l-section .size_down img {
    padding: 1em 14em;
    }
.l-section .size_down-2 img {
    padding: 1em 8em;
    }
}
@media only screen and (max-width:1279px) {
.l-section .size_down img {
    padding: 0.5em 4em;
    }
.l-section .size_down-2 img {
    padding: 1em 2em;
    }
}
@media only screen and (max-width:599px) {
.l-section .size_down img, .l-section .size_down-2 img {
    padding: 0.25em 0;
    }
}
.c-table__head th {text-align: center; vertical-align: middle !important; background-color: #CCC}
.c-table__contentBody td {text-align: center; vertical-align: middle !important}
.c-table__contentBody th {vertical-align: middle !important}

.l-grid--right {justify-content: flex-end}
.no_breaks {display: inline-block}

/* 概要 -------------------------------------*/
.prod_bn_bg {
    border: 1px solid #CCC;
}
.realtime_img {position: relative; display: inline-block}
.realtime_txt {width: 60%; position: absolute; left: 0; top: 80%}

/* VIXIOライセンスリンク -----------*/
#license_link {position: relative}
#license_link #link_btn {
    position: absolute;
    width: 25%;
    top: 37%;
    left: 7.2%;
}
#license_link #link_btn img {width: 100%; height: auto}
.role_over a:hover {opacity:0.7}

/*MI5XXXX・MI2XXX　キービジュアル----------*/
#visual_area {position:relative}
#visual_area #dc_link {
    position: absolute;
    top: 40%;
    left: 67.5%;
}
/* PC専用表示 */
@media only screen and (min-width:601px){
    .un600px {display: none}
}
/* スマートフォン専用表示 */
@media (max-width: 600px){
	.ov600px {display: none}
}