@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
html {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fl {
	float: left;
}

.flimg img {
	float: left;
}
.fldiv {
	width: 980px;
}
.fldiv div {
	float: left;
}
.brsp {
    display: none;
}
.rblock {
	position: relative;
}
.ablock {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.rblock img, .ablock img {
	display: block;
}
.pblock img {
    display: block;
	width: 100%;
}
.tx {
	width: 100%;
	position: absolute;
}
li {
	list-style: none;
}
img {
	border: 0;
	vertical-align: top;
}
a {
	color: #0099FF;
	outline: 0;
}
a:focus {
	outline: 0;
}

html {
	width: 100%;
	background: #111111;
	/* overflow-y: scroll; */
}
body {
	width: 100%;
    background: #fff;
}
#wrapper {
	width: 100%;
    min-height: 100%;
	position: relative;
	/* overflow: hidden; */
    background: url(../images/common/bg/bg1b.png) center top repeat-y fixed #F1EDFC;
}

.wrapper {
	width: 100%;
}
.contents {
	position: relative;
	width: 960px;
	margin: 0 auto;
}


/* common */
#bg {
	position: relative;
    width: 100%;
    min-width: 1024px;
}
#lovl {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    background: #ffffff;
}
#loadimg {
    position: absolute;
    width: 32px;
    height: 32px;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    -webkit-animation: a_load_img 3s linear 0s infinite;	
    animation: a_load_img 3s linear 0s  infinite;	
}
@-webkit-keyframes a_load_img {
	0%   {-webkit-transform:rotate(0%);}
	100% {-webkit-transform:rotate(360deg);}
}
@keyframes a_load_img {
	0%   {transform:rotate(0%);}
	100% {transform:rotate(360deg);}
}
.ptop {
	position: fixed;
	right: 1em;
	bottom: 7em;
	text-align:right;
	display:block;
	z-index:250 !important;
}
.ptop img {
    width: 150px;
    max-width: 150px;
}


#menu {
    position: relative;
    background: url(../images/common/menu/menu_bg.png) left top repeat-x;
    background-size: auto 100%;
    width: 100%;
    z-index: 101;
}
#menud {
    width: 100%;
    height: 0;
}
#menu ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#menu ul li {
    position: absolute;
}
#m04 { width: 23.33%; left: 76.66%; top: 3.84%; }
#m03 { width: 21.87%; left: 54.79%; top: 3.84%; }
#m02 { width: 19.68%; left: 35.1%; top: 3.84%; }
#m01 { width: 19.89%; left: 15.2%; top: 3.84%; }
#m00 { width: 15.2%; left: 0%; top: 3.84%; }

#crblock {
    position: relative;
    width: 100%;
    background-color: #fff;
    color: #000;
    z-index: 200;
    padding: 1em 0;
    font-size: x-small;
    text-align: center;
}
#topbn {
    padding: 1em 0;
}
#topbn ul {
    text-align: center;
}
#topbn li {
    display: inline-block;
    width: 190px;
    margin: 0 3px;
}
#topbn a:hover {
    opacity: 0.7;
}
#topbn a { display: block;}
#topbn a img { display: block; width: 100%;}

#copyright {
    margin-top: 1em;
    text-align: center;
}

#footer {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
/* top  */
#top_sns {
    position: relative;
    width: 42.08%;
    margin: 0 auto 3% auto;
    z-index: 200;
}
#top_sns img {
    display: block;
    width: 100%;
}
#top_sns ul {
    position: absolute; left: 52.73%; top: 28.08%;
    width: 37.12%;
}
#top_sns li {
    float: left;
    width: 26.5%;
    margin-right: 6.5%;
}
#top_sns li img {
	width: 100%;
	display: block;
}
#top_sns a:hover {opacity: 0.7; }
#snsset a:hover { opacity: 0.7; }

#ma {
    position: relative;
    z-index: 3;
}
#maincontents {
    background: transparent;
    position: relative;
    overflow: hidden;
    z-index: 100;
    margin-top: -4px;
}
.m_h {
    padding-top: 2.39%;
    z-index:2;
}
#bga {
    position: fixed;
    width: 2000px;
    height: 2000px;
    left: 50%;
    top: 0;
    margin-left: -1000px;
}
#bga img {
    display: block;
    width: 100%;
}
#bg_b1 {
    position: absolute; width: 13.75%; left: 0%; margin-top: 18.4%;
    -webkit-animation: a_move_r 2s ease-out 0s infinite alternate;	
    animation: a_move_r 2s ease-out 0s  infinite alternate;	
}
#bg_b2 {
    position: absolute; width: 13.75%; left: 58.95%; margin-top: 24.95%;
    -webkit-animation: a_move_l2 4s linear 0s infinite alternate;	
    animation: a_move_l2 4s linear 0s  infinite alternate;	
}
#bg_b3 {
    position: absolute; width: 13.75%; left: 82.45%; margin-top: 26.95%;
    -webkit-animation: a_move_l 2s ease-out 0s infinite alternate;	
    animation: a_move_l 2s ease-out 0s  infinite alternate;	
}
#bg_b4 {
    position: absolute; width: 13.75%; left: 32.7%; margin-top: 59.5%; 
    -webkit-animation: a_move_r2 4s linear 0s infinite alternate;	
    animation: a_move_r2 4s linear 0s  infinite alternate;	
}
#bg_b5 {
    position: absolute; width: 13.75%; left: 86.25%; margin-top: 83.1%; 
    -webkit-animation: a_move_l 3s ease-out 0s infinite alternate;	
    animation: a_move_l 3s ease-out 0s  infinite alternate;	
}
#bg_b6 {
    position: absolute; width: 13.75%; left: 56.3%; margin-top: 89.8%; 
    -webkit-animation: a_move_l2 5s linear 0s infinite alternate;	
    animation: a_move_l2 5s linear 0s  infinite alternate;	
}
#bg_h1_1 {
    position: absolute; width: 8.55%; left: 57%; margin-top: 10.75%;
    -webkit-animation: a_fadein 0.9s linear 0s infinite alternate;	
    animation: a_fadein 0.9s linear 0s  infinite alternate;	
}
#bg_h1_2 {
    position: absolute; width: 8.55%; left: 62.85%; margin-top: 7.5%;
    -webkit-animation: a_fadein 0.9s linear -0.3s infinite alternate;	
    animation: a_fadein 0.9s linear -0.3s  infinite alternate;	
}
#bg_h1_3 {
    position: absolute; width: 8.55%; left: 62.74%; margin-top: 14.4%; 
    -webkit-animation: a_fadein 0.9s linear -0.6s infinite alternate;	
    animation: a_fadein 0.9s linear -0.6s  infinite alternate;	
}
#bg_h2 {
    position: absolute; width: 26.7%; left: 33.25%; margin-top: 0%;
    -webkit-animation: a_fadein 2.5s linear 0.0s infinite alternate;	
    animation: a_fadein 2.5s linear 0.0s  infinite alternate;	
}
#bg_h3 {
    position: absolute; width: 9.2%; left: 39.6%; margin-top: 3.85%;
}
#bg_h3_1 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_fadein 1.5s linear 0s infinite alternate;	
    animation: a_fadein 1.5s linear 0s  infinite alternate;	
}
#bg_h3_2 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_fadein 1.5s linear -0.5s infinite alternate;	
    animation: a_fadein 1.5s linear -0.5s  infinite alternate;	
}
#bg_h3_3 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_fadein 1.5s linear -1.0s infinite alternate;	
    animation: a_fadein 1.5s linear -1.0s  infinite alternate;	
}
#bg_c1 { position: absolute; width: 22.25%; left: 51.15%; top: 0; margin-top: 56.25%; }
#bg_c1_1 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_turn_l 3s linear 0s infinite;	
    animation: a_turn_l 3s linear 0s  infinite;	
    z-index:2;
}
#bg_c1_2 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_turn_r 5s linear 0s infinite;	
    animation: a_turn_r 5s linear 0s  infinite;
}
#bg_c2 { position: absolute; width: 28.8%; left: 67.15%; margin-top: 0.1%; }

#bg_c2_1 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_turn_l 3s linear 0s infinite;	
    animation: a_turn_l 3s linear 0s  infinite;	
    z-index:2;
}
#bg_c2_2 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_turn_r 5s linear 0s infinite;	
    animation: a_turn_r 5s linear 0s  infinite;
}
#bg_c2_3 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_turn_l 8s linear 0s infinite;	
    animation: a_turn_l 8s linear 0s  infinite;
}

#bg_c3 { position: absolute; width: 36.1%; left: 6.4%; margin-top: 51.1%; }

#bg_c3_1 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_turn_l 5s linear 0s infinite;	
    animation: a_turn_l 5s linear 0s  infinite;	
    z-index:2;
}
#bg_c3_2 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_turn_r 8s linear 0s infinite;	
    animation: a_turn_r 8s linear 0s  infinite;
}
#bg_c3_3 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_turn_l 12s linear 0s infinite;	
    animation: a_turn_l 12s linear 0s  infinite;
}
#bg_c4 { position: absolute; width: 14.6%; left: 10.5%; margin-top: 8.3%; }

#bg_c4_1 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_turn_l 6s linear 0s infinite;	
    animation: a_turn_l 6s linear 0s  infinite;	
    z-index:2;
}
#bg_c4_2 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_turn_r 10s linear 0s infinite;	
    animation: a_turn_r 10s linear 0s  infinite;
}
#bg_c5 { position: absolute; width: 16.2%; left: 30.35%; margin-top: 16.8%; }

#bg_c5_1 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_turn_l 7s linear 0s infinite;	
    animation: a_turn_l 7s linear 0s  infinite;	
    z-index:2;
}
#bg_c5_2 {
    position: absolute; left: 0; top: 0;
    -webkit-animation: a_turn_r 14s linear 0s infinite;	
    animation: a_turn_r 14s linear 0s  infinite;
}
@-webkit-keyframes a_turn_l {
	0%   {-webkit-transform:rotate(0%);}
	100% {-webkit-transform:rotate(360deg);}
}
@keyframes a_turn_l {
	0%   {transform:rotate(0%);}
	100% {transform:rotate(360deg);}
}
@-webkit-keyframes a_turn_r {
	0%   {-webkit-transform:rotate(0%);}
	100% {-webkit-transform:rotate(-360deg);}
}
@keyframes a_turn_r {
	0%   {transform:rotate(0%);}
	100% {transform:rotate(-360deg);}
}
@-webkit-keyframes a_move_l {
	0%   {-webkit-transform:translateX(100%); opacity: 0;}
	25%   {-webkit-transform:translateX(0%); opacity: 1;}
	100% {-webkit-transform:translateX(-200%); opacity: 0;}
}
@keyframes a_move_l {
	0%   {transform:translateX(100%); opacity: 0;}
	25%   {transform:translateX(0%); opacity: 1;}
	100% {transform:translateX(-200%); opacity: 0;}
}
@-webkit-keyframes a_move_r {
	0%   {-webkit-transform:translateX(-100%); opacity: 0;}
	25%   {-webkit-transform:translateX(0%); opacity: 1;}
	100% {-webkit-transform:translateX(200%); opacity: 0;}
}
@keyframes a_move_r {
	0%   {transform:translateX(-100%); opacity: 0;}
	25%   {transform:translateX(0%); opacity: 1;}
	100% {transform:translateX(200%); opacity: 0;}
}
@-webkit-keyframes a_move_l2 {
	0%   {-webkit-transform:translateX(100%); opacity: 0;}
	50%   {-webkit-transform:translateX(0%); opacity: 1;}
	100% {-webkit-transform:translateX(-100%); opacity: 0;}
}
@keyframes a_move_l2 {
	0%   {transform:translateX(100%); opacity: 0;}
	50%   {transform:translateX(0%); opacity: 1;}
	100% {transform:translateX(-100%); opacity: 0;}
}
@-webkit-keyframes a_move_r2 {
	0%   {-webkit-transform:translateX(-100%); opacity: 0;}
	50%   {-webkit-transform:translateX(0%); opacity: 1;}
	100% {-webkit-transform:translateX(100%); opacity: 0;}
}
@keyframes a_move_r2 {
	0%   {transform:translateX(-100%); opacity: 0;}
	50%   {transform:translateX(0%); opacity: 1;}
	100% {transform:translateX(100%); opacity: 0;}
}
@-webkit-keyframes a_fadein {
	0%   {opacity: 0;}
	75% {opacity: 1;}
	100%   {opacity: 1;}
}
@keyframes a_fadein {
	0%   {opacity: 0;}
	75% {opacity: 1;}
	100% {opacity: 1;}
}
@-webkit-keyframes a_fadein2 {
	0%   {opacity: 0;}
	25%   {opacity: 0;}
	75% {opacity: 1;}
	100%   {opacity: 1;}
}
@keyframes a_fadein2 {
	0%   {opacity: 1;}
	50%   {opacity: 1;}
	90% {opacity: 0;}
	100% {opacity: 0;}
}
@-webkit-keyframes a_pop {
	0%   {-webkit-transform:translateY(0%) scale(1);}
	100%   {-webkit-transform:translateY(-3%) scale(1.01);;}
}
@keyframes a_pop {
	0%   {transform:translateY(0%) scale(1);}
	100%   {transform:translateY(-3%) scale(1.05);}
}
#topa {
    position: relative;
    width: 100%;
    min-width: 1024px;
    padding-top: 47.5%;
    background: url(../images/top/a/bg_mv2.jpg) center top no-repeat;
    background-size: 1024px auto;
}
#a01 { position: absolute; width: 32.8%; left: 33.55%; top: 56.52%; z-index:2; }
#a02 { position: absolute; width: 34.65%; left: 41.95%; top: 0.52%; }
#a03 { position: absolute; width: 36.85%; left: 16%; top: 27.26%; }
#a04 { position: absolute; width: 23.8%; left: 64.3%; top: 63.78%; }
#a05 { position: absolute; width: 15.7%; left: 63.35%; top: 35.89%; }
#a06 { position: absolute; width: 23.15%; left: 14.35%; top: 17.89%; }
#a07 { position: absolute; width: 9.7%; left: 9.95%; top: 28.84%; }
#a08 { position: absolute; width: 24.25%; left: 63.55%; top: 27.47%; }
#a09 { position: absolute; width: 30.45%; left: 8.75%; top: 45.26%; }
#a10 { position: absolute; width: 19.65%; left: 61.25%; top: 11.78%; }
#a11 { position: absolute; width: 12.2%; left: 30.05%; top: 5.57%; }
#a12 { position: absolute; width: 17.5%; left: 38.5%; top: 2.73%; }

#topb {
    position: relative;
    width: 100%;
    min-width: 1024px;
    padding-top: 12.25%;
    margin-top: -2.25%;
    background: url(../images/top/a/bg_catch.png) center top no-repeat;
    background-size: 1024px auto;
}
#topb_ov {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 10%;
    min-width: 1024px;
    background: url(../images/top/a/ov_catch.png) center top no-repeat;
    background-size: 1024px auto;
}
#topb_ar div {
    position: absolute;
    width: 7.6%;
    top: 18.36%;
    -webkit-animation: a_blink 2s linear 0s infinite;
    animation: a_blink 2s linear 0s  infinite;
    opacity: 0;
}
#topb_ar #ar1 {left: 3.6%; -webkit-animation-delay: 0s; animation-delay: 0s;}
#topb_ar #ar2 {left: 7.6%; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
#topb_ar #ar3 {left: 11.7%; -webkit-animation-delay: 1s; animation-delay: 1s;}
#topb_ar #ar4 {left: 16.05%; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
#topb_ar #ar5 {left: 76.55%; -webkit-animation-delay: 0s; animation-delay: 0s;}
#topb_ar #ar6 {left: 80.55%; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
#topb_ar #ar7 {left: 84.65%; -webkit-animation-delay: 1s; animation-delay: 1s;}
#topb_ar #ar8 {left: 89%; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
#topb_n {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 10%;
    min-width: 1024px;
}
#topb_n div {
    position: absolute;
    opacity: 0.5;
}
#er_6 { width: 5.95%; left: 61.9%; top: -12%; }
#er_5 { width: 6.5%; left: 68.15%; top: 23%; }
#er_4 { width: 3.65%; left: 62.2%; top: 28.5%; }
#er_3 { width: 4.25%; left: 65.1%; top: 52.5%; }
#er_2 { width: 4.25%; left: 60.45%; top: 53.5%; }
#er_1 { width: 5.55%; left: 67.5%; top: -28.5%; }
#el_5 { width: 1.55%; left: 38.15%; top: 56%; }
#el_4 { width: 4.65%; left: 26.35%; top: -12.5%; }
#el_3 { width: 4.25%; left: 38.95%; top: 38.5%; }
#el_2 { width: 5.25%; left: 29.55%; top: 30.5%; }
#el_1 { width: 4.1%; left: 28.2%; top: 70.5%; }
#topb_tx {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 10%;
    min-width: 1024px;
}
.topbtx {
    position: absolute;
}
#t02 { width: 2.65%; left: 29.3%; top: 18%; }
#t04 { width: 3.4%; left: 34.5%; top: 9.5%; }
#t06 { width: 2.65%; left: 41.25%; top: 16%; }
#t08 { width: 3.4%; left: 47.45%; top: 9%; }
#t10 { width: 3.35%; left: 54.45%; top: 12%; }
#t12 { width: 3.2%; left: 43.85%; top: 53.5%; }
#t14 { width: 3.45%; left: 50.65%; top: 53%; }
#t16 { width: 4.1%; left: 57.25%; top: 51.5%; }
#t18 { width: 2.45%; left: 63.55%; top: 61%; }
#t20 { width: 3.9%; left: 69.6%; top: 51.5%; }
#t01 { width: 2.55%; left: 26.75%; top: 19%; }
#t03 { width: 2.55%; left: 31.95%; top: 15%; }
#t05 { width: 3.35%; left: 37.9%; top: 11.5%; }
#t07 { width: 3.55%; left: 43.9%; top: 8.5%; }
#t09 { width: 3.6%; left: 50.85%; top: 10%; }
#t11 { width: 2.95%; left: 57.8%; top: 16.5%; }
#t13 { width: 3.6%; left: 47.05%; top: 53.5%; }
#t15 { width: 3.6%; left: 54.1%; top: 52.5%; }
#t17 { width: 2.5%; left: 61.05%; top: 60.5%; }
#t19 { width: 3.9%; left: 65.7%; top: 51.5%; }


@-webkit-keyframes a_blink {
	0%   {opacity: 0;}
	50%  {opacity: 1;}
	100%   {opacity: 0;}
}
@keyframes a_blink {
	0%   {opacity: 0;}
	50%  {opacity: 1;}
	100%   {opacity: 0;}
}
@media screen and (min-width:1024px) {
    #topa, #topb, #topb_ov {
        background-size: 100% auto;
    }
}

#topa img, #topb img {
    display: block;
    width: 100%;
}
#bn_pre {
    margin: 5% auto 5.52% auto;
}
#bn_pre1 {
    display: block;
    position: relative;
    overflow: hidden;
}
#bn_pre1_1 {
    position: absolute;
    display: block;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#bn_pre1_2 { display: block; position: absolute; width: 20.93%; left: 0.72%; top: 0%; }
#bn_pre1_3 { display: block; position: absolute; width: 26.77%; left: 73.22%; top: 0%; }

#bn_badges { margin: 5% 0; }
#btn_b_a { position: absolute; width: 33.95%; left: 10.2%; top: 53.39%; }
#btn_b_g { position: absolute; width: 41.87%; left: 47.91%; top: 53.7%; }
#bn_b_1 { position: absolute; width: 20.93%; left: 0.72%; top: 0%; }
#bn_b_2 { position: absolute; width: 26.77%; left: 73.22%; top: 0%; }

#top_information {
    margin-bottom: 4.89%;
}
.more { width: 58.75%; margin-left: 20.2%; margin-top: 3.02%; }

#top_movie {
    margin-bottom: 4.89%;
}

#top_movie_frame {
    position: relative;
}
#top_movie_yt {
    position: absolute;
    left: 6.35%;
    top: 0;
    margin-top: 4.06%;
    width: 87.29%;
}
#top_movie_yt2 {
    width: 100%;
    padding-top: 56.25%;
}
#top_movie_yt2 iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #F7CC2E;
    box-shadow: 0 0 3px #F7CC2E;
}
#top_movie_yt2 a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}
#top_movie_yt2 a span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/movie/common/btn_mvl.png) left top no-repeat;
    background-size: 100% auto;
}

#top_intro {
    position: relative;
    margin-bottom: 4.89%;
}
#btn_top_intro { position: absolute; width: 80.41%; left: 9.79%; top: 78.72%; }
#btn_top_intro a {
    display: block;
    width: 100%;
}
#btn_top_intro a:hover {
    margin-top: -2px;
}
#btn_top_intro a:hover span {
    display: none;
}
#btn_top_intro a span {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: a_fadein2 1s linear 0s infinite alternate;	
    animation: a_fadein2 1s linear 0s  infinite alternate;	
}
#tch1 { width: 100%; position: relative; }
#ch1 { position: relative; width: 54.37%; margin-left: 2.08%; margin-top: 18.22%; z-index:2;}
#ch2 { position: relative; width: 56.04%; margin-left: 38.43%; margin-top: -75.83%;}
#ch3 { position: relative; width: 55%;    margin-left: 2.18%; margin-top: 12.7%; }
#ch4 { position: relative; width: 56.14%; margin-left: 42.6%; margin-top: -75.41%;}

#tch2 { width: 100%; position: relative; }
#ch6 { position: relative; width: 54.27%; margin-left: 2.08%; }
#ch7 { position: relative; width: 46.87%; margin-left: 51.14%; margin-top: -29.37%; }
#ch8 { position: relative; width: 78.22%; margin-left: 2.18%; margin-top: -3.85%; }
#ch9 { position: relative; width: 92.39%; margin-left: 3.75%; margin-top: 5.83%; }
#ch10_1 { position: relative; width: 51.56%; margin-left: 2.08%; margin-top:29.37%; }
#ch11_1 { position: relative; width: 51.56%; margin-left: 42.91%; margin-top: -68.22%; }
#ch10_2 { position: relative; width: 48.43%; margin-left: 7.08%; margin-top: -42.29%; }
#ch11_2 { position: relative; width: 54.79%; margin-left: 39.06%; margin-top: -42.08%; }

#ch10_1 span, #ch11_1 span {
    display: block;
}
#top_ch {
    margin-bottom:8.85%;
}

#top_ch a {
    display: block;
}
.hoveranim {
    -webkit-animation: a_pop 0.3s linear 0s forwards;
    animation: a_pop 0.1s linear 0s forwards;
}
#top_ch a:hover {
    -webkit-animation: a_pop 0.3s linear 0s forwards;
    animation: a_pop 0.1s linear 0s forwards;
}
#pre {
    position: relative;
    width: 1042px;
    margin-left: -41px;
}
#pre h2 {
    position: relative;
    z-index: 2;
}
#pre_body {
    position: relative;
}
#pre_body_r {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#pre_body_i {
    position: relative;
    width: 95.05%; left: 2.6%;
    background: url(../images/top/r/bg_pre_i.jpg) center top no-repeat;
    background-size: 100% auto;
}
#pre_body_btns1 {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 10%;
}
#prebtns {
    position: relative;
    background: rgba(192,255,255,0.5);
    border-radius: 20px;
    border:2px solid rgba(255,255,255,0.8);
    width: 600px;
    height: 120px;
    margin: 5px auto 0 auto;
}
#prebtns a, #prebtns img {
    display: block;
    width: 100%;
}
#prebtns a:hover {
    opacity: 0.7;
}

#btn_ap_j {
    position: absolute;
    width: 36.5%; left: 7%; top: 16.66%; 
}
#btn_gp_j {
    position: absolute;
    width: 44.83%; left: 49%; top: 16.66%;
}


#btn_reg_m { position: absolute; width: 31.81%; left: 2.22%; top: 0; z-index:2; }
#btn_reg_l { position: absolute; width: 31.81%; left: 34.14%; top: 0; z-index:2; }
#btn_reg_t { position: absolute; width: 31.81%; left: 65.95%; top: 0; z-index:2;}

#reg {
    position: relative;
    background: url(../images/top/r/bg_reg.png) center top no-repeat;
    background-size: 100% auto;
}
#reg1 { width: 47.27%; margin-left: 0.6%; margin-top: 0%; }
#reg2 { width: 48.58%; margin-left: 48.98%; margin-top: -20.72%; }
#reg3 { width: 47.57%; margin-left: 0.3%; margin-top: -2.32%; }
#reg4 { width: 48.48%; margin-left: 49.09%; margin-top: -20.10%; }
#reg5 { width: 44.54%; margin-left: 52.98%; margin-top: -13.32%; }
#reg6 { width: 47.87%; margin-left:0%; margin-top: -5.45%; }
#reg7 { width: 48.68%; margin-left: 49.09%; margin-top: -13.32%; }
#reg_t { width: 42.12%; margin-left: 3.33%; margin-top: -9.15%;}
#reg li {
    position: relative;
}
#reg li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 50.85%;
    height: 0;
    padding-top: 27.35%;
    margin: 14% 0 0 28%;
    background: url(../images/top/r/cl.png) center center no-repeat;
    background-size: 100% auto;
}
#reg li span.add {
    position: absolute;
    left: 0;
    top: 0;
    width: 45%;
    height: 0;
    padding-top: 27.35%;
    margin: 10% 0 0 8%;
    background: url(../images/top/r/add.png) center center no-repeat;
    background-size: 100% auto;
    opacity: 0.9;
}
#reg li#reg4 span {
    margin: 21% 0 0 28%;
}
#reg li#reg6 span {
    width: 40%;
    margin: 10% 0 0 6%;
}
#twitter {
    width: 94.54%;
    margin: 0 auto;
    position: relative;
}
#twitter_i {
    position: relative;
}
#twitter_i_r {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#twitter_i2 {
    position: relative;
    height: auto;
    min-height: auto;
    /* padding-top: 24%; */
    padding-top: 88%;
    width: 88.54%;
    margin: 0 auto;
}
#twitterwidget {
    position: absolute;
    left: 0;
    top: 2%;
    width: 100%;
    height: 98%;
    min-height: 200px;
}
.env-bp-660 .timeline-Tweet-text {
    font-size: 10.5pt !important;
    line-height: 14pt!important;
    }
#spec {
    width: 94.54%;
    margin: 0 auto 10% auto;
}

#popup_20th {
}
#popup_20th a {
    display: block;
}
#popup_20th a:hover {
    filter:brightness(70%);
}
#popup_20th img {
    display: block;
    width: 100%;
    vertical-align: top;
}

body #top_information #container {
    position: relative;
    width: 960px;
    margin: 58px auto 40px
}
body #top_information #container h2 {
    margin-bottom: 20px
}
body #top_information #container ul#articleList {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    text-align: left
}
body #top_information #container ul#articleList>li {
    width: 314px;
    margin-right: 9px;
    margin-bottom: 9px;
    overflow: hidden;
    background: #041475;
    background: rgba(4,20,117,0.95);
    box-sizing: border-box;
    position: relative;
    border: 1px solid #34c1fc;
    padding: 10px
}
body #top_information #container ul#articleList>li:hover {
    opacity: 0.9
}
body #top_information #container ul#articleList>li:nth-child(3n) {
    margin-right: 0
}
body #top_information #container ul#articleList>li a {
    text-decoration: none
}
body #top_information #container ul#articleList>li a .articleThum {
    width: 100%;
    height: 160px;
    overflow: hidden;
    background: #000000;
    display: flex;
    justify-content: center;
    align-items: center
}
body #top_information #container ul#articleList>li a .articleThum img {
    width: 100%;
    height: auto
}
body #top_information #container ul#articleList>li a .articleInfo {
    padding: 15px 0 26px
}
body #top_information #container ul#articleList>li a .articleInfo h3 {
    color: #ec8c04;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    line-height: 1.2em
}
body #top_information #container ul#articleList>li a .date {
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    left: 0;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 1.2em
}
body #top_information #container ul#articleList>li a .category {
    color: #fff;
    position: absolute;
    text-align: right;
    width: 100%;
    bottom: 10px;
    right: 0;
    padding: 0 10px;
    box-sizing: border-box
}
body #top_information #container ul#articleList>li a .category li {
    font-size: 11px;
    display: inline-block;
    padding: 2px 3px;
    margin-left: 3px;
    border: solid 1px #ffffff
}
body #top_information #container ul#articleList {
    margin-bottom: 20px
}
body #top_information #container .btnInfo {
    width: 564px;
    margin: 0 auto
}

@media screen and (max-width:767px) {
    /* common */
    .brsp {
        display: block;
    }
    .contents {
        width: 100%;
    }
    #wrapper {
        background-size: 208.33% auto;
        overflow: hidden;
    }
    #wrapper:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        overflow: hidden;
        background: url(../images/common/bg/bg1.png) center top repeat-y fixed #F1EDFC;
        background-size: 208.33% auto;
    }
    .ptop img {
        width: 50%;
    }
    #bg {
        position: relative;
        width: 100%;
        left: 0;
        margin-left: 0;
        min-width: 100%;
    }
    #notice {
        margin-left: 1em;
        margin-right: 1em;
        text-align:left;
    }
    #copyright {
        margin-left: 1em;
        margin-right: 1em;
        text-align:left;
    }
    #topa, #topb,#topb_ov, #topb_n,#topb_tx {
        width: 100%;
        min-width: 100%;
        background-size: 100% auto;
    }
    #topa {
        width: 120%;
        margin-left: -10%;
        min-width: 100%;
        padding-top: 57%;
        background-size: 100% auto;
    }
    #topb_n, #topb_tx {
        width: 120%;
        margin-left: -10%;
        min-width: 100%;
        padding-top: 10%;
        background-size: 100% auto;
    }
    #topb_ov {
        left: 0;
        bottom: 0;
        width: 120%;
        margin-left: -10%;
        min-width: 100%;
        background-size: 100% auto;
    }
    #topb {
        width: 120%;
        margin-left: -10%;
        min-width: 100%;
        padding-top: 14.7%;
        margin-top: -2.7%;
        background-size: 100% auto;
    }
     #top_sns {
        position: relative;
        width: 80%;
        margin: 1% auto 3% auto;
    }
    #snsset {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        margin: 1em auto;
    }
    #snsset li {
        margin: 0 1%;
        width: 23%;
    }
    #snsset li img {
        width: 100%;
        height:auto;
    }
    #bga {
        width: 160%;
        height: 100%;
        left: auto;
        margin-left: -30%;
    }
    body #top_information #container {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    body #top_information #container ul#articleList {
        margin-bottom: 0;
    }
    body #top_information #container ul#articleList {
        margin-bottom: 4%;
        padding: 0 1%
    }
    body #top_information #container ul#articleList>li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
        overflow: hidden;
        background: #041475;
        background: rgba(4,20,117,0.95);
        box-sizing: border-box;
        position: relative;
        border: 1px solid #34c1fc;
        padding: 10px;
        text-align: left
    }
    body #top_information #container ul#articleList>li a {
        text-decoration: none
    }
    body #top_information #container ul#articleList>li a .articleThum {
        width: 100%
    }
    body #top_information #container ul#articleList>li a .articleThum img {
        width: 100%
    }
    body #top_information #container ul#articleList>li a .articleInfo {
        padding: 15px 0 26px
    }
    body #top_information #container ul#articleList>li a .articleInfo h3 {
        color: #ec8c04;
        font-size: 12px;
        font-weight: bold;
        width: 100%;
        line-height: 1.2em
    }
    body #top_information #container ul#articleList>li a .date {
        color: #fff;
        font-size: 10px;
        position: absolute;
        bottom: 10px;
        left: 0;
        padding: 0 10px;
        box-sizing: border-box;
        line-height: 1.2em
    }
    body #top_information #container ul#articleList>li a .category {
        color: #fff;
        position: absolute;
        text-align: right;
        width: 100%;
        bottom: 10px;
        right: 0;
        padding: 0 10px;
        box-sizing: border-box
    }
    body #top_information #container ul#articleList>li a .category li {
        font-size: 10px;
        display: inline-block;
        padding: 2px 3px;
        margin-left: 3px;
        border: solid 1px #ffffff
    }

    .more { width: 90%; margin:  0 auto; }
    #pre {
        width: 106%;
        margin-left: -3%;
    }
    #prebtns {
        border-radius: 10px;
        width: 80%;
        height: 0;
        padding-top: 15%;
        margin: 0 auto;
    }
    #btn_ap_j {
        top: 0%;
        margin-top: 3%;
    }
    #btn_gp_j {
        top: 0%;
        margin-top: 3%;
    }
    #twitter {
        width: 100%;
    }
    #twitter_i2 {
        height: 23%;
        min-height: 200px;
    }
    #spec {
        width: 100%;
    }
}