@charset "utf-8"; 
/* MOBILE */
  
/* image */ 
#SW31_img1_1 , #SW31_img1_2 , #SW31_img1_3 , #SW31_img1_4 { max-width:70rem ; margin:0 auto 0.5rem }
 
.SW31__pic__imgs { width:100% ; max-width:110rem ; margin:0 auto 3rem ; font-size:0 ; text-align:center }
.SW31__pic__img ,  .SW31__pic__img img , .SW31__pic__img::after { border-radius:0.4rem ; width:100% }
.SW31__pic__img  { 
    max-width:54rem ; margin:0 auto 1rem ; 
    position:relative ;
} 
.SW31__pic__img::after {
    display:block ; content:"" ;
    height:100% ; box-sizing:border-box ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    border:solid 1px rgba(0,0,0,0.1)
}

#SW31_pic_img7 { max-width:62rem }
#SW31_pic_img8 { max-width:46rem }
#SW31_pic_img9 ,  #SW31_pic_img14 { max-width:67rem }
#SW31_pic_img10 , #SW31_pic_img13 { max-width:41rem }
 


/* PIC */
.SW31__box {
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:1rem ;
    margin:5rem auto 0
}
.SW31__box__title {
    display:block ; padding:1rem 1.5rem ; border-bottom:dashed 1px rgba(0,0,0,0.1) ;
    font-size:2rem ; line-height:3rem ; font-weight:600 ; color:#111111 ; word-break:keep-all ; text-align:center 
}
.SW31__box__title br { display:none }
.SW31__box__list     { padding:1rem 2rem }
.SW31__box__list li  { 
    margin-bottom:1rem ;
    font-size:1.8rem ; line-height:2.8rem ; text-align:center ;
}
.SW31__box__qr , .SW31__box__qr img { display:block ; width:100% ; max-width:13rem ; margin:0 auto 2rem } 
#SW31_pic_poster { max-width:46.8rem }



/* PC */
@media screen and (min-width:1024px){  

    /* PIC */
    .SW31__box , .SW31__box__list li { position:relative }
    .SW31__box { max-width:67rem } 
    .SW31__box__title    { text-align:left }
    .SW31__box__title br { display:block }
    .SW31__box__list     { font-size:0 }
    .SW31__box__list li  { display:inline-block ; margin:0 4rem 1rem 0 ; padding-left:1rem  }
    .SW31__box__list li:last-child { margin-right:0 } 
    .SW31__box__list li::before {
        display:block ; content:"" ; width:0.4rem ; height:0.4rem ;
        background-color:#000000 ; opacity:0.3 ;
        position:absolute ; left:0 ; top:1.1rem }
    .SW31__box__qr {
        position:absolute ; left:1rem ; top:1rem ;
        margin:0 ; max-width:12rem ;
    }
    .SW31__box__title , .SW31__box__list { padding-left:15rem }



    /* image */ 
    .SW31__pic__imgs::after { display:block ; content:"" ; clear:both }
    .SW31__pic__img { float:left ; width:49.0909% ; margin:0 0 2rem }
    

    #SW31_pic_img7 { width:56.3636% }
    #SW31_pic_img8 { width:41.8181% }
    #SW31_pic_img9 ,  #SW31_pic_img14 { width:60.9090% }
    #SW31_pic_img10 , #SW31_pic_img13 { width:37.2727% }
    .SW31__pic__img:nth-child(2n) { float:right } 
 
}   
 




/* PRINT */
@media print {   }