@charset "UTF-8";
/* CSS Document */
#ribon{
	width:100%;
background-image:url("img/bg_pc.jpg");
background-repeat:no-repeat;
    background-size: cover;
    background-position: top center; /* 画像を中央に配置 */
}
/*フォント*/
#ribon div#ribonCont p,#ribon div#ribonCont th,#ribon div#ribonCont td{
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#333333;
    line-height: 1.65;
}

.m+r1c-r {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m+r1c-m {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.m+r1c-b {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.decol-r {
  font-family: "Kaisei Decol", serif;
  font-weight: 400;
  font-style: normal;
}

.decol-m {
  font-family: "Kaisei Decol", serif;
  font-weight: 500;
  font-style: normal;
}

/*基本構成*/
    

#ribon div#ribonCont{
 	width:1024px;
 	margin:0 auto;
}
#ribon div#ribonCont #ribon_main{
 	width:1024px;
 	margin:0 auto;
 	}
#ribon div#ribonCont #ribon_contents{
    background: url("img/stripes.png");
}
#ribon div#ribonCont #cautions{
    background: #fff;
    padding: 60px 8%;
    position: relative;
}

/*ブロック背景・余白*/

#ribon div#ribonCont #ribon_contents #gaiyo{
    background-color: rgba(213,244,250,0.80);
    padding: 60px 8%; 
    position: relative;
}

#ribon div#ribonCont #ribon_contents #ticket{
    background-color: rgba(255,255,255,0.80);
    padding: 60px 19%; 
       position: relative;
}

#ribon div#ribonCont #ribon_contents #game{
    background-color: rgba(213,216,255,0.80);
    padding: 60px 8%;
    position: relative;
}

#ribon div#ribonCont #ribon_contents #moreEv{
    background-color: rgba(255,255,255,0.80);
    padding: 0;
    position: relative;
}
#ribon div#ribonCont #ribon_contents #moreEv h3{
background-size: auto auto;
background-color: rgba(225, 245, 245, 1);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(194, 235, 235, 1) 10px, rgba(194, 235, 235, 1) 20px );
padding: 40px 8% 30px;
}
#ribon div#ribonCont #ribon_contents #moreEv ul{
    padding: 40px 5%; 
}
#ribon div#ribonCont #ribon_contents h2{
    text-align: center;
    padding-bottom: 20px;
}
.gLine{
    height: 6px;
    margin: 0;
    background: url("img/gradationLine.png");
}
#ribon div#ribonCont #ribon_contents table{
    margin-top: 20px;
}
#ribon div#ribonCont #ribon_contents table th{
 width: 7em;
}
#ribon div#ribonCont #ribon_contents #ticket table{
    margin-top: 20px;
}
#ribon div#ribonCont #ribon_contents #ticket table th{
 width: 17em;
}

/*絶対配置*/
#ribon div#ribonCont #ribon_contents #gaiyo img#l-1{
    position: absolute;
    top: 62px;
    left:24px;
}
#ribon div#ribonCont #ribon_contents #ticket img#r-1{
    position: absolute;
    top: 62px;
    right:24px;
}
#ribon div#ribonCont #ribon_contents #ticket img#pr-01{
    position: absolute;
    top:-30px;
    left:100px;
}

#ribon div#ribonCont #ribon_contents #game img#l-2{
    position: absolute;
    top: 102px;
    left:24px;
}
#ribon div#ribonCont #ribon_contents #moreEv img#r-2{
    position: absolute;
    top: 82px;
    right:24px;
}
#ribon div#ribonCont #ribon_contents #game img#bl-01{
    position: absolute;
    top:-30px;
    right:100px;
}

#ribon div#ribonCont #ribon_contents #moreEv img#pr-02{
    position: absolute;
    top:-30px;
    left:100px;
}

#ribon div#ribonCont #ribon_contents #moreEv img#bl-03{
    position: absolute;
    bottom:-40px;
    right:100px;
    z-index: 5;
}
/*詳細*/

#ribon div#ribonCont #ribon_contents #gaiyo .lead{
    font-size: 22px;
    text-align: center;
     font-family: "Kaisei Decol", serif;
  font-weight: 500;
  font-style: normal;
    color: #333333;
}
#ribon div#ribonCont #ribon_contents #gaiyo table{
    width: 50%;
     margin: 30px auto;
    font-size: 18px;
}
#ribon div#ribonCont #ribon_contents #gaiyo h3{
    color: #f964b2;
    font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 20px;
    margin-top: 20px;
}
#ribon div#ribonCont #ribon_contents #gaiyo table th,#ribon div#ribonCont #ribon_contents #gaiyo table td{
    padding: 5px;
}

#ribon div#ribonCont #ribon_contents #ticket h3{
    color: #f964b2;
    font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 20px;
    margin-top: 20px;
}
#ribon div#ribonCont #ribon_contents #ticket h3{
    background: url('img/str.png') no-repeat;
    padding-left: 30px;
    margin-left: -30px;
    margin-bottom: 10px;
}
#ribon div#ribonCont #ribon_contents #game h2{
    padding-bottom: 40px;
}
#ribon div#ribonCont #ribon_contents #game .nazoEvent_ice{
    width: 90%;
    background: url("img/icecream.png") no-repeat;
    background-position:top 3px left 3px;
    background-color: #fff;
    border: #f964b2 2px solid;
    padding: 10px 30px 10px 40px;
    margin: 15px auto;
    border-radius: 8px;
}
#ribon div#ribonCont #ribon_contents #game .nazoEvent_bear{
    width: 90%;
    background: url("img/bear.png") no-repeat;
    background-position:top 3px left 3px;
    background-color: #fff;
    border: #f964b2 2px solid;
    padding: 10px 30px 10px 40px;
    margin: 15px auto;
    border-radius: 8px;
}
#ribon div#ribonCont #ribon_contents #game h4{
    color: #f964b2;
    font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 18px;
    padding-bottom: 10px;
}    
#ribon div#ribonCont #ribon_contents #game ul.greeting li{
    display: inline-block;
    vertical-align: top;
}
#ribon div#ribonCont #ribon_contents #game ul.greeting li.w30{
    width: 30%;
}
#ribon div#ribonCont #ribon_contents #game ul.greeting li.w68{
    width: 68%;
    margin-left: 1%;
}
.fcRpink{
    color:#f964b2;
font-weight: 500;
}

#ribon div#ribonCont #ribon_contents #moreEv h3{
    font-family: "Kaisei Decol", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 28px;
    text-align: center;
}
#ribon div#ribonCont #ribon_contents #moreEv h3 span{
    font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: 20px;
    color: #f964b2;
}
 #ribon div#ribonCont #ribon_contents #moreEv ul{
     margin: 0 1% 0 3%;
     
}

#ribon div#ribonCont #ribon_contents #moreEv ul li{
    display: inline-block;
    width: 49%;
    padding: 0 2% 0 1%;
    vertical-align: top;
}
#ribon div#ribonCont #ribon_contents #moreEv ul li.last-cell{
    border-left: dashed #67cbff 3px;
   padding-left:2%;
}

#ribon div#ribonCont #ribon_contents #moreEv h4{
    font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
    color: #f964b2;
    padding-bottom: 5px;
    font-size: 18px;
}

#ribon div#ribonCont #cautions h2{
     font-family: "Kaisei Decol", serif;
  font-weight: 500;
  font-style: normal;
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center;
}
#ribon div#ribonCont #cautions h3{
    font-size: 18px;
    padding-bottom: 5px;
    font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
    margin-top: 30px;
}


@media screen and (min-width:0) and (max-width:812px) {

#ribon div#ribonCont{
	width:100%;
}
    #ribon div#ribonCont p, #ribon div#ribonCont th, #ribon div#ribonCont td{
        font-size: 15px;
    }
    #ribon div#ribonCont p.fsM{
        font-size: 16px;
    }
#ribon div#ribonCont #ribon_main{
 	width:100%;
 	margin:0 auto;
 	}
    
    .pcOn{
        display:none;
    }

@media screen and (min-width:813px)  {
    .spOn{
        display:none;
    }
}


/*基本構成*/
#ribon div#ribonCont #ribon_contents{
    background: url("img/stripes_sp@2x.png");
    background-size: 100% auto;
}
@media screen and (min-width:0) and (max-width:375px) {
    #ribon div#ribonCont #ribon_contents{
    background: url("img/stripes_sp.png");
        background-size: 100% auto;
    }
}
    
/*ブロック背景・余白*/

#ribon div#ribonCont #ribon_contents #gaiyo{
    background-color: rgba(213,244,250,0.80);
    padding: 0 2% 60px; position: relative;
    margin-top: 0;
}

#ribon div#ribonCont #ribon_contents #ticket{
    background-color: rgba(255,255,255,0.80);
    padding: 60px 5%; position: relative;
}

#ribon div#ribonCont #ribon_contents #game{
    background-color: rgba(213,216,255,0.80);
    padding: 60px 5%; position: relative;
}

#ribon div#ribonCont #ribon_contents #moreEv{
    background-color: rgba(255,255,255,0.80);
    padding: 0; position: relative;
}
#ribon div#ribonCont #ribon_contents #moreEv h3{
background-size: auto auto;
background-color: rgba(225, 245, 245, 1);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(194, 235, 235, 1) 10px, rgba(194, 235, 235, 1) 20px );
padding: 40px 8% 30px;
}
#ribon div#ribonCont #ribon_contents #moreEv ul{
    padding: 40px 5%; 
}
#ribon div#ribonCont #ribon_contents h2{
    text-align: center;
    padding-bottom: 20px;
}
.gLine{
    height: 6px;
    margin: 0;
}
#ribon div#ribonCont #ribon_contents table{
    margin-top: 20px;
}
#ribon div#ribonCont #ribon_contents table th{
 width: 6em;
font-size: 0.9rem;
}
#ribon div#ribonCont #ribon_contents table td{
    font-size: 0.9rem;
    }
#ribon div#ribonCont #ribon_contents #ticket table{
    margin-top: 20px;
}
#ribon div#ribonCont #ribon_contents #ticket table th,#ribon div#ribonCont #ribon_contents #ticket table td{
 display:block;
width: 100%;
}


#ribon div#ribonCont #cautions{
    background: #fff;
    padding: 60px 3%;

}
/*絶対配置*/
#ribon div#ribonCont #ribon_contents #gaiyo img#l-1{
    position: absolute;
    top: 15%;
    left:0;    width: 20%;
    z-index: 2;
}
#ribon div#ribonCont #ribon_contents #ticket img#r-1{
    position: absolute;
    top: 11%;
    right:0;    width: 20%;
}

#ribon div#ribonCont #ribon_contents #game img#l-2{
    position: absolute;
    top: 2%;
    left:0;    width: 20%;
}
#ribon div#ribonCont #ribon_contents #moreEv img#r-2{
    position: absolute;
    top: 20%;
    right:0;    width: 20%;
}
    
#ribon div#ribonCont #ribon_contents #ticket img#pr-01{
    position: absolute;
    top:-24px;
    left:5%;width: 15%;
}


#ribon div#ribonCont #ribon_contents #game img#bl-01{
    position: absolute;
    top:-24px;
    right:5%;width: 15%;
}

#ribon div#ribonCont #ribon_contents #moreEv img#pr-02{
    position: absolute;
    top:-24px;
    left:5%;width: 15%;
}

#ribon div#ribonCont #ribon_contents #moreEv img#bl-03{
    position: absolute;
    bottom:-24px;
    right:5%;width: 15%;
    z-index: 5;
}
/*詳細*/

#ribon div#ribonCont #ribon_contents #gaiyo .lead{
    font-size: 1.26rem;
    text-align: center;
     font-family: "Kaisei Decol", serif;
  font-weight: 500;
  font-style: normal;
    color: #333333;
    width: 100%;
    padding-top: 30px;
    z-index: 4;
}
#ribon div#ribonCont #ribon_contents #gaiyo table{
    width: 90%;
     margin: 30px auto;
    font-size:1.1rem;
}


#ribon div#ribonCont #ribon_contents #ticket h3{
    color: #f964b2;
    font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 20px;
    margin-top: 20px;
}
#ribon div#ribonCont #ribon_contents #ticket h3{
    background: url('img/str.png') no-repeat;
    padding-left: 10%;
    margin-left: -3%;
    margin-bottom: 10px;
}
    #ribon div#ribonCont #ribon_contents #game h2{
        padding-bottom: 20px;
    }
#ribon div#ribonCont #ribon_contents #game .nazoEvent_ice{
    width: 97%;
    background: url("img/icecream.png") no-repeat;
    background-position:top 6px center;
    background-color: #fff;
    border: #f964b2 2px solid;
    padding: 40px 3% 15px ;
    margin: 15px auto;
    border-radius: 8px;
}
#ribon div#ribonCont #ribon_contents #game .nazoEvent_bear{
    width: 97%;
    background: url("img/bear.png") no-repeat;
    background-position:top 6px center;
    background-color: #fff;
    border: #f964b2 2px solid;
    padding: 40px 3% 15px ;
    margin: 15px auto;
    border-radius: 8px;
}
#ribon div#ribonCont #ribon_contents #game h4{
    color: #f964b2;
    font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
    font-size: 1.0rem;
    padding-top: 5px;
    padding-bottom: 10px;
}    
#ribon div#ribonCont #ribon_contents #game ul.greeting li{
    display: block;
}
#ribon div#ribonCont #ribon_contents #game ul.greeting li.w30{
    width: 70%;
    margin: auto;
    text-align: center;
}
#ribon div#ribonCont #ribon_contents #game ul.greeting li.w68{
    width: 99%;

}
#ribon div#ribonCont #ribon_contents #moreEv h3{
    font-family: "Kaisei Decol", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
    text-align: center;
    padding:60px 3% 20px;
}
#ribon div#ribonCont #ribon_contents #moreEv h3 span{
    font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: 1.0rem;
    color: #f964b2;
}
 #ribon div#ribonCont #ribon_contents #moreEv ul{
     margin: 0 1%;
     padding-top:10px;
}

#ribon div#ribonCont #ribon_contents #moreEv ul li{
    display: block;
    width: 100%;
    padding: 0 2%;
    vertical-align: top;
}
#ribon div#ribonCont #ribon_contents #moreEv ul li.last-cell{
    border-left: none;
    border-top: dashed #67cbff 3px;
   padding-top:20px;
    margin-top: 20px;
}

#ribon div#ribonCont #ribon_contents #moreEv h4{
    font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
    color: #f964b2;
    padding-top: 5px;
    font-size: 18px;
}
}