/* ==========================================================================
   Footer
   ========================================================================== */
@media screen and (min-width: 641px) {
    .common_footer {
        width: 100%;
        padding: 60px 0 20px;
        background-color: #616161;
        /*font-family: 'Noto Sans Japanese', sans-serif;*/
        font-family: 'Noto Sans JP', sans-serif;
    }
    .common_footer .inner {
        position: relative;
        margin: 0 auto;
        /*width: 900px;*/
		width: 920px;
    }
    .common_footer dl {
        display: inline-block;
        /*width: 180px;*/
        width: 170px;
        vertical-align: top;
    }
    .common_footer dl:first-child {
        width: 210px;
    }
	.common_footer dl.link {
		width:200px;
	}
    .common_footer dl,
    .common_footer dt,
    .common_footer dd {
        margin: 0;
        padding: 0;
    }
    .common_footer dt {
        padding-bottom: 1.25em;
		font-size: 12px;
        font-size: 0.7rem;
        line-height: 1;
        letter-spacing: 1px;
        color: #fff;
    }
	.mt-1h-em {
		margin-top: 1.5em !important;
	}
	.common_footer dd {
        /*font-family: 'Noto Sans Japanese', sans-serif;*/
        font-family: 'Noto Sans JP', sans-serif;
		font-size: 11px;
        font-size: 0.65rem;
        font-weight: 300;
        line-height: 2.4;
        color: #b1b1b1;
    }
    .common_footer a {
        text-decoration: none;
        outline: none;
    }
    .common_footer dt a { color: #fff;}
    .common_footer dd a { color: #b1b1b1;}

    .common_footer a:hover{
    /*    opacity: 0.7;*/
        color: #ff6800;
    }
    .common_footer a {
        transition-property: color, opacity;
        transition-duration: 0.15s;
        transition-timing-function: ease-in-out;
    }
    .common_footer p {
        margin-top: 100px;
    }
    .common_footer p,
    .common_footer p a {
		font-size: 11px;
        font-size: 0.65rem;
        font-weight: 300;
        line-height: 1;
        color: #b1b1b1;
    }
    .common_footer .copyright {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 0.6rem;
        font-weight: 100;
        line-height: 1;
        color: #fff;
    }
    .common_footer .link a:after {
        content: url(../../../products/k-tai_d_common_v3/images/icon_newwindow.png);
        margin-left: 3px;
        vertical-align: baseline;
    }
}


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

    .common_footer {
        padding: 1em 0 2em;
        background-color: #616161;
        /*font-family: 'Noto Sans Japanese', sans-serif;*/
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 300;
        color: #fff;
        z-index: 1001;
    }
    .common_footer dt,
    .common_footer dd {
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 5% 5px;
        width: 90%;
        border-top: 1px solid #808080;
    }
    .common_footer dl:first-child dt:first-child {
        border-top: none;
    }
    .common_footer dd {
        display: none;
    }
    .common_footer dt a,
    .common_footer dd a {
        display: block;
        line-height: 1;
        text-align: left;
        text-decoration: none;
        color: #fff;
    }
    .common_footer dt a {
        margin: 0 1%;
        width: 98%;
        background: url(../images/icon_plus_wh_2x.png) center right no-repeat;
        background-size: 1em;
    }
    .common_footer dt a.anchor {
        background: url(../images/icon_arrow_wh_2x.png) center right 1% no-repeat;
        background-size: 0.7em;
    }
    .common_footer dt.open a {
        background: url(../images/icon_minus_wh_2x.png) center right no-repeat;
        background-size: 1em;
    }
    .common_footer dd a {
        margin: 0 1% 0 5%;
        width: 94%;
        background: url(../images/icon_arrow_wh_2x.png) center right 1% no-repeat;
        background-size: 0.7em;
        font-size: 0.8em;
    }
    .common_footer .policy {
        display: table-cell;
        padding-top: 2em;
        width: 50%;
        text-align: left;
        font-size: 0.7rem;
    }
    .common_footer .policy a {
        padding-left: 12%;
        color: #fff;
        text-decoration: none;
    }
    .common_footer .copyright {
        display: table-cell;
        padding-top: 2em;
        width: 50%;
        text-align: right;
        font-size: 0.7rem;
    }
}


/* ==========================================================================
   譌｢蟄倥さ繝ｳ繝�Φ繝�ｯｾ蠢�
   ========================================================================== */
@media (max-width: 640px) {
  .container dl {
    margin-top: 0;
  }
}