@charset "UTF-8";

/* ===================================================================
RESET & DEFAULT SETTINGS (DO NOT EDIT)
=================================================================== */
*{
	-webkit-appearance: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html,
body,
#wrapper{
	width:100%;
	height:100%;
}
body{
	color:#eee;
	font-size:12px;
	line-height:1;
	margin:0;
	font-family:sans-serif;
	-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, figure, small, p {
	margin: 0;
	padding:0;
	font-size:100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
ul{
	list-style:none;
	padding:0;
	margin:0;
}
li {
    padding:0;
	margin:0;
}
a {
	display: inline;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(2,201,251,0.12);
	text-decoration: none;
	outline: none;
}
a img {
	outline: none;
}
table{
	border-collapse:collapse;
}
.clearfix {
	clear: both;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: block;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
br.m {
	display: none;
}

/* ===================================================================
MAIN SETTINGS
=================================================================== */
body {
	background: #000;
	font-family: Helvetica, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	overflow-y: scroll;
	overflow-x: hidden;
}
.inner {
	margin: 0 auto;
	width: 1025px;
	min-width: 1025px;
	position: relative;
}
a {
	color: #3865e4;
}
a:hover {
	text-decoration: none;
	color: #3c4c74;
}
.fade {
	opacity: 1;
	transition: opacity .40s ease-in-out;
	-moz-transition: opacity .40s ease-in-out;
	-webkit-transition: opacity .40s ease-in-out;
}
.fade:hover {
	opacity: 0.6;
}

/*
Header
------------------------------------- */
#topHeader {
	width: 100%;
	min-width: 1100px;
	height: 680px;
	margin: 0 auto;
	background-image: url(../img/bg.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: fixed;
	text-align: center;
	overflow: hidden;
}
#topHeader h1{
	padding-top: 148px;
}

/*
Introduction
------------------------------------- */
#intro {
	background: #000;
	margin: 0;
	padding: 50px 0 100px;
	color: #eee;
}
#intro h2 {
	margin-bottom: 50px;
	text-align: center;
	line-height: 1.4em;
	font-size: 2.4em;
	color: #fff;
}
#intro p {
	margin-bottom: 80px;
	padding: 0 50px;
	font-size: 1.4em;
	line-height: 1.6em;
}
#intro p.center {
	text-align: center;
}

/*
Grand Prize
------------------------------------- */
#grandprize {
	margin-bottom: 150px;
}
#grandprize .head {
	margin-bottom: -3px;
}
#grandprize .body {
	width: 1025px;
	padding-bottom: 2px;
	background: transparent url("../img/bg_grandprize_body.jpg") no-repeat 0 0;
	background-size: 100% 100%;
}
#grandprize .foot {
	margin-top: -3px;
}
#grandprize h3 {
	padding-bottom: 50px;
	text-align: center;
}
#grandprize a.colorbox {
	text-align: center;
}
#grandprize .colorbox img {
	display: block;
	margin: 0 auto 50px auto;
	border: 1px solid #bfbfbf;
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.25);
}
#grandprize p {
	width: 640px;
	margin: 0 auto;
	line-height: 2em;
	font-size: 1.2em;
}
#grandprize p b {
	color: #b2b1b1;
}
#grandprize p .comment {
	display: block;
	line-height: 1.6em;
}


/*
First Place
------------------------------------- */
#specialprize {
	margin-bottom: 150px;
}
#specialprize .head {
	margin-bottom: -2px;
}
#specialprize .body {
	width: 1025px;
	padding-bottom: 2px;
	background: transparent url("../img/bg_specialprize_body.jpg") repeat-y 0 0;
	background-size: 100% 50%;
}
#specialprize .foot {
	margin-top: -3px;
}
#specialprize h3 {
	padding-bottom: 50px;
	text-align: center;
}
#specialprize figure {
	display: table;
	padding-bottom: 50px;
}
#specialprize figure:last-child {
	padding: 0;
}
#specialprize a.colorbox {
	display: table-cell;
	width: 565px;
	padding: 0 0 0 78px;
	text-align: center;
}
#specialprize .colorbox img {
	border: 1px solid #bfbfbf;
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.25);
}
#specialprize figcaption {
	display: table-cell;
	width: 460px;
	vertical-align: middle;
}
#specialprize p {
	padding: 0 0 0 20px;
	line-height: 2em;
	font-size: 1.2em;
}
#specialprize p b {
	color: #b2b1b1;
}


/*
Galleries
------------------------------------- */
#galleries {
	margin-bottom: 50px;
}
#galleries h3 {
	padding-bottom: 15px;
	text-align: center;
}
#galleries h4 {
	padding-bottom: 50px;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	color: bbbbbb;
}
#galleries figcaption {
	padding: 10px 0 0 0;
	text-align: center;
}
#galleries a {
	float: left;
	margin: 0 62px 62px 0;
	display: block;
	width: 300px;
	color: #fff;
	text-decoration: none;
	outline: none;
}
#galleries a:hover {
	text-decoration: underline;
	color: #b2b1b1;
}
#galleries a:nth-child(3n+2) {
	margin: 0 0 62px 0;
}

.instagram {
	margin: 0 auto;
}
.instagram a {
	width: 50%;
	display: block;
	background: #fff;
	border-radius: 100px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.instagram a span {
	color: #dd0000;
}

/*
Footer & Copyright Info
------------------------------------- */
footer {
	background: #000;
	text-align: center;
	border-top: solid 1px #252525;
}
footer .copyright {
	color: #ddd;
	padding: 20px;
	text-align: center;
	font-size: 1.1em;
}



/* ===================================================================
COLORBOX SETTINGS
=================================================================== */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.5; filter: alpha(opacity = 50);}
#colorbox{outline:0;}
    #cboxContent{margin:60px;background:#000;}
        .cboxIframe{background:#333;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000;}
        #cboxTitle{position:absolute; bottom:-20px; left:0px; color:#fff;}
        #cboxCurrent{position:absolute; bottom:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:58%; left:-60px; margin-top:-100px; background:url(../img/icon_prev.png) no-repeat bottom left; width:50px; height:100px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:top right;}
        #cboxNext{position:absolute; top:58%; right:-60px; margin-top:-100px; background:url(../img/icon_next.png) no-repeat bottom left; width:50px; height:100px; text-indent:-9999px;}
        #cboxNext:hover{background-position:top right;}
        #cboxClose{position:absolute; top:-60px; right:-5px; display:block; background:url(../img/icon_close.png) no-repeat top center; width:50px; height:50px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}