@charset "UTF-8";

/* ===================================================================
CSS information

style_pc.css
スマートフォン用CSS

=================================================================== */

html {
max-width : 735px !important;
background-color : #fff ;
}


html, body {
height : 100% ;
position : relative ;
/*min-width : 281px ;*/
/*min-height : 142px ;*/
overflow-x : hidden ;
}




body.active2 {
background-color : #aaa !important;
-webkit-animation : anime_active2 .8s ease-in-out 0s normal 1 forwards ;
-ms-animation : anime_active2 .8s ease-in-out 0s normal 1 forwards ;
-moz-animation : anime_active2 .8s ease-in-out 0s normal 1 forwards ;
animation : anime_active2 .8s ease-in-out 0s normal 1 forwards ;
}

@-webkit-keyframes anime_active2 {
0% {
background-color : #fff ;
}
100% {
background-color : #ddd ;
}
}

@keyframes anime_active2 {
0% {
background-color : #fff ;
}
100% {
background-color : #ddd ;
}
}

@-moz-keyframes anime_active2 {
0% {
background-color : #fff ;
}
100% {
background-color : #ddd ;
}
}



.pc { display: none !important; }
.sp { display: block !important; }







.conbox {
position: relative;
width: 100%;
background-size : contain ;
background-repeat : no-repeat ;
}
.content {
position : absolute ; top : 0; left : 0; bottom : 0; right : 0;
}


.logo {
position : absolute ; top : 20vh ;
margin : 0 auto ;
width : 100% ; height : auto ;
z-index : 10000 ;
}




/*=====================================
	00
=====================================*/

#bg_00_01 {
background-image : url(../img/00/01.jpg) ;
}
#bg_00_01:before {
content : "" ;
display: block;
padding-top : 270.78% ;
}


#bg_00_02 {
background-image : url(../img/00/02.jpg) ;
}
#bg_00_02:before {
content : "" ;
display: block;
padding-top : 35.31% ;
}

#bg_00_03 {
background-image : url(../img/00/03.jpg) ;
}
#bg_00_03:before {
content : "" ;
display: block;
padding-top : 37.03% ;
}

#bg_00_04 {
background-image : url(../img/00/04.jpg) ;
}
#bg_00_04:before {
content : "" ;
display: block;
padding-top : 219.21% ;
}

#bg_00_05 {
background-image : url(../img/00/05.jpg) ;
}
#bg_00_05:before {
content : "" ;
display: block;
padding-top : 37.96% ;
}

#bg_00_06 {
background-image : url(../img/00/06.jpg) ;
}
#bg_00_06:before {
content : "" ;
display: block;
padding-top : 60.07% ;
}

#bg_00_07 {
background-image : url(../img/00/07.jpg) ;
}
#bg_00_07:before {
content : "" ;
display: block;
padding-top : 30.93% ;
}

.play_00 {
position : absolute ; top : 54vh ; right : 50% ; left : 50% ;
margin : 0 0 0 -130px ;
width : 260px ;
text-align  : center ;
z-index : 1000 ;
}
 

/*=====================================
	01
=====================================*/

#bg_01_01 {
background-image : url(../img/01/01.jpg) ;
}
#bg_01_01:before {
content : "" ;
display: block;
padding-top : 135.94% ;
}

.m01 {
margin : 100px 0 100px 0 ;
}

#p01_00 {
display : none ;
}
#p01_01 {
padding : 220px 0 230px 0 ;
color : #fff ;
}
#p01_02 {
padding : 0 0 50px 0 ;
color : #fff ;
}
#p01_03 {
padding : 20px 0 0 0 ;
}

.play_01 {
margin : 0 auto 0 auto ;
padding : 70px 0 0 0 ;
width : 80% ;
text-align  : center ;
z-index : 1000 ;
}




/*=====================================
	02
=====================================*/

#bg_02_01 {
background-image : url(../img/02/01.jpg) ;
}
#bg_02_01:before {
content : "" ;
display: block;
padding-top : 389.34% ;
}

#bg_02_02 {
background-image : url(../img/02/02.jpg) ;
}
#bg_02_02:before {
content : "" ;
display: block;
padding-top : 71.04% ;
}

#bg_02_03 {
background-image : url(../img/02/03.jpg) ;
}
#bg_02_03:before {
content : "" ;
display: block;
padding-top : 56.76% ;
}




#p02_01 {
padding : 118px 0 0 0 ;
color : #fff ;
}
#p02_02 {
padding : 20px 0 20px 0 ;
}
#p02_03 {
padding : 20px 0 0 0 ;
color : #fff ;
}
#p02_04 {
padding : 20px 0 20px 0 ;
}
#p02_05 {
padding : 20px 0 20px 0 ;
}
#p02_06 {
padding : 30px 0 30px 0 ;
}
#p02_07 {
padding : 20px 0 20px 0 ;
}
#p02_08 {
margin : 80px auto 100px auto ;
}



.play_02 {
margin : 0 auto 0 auto ;
padding : 120px 0 0 0 ;
width : 80% ;
text-align  : center ;
z-index : 1000 ;
}






/*=====================================
	03
=====================================*/

#bg_03_01 {
background-image : url(../img/03/01.jpg) ;
}
#bg_03_01:before {
content : "" ;
display: block;
padding-top : 147.44% ;
}

#bg_03_02 {
background-image : url(../img/03/02.jpg) ;
}
#bg_03_02:before {
content : "" ;
display: block;
padding-top : 94.37% ;
}

#bg_03_03 {
background-image : url(../img/03/03.jpg) ;
}
#bg_03_03:before {
content : "" ;
display: block;
padding-top : 55.45% ;
}




#p03_01 {
padding : 140px 0 0 0 ;
color : #fff ;
text-align : right !important;
}



/*=====================================
	04
=====================================*/
#bg_04_01 {
background-image : url(../img/04/01.jpg) ;
}
#bg_04_01:before {
content : "" ;
display: block;
padding-top : 119.87% ;
}

#bg_04_02 {
background-image : url(../img/04/02.jpg) ;
}
#bg_04_02:before {
content : "" ;
display: block;
padding-top : 360.37% ;
}

#bg_04_03 {
background-image : url(../img/04/03.jpg) ;
}
#bg_04_03:before {
content : "" ;
display: block;
padding-top : 61.44% ;
}

#bg_04_04 {
background-image : url(../img/04/04.jpg) ;
}
#bg_04_04:before {
content : "" ;
display: block;
padding-top : 51.01% ;
}

#bg_04_05 {
background-image : url(../img/04/05.jpg) ;
}
#bg_04_05:before {
content : "" ;
display: block;
padding-top : 96.01% ;
}

#bg_04_06 {
background-image : url(../img/04/06.jpg) ;
}
#bg_04_06:before {
content : "" ;
display: block;
padding-top : 282.69% ;
}


#bg_04_07 {
background-image : url(../img/04/07.jpg) ;
}
#bg_04_07:before {
content : "" ;
display: block;
padding-top : 182.79% ;
}



#bg_04_08 {
background-image : url(../img/04/08.jpg) ;
}
#bg_04_08:before {
content : "" ;
display: block;
padding-top : 162.42% ;
}






#p04_01  {
position : absolute ; top :85px ; left : 30px ;
color : #fff ;
}
#p04_02  {
position : absolute ; bottom : 100px ; right : 14px ;
color : #fff ;
text-align : right ;
}
#p04_03  {
padding : 126px 0 0 0 ;
}
#p04_04  {
margin : 300px auto 130px auto ;
}


.play_04 {
margin : 0 auto 0 auto ;
padding : 60px 0 80px 0 ;
width : 80% ;
text-align  : center ;
}




/*=====================================
	05
=====================================*/
#bg_05_01 {
background-image : url(../img/05/01.jpg) ;
}
#bg_05_01:before {
content : "" ;
display: block;
padding-top : 132.46% ;
}


#bg_05_02 {
background-image : url(../img/05/02.jpg) ;
}
#bg_05_02:before {
content : "" ;
display: block;
padding-top : 59.68% ;
}


#bg_05_03 {
background-image : url(../img/05/03.jpg) ;
}
#bg_05_03:before {
content : "" ;
display: block;
padding-top : 524.76% ;
}

#bg_05_04 {
background-image : url(../img/05/04.jpg) ;
}
#bg_05_04:before {
content : "" ;
display: block;
padding-top : 29.00% ;
}

#bg_05_05 {
background-image : url(../img/05/05.jpg) ;
}
#bg_05_05:before {
content : "" ;
display: block;
padding-top : 114.30% ;
}

#bg_05_06 {
background-image : url(../img/05/06.jpg) ;
}
#bg_05_06:before {
content : "" ;
display: block;
padding-top : 241.51% ;
}



.play_05 {
margin : 0 auto 0 auto ;
padding : 20px 0 20px 0 ;
width : 80% ;
text-align  : center ;
}

#p05_01  {
position : absolute ; bottom : 100px ; left : 50% ;
margin : 0 0 0 -152px ;
}
#p05_02  {
margin : 200px auto 0 auto ;
}




/*=====================================
	06
=====================================*/
#bg_06_01 {
background-image : url(../img/06/01.jpg) ;
}
#bg_06_01:before {
content : "" ;
display: block;
padding-top : 175.05% ;
}

#bg_06_02 {
background-image : url(../img/06/02.jpg) ;
}
#bg_06_02:before {
content : "" ;
display: block;
padding-top : 93.43% ;
}

#bg_06_03 {
background-image : url(../img/06/03.jpg) ;
}
#bg_06_03:before {
content : "" ;
display: block;
padding-top : 294.60% ;
}

#bg_06_04 {
background-image : url(../img/06/04.jpg) ;
}
#bg_06_04:before {
content : "" ;
display: block;
padding-top : 41.90% ;
}

#bg_06_05 {
background-image : url(../img/06/05.jpg) ;
}
#bg_06_05:before {
content : "" ;
display: block;
padding-top : 274.66% ;
}



#p06_01  {
margin : 180px auto 140px auto ;
}



.play_06 {
margin : 50px auto 0 auto ;
padding : 20px 0 20px 0 ;
width : 80% ;
text-align  : center ;
}




/*=====================================
	07
=====================================*/
#bg_07_01 {
background-image : url(../img/07/01.jpg) ;
}
#bg_07_01:before {
content : "" ;
display: block;
padding-top : 147.45% ;
}


#bg_07_02 {
background-image : url(../img/07/02.jpg) ;
}
#bg_07_02:before {
content : "" ;
display: block;
padding-top : 187.61% ;
}


#bg_07_03 {
background-image : url(../img/07/03.jpg) ;
}
#bg_07_03:before {
content : "" ;
display: block;
padding-top : 539.26% ;
}

#bg_07_04_1 {
background-image : url(../img/07/04_1.jpg) ;
}
#bg_07_04_1:before {
content : "" ;
display: block;
padding-top : 69.38% ;
}
#bg_07_04_2 {
background-image : url(../img/07/04_2.jpg) ;
}
#bg_07_04_2:before {
content : "" ;
display: block;
padding-top : 113.89% ;
}

#bg_07_04_3 {
background-image : url(../img/07/04_3.jpg) ;
}
#bg_07_04_3:before {
content : "" ;
display: block;
padding-top : 62.63% ;
}







#bg_07_05 {
background-image : url(../img/07/05.jpg) ;
}
#bg_07_05:before {
content : "" ;
display: block;
padding-top : 124.06% ;
}



#bg_07_06 {
background-image : url(../img/07/06.jpg) ;
}
#bg_07_06:before {
content : "" ;
display: block;
padding-top : 119.45% ;
}


/*7は必要なし*/

#bg_07_08 {
background-image : url(../img/07/08.jpg) ;
}
#bg_07_08:before {
content : "" ;
display: block;
padding-top : 108.63% ;
}


#bg_07_09_1 {
background-image : url(../img/07/09_1.jpg) ;
}
#bg_07_09_1:before {
content : "" ;
display: block;
padding-top : 127.00% ;
}
#bg_07_09_2 {
background-image : url(../img/07/09_2.jpg) ;
}
#bg_07_09_2:before {
content : "" ;
display: block;
padding-top : 48.03% ;
}


#bg_07_10_1 {
background-image : url(../img/07/10_1.jpg) ;
}
#bg_07_10_1:before {
content : "" ;
display: block;
padding-top : 102.89% ;
}
#bg_07_10_2 {
background-image : url(../img/07/10_2.jpg) ;
}
#bg_07_10_2:before {
content : "" ;
display: block;
padding-top : 91.37% ;
}








#bg_07_11 {
background-image : url(../img/07/11.jpg) ;
}
#bg_07_11:before {
content : "" ;
display: block;
padding-top : 63.28% ;
}


#bg_07_12 {
background-image : url(../img/07/12.jpg) ;
}
#bg_07_12:before {
content : "" ;
display: block;
padding-top : 48.43% ;
}


#bg_07_13 {
background-image : url(../img/07/13.jpg) ;
}
#bg_07_13:before {
content : "" ;
display: block;
padding-top : 113.75% ;
}


#bg_07_14 {
background-image : url(../img/07/14.jpg) ;
}
#bg_07_14:before {
content : "" ;
display: block;
padding-top : 50.07% ;
}


#bg_07_15 {
background-image : url(../img/07/15.jpg) ;
}
#bg_07_15:before {
content : "" ;
display: block;
padding-top : 60.79% ;
}


#bg_07_16 {
background-image : url(../img/07/16.jpg) ;
}
#bg_07_16:before {
content : "" ;
display: block;
padding-top : 166.95% ;
}


#bg_07_17 {
background-image : url(../img/07/17.jpg) ;
}
#bg_07_17:before {
content : "" ;
display: block;
padding-top : 96.47% ;
}



#p07_01  {
padding : 110px 0 0 0 ;
}
#p07_02  {
color : #fff ;
}
#p07_03  {
text-align :right ;
}
#p07_04  {
padding : 0 0 0 0 ;
}
#p07_05  {
position : absolute ; bottom : 140px ; left : 20px ;
}
#p07_06  {
text-align :right ;
}
#p07_07  {
padding : 85px 0 0 0 ;
color : #fff ;
}
#p07_08  {
padding : 35px 0 0 0 ;
}
#p07_09  {
margin : 0 auto 30px auto ;
}



.play_07 {
margin : 30px auto 0 auto ;
padding : 20px 0 20px 0 ;
width : 80% ;
text-align  : center ;
}




/*=====================================
	08
=====================================*/
#bg_08_01 {
background-image : url(../img/08/01.jpg) ;
}
#bg_08_01:before {
content : "" ;
display: block;
padding-top : 373.92% ;
}


#bg_08_02 {
background-image : url(../img/08/02.jpg) ;
}
#bg_08_02:before {
content : "" ;
display: block;
padding-top : 33.82% ;
}


#bg_08_03 {
background-image : url(../img/08/03.jpg) ;
}
#bg_08_03:before {
content : "" ;
display: block;
padding-top : 40.65% ;
}


#bg_08_04 {
background-image : url(../img/08/04.jpg) ;
}
#bg_08_04:before {
content : "" ;
display: block;
padding-top : 75.00% ;
}


#bg_08_05 {
background-image : url(../img/08/05.jpg) ;
}
#bg_08_05:before {
content : "" ;
display: block;
padding-top : 37.74% ;
}


#bg_08_06 {
background-image : url(../img/08/06.jpg) ;
}
#bg_08_06:before {
content : "" ;
display: block;
padding-top : 67.26% ;
}


#bg_08_07 {
background-image : url(../img/08/07.jpg) ;
}
#bg_08_07:before {
content : "" ;
display: block;
padding-top : 77.35% ;
}


#bg_08_08 {
background-image : url(../img/08/08.jpg) ;
}
#bg_08_08:before {
content : "" ;
display: block;
padding-top : 233.59% ;
}

#bg_08_09 {
background-image : url(../img/08/09.jpg) ;
}
#bg_08_09:before {
content : "" ;
display: block;
padding-top : 22.84% ;
}


#bg_08_10 {
background-image : url(../img/08/10.jpg) ;
}
#bg_08_10:before {
content : "" ;
display: block;
padding-top : 44.40% ;
}



#p08_01  {
position : absolute ; bottom : 25px ; left : 20px ;
}

#p08_02  {
margin : 80px auto 30px auto ;
}



.play_08 {
margin : 30px auto 0 auto ;
padding : 20px 0 20px 0 ;
width : 80% ;
text-align  : center ;
}





/*=====================================
	09
=====================================*/
#bg_09_01 {
background-image : url(../img/09/01.jpg) ;
}
#bg_09_01:before {
content : "" ;
display: block;
padding-top : 245.25% ;
}


#bg_09_02 {
background-image : url(../img/09/02.jpg) ;
}
#bg_09_02:before {
content : "" ;
display: block;
padding-top : 64.14% ;
}


#bg_09_03 {
background-image : url(../img/09/03.jpg) ;
}
#bg_09_03:before {
content : "" ;
display: block;
padding-top : 112.26% ;
}


#bg_09_04 {
background-image : url(../img/09/04.jpg) ;
}
#bg_09_04:before {
content : "" ;
display: block;
padding-top : 67.35% ;
}


#bg_09_05 {
background-image : url(../img/09/05.jpg) ;
}
#bg_09_05:before {
content : "" ;
display: block;
padding-top : 67.60% ;
}


#bg_09_06 {
background-image : url(../img/09/06.jpg) ;
}
#bg_09_06:before {
content : "" ;
display: block;
padding-top : 142.94% ;
}


#bg_09_07 {
background-image : url(../img/09/07.jpg) ;
}
#bg_09_07:before {
content : "" ;
display: block;
padding-top : 82.50% ;
}


#bg_09_08 {
background-image : url(../img/09/08.jpg) ;
}
#bg_09_08:before {
content : "" ;
display: block;
padding-top : 35.70% ;
}


#bg_09_09_1 {
background-image : url(../img/09/09_1.jpg) ;
}
#bg_09_09_1:before {
content : "" ;
display: block;
padding-top : 126.32% ;
}
#bg_09_09_2 {
background-image : url(../img/09/09_2.jpg) ;
}
#bg_09_09_2:before {
content : "" ;
display: block;
padding-top : 149.06% ;
}





#bg_09_10 {
background-image : url(../img/09/10.jpg) ;
}
#bg_09_10:before {
content : "" ;
display: block;
padding-top : 27.73% ;
}


#bg_09_11 {
background-image : url(../img/09/11.jpg) ;
}
#bg_09_11:before {
content : "" ;
display: block;
padding-top : 314.96% ;
}


#bg_09_12 {
background-image : url(../img/09/12.jpg) ;
}
#bg_09_12:before {
content : "" ;
display: block;
padding-top : 38.28% ;
}


#bg_09_13 {
background-image : url(../img/09/13.jpg) ;
}
#bg_09_13:before {
content : "" ;
display: block;
padding-top : 175.56% ;
}


#bg_09_14 {
background-image : url(../img/09/14.jpg) ;
}
#bg_09_14:before {
content : "" ;
display: block;
padding-top : 122.41% ;
}


#bg_09_15 {
background-image : url(../img/09/15.jpg) ;
}
#bg_09_15:before {
content : "" ;
display: block;
padding-top : 171.12% ;
}


#bg_09_16 {
background-image : url(../img/09/16.jpg) ;
}
#bg_09_16:before {
content : "" ;
display: block;
padding-top : 83.91% ;
}


#bg_09_17 {
background-image : url(../img/09/17.jpg) ;
}
#bg_09_17:before {
content : "" ;
display: block;
padding-top : 144.62% ;
}


#bg_09_18 {
background-image : url(../img/09/18.jpg) ;
}
#bg_09_18:before {
content : "" ;
display: block;
padding-top : 274.03% ;
}


#bg_09_19 {
background-image : url(../img/09/19.jpg) ;
}
#bg_09_19:before {
content : "" ;
display: block;
padding-top : 147.21% ;
}


#bg_09_20 {
background-image : url(../img/09/20.jpg) ;
}
#bg_09_20:before {
content : "" ;
display: block;
padding-top : 62.73% ;
}




#p09_01  {
position : absolute ; bottom : 25px ; left : 20px ;
}
#p09_02  {
position : absolute ; bottom : 25px ; left : 20px ;
}
#p09_03  {
position : absolute ; bottom : 25px ; right : 20px ;
text-align : right ;
}
#p09_04  {
padding : 0 0 0 20px ;
text-align : left !important;
}
#p09_05  {
padding : 82px 0 0 0 ;
color : #fff !important ;
}
#p09_06  {
padding : 100px 0 0 0 ;
}
#p09_07  {
position : absolute ; bottom : 25px ; left : 20px ;
}
#p09_08  {
text-align : left !important;
}
#p09_09  {
padding : 87px 0 0 0 ;
color : #fff !important ;
}
#p09_10  {
position : absolute ; bottom : 6px ; left : 20px ;
color : #fff !important ;
}






.play_09 {
margin : 120px auto 0 auto ;
padding : 20px 0 10px 0 ;
width : 80% ;
text-align  : center ;
}



/*=====================================
	10
=====================================*/
#bg_10_01 {
background-image : url(../img/10/01.jpg) ;
}
#bg_10_01:before {
content : "" ;
display: block;
padding-top : 50.90% ;
}


#bg_10_02 {
background-image : url(../img/10/02.jpg) ;
}
#bg_10_02:before {
content : "" ;
display: block;
padding-top : 11.64% ;
}


#bg_10_03 {
background-image : url(../img/10/03.jpg) ;
}
#bg_10_03:before {
content : "" ;
display: block;
padding-top : 41.95% ;
}


#bg_10_04 {
background-image : url(../img/10/04.jpg) ;
}
#bg_10_04:before {
content : "" ;
display: block;
padding-top : 99.92% ;
}


#bg_10_05 {
background-image : url(../img/10/05.jpg) ;
}
#bg_10_05:before {
content : "" ;
display: block;
padding-top : 179.06% ;
}


#bg_10_06 {
background-image : url(../img/10/06.jpg) ;
}
#bg_10_06:before {
content : "" ;
display: block;
padding-top : 26.256% ;
}


#bg_10_07 {
background-image : url(../img/10/07.jpg) ;
}
#bg_10_07:before {
content : "" ;
display: block;
padding-top : 27.31% ;
}


#bg_10_08 {
background-image : url(../img/10/08.jpg) ;
}
#bg_10_08:before {
content : "" ;
display: block;
padding-top : 52.19% ;
}




#p10_01  {
padding : 60px 0 0 0 ;
}
#p10_02  {
margin: 80px auto 80px auto ;
}



.play_10 {
margin : 50px auto 20px auto ;
padding : 20px 0 10px 0 ;
width : 80% ;
text-align  : center ;
}



/*=====================================
	11
=====================================*/
#bg_11_01_1 {
background-image : url(../img/11/01_1.jpg) ;
}
#bg_11_01_1:before {
content : "" ;
display: block;
padding-top : 177.47% ;
}


#bg_11_01_2 {
background-image : url(../img/11/01_2.jpg) ;
}
#bg_11_01_2:before {
content : "" ;
display: block;
padding-top : 189.16% ;
}


#bg_11_02 {
background-image : url(../img/11/02.jpg) ;
}
#bg_11_02:before {
content : "" ;
display: block;
padding-top : 290.68% ;
}


#bg_11_02ins_01 {
background-image : url(../img/11/02ins_01.jpg) ;
}
#bg_11_02ins_01:before {
content : "" ;
display: block;
padding-top : 23.14% ;
}


#bg_11_03 {
background-image : url(../img/11/03.jpg) ;
}
#bg_11_03:before {
content : "" ;
display: block;
padding-top : 50.90% ;
}

#bg_11_04 {
background-image : url(../img/11/04.jpg) ;
}
#bg_11_04:before {
content : "" ;
display: block;
padding-top : 19.21% ;
}


#bg_11_05 {
background-image : url(../img/11/05.jpg) ;
}
#bg_11_05:before {
content : "" ;
display: block;
padding-top : 50.31% ;
}

#bg_11_05ins_01 {
background-image : url(../img/11/05ins_01.jpg) ;
}
#bg_11_05ins_01:before {
content : "" ;
display: block;
padding-top : 26.07% ;
}

#bg_11_05ins_02 {
background-image : url(../img/11/05ins_02.jpg) ;
}
#bg_11_05ins_02:before {
content : "" ;
display: block;
padding-top : 78.82% ;
}


#bg_11_06 {
background-image : url(../img/11/06.jpg) ;
}
#bg_11_06:before {
content : "" ;
display: block;
padding-top : 46.05% ;
}


#bg_11_07 {
background-image : url(../img/11/07.jpg) ;
}
#bg_11_07:before {
content : "" ;
display: block;
padding-top : 46.71% ;
}


#bg_11_08 {
background-image : url(../img/11/08.jpg) ;
}
#bg_11_08:before {
content : "" ;
display: block;
padding-top : 63.98% ;
}


#bg_11_09 {
background-image : url(../img/11/09.jpg) ;
}
#bg_11_09:before {
content : "" ;
display: block;
padding-top : 60.93% ;
}


#bg_11_10_1 {
position : relative ;
background-image : url(../img/11/10_1.jpg) ;
}
#bg_11_10_1:before {
content : "" ;
display: block;
padding-top : 144.54% ;
}


#bg_11_10_2 {
position : relative ;
background-image : url(../img/11/10_2.jpg) ;
}
#bg_11_10_2:before {
content : "" ;
display: block;
padding-top : 83.05% ;
}









#p11_01  {
padding : 0 0 80px 0 ;
}
#p11_02  {
padding : 40px 0 0 0 ;
}
#p11_03  {
padding : 40px 0 0 0 ;
text-align : right !important ;
}
#p11_04  {
padding : 0 0 0 0 ;
}
#p11_05  {
margin : 80px auto 0 auto ;
}
#p11_06  {
margin : 50px auto 110px auto ;
}
#p11_sn  {
position : absolute ; left :5% ;
width : 25px ; height :25px;
}

#p11_sn a:link {
position : absolute ; left :5% ;
display : block ;
width : 25px ; height :25px;
font-size : 10px ;
text-indent : -9999px ;
}

#p11_sn a:visited {
}

#p11_sn a:hover {
background-color : #fff ;
opacity : 0.5 ;
}


#p11_sn a:active{
background-color : #fff ;
opacity : 0.5 ;
}




.play_11 {
margin : 150px auto 20px auto ;
padding : 20px 0 10px 0 ;
width : 80% ;
text-align  : center ;
}



/*=====================================
	12
=====================================*/
#bg_12_01 {
background-image : url(../img/12/01.jpg) ;
}
#bg_12_01:before {
content : "" ;
display: block;
padding-top : 213.33% ;
}


#bg_12_02 {
background-image : url(../img/12/02.jpg) ;
}
#bg_12_02:before {
content : "" ;
display: block;
padding-top : 61.95% ;
}


#bg_12_03 {
background-image : url(../img/12/03.jpg) ;
}
#bg_12_03:before {
content : "" ;
display: block;
padding-top : 109.84% ;
}


#bg_12_04 {
background-image : url(../img/12/04.jpg) ;
}
#bg_12_04:before {
content : "" ;
display: block;
padding-top : 45.93% ;
}


#bg_12_05_1 {
background-image : url(../img/12/05_1.jpg) ;
}
#bg_12_05_1:before {
content : "" ;
display: block;
padding-top : 149.21% ;
}
#bg_12_05_2 {
background-image : url(../img/12/05_2.jpg) ;
}
#bg_12_05_2:before {
content : "" ;
display: block;
padding-top : 43.33% ;
}
#bg_12_05_3 {
background-image : url(../img/12/05_3.jpg) ;
}
#bg_12_05_3:before {
content : "" ;
display: block;
padding-top : 167.08% ;
}
#bg_12_05_4 {
background-image : url(../img/12/05_4.jpg) ;
}
#bg_12_05_4:before {
content : "" ;
display: block;
padding-top : 73.43% ;
}


#bg_12_06 {
background-image : url(../img/12/06.jpg) ;
}
#bg_12_06:before {
content : "" ;
display: block;
padding-top : 96.79% ;
}


#bg_12_07 {
background-image : url(../img/12/07.jpg) ;
}
#bg_12_07:before {
content : "" ;
display: block;
padding-top : 48.27% ;
}

#bg_12_08 {
background-image : url(../img/12/08.jpg) ;
}
#bg_12_08:before {
content : "" ;
display: block;
padding-top : 130.15% ;
}


#bg_12_09 {
background-image : url(../img/12/09.jpg) ;
}
#bg_12_09:before {
content : "" ;
display: block;
padding-top : 54.14% ;
}


#bg_12_10 {
background-image : url(../img/12/10.jpg) ;
}
#bg_12_10:before {
content : "" ;
display: block;
padding-top : 236.05% ;
}


#bg_12_11 {
background-image : url(../img/12/11.jpg) ;
}
#bg_12_11:before {
content : "" ;
display: block;
padding-top : 439.62% ;
}


#bg_12_12 {
background-image : url(../img/12/12.jpg) ;
}
#bg_12_12:before {
content : "" ;
display: block;
padding-top : 65.54% ;
}


#bg_12_13 {
background-image : url(../img/12/13.jpg) ;
}
#bg_12_13:before {
content : "" ;
display: block;
padding-top : 91.69% ;
}


#bg_12_14 {
background-image : url(../img/12/14.jpg) ;
}
#bg_12_14:before {
content : "" ;
display: block;
padding-top : 35.96% ;
}


#bg_12_15 {
background-image : url(../img/12/15.jpg) ;
}
#bg_12_15:before {
content : "" ;
display: block;
padding-top : 31.76% ;
}


#p12_01  {
position : absolute ;  top : 30px ; right : 3px ;
width  : 225px ;
}
#p12_02  {
position : absolute ;  bottom : 0px ; left : 20px ;
}
#p12_03  {
position : absolute ;  bottom : 10px ; right : 3px ;
width  : 130px ;
}
#p12_04  {
position : absolute ;  top : 10px ; right : 3px ;
width  : 190px ;
}
#p12_05  {
position : absolute ;  top : 100px ; right : 3px ;
width  : 150px ;
}
#p12_06  {
margin : 60px auto 100px auto ;
}




.play_12 {
margin : 50px auto 20px auto ;
padding : 20px 0 10px 0 ;
width : 80% ;
text-align  : center ;
}






/*=====================================
	13
=====================================*/
#bg_13_01 {
background-image : url(../img/13/01.jpg) ;
}
#bg_13_01:before {
content : "" ;
display: block;
padding-top : 108.75% ;
}


#bg_13_02 {
background-image : url(../img/13/02.jpg) ;
}
#bg_13_02:before {
content : "" ;
display: block;
padding-top : 98.66% ;
}


#bg_13_03 {
background-image : url(../img/13/03.jpg) ;
}
#bg_13_03:before {
content : "" ;
display: block;
padding-top : 48.11% ;
}


#bg_13_04 {
background-image : url(../img/13/04.jpg) ;
}
#bg_13_04:before {
content : "" ;
display: block;
padding-top : 74.37% ;
}


#bg_13_05 {
background-image : url(../img/13/05.jpg) ;
}
#bg_13_05:before {
content : "" ;
display: block;
padding-top : 139.42% ;
}


#bg_13_06 {
background-image : url(../img/13/06.jpg) ;
}
#bg_13_06:before {
content : "" ;
display: block;
padding-top : 777.96% ;
}


#bg_13_07 {
background-image : url(../img/13/07.jpg) ;
}
#bg_13_07:before {
content : "" ;
display: block;
padding-top : 72.42% ;
}


#p13_01  {
padding : 90px 0 20px 0 ;
}
#p13_02  {
padding : 20px 0 280px 0 ;
}




/*=====================================
	14
=====================================*/
#bg_14_01 {
background-image : url(../img/14/01.jpg) ;
}
#bg_14_01:before {
content : "" ;
display: block;
padding-top : 138.59% ;
}


#bg_14_02 {
background-image : url(../img/14/02.jpg) ;
}
#bg_14_02:before {
content : "" ;
display: block;
padding-top : 165.12% ;
}


#bg_14_03 {
background-image : url(../img/14/03.jpg) ;
}
#bg_14_03:before {
content : "" ;
display: block;
padding-top : 48.98% ;
}


#bg_14_04 {
background-image : url(../img/14/04.jpg) ;
}
#bg_14_04:before {
content : "" ;
display: block;
padding-top : 221.09% ;
}


#bg_14_05 {
background-image : url(../img/14/05.jpg) ;
}
#bg_14_05:before {
content : "" ;
display: block;
padding-top : 104.54% ;
}


#bg_14_06 {
background-image : url(../img/14/06.jpg) ;
}
#bg_14_06:before {
content : "" ;
display: block;
padding-top : 272.97% ;
}


#bg_14_07_1 {
background-image : url(../img/14/07_1.jpg) ;
}
#bg_14_07_1:before {
content : "" ;
display: block;
padding-top : 107.84% ;
}

#bg_14_07_2 {
background-image : url(../img/14/07_2.jpg) ;
}
#bg_14_07_2:before {
content : "" ;
display: block;
padding-top : 98.90% ;
}



#p14_01  {
padding : 20px 0 0 0 ;
color : #fff ;
}
#p14_02  {
padding : 20px 0 0 0 ;
color : #fff ;
}
#p14_03  {
position : absolute ; bottom : 110px ; left : 20px ;
color : #fff ;
}
#p14_04  {
padding : 0 0 0 0 ;
color : #fff ;
}
#p14_05  {
margin : 80px auto 80px auto ;
}
#p14_06  {
margin : 0 auto 0 auto ;
padding : 180px 0 0 0 ;
color : #fff ;
}
#p14_07  {
margin : 80px 0 50px 0 ;
height : 400px ;
background-color : #494b5f ;
color : #fff !important ;
}



.play_14 {
margin : 100px auto 20px auto ;
padding : 20px 0 10px 0 ;
width : 80% ;
text-align  : center ;
}



/*=====================================
	15
=====================================*/
#bg_15_01 {
background-image : url(../img/15/01.jpg) ;
}
#bg_15_01:before {
content : "" ;
display: block;
padding-top : 198.43% ;
}


#bg_15_02 {
background-image : url(../img/15/02.jpg) ;
}
#bg_15_02:before {
content : "" ;
display: block;
padding-top : 56.01% ;
}


#bg_15_03 {
background-image : url(../img/15/03.jpg) ;
}
#bg_15_03:before {
content : "" ;
display: block;
padding-top : 61.17% ;
}




#p15_01  {
margin : 0 0 0 0 ;
height : 600px ;
background-color : #343434 ;
}
#p15_02  {
padding : 130px 0 0 0 ;
color : #fff !important ;
}



.play_15 {
margin : 0 auto 0 auto ;
padding : 70px 0 10px 0 ;
width : 80% ;
text-align  : center ;
}






/*=====================================
	16
=====================================*/
#bg_16_01 {
background-image : url(../img/16/01.jpg) ;
}
#bg_16_01:before {
content : "" ;
display: block;
padding-top : 353.79% ;
}


#bg_16_02 {
background-image : url(../img/16/02.jpg) ;
}
#bg_16_02:before {
content : "" ;
display: block;
padding-top : 66.43% ;
}


#bg_16_03 {
background-image : url(../img/16/03.jpg) ;
}
#bg_16_03:before {
content : "" ;
display: block;
padding-top : 59.18% ;
}


#bg_16_04 {
background-image : url(../img/16/04.jpg) ;
}
#bg_16_04:before {
content : "" ;
display: block;
padding-top : 42.53% ;
}



#p16_01  {
position : relative ; top : 220px ;
color : #fff !important ;
}





/*=====================================
	17
=====================================*/
#bg_17_01 {
background-image : url(../img/17/01.jpg) ;
}
#bg_17_01:before {
content : "" ;
display: block;
padding-top : 37.89% ;
}


#bg_17_02 {
background-image : url(../img/17/02.jpg) ;
}
#bg_17_02:before {
content : "" ;
display: block;
padding-top : 35.37% ;
}


#bg_17_03 {
background-image : url(../img/17/03.jpg) ;
}
#bg_17_03:before {
content : "" ;
display: block;
padding-top : 124.04% ;
}


#bg_17_04 {
background-image : url(../img/17/04.jpg) ;
}
#bg_17_04:before {
content : "" ;
display: block;
padding-top : 36.04% ;
}


#bg_17_05 {
background-image : url(../img/17/05.jpg) ;
}
#bg_17_05:before {
content : "" ;
display: block;
padding-top : 52.19% ;
}


#bg_17_06 {
background-image : url(../img/17/06.jpg) ;
}
#bg_17_06:before {
content : "" ;
display: block;
padding-top : 127.72% ;
}


#bg_17_07 {
background-image : url(../img/17/07.jpg) ;
}
#bg_17_07:before {
content : "" ;
display: block;
padding-top : 48.20% ;
}





/*=====================================
	18
=====================================*/
#bg_18_01_1 {
background-image : url(../img/18/01_1.jpg) ;
}
#bg_18_01_1:before {
content : "" ;
display: block;
padding-top : 106.10% ;
}
#bg_18_01_2 {
background-image : url(../img/18/01_2.jpg) ;
background-color :#222 ;
}
#bg_18_01_2:before {
content : "" ;
display: block;
padding-top : 38.967% ;
}
#bg_18_01_3 {
background-image : url(../img/18/01_3.jpg) ;
background-color :#222 ;
}
#bg_18_01_3:before {
content : "" ;
display: block;
padding-top : 34.428% ;
}
#bg_18_01_4 {
background-image : url(../img/18/01_4.jpg) ;
}
#bg_18_01_4:before {
content : "" ;
display: block;
padding-top : 204.46009% ;
}


#bg_18_02_1 {
background-image : url(../img/18/02_1.jpg) ;
}
#bg_18_02_1:before {
content : "" ;
display: block;
padding-top : 55.95% ;
}


#bg_18_02_2 {
background-image : url(../img/18/02_2.jpg) ;
}
#bg_18_02_2:before {
content : "" ;
display: block;
padding-top : 183.62% ;
}


#bg_18_02_3 {
background-image : url(../img/18/02_3.jpg) ;
}
#bg_18_02_3:before {
content : "" ;
display: block;
padding-top : 124.84% ;
}


#bg_18_03 {
background-image : url(../img/18/03.jpg) ;
}
#bg_18_03:before {
content : "" ;
display: block;
padding-top : 35.10% ;
}


#bg_18_04 {
background-image : url(../img/18/04.jpg) ;
}
#bg_18_04:before {
content : "" ;
display: block;
padding-top : 28.82% ;
}


#bg_18_05 {
background-image : url(../img/18/05.jpg) ;
}
#bg_18_05:before {
content : "" ;
display: block;
padding-top : 71.40% ;
}


#bg_18_06 {
background-image : url(../img/18/06.jpg) ;
}
#bg_18_06:before {
content : "" ;
display: block;
padding-top : 66.35% ;
}


#bg_18_07 {
background-image : url(../img/18/07.jpg) ;
}
#bg_18_07:before {
content : "" ;
display: block;
padding-top : 29.14% ;
}


#bg_18_07 {
background-image : url(../img/18/07.jpg) ;
}
#bg_18_07:before {
content : "" ;
display: block;
padding-top : 29.14% ;
}


#bg_18_08 {
background-image : url(../img/18/08.jpg) ;
}
#bg_18_08:before {
content : "" ;
display: block;
padding-top : 40.89% ;
}


#bg_18_09 {
background-image : url(../img/18/09.jpg) ;
}
#bg_18_09:before {
content : "" ;
display: block;
padding-top : 44.87% ;
}


#bg_18_10 {
background-image : url(../img/18/10.jpg) ;
}
#bg_18_10:before {
content : "" ;
display: block;
padding-top : 75.93% ;
}


#bg_18_11 {
background-image : url(../img/18/11.jpg) ;
}
#bg_18_11:before {
content : "" ;
display: block;
padding-top : 38.67% ;
}


#bg_18_12 {
background-image : url(../img/18/12.jpg) ;
}
#bg_18_12:before {
content : "" ;
display: block;
padding-top : 25.78% ;
}


#bg_18_13 {
background-image : url(../img/18/13.jpg) ;
}
#bg_18_13:before {
content : "" ;
display: block;
padding-top : 71.04% ;
}


#bg_18_14_1 {
background-image : url(../img/18/14_1.jpg) ;
}
#bg_18_14_1:before {
content : "" ;
display: block;
padding-top : 25.66% ;
}


#bg_18_14_2 {
background-image : url(../img/18/14_2.jpg) ;
}
#bg_18_14_2:before {
content : "" ;
display: block;
padding-top : 87.24% ;
}


#bg_18_15 {
background-image : url(../img/18/15.jpg) ;
}
#bg_18_15:before {
content : "" ;
display: block;
padding-top : 169.48% ;
}


#bg_18_16 {
background-image : url(../img/18/16.jpg) ;
}
#bg_18_16:before {
content : "" ;
display: block;
padding-top : 348.78% ;
}


#bg_18_17 {
background-image : url(../img/18/17.jpg) ;
}
#bg_18_17:before {
content : "" ;
display: block;
padding-top : 89.42% ;
}


#bg_18_18 {
background-image : url(../img/18/18.jpg) ;
}
#bg_18_18:before {
content : "" ;
display: block;
padding-top : 123.63% ;
}


#bg_18_19 {
background-image : url(../img/18/19.jpg) ;
}
#bg_18_19:before {
content : "" ;
display: block;
padding-top : 237.40% ;
}


#bg_18_20 {
background-image : url(../img/18/20.jpg) ;
}
#bg_18_20:before {
content : "" ;
display: block;
padding-top : 34.37% ;
}


#bg_18_21 {
background-image : url(../img/18/21.jpg) ;
}
#bg_18_21:before {
content : "" ;
display: block;
padding-top : 328.79% ;
}


#bg_18_22 {
background-image : url(../img/18/22.jpg) ;
}
#bg_18_22:before {
content : "" ;
display: block;
padding-top : 23.28% ;
}




#p18_01 {
padding : 40px 0 40px 0;
}

#p18_02 {
position : absolute ; bottom : 0px ; left : 20px ;
}
#p18_03 {
padding : 0 0 40px 0  ;
}
#p18_04 {
padding : 50px 0 0 0  ;
}
#p18_05 {
margin : 0 auto 100px auto ;
}
#p18_06 {
padding : 80px 0 0 0 ;
}



.play_18 {
margin : 0 auto 0 auto ;
padding : 70px 0 10px 0 ;
width : 80% ;
text-align  : center ;
}




/*=====================================
	19
=====================================*/
#bg_19_01 {
background-image : url(../img/19/01.jpg) ;
}
#bg_19_01:before {
content : "" ;
display: block;
padding-top : 65.70% ;
}


#bg_19_02 {
background-image : url(../img/19/02.jpg) ;
}
#bg_19_02:before {
content : "" ;
display: block;
padding-top : 41.01% ;
}




#p19_01 {
margin : 50px auto 150px auto  ;
}




/*=====================================
	20
=====================================*/
#bg_20_01 {
background-image : url(../img/20/01.jpg) ;
}
#bg_20_01:before {
content : "" ;
display: block;
padding-top : 79.54% ;
}


#bg_20_02 {
background-image : url(../img/20/02.jpg) ;
}
#bg_20_02:before {
content : "" ;
display: block;
padding-top : 45.93% ;
}


#bg_20_03{
background-image : url(../img/20/03.jpg) ;
}
#bg_20_03:before {
content : "" ;
display: block;
padding-top : 353.09% ;
}

#p20_01 {
padding : 80px 0 40px 0 ;
}
#p20_02 {
padding : 80px 0 200px 0 ;
}

.play_20 {
margin : 0 auto 0 auto ;
padding : 70px 0 10px 0 ;
width : 80% ;
text-align  : center ;
}



/*=====================================
	21
=====================================*/
#bg_21_01 {
background-image : url(../img/21/01.jpg) ;
}
#bg_21_01:before {
content : "" ;
display: block;
padding-top : 119.92% ;
}


#bg_21_02 {
background-image : url(../img/21/02.jpg) ;
}
#bg_21_02:before {
content : "" ;
display: block;
padding-top : 468.33% ;
}


#bg_21_03 {
background-image : url(../img/21/03.jpg) ;
}
#bg_21_03:before {
content : "" ;
display: block;
padding-top : 43.51% ;
}


#bg_21_04 {
background-image : url(../img/21/04.jpg) ;
}
#bg_21_04:before {
content : "" ;
display: block;
padding-top : 405.02% ;
}


#bg_21_05 {
background-image : url(../img/21/05.jpg) ;
}
#bg_21_05:before {
content : "" ;
display: block;
padding-top : 44.16% ;
}


#bg_21_06 {
background-image : url(../img/21/06.jpg) ;
}
#bg_21_06:before {
content : "" ;
display: block;
padding-top : 183.82% ;
}


#bg_21_07 {
background-image : url(../img/21/07.jpg) ;
}
#bg_21_07:before {
content : "" ;
display: block;
padding-top : 251.84% ;
}


#bg_21_08 {
background-image : url(../img/21/08.jpg) ;
}
#bg_21_08:before {
content : "" ;
display: block;
padding-top : 66.53% ;
}


#bg_21_09 {
background-image : url(../img/21/09.jpg) ;
}
#bg_21_09:before {
content : "" ;
display: block;
padding-top : 121.59% ;
}


#bg_21_10 {
background-image : url(../img/21/10.jpg) ;
}
#bg_21_10:before {
content : "" ;
display: block;
padding-top : 98.35% ;
}


#bg_21_11 {
background-image : url(../img/21/11.jpg) ;
}
#bg_21_11:before {
content : "" ;
display: block;
padding-top : 237.12% ;
}


#bg_21_12 {
background-image : url(../img/21/12.jpg) ;
}
#bg_21_12:before {
content : "" ;
display: block;
padding-top : 169.15% ;
}


#bg_21_13 {
background-image : url(../img/21/13.jpg) ;
}
#bg_21_13:before {
content : "" ;
display: block;
padding-top : 213.69% ;
}


#bg_21_14 {
background-image : url(../img/21/14.jpg) ;
}
#bg_21_14:before {
content : "" ;
display: block;
padding-top : 39.56% ;
}


#bg_21_15 {
background-image : url(../img/21/15.jpg) ;
}
#bg_21_15:before {
content : "" ;
display: block;
padding-top : 49.60% ;
}


#bg_21_16 {
background-image : url(../img/21/16.jpg) ;
}
#bg_21_16:before {
content : "" ;
display: block;
padding-top : 21.50% ;
}


#bg_21_17 {
background-image : url(../img/21/17.jpg) ;
}
#bg_21_17:before {
content : "" ;
display: block;
padding-top : 50.43% ;
}


#bg_21_18 {
background-image : url(../img/21/18.jpg) ;
}
#bg_21_18:before {
content : "" ;
display: block;
padding-top : 49.29% ;
}


#bg_21_19 {
background-image : url(../img/21/19.jpg) ;
}
#bg_21_19:before {
content : "" ;
display: block;
padding-top : 26.87% ;
}


#bg_21_20 {
background-image : url(../img/21/20.jpg) ;
}
#bg_21_20:before {
content : "" ;
display: block;
padding-top : 53.90% ;
}


#bg_21_21 {
background-image : url(../img/21/21.jpg) ;
}
#bg_21_21:before {
content : "" ;
display: block;
padding-top : 27.89% ;
}


#bg_21_22 {
background-image : url(../img/21/22.jpg) ;
}
#bg_21_22:before {
content : "" ;
display: block;
padding-top : 391.79% ;
}


#bg_21_23 {
background-image : url(../img/21/23.jpg) ;
}
#bg_21_23:before {
content : "" ;
display: block;
padding-top : 28.48% ;
}


#bg_21_24 {
background-image : url(../img/21/24.jpg) ;
}
#bg_21_24:before {
content : "" ;
display: block;
padding-top : 48.04% ;
}


#bg_21_25 {
background-image : url(../img/21/25.jpg) ;
}
#bg_21_25:before {
content : "" ;
display: block;
padding-top : 542.10% ;
}


#bg_21_26 {
background-image : url(../img/21/26.jpg) ;
}
#bg_21_26:before {
content : "" ;
display: block;
padding-top : 324.48% ;
}


#bg_21_27 {
background-image : url(../img/21/27.jpg) ;
}
#bg_21_27:before {
content : "" ;
display: block;
padding-top : 278.15% ;
}


#p21_01 {
background-color : #1d1d1d ;
color : #fff !important;
}
#p21_02 {
padding : 80px 0 300px 0 ;
}
#p21_03 {
padding : 0 0 200px 0 ;
line-height : 35px !important ;
}
#p21_04 {
padding : 0 0 200px 0 ;
line-height : 35px !important ;
}
#p21_05 {
padding : 0 0 200px 0 ;
line-height : 35px !important ;
}
#p21_06 {
margin : 80px auto 150px auto ;
}
#p21_07 {
position : absolute ; bottom : 30px ; left : 20px ;
}
#p21_08 {
position : absolute ; bottom : 40px ; 
font-size : 14px ;
line-height : 24px ;
text-align : center ;
}
#p21_09 {
padding : 20px 0 20px 0 ;
text-align : center ;
}

#p21_10 {
position : absolute ; right : 5px ;
padding : 20px 0 20px 0 ;
width : 170px ;
}

#p21_11 {
position : absolute ; left : 13px ;
padding : 70px 0 0 0 ;
width : 180px ;
}

#p21_12 {
text-align : center ;
padding : 30px 0 0 0 ;
}

#p21_13 {
position : absolute ; right : 5px ;
padding : 60px 0 0 0 ;
width : 140px ;
}

#p21_14 {
position : absolute ; left : 13px ;
padding : 80px 0 0 0 ;
width : 180px ;
}


#p21_15 {
position : absolute ; right : 5px ;
padding : 36px 0 0 0 ;
width : 150px ;
}


#p21_16 {
position : absolute ; left : 13px ;
padding : 85px 0 0 0 ;
width : 180px ;
}

#p21_17 {
position : absolute ; right : 5px ;
padding : 40px 0 0 0 ;
width : 160px ;
}

#p21_18 {
margin : 20px 0 0 0 ;
padding : 43px 0 0 0 ;
height : 65px ;
font-size : 17px ;
font-weight : 500 ;
text-align  : center ;
color : #fff ;
background-color : #429beb ;
}

#p21_19 {
padding : 25px 0 25px 0 ;
text-align  : center ;
}

#p21_20 {
margin : 30px auto 30px auto ;
}

#p21_20 p {
text-align  : center !important ;
}

#p21_21 {
padding : 115px 0 0 0 ;
}
#p21_22 {
margin : 20px auto 50px auto ;
}


.play_21 {
margin : 0 auto 0 auto ;
padding : 70px 0 50px 0 ;
width : 80% ;
text-align  : center ;
}






/*=====================================
	22
=====================================*/
#bg_22_01 {
background-image : url(../img/22/01.jpg) ;
}
#bg_22_01:before {
content : "" ;
display: block;
padding-top : 224.64% ;
}


#bg_22_02 {
background-image : url(../img/22/02.jpg) ;
}
#bg_22_02:before {
content : "" ;
display: block;
padding-top : 65.85% ;
}


#bg_22_03 {
background-image : url(../img/22/03.jpg) ;
}
#bg_22_03:before {
content : "" ;
display: block;
padding-top : 57.17% ;
}


#bg_22_04 {
background-image : url(../img/22/04.jpg) ;
}
#bg_22_04:before {
content : "" ;
display: block;
padding-top : 35.46% ;
}


#bg_22_05 {
background-image : url(../img/22/05.jpg) ;
}
#bg_22_05:before {
content : "" ;
display: block;
padding-top : 64.84% ;
}



#bg_22_06 {
background-image : url(../img/22/06.jpg) ;
}
#bg_22_06:before {
content : "" ;
display: block;
padding-top : 52.26% ;
}


#bg_22_07 {
background-image : url(../img/22/07.jpg) ;
}
#bg_22_07:before {
content : "" ;
display: block;
padding-top : 22.98% ;
}


#bg_22_08 {
background-image : url(../img/22/08.jpg) ;
}
#bg_22_08:before {
content : "" ;
display: block;
padding-top : 260.46% ;
}


#bg_22_09 {
background-image : url(../img/22/09.jpg) ;
}
#bg_22_09:before {
content : "" ;
display: block;
padding-top : 33.17% ;
}


#bg_22_10 {
margin : 0 0 130px 0 ;
background-image : url(../img/22/10.jpg) ;
}
#bg_22_10:before {
content : "" ;
display: block;
padding-top : 344.75% ;
}


#bg_22_11 {
margin : 0 0 130px 0 ;
background-image : url(../img/22/11.jpg) ;
}
#bg_22_11:before {
content : "" ;
display: block;
padding-top : 65.83% ;
}


#bg_22_12 {
margin : 0 0 130px 0 ;
background-image : url(../img/22/12.jpg) ;
}
#bg_22_12:before {
content : "" ;
display: block;
padding-top : 99.45% ;
}


#bg_22_13 {
margin : 0 0 130px 0 ;
background-image : url(../img/22/13.jpg) ;
}
#bg_22_13:before {
content : "" ;
display: block;
padding-top : 63.28% ;
}


#bg_22_14 {
margin : 0 0 130px 0 ;
background-image : url(../img/22/14.jpg) ;
}
#bg_22_14:before {
content : "" ;
display: block;
padding-top : 100.23% ;
}


#bg_22_15 {
margin : 0 0 130px 0 ;
background-image : url(../img/22/15.jpg) ;
}
#bg_22_15:before {
content : "" ;
display: block;
padding-top : 107.60% ;
}


#bg_22_16 {
margin : 0 0 130px 0 ;
background-image : url(../img/22/16.jpg) ;
}
#bg_22_16:before {
content : "" ;
display: block;
padding-top : 71.48% ;
}


#bg_22_17 {
margin : 0 0 130px 0 ;
background-image : url(../img/22/17.jpg) ;
}
#bg_22_17:before {
content : "" ;
display: block;
padding-top : 62.42% ;
}


#bg_22_18 {
margin : 0 0 270px 0 ;
background-image : url(../img/22/18.jpg) ;
}
#bg_22_18:before {
content : "" ;
display: block;
padding-top : 319.81% ;
}



#bg_22_19 {
background-image : url(../img/22/19.jpg) ;
}
#bg_22_19:before {
content : "" ;
display: block;
padding-top : 37.63% ;
}



#bg_22_20 {
background-image : url(../img/22/20.jpg) ;
}
#bg_22_20:before {
content : "" ;
display: block;
padding-top : 97.50% ;
}



#p22_01 {
margin : 100px auto 100px auto ;
}

#p22_02 {
position : relative ;
background-color :#202020 ;
height : 1000px ;
}
#p22_03 {
position : relative ; top : 420px ;
}
#p22_04 {
padding : 120px 0 0 0 ;
}
#p22_05 {
padding : 120px 0 120px 0 ;
}




.play_22 {
margin : 0 auto 0 auto ;
padding : 70px 0 50px 0 ;
width : 80% ;
text-align  : center ;
}



/*=====================================
	23
=====================================*/
#bg_23_01 {
background-image : url(../img/23/01.jpg) ;
}
#bg_23_01:before {
content : "" ;
display: block;
padding-top : 195.30% ;
}






/*=====================================
	SN 11_ichigonoshort
=====================================*/
#bg_11_ichigonoshort_01 {
background-image : url(../img/11_ichigonoshort/01.jpg) ;
}
#bg_11_ichigonoshort_01:before {
content : "" ;
display: block;
padding-top : 67.55% ;
}


#bg_11_ichigonoshort_02 {
background-image : url(../img/11_ichigonoshort/02.jpg) ;
}
#bg_11_ichigonoshort_02:before {
content : "" ;
display: block;
padding-top : 125.74% ;
}


#bg_11_ichigonoshort_03 {
background-image : url(../img/11_ichigonoshort/03.jpg) ;
}
#bg_11_ichigonoshort_03:before {
content : "" ;
display: block;
padding-top : 56.01% ;
}



#bg_11_ichigonoshort_04 {
background-image : url(../img/11_ichigonoshort/04.jpg) ;
}
#bg_11_ichigonoshort_04:before {
content : "" ;
display: block;
padding-top : 18.81% ;
}


#bg_11_ichigonoshort_05 {
background-image : url(../img/11_ichigonoshort/05.jpg) ;
}
#bg_11_ichigonoshort_05:before {
content : "" ;
display: block;
padding-top : 59.45% ;
}


#bg_11_ichigonoshort_06 {
background-image : url(../img/11_ichigonoshort/06.jpg) ;
}
#bg_11_ichigonoshort_06:before {
content : "" ;
display: block;
padding-top : 19.60% ;
}


#bg_11_ichigonoshort_07 {
background-image : url(../img/11_ichigonoshort/07.jpg) ;
}
#bg_11_ichigonoshort_07:before {
content : "" ;
display: block;
padding-top : 46.95% ;
}


#bg_11_ichigonoshort_08 {
background-image : url(../img/11_ichigonoshort/08.jpg) ;
}
#bg_11_ichigonoshort_08:before {
content : "" ;
display: block;
padding-top : 145.73% ;
}


#bg_11_ichigonoshort_09 {
background-image : url(../img/11_ichigonoshort/09.jpg) ;
}
#bg_11_ichigonoshort_09:before {
content : "" ;
display: block;
padding-top : 137.42% ;
}


#bg_11_ichigonoshort_10 {
background-image : url(../img/11_ichigonoshort/10.jpg) ;
}
#bg_11_ichigonoshort_10:before {
content : "" ;
display: block;
padding-top : 119.68% ;
}


#bg_11_ichigonoshort_11 {
background-image : url(../img/11_ichigonoshort/11.jpg) ;
}
#bg_11_ichigonoshort_11:before {
content : "" ;
display: block;
padding-top : 251.40% ;
}


#bg_11_ichigonoshort_12 {
background-image : url(../img/11_ichigonoshort/12.jpg) ;
}
#bg_11_ichigonoshort_12:before {
content : "" ;
display: block;
padding-top : 51.56% ;
}


#bg_11_ichigonoshort_13 {
background-image : url(../img/11_ichigonoshort/13.jpg) ;
}
#bg_11_ichigonoshort_13:before {
content : "" ;
display: block;
padding-top : 34.45% ;
}


#bg_11_ichigonoshort_14 {
background-image : url(../img/11_ichigonoshort/14.jpg) ;
}
#bg_11_ichigonoshort_14:before {
content : "" ;
display: block;
padding-top : 30.12% ;
}



#p11_ichigonoshort_01 {
padding : 100px 0 80px 0 ;
}
#p11_ichigonoshort_02 {
padding : 30px 0 100px 0 ;
}
#p11_ichigonoshort_03 {
position : absolute ; bottom : 0px ;
}


.play_11_ichigonoshort {
margin : 0 auto 0 auto ;
padding : 70px 0 50px 0 ;
width : 80% ;
text-align  : center ;
}





/*=====================================
	COMMON
=====================================*/

#bg_shikiri {
background-image : url(../img/common/shikiri.jpg) ;
}
#bg_shikiri:before {
content : "" ;
display: block;
padding-top : 14.53% ;
}

.m00 {
margin : 100px 0 100px 0 ;
}


.honbox {
margin : 0 auto ;
width : 88% ;
}


.wrapper_bg1 {
padding : 26px 0 26px 0 ;
background-color : #ededed ;
}
.wrapper_bg2 {
padding : 0 0 0 0 ;
background-color : #222 ;
}


/*=====================================
	PAD 
=====================================*/
.pad_01 {   /* 本文 */
padding : 35px 0 35px 0 ;
}
.pad_02 {
padding : 15px 0 15px 0 ;
}
.pad_03 {
padding : 60px 0 60px 0 ;
}
.pad_04 {
padding : 40px 0 100px 0 ;
}
.pad_05 {
padding : 45px 0 0 0 ;
}
.pad_06 {
padding : 15px 0 0 0 ;
}



.ma_s1 {   /* 仕切り線 */
margin : 100px 0 100px 0 ;
}
.ma_s2 {   /* 仕切り線 */
margin : 150px 0 150px 0 ;
}
.ma_s3 {   /* 仕切り線 */
margin : 230px 0 230px 0 ;
}



/*=====================================
	MONOLOGUE 
=====================================*/
.monologue {
margin : 0 auto ;
padding : 30px 27px ;
width : 245px ;
border : 1px #333 solid ;
}

.monologue p {
margin : 0 0 0 0 ;
width : 100% ; max-height: 100%;
font-family : 'Noto Sans JP', sans-serif ;
/*font-size : 14px ;*/
font-size : 1.05em ;
line-height : 27px ;
font-weight : 500 ;
letter-spacing : 0.04em ;
text-align : left ;
word-wrap : break-all ;
text-align : left ;
/*text-justify: inter-ideograph ;*/
/*background-color : #fff ; */ /*アンドロイド端末用*/
color : #222 ;
/*border :1px #f1f1f1 solid ;*/
}

.monologue_wh {
margin : 0 auto ;
padding : 30px 27px ;
width : 245px ;
border : 1px #fff solid ;
}

.monologue_wh p {
margin : 0 0 0 0 ;
width : 100% ; max-height: 100%;
font-family : 'Noto Sans JP', sans-serif ;
font-size : 14px ;
line-height : 27px ;
font-weight : 500 ;
letter-spacing : 0.07em ;
text-align : left ;
word-wrap : break-all ;
text-align : left ;
/*text-justify: inter-ideograph ;*/
/*background-color : #fff ; */ /*アンドロイド端末用*/
color : #fff ;
/*border :1px #f1f1f1 solid ;*/
}




.monologue_2 {
position : relative ;
margin : 0 auto 0 auto ;
width : 265px ; height : 110px ;
border : 1px #fff solid ;
}

.monologue_2:after {
position: absolute; top :5px ; left : 5px ;
content: "";
margin : 0 0 ;
width : 253px ; height : 98px ;
border : 1px #fff solid ;
}
.monologue_2 p {
margin : 27px 0 0 0 ;
text-align : center ;
}

.monologue_2 p {
width : 100% ; max-height: 100%;
font-family : 'Noto Sans JP', sans-serif ;
font-size : 15px ;
line-height : 27px ;
font-weight : 500 ;
letter-spacing : 0.07em ;
word-wrap : break-all ;
text-align : center ;
/*text-justify: inter-ideograph ;*/
/*background-color : #fff ; */ /*アンドロイド端末用*/
color : #fff ;
/*border :1px #f1f1f1 solid ;*/
}


.monologue_3 {
position : relative ;
margin : 0 auto 0 auto ;
width : 275px ; height : 130px ;
border : 1px #222 solid ;
}

.monologue_3:after {
position: absolute; top :5px ; left : 5px ;
content: "";
margin : 0 0 ;
width : 263px ; height : 118px ;
border : 1px #222 solid ;
}
.monologue_3 p {
margin : 24px 0 27px 0 ;
text-align : center ;
}

.monologue_3 p {
width : 100% ; max-height: 100%;
font-family : 'Noto Sans JP', sans-serif ;
font-size : 14px ;
line-height : 27px ;
font-weight : 500 ;
letter-spacing : 0.07em ;
word-wrap : break-all ;
text-align : center ;
/*text-justify: inter-ideograph ;*/
/*background-color : #fff ; */ /*アンドロイド端末用*/
color : #222 ;
/*border :1px #f1f1f1 solid ;*/
}








/*=====================================
	BTN
=====================================*/

.btnbox {
margin : 0 auto 0 auto ;
width : 242px ; height : 52px ;
text-indent : -9999px !important;
cursor: pointer;
}
.btnbox a:link {
display : block ;
width : 242px ; height : 52px ;
background-image : url(../img/common/btn_next.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}
.btnbox a:visited {
display : block ;
width : 242px ; height : 52px ;
background-image : url(../img/common/btn_next.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}
.btnbox a:hover {
display : block ;
width : 242px ; height : 52px ;
background-image : url(../img/common/btn_next_active.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}
.btnbox a:active {
display : block ;
width : 242px ; height : 52px ;
background-image : url(../img/common/btn_next_active.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}



.btnbox_yt {
margin : 0 auto 0 auto ;
width : 242px ; height : 52px ;
text-indent : -9999px !important;
cursor: pointer;
}
.btnbox_yt a:link {
display : block ;
width : 242px ; height : 52px ;
background-image : url(../img/common/btn_yt.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}
.btnbox_yt a:visited {
display : block ;
width : 242px ; height : 52px ;
background-image : url(../img/common/btn_yt.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}
.btnbox_yt a:hover {
display : block ;
width : 242px ; height : 52px ;
background-image : url(../img/common/btn_yt_active.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}
.btnbox_yt a:active {
display : block ;
width : 242px ; height : 52px ;
background-image : url(../img/common/btn_yt_active.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}



.btnbox_dl {
margin : 0 auto 0 auto ;
width : 242px ; height : 52px ;
text-indent : -9999px !important;
cursor: pointer;
}
.btnbox_dl a:link {
display : block ;
width : 242px ; height : 52px ;
background-image : url(../img/common/btn_dl.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}
.btnbox_dl a:visited {
display : block ;
width : 242px ; height : 52px ;
background-image : url(../img/common/btn_dl.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}
.btnbox_dl a:hover {
display : block ;
width : 242px ; height : 52px ;
background-image : url(../img/common/btn_dl_hover.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}
.btnbox_dl a:active {
display : block ;
width : 242px ; height : 52px ;
background-image : url(../img/common/btn_dl_active.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}







.next {
background-image : url(../img/common/btn_next.png) ;
background-size : contain ;
background-repeat : no-repeat ;
}













/*=====================================
	COMMON
=====================================*/
.btn_online {
margin : 0 0 80px 0 ;
width : 98% ;
height : 310px ;
border : 1px #888 solid ;
box-shadow: 12px 12px #bdbdbd;
background-image : url(../img/common/bg_btn_online.gif);
background-repeat : no-repeat ;
background-position : center 100px ;
background-size: 317px 77px ;
background-size: 70% auto ;
}

.btn_online a:link {
display : block ;
margin : 0 auto 0 auto ;
padding : 230px 10% 0 10% ;
width : 80% ;
height : 80px ;
font-family: 'Noto Sans JP', sans-serif;font-weight :  500 ;
font-size : 13px ;
line-height : 20px ;
letter-spacing : 0.07em ;
text-align : left ;
text-decoration : none ;
color : #111 ;
}
.btn_online a:visited {
background-color : transparent ;
filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
color : #111 ;
}
.btn_online a:hover {
background-color : #f9f9f9 ;
filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;
color : #111 ;
}
.btn_online a:active {
background-color : #555 ;
filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;
}


.hdimg {
width :100% ;
height : 300px ;
}







.line_a {
margin : 60px 0 ;
width : 100% ;
height : 2px ;
border-top : 1px #aaa solid;
}





/*=====================================
	FOOTER
=====================================*/
.ftr {
margin : 30px 0 0 0 ;
height : 100px ;
background-color : #fff ;
}
.ftr_under {
margin : 20px 0 0 0 ;
height : 140px ;
background-color : #fff ;
}


.menu {
margin : 120px 0 0 0 ;
width: 100%;
}
.menu a {
display: block;
/*  padding: 10px;*/
text-decoration: none;
color: #000;
}
label {
display: block;
margin: 0 0 1px 0;
padding :20px 10px;
font-size : 13px ;
text-indent : 14px ;
color : #444;
background :#f7f7f7;
cursor: pointer;
}
label:after {
font-size : 16px ;
content: '＋';
position: absolute;
right: 6%;
}
#menu_bar1:checked + label:after, #menu_bar2:checked + label:after {
transition: all 0.5s;
}
#menu_bar1:checked + label:after,
#menu_bar2:checked + label:after {
/*transform: rotateX(180deg);*/
position: absolute;
right: 6%;
content: 'ー';
}
input {
display: none;
}
.menu li {
max-height: 0;
overflow-y: hidden;
transition: all 1s;
}
#menu_bar1:checked ~ #links1 li,
#menu_bar2:checked ~ #links2 li {
max-height: 100px;
opacity: 1;
}

.ul_ftrnavi {
margin : 20px auto 0 auto  ;
display : flex ;
justify-content : flex-start ;
flex-wrap : wrap ;
align-items : flex-start ;
width : 92% ;
}
.ul_ftrnavi li {
margin : 0 0 ;
padding  : 0 0 0 10px ;
width : 105px ; height : 30px ;
font-size : 13px ;
color : #111 ;
}
.ul_ftrnavi li a:link {
color : #999 ;
}
.ul_ftrnavi li a:visited {
color : #999 ;
}
.ul_ftrnavi li a:hover {
color : #222 ;
}
.ul_ftrnavi li a:active {
color : #111 ;
}






.ul_1 {
margin : 0 0 30px 0 ;
}

.ul_1 li {
margin : 0 0 0 0 ;
width : 100% ;
font-family: 'Noto Sans JP', sans-serif;font-weight :  500 ;
font-size : 12px ;
line-height : 23px ;
font-weight : 400 ;
letter-spacing : 0.07em ;
text-align : left ;
word-wrap : break-all ;
color : #222 ;
/*background-color : #fff ; */ /*アンドロイド端末用*/
max-height: 100%;
}





















/*=====================================
	テキスト関係
=====================================*/



.intro {
margin : 0 0 0 0;
width : 100% ;
font-family : 'Noto Sans JP', sans-serif ;
font-size : 16px ;
font-weight : 500 ;
line-height : 35px ;
letter-spacing : 0.09em ;
text-align : center !important;
word-wrap : break-all ;
text-align : justify ;
text-justify: inter-ideograph ;
color : #333 ;
/*background-color : #fff ; */ /*アンドロイド端末用*/
max-height: 100%;
}





.honbun {
margin : 0 0 0 0 ;
width : 100% ; max-height: 100%;
font-family : 'Noto Sans JP', sans-serif ;
/*font-size : 15px ;*/
font-size : 1.132em ;
line-height : 27px ;
font-weight : 400 ;
letter-spacing : 0.04em ;
text-align : left ;
word-wrap : break-all ;
text-align : left ;
/*text-justify: inter-ideograph ;*/
/*background-color : #fff ; */ /*アンドロイド端末用*/
color : #222 ;
/*border :1px #f1f1f1 solid ;*/
}

/* font-weightは → 100, 200, 300, 400, 500, 700, 900 */

.honbun2 {
margin : 0 0 0 0 ;
width : 100% ;
font-family : 'Noto Sans JP', sans-serif ;
font-size : 13px ;
line-height : 20px ;
font-weight : 400 ;
letter-spacing : 0.04em ;
text-align : left ;
word-wrap : break-all ;
text-align : justify ;
text-justify: inter-ideograph ;
color : #222 ;
/*background-color : #fff ; */ /*アンドロイド端末用*/
max-height: 100%;
}
.txt_wh {
color : #fff !important ;
}
.txt_sml {
font-size : 65% ; !important ;
}
.txt_sml2 {
font-size : 75% ; !important ;
}
.att_1 {
margin : 0 0 0 0 ;
width : 100% ;
font-family : 'Noto Sans JP', sans-serif ;
font-size : 17px ;
line-height : 27px ;
font-weight : 500 ;
letter-spacing : 0.07em ;
text-align : center !important;
word-wrap : break-all ;
text-align : justify ;
text-justify: inter-ideograph ;
color : #222 ;
/*background-color : #fff ; */ /*アンドロイド端末用*/
max-height: 100%;
}



.h1_a {
margin : 0 0 20px 0 ;
padding : 13px 10px ;
font-family : 'Noto Sans JP', sans-serif ;
font-size : 16px ;
font-weight : 400 ;
line-height : 16px ;
letter-spacing : 0.05em ;
text-align : center ;
color : #fff ;
border : 1px #fff solid ;
}
.h1_b {
margin : 0 0 20px 0 ;
padding : 13px 10px ;
font-family : 'Noto Sans JP', sans-serif ;
font-size : 16px ;
font-weight : 400 ;
line-height : 16px ;
letter-spacing : 0.05em ;
text-align : center ;
color : #222 ;
border : 1px #222 solid ;
}
.h1_c {
margin : 0 0 20px 0 ;
padding : 13px 10px ;
font-family : 'Noto Sans JP', sans-serif ;
font-size : 16px ;
font-weight : 400 ;
line-height : 16px ;
letter-spacing : 0.05em ;
text-align : center ;
color : #fff ;
background-color :  #222 ;
}
.h1_d {
margin : 0 auto 18px auto ;
font-family : 'Noto Sans JP', sans-serif ;
font-size : 15px ;
font-weight : 500 ;
line-height : 30px ;
letter-spacing : 0.05em ;
text-indent : -7px ;
text-align : left !important;
color : #222 ;
}

.h2_a {
margin : 50px 0 10px 0 ;
font-family : 'Noto Sans JP', sans-serif ;
font-size : 14px ;
font-weight : 500 ;
line-height : 16px ;
letter-spacing : 0.05em ;
text-align : left ;
color : #222 ;
}

.p1 {
margin : 0 0  ;
width : 100% ;
font-family : 'Noto Sans JP', sans-serif ;
font-size : 12px ;
font-weight :400 ;
line-height : 20px ;
letter-spacing : 0.07em ;
text-align : center ;
word-wrap : break-all ;
text-align : justify ;
text-justify: inter-ideograph ;
color : #fff ;
/*background-color : #fff ; */ /*アンドロイド端末用*/
max-height: 100%;
}

.btn_ue {
margin : 0 0 15px 0 ;
width : 100% ;
font-family : 'Noto Sans JP', sans-serif;font-weight :  500 ;
font-size : 16px ;
line-height : 20px ;
font-weight : 500 ;
letter-spacing : 0.07em ;
text-align : center !important;
word-wrap : break-all ;
text-align : justify ;
text-justify: inter-ideograph ;
color : #222 ;
/*background-color : #fff ; */ /*アンドロイド端末用*/
max-height: 100%;
}




.ftr_p {
margin : 0 0 0 0 ;
width : 100% ;
font-family : Roboto, Arial, Helvetica, Tahoma, Verdana ;
font-size : 9px ;
line-height : 14px ;
font-weight : 400 ;
letter-spacing : 0.07em ;
text-align : center !important;
word-wrap : break-all ;
text-align : justify ;
text-justify: inter-ideograph ;
color : #aaa ;
/*background-color : #fff ; */ /*アンドロイド端末用*/
max-height: 100%;
}
.ftr_p2 {
font-size : 29px ;
font-family: Verdana,"Droid Sans",'Noto Sans Japanese', "メイリオ", sans-serif !important;

color : #999 !important;

}

.backtop {
margin : 0 0 25px 0 ;
width : 100% ;
font-family : Roboto, Arial, Helvetica, Tahoma, Verdana ;
font-size : 14px ;
line-height : 14px ;
font-weight : 400 ;
letter-spacing : 0.07em ;
text-align : center !important;
}