@charset "UTF-8";

/* 新旧混在時にヘッダー・フッダーのの互換を取るためだけの設定 */
/* 後々面倒なので最低限の指定に留めること */

/* ヘッダー、フッターの幅指定 */
.wl_wide{
    width:100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.wl{
    width:100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.wl_narrow{
    width:100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* 外部リンクのアイコン指定 */
a.ext_website{
    position: relative;
}

a.ext_website::after{
    --size:1.2rem;
    display: block;
    position: absolute;
    content: '';
    width:var(--size);
    height:var(--size);
    right:-1.5rem;
    top:-0.05rem;
    background-image: url('/itp/images/ico/ico_newwindow_dark.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* ホバー時のリンク色変更防止 */
:is(#header, #footer) a:is(:hover, :focus){
	color:inherit!important;
}