@charset "utf-8";
/* CSS Document */

/*========================================================================*/
/* reset css
/*========================================================================*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li img { vertical-align:bottom; }

/*========================================================================*/
/* body
/*========================================================================*/

body { color:#333; font-size:14px; line-height:1.6em; background:#fff;  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
a.remove_cookie { position:absolute; top:30%; cursor:pointer; }

/*========================================================================*/
/* modal
/*========================================================================*/

#modal { display:none; }
#confirm_modal { width:1000px; background:#eee; padding:30px 10px 50px; border:1px #ccc solid; border-radius:10px; box-shadow:0 0 20px #000; }
#confirm_modal p { margin-bottom:1em; }
#confirm_modal table { margin:0 auto; }
#confirm_modal a { cursor:pointer; }


#auth {
	background:url(img/onafes-2015-top.jpg);
	width:994px;
	height:500px;
	text-align:center;
	margin:0px auto;
	 z-index:10002;

	}


div.nin{
	width:500px;
	height:150px;
	margin:0px auto;
	top:360px;
	position:relative
	}

div.nin ul{
	list-style:none;
	}

div.nin li.yesto{
	float:left;
	}

div.nin li.no{
	float:right;
	}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#bgreal {
	width:950px;
	height:100%;
	margin:0 auto;
	background-color:#EFEFEF;
	padding-bottom:45px;
	
	}

#ayu_ms {
	width:860px;
	margin:0 auto;
	height:100%;
	background-color:#FFF;


	}

#ayu_msx {
	width:860px;
	margin:0 auto;
	height:100%;
	background-color:#FFF;
	background:url(../img/back.png);
	background-repeat: no-repeat;

background-position: right bottom;
-moz-box-shadow: 0 0 3px #FFF;
-webkit-box-shadow: 0 0 3px #FFF;

	}

#real10th {
	width:860px;
	margin:0 auto;
	height:100%;
	background-color:#FFF;

	}

#real10th .section{
	padding-top:30px;
	display:block;
	
	
	}

#real10th h3{
	text-align:left;
	padding:5px;
	border-bottom:1px solid #aba9a9;
	}

#section1 .left{
	width:500px;
	float:left;
	}

#section1 .left li{
	list-style:none;
	float:left;
	width:150px;
	padding:5px;
	text-align:left;}

#section1 .right{
	width:320px;
	float:right;
	padding:5px;
	}



#section1 .mov_main{



}


#section2 li{
	list-style:none;
	float:left;
	width:150px;
	padding:5px;
	text-align:left;
	margin-left:70px;
	}

#section2 li img{
	border:3px solid #FFF;
	}

#section4 div{
	padding:30px 0;
	width:860px;
	height:
	}

#section4 li{
	list-style:none;
	float:left;
	width:240px;
	padding:5px;
	text-align:left;
	margin-left:30px;
	}

#section5 div{
	padding: 0;
	width:860px;
	height:
	}

div.social {
	width:860px;
	height:1950px;
	margin:30px auto;
	background-color:#FFF;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
	background-image:url(img/onataro-under.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;

	}


div.social h3 {
    color: #c24452;
    font-size: 2em;
    margin: 50px auto 20px;
}

div.face{
	width:320px;

	float:left;
	margin-top:50px;
	margin-left:100px;
	}

div.twitter{
	width:300px;
	height:500px;
	float:left;
	margin-top:50px;
	margin-left:40px;
	
	}

div.attension {
	width:860px;
	margin:30px auto;
	background-color:#FFF;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
	background-image:url(img/onataro-under.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;

	}

div.attension ul.tenpo li {
	display:block;
	width:400px;
	height:70px;
	padding:10px;
	text-align:left;
	border:1px #666 solid;
	margin:10px auto;
	}

div.attension h3{
	margin:50px auto 20px;
	font-size:2em;
	color: #C24452;
	
	}

div.doc {
	width:650px;
	text-align:left;
	margin:10px auto;
	}


div.doc li{
	padding-left: 1em;
	text-indent: -1em;
	}

div.maker li{
    float:left;
	}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


div.navi{
	margin:0 auto;
	width:950px;
	height:92px;
	text-align:center;
	}


div.navi li{
	float:left;
	border-bottom: 1px solid #b9b9b9;
	}

div.top-logo{
	float:left;
	width:431px;
	height:475px;
	
	}

div.top-flip{
	float:left;
	width:519px;
	height:475px;
	position:relative;
	}

div.top-flip-flop{
top:40px;
left:20px;
position:absolute;
	}

div.top-flip li{
	float:left;
	
	}


.demo-frame header, .demo-frame h1, .demo-frame .demo-conversion {
	display: none;
}

.demo-wrapper {
	min-height: 500px;
}

.bsap {
	position: absolute;
	top: 0;
	right: 0;
}

		/* simple */
		.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 

			border: 1px solid #ffc4c8;
		}

			/*
			.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				transform: rotateY(180deg);
				filter: FlipH;
    			-ms-filter: "FlipH";
			}
			*/


			/* START: Accommodating for IE */
			.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
		
		/* END: Accommodating for IE */

		.flip-container, .front, .back {
			width: 230px;
			height: 130px;
		}



		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			background: lightgreen;
			z-index: 2;
		}

		.back {
			background: lightblue;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}

		.front .name {
			font-size: 2em;
			display: inline-block;
			background: rgba(33, 33, 33, 0.9);
			color: #f8f8f8;
			font-family: Courier;
			padding: 5px 10px;
			border-radius: 5px;
			bottom: 60px;
			left: 25%;
			position: absolute;
			text-shadow: 0.1em 0.1em 0.05em #333;
			display: none;

			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
		}

		.back-logo {
			position: absolute;
			top: 20px;
			left: 90px;
			width: 160px;
			height: 117px;
			background: url(logo.png) 0 0 no-repeat;
		}

		.back-title {
			font-weight: bold;
			color: #00304a;
			position: absolute;
			top: 180px;
			left: 0;
			right: 0;
			text-align: center;
			text-shadow: 0.1em 0.1em 0.05em #acd7e5;
			font-family: Courier;
			font-size: 22px;
		}

		.back p {
			position: absolute;
			bottom: 40px;
			left: 0;
			right: 0;
			text-align: center;
			padding: 0 20px;
			font-size: 18px;
		}

		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			/*
			.vertical.flip-container:hover .flipper {
				-webkit-transform: rotateX(-180deg);
				-moz-transform: rotateX(-180deg);
				-ms-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
			*/

			/* START: Accommodating for IE */
			.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}
		/* END: Accommodating for IE */

div.social_link{
	padding:20px;
	}

div.social_link li{
	float:right;
	vertical-align: top;}

div.doll li{
	float:left;
	margin-left:10px;
	
	}


/* ==================== [ HEADER ] */
header {
}
#header-inner {
    position: relative;
    width: 944px;
    margin: 0px auto;
}
header h1 {
    float: left;
    padding: 25px 0;
}
header nav {
    float: left;
    margin-left: 20px;
}
header nav ul {
    border-collapse: separate;
    border-spacing: 44px 0;
}
header nav ul li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
header nav ul li a {
    display: block;
    padding: 26px 0;
}
header nav ul li a > p, header nav ul li span > p {
    font-size: 13px;
    letter-spacing: -.05em;
    color: #8d8d8d;
}
.btn-entry { position: relative; }
.bx-entry-search {
    overflow: hidden;
    position: absolute;
    top: 72px;
    left: 50%;
    height: 0;
    margin-left: -188px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
.bx-entry-search ul {
    position: relative;
    width: 356px;
    padding: 10px;
}
.bx-entry-search ul::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid #000;
}
.bx-entry-search ul li {
    background-color: #000;
    display: inline-block;
    color: #fff;
    width: 178px;
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
}
.bx-entry-search ul li:nth-child(1) { border-radius: 4px 0 0 4px; }
.bx-entry-search ul li:nth-child(2) { border-radius: 0 4px 4px 0; }
.bx-entry-search ul li a {
    color: #fff;
    padding: 0;
    line-height: 64px;
    font-size: 14px;
    font-weight: bold;
}
.area-form-search {
    position: relative;
    margin-left: -20px;
}
.bx-form-search {
    position: absolute;
    top: 34px;
    left: 50%;
    z-index: 1000;
    margin-left: -30px;
}
.btn-search { position: relative; }
.bx-form-search {
    position: absolute;
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
#from-search {
    padding: 12px;
    width: 240px;
    line-height: 1.3;
    border: none;
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
    font-size: 13px;
    outline: none;
    box-sizing: border-box;
}
label.btn-search-label {
    padding: 40px 20px;
    cursor: pointer;
}
label.btn-search-label > img {
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;

}
label.btn-search-label:hover > img { opacity: 0.4; }
.bx-form-search span {
    position: relative;
    display: block;
    padding: 10px;
}
.bx-form-search span::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 22px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.btn-countdown .countdown {
	margin:0 0 0 60px;
    width: 460px;
    height: 60px;
}
.btn-countdown .countdown::after {
    content: '';
    position: absolute;
    bottom: 0px;
    height: 30px;
}
.btn-countdown .countdown > img {
    margin-bottom: 4px;
    text-align: center;
}
.btn-countdown .btn-vote {
    position: absolute;
    top: 4px;
    left: 8px;
}
.btn-countdown a.btn {
    height: 88px;
    width: 518px;
    border-radius: 0 0 4px 4px;
    color: #fff;
}
.btn-countdown a.btn::before, .btn-countdown a.btn::after { width: 518px; }
.btn-countdown a.btn::before {
    height: 44px;
    background-color: #6f6f6f;
}
.btn-countdown a.btn::after {
    height: 88px;
    background-color: #878787;
    border-radius: 0 0 4px 4px;
 }
.btn-countdown a:hover::before { background-color: #6f6f6f; }
.btn-countdown a:hover::after { background-color: #878787; }




/* ==================== [ CONTAINER ] */
#container {
    position: relative;
    margin-top: 100px;
    padding: 80px 0 72px;
    background-color: #fff;
}
#container:before{
    content: '';
    position: absolute;
    top: 300px;
    left: 50%;
    width: 1000px;
    margin-left: -1240px;
    border-bottom: solid 12px #ff6054;
    box-shadow: 0px 2px rgba(0, 0, 0, 0), 0px 14px #ffd954, 0px 16px rgba(0, 0, 0, 0), 0px 28px #88ff54, 0px 30px rgba(0, 0, 0, 0), 0px 42px #54c1ff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.area-ttl {
    position: relative;
    margin: 0 0 60px;
    padding-bottom: 50px;
    border-bottom: 2px solid #000;
    text-align: center;
}
.area-ttl::before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #000;
}
.area-ttl > h1 { margin-bottom: 16px; }
.area-ttl > span { color: #7a7a7a; }
.contents > h1,
.contents > h2 {
    margin-bottom: 8px;
    font-size: 20px;
}
.contents > p { margin-bottom: 40px; }




/* ==================== [  BTN ] */
.btn {
    display: inline-block;
    position: relative;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.4);
    line-height: 1.2em;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    -webkit-transition: box-shadow 0.8s;
    -moz-transition: box-shadow 0.8s;
    -ms-transition: box-shadow 0.8s;
    -o-transition: box-shadow 0.8s;
    transition: box-shadow 0.8s;
}
.btn::before,
.btn::after {
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
}
.btn::before, .btn::after {
    -webkit-transition: background-color 0.8s;
    -moz-transition: background-color 0.8s;
    -ms-transition: background-color 0.8s;
    -o-transition: background-color 0.8s;
    transition: background-color 0.8s;
}
.btn::before {
    z-index: -1;
    border-radius: 0 0 4px 4px;
}
.btn::after {
    z-index: -2;
    border-radius: 4px;
}
.btn:hover {
    box-shadow: 0 1px 8px rgba(0,0,0,1);
    opacity: 1;
}




/* ==================== [ FOOTER ] */
footer {
}
@-webkit-keyframes AnimationName {
    0%{background-position:4% 0%}
    50%{background-position:97% 100%}
    100%{background-position:4% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:4% 0%}
    50%{background-position:97% 100%}
    100%{background-position:4% 0%}
}
@keyframes AnimationName {
    0%{background-position:4% 0%}
    50%{background-position:97% 100%}
    100%{background-position:4% 0%}
}
#footer-inner {
    overflow: hidden;
    width: 900px;
    margin: 0 auto;
    padding: 80px 0 48px;
}
.area-footernav {
    overflow: hidden;
    margin-bottom: 72px;
}
[class^='bx-footernav'] {
    float: left;
    margin-left: 64px;
}
[class^='bx-footernav'] dd {
    line-height: 2;
    font-size: 14px;
}
[class^='bx-footernav'] dt::before {
    content: '';
    display: inline-block;
    margin-right: 4px;
}
.bx-footernav-guide dt::before {
    width: 18px;
    height: 14px;
    background: url(../images/common/footer/pict_whats.png) 0 100% no-repeat;
}
.bx-footernav-entry dt::before {
    width: 19px;
    height: 17px;
    background: url(../images/common/footer/pict_entry.png) 0 100% no-repeat;
}
.bx-footernav-shop dt::before {
    width: 15px;
    height: 20px;
    background: url(../images/common/footer/pict_shop.png) 0 100% no-repeat;
}
.bx-footernav-info dt::before {
    width: 19px;
    height: 16px;
    background: url(../images/common/footer/pict_info.png) 0 100% no-repeat;
}
.bx-footernav-guide { margin-left: 0; }
.bx-footernav-shop {
    overflow: hidden;
    width: 158px;
}
.bx-footernav-shop dd { float: left; }
.bx-footernav-shop dd:nth-child(odd) { margin-left: 32px }
[class^='bx-footernav'] dt {
    margin-bottom: 6px;
    font-size: 15px;
    font-weight: bold;
}
.bx-footernav-guide dd { margin-left: 22px; }
.bx-footernav-entry dd { margin-left: 23px; }
.bx-footernav-shop dd { margin-left: 19px; }
.bx-footernav-info dd { margin-left: 23px; }
.area-footerlogo {
    margin-bottom: 88px;
    text-align: center;
}
.area-footerlogo > img { margin-bottom: 24px }
.area-footerlogo > .bnr-ippa {
    display: inline-block;
    margin: 0 0 24px 64px;
}
.area-footerlogo > .bnr-ippa p {
    margin-bottom: 2px;
    font-size: 14px;
    letter-spacing: -.05em;
}
.area-footerlogo > a { display: inline-block; }
.tx-copyright { text-align: center; }
.tx-copyright { text-align: center; }
#page-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 250;
}
#page-top a {
    display: block;
    -webkit-transition: margin-top 0.2s, padding-bottom 0.2s;
    -moz-transition: margin-top 0.2s, padding-bottom 0.2s;
    -ms-transition: margin-top 0.2s, padding-bottom 0.2s;
    -o-transition: margin-top 0.2s, padding-bottom 0.2s;
    transition: margin-top 0.2s, padding-bottom 0.2s;
}
#page-top a:hover {
    margin-top: -6px;
    padding-bottom: 6px;
    opacity: 0.8;
}



/* ==================== [  NOTICE ] */
span.notice {
    display: inline-block;
    width: 72px;
    height: 22px;
    margin-left: 8px;
    border-radius: 4px;
    background-color: #ff6054;
    text-align: center;
    font-size: 12px;
    color: #fff;
}
header nav ul li.notice span {
    position: relative;
}
header nav ul li.notice span::before {
    content: '7月10日公開';
    position: absolute;
    top: -16px;
    left: -12px;
    width: 64px;
    padding: 0 4px;
    line-height: 1.5;
    border-radius: 4px;
    background-color: #ff6054;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}




/* ==================== [  COUNTDOWN ] */
/* カウントダウン上文言 */
.countdown.before-info-open::before {
    width: 114px;
    height: 15px;
    margin: 3px 0 1px 0;
    display: block;
    content: '';
    background: url(http://www.av-open.jp/images/common/header/tx_countdown01.png);
}
.countdown.before-info-votestart::before,
.countdown.before-info-voteclose::before,
.countdown.before-info-reward::before {
    width: 200px;
    margin: 3px 0 1px 13px;
    display: block;
    content: '';
}
/* 
.countdown.before-info-votestart::before {
    background: url(http://www.av-open.jp/images/common/header/tx_countdown02.png);
}
.countdown.before-info-voteclose::before {
    background: url(http://www.av-open.jp/images/common/header/tx_countdown03.png);
}
.countdown.before-info-reward::before {
    background: url(http://www.av-open.jp/images/common/header/tx_countdown04.png);
}
 */
/* yycountdown */
.yycountdown-box { text-align: center; }
.js-dayWrap, .js-houWrap, .js-minWrap, .js-secWrap { display: inline-block; }
.yycountdown-box .yyc-day {
    font-size: 40px;
    line-height: 1;
}
.yycountdown-box .yyc-day-text {
    margin-top: 15px;
    font-size: 15px;
}
.yycountdown-box .yyc-hou,
.yycountdown-box .yyc-min,
.yycountdown-box .yyc-sec {
    font-size: 14px;
}
.yycountdown-box .yyc-hou-text,
.yycountdown-box .yyc-min-text,
.yycountdown-box .yyc-sec-text {
    font-size: 14px;
}

div.social_link{
	padding:20px;
	}

div.social_link li{
	float:right;
	vertical-align: top;}

div.doll li{
	float:left;
	margin-left:10px;
	
	}