/*------------------------------------------------------------------

HEADER & FOOTER

------------------------------------------------------------------*/

.allAttentionBox{ border: 2px solid #CC0000; max-width: 1220px; margin: 20px auto; box-sizing: border-box; padding: 20px; text-align: center; font-family: 'Noto Sans JP', sans-serif;}
.allAttentionBox p{ font-size: 16px; line-height: 1.8; font-family: 'Noto Sans JP', sans-serif;}

/*---- BASE ----*/
html { -webkit-text-size-adjust: 100%;}
body{ margin: 0 ; padding:0; font-smoothing: antialiased;}
img{ border:none; image-rendering: -webkit-optimize-contrast;}


/*---- OTHER ----*/
#mlCommonContainer{ min-width: 1280px; padding-top: 111px;}
#mlCommonContent{ min-height: calc(100vh - 480px);}


/*---- HEADER ----*/
#mlCommonHeader{ position: absolute; top: 0; left: 0; width: 100%; background: #fff; font-family: 'Noto Sans JP', sans-serif; min-width: 1280px; z-index: 1000000000;}
#mlCommonHeader #pcMlCommonHeader{ height: 111px; margin: 0 auto; box-sizing: border-box; border-bottom: 1px solid #E5E5E5; position: relative;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderH1{ width: 204px; position: absolute; z-index: 2; display: block; left: calc(50% - 610px); top: 28px; margin: 0;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderH1 a{ display: block;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderH1 a:hover{ opacity: 1; background: none;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderH1 img{ width: 204px; display: block;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderLanguageList{display: flex; flex-wrap: wrap; justify-content: flex-end; font-size: 14px; list-style: none; padding: 0; position: relative; top: 20px; width: 1220px; margin: 0 auto; z-index: 1;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderLanguageList li{ display: inline-block; padding-right: 25px; position: relative; margin-right: 20px; line-height: 1;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderLanguageList li::after{ content: "/"; font-size: 14px; display: inline-block; position: absolute; right: 0;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderLanguageList li:last-child{ padding-right: 0; margin-right: 0;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderLanguageList li:last-child::after{ content: none;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderLanguageList li a{ color: #333; text-decoration: none; transition: opacity 0.5s;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderLanguageList li a:hover{ opacity: 0.8;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList{ margin: 0 auto; padding: 0; position: absolute; bottom: 0; right: calc(50% - 610px); display: flex; justify-content: flex-end; width: 1220px; list-style: none;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li{ font-size: 16px; position: relative;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li::after{ content: ""; display: block; width: 1px; height: 14px; position: absolute; right: 0; top: 6px; background: #333;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li:first-child::before{ content: ""; display: block; width: 1px; height: 14px; position: absolute; left: 0; top: 6px; background: #333;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li .pcMlCommonHeaderHoverText,
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li .pcMlCommonHeaderLink{ cursor: pointer; color: #333; display: inline-block; text-decoration: none; line-height: 1; padding: 0 40px 20px; position: relative;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li .pcMlCommonHeaderHoverText::before,
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li .pcMlCommonHeaderLink::before{ content: ""; display: block; background: #CC0000; height: 2px; position: absolute; bottom: 0; right: 50%; opacity: 0; width: 0; transition: all 0.5s;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li .pcMlCommonHeaderHoverText::after,
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li .pcMlCommonHeaderLink::after{ content: ""; display: block; background: #CC0000; height: 2px; position: absolute; bottom: 0; left: 50%; opacity: 0; width: 0; transition: all 0.5s;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li .pcMlCommonHeaderHoverText:hover::before,
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li .pcMlCommonHeaderLink:hover::before{ opacity: 1; width: 34px;}
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li .pcMlCommonHeaderHoverText:hover::after,
#mlCommonHeader #pcMlCommonHeader #pcMlCommonHeaderList li .pcMlCommonHeaderLink:hover::after{ opacity: 1; width: 34px;}
#mlCommonHeader #pcMlCommonHeader .pcMlCommonHeaderHoverBlock{ width: 100%; transition: all 0.2s; transition-delay: 0.1s; position: absolute; left: 0; top: 111px; background: #fff; opacity: 0; display: none; border-bottom: 1px solid #E5E5E5;}
#mlCommonHeader #pcMlCommonHeader .pcMlCommonHeaderHoverBlock.active{ opacity: 1 !important;}
#mlCommonHeader #pcMlCommonHeader .pcMlCommonHeaderHoverBlock.hover{ opacity: 1 !important; }
#mlCommonHeader #pcMlCommonHeader .pcMlCommonHeaderHoverBlock.block{ display: block !important;}
#mlCommonHeader #pcMlCommonHeader .pcMlCommonHeaderHoverBlock .pcMlCommonHeaderHoverLinkList{ width: 1220px; margin: 0 auto; padding: 40px 0; display: flex; justify-content: center; }
#mlCommonHeader #pcMlCommonHeader .pcMlCommonHeaderHoverBlock .pcMlCommonHeaderHoverLinkList > li{ display: inline-block; line-height: 1; margin-right: 80px;}
#mlCommonHeader #pcMlCommonHeader .pcMlCommonHeaderHoverBlock .pcMlCommonHeaderHoverLinkList > li:last-child{ margin-right: 0;}
#mlCommonHeader #pcMlCommonHeader .pcMlCommonHeaderHoverBlock .pcMlCommonHeaderHoverLinkList > li a{ text-decoration: none; color: #333; transition: all 0.3s;}
#mlCommonHeader #pcMlCommonHeader .pcMlCommonHeaderHoverBlock .pcMlCommonHeaderHoverLinkList > li a:hover{ color: #CC0000; }
#mlCommonHeader #spMlCommonHeader{ display: none;}



/*---- FOOTER ----*/
#mlCommonFooter{ font-family: 'Noto Sans JP', sans-serif; min-width: 1280px; position: relative; z-index: 100; margin-top: 120px;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01{ background: #F2F2F2;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterInner{ padding: 40px 0; width: 1220px; margin: 0 auto;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLink{ margin: 0 auto 20px; line-height: 1; text-align: center; }
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLink a{text-decoration: none; display: inline-block; color: #333; font-size: 18px; padding-right: 40px; position: relative; transition: color 0.3s;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLink a::before,
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLink a::after{ width: 10px; height: 16px; position: absolute; top: calc(50% - 5px); right: 10px; transition: all 0.5s;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLink a::before{ content: ""; background: url("../../common/img/arrow-b.png"); background-size: 100%;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLink a::after{ content: ""; background: url("../../common/img/arrow-r.png"); background-size: 100%; opacity: 0;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLink a:hover{ color: #CC0000;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLink a:hover::before{ opacity: 0; right: 0;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLink a:hover::after{ opacity: 1; right: 0;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLinkList{ width: 325px; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 40px; padding: 0; align-items: center; list-style: none;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLinkList li{ width: 32px;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLinkList li:last-child{ width: 36px;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLinkList li a{ display: block; transition: opacity 0.3s;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLinkList li a img{ width: 100%; display: block;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterSnsLinkList li a:hover{ opacity: 0.8;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterContentLinkList{ display: flex; justify-content: space-between; flex-wrap: wrap; list-style: none; padding: 0;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterContentLinkList > li{ width: 180px;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterContentLinkList > li > a{ font-size: 16px; color: #333; text-align: left; text-decoration: none; display: inline-block;  margin-bottom: 20px; line-height: 1.6; font-weight: 500; transition: color 0.3s;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterContentLinkList > li > a:last-child{ margin-bottom: 0;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterContentLinkSubList{ list-style: none; margin: 0; padding: 0;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterContentLinkSubList > li{ margin-bottom: 12px; line-height: 1.4;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterContentLinkSubList > li:last-child{ margin-bottom: 0;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterContentLinkSubList > li a{ font-size: 14px; text-decoration: none; color: #333; transition: color 0.3s;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterContentLinkList > li > a:hover{ color: #CC0000;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox01 .pcMlCommonFooterContentLinkSubList > li > a:hover{ color: #CC0000;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02{ background: #CCCCCC;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterInner{ padding: 30px 0 25px; width: 1220px; margin: 0 auto; position: relative;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterLogo{ font-weight: 900; font-size: 22px; text-align: left; line-height: 1; margin: 0 auto 20px;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterLogo a{ text-decoration: none; color: #333;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterLanguageList{ position: absolute; z-index: 2; top: 30px; right: 0; font-size: 14px; display: flex; list-style: none; margin: 0; padding: 0;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterLanguageList li{ display: inline-block; padding-right: 25px; position: relative; margin-right: 20px; line-height: 1;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterLanguageList li::after{ content: "/"; font-size: 14px; display: inline-block; position: absolute; right: 0;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterLanguageList li:last-child{ padding-right: 0; margin-right: 0;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterLanguageList li:last-child::after{ content: none;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterLanguageList li a{ color: #333; text-decoration: none; transition: opacity 0.5s;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterLanguageList li a:hover{ opacity: 0.8;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterPolicyList{ position: absolute; z-index: 2; bottom: 30px; right: 0; display: flex; font-size: 14px; list-style: none; padding: 0; margin: 0;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterPolicyList li{ display: inline-block; margin-right: 15px; padding-right: 15px; line-height: 1; border-right: 1px solid #333333;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterPolicyList li:last-child{ margin-right: 0; padding-right: 0; border-right: none;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterPolicyList li > a{ text-decoration: none; color: #333; transition: opacity 0.3s;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterPolicyList li > a:hover{ opacity: 0.8;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterCopy{ display: block; margin: 0 auto; line-height: 1.4;}
#mlCommonFooter #pcMlCommonFooter .pcMlCommonFooterBox02 .pcMlCommonFooterCopy small{ font-size: 12px;}
#mlCommonFooter #spMlCommonFooter{ display: none;}