.wf-notosansjapanese { font-family: "Noto Sans JP"; }
.maru{font-family: vdl-v7marugothic, "Noto Sans JP",sans-serif;
    font-weight: 800;
    font-style: normal;}
    .gothic{font-family: "Noto Sans JP",sans-serif;
        font-weight: 600;
        font-style: normal;}
        .footp{font-family: "Noto Sans JP",sans-serif;
            font-weight: 600;
            font-style: normal;}
img{max-width:100%;display: block;}
.relative{position: relative;}
.absolute{position:absolute;}
.fade-in {
    opacity: 0;
    transition-duration: 500ms;
    transition-property: opacity, transform;
  }
  
  .fade-in-up {
    transform: translate(0, 50px);
  }
  
  .fade-in-down {
    transform: translate(0, -50px);
  }
  
  .fade-in-left {
    transform: translate(-50px, 0);
  }
  
  .fade-in-right {
    transform: translate(50px, 0);
  }
  
  .scroll-in {
    opacity: 1;
    transform: translate(0, 0);
  }
@media screen and ( min-width:800px ){
.address-part p{width: 290px;
    font-size: 15px;
    margin: 7px;
    border-bottom: 1px solid #f29d1d;}
    .address-part p:last-child{border-bottom: none;}
.container-fluid {    width: 960px;
    margin: 10px auto;
    border: 2px solid #f29d1d;
    padding: 20px;}
    .row-address{display: flex;
        justify-content: space-between;}
    .main{width: 978px;
    margin:0 auto;}
.wrap_yellow{background-color: #fde125;padding: 20px 20px 30px 20px;}
.im300{margin:0 auto;
    width: 720px;}
.firstribbon {    margin: 0 auto 20px;
    width: 710px;}
    .runda1{right: 100px;
        bottom: 0px;
        width: 120px;}
.p_pinkback{    background-color: #ff203f;
    color: #fff;
    font-size: 30px;
    width: fit-content;
    padding: 5px 40px;
    margin: 0 auto;}

.wrap_redobi{background-size: auto auto;
    background-color: rgba(255, 32, 63, 1);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(241, 60, 85, 1) 4px, rgba(241, 60, 85, 1) 8px );
padding: 20px;}
.moji_yellow{    width: 870px;
    color: #fde125;
    font-size: 32px;
    margin: 0 auto;
    line-height: 42px;
    padding: 0;
    font-weight: 600;}
.wrap_beige{background-color: #fdffc9;
padding: 25px;}

.p_blueback{
    position: relative;
    padding: 2px;
    background: #1c60eb;
    width: 820px;
    margin: 0 auto;
    font-size: 30px;
    color: #fff;
    text-align: center;
  }
  
  .p_blueback:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #1c60eb;
    width: 0;
    height: 0;
  }
  .im300_2{margin: 50px auto 29px;
        width: 820px;}
       .midashi{margin: 0px auto 29px;
        width: 460px;}
.p_black{font-size: 29px;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 43px;}
.wrap_pinkdot{ background-color   : #ffc3f4;
    background-image   : radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%),
                         radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%);
    background-position: 0 0, 8px 8px;
    background-size    : 16px 16px;
    padding: 25px;}
.im10000{margin: 10px auto 96px;
    width: 820px;}
    .im123{margin: 10px auto 16px;
        width: 680px;}
    .runda2{    width: 87px;
        top: 5px;
        right: 140px;}
        .runda2_2{width: 210px;
            bottom: -71px;
            right: 40px;}
            .coin{width: 270px;
                left: 10px;
                bottom: -94px;}
                .small{right: 210px;
                    bottom: -93px;
                    font-size: 23px;
                    text-align: left;}

                    .twtop{margin: 10px auto 46px;
                        width: 760px;}

                        .wrap_white{ background-color   : #fff;
                           
                            padding: 25px;}
                            .twback{width: 700px;
                                margin-left: auto;}
                                .twbtn{    bottom: 420px;
                                    left: 10%;
                                    width: 800px;
                                    transform: translateX(-50%);
                                    -webkit-transform: translateX(-50%);
                                    -ms-transform: translateX(-50%);
                                    transition: all 0.3s ease 0s;}
                                    .twbtn>img{width: 100%;}
                                    .p_tw_blue{    font-size: 30px;
                                        color: #1d9bf0;
                                        margin: 25px auto;
                                        text-align: center;}
                                        .twbtn:hover{width: 820px;}
                                        .twbottom{margin: 10px auto 20px;
                                            width: 760px;}
                                            .wrap_orangedot{ background-color   : #f8d56c;
                                                background-image   : radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%),
                                                                     radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%);
                                                background-position: 0 0, 8px 8px;
                                                background-size    : 16px 16px;
                                                padding: 25px;}

.im123btn{left: 25%;
    z-index: 100;
    width: 500px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transition: all 0.3s ease 0s;
    bottom: 150px;}
    .im123btn:hover{width: 520px;}
    .im123btn>img{width: 100%;}
    .btn{width: 750px;
    margin:0 auto;
display: block;
transition: all 0.3s ease 0s;}
.btn:hover{width: 770px;
    margin:0 auto;
display: block;}
.btn>img{width: 100%;}
.wrap_bluedot{ background-color   : #99faf9;
    background-image   : radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%),
                         radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%);
    background-position: 0 0, 8px 8px;
    background-size    : 16px 16px;
    padding: 25px;}
    .boxbtn{height: 220px;}

    .p_oubo_black{ font-size: 30px;
        color: #000;
        margin: 25px auto;
        text-align: center;}
        .wrap_greendot{ background-color   : #95ff97;
            background-image   : radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%),
                                 radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%);
            background-position: 0 0, 8px 8px;
            background-size    : 16px 16px;
            padding: 25px;}

.footp{font-size:16px;
text-align: center;}


}
@media screen and ( max-width:799px ){
    .address-part p{
        font-size: 15px;
        margin: 7px;
        border-bottom: 1px solid #f29d1d;}
        
    .container-fluid {    width: 98%;
        margin: 10px auto;
        border: 2px solid #f29d1d;
        padding: 10px;}
      
    .main{width: 98%;
        margin:0 auto;}
    .wrap_yellow{background-color: #fde125;padding: 20px 20px 30px 20px;}
    .im300{margin:0 auto;
        width: 100%;}
    .firstribbon {    margin: 0 auto 20px;
        width:100%;}
        .runda1{right: -4%;
            bottom: -4%;
            width: 20%;}
    .p_pinkback{    background-color: #ff203f;
        color: #fff;
        font-size: 4vw;
        width: fit-content;
        padding: 5px 20px;
        margin: 0 -4%;}
    
    .wrap_redobi{background-size: auto auto;
        background-color: rgba(255, 32, 63, 1);
        background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(241, 60, 85, 1) 4px, rgba(241, 60, 85, 1) 8px );
        padding: 10px;}
    .moji_yellow{    width: 100%;
        color: #fde125;
        font-size: 4.8vw;
        margin: 0 auto;
  
        padding: 0;
        font-weight: 600;}
    .wrap_beige{background-color: #fdffc9;
    padding: 10px;}
    
    .p_blueback{
        position: relative;
    padding: 6px;
    background: #1c60eb;
    width: 100%;
    margin: 0 auto;
    font-size: 5.4vw;

    color: #fff;
    text-align: center;
      }
      
      .p_blueback:after {
        position: absolute;
        content: '';
        top: 98%;
        left: 50%;
        border: 15px solid transparent;
        border-top: 15px solid #1c60eb;
        width: 0;
        height: 0;
      }
      .im300_2{margin: 25px auto 25px;
            width:100%;}
           .midashi{margin: 0px auto 10px;
            width: 90%;}
    .p_black{font-size: 4vw;
        margin: 0;
        padding: 0;
        text-align: center;
        line-height: 1.5em;}
    .wrap_pinkdot{ background-color   : #ffc3f4;
        background-image   : radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%),
                             radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%);
        background-position: 0 0, 8px 8px;
        background-size    : 16px 16px;
        padding: 10px;}
    .im10000{margin:10px auto 23vw;
        width: 100%;}
        .im123{margin: 10px auto 16px;
            width: 100%;}
        .runda2{  display: none;}
            .runda2_2{    width: 25%;
                bottom: -27%;
                right: -3%;}
                .coin{width: 44%;
                    left: -6%;
                    bottom: -28%;}
                    .small{font-size: 3vw;
                        right: 16%;
                        bottom: -26%;
                        text-align: left;}
    
                        .twtop{    margin: 2px auto 12px;
                            width: 100%;}
    
                            .wrap_white{ background-color   : #fff;
                               
                                padding: 10px;}
                                .twback{    width: 100%;
                                    margin-left: auto;}
                                    .twbtn{    
                                        width: 100%;
                                        position: initial;}
                                        .twbtn>img{width: 100%;}
                                        .p_tw_blue{    font-size: 4vw;
                                            color: #1d9bf0;
                                            margin: 25px auto;
                                            text-align: center;}
                                            .twbtn:hover{width: 820px;}
                                            .twbottom{margin: 10px auto 10px;
                                                width: 100%;}
                                                .wrap_orangedot{ background-color   : #f8d56c;
                                                    background-image   : radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%),
                                                                         radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%);
                                                    background-position: 0 0, 8px 8px;
                                                    background-size    : 16px 16px;
                                                    padding: 10px;}
    
    .im123btn{
        width: 80%;
        bottom: 31%;
        left: 10%;
        z-index: 100;
        transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transition: all 0.3s ease 0s;}
        .im123btn:hover{width:82%;}
        .im123btn>img{width: 100%;}
        .btn{width: 100%;
        margin:0 auto;
    display: block;
    transition: all 0.3s ease 0s;}
    .btn:hover{width: 102%;
        margin:0 auto;
    display: block;}
    .btn>img{width: 100%;}
    .wrap_bluedot{ background-color   : #99faf9;
        background-image   : radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%),
                             radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%);
        background-position: 0 0, 8px 8px;
        background-size    : 16px 16px;
        padding: 10px;}
      
    
        .p_oubo_black{     font-size: 4vw;
            color: #000;
            margin: 10px auto;
            text-align: center;}
            .wrap_greendot{ background-color   : #95ff97;
                background-image   : radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%),
                                     radial-gradient(rgba(255, 255, 255, 0.74) 25%, transparent 28%);
                background-position: 0 0, 8px 8px;
                background-size    : 16px 16px;
                padding: 10px;}
    
    .footp{font-size:10px;
    text-align: center;}
    
}