.light_blue{
 color:#6490ff;
}
.red{
 color:#f00;
}
.pink{
 color:#ff6a7a;
}
/**/
ul.dot > li{
position:relative;margin:3px auto 0px;padding-left: 15px;
}
ul.dot > li::before {
content:"・";position:absolute;display:block;font-size:13px;top:0;left:0;
}
ul.ast > li{
position:relative;margin:3px auto 0px;padding-left: 15px;
}
ul.ast > li::before {
content:"※";position:absolute;display:block;font-size:13px;top:0;left:0;
}

ul.site_link_list{
 padding:23px 5px;
 text-align:center;
 background:#13468b;
}
ul.site_link_list > li{
 display:inline-block;max-width:145px;
}
ul.site_link_list > li > a{
 transition:0.5s ease-in-out;
}
ul.site_link_list > li > a:hover{
 filter:brightness(1.2);transition:0.5s ease-in-out;transform:translateZ(0);
}


#contents_wrapper{
 width:100%;background:url(../images/common/bg00.jpg) top center repeat;line-height:1.5;position:relative;
}
#contents_wrapper::after{
 content:"";position:absolute;width:100%;height:100%;top:0;left:0;
 background-image:url(../images/common/bg_left.webp),url(../images/common/bg_right.webp);
 background-repeat:no-repeat,no-repeat;
 background-position: top left,top right;pointer-events:none;
}
#bg{
background:url(../images/common/suki_bg_hrt.webp) top center repeat;
transform:translateZ(0);transition:.3s ease;padding-bottom:20px;
}
h1{
 text-align:center;padding:20px 0px 0px;
}
h1 > img{
 max-width:80%;
}
h1 + #main{
padding-top:0px;
}
.sp,
.s_sp{
 display:none;
}
#main{
 width:98%;max-width:980px;margin:0px auto;padding:10px;
}
#main img{
max-width:100%;
}
#main > .cate{
 background:#fff;border:4px solid #6490ff;box-shadow: 0 0 0 4px #ffb7dd inset;border-radius:25px;padding:16px;text-align:left;color:#0c2d57;
 margin:20px auto;
}
#main .title{
 padding:20px 0px 0px;font-size:1.4em;color:#ff6a7a;font-weight:bold;font-family:'M PLUS Rounded 1c', sans-serif;letter-spacing:1px;transform:rotate(0.05deg);
}
#main .sub_title{
 font-size:1.2em;color:#6490ff;font-weight:bold;
}

#main > .cate > p{
 padding:20px 0px;position:relative;text-align:center;font-family:'M PLUS Rounded 1c', sans-serif;letter-spacing:1px;transform:rotate(0.05deg);
}
#main > .cate > p::after{
 content:"";position:absolute;background:#ffd552;background-size: 100% 100%;border-radius:25px;
 width:100%;height:20%;bottom:20%;left:0px;z-index:-1;
}
#main > .cate > p::before{
 content:"";position:absolute;background:url(../images/common/party_popper.png) no-repeat;background-size: 100% 100%;
 width:9.78%;max-width:85px;height:auto;max-height:67px;bottom:33%;left:5px;z-index:0;aspect-ratio: 85 / 67;
}
#main > .cate:not(.center) > div{
 padding:0px 20px;
}
#main > .cate:not(.center) > div > p{
 margin:20px 0px 10px -20px;color:#ff6a7a;font-weight:bold;font-size:1.2em;position:relative;
 font-family:'M PLUS Rounded 1c', sans-serif;letter-spacing:1px;transform:rotate(0.05deg);
}
#main > .cate:not(.center) > div > p::after{
 content:"";position:absolute;background:#ffd552;background-size: 100% 100%;width:100%;height:4px;bottom:2px;left:0px;z-index:-1;
}
#main > .cate .s_icon{
 width:80px
}
#main .center{
 text-align:center;
}
#main ul.ticket{
 width:100%;font-size:12px;margin-bottom:20px;
}
#main ul.ticket > li{
 width:100%;display:flex;flex-wrap:wrap;align-items:center;background:#fff7b7;border-bottom:1px dashed #0c2d57;
}
#main ul.ticket > li > p{
padding:5px;
}
#main ul.ticket > li > p:first-of-type{
 width:130px;font-weight:bold;
}
#main ul.ticket > li > p:nth-of-type(2){
 width:calc(100% - 130px - 60px);
}
#main ul.ticket > li > p:nth-of-type(3){
 width:60px;text-align:center;
}
#main ul.ticket > li.head{
 background:#ffd552;border-radius:15px 15px 0px 0px;border-bottom:none;text-align:center;font-weight:bold;
}
#main ul.ticket > li.head > p:first-of-type{
 width:calc(100% - 60px);
}
#main ul.ticket > li.head > p:nth-of-type(2){
 width:60px;
}
#main ul.ticket > li:last-of-type{
border-bottom:none;border-radius:0px 0px 15px 15px;
}
#main ul.ticket > li.blue{
background:#b4dff8;
}

#main .small{
font-size:12px;
}
@media only screen and (max-width: 1399px){
 #bg{
  background:url(../images/common/suki_bg_hrt.webp) top center repeat;
  background-size:contain;
 }
 #contents_wrapper::after{
  background-size:36%,36%;
 }
}
@media only screen and (max-width: 1099px){
 #contents_wrapper::after {
  background:none;
 }
 #contents_wrapper::before{
  content:"";position:absolute;width:100%;height:100%;top:0;left:0;
  background-image:url(../images/common/bg_left.webp),url(../images/common/bg_right.webp);
  background-repeat:no-repeat,no-repeat;
  background-size:40%,40%;
  background-position: top left,top right;pointer-events:none;
 }
 #bg{
 background:none;
 }
}
@media only screen and (max-width: 979px){
 #main{
  width:100%;padding:0px;
 }
 #main > .cate{
  width:100%;border-radius:0px;border-left:none;border-right:none;box-shadow:inset 0 4px 0 0px #ffb7dd,inset 0 -4px 0 0px #ffb7dd;
 }


}
@media only screen and (max-width: 920px){
 #main > .cate > p::before{
  width:7.74%;max-width:85px;height:auto;max-height:67px;left:5px;aspect-ratio: 85 / 67;
 }
 #main > .cate > p::after{
  width:100%;height:15%;bottom:25%;
 }
}

@media only screen and (max-width: 800px){
 .sp{
  display:block;
 }
 #main > .cate:not(.center) > div {
   padding: 0px 10px;
 }
}
@media only screen and (max-width: 699px){
 #contents_wrapper{
  font-size:13px;line-height:23px;
 }
 
 #main ul.ticket > li:not(.head) > p:first-of-type{
  width:100%;text-align:center;background:#ffe9a5;font-weight:bold;
 }
 #main ul.ticket > li.blue > p:first-of-type{
  background:#93d1f5;
 }
 #main ul.ticket > li:not(.head) > p:nth-of-type(2){
  width:calc(100% - 60px);
 }
 #main > .cate .s_icon{
  width:60px;
 }
}

@media only screen and (max-width: 470px){
 #main .title{
  padding:10px 0px 0px;font-size:1.2em;
 }
 #main > .cate:not(.center) > div > p{
  font-size:1.2em;
 }
}
@media only screen and (max-width: 380px){
 .s_sp{
  display:block;
 }
}

/**/
div.l_btn{
 padding:10px 0px;
}
div.l_btn a,
p.l_btn{
 max-width:380px;display:block;margin:0px auto 2px auto;
 background:#ff6a7a;border:3px solid #ff96a1;box-shadow:4px 4px 0 0 #91c1ff;
 border-radius:25px;padding:10px;text-decoration:none !important;color:#32365c;text-align:center;
 font-size:16px;font-weight:bold;cursor:pointer;
}
p.l_btn:hover{
 margin-top:6px;margin-bottom:0px;background:#ff96a1;border:1px solid #ff6a7a;box-shadow:0 0 0 3px #ff6a7a inset;
 color:#32365c;
}
.l_btn#entry_c:hover,
.l_btn#copy:hover{
 margin-top:16px;margin-bottom:-2px;
}
div.l_btn a:hover{
 margin-top:6px;margin-bottom:0px;background:#ff96a1;border:1px solid #ff6a7a;box-shadow:0 0 0 3px #ff6a7a inset;
}
.l_btn.none{
 pointer-events:none;
}
p.l_btn.none{
 box-shadow:0 0 0 3px #a7a7a7 inset;color:#000;
 text-shadow:1px 1px 0 #a7a7a7, -1px -1px 0 #a7a7a7,-1px 1px 0 #a7a7a7, 1px -1px 0 #a7a7a7,
 0px 1px 0 #a7a7a7,  -1px 0 #a7a7a7,-1px 0 0 #a7a7a7, 1px 0 0 #a7a7a7;
 background:#ccc;border:2px solid #ccc;text-align:center;width:calc(100%);margin:0px auto 2px auto;border-radius:20px;padding:10px;
}
div.l_btn.blue a{
 background:#4799ff;border:3px solid #91c1ff;box-shadow:4px 4px 0 0 #ff6a7a;max-width:280px;
}
div.l_btn.blue a:hover{
 margin-top:6px;margin-bottom:0px;border:1px solid #91c1ff;box-shadow:0 0 0 3px #91c1ff inset; 
}
p.l_btn.green,
div.l_btn.green a{
 background:#59dd6d;border-color:#6df37e;box-shadow:4px 4px 0 0 #fed552;
}
p.l_btn.green a:hover,
div.l_btn.green a:hover{
 border-color:#6df37e;box-shadow:0 0 0 3px #6df37e inset; 
}

#page_top{
 position:fixed;bottom:10px;right:5%;font-size:12px;z-index:9999;display:none;width:9.8%;min-width:50px;
}
#page_top a{
 transition:0.5s ease-in-out;
}
#page_top a:hover{
 filter:brightness(1.2);transition:0.5s ease-in-out;transform:translateZ(0);
}
#page_top a img{
 max-width:100%;
}