@charset "utf-8";
html,body,div,span,applet,object,iframe,section,article,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,font,strong,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    word-break: break-all;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    /* box-sizing: border-box; */
}
body {
    width: 100%;
    background-color: #fff;
    color: #111;
    font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","メイリオ","Yu Gothic UI","游ゴシック","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-weight:500;
    -webkit-text-size-adjust: 100%;
    /* text-align:center; */
}
html {
    font-size: 16px;
    line-height: 1.4;
    scroll-behavior: smooth;
}
img {
    /* vertical-align: bottom; */
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,
section {
    display: block;
}
ol,
ul,
li {
    list-style: none;
    text-align:left;
}
blockquote,
q {
    quotes: none;
}
:focus {
    outline: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
address,
em {
    font-style: normal;
}
ul li {
    list-style: none;
}
strong{
    font-weight: 600;
}
/* # 重要！ ここから下は様々なページで使用しているので変更注意！20211101 # */
/* --------------- 汎用 --------------- */
.serifSet {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.pageBreakBf {
    page-break-before: always;
}
.pageBreakAft {
    page-break-after: always;
}
.openAnotherTabW14:after {
    padding-left: 0.3em;
    content: url("/assets/common/_img_bg/new_win_icon_w14.svg");
}
.openAnotherTabB14:after {
    padding-left: 0.3em;
    content: url("/assets/common/_img_bg/new_win_icon_b14.svg");
}
.openAnotherTabOr14:after {
    padding-left: 0.3em;
    content: url("/assets/common/_img_bg/new_win_icon_or14.svg");
}
.openAnotherTabW16:after {
    padding-left: 0.3em;
    content: url("/assets/common/_img_bg/new_win_icon_w16.svg");
}
.openAnotherTabB16:after {
    padding-left: 0.3em;
    content: url("/assets/common/_img_bg/new_win_icon_b16.svg");
}
.openAnotherTabOr16:after {
    padding-left: 0.3em;
    content: url("/assets/common/_img_bg/new_win_icon_or16.svg");
}
.tgtBlankicon12g:after {
    padding-left: 0.3em;
    content: url("/assets/common/_img_bg/new_win_icon_b16.svg");
}
.tgtBlankicon12or:after {
    padding-left: 0.3em;
    content: url("/assets/common/_img_bg/new_win_icon_or16.png");
}

.openAnotherTabB14p:after {
    padding-left: 0.3em;
    content: url("/assets/common/_img_bg/new_win_icon_b14.png");
}
.openAnotherTabB16p:after {
    padding-left: 0.3em;
    content: url("/assets/common/_img_bg/new_win_icon_b16.png");
}

/* --------------- quick use --------------- */
.txLeft {
    text-align: left;
}
.txCenter {
    text-align: center;
}
.txRight {
    text-align: right;
}
.txVtop {
    vertical-align: top;
}
.txVmiddle {
    vertical-align: middle;
}
.txVbottom {
    vertical-align: bottom;
}
.noWrap {
    white-space: nowrap;
}
.bold {
    font-weight: bold;
}
.bolder {
    font-weight: bolder;
}
.fwNormal {
    font-weight: normal !important;
}
.obli {
    font-style: oblique;
}
.fsNormal {
    font-style: normal;
}
.throu {
    text-decoration: line-through;
}
.under {
    text-decoration: underline;
}
.over {
    text-decoration: overline;
}
.fdNormal {
    text-decoration: none !important;
}
.pointer {
    cursor: pointer;
}
.noPointer {
    cursor: default;
}
.lsNormal {
    letter-spacing: normal;
}
.noVisib {
    visibility: hidden;
}
.noDisp {
    display: none;
}
.inlineBlock {
    display: inline-block!important;
}
.posRelative {
    position: relative!important;
}
.dispBlock {
    display: block!important;
}
.fLeft {
    float: left;
}
.fRight {
    float: right;
}
.clrBoth {
    clear: both;
}
.clrLeft {
    clear: left;
}
.clrRight {
    clear: right;
}
.clearFix:after,
.clearfix:after,
.cfx:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cft:before,
.cft:after {
    content: "";
    display: table;
}
.cft:after {
    clear: both;
}
.cAB7orange1 {
    color: #ff6e00;
}
.cAB7orange2 {
    color: #ff7310;
}
.cAB7orange3 {
    color: #ff4d00;
}
.cblack {
    color: #000000;
}
.cwhite {
    color: #FFFFFF;
}
.cred {
    color: #FF0000;
}
.corgred {
    color: #ff7700;
}
.cdkred {
    color: #aa0000;
}
.cmosgold {
    color: #996633;
}
.cdkgrn {
    color: #337F00;
}
.cgry {
    color: #6a6a6a;
}
.cabweb {
    color: #ff4d00;
}
.cablogo {
    color: #ffbe00;
}
.cblue {
    color: #0433FF;
}
.cgry5 { color: #555;}
.cgry7 { color: #777;}
.cgry9 { color: #999;}
.cgryA{ color:#aaa;}
.cgryC { color: #ccc;}
.cmurasaki{color:#AA00AA;}


/* --- 基本テキストリンクセット --- */
a.aBlue:link{color:#1e77c9;text-decoration:none;}
a.aBlue:visited{color:#a54dd1;text-decoration:none;}
a.aBlue:hover{
    color:#1e77c9;
    text-decoration: none;
    outline:none;
    opacity:0.7;
    transition: 0.3s ease-in-out;
    cursor:pointer;
}
a.aBlue:active{color:#a54dd1;text-decoration:none;}
/* ---  --- */
a:link {
    color: #337;
    text-decoration: none;
}
a:visited {
    color: #337;
    text-decoration: none;
}
a:hover {
    color: #ff6e00;
    text-decoration: underline;
}
a:active {
    color: #ff3300;
    text-decoration: none;
}
.aTxlk1 a:link {
    color: #0433FF;
    text-decoration: none;
}
.aTxlk1 a:visited {
    color: #0433FF;
    text-decoration: none;
}
.aTxlk1 a:hover {
    color: #ff5500;
    text-decoration: underline;
}
.aTxlk1 a:active {
    color: #ff3300;
    text-decoration: none;
}
.bAB7orange1 {
    background-color: #ff6e00;
}
.bAB7orange2 {
    background-color: #ff7310;
}
.bfgry {
    background-color: #f7f5f3;
}
.bgry {
    background-color: #dddddd;
}
.bcream {
    background-color: #fff7e3;
}
.babweb {
    background-color: #ff4d00;
}
.bablogo {
    background-color: #ffbe00;
}
.bblack {
    background-color: #111111;
}
.f11px {
    font-size: 11px !important;
}
.f12px {
    font-size: 12px !important;
}
.f13px {
    font-size: 13px !important;
}
.f14px {
    font-size: 14px !important;
}
.f15px {
    font-size: 15px !important;
}
.f16px {
    font-size: 16px !important;
}
.f17px {
    font-size: 17px !important;
}
.f18px {
    font-size: 18px !important;
}
.f19px {
    font-size: 19px !important;
}
.f20px {
    font-size: 20px !important;
}
.f21px{font-size:21px !important;}
.f22px{font-size:22px !important;}
.f23px{font-size:23px !important;}
.f24px{font-size:24px !important;}
.f25px{font-size:25px !important;}
.f30px{font-size:30px !important;}
.f35px{font-size:35px !important;}
.f40px{font-size:40px !important;}

.mgn0{margin:0;}
.mgnt3 {
    margin-top: 3px !important;
}
.mgnt5 {
    margin-top: 5px !important;
}
.mgnt10 {
    margin-top: 10px !important;
}
.mgnt15 {
    margin-top: 15px !important;
}
.mgnt20 {
    margin-top: 20px !important;
}
.mgnt25 {
    margin-top: 25px !important;
}
.mgnt30 {
    margin-top: 30px !important;
}
.mgnt40 {
    margin-top: 40px !important;
}
.mgnt50 {
    margin-top: 50px !important;
}
.mgnb3 {
    margin-bottom: 3px !important;
}
.mgnb5 {
    margin-bottom: 5px !important;
}
.mgnb10 {
    margin-bottom: 10px !important;
}
.mgnb15 {
    margin-bottom: 15px !important;
}
.mgnb20 {
    margin-bottom: 20px !important;
}
.mgnb25 {
    margin-bottom: 25px !important;
}
.mgnb30 {
    margin-bottom: 30px !important;
}
.mgnb40 {
    margin-bottom: 40px !important;
}
.mgnb50 {
    margin-bottom: 50px !important;
}
.pddt5 {
    padding-top: 5px !important;
}
.pddt10 {
    padding-top: 10px !important;
}
.pddt15 {
    padding-top: 15px !important;
}
.pddt20 {
    padding-top: 20px !important;
}
.pddt25 {
    padding-top: 25px !important;
}
.pddt30 {
    padding-top: 30px !important;
}
.pddt40 {
    padding-top: 40px !important;
}
.pddt50 {
    padding-top: 50px !important;
}
.pddb5 {
    padding-bottom: 5px !important;
}
.pddb10 {
    padding-bottom: 10px !important;
}
.pddb15 {
    padding-bottom: 15px !important;
}
.pddb20 {
    padding-bottom: 20px !important;
}
.pddb25 {
    padding-bottom: 25px !important;
}
.pddb30 {
    padding-bottom: 30px !important;
}
.pddb40 {
    padding-bottom: 40px !important;
}
.pddb50 {
    padding-bottom: 50px !important;
}
.LH1 {
    line-height: 1;
}
.LH12 {
    line-height: 1.2;
}
.LH13 {
    line-height: 1.3;
}
.LH14 {
    line-height: 1.4;
}
.LH15 {
    line-height: 1.5;
}
.LH16 {
    line-height: 1.6;
}
.LH17 {
    line-height: 1.7;
}
.LH18 {
    line-height: 1.8;
}
.LH2 {
    line-height: 2;
}
.LH3 {
    line-height: 3;
}
.LSm05px {
    letter-spacing: -0.5px;
}
.LSm1px {
    letter-spacing: -1px;
}
.spSet,
.spSetin,
.spSetimb {
    display: none !important;
}
.pcSet {
    display: block !important;
}
.pcSetin {
    display: inline !important;
}
.pcSetinb {
    display: inline-block !important;
}
/* --------- ヘッダー告知 ---------- */
#hn_notice {
    width: 100%;
    margin: 0;
    padding: 0;
}
#hn_notice .fontBaseSize {
    font-size: 100px;
}
#hn_notice .headerNotisAndInfo {
    width: 1000px;
    min-height: 2em;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0;
    margin: 0;
}
/* --------- goPageTopBtn ----------- */
#goPageTopBtn {
    display: none;
    position: fixed;
    width:37px;
    height:37px;
    overflow:hidden;
    right: 18px;
    bottom: 180px;
    z-index: 999;
    opacity: 0.5;
    box-shadow:0 5px 10px rgba(0,0,0,0.3);
}
#goPageTopBtn:hover {
    opacity: 0.88;
}
#goPageTopBtn img {
    width: 100%;
}
/* ------- 旧 common_layout_l.css base_l.css 共通差分 ------- */
#contents,
#ab7v #contents,
#twoColumnWrapper {
    width: 1100px;
    margin: 0 auto;
}
#twoColumnWrapper740 {
    width: 740px;
    margin: 0 auto 30px auto;
}
/* -- パンクズ -- */
ul#breadlist,
ul#breadlist_static {
    /*静的ページ用パンくずid(サイドバー非表示のため)*/
    margin-bottom: 20px;
    margin-top: 18px;
    text-align: left;
}
ul#breadlist li,
ul#breadlist_static li {
    display: inline;
    margin-right: 5px;
    font-size: 12px;
    white-space: normal;
    width: auto;
}
ul#breadlist li a,
ul#breadlist_static li a {
    /* text-decoration: underline; */
    color: #4d4d4d;
}
ul#breadlist li a:hover,
ul#breadlist_static li a:hover {
    text-decoration: underline;
    color: #4d4d4d;
}
/* ------- w740px の旧2カラム ------- */
.maine,
#ab7v .maine {
    float: none;
    width: 740px;
    margin: 0 auto 20px auto;
}
#ab7v #sub {
    float: none;
    display: none;
}
/* ------- 旧ページのHxのタイトルボックス ------- */
.bgAdjust {
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-left: 5px double #bbb;
    background: linear-gradient(#ffffff, #eeeeee);
    padding: 5px 10px;
    font-size: 17px;
    font-weight: 700;
    color: #333;
    text-align: left;
}
.bgAdjust span {
    font-weight: 600;
}
.bgAdjust a.net_ranking {
    display: inline-block;
    width: 280px;
    margin-left: 12px;
    vertical-align: middle;
}
/* --------------------- 旧 差分ここまで ------------------ */
/* --------------- スマホ --------------- */
@media (max-width: 767px) {
    /* ------------- 旧 common_layout_l.css base_l.css 共通差分 -- */
    #contents,
    #ab7v #contents,
    #twoColumnWrapper{
        width: 100%;
    }
    #twoColumnWrapper740{
        width:94vw;
        margin-left:auto;
        margin-right:auto;
    }
    ul#breadlist,
    ul#breadlist_static {
        display: none;
    }
    .maine,
    #ab7v .maine {
        float: none;
        margin: 0 auto;
        min-height: 0;
        width: 96%;
    }
    #ab7v #sub {
        display: none;
    }
    .bgAdjust {
        font-size: 4vw;
    }
    /* -------------- 旧 差分ここまで -- */
    /* --- ヘッダー告知 --- */
    #hn_notice {}
    #hn_notice .fontBaseSize {
        font-size: 75px;
    }
    #hn_notice .headerNotisAndInfo {
        width: 100%;
        padding: 5px;
    }
    /* --- ヘッダー告知ここまで --- */
    .pcSet,
    .pcSetin,
    .pcSetinb {
        display: none !important;
    }
    .spSet {
        display: block !important;
    }
    .spSetin {
        display: inline !important;
    }
    .spSetinb {
        display: inline-block !important;
    }
    .f11px {
        font-size: 3vw !important;
    }
    .f12px {
        font-size: 3.vw !important;
    }
    .f13px {
        font-size: 3.5vw !important;
    }
    .f14px {
        font-size: 3.75vw !important;
    }
    .f15px {
        font-size: 4vw !important;
    }
    .f16px {
        font-size: 4.3vw !important;
    }
    .f17px {
        font-size: 4.5vw !important;
    }
    .f18px {
        font-size: 4.8vw !important;
    }
    .f19px {
        font-size: 5vw !important;
    }
    .f20px {
        font-size: 5.3vw !important;
    }
    .f21px{font-size:5.6vw !important;}
    .f22px{font-size:5.9vw !important;}
    .f23px{font-size:6.1vw !important;}
    .f24px{font-size:6.4vw !important;}
    .f25px{font-size:6.7vw !important;}
    .f30px{font-size:8vw !important;}
    .f35px{font-size:9.3vw !important;}
    .f40px{font-size:10vw !important;}
    #goPageTopBtn {
        display: none;
        position: fixed;
        right: 1vw;
        bottom: 19vh;
        z-index: 9999;
        opacity: 0.50;
    }
}
/* --------- loading アニメ -------- */
/*
<p class="spinner-loader">Loading&#8230;</p>
*/
@-moz-keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spinner-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
    -moz-animation: spinner-loader 1500ms infinite linear;
    -webkit-animation: spinner-loader 1500ms infinite linear;
    animation: spinner-loader 1500ms infinite linear;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: rgba(77, 77, 77, 0.5) 1.5em 0 0 0, rgba(77, 77, 77, 0.5) 1.1em 1.1em 0 0, rgba(77, 77, 77, 0.5) 0 1.5em 0 0, rgba(77, 77, 77, 0.5) -1.1em 1.1em 0 0, rgba(77, 77, 77, 0.5) -1.5em 0 0 0, rgba(77, 77, 77, 0.5) -1.1em -1.1em 0 0, rgba(77, 77, 77, 0.5) 0 -1.5em 0 0, rgba(77, 77, 77, 0.5) 1.1em -1.1em 0 0;
    -webkit-box-shadow: rgba(77, 77, 77, 0.5) 1.5em 0 0 0, rgba(77, 77, 77, 0.5) 1.1em 1.1em 0 0, rgba(77, 77, 77, 0.5) 0 1.5em 0 0, rgba(77, 77, 77, 0.5) -1.1em 1.1em 0 0, rgba(77, 77, 77, 0.5) -1.5em 0 0 0, rgba(77, 77, 77, 0.5) -1.1em -1.1em 0 0, rgba(77, 77, 77, 0.5) 0 -1.5em 0 0, rgba(77, 77, 77, 0.5) 1.1em -1.1em 0 0;
    box-shadow: rgba(77, 77, 77, 0.5) 1.5em 0 0 0, rgba(77, 77, 77, 0.5) 1.1em 1.1em 0 0, rgba(77, 77, 77, 0.5) 0 1.5em 0 0, rgba(77, 77, 77, 0.5) -1.1em 1.1em 0 0, rgba(77, 77, 77, 0.5) -1.5em 0 0 0, rgba(77, 77, 77, 0.5) -1.1em -1.1em 0 0, rgba(77, 77, 77, 0.5) 0 -1.5em 0 0, rgba(77, 77, 77, 0.5) 1.1em -1.1em 0 0;
    display: inline-block;
    font-size: 14px;
    width: 1em;
    height: 1em;
    margin: 1.5em;
    overflow: hidden;
    text-indent: 100%;
}
/* facebookアイコンの位置調整 */
.socialWrap {
    padding: 20px 0;
    text-align: center;
}
.socialWrap div {
    display: inline-block;
}
.fb_iframe_widget>span {
    vertical-align: baseline !important;
}

/* ------- PCのみ ------- */
@media screen and (min-width:768px) {
    a {
        opacity:1;
        transition: 0.3s ease;
    }
    a:hover {
        opacity:0.8;
        transition: 0.3s ease;
    }
}
/* 20220105 幅100%設定 */
#OutermostWrapper {
    width: 100%;
}