/* common */
@font-face {
   font-family: 'rounded-mr';
   src: url('../fonts/rounded-mr.woff') format("woff");
}

@font-face {
   font-family: 'rounded-mb';
   src: url('../fonts/rounded-mb.woff') format("woff");
}

@font-face {
   font-family: 'font_hk';
   src: url('../fonts/font_hk.woff') format("woff");
}

html {
    width:100%;
}

body {
    font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	min-width: 1250px;
    width:100%;
}

.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

a {
	font-weight:bold;
    color:#1d2081;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

.for-pc {
    display:block;
}

.for-sp {
    display:none;
}

/* animation */
.boldin {
	opacity: 0.0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.fade03 {
	opacity: 1.0;
}

/* header */
header {
    width:100%;
    height:55px;
    background:#ffffff;
    z-index:999999;
}

.wrapper {
    width:1200px;
    margin:0 auto;
}

h1 {
    width:194px;
    height:35px;
    padding:10px;
}

h1 img {
    width:194px;
    height:35px;
}

/* menu */
.drawer-nav ul li {
	color:#ffffff;
    font-size:14px;
    border-bottom:1px solid #3f3f3f;
    font-weight:bold;
}

.drawer-nav ul li a {
	display:block;
	color:#ffffff;
    text-decoration:none;
	padding:20px;
    background:#333333;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
}

.drawer-nav ul li a:hover {
	background:#3f3f3f;
}

.drawer-nav ul li ul {
	display:none;
	border-top:1px solid #3f3f3f;
}

.drawer-nav ul li ul li a {
	padding:15px 25px;
}

.drawer-nav ul li ul li a:before {
	content:"・";
}

/* footer */
.footer {
    font-size:10px;
    color:#000000;
    background:#ffffff;
    padding:25px 0px;
	font-family: 'font_hk';
	text-align:center;
}

.footer .for-pc img {
    width:855px;
    height:auto;
}

.copyright {
    padding-top:10px;
}

/* page-top */
#pageTop {
    position:fixed;
    right:25px;
    bottom:25px;
}

#pageTop a:hover{
	opacity:1.0;
    transition:opacity 0.1s linear;
    -webkit-transition:opacity 0.1s linear;
}

#pageTop a{
    width:50px;
    height:50px;
    background:url(images/pagetop.png) no-repeat top center;
    background-size:cover;
    display:block;
    cursor:pointer;
    opacity:0.5;
}

#pageTop a:active{
	opacity:1.0;
    background:url(images/pagetop+.png) no-repeat top center;
    background-size:cover;
}

/* top */
.top {
    width:100%;
	background:url(images/top_back.jpg) no-repeat center 0px black;
    margin:0 auto;
}

.top-box {
	width:1200px;
    margin:0 auto;
	background:url(images/top_back.jpg) no-repeat center 0px black;
    background-size:auto;
    height:813px;
    padding-top:0px;
    overflow:hidden;
}

.top-box .wrapper {
    width:1200px;
    text-align:center;
    margin:0 auto;
}

.chirashi {
    display:none;
}

.top-catch-box {
    width:100%;
    display:flex;
    justify-content:space-between;
    display:-webkit-flex;
    -webkit-justify-content:space-between;
    position:relative;
    top:35px;
}

.top-catch {
    display:flex;
    justify-content:flex-end;
    display:-webkit-flex;
    -webkit-justify-content:flex-end;
}

.top-catch1 img, .top-catch2 img {
    width:70px;
    height:auto;
}

.top-screen {
    width:464px;
    height:354px;
    margin:0 auto;
    background:url(images/top-screen-back.png) no-repeat;
    background-position:bottom center;
    position:relative;
    top:-410px;
}

.top-boy {
	width:427px;
    height:306px;
    margin:0 auto;
    background:url(images/top-boy&girl.png) no-repeat center top;
    opacity:1.0;
    animation: top-boy 0.5s ease-out 0s 1 normal;
    -webkit-animation: top-boy 0.5s  ease-out 0s 1 normal;
}

@keyframes top-boy {
0% {background-position:center 306px;opacity:0.0;}
100% {background-position:center 0px;opacity:1.0;}
}

-webkit@keyframes top-boy {
0% {background-position:center 306px;opacity:0.0;}
100% {background-position:center 0px;opacity:1.0;}
}

.top-other {
    position:relative;
    top:-87px;
    animation: top-other 3s ease-in-out 0s infinite alternatel;
    -webkit-animation: top-other 3s ease-in-out 0s infinite alternate;
}

@keyframes top-other {
0% {transform:rotate(0deg);}
100% {transform:rotate(3deg);}
}

-webkit-@keyframes top-other {
0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(3deg);}
}

.top-box h2 {
    width:100%;
    position:relative;
    top:-440px;
}

.top-box h2 img {
    width:460px;
    height:auto;
}

.top-footer-flower-box {
	width:1150px;
    height:auto;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    display:-webkit-flex;
    -webkit-justify-content:space-between;
    position:relative;
    top:-575px;
}

.top-footer-flower-left {
    width:300px;
    height:300px;
    background:url(images/top_sunflower.png) no-repeat center center;
    background-size:300px;
    animation: top-footer-flower-left 30s linear 0s infinite normal;
    -webkit-animation: top-footer-flower-left 30s linear 0s infinite normal;
}

.top-footer-flower-right {
    width:300px;
    height:300px;
    background:url(images/top_sunflower.png) no-repeat center center;
    background-size:300px;
    animation: top-footer-flower-right 30s linear 0s infinite normal;
    -webkit-animation: top-footer-flower-right 30s linear 0s infinite normal;
}

@keyframes top-footer-flower-left {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

-webkit-@keyframes top-footer-flower-left {
0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);}
}

@keyframes top-footer-flower-right {
0% {transform:rotate(0deg);}
100% {transform:rotate(-360deg);}
}

-webkit-@keyframes top-footer-flower-right {
0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(-360deg);}
}

.top-footer-kids-box {
	width:1050px;
    height:auto;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    display:-webkit-flex;
    -webkit-justify-content:space-between;
    -webkit-align-items:flex-end;
    position:relative;
    top:-955px;
}

.top-footer-kids-left img {
    width:183px;
    height:auto;
    animation: top-footer-kids 0.5s ease-out 0s 1 normal;
    -webkit-animation: top-footer-kids 0.5s ease-out 0s 1 normal;
}

.top-footer-kids-right img {
    width:176px;
    height:auto;
    animation: top-footer-kids 0.5s ease-out 0s 1 normal;
    -webkit-animation: top-footer-kids 0.5s ease-out 0s 1 normal;
}

@keyframes top-footer-kids {
0% {opacity:0.0;padding:15px;}
100% {opacity:1.0;padding:0;}
}

-webkit-@keyframes top-footer-kids {
0% {opacity:0.0;padding:15px;}
100% {opacity:1.0;padding:0;}
}

.top-news {
    width:280px;
    height:400px;
    background:#ffffff;
    border-radius:4px;
}

.fb-page {
    width:280px;
    height:400px;
    background:#ffffff;
    border-radius:4px;
}

.main-title {
    animation: maintitle 1s ease-out 0s 1 alternate;
    -webkit-animation: maintitle 1s ease-out 0s 1 alternate;
    width:493px;
    height:auto;
}

@keyframes maintitle {
0% {opacity:0.0; transform:scale(1.5);}
50% {opacity:0.0;transform:scale(1.5);}
65% {opacity:1.0;transform:scale(1.05);}
80% {transform:scale(1.0);}
85% {transform:scale(1.01);}
100% {transform:scale(1.0);}
}

-webkit-@keyframes maintitle {
0% {opacity:0.0; -webkit-transform:scale(1.5);}
50% {opacity:0.0;-webkit-transform:scale(1.5);}
65% {opacity:1.0;-webkit-transform:scale(1.05);}
80% {-webkit-transform:scale(1.0);}
85% {-webkit-transform:scale(1.01);}
100% {-webkit-transform:scale(1.0);}
}

.top-menu-box {
	width:1200px;
    position:relative;
    padding-bottom:35px;
    margin:0 auto;
}

.top-menu1 {
    width:1200px;
    margin:0 auto;
    margin-bottom:10px;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    display: -webkit-flex;
    -webkit-display: flex;
    -webkit-flex-direction:row;
    -webkit-justify-content:space-between;
}

.top-menu1 li {
    width:595px;
    height:200px;
}

.top-menu1 li img {
    width:595px;
    height:200px;
}

.top-menu1 a {
    width:595px;
    height:200px;
    font-size:20px;
    text-align:center;
    color:#ffffff;
    display:block;
    border-radius:4px;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    line-height:24px;
    display: flex;
    align-items:center;
    justify-content:center;
    display: -webkit-flex;
    -webkit-display: flex;
    -webkit-align-items:center;
    -webkit-justify-content:center;
}

.top-menu1 a img {
    width:100%;
    height:auto;
    display:block;
    transition: transform 0.1s ease-out,background 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out,background 0.1s ease-out;
    border-radius:4px;
}

.top-menu1 a img:hover, .top-menu2 a:hover  {
    transform:scale(1.015);
    -webkit-transform:scale(1.015);
}

.top-menu2 {
	width:1200px;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    display: -webkit-flex;
    -webkit-display: flex;
    -webkit-flex-direction:row;
    -webkit-justify-content:space-between;
}

.top-menu2 li {
}

.top-menu2 a {
    width:393px;
    height:85px;
    font-size:18px;
    text-align:center;
    color:#ffffff;
	background:#1d2081;
    display:block;
    border-radius:4px;
    transition: transform 0.1s ease-out,background 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out,background 0.1s ease-out;
    line-height:24px;
    display: flex;
    align-items:center;
    justify-content:center;
    display: -webkit-flex;
    -webkit-display: flex;
    -webkit-align-items:center;
    -webkit-justify-content:center;
}

.top-menu2 a:hover {
	text-decoration:none;
}

.top-menu2 a img {
    display:block;
}

/* about */
.cloud {
    background:url(images/about_box_cloud.jpg) repeat-x center top #ffffff;
	/* background-attachment:fixed; */
    /* animation: about-back-cloud 120s linear 0s infinite normal;  */
    /* -webkit-animation: about-back-cloud 120s linear 0s infinite normal;  */
}

@keyframes about-back-cloud {
0% {background-position:left top;}
100% {background-position:right top;}
}

-webkit-@keyframes about-back-cloud {
0% {background-position:left top;}
100% {background-position:right top;}
}

.about-box1 {
    width:100%;
    text-align:center;
    margin:0 auto;
   	padding:82px 0px 100px 0px;  
    background:#1d2081;
}

.charactor-box {
    width:100%;
    margin:0 auto;
    height:218px;
    text-align:center;
    margin-bottom:45px;
}

.charactor-mark {
    width:720px;
    height:218px;
    margin:0 auto;
    background:url(images/about_box1_mark+.png) no-repeat top center;
    background-size:cover;
    margin:0 auto;
}

.charactor-mark-in {
    animation: mark 1s linear 0s 1 normal;
    -webkit-animation: mark 1s linear 0s 1 normal;
}

@keyframes mark {
0% {transform:scale(1.00);background:url(images/about_box1_mark.png) no-repeat top center;background-size:cover;}
70% {transform:scale(1.00);background:url(images/about_box1_mark.png) no-repeat top center;background-size:cover;}
80% {transform:scale(1.015);background:url(images/about_box1_mark+.png) no-repeat top center;background-size:cover;}
90% {transform:scale(1.00);background:url(images/about_box1_mark+.png) no-repeat top center;background-size:cover;}
100% {transform:scale(1.00);background:url(images/about_box1_mark+.png) no-repeat top center;background-size:cover;}
}

-webkit-@keyframes mark {
0% {transform:scale(1.00);background:url(images/about_box1_mark.png) no-repeat top center;background-size:cover;}
20% {transform:scale(1.00);background:url(images/about_box1_mark.png) no-repeat top center;background-size:cover;}
30% {transform:scale(1.015);background:url(images/about_box1_mark+.png) no-repeat top center;background-size:cover;}
40% {transform:scale(1.00);background:url(images/about_box1_mark+.png) no-repeat top center;background-size:cover;}
100% {transform:scale(1.00);background:url(images/about_box1_mark+.png) no-repeat top center;background-size:cover;}
}

.about-p {
    text-align:center;
	font-family: 'rounded-mb';
    font-size:24px;
    line-height:35px;
	color:#000000;
	text-shadow:-1px -1px #ffffff, 1px -1px #ffffff, -1px 1px #ffffff, 1px 1px #ffffff;
    letter-spacing:-1px;
}

.about-box1 .about-p {
	color:#ffffff;
    text-shadow:none;
}

.gallary {
    width:100%;
    height:400px;
    background:#1d2081;
}

.about-box2 {
    width:100%;
    text-align:center;
    margin:0 auto;
   	padding:100px 0px 100px 0px;
}

.about-box1 h3, .about-box2 h3, .about-box3 h3, .about-box4 h3  {
	margin-bottom:14px;
}

.aboout-staff-box {
    width:960px;
    height:394px;
    margin:0 auto;
    z-index:7;
    margin-top:45px;
}

.aboout-staff-box ul{
    display: flex;
    display: -webkit-flex;
    -webkit-display: flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
}

.aboout-staff-box img {
    transition: transform 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out;
}

.aboout-staff-box li img:hover {
	transform:scale(1.015);
    -webkit-transform:scale(1.015);
}

.about-kids5 {
    position:relative;
    right:-400px;
    z-index:1;
    opacity:0;
}

.about-kids3 {
	margin-left:40px;
    position:relative;
    right:-250px;
    z-index:4;
    opacity:0;
}

.about-kids1 {
	margin-left:40px;
    position:relative;
    right:-90px;
    z-index:6;
    opacity:0;
}

.about-kids2 {
	margin-left:0px;
    position:relative;
    left:-70px;
    z-index:5;
    opacity:0;
}

.about-kids4 {
	margin-left:0px;
    position:relative;
    left:-225px;
    z-index:2;
    opacity:0;
}

.about-kids6 {
	margin-left:-10px;
    z-index:3;
    position:relative;
    left:-375px;
    opacity:0;
}

.about-kids5-in {
    animation: about-kids5 0.5s ease-out 0s 1 normal;
    -webkit-animation: about-kids5 0.5s ease-out 0s 1 normal;
    right:0px;
    opacity:1.0;
}

@keyframes about-kids5 {
0% {right:-400px;opacity:0;}
100% {right:0px;opacity:1;}
}

-webkit-@keyframes about-kids5 {
0% {right:-400px;opacity:0;}
100% {right:0px;opacity:1;}
}

.about-kids3-in {
    animation: about-kids3 0.5s ease-out 0s 1 normal;
    -webkit-animation: about-kids3 0.5s ease-out 0s 1 normal;
    right:0px;
    opacity:1.0;
}

@keyframes about-kids3 {
0% {right:-250px;opacity:0;}
100% {right:0px;opacity:1;}
}

-webkit-@keyframes about-kids3 {
0% {right:-250px;opacity:0;}
100% {right:0px;opacity:1;}
}

.about-kids1-in {
    animation: about-kids1 0.5s ease-out 0s 1 normal;
    -webkit-animation: about-kids1 0.5s ease-out 0s 1 normal;
    right:0px;
    opacity:1.0;
}

@keyframes about-kids1 {
0% {right:-90px;opacity:0;}
100% {right:0px;opacity:1;}
}

-webkit-@keyframes about-kids1 {
0% {right:-90px;opacity:0;}
100% {right:0px;opacity:1;}
}

.about-kids2-in {
    animation: about-kids2 0.5s ease-out 0s 1 normal;
    -webkit-animation: about-kids2 0.5s ease-out 0s 1 normal;
    left:0px;
    opacity:1.0;
}

@keyframes about-kids2 {
0% {left:-70px;opacity:0;}
100% {left:0px;opacity:1;}
}

-webkit-@keyframes about-kids2 {
0% {left:-70px;opacity:0;}
100% {left:0px;opacity:1;}
}

.about-kids4-in {
    animation: about-kids4 0.5s ease-out 0s 1 normal;
    -webkit-animation: about-kids4 0.5s ease-out 0s 1 normal;
    left:0px;
    opacity:1.0;
}

@keyframes about-kids4 {
0% {left:-225px;opacity:0;}
100% {left:0px;opacity:1;}
}

-webkit-@keyframes about-kids4 {
0% {left:-225px;opacity:0;}
100% {left:0px;opacity:1;}
}

.about-kids6-in {
    animation: about-kids6 0.5s ease-out 0s 1 normal;
    -webkit-animation: about-kids6 0.5s ease-out 0s 1 normal;
    left:0px;
    opacity:1.0;
}

@keyframes about-kids6 {
0% {left:-375px;opacity:0;}
100% {left:0px;opacity:1;}
}

-webkit-@keyframes about-kids6 {
0% {left:-375px;opacity:0;}
100% {left:0px;opacity:1;}
}

.about-box3 {
    width:100%;
    text-align:center;
    margin:0 auto;
   	padding:100px 0px 100px 0px;
	background:#1d2081;
}

.about-box3 .about-p {
    color:#ffffff;
    text-shadow:none;
}

.about-box3-ul {
	width:960px;
    height:auto;
    margin:0 auto;
    margin-top:60px;
    margin-bottom:-30px;
    display:flex;
    display: -webkit-flex;
    -webkit-display: flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:space-between;
    -webkit-flex-direction:column;
    -webkit-flex-wrap:wrap;
    -webkit-justify-content:space-between;
}

.about-box3-ul li {
	width:960px;
    height:230px;
    margin-bottom:30px;
    display:flex;
    display: -webkit-flex;
    -webkit-display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    -webkit-flex-direction:row;
    -webkit-flex-wrap:wrap;
    -webkit-justify-content:space-between;
    -webkit-align-items:center;
	border-radius:4px;
    background:#ffffff;
}

.about-box3-l, .about-box3-r {
    opacity:0;
}

.about-box3-l-in {
    animation: about-box3-l-in 0.5s ease-out 0s 1 normal;
    -webkit-animation: about-box3-l-in 0.5s ease-out 0s 1 normal;
    position:relative;
    left:0;
    opacity:1;
}

.about-box3-r-in {
    animation: about-box3-r-in 0.5s ease-out 0s 1 normal;
    -webkit-animation: about-box3-r-in 0.5s ease-out 0s 1 normal;
    position:relative;
    right:0;
    opacity:1;
}

@keyframes about-box3-l-in {
0% {left:-30px;opacity:0;}
100% {left:0px;opacity:1;}
}

@keyframes about-box3-r-in {
0% {right:-30px;opacity:0;}
100% {right:0px;opacity:1;}
}

-webkit-@keyframes about-box3-l-in {
0% {left:-30px;opacity:0;}
100% {left:0px;opacity:1;}
}

-webkit-@keyframes about-box3-r-in {
0% {right:-30px;opacity:0;}
100% {right:0px;opacity:1;}
}

.about_howto_ph {
	width:386px;
    height:230px;
    border-radius:4px;
    display:flex;
    display: -webkit-flex;
    -webkit-display: flex;
    align-items:center;
    justify-content:center;
    -webkit-align-items:center;
    -webkit-justify-content:center;
    color:#ffffff;
	font-size:28px;
    font-family: 'font_hk';
}

.howto-ph1 {
    background:url(images/about_howto_ph1.jpg) no-repeat center center;
    background-size:cover;
}

.howto-ph2 {
    background:url(images/about_howto_ph2.jpg) no-repeat center center;
    background-size:cover;
}

.howto-ph3 {
    background:url(images/about_howto_ph3.jpg) no-repeat center center;
    background-size:cover;
}

.howto-ph4 {
    background:url(images/about_howto_ph4.jpg) no-repeat center center;
    background-size:cover;
}

.howto-ph5 {
    background:url(images/about_howto_ph5.jpg) no-repeat center center;
    background-size:cover;
}

.howto-p {
	width:474px;
    padding:0px 50px;
    height:auto;
    position:relative;
}

.howto-p-midashi {
    width:100%;
    height:auto;
    text-align:left;
}

.howto-p p {
	width:100%;
	font-family: 'rounded-mb';
    font-size:22px;
    line-height:32px;
	color:#1d2081;
    letter-spacing:-1px;
    text-align:justify;
    margin-top:5px;
    margin-left:-3px;
}

.about-box4 {
    width:100%;
    text-align:center;
    margin:0 auto;
    background:url(images/about_aeoncinema.jpg) no-repeat center top #000000;
}

.about-box4 .wrapper {
    background:url(images/about_aeoncinema.jpg) no-repeat center top;
    padding:100px 0px 0px 0px;
    height:900px;
}

.about-box4 .about-p {
	color:#ffffff;
	text-shadow:-1px -1px #000000, 1px -1px #000000, -1px 1px #000000, 1px 1px #000000;
}

.about-screen {
    width:485px;
    height:245px;
    background:rgba(255,255,255,1.0);
    background-image:url('images/about_aeoncinema_screen_mark.jpg');
    background-repeat:no-repeat;
    background-position:center;
    margin:0 auto;
    margin-top:55px;
    border-radius:2px;
    animation: screen 0.25s linear 0s infinite normal;
    -webkit-animation: screen 0.25s linear 0s infinite normal;
}

.about-screen-box {
    opacity:0;
}

.fade-in {
    animation: fade-in 0.5s ease-out 0s 1 normal;
    -webkit-animation: fade-in 0.5s ease-out 0s 1 normal;
    opacity:1;
}

@keyframes fade-in {
0% {opacity:0;}
100% {opacity:1;}
}

-webkit-@keyframes fade-in {
0% {opacity:0;}
100% {opacity:1;}
}

@keyframes screen {
0% {opacity:1.0;}
25% {opacity:0.95}
50% {opacity:1.0}
100% {opacity:0.95}
}

-webkit-@keyframes screen {
0% {opacity:1.0;}
25% {opacity:0.95}
50% {opacity:1.0}
100% {opacity:0.95}
}

.about-aeoncinema-kids-box {
    width:1200px;
    height:337px;
    margin-top:25px;
    display:flex;
    display: -webkit-flex;
    -webkit-display: flex;
    flex-direction:row;
    justify-content:space-between;
    -webkit-flex-direction:row;
    -webkit-justify-content:space-between;
}

.about-manga {
    width:100%;
	background:url(images/about_box1_back.png) #1d2081;
    background-size:234px 39px;
    padding:50px 0px;
    text-align:center;
}

.about-manga a {
    display:block; 
}

.about-manga a img {
	width:960px;
    height:auto;
	border-radius:4px;
    transition: transform 0.1s ease-out,background 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out,background 0.1s ease-out;
}

.about-manga a img:hover {
	transform:scale(1.015);
    -webkit-transform:scale(1.015);
    background:#ffff80;
	border-radius:4px;  
}

.about-box5 {
    width:100%;
    text-align:center;
    margin:0 auto;
    background:url(images/about_box_top_object.gif) repeat-x center bottom;
    background-size:contain;
   	padding:75px 0px;
}

.about-box5 h3 {
	width:1200px;
    margin:0 auto;
    text-align:center;
}

.about-box5-h3 {
    opacity:0;
    position:relative;
}

.about-box5-h3-in {
    animation: about-box5-h3-in 0.5s ease-out 0s 1 normal;
    -webkit-animation: about-box5-h3-in 0.5s ease-out 0s 1 normal;
    opacity:1;
	bottom:0px;
}

@keyframes about-box5-h3-in {
0% {bottom:-30px;opacity:0;}
100% {bottom:0px;opacity:1;}
}

.about-information {
	background:#1d2081;
	padding:50px 0px;
    margin-top:px;
}

.about-information a {
	display:block;
	width:590px;
    padding:30px 30px;
    text-align:center;
    background:yellow;
    margin:0 auto;
    border-radius:4px;
    transition: transform 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out;
    font-size:26px;
    font-weight:bold;
    font-family: 'rounded-mr';
}

.about-information a:hover {
	transform:scale(1.015);
    -webkit-transform:scale(1.015);
    text-decoration:none;
}

.about-information-bt {
    opacity:0;
}

.about-information-bt-in {
    animation: fade-in 0.5s ease-out 0s 1 normal;
    -webkit-animation: fade-in 0.5s ease-out 0s 1 normal;
    opacity:1;
}

/* singlepage */
.singlepage {
    background:#f5f5f5;
}

.singlepage h2 {
	width:100%;
	background:#1d2081;
    background-size:234px 39px;
    font-size:30px;
    text-align:center;
    color:#ffffff;
    padding:125px 0px;
    font-weight:bold;
}

.singlepage-box {
	width:100%;
    display:flex;
    display: -webkit-flex;
    -webkit-display: flex;
    flex-direction:row;
    justify-content:space-between;
    -webkit-flex-direction:row;
    -webkit-justify-content:space-between;
    padding:25px 0px;
}

.text-box {
    width:775px;
    background:#ffffff;
    padding:50px;
    border-radius:4px;
}

.menu-box {
    width:300px;
    height:auto;
    border-radius:4px;
}

.text-box h3 {
	width:100%;
    height:auto;
    margin-bottom:50px;
}

.text-box h3 img {
	display:block;
}

.text-box h4 {
	width:100%;
    border-bottom:1px solid #cccccc;
    font-size:20px;
    text-align:left;
    padding-bottom:2px;
    font-weight:bold;
    margin-bottom:25px;
    color:#1d2081;
}

.text-box p {
    width:100%;
    text-align:justify;
    font-size:16px;
    line-height:30px;
    color:#000000;
    margin-bottom:25px;
}

.p-box {
	margin-bottom:-25px;
}

.chiikikouken, .enkaku, .enshu, .koushiyori {
	margin-bottom:75px;
}

.enkaku h4 {
	width:100%;
    font-size:20px;
    text-align:left;
    padding-bottom:2px;
    font-weight:bold;
    margin-bottom:25px;
    margin-top:75px;
}

.enkaku table {
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    border-collapse: collapse;
}

.enkaku tr {
    border-bottom: solid 1px #cccccc;
}

.enkaku th {
	border-right: solid 1px #cccccc;
}

.enkaku th, .enkaku td {
    text-align:justify;
    vertical-align:middle;
	padding:50px;
    font-size:16px;
    line-height:28px;
}

.enkaku th {
	width:56px;
    text-align:center;
    padding:50px;
    font-family: 'font_hk';
    font-size:20px;
}

.enkaku td {
    display:flex;
    display: -webkit-flex;
    -webkit-display: flex;
    flex-direction:row;
    -webkit-flex-direction:row;
}

.enkaku td img {
	width:160px;
    height:217px;
    margin-right:30px;
    box-sizing:border-box;
    border:1px solid #cccccc;
}

.enkaku-td-textbox {
    width:329px;
}

.enkaku td p {
    width:100%;
    text-align:justify;
    font-size:14px;
    line-height:22px;
    color:#000000;
    margin-bottom:0px;
    font-weight:normal;
}

.enkaku .link {
	width:100%;
    text-align:right;
    margin-top:20px;
    font-weight:normal;
}

.enkaku .link a {
    width:80%;
    margin:0 auto;
    font-size:16px;
    text-align:center;
    color:#ffffff;
    background:#1d2081;
    display:block;
    border-radius:4px;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
	padding:15px 0px;
    margin-top:5px;
}

.enkaku .link a:hover {
	text-decoration:none;
    background:#292b87;
}

.asouku a {
    width:80%;
    margin:0 auto;
    font-size:20px;
    text-align:center;
    color:#ffffff;
    background:#1d2081;
    display:block;
    border-radius:4px;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
	padding:15px 0px;
    margin-top:75px;
}

.asouku a:hover {
	text-decoration:none;
    background:#292b87;
}

.aeoncinema {
	width:100%;
}

.aeoncinema .text-right {
    width:100%;
    text-align:right;
}

.p-box-name {
	width:100%;
    text-align:right;
    margin-bottom:16px;
}

.shoukai1 {
    padding-left:175px;
    background:url(images/shoukai1.jpg) top left no-repeat;
    margin-bottom:50px;
    background-size:150px 150px;
}

.shoukai2 {
    padding-left:175px;
    background:url(images/shoukai2.jpg) top left no-repeat;
    margin-bottom:50px;
    background-size:150px 150px;
}

.shoukai3 {
    padding-left:175px;
    height:150px;
    background:url(images/shoukai3.jpg) top left no-repeat;
    background-size:150px 150px;
}

.shoukai-text h5 {
    font-size:18px;
    font-weight:bold;
    margin-bottom:4px;
    color:#1d2081;
}

.shoukai-text p {
    width:100%;
    text-align:justify;
    font-size:14px;
    line-height:22px;
    color:#000000;
    margin-bottom:21px;
    font-weight:normal;
}

.shoukai-text .katagaki {
    font-size:15px;
}

.side-menu {
    width:100%;
    margin-top:25px;
}

.side-menu ul {
    display:flex;
    display: -webkit-flex;
    -webkit-display: flex;
    flex-direction:column;
    -webkit-flex-direction:column; 
}

.side-menu ul li {
	width:100%;
    height:auto;
}

.side-menu ul li a {
	display:block;
    text-decoration:none;
    font-size:16px;
    line-height:22px;
    font-weight:bold;
    padding:25px 25px;
    background:#ffffff;
    border-bottom:3px solid #f5f5f5;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
}

.side-menu ul li a:hover {
    background:#f5f5f5;
}

.side-menu ul li ul li a {
	padding:15px 25px;
}

.side-menu ul li ul li a:before {
	content:"・";
}

.ad-box {
    width:100%;
    background:#ffffff;
	border-radius:4px;
    height:auto;
}

.ad-box img {
	width:100%;
    height:auto;
    display:block;
}

.bold {
    font-weight:bold;
}


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

/* common */
.for-pc {
    display:none;
}

.for-sp {
    display:block;
}

body {
    font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;   
	min-width:100%;
    -webkit-text-size-adjust: 100%;
}

/* header */
header {
    width:100%;
    height:50px;
    background:#ffffff;
    z-index:999999;
}

.wrapper {
    width:100%;
    margin:0 auto;
}

h1 {
    width:167px;
    height:30px;
    padding:10px;
    margin:0 auto;
}

h1 img {
    width:167px;
    height:30px;
}

/* page-top */
#pageTop {
    position:fixed;
    right:15px;
    bottom:15px;
}

#pageTop a:hover{
	opacity:1.0;
    transition:opacity 0.1s linear;
    -webkit-transition:opacity 0.1s linear;
}

#pageTop a{
    width:50px;
    height:50px;
    background:url(images/pagetop.png) no-repeat top center;
    background-size:cover;
    display:block;
    cursor:pointer;
    opacity:0.5;
}

#pageTop a:active{
	opacity:1.0;
    background:url(images/pagetop+.png) no-repeat top center;
    background-size:cover;
}

/* footer */
.footer {
	width:100%;
    font-size:6px;
    color:#000000;
    background:#ffffff;
    padding:0px 0px;
    font-weight:bold;
}

.footer img {
	width:320px;
    height:auto;
    padding:10px 20px 0px 20px;
    box-sizing:border-box;
}

.copyright {
	width:100%;
    background:#ffffff;
    color:#000000;
    text-align:center;
    padding:5px 0px 10px 0px;
    font-family: 'font_hk';
}


/* top */
.top {
    width:100%;
    background-image:none;
    background-color:#000000;
}

.top-box {
	width:100%;
    margin:0 auto;
	background:black;
    height:auto;
    padding-top:0px;
    overflow:hidden;
}

.top-box .wrapper {
    width:100%;
}

.top-catch-box, .top-catch, .top-catch1 img, .top-catch2 img, .top-screen, .top-boy, .top-other, .top-footer-flower-box, 
.top-footer-flower-left, .top-footer-flower-right, .top-footer-kids-box, .top-footer-kids-left img, .top-footer-kids-right img {
    display:none;
}

.top-box-sp {
    width:100%;
    height:auto;
    margin-bottom:20px;
    padding-bottom:19%;
}

.chirashi {
    width:auto;
    height:100%;
    display:block;
    margin-bottom:-71%;
}

.chirashi img {
    width:100%;
    height:auto;
    display:block;
}

.top-box-sp h2 {
    width:100%;
    text-align:center;
    top:0;
    margin:0;
    padding:0;
    position:relative;
}

.top-box-sp h2 img {
    width:71.5%;
    height:auto;
}

.top-news-sp {
	margin:0 auto;
    width:100%;
    height:250px;
    background:none;
    margin-bottom:20px;
    box-sizing:border-box;
    padding:0px 20px;
}

.fb-page {
	margin:0 auto;
    width:100%;
    height:250px;
    background:#ffffff;
    border-radius:4px;
    margin-bottom:15px;
}

.top-menu-box {
	width:100%;
    position:relative;
    padding-bottom:15px;
}

.top-menu1 {
    width:100%;
    box-sizing:border-box;
    padding:0px 10px;
    margin:0 auto;
    margin-bottom:0px;
    display: flex;
    flex-direction:column;
    align-content:space-between;
    display: -webkit-flex;
    -webkit-display: flex;
    -webkit-flex-direction:column;
    -webkit-align-content:space-between;
    height:auto;
}

.top-menu1 li {
    width:100%;
    height:auto;
    margin-bottom:5px;
}

.top-menu1 a {
    width:100%;
    height:auto;
    font-size:20px;
    text-align:center;
    color:#ffffff;
    background:#cccccc;
    display:block;
    border-radius:4px;
    line-height:24px;
    display:block;
}

.top-menu1 a img {
    width:100%;
    height:auto;
    display:block;
    transition: transform 0.1s ease-out,background 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out,background 0.1s ease-out;
    border-radius:4px;
}

.top-menu1 a img:hover {
    transform:scale(1.025);
    -webkit-transform:scale(1.025);
}

.top-menu2 a img {
    width:200px;
    height:auto;
}

.top-menu2 {
	width:100%;
    box-sizing:border-box;
    padding:0px 10px;
    margin:0 auto;
    display:block;
    height:auto;
}

.top-menu2 li {
	margin-bottom:5px;
}

.top-menu2 li:last-child {
	margin-bottom:0px;
}

.top-menu2 a {
    width:100%;
    height:75px;
    font-size:16px;
    text-align:center;
    color:#ffffff;
	background:url(images/about_box1_back.png) #1d2081;
    background-size:122px 20px;
    display:block;
    border-radius:4px;
    transition: transform 0.1s ease-out,background 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out,background 0.1s ease-out;
    line-height:22px;
    display: flex;
    align-items:center;
    justify-content:center;
    display: -webkit-flex;
    -webkit-display: flex;
    -webkit-align-items:center;
    -webkit-justify-content:center;
}

.top-menu2 a:hover {
	transform:scale(1.025);
    -webkit-transform:scale(1.025);
}

/* about */
.cloud {
    background:url(images/about_box_cloud_sp.jpg) repeat-x center top #ffffff;
    background-size:contain;
	background-attachment:scroll;
    animation: none;
    -webkit-animation: none;
}

.about-box1 {
    width:100%;
    text-align:center;
    margin:0 auto;
   	padding:50px 0px;  
	background:url(images/about_box1_back.png) #1d2081;
    background-size:122px 20px;
    background-attachment:fixed;
    overflow:hidden;
}

.about-box1 .wrapper, .about-box2 .wrapper, .about-box3 .wrapper, .about-box4 .wrapper, 
.about-box5 .wrapper, .about-box5 h3 {
	max-width:640px;
    width:320px;
	min-width:320px;
    padding:0px 10px;
    margin:0 auto;
    box-sizing:border-box;
}

.charactor-box {
    width:100%;
    margin:0 auto;
    height:auto;
    text-align:center;
    margin-bottom:20px;
}

.charactor-mark {
    width:100%;
    height:82px;
    background:url(images/about_box1_mark+.png) no-repeat top center;
    background-size:contain;
    margin:0 auto;
}

.charactor-mark-in {
    animation: mark 1s linear 0s 1 normal;
    -webkit-animation: mark 1s linear 0s 1 normal;
}

@keyframes mark {
0% {transform:scale(1.00);background:url(images/about_box1_mark.png) no-repeat top center;background-size:contain;}
70% {transform:scale(1.00);background:url(images/about_box1_mark.png) no-repeat top center;background-size:contain;}
80% {transform:scale(1.015);background:url(images/about_box1_mark+.png) no-repeat top center;background-size:contain;}
90% {transform:scale(1.00);background:url(images/about_box1_mark+.png) no-repeat top center;background-size:contain;}
100% {transform:scale(1.00);background:url(images/about_box1_mark+.png) no-repeat top center;background-size:contain;}
}

-webkit-@keyframes mark {
0% {transform:scale(1.00);background:url(images/about_box1_mark.png) no-repeat top center;background-size:contain;}
70% {transform:scale(1.00);background:url(images/about_box1_mark.png) no-repeat top center;background-size:contain;}
80% {transform:scale(1.015);background:url(images/about_box1_mark+.png) no-repeat top center;background-size:contain;}
90% {transform:scale(1.00);background:url(images/about_box1_mark+.png) no-repeat top center;background-size:contain;}
100% {transform:scale(1.00);background:url(images/about_box1_mark+.png) no-repeat top center;background-size:contain;}
}

.about-p {
	width:90%;
    text-align:center;
    font-size:14px;
    line-height:20px;
	color:#000000;
	text-shadow:-1px -1px #ffffff, 1px -1px #ffffff, -1px 1px #ffffff, 1px 1px #ffffff;
    letter-spacing:-1px;
    margin:0 auto;
}

.about-box1 .about-p {
	color:#ffffff;
    text-shadow:none;
}

.gallary {
    width:100%;
    height:400px;
    background:#1d2081;
}

.about-box2 {
    width:100%;
    text-align:center;
    margin:0 auto;
   	padding:30px 0px;
    background:url(images/about_box2_back.jpg) no-repeat center center;
    background-size:cover;
    overflow:hidden;
}

.about-box1 h3, .about-box2 h3, .about-box3 h3, .about-box4 h3 {
	margin-bottom:5px;
}

.about-box1 h3 img {
    width:100%;
    height:auto;
}

.about-box2 h3 img, .about-box3 h3 img, .about-box4 h3 img {
    width:100%;
    height:auto;
    box-sizing:border-box;
    padding:0px 10px;
}

.aboout-staff-box {
	display:none;
}

.slider-box-li {
    opacity:0;
}

.slider-box-li-in {
    animation: fade-in 0.5s ease-out 0s 1 normal;
    -webkit-animation: fade-in 0.5s ease-out 0s 1 normal;
    opacity:1;
}

.about-box3 {
    width:100%;
    text-align:center;
    margin:0 auto;
   	padding:30px 0px;
	background:url(images/about_box1_back.png) #1d2081;
    background-size:122px 20px;
    background-attachment:fixed;
    overflow:hidden;
}

.about-box3 .about-p {
    color:#ffffff;
    text-shadow:none;
}

.about-box3-ul {
	width:100%;
    height:auto;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:0px;
    display:block;
    box-sizing:border-box;
    padding:0px 0px;
}

.about-box3-ul li {
	width:100%;
    height:auto;
    margin-bottom:10px;
	border-radius:4px;
    background:#ffffff;
}

.about-box3-ul li:last-child {
	margin-bottom:0px;
}

.about_howto_ph {
	width:100%;
    height:150px;
    border-radius:4px;
    display:flex;
    display: -webkit-flex;
    -webkit-display: flex;
    align-items:center;
    justify-content:center;
    -webkit-align-items:center;
    -webkit-justify-content:center;
    color:#ffffff;
	font-size:16px;
    font-family: 'font_hk';
}

.howto-ph1 {
    background:url(images/about_howto_ph1.jpg) no-repeat center center;
    background-size:cover;
}

.howto-ph2 {
    background:url(images/about_howto_ph2.jpg) no-repeat center center;
    background-size:cover;
}

.howto-ph3 {
    background:url(images/about_howto_ph3.jpg) no-repeat center center;
    background-size:cover;
}

.howto-ph4 {
    background:url(images/about_howto_ph4.jpg) no-repeat center center;
    background-size:cover;
}

.howto-ph5 {
    background:url(images/about_howto_ph5.jpg) no-repeat center center;
    background-size:cover;
}

.howto-p {
	width:100%;
    padding:20px 0px;
    height:auto;
    opacity:1;
    left:0px;
    box-sizing:border-box;
}

.howto-p-midashi {
    width:100%;
    height:auto;
    text-align:center;
    margin:0;
    padding:0;
}

.howto-p-midashi img {
    width:auto;
    max-width:90%;
    height:35px;
    text-align:center;
}

.howto-p p {
	width:100%;
	font-family: 'rounded-mb';
    font-size:12px;
    line-height:16px;
	color:#1d2081;
    letter-spacing:-1px;
    text-align:center;
    margin-top:0px;
    margin-left:0px;
}

.about-box4 {
    width:100%;
    text-align:center;
    margin:0 auto;
    background:url(images/about_aeoncinema_sp.jpg) no-repeat center center #000000;
    background-size:cover;
    overflow:hidden;
}

.about-box4 .wrapper {
    background:none;
    padding:30px 0px;
    height:455px;
}

.about-box4 .about-p {
	color:#ffffff;
	text-shadow:-1px -1px #000000, 1px -1px #000000, -1px 1px #000000, 1px 1px #000000;
}

.about-screen, .about-aeoncinema-kids-box, .about-aeoncinema-kids1, .about-aeoncinema-kids2 {
    display:none;
}

.about-box5 {
    width:100%;
    height:auto;
    text-align:center;
    margin:0 auto;
    background:url(images/about_box_top_object.gif) center bottom no-repeat;
	background-size:contain;
    padding:30px 0px;
}

.about-box5 h3 {
    margin:0 auto;
    text-align:center;
}

.about-box5 h3 img {
	width:100%;
    height:auto;
}

.about-box5-cloud, .about-box5-object, .about-box5-kids .about-box5-object .wrapper, .about_box5_back {
    display:none;
}

.about-manga {
    width:100%;
	background:url(images/about_box1_back.png) #1d2081;
    background-size:122px 20px;
    padding:15px 0px;
    text-align:center;
}

.about-manga a {
	width:90%;
    height:auto;
    margin:0 auto;
    display:block;
}

.about-manga a img {
	width:100%;
    height:auto;
	border-radius:2px;
    transition: transform 0.1s ease-out,background 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out,background 0.1s ease-out;
    display:block;
}

.about-manga a img:hover {
	transform:scale(1.015);
    -webkit-transform:scale(1.015);
    background:#ffff80;
	border-radius:2px;  
}

.about-information {
	background:url(images/about_box1_back.png) #1d2081;
    background-size:122px 20px;
    background-attachment:fixed;
    padding:30px;
    position:static;
    margin-top:0px;
    overflow:hidden;
    box-sizing:border-box;
}

.about-information a {
	display:block;
	max-width:320px;
    width:100%;
    padding:20px;    
    height:auto;
    text-align:center;
    background:yellow;
    margin:0 auto;
    border-radius:4px;
    transition: transform 0.1s ease-out,background 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out,background 0.1s ease-out;
    box-sizing:border-box;
    font-size:16px;
}

.about-information a:hover {
	transform:scale(1.025);
    -webkit-transform:scale(1.025);
    background:#ffff80;
}

.about-information a img {
    width:100%;
    max-height:35px;
    height:auto;
    text-align:center;
    display:block;
    margin:0 auto;
}

/* singlepage */
.singlepage {
    background:#ffffff;
}

.singlepage h2 {
	width:100%;
	background:url(images/about_box1_back.png) #1d2081;
    background-size:122px 20px;
    background-attachment:fixed;
    font-size:18px;
    text-align:center;
    color:#ffffff;
    padding:50px 0px;
    font-weight:bold;
    line-height:22px;
}

.singlepage .wrapper {
	width:100%;
}

.singlepage-box {
	width:100%;
    display:block;
    padding:0;
}

.text-box {
    width:100%;
    background:#ffffff;
    padding:20px;
    border-radius:4px;
    margin:0 auto;
    box-sizing:border-box;
}

.menu-box {
	display:none;
}

.text-box h3 {
	width:100%;
    height:auto;
    margin-bottom:30px;
}

.text-box h3 img {
	display:block;
    width:100%;
    height:auto;
}

.text-box h4 {
	width:100%;
    border-bottom:1px solid #cccccc;
    font-size:16px;
    text-align:left;
    padding-bottom:5px;
    font-weight:bold;
    margin-bottom:20px;
    color:#1d2081;
}

.text-box p {
    width:100%;
    text-align:justify;
    font-size:16px;
    line-height:26px;
    color:#000000;
    margin-bottom:20px;
}

.p-box {
	margin-bottom:0px;
}

.shoukai {
    margin-bottom:0px;
}

.enkaku {
	margin-bottom:30px;
}

.chiikikouken, .enshu, .koushiyori {
	margin-bottom:30px;    
}

.enkaku h4 {
	width:100%;
    border-bottom:1px solid #cccccc;
    font-size:16px;
    text-align:left;
    padding-bottom:5px;
    font-weight:bold;
    margin-bottom:20px;
    color:#1d2081;
    margin-top:0px;
}

.enkaku table {
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    border-collapse: collapse;
}

.enkaku tr {
    border-bottom: solid 1px #cccccc;
}

.enkaku th {
	border-right: solid 1px #cccccc;
}

.enkaku th, .enkaku td {
    text-align:justify;
    vertical-align:middle;
	padding:10%;
    font-size:14px;
    line-height:20px;
}

.enkaku th {
	width:30px;
    height:auto;
    text-align:center;
    padding:10px;
}

.enkaku th img {
	width:30px;
    height:auto;
}

.enkaku td {
    display:flex;
    display: -webkit-flex;
    -webkit-display: flex;
    flex-direction:column;
    -webkit-flex-direction:column;
}

.enkaku td img {
	width:100%;
    height:auto;
    margin-right:0%;
    margin-bottom:10px;
}

.enkaku-td-textbox {
    width:100%;
}

.enkaku td p {
    width:100%;
    text-align:justify;
    font-size:12px;
    line-height:18px;
    color:#000000;
    margin-bottom:0px;
    font-weight:normal;
}

.enkaku .link {
	width:100%;
    text-align:right;
    margin-top:20px;
    font-weight:normal;
}

.enkaku .link a {
    width:100%;
    margin:0 auto;
    font-size:14px;
    text-align:center;
    color:#ffffff;
    background:#1d2081;
    display:block;
    border-radius:4px;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
	padding:15px 0px;
    margin-top:5px;
}

.enkaku .link a:hover {
	text-decoration:none;
    background:#292b87;
}

.asouku a {
    width:90%;
    margin:0 auto;
    font-size:16px;
    text-align:center;
    color:#ffffff;
    background:#1d2081;
    display:block;
    border-radius:4px;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
	padding:15px 0px;
    margin-top:30px;
    margin-bottom:10px;
}

.asouku a:hover {
	text-decoration:none;
    background:#292b87;
}

.aeoncinema {
	margin-bottom:0px;
}

.p-box-name {
	font-size:16px;
	width:100%;
    text-align:right;
    margin-bottom:0%;
}

.shoukai1 {
    padding-left:0px;
    padding-top:165px;
    background:url(images/shoukai1.jpg) top center no-repeat;
    margin-bottom:10%;
    background-size:150px 150px;
}

.shoukai2 {
    padding-left:0px;
    padding-top:165px;
    background:url(images/shoukai2.jpg) top center no-repeat;
    margin-bottom:10%;
    background-size:150px 150px;
}

.shoukai3 {
    padding-left:0px;
    padding-top:165px;
    background:url(images/shoukai3.jpg) top center no-repeat;
    background-size:150px 150px;
}

.shoukai-text h5 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
    color:#1d2081;
    text-align:center;
    line-height:15px;
}

.shoukai-text p {
    width:100%;
    text-align:justify;
    font-size:12px;
    line-height:18px;
    color:#000000;
    margin-bottom:0px;
    font-weight:normal;
}

.shoukai-text .katagaki {
    font-size:12px;
    line-height:22px;
}

.side-menu {
    display:none;
}

/* slick */
.slider-box {
	width:100%;
    margin:0 auto;
    margin-top:15px;
    padding:0px;
    box-sizing:border-box;
}

.slider-box ul {
	width:100%;
	display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;  
    box-sizing:border-box;
    overflow:hidden;
}

.slider-box li {
	width:48%;
    height:auto;
    box-sizing:border-box;
    margin:1%;
}

.slider-box li a {
	width:100%;
    height:auto;
    display:block;
	border-radius:5px;
    border:1px solid #dfdfdf;
    background:rgba(255, 255, 255, 0.5);
    transition: background-color 0.1s linear, border 0.1s linear;
    -webkit-transition: background-color 0.1s linear, border 0.1s linear;
}

.slider-box li a:hover {
    border:1px solid #fff000;
    background:rgba(255, 255, 255, 1);
}

.slider-box li a img {
	width:100%;
    height:auto;
    display:block;
    padding:15px;
    box-sizing:border-box;
}
}