@charset "UTF-8";

/*-------------------------
__page_style
-------------------------*/

#content{width:auto;margin:0;background-color:#e6f5ff;}
#content #content_inner{width:1100px;margin:0 auto;}
#content img{vertical-align:top;}

#main h1.main_title{font-size:31px;line-height:1;font-weight:700;text-align:left;margin-bottom:20px;padding:0 160px 20px 0;color:#004D9E;border-bottom:solid 5px #004D9E;position:relative;}
#main h1.main_title::after{content:"";width:140px;height:76px;background-image: url("/images/shop/character_01@2x.png");-webkit-background-size: contain;background-size:contain;background-repeat:no-repeat;position:absolute;bottom:-2px;right:18px;}

/*.main_ttl*/
#main .main_ttl{padding:0 418px 0 0;overflow:hidden;background:url("images/main_img@2x.jpg")no-repeat center right / contain;}
#main .main_ttl .merit{float:left;}
#main .main_ttl .subhead{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#main .main_ttl .subhead .subhead_left{width:128px;height:129px;font-size:14px;line-height:16px;font-weight:700;padding:38px 0 0;box-sizing:border-box;color:#FFF;background:url("images/subhead_bg01.png")no-repeat center center / contain;position:relative;}
#main .main_ttl .subhead .subhead_left span.year{display:inline-block;font-size:25px;margin:8px 0 0;}
#main .main_ttl .subhead .subhead_right{font-size:15px;font-weight:700;margin:0 0 0 -30px;padding:15px 20px 15px 40px;color:#FFF;background:url("images/subhead_bg02.png")no-repeat center right / cover;}
#main .main_ttl .subhead .subhead_right span.asterisk{font-size:10px;margin:0 0 0 8px;}
#main .main_ttl .subhead .subhead_right span.members{display:inline-block;font-size:24px;margin:8px 0 0;}
#main .main_ttl .note{font-size:12px;line-height:15px;text-align:right;color:#6e6e6e;}
#main .main_ttl ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin:10px 0 0;}
#main .main_ttl ul li{width:calc((100% - 25px)/2);margin:0 25px 20px 0;border-radius:10px;box-sizing:border-box;background-color:#FFF;border:2px solid #004d9e;box-shadow:5px 5px 0px 0px #004d9e;}
#main .main_ttl ul li:nth-child(2n){margin-right:0;}
#main .main_ttl ul li dl{display:flex;}
#main .main_ttl ul li dl dt{width:60px;padding:0 0 0 5px;box-sizing:border-box;}
#main .main_ttl ul li dl dt .num{display:inline-block;width:46px;height:42px;vertical-align:top;margin:-10px 0 0;padding:12px 6px 0 0;box-sizing:border-box;background:url("images/num_bg01.png")no-repeat center center / contain;}
#main .main_ttl ul li dl dt .num img{width:auto;height:18px;vertical-align:top;}
#main .main_ttl ul li dl dt .icon{display:block;margin:8px 0 0;}
#main .main_ttl ul li dl dd{width:calc(100% - 60px);text-align:left;padding:15px 0;}
#main .main_ttl ul li dl dd .ttl{font-size:17px;font-weight:700;color:#004d9e;}
#main .main_ttl ul li dl dd .txt{font-size:14px;line-height:19px;margin:8px 0 0;color:#3c3c3c;}
#main .main_ttl ul li dl dd .txt span{font-weight:700;}
#main .main_ttl .member_btn{margin:0 0 20px;transition:all .3s;}
#main .main_ttl .member_btn a{display:block;font-family:"KosugiMaru","sans-serif";margin:0 0 5px;padding:20px 0;border-radius:10px;background:rgb(255,175,0);background:-moz-linear-gradient(0deg, rgba(255,175,0,1) 0%, rgba(255,130,0,1) 100%);background:-webkit-linear-gradient(0deg, rgba(255,175,0,1) 0%, rgba(255,130,0,1) 100%);background:linear-gradient(0deg, rgba(255,175,0,1) 0%, rgba(255,130,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffaf00",endColorstr="#ff8200",GradientType=1);position:relative;}
#main .main_ttl .member_btn a::before{content:"";border-radius:10px;background-color:#e66400;position:absolute;top:0;right:0;bottom:-5px;left:0;z-index:-1;transition:all .3s;}
#main .main_ttl .member_btn a .txt01,
#main .main_ttl .member_btn a .txt02{display:inline-block;vertical-align:middle;}
#main .main_ttl .member_btn a .txt01{font-size:20px;font-weight:700;letter-spacing:normal;padding:5px 15px 10px;border-radius:20px;color:#3c3c3c;background-color:#FFF;}
#main .main_ttl .member_btn a .txt01 span{color:#e9450f;}
#main .main_ttl .member_btn a .txt01 span > span{font-size:28px;}
#main .main_ttl .member_btn a .txt02{font-size:35px;font-weight:700;letter-spacing:0.08em;margin:0 0 0 20px;padding:0 55px 0 0;color:#FFF;position:relative;}
#main .main_ttl .member_btn a .txt02::before,
#main .main_ttl .member_btn a .txt02::after{content:"";display:inline-block;margin:auto;position:absolute;top:0;bottom:0;}
#main .main_ttl .member_btn a .txt02::before{width:40px;height:40px;border-radius:40px;background-color:#FFF;right:0;}
#main .main_ttl .member_btn a .txt02::after{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #e9450f;right:13px;}
#main .main_ttl .member_btn:hover{transform:translateY(5px);}
#main .main_ttl .member_btn:hover a::before{bottom:0;}

#main .banner{margin:30px 0 0;}
#main .banner a img{transition:all .3s;}
#main .banner a:hover img{opacity:0.5;}

/*.merit_list*/
#main .merit_list{margin:40px 0 0;}
#main .merit_list .merit_ttl{}
#main .merit_list .merit_ttl .txt01,
#main .merit_list .merit_ttl .txt02,
#main .merit_list .merit_ttl img{display:inline-block;font-weight:700;vertical-align:bottom;}
#main .merit_list .merit_ttl .txt01{font-size:31px;margin:0 10px 0 0;color:#004d9e;}
#main .merit_list .merit_ttl .txt02{font-size:25px;line-height:58px;margin:0 0 0 10px;padding:0 30px;box-sizing:border-box;color:#FFF;background-color:#469be6;position:relative;}
#main .merit_list .merit_ttl .txt02::before,
#main .merit_list .merit_ttl .txt02::after{content:"";display:inline-block;width:0;height:0;margin:auto;position:absolute;top:0;bottom:0;}
#main .merit_list .merit_ttl .txt02::before{border-style:solid;border-width:29px 0 29px 10px;border-color:transparent transparent transparent #e6f5ff;left:0;}
#main .merit_list .merit_ttl .txt02::after{border-style:solid;border-width:29px 10px 29px 0;border-color:transparent #e6f5ff transparent transparent;right:0;}

#main .merit_list .box_list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#main .merit_list .box_list .box{width:calc((100% - 38px)/2);margin:30px 38px 0 0;border-radius:10px;background-color:#FFF;box-shadow:5px 5px 0px 0px #73a8cf;}
#main .merit_list .box_list .box:nth-child(2n){margin-right:0;}
#main .merit_list .box_list .box dl{}
#main .merit_list .box_list .box dl dt{padding:30px 0 0;text-align:left;}
#main .merit_list .box_list .box dl dt span{display:inline-block;vertical-align:top;}
#main .merit_list .box_list .box dl dt .num{width:68px;height:60px;text-align:center;margin:-5px 0 0 -10px;padding:20px 5px 0 0;box-sizing:border-box;background:url("images/num_bg02.png")no-repeat center center / contain;}
#main .merit_list .box_list .box dl dt .ttl{font-size:22px;line-height:1.4;font-weight:700;margin:0 0 0 20px;color:#004d9e;}
#main .merit_list .box_list .box dl dt .icon{float:right;margin:0 30px 0 0;}
#main .merit_list .box_list .box dl dd{padding:20px 38px 30px;box-sizing:border-box;color:#505050;}
#main .merit_list .box_list .box dl dd .txt{font-size:15px;line-height:1.6;text-align:left;}
#main .merit_list .box_list .box dl dd .point{font-size:17px;line-height:1.4;margin:20px 0 0;padding:10px 0;border-radius:10px;color:#FFF;background-color:#ff8c0f;}
#main .merit_list .box_list .box dl dd .img{margin:20px 0 0;}
#main .merit_list .box_list .box01{}
#main .merit_list .box_list .box01 .count01{font-size:25px;font-weight:700;}
#main .merit_list .box_list .box01 .count02{font-size: 25px;font-weight:700;color:#ff820f;}
#main .merit_list .box_list .box02{}
#main .merit_list .box_list .box02 .mypage{font-size:16px;font-weight:700;line-height:1.5;text-align:left;margin:20px 0 10px;}
#main .merit_list .box_list .box02 .mypage span{display:inline-block;margin:0 8px 0 0;padding:5px 20px;border-radius:15px;color:#FFF;background-color:#50be87;}
#main .merit_list .box_list .box03 dl dt .ttl{font-size:25px;padding:12px 0 0;}
#main .merit_list .box_list .box04 dl dt .ttl{font-size:24px;padding:13px 0 0;}
#main .merit_list .box_list .box04 .img{text-align:right;}
#main .merit_list .box_list .box04 .img span{display:inline-block;font-size:15px;font-weight:700;margin:0 -10px 0 0;padding:8px 20px;border-radius:20px;box-sizing:border-box;color:#004d9e;background-color:#FFF;border:2px solid #004d9e;position:relative;z-index:99;}
#main .merit_list .box_list .box04 .img .img_inner{margin:-20px 0 0;}
#main .merit_list .box_list .box05 dl{display:flex;flex-direction:column;height:100%;}
#main .merit_list .box_list .box05 dl dt .ttl{font-size:25px;padding:12px 0 0;}
#main .merit_list .box_list .box05 dl dd{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between;flex-grow:1;height:100%;}
#main .merit_list .box_list .box06 dl{display:flex;flex-direction:column;height:100%;}
#main .merit_list .box_list .box06 dl dd{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between;flex-grow:1;height:100%;}
#main .merit_list .box_list .illust{padding:30px 0 0;background:none;box-shadow:none;}

#main .member_btn2{display:inline-block;margin:60px auto 80px;transition:all .3s;}
#main .member_btn2 a{display:block;font-family:"KosugiMaru","sans-serif";margin:0 0 10px;padding:30px 80px;border-radius:10px;background:rgb(255,175,0);background:-moz-linear-gradient(0deg, rgba(255,175,0,1) 0%, rgba(255,130,0,1) 100%);background:-webkit-linear-gradient(0deg, rgba(255,175,0,1) 0%, rgba(255,130,0,1) 100%);background:linear-gradient(0deg, rgba(255,175,0,1) 0%, rgba(255,130,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffaf00",endColorstr="#ff8200",GradientType=1);position:relative;}
#main .member_btn2 a::before{content:"";border-radius:10px;background-color:#e66400;position:absolute;top:0;right:0;bottom:-10px;left:0;z-index:-1;transition:all .3s;}
#main .member_btn2 a .txt01,
#main .member_btn2 a .txt02{display:inline-block;vertical-align:middle;}
#main .member_btn2 a .txt01{font-size:24px;font-weight:700;letter-spacing:normal;padding:5px 20px 10px;border-radius:25px;color:#3c3c3c;background-color:#FFF;}
#main .member_btn2 a .txt01 span{color:#e9450f;}
#main .member_btn2 a .txt01 span > span{font-size:33px;}
#main .member_btn2 a .txt02{font-size:42px;font-weight:700;letter-spacing:0.08em;margin:0 0 0 20px;padding:0 65px 0 0;color:#FFF;position:relative;}
#main .member_btn2 a .txt02::before,
#main .member_btn2 a .txt02::after{content:"";display:inline-block;margin:auto;position:absolute;top:0;bottom:0;}
#main .member_btn2 a .txt02::before{width:50px;height:50px;border-radius:40px;background-color:#FFF;right:0;}
#main .member_btn2 a .txt02::after{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #e9450f;right:17px;}
#main .member_btn2:hover{transform:translateY(10px);}
#main .member_btn2:hover a::before{bottom:0;}

@font-face{
src: url("font/KosugiMaru-Regular.woff") format("woff");
font-family: "KosugiMaru";
font-style: normal;
font-display: swap;
}