@charset "utf-8";
/* CSS Document */

/*--reset start--*/
html{font-feature-settings:"palt"; scroll-behavior:smooth; background:var(--C5);background-attachment: fixed}
body,div,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,button,small,strong,table,input{margin:0; font-size:1em}
body{font-family:-apple-system, BlinkMacSystemFont,'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; -webkit-font-smoothing:antialiased; line-height:1.75; color:var(--C12)}/*color, line-height*2509*/
ul,ol{padding:0; list-style:none}
i,em{font-style:normal}
img{max-width:100%}
a{color:inherit; text-decoration:none}
button{background:none; border:0; outline:0; appearance:none}
/*--reset end--*/
button{background:none; border:0; outline:0; appearance:none}
/*--共通パーツ start--*/
:root{
    --C1:linear-gradient(to right,#000,#333 45%,#333 55%,#000);/*2509*/
	--C10:rgba(0,0,0,0.2);/*251012*/
	--C11:#333;/*2509*/
	--C12:#000;/*2509*/
	--C13:linear-gradient(to right,#320000,#b40000 45%,#b40000 55%,#320000);/*2509*/
	--C14:#000;/*2509*/
    --C2:#ffd200;/*黄*/
    --C3:linear-gradient(to right,#001e00,#007800 45%,#007800 55%,#001e00);/*2509*/
    --C4:#eee;/*黒→白*/
    --C5:url(../images/common/metal.png), linear-gradient(to right,#84725c,#bfb69f 25%,#f8f8e0 45%,#f8f8e0 55%,#bfb69f 75%,#84725c);/*2509*/
    --C6:#eee;/*白→灰*/
    --C7:#0000b3;/*リンクの色：水色*/
    --C8:#fffddd;/*薄い黄色*/
    --C9:#a00;/*赤*/
}
/*旧・白モード*/
/*--C1:#00643c;
--C4:#000;
--C5:#fff;
--C6:#fff;*/
/*旧・白モード*/
.close{opacity:.35}/*251011*/
.txRight{text-align:right}/*251020*/

@media(max-width:789px){
      .PcOnly{display:none !important}
      html{font-size:calc(100vw / 750)}
      body{font-size:28rem}/*基礎font-size*/
      .Btxt{font-size:34rem}/*タイトルなど大きい文字*/
}

@media(min-width:790px){
    .SpOnly{display:none !important}
    html{font-size:calc(100vw / 1060)}
    body{font-size:18rem}/*基礎font-size*/
    .Btxt{font-size:24rem}/*タイトルなど大きい文字*/
    a,label,button,summary,select{transition:opacity .3s; cursor:pointer}
    a:hover,label:hover,button:hover,summary:hover{opacity:.6}
    
    html::-webkit-scrollbar{width:5px}/*remはSafariでバグが出るのでpx指定*/
    html::-webkit-scrollbar-track{background-color:transparent}
    html::-webkit-scrollbar-thumb{background-color:var(--C1)}
}

@media(min-width:1060px){
	html{font-size:1px}
}

/*--Header--*/
#Header,
#HeaderNoLink{position:relative; /*--background:var(--C5)--*/}
#HeaderH1{position:absolute; z-index:2}
#HeaderLogo,
#HeaderMenuImg{display:block}
#HeaderBg,
#HeaderMenuBtn{display:block; position:absolute}
#HeaderMenuBg{position:fixed; top:0; left:100vw; background:rgba(0,0,0,.7); height:100vh; z-index:5; transition:.3s}/*251011*/
#HeaderMenuBg.Active{left:0}
#HeaderMenuUl{position:fixed; color:var(--C6); background:var(--C1); overflow:auto; z-index:6; text-align:right; transition:.3s}
#HeaderMenuUl:not(.Active),
#HeaderMenuBg:not(.Active){opacity:0}
.HeaderMenuLi{display:block; border-bottom:1px solid var(--C6)}
.HeaderMenuLi:last-child{margin-bottom:0; border-bottom:0}/*251011*/
#CloseBtn{position:absolute}

@media(max-width:789px){
    #Header,
    #HeaderNoLink{min-height:150rem}
    #HeaderH1{width:500rem; height:109rem; left:30rem; top:30rem}/*251011*/
    #HeaderNoLink #HeaderH1{left:80rem}
    #HeaderBg{width:324rem; left:385rem; top:0}
    #HeaderNoLink #HeaderBg{left:475rem}
    #HeaderMenuBtn{width:70rem; height:70rem; right:30rem; top:40rem}
    #HeaderMenuUl{top:200rem; width:670rem; left:calc(100vw + 40rem); max-height:calc(100vh - 400rem)}
    #HeaderMenuUl.Active{left:40rem}
    .HeaderMenuLi{padding:30rem 40rem}
    #HeaderMenuBg{width:100vw}
    #CloseBtn{top:80rem; right:80rem; width:40rem; height:40rem}
}

@media(min-width:790px){
    #Header,
    #HeaderNoLink{min-height:120rem; width:1000rem; margin:0 auto}
    #HeaderH1{width:400rem; height:87rem; left:24rem; top:20rem}/*251011*/
    #HeaderNoLink #HeaderH1{left:264rem}
    #HeaderBg{width:258rem; left:312rem; top:0}
    #HeaderNoLink #HeaderBg{left:604rem}
    #HeaderMenuBtn{width:57rem; height:57rem; right:40rem; top:32rem; cursor:pointer}
    #HeaderMenuUl{top:90rem; width:500rem; left:calc(200vw - 530rem); max-height:calc(100vh - 180rem); padding-top:20rem}
    #HeaderMenuUl.Active{left:calc(100vw - 530rem)}
    .HeaderMenuLi{margin-bottom:20rem; padding:0 30rem 20rem}
    #HeaderMenuBg{width:100vw; cursor:pointer}
    #CloseBtn{top:30rem; right:30rem; width:30rem; height:30rem}
    #HeaderMenuUl::-webkit-scrollbar{width:5rem}
    #HeaderMenuUl::-webkit-scrollbar-track{background-color:transparent}
    #HeaderMenuUl::-webkit-scrollbar-thumb{background-color:var(--C5)}
    
    #HeaderMenuBtn:hover{opacity:.9}
}

/*旧ダークモード*/
/*@media(max-width:789px){
    #Header{margin-bottom:40rem}
    .Wrapper:has(.LP){margin-top:-40rem}
}
@media(min-width:790px){
    #Header{margin-bottom:30rem}
}*/
/*旧ダークモード*/

/*--メール無効の人に表示（TOPページ）--*/
#MailNone{border:2px solid red; padding:2em; margin:0 auto 2em; box-sizing:border-box}
@media(max-width:789px){
    #MailNone{width:670rem}
}
@media(min-width:790px){
    #MailNone{width:1000rem}
}

/*--Footer--*/
#Footer,
#FooterNoLink{border-top:solid 2rem var(--C11); text-align:center}
#FooterP{color:var(--C12)}/*251011*/
#FooterLogoA,
#FooterLogo,
#Copy,
#FooterNoLink{display:block}
#FooterMenu{line-height:1}
.FooterMenuA{display:inline-block}

#CREDIXSURELINKS{padding-bottom:20rem}

@media(max-width:789px){
    #Footer,
    #FooterNoLink{padding:40rem 0 0}
    #FooterLogoA{width:400rem; margin:40rem auto 0}/*251011*/
    #FooterMenu{padding:40rem 100rem 20rem}
    .FooterMenuA:nth-child(1),
    .FooterMenuA:nth-child(4){padding-right:25rem; border-right:1px solid var(--C12); margin-right:25rem}/*251011*/
    .FooterMenuA{margin-bottom:20rem}
    #FooterP{padding:0 40rem}
}

@media(min-width:790px){
    #Footer,
    #FooterNoLink{padding:40rem 0 0; font-size:16rem; clear:both}
    #FooterLogoA{width:300rem; margin:67rem auto 0}/*251011*/
    #FooterMenu{padding:40rem 0}
    .FooterMenuA:not(:first-child){margin-left:14rem; padding-left:14rem; border-left:1px solid var(--C12)}
    
    #CREDIXSURELINKSimg{width:420rem}
}

/*--Wrapper--*/
.Ttl1{background:var(--C1); color:var(--C6); text-align:center; display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding:.5em 1em; min-height:50rem}
.Ttl2{color:var(--C12); text-align:center}
.Ttl3{color:var(--C12); text-align:center}/*2509*/
.Link{color:var(--C7)}
.MemberBox{background:var(--C3)}
.BtnArea{display:flex; justify-content:space-between}
.Btn1,
.Btn2,
.Btn3,
.Btn4{background:var(--C1); color:var(--C6); font-weight:bold; text-align:center; display:flex; justify-content:center; align-items:center; margin:0 auto; line-height:1.3; box-sizing:border-box; border-radius:10rem}
.Btn3{background:var(--C3)}
.Btn4{background:var(--C13); color:var(--C6)}/*2509*/
.W1{box-sizing:border-box}
div.Btn3{opacity:.35}
.TC{text-align:center}
.TJ{text-align:justify}
.Red{color:var(--C9)}
.FreeTxt{border-bottom:1px solid var(--C1); text-align:justify}
.FreeTxtRight{border-bottom:1px solid var(--C1); text-align:right}/*2510*/
.FreeTxt img{display:block}
.ListDetailPagerA{position:absolute}
.Th,.Td{border:1px solid var(--C12); padding:.5em; color:var(--C6); background-color:var(--C12); word-break:break-all}/*2509*/
.Th{color:var(--C6)}
.Table .Th,
.Table .Td{text-align:center; color:var(--C6)}
.Table2{table-layout:fixed}
.Table2 .Th{width:35%}
.FormLabel:not(:first-child){margin-left:1em}
.labelInput{margin-right:.5em}
.ListABox,
.Ul{list-style:disc}
.ListA{display:list-item; color:var(--C7)}
.Ol{list-style:decimal}
.ListABox,
.Ol,
.Ul{padding-left:1em; box-sizing:border-box}
.Ul{list-style-position:inside}
.Li{text-indent:-1.3em; padding-left:1.3em}
.LpImg,
.LpA,
.DelayImg{display:block}
pre img,
.DelayImg{pointer-events:none}
pre a{pointer-events:auto; color:var(--C7); text-decoration:underline}
.TableInput,
.TableSelect,
.TableTexterea{width:100%; border:1px solid var(--C11); display:block; margin:0 auto; box-sizing:border-box; padding:.5em; border-radius:10rem; background:var(--C6)}
.Details{border:1px solid var(--C12); border-radius:10rem; padding:1em}
.Summary{color:var(--C12); display:block}
.Summary::-webkit-details-marker {display:none}/* Safari対策 */
.Details[open] .Summary{padding-bottom:1em; border-bottom:1px solid var(--C4); margin-bottom:1em}
.LbL{line-break:loose; font-feature-settings:normal}
@media(max-width:789px){
    .Wrapper{overflow:hidden}
    .SlideCover + .Wrapper{padding-top:40rem}
    .BtnArea{padding:0 40rem}
    .Btn1,
    .Btn2,
    .Btn3,
    .Btn4{min-height:70rem; padding:20rem}
    .Btn1,
    .Btn3,
    .Btn4{font-size:28rem; width:400rem}
    .Btn2{flex:1 1 210rem}
    .Btn2:not(:first-child){margin-left:20rem}
    .W1{width:670rem; margin:0 auto}
    .Mt1{margin-top:100rem}
    .Mt2{margin-top:40rem}
    .Mt3{margin-top:20rem}
    .Mt4{margin-top:10rem}
    .Pt1{padding-top:100rem}
    .Pt2{padding-top:40rem}
    .Pt3{padding-top:20rem}
    .Pt4{padding-top:10rem}
    .TableSelect,
    .TableTexterea{max-width:400rem; min-height:70rem}
    .TableTexterea{min-height:250rem}
    .FreeTxt img{height:auto !important}
}

@media(min-width:790px){
    .SlideCover + .Wrapper{padding-top:60rem}
    .Wrapper{width:1000rem; margin:0 auto}
    .BtnArea{padding:0 60rem}
    .Btn1,
    .Btn2,
    .Btn3,
    .Btn4{min-height:60rem; padding:15rem}
    .Btn3:disabled:hover{opacity:1; cursor:auto}
    .Btn1,
    .Btn3,
    .Btn4{font-size:24rem; width:325rem}
    .Btn2{flex:1 1 170rem}
    .Btn2:not(:first-child){margin-left:15rem}
    .W1{width:540rem; margin:0 auto}
    .Mt1{margin-top:80rem}
    .Mt2{margin-top:30rem}
    .Mt3{margin-top:15rem}
    .Mt4{margin-top:10rem}
    .Pt1{padding-top:80rem}
    .Pt2{padding-top:30rem}
    .Pt3{padding-top:15rem}
    .Pt4{padding-top:10rem}
    .TableSelect,
    .TableTexterea{max-width:325rem; min-height:50rem}
    .TableTexterea{min-height:200rem}
    .OneColumn{width:660rem; margin:0 auto}
}

/*--MainColumn--*/
@media(min-width:790px){
    #MainColumn{width:660rem; float:right; margin-bottom:100rem}
}

/*--LeftColumn--*/
#LeftColumn{box-sizing:border-box}
.MemberBoxLi{background:var(--C12); color:var(--C6); display:flex; border-bottom:1px solid var(--C6)}
.MemberBoxLiDiv{display:flex; align-items:end; font-weight:bold}
.MemberBoxLiDiv:first-child{align-items:center}
.MemberBoxLiDiv3{margin-left:.3em}
.MemberBoxLi:last-child{border-bottom:0}/*251011*/
.MemberBtnArea{display:flex; text-align:center; justify-content:space-between}
.MemberBtnA,
.MailerBtn{background:var(--C6); color:var(--C1); font-weight:bold; line-height:1.3; display:flex; justify-content:center; align-items:center; border-radius:10rem}
.BnrAreaA,.BnrAreaImg{display:block}

@media(max-width:789px){
    #LeftColumn{width:670rem; margin:100rem auto}
    .MemberBox{padding:20rem}
    .MemberBoxLiDiv{flex:1 1 375rem; padding:25rem; box-sizing:border-box}
    .MemberBoxLiDiv:first-child{border-right:1px solid var(--C3); flex:0 0 250rem}
    .MemberBoxLi:last-child .MemberBoxLiDiv{align-items:center}
    .MemberBtnArea{padding-top:20rem}
    .MemberBtnA{flex:0 0 150rem; height:150rem}
    .MemberBox + .BnrArea{margin-top:100rem}
    .BnrAreaA{width:670rem; margin:30rem auto 0}/*251011*/
    .MailerBtn{margin-top:20rem; min-height:60rem}
	.spnone{display:none}
	.pcnone{display:block}
}

@media(min-width:790px){
    #LeftColumn{width:310rem; float:left; margin-bottom:100rem}
    .MemberBox{padding:20rem}
    .MemberBoxLi{min-height:67rem; padding:10rem; flex-direction:column; align-items:center; justify-content:center; text-align:center}
    .MemberBtnArea{padding-top:15rem; flex-wrap:wrap}
    .MemberBtnA{flex:0 0 130rem; margin-bottom:10rem; height:100rem}
    .MailerBtn{min-height:40rem}
    .MemberBox + .BnrArea{margin-top:30rem}
    .BnrAreaA{margin-bottom:20rem}
	.spnone{display:block}
	.pcnone{display:none}
}

/*--Top--*/
.FreePassTtl{text-align:center;}/*251011*/
.FreePassTtlH2{color:var(--C9)}
.FreePassTtlP{color:var(--C14)}
.FreePassBtn{display:flex; justify-content:space-between}
.FreePassBtnImg,
#Archive{display:block}
.ItemAreaUl{display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; text-align:center}
div.FreePassBtnA{opacity:.35}
@media(max-width:789px){
    .FreePass{}/*251011*/
    .FreePassTtl{padding:0rem}/*251012*/
    .FreePassBtn{padding:40rem 40rem 0}
    .FreePassBtnA{flex:0 0 330rem}/*251012*/
    #Archive,
    #ItemArea{padding-top:50rem}
    .ItemAreaUl{width:670rem}
    .ItemAreaLi{margin-top:40rem; flex:0 0 315rem}
}

@media(min-width:790px){
    .FreePassTtl{}/*251011*/
    .FreePassBtn{padding:30rem 30rem 0}/*251012*/
    .FreePassBtnA{flex:0 0 290rem}/*251012*/
    #Archive,
    #ItemArea{padding-top:80rem}
    .ItemAreaUl{width:540rem}
    .ItemAreaLi{margin-top:30rem; flex:0 0 250rem}
}