/*  全体
----------------------------------------------- */

@charset "utf-8";

* 	{
	margin: 0;
	padding: 0;
	}

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 500; }

body {
	color:#000;
	font-size : 1em;
	line-height: 1.8;
	font-family: 'Century Gothic','Futura',"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: 500;
	background:none;
	}

a img {
	    -webkit-transition: 0.3s ease-in-out;
	       -moz-transition: 0.3s ease-in-out;
	         -o-transition: 0.3s ease-in-out;
	            transition: 0.3s ease-in-out;
	}
	a:hover img {
	    opacity: 0.6;
	    filter: alpha(opacity=60);
	}

a {
	color:#dd1d63;
	}

a:hover {
	color: #dd1d63;
	}

h2 {
	font-size : 2.4em;
	line-height: 1.4;
	}

h3 {
	font-size : 1.8em;
	line-height: 1.4;
	}

hr {
	border:none;
	border-bottom:1px solid #096082;
	height:1px;
	margin: 0 0 25px 0 ;
	}

hr.hr2 {
	border:none;
	border-bottom:1px solid #cfeff9;
	height:1px;
	margin:50px 0 25px 0 ;
	}

.clearfix {
  zoom: 1;
}

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



/*  画像
----------------------------------------------- */

img.full {
	width:100%;
	height:auto;
	}

img.full2 {
	display: block;
	width:96%;
	max-width:1000px;
	height:auto;
	}

img.bdr {
	width:calc(100% - 2px);
	height:auto;
	border:1px solid #ccc;
	}

img.alignright {
	display: inline;
	float: right;
	margin: 0 0 1em 1em;
	width:45%;
	max-width:320px;
	}

img.alignleft {
	display: inline;
	float: left;
	margin: 0 1em 2em 0;
	width:45%;
	max-width:200px;
	}

img.ya {
	margin:auto;
	margin-top:15px;
	width:100px!important;
	}

/*  ヘッダー
----------------------------------------------- */


img.headimg1 { width:96%; max-width:1033px; height:auto; }

.fadeIn1 { opacity:0; -webkit-animation: blur 0.5s ease-in-out 0.5s 1 forwards; animation: blur 0.5s ease-in-out 0.5s 1 forwards; }
.fadeIn2 { opacity:0; -webkit-animation: blur 0.5s ease-in-out 1.5s 1 forwards; animation: blur 0.5s ease-in-out 1.5s 1 forwards; }
.fadeIn3 { opacity:0; -webkit-animation: blur 0.5s ease-in-out 2.5s 1 forwards; animation: blur 0.5s ease-in-out 2.5s 1 forwards; }

@-webkit-keyframes blur{
	0% {
	    opacity: 0;
	    -webkit-filter: blur(5px);
	    filter: blur(5px);
	    -webkit-transform: scale(1.1) translateZ(0);
	    transform: scale(1.1) translateZ(0);
	}
	100% {
	    opacity: 1;
	    -webkit-filter: blur(0);
	    filter: blur(0);
	    -webkit-transform: scale(1) translateZ(0);
	    transform: scale(1) translateZ(0);
	}
}

@-moz-keyframes blur{
	0% {
	    opacity: 0;
	    -webkit-filter: blur(5px);
	    filter: blur(5px);
	    -webkit-transform: scale(1.1) translateZ(0);
	    transform: scale(1.1) translateZ(0);
	}
	100% {
	    opacity: 1;
	    -webkit-filter: blur(0);
	    filter: blur(0);
	    -webkit-transform: scale(1) translateZ(0);
	    transform: scale(1) translateZ(0);
	}
}

@keyframes blur{
	0% {
	    opacity: 0;
	    -webkit-filter: blur(5px);
	    filter: blur(5px);
	    -webkit-transform: scale(1.1) translateZ(0);
	    transform: scale(1.1) translateZ(0);
	}
	100% {
	    opacity: 1;
	    -webkit-filter: blur(0);
	    filter: blur(0);
	    -webkit-transform: scale(1) translateZ(0);
	    transform: scale(1) translateZ(0);
	}
}

/* はねる */

.bounce {
	animation:
		bounce 2s ease infinite normal 0s none running
	;
	-webkit-animation:
		bounce 2s ease infinite normal 0s none running
	;
	-ms-animation:
		bounce 2s ease infinite normal 0s none running
	;
}
@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
	    transform: translateY(0px);
	}
	40% {
	    transform: translateY(-30px);
	}
	60% {
	    transform: translateY(-15px);
	}
}
@-webkit-keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
	    transform: translateY(0px);
	}
	40% {
	    transform: translateY(-30px);
	}
	60% {
	    transform: translateY(-15px);
	}
}

/* 点滅 */
.blinking{
	-webkit-animation:blink .8s ease-in-out infinite alternate;
    -moz-animation:blink .8s ease-in-out infinite alternate;
    animation:blink .8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* マウスオーバー */
@-webkit-keyframes hvr-buzz-out{
	10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
	20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
	30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
	40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
	50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
	60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
	70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
	80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
	90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
	100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
	}
@keyframes hvr-buzz-out{
	10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
	20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
	30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
	40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
	50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
	60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
	70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
	80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
	90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
	100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
	}

.hvr-buzz-out {
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent
	}

.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover {
	-webkit-animation-name:hvr-buzz-out;
	animation-name:hvr-buzz-out;
	-webkit-animation-duration:.75s;
	animation-duration:.75s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1
	}

/*  トップページ
----------------------------------------------- */

#container {
	z-index:100;
	display: block;
	position: relative;
	}

.content {
	width: 100%;
	margin:0;
	padding:0;

	}

.top-bg {
	width:100%;
	padding:30px 0;
	background: url(../images/bg01.gif) repeat;
	}

.top-bg img {
	width:96%;
	max-width:900px;
	height:auto;
	}

.entry {
	clear:both;
	margin: 0 auto;
	width: 95%;
	max-width:900px;
	padding:10px 0 30px 0;
	}

form {
	margin: auto;
	text-align:center:
	}

label {
	display:none;
	}

input.touroku_mail {
	width:calc(100% - 40px);
	height:50px;
	padding:10px;
	font-size:30px;
	text-align:center;
	border:5px solid #096082;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	}

.mv_btn {
	margin: 30px 0 15px 0 ;
	background: -moz-linear-gradient(left, #4A56A3,#BB308B 39%,#dd1d63 66%,#E95442);
	background: -webkit-linear-gradient(left, #4A56A3,#BB308B 39%,#dd1d63 66%,#E95442);
	background: linear-gradient(left, #4A56A3,#BB308B 39%,#dd1d63 66%,#E95442);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	border:5px solid #fff;
	width: calc(100% - 10px);
	}

.mv_btn a {
	display: block;
	width: 100%;
	background: url(../images/botan1.png) no-repeat center;
	-webkit-background-size:94% auto;
	-moz-background-size:94% auto;
	-o-background-size:94% auto;
	background-size:94% auto;
	text-align: center;
	position: relative;
	transition: all 0.25s ease;
	}

.mv_btn a:hover {
	background: #00b800 url(../images/botan1.png) no-repeat center;
	-webkit-background-size:94% auto;
	-moz-background-size:94% auto;
	-o-background-size:94% auto;
	background-size:94% auto;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	}

.mv_btn a .main {
	position: relative;
	z-index: 2;
}

.mv_btn a input[type="image"] {
	padding: 30px 34.3% 25px 34.3%;
	width:31.4%;

}

.mv_btn a .ripple {
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #ffb0d4;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
    box-shadow: 0 0 5px rgba(255,255,255,1);
    animation-name: rippleAnimation;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    -webkit-animation-name: rippleAnimation;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    -moz-animation-name: rippleAnimation;
    -moz-animation-timing-function: ease-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 2s;
}

@keyframes rippleAnimation {
    0% {
        transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
	
}
@-webkit-keyframes rippleAnimation {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0;
    }
}
@-moz-keyframes rippleAnimation {
    0% {
        -moz-transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1.2, 1.2);
        opacity: 0;
    }
}


.countDown {
	max-width:700px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin:0 auto;
}

.countDown h2 {
	display:inline;
	padding:7px 5% 5px 5%;
	text-align:center;
	font-size:2em;
	background:#096082;
	border-radius:50px;
	color:#fff;
	font-weight:bold;
	}

.countDown .num {
	font-family: 'Times New Roman','游明朝',YuMincho,'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	background: url(../images/time-bg.png) no-repeat center;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	color:#096082;
	position: relative;
	width: 160px;
	height: 124px;
	padding-top:30px;
	}

.countDown .num > div {
	font-size: 78px;
	line-height:1;
	}
.countDown .num > .timer_ttl {
	font-family: 'Times New Roman','游明朝',YuMincho,'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	color: #096082;
	font-size: 18px;
	line-height:1;
	display: block;
	}

.movie_top,.movie_bottom {
	width:100%;
	height:30px;
	}

.movie_top {background: url(../images/movie-bg.png) repeat-x;}
.movie_center {
	position: relative;
	width: 100%;
	background: #333;
	}
.movie_bottom {background: url(../images/movie-bg2.png) repeat-x;}

.movie_box {
	position: relative;
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:900px;
	overflow:hidden;
	}

.movie_box:before {
	content:"";
	display: block;
	padding-top: 56.25%; /* iframe高さと幅の比を16:9に固定。9/16*100=56.25 */
	}

.movie_box iframe {
	position: absolute;
	margin:0 auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.sec-top {
	width: 100%;
	height:10px;
	background: url(../images/bg-gold.jpg) repeat-y;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

.sec-title { background: url(../images/bg01.png) repeat-y top; }
.sec-title2 { background: url(../images/bg02.png) repeat-y top; }

.sec-title,.sec-title2 {
	margin: auto;
	width:94%;
	padding:30px 3% 1px 3%;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	color:#FFF;
	}

h2.t-title, h2.t-title2 {
	font-family: 'Times New Roman','游明朝',YuMincho,'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	font-size : 3em;
	line-height: 1.3;
	font-weight:bold;
	}

h2.t-title2 { font-size : 2.6em; }

div.ya {background: url(../images/sec-ya.png) no-repeat top;}
div.ya2 {background: url(../images/sec-ya2.png) no-repeat top;}

div.ya,div.ya2 {
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

div.ya img,div.ya2 img {
	width:100%;
	height:auto;
	}

.cover0 { background: url(../images/bg-white.png) repeat; padding: 0 0 50px 0; }
.cover0b { background: url(../images/bg-black.png) repeat; padding: 0 0 50px 0; }
.cover0c { background: url(../images/bg-gray.png) repeat; padding:50px 0; }
.cover1 { background: url(../images/bg01.jpg) repeat-y top; }
.cover2 { background: url(../images/bg02.jpg) repeat-y top; }
.cover3 { background: url(../images/bg03.jpg) repeat-y top; }
.cover4 { background: url(../images/bg-blue.png) repeat-y top; }
.cover5 { background: url(../images/bg04.jpg) repeat-y bottom; }
.cover6 { background: url(../images/bg-dia.png) repeat;  padding: 0 0 50px 0; }

.cover1, .cover2, .cover3, .cover4, .cover5 { 
	padding: 0 0 50px 0; 
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	}

.cover1, .cover2, .cover5 { background-attachment:fixed; }

.honbun,.honbun2 { 
	margin: auto;
	max-width: 950px;
	padding: 50px 25px 5px 25px; 
	font-size: 1.2em;
	}

.honbun { 
	max-width: 800px;
	padding: 50px 100px 25px 100px; 
	background: #fff;
	}

.honbun p, .honbun2 p, dl.profile1 dd p, dl.profile2 dd p {margin-bottom:1.6em;}

dl.stage {
	margin:auto;
	margin-top:30px;
	max-width: 980px;
	width:calc(96% - 20px);
	border:10px solid #e2c99a;
	background:#fff;
	}

dl.tokuten { border:10px solid #F7CE69; }

dl#stage1 dt { background: #eee url(../images/stage01.jpg) no-repeat center; }
dl#stage2 dt { background: #eee url(../images/stage02.jpg) no-repeat center; }
dl#stage3 dt { background: #eee url(../images/stage03.jpg) no-repeat center; }
dl#future1 dt { background: #eee url(../images/future01.jpg) no-repeat center; }
dl#future2 dt { background: #eee url(../images/future02.jpg) no-repeat center; }
dl#future3 dt { background: #eee url(../images/future03.jpg) no-repeat center; }
dl#tokuten1 dt { background: #eee url(../images/tokuten01b.jpg) no-repeat center; }
dl#tokuten2 dt { background: #eee url(../images/tokuten02.jpg) no-repeat center; }
dl#tokuten3 dt { background: #eee url(../images/tokuten03.jpg) no-repeat center; }
dl#feature1 dt { background: #eee url(../images/feature01.jpg) no-repeat center; }
dl#feature2 dt { background: #eee url(../images/feature02.jpg) no-repeat center; }
dl#feature3 dt { background: #eee url(../images/feature03.jpg) no-repeat center; }
dl#bmodel1 dt { background: #eee url(../images/bmodel01.jpg) no-repeat center; }
dl#bmodel2 dt { background: #eee url(../images/bmodel02.jpg) no-repeat center; }
dl#bmodel3 dt { background: #eee url(../images/bmodel03.jpg) no-repeat center; }
dl#bmodel4 dt { background: #eee url(../images/bmodel04.jpg) no-repeat center; }
dl#bmodel5 dt { background: #eee url(../images/bmodel05.jpg) no-repeat center; }

dl#stage1 dt, dl#stage2 dt, dl#stage3 dt,dl#future1 dt, dl#future2 dt, dl#future3 dt,dl#tokuten1 dt, dl#tokuten2 dt, dl#tokuten3 dt, dl#feature1 dt, dl#feature2 dt, dl#feature3 dt, dl#bmodel1 dt, dl#bmodel2 dt, dl#bmodel3 dt, dl#bmodel4 dt, dl#bmodel5 dt {
	float:left;
	width:27%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	}

dl.stage dt img { display:block; width:108%; margin:-35px 0 0 -8%; padding-bottom: 60px; }

dl.stage dd {
	float:right;
	width:66%;
	padding:20px 4% 15px 0;
	line-height: 1.6;
	}

dl.stage dd p { font-size: 1.2em; margin-bottom:0; }

dl.stage dd h3 {
	font-family: 'Times New Roman','游明朝',YuMincho,'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	font-size: 2em;
	line-height: 1.4;
	font-weight:bold;
	color: #dd1d63;
	padding-bottom: 5px;
	border-bottom:1px solid #c9a872;
	margin-bottom: 10px;
	}

dl.future dd p,dl.tokuten dd p { font-size: 1.1em; }
dl.future dd h3 { font-size: 1.8em; }
dl.tokuten dd h3 { font-size: 1.6em; padding-bottom: 0px; margin-bottom: 5px; }

#profile {
	margin:auto;
	max-width:880px;
	padding:50px 60px 45px 60px;
	background: #fff;
	line-height: 1.8;
	}


dl.profile1 {
	padding-bottom: 20px;
	border-bottom: 1px dotted #dd1d63;
	margin-bottom: 40px;
	}

dl.profile1 dt, dl.profile2 dt {
	float:left;
	width:30%;
	}

dl.profile1 dt img, dl.profile2 dt img { width:100%; border-radius:50%; }

dl.profile2 dt.pro img { border-radius:0px; }

dl.profile1 dd, dl.profile2 dd {
	float:left;
	width:65%;
	padding:0 0 0 5%;
	}

.role {
	display:inline-block;
	background: #d00000;
	padding:1px 5% 2px 5%;
	margin:5px 0 15px 0;
	font-size : 0.9em;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px;
	}

li.ya {
	background: url(../images/ya4.png) no-repeat 0 7px;
	padding: 0 0 0 22px;
	list-style: none;
	font-size: 1.1em;
	line-height: 1.3;
	font-weight:bold;
	margin-bottom: 10px;
	}

li.ya2 {
	background: url(../images/ya5.png) no-repeat 0 5px;
	-webkit-background-size:25px auto;
	-moz-background-size:25px auto;
	-o-background-size:25px auto;
	background-size:25px auto;
	padding: 5px 0 5px 32px;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.3;
	font-weight:bold;
	margin-bottom: 0.45em;
	}

.box {
	border:1px solid #CCC;
	}

table.info {
	margin: auto;
	width:calc(100% - 10px);
	max-width:850px;
	border:none;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
	color:#000;
	}

table.info th {
	width:30%;
	background:#efefef;
	font-weight:bold;
	font-size:1em;
	padding:10px;
	border:none;
	border-bottom:1px solid #999;
	}

table.info td {
	border:1px solid #999;
	background:#fff;
	padding:10px;
	font-size:0.9em;
	border:none;
	border-bottom:1px solid #999;
	}


/*  フォント
----------------------------------------------- */

.mincho { 
	font-family: 'Times New Roman','游明朝',YuMincho,'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; 
	}

.shadow {
	-webkit-text-shadow:0 0 10px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1);
	-moz-text-shadow:0 0 10px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1);
	-o-text-shadow:0 0 10px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1);
	text-shadow:0 0 10px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1);
	}

.shadow2 {
	-webkit-text-shadow:0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1);
	-moz-text-shadow:0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1);
	-o-text-shadow:0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1);
	text-shadow:0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1);
	}

.bold {font-weight:bold;}
.center {text-align:center;}

.p12,.b12 {line-height: 1.6;}
.p14,.p16,.b14,.b16 {line-height: 1.4;}
.p20,.p24,.p30,.b20,.b24,.b30 {line-height: 1.3;}
.p32,.p36,.b32,.b36,.b20>.b24 {line-height: 1;}

h2.t-title .b12, h2.t-title .b14, h2.t-title .b16 {line-height: 1;}

.p05{font-size: 0.5em;}
.p08{font-size: 0.8em;}
.p12{font-size: 1.2em;}
.p14{font-size: 1.4em;}
.p16{font-size: 1.6em;}
.p20{font-size: 2.0em;}
.p24{font-size: 2.4em;}
.p30{font-size: 3.0em;}
.p32{font-size: 3.2em;}
.p36{font-size: 3.6em;}

.b12{font-size: 1.2em;font-weight:bold;}
.b14{font-size: 1.4em;font-weight:bold;}
.b16{font-size: 1.6em;font-weight:bold;}
.b20{font-size: 2.0em;font-weight:bold;}
.b24{font-size: 2.4em;font-weight:bold;}
.b30{font-size: 3.0em;font-weight:bold;}
.b32{font-size: 3.2em;font-weight:bold;}
.b36{font-size: 3.6em;font-weight:bold;}

.red {color: #d00000;}
.pink {color: #dd1d63;}
.pink2 {color: #ff006a;}
.yellow {color: #FFC82E;}
.blue {color: #cfeff9;}
.blue2 {color: #096082;}
.white {color: #fff;}
.gray {color: #666;}
.black {color: #000;}

.mkr {
	display:inline;
	background: url(../images/marker.png)repeat-x bottom;
	}

.mkr2 {
	display:inline;
	background: url(../images/marker2.png)repeat-x bottom;
	}

.u {
	border-bottom:3px solid #FFC82E;
	height:3px;
	}

.u2 {
	border-bottom:1px solid #FFC82E;
	height:3px;
	}

.u3 {
	border-bottom:1px solid #ff65a5;
	height:3px;
	}


.m-20 {margin-bottom:-20px;}
.m-30 {margin-bottom:-30px;}
.m-110 {margin-bottom:-110px;}
.m-120 {margin-bottom:-120px;}
.m0 {margin-bottom:0px;}
.m10 {margin-bottom:10px;}
.m20 {margin-bottom:20px;}
.m30 {margin-bottom:30px;}
.m40 {margin-bottom:40px;}
.m50 {margin-bottom:50px;}
.m60 {margin-bottom:60px;}
.m70 {margin-bottom:70px;}
.m80 {margin-bottom:80px;}
.m100 {margin-bottom:100px;}

.t-10 {margin-top:-10px;}
.t-20 {margin-top:-20px;}
.t-30 {margin-top:-30px;}
.t-40 {margin-top:-40px;}
.t-50 {margin-top:-50px;}
.t-60 {margin-top:-60px;}
.t10 {margin-top:10px;}
.t20 {margin-top:20px;}
.t30 {margin-top:30px;}
.t40 {margin-top:40px;}
.t50 {margin-top:50px;}
.t60 {margin-top:60px;}
.t70 {margin-top:70px;}
.t80 {margin-top:80px;}
.t100 {margin-top:100px;}

.pm10 {padding-bottom:10px;}
.pm20 {padding-bottom:20px;}
.pm30 {padding-bottom:30px;}
.pm40 {padding-bottom:40px;}
.pm50 {padding-bottom:50px;}
.pm60 {padding-bottom:60px;}
.pm70 {padding-bottom:70px;}
.pm80 {padding-bottom:80px;}
.pm100 {padding-bottom:100px;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt100 {padding-top:100px;}

br.pc, p.pc {display:inline;}
br.sp, p.sp {display:none;}

img.pc {display:block;}
img.sp {display:none;}

/*  フッター
----------------------------------------------- */
footer {
	z-index:1000;
	position: relative;
        clear:both;
	font-size: 12px;
	color:#FFF;
        padding: 10px 0;
	text-align: center;
	background: #000;
	}

footer a {
	color:#FFF;
	}


.mv1{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
	transition: 1.2s;
}
.mv2{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


/*media Queries 
----------------------------------------------------*/

@media only screen and (max-width: 1200px) { h2.t-title { font-size:2.8em; } h2.t-title2 { font-size:2.6em; } }

@media only screen and (max-width: 960px) { h2.t-title { font-size:2.6em; } h2.t-title2 { font-size:2.4em; } }

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

	body {
		font-size: 1em;
		line-height:1.8;
		}

	h2 {
		font-size : 1.8em;
		line-height:1.3;
		}

	h3 { font-size : 1.6em; }

	hr {margin: 0 0 15px 0 ;}

	hr.hr2 {margin: 30px 0 15px 0 ;}

	img.alignright2 {
		float: none;
		width:50%;
		margin: 0 0 20px 25%;
		}

	img.ya { margin-top:10px; width:60px!important; }

	img.headimg1,img.headimg3,img.headimg4 { display: none; }
	img.headimg2 { width:94%; }

	.top-bg {
		padding:10px 0;
		-webkit-background-size:4px auto;
		-moz-background-size:4px auto;
		-o-background-size:4px auto;
		background-size:4px auto;
		}

	.entry {
		width: 92%;
		padding:5px 0 20px 0;
		}

	.entry p { font-size:0.8em; }

	img.full4 {
		display: block;
		width:90%;
		}

	input.touroku_mail {
		width:calc(100% - 14px);
		height:40px;
		padding:2px;
		font-size:20px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		border-radius:5px;
		}

	.mv_btn {
		margin: 15px 0 10px 0 ;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		-o-border-radius:8px;
		border-radius:8px;
		border:3px solid #fff;
		}

	.mv_btn a {
		background: url(../images/botan1sp.png) no-repeat center;
		-webkit-background-size:94% auto;
		-moz-background-size:94% auto;
		-o-background-size:94% auto;
		background-size:94% auto;
		}

	.mv_btn a:hover {
		background: #00b800 url(../images/botan1sp.png) no-repeat center;
		-webkit-background-size:94% auto;
		-moz-background-size:94% auto;
		-o-background-size:94% auto;
		background-size:94% auto;
		}

	.mv_btn a input[type="image"] {
		padding: 0 10%;
		width:80%;

	}

	@keyframes rippleAnimation {
	    0% {
	        transform: scale(1, 1);
	        opacity: 1;
	    }
	    100% {
	        transform: scale(1.08, 1.08);
	        opacity: 0;
	    }
		
	}
	@-webkit-keyframes rippleAnimation {
	    0% {
	        -webkit-transform: scale(1, 1);
	        opacity: 1;
	    }
	    100% {
	        -webkit-transform: scale(1.08, 1.08);
	        opacity: 0;
	    }
	}
	@-moz-keyframes rippleAnimation {
	    0% {
	        -moz-transform: scale(1, 1);
	        opacity: 1;
	    }
	    100% {
	        -moz-transform: scale(1.08, 1.08);
	        opacity: 0;
	    }
	}

	.countDown {
		margin:0 auto;
		width:95%;
		}

	.countDown h2 { font-size:1.2em;margin-bottom:0; }

	.countDown .num {
	    width: 22vmin;
	    height: 18vmin;
	    padding-top:6vmin;
	}
	.countDown .num > div {
	    font-size: 10vmin;
	}
	.countDown .num > .timer_ttl {
	    font-size: 2.5vmin;
	}

	.movie_top,.movie_bottom {
		height:20px;
		}

	.movie_top,.movie_bottom {
		-webkit-background-size:auto 20px;
		-moz-background-size:auto 20px;
		-o-background-size:auto 20px;
		background-size:auto 20px;
		}

	.movie_box { width:100%; }

	.sec-top { height:5px; background-size: 200% auto; }

	.sec-title,.sec-title2 { padding:25px 3% 10px 3%; }

	h2.t-title { font-size:2.4em; }
	h2.t-title2 { font-size:2.1em; }

	h2.t-title br { display: none; }
	h2.t-title br.tt { display:inline; }

	.cover0, .cover0b, .cover6 { padding: 0 0 25px 0; }
	.cover0c { padding: 25px 0; }
	.cover1, .cover2, .cover3, .cover4, .cover5 { 
		padding: 0 0 25px 0;
		-webkit-background-size:300% auto;
		-moz-background-size:300% auto;
		-o-background-size:300% auto;
		background-size:300% auto;
		background-attachment:scroll;
		}

	.cover0, .cover0b, .cover0c, .cover6 {  
		-webkit-background-size:50px auto;
		-moz-background-size:50px auto;
		-o-background-size:50px auto;
		background-size:50px auto;
		}

	.honbun, .honbun2 { 
		font-size:16px;
		width: 88%;
		padding: 30px 4% 5px 4%;
		}

	.honbun p,.honbun2 p {margin-bottom:1.6em;}

	dl.stage {
		margin-top:15px;
		width:calc(96% - 10px);
		border:5px solid #e2c99a;
		}

	dl.tokuten { border:5px solid #F7CE69; }

	dl.tokuten dt:after {
		content:"";
		display: block;
		padding-top: 24%;
		}

	dl#stage1 dt, dl#stage2 dt, dl#stage3 dt,dl#future1 dt, dl#future2 dt, dl#future3 dt,dl#tokuten1 dt, dl#tokuten2 dt, dl#tokuten3 dt, dl#feature1 dt, dl#feature2 dt, dl#feature3 dt, dl#bmodel1 dt, dl#bmodel2 dt, dl#bmodel3 dt, dl#bmodel4 dt, dl#bmodel5 dt {
		float:none;
		width:70%;
		padding:0 30% 0 0;
		}

	dl.stage dt img { width:100%; margin: 0; padding-bottom: 40px; }

	dl.stage dd {
		float:none;
		width:92%;
		padding:15px 4%;
		}

	dl.stage dd p { font-size: 1em; }

	dl.stage dd h3 {
		font-size: 1.4em;
		padding-bottom: 3px;
		}

	dl.future dd p, dl.tokuten dd p { font-size: 1em; }
	dl.future dd h3, dl.tokuten dd h3 { font-size: 1.4em; }

	#profile {
		margin:auto;
		width:88%;
		padding:20px 3% 10px 3%;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-o-border-radius:10px;
		border-radius:10px;
		font-size:16px;
		}

	dl.profile1 {
		padding-bottom: 5px;
		margin-bottom: 25px;
		}

	dl.profile1, dl.profile2 {

		}

	dl.profile1 dt, dl.profile2 dt {
		float:none;
		width:60%;
		margin-left:20%;
		}

	dl.profile1 dt img, dl.profile2 dt img {width:100%;}

	dl.profile1 dd, dl.profile2 dd {
		float:none;
		width:100%;
		padding:0;
		text-align:center;
		}

	dl.profile1 dd p, dl.profile2 dd p {
		text-align:left;
		font-size:0.9em;
		}

	.role {
		font-weight:normal;
		}

	table.info th {
		font-size:0.8em;
		padding:5px;
		}

	table.info td {
		font-size:0.7em;
		padding:5px;
		}

	.p12,.p14,.p16,.p20,.b12,.b14,.b16,.b20 {line-height: 1.5;}

	.p24,.p30,.b24,.b30 {line-height: 1.3;}

	.p32,.p36,.b32,.b36 {line-height: 1.2;}

	.p12,.b12{font-size: 1.1em;}
	.p14,.b14{font-size: 1.2em;}
	.p16,.b16{font-size: 1.3em;}
	.p20,.b20{font-size: 1.5em;}
	.p24,.b24{font-size: 1.8em;}
	.p30,.b30{font-size: 2.0em;}
	.p32,.b32{font-size: 2.2em;}
	.p36,.b36{font-size: 2.4em;}

	#honbun2 .b14 {font-size: 1em;}

	.m-10 {margin-bottom:-8px;}
	.m-20 {margin-bottom:-10px;}
	.m-30 {margin-bottom:-15px;}
	.m0 {margin-bottom:0px;}
	.m10 {margin-bottom:5px;}
	.m20 {margin-bottom:10px;}
	.m30 {margin-bottom:15px;}
	.m40 {margin-bottom:20px;}
	.m50 {margin-bottom:20px;}
	.m60 {margin-bottom:30px;}
	.m70 {margin-bottom:35px;}
	.m80 {margin-bottom:40px;}
	.m100 {margin-bottom:50px;}

	.t-5 {padding:0;margin-top:-5px;}
	.t-10 {margin-top:-5px;}
	.t-20 {margin-top:-10px;}
	.t-30 {margin-top:-15px;}
	.t-40 {margin-top:-25px;}
	.t-50 {margin-top:-25px;}
	.t-60 {margin-top:-30px;}
	.t10 {margin-top:5px;}
	.t20 {margin-top:10px;}
	.t30 {margin-top:15px;}
	.t40 {margin-top:20px;}
	.t50 {margin-top:25px;}
	.t60 {margin-top:30px;}
	.t70 {margin-top:35px;}
	.t80 {margin-top:40px;}
	.t100 {margin-top:50px;}

	.pm10 {padding-bottom:5px;}
	.pm20 {padding-bottom:10px;}
	.pm30 {padding-bottom:15px;}
	.pm40 {padding-bottom:20px;}
	.pm50 {padding-bottom:25px;}
	.pm60 {padding-bottom:30px;}
	.pm70 {padding-bottom:35px;}
	.pm80 {padding-bottom:40px;}
	.pm100 {padding-bottom:50px;}

	.pt10 {padding-top:5px;}
	.pt20 {padding-top:10px;}
	.pt30 {padding-top:15px;}
	.pt40 {padding-top:20px;}
	.pt50 {padding-top:25px;}
	.pt60 {padding-top:30px;}
	.pt70 {padding-top:35px;}
	.pt80 {padding-top:40px;}
	.pt100 {padding-top:30px;}

	br.pc, p.pc {display:none;}
	br.sp, p.sp {display:inline;}

	img.pc {display:none;}
	img.sp {display:block;}

	img.w20 {
		width:20px;
		height:auto;
		}

	img.w30 {
		width:30px;
		height:auto;
		}

	.b30 br, .b32 br {display:none;}

}

@media only screen and (max-width: 480px) {

	h2 { font-size : 1.6em; }
	h3 { font-size : 1.5em; }

	.entry {
		padding:10px 3% 20px 3%;
		}

	.sec-title,.sec-title2 {
		padding:20px 3% 10px 3%;
		}

	h2.t-title { font-size:1.8em; }
	h2.t-title2 { font-size:1.6em; }

	@keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: translateY(0px);
		}
		40% {
		    transform: translateY(-20px);
		}
		60% {
		    transform: translateY(-10px);
		}
	}
	@-webkit-keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: translateY(0px);
		}
		40% {
		    transform: translateY(-20px);
		}
		60% {
		    transform: translateY(-10px);
		}
	}

	dl.tokuten dd h3 { font-size: 1.1em; }

	#honbun11 .b14 { font-size: 1.1em; }

}


@media only screen and (max-width: 380px) {


	h2.t-title { font-size:1.6em; }
	h2.t-title2 { font-size:1.4em; }

	.honbun,.honbun2 { 
		padding: 20px 4% 5px 4%; 
		font-size:15px;
		}

	#profile {
		font-size:14px;
		}

	dl.profile1 dd .b12, dl.profile2 dd .b12 {font-size: 1.05em;}

	.p14,.b14{font-size: 1.15em;}
	.p16,.b16{font-size: 1.2em;}
	.p20,.b20{font-size: 1.3em;}
	.p24,.b24{font-size: 1.6em;}
	.p30,.b30{font-size: 1.6em;}
	.p32,.b32{font-size: 1.7em;}
	.p36,.b36{font-size: 1.8em;}
	#honbun3 .b14 {font-size: 1em;}
	.pm50 {padding-bottom:25px;}

	#honbun11 .b14 { font-size: 1em; }
}

.voice-bg { background: url(../images/voice-bg.png) no-repeat top left; }
.voice-bg2 { background: url(../images/voice-bg2.png) no-repeat top left; }

.voice-bg, .voice-bg2 {
	display:block;
	color:#c6993e;
	padding: 30px 0 10px 0;
	font-size: 1em;
	font-weight:bold;
	-webkit-background-size:180% auto;
	-moz-background-size:180% auto;
	-o-background-size:180% auto;
	background-size:180% auto;
	}

.voice-bg h3, .voice-bg2 h3 {
	padding: 5px 0 10px 0;
	margin-bottom: 0px;
	font-family: '游明朝',YuMincho,'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; 
	font-size: 1.5em;
	line-height:1.3;
	color:#dc0000;
	border-bottom:1px solid #dc0000;
	}

@media only screen and (min-width: 381px) { .voice-bg h3, .voice-bg2 h3 {font-size: 1.55em;} }

@media only screen and (min-width: 481px) { .voice-bg h3, .voice-bg2 h3 {font-size: 1.6em;} }

@media only screen and (min-width: 641px) {

	.voice-bg, .voice-bg2 {
		margin-bottom: 10px;
		padding: 33px 0 10px 10px;
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		-o-background-size:100% auto;
		background-size:100% auto;
		font-size: 1.2em;
		line-height:1.5;
		}

	.voice-bg h3, .voice-bg2 h3 {
		padding: 15px 0 10px 0;
		margin-bottom: 10px;
		font-size: 2em;
		line-height:1.3;
		}

	}

@media only screen and (min-width: 961px) { .voice-bg h3, .voice-bg2 h3 {font-size: 2.2em;} }