/*
 * Common
 */
html body{
    font-size: 18px;
	background-color: #F6F6F6;
	color: #252525;
}

html body a {
}

section{
    margin: 0;
    border: none;
}

section h3{
    font-size: 1.7em;
    font-weight: bold;
}

.content{
    width: 100%;
    margin: 30px auto;
}

.next {
    text-align: center;
}

.next .btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #252525;
    border-radius: 35px;
    font-size: 40px;
    background: 0 0;
    color: #252525;
}

.next .btn-circle:hover,
.next .btn-circle:focus {
    outline: 0;
    color: #252525;
    background: rgba(37,37,37,.1);
}

#rippy {
    position: fixed;
    bottom: -30px;
    right: 5px;
    z-index: 99;
}

#rippy img {
    width: 180px;
    float: right;
}

#rippy a {
    padding: 30px 0;
    display: block;
}
#rippy a:hover {
}
/*
 * Header
 */
header .navbar-default {
    background-color:rgba(0,0,0,0);
    background-image:none;
}

header .navbar-brand {
    background: url("../img/logo.png") no-repeat left center;
    background-size: contain;
    height: 50px;
    width: 250px;
}

header .navbar-default .navbar-toggle:hover{
    background-color: #FF6E40;
}


/*
 * Top
 */
#top {
    background: url('../img/pc-top-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 150px 0 150px 0;
    width: 100%;
    height: 30%;
}


#top #catch-copy {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

#top #catch-copy h1 {
    font-size: 2.5em;
}

#top #catch-copy h1 span{
    font-size: 1.4em;
    font-weight: bold;
}

#top #catch-copy img{
    width: 30%;
    margin: 0 auto;
}

/*
 * About
 */
#about {
    background: url('../img/japan-map.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 50px 0 100px 0;
    width: 100%;
    height: 30%;
}

#about p span{
    color: #FF6E40;
}

#about2 {
    background: url('../img/about-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 50px 0 100px 0;
    width: 100%;
    height: 30%;
	color: #FFF;
}

#about2 p span{
    font-size: 1.6em;
    font-weight: bold;
}

#about2 p i{
    font-size: 2em;
}

/*
 * Feature
 */
#feature {
    padding: 50px 0 100px 0;
    width: 100%;
    height: 30%;
}

#feature ul{
    width: 90%;
    margin: 0 auto;
}

#feature ul li{
    display: inline-block;
    width: 25%;
    margin: 0 4%;
}

#feature ul li img{
    width: 100%;
}

/*
 * Guest
 */
#guest {
    padding: 50px 0 100px 0;
    width: 100%;
    height: 30%;
}

#guest .guests-area{
    width: 95%;
    margin: 30px auto;
}

#guest .one-guest{
    width: 40%;
    margin: 0 5%;
    float: left;
}

#guest .one-guest .guest-img{
    width: 50%;
    margin: 0 auto;
}

#guest .one-guest img{
    width: 100%;
}

#guest .one-guest h5{
    font-weight: bold;
    font-size: 1.2em;
}


/*
 * Process
 */
#process {
    padding: 50px 0 100px 0;
    width: 100%;
    height: 30%;
}

#process .process-panels{
    width: 95%;
    margin: 30px auto;
}

#process .process-panel{
    height: 80%;
	background-color: #372F32;
    border: solid 3px #372F32;
    margin: 0 3px;
	color: #FFF;
	padding: 7px;
}

#process .process-panel h5{
    font-size: 1.5em;
    font-weight: bold;
}

#process .process-panel p{
    font-size: 0.8em;
}

#process .process-panel img{
    width: 90%;
	margin: 0 5%;
}

#final {
}

#final iframe{
    margin: 0 auto;
}

/*
 * Past
 */
#past {
    padding: 50px 0 100px 0;
    width: 100%;
    height: 30%;
}

#past img{
    width: 20%;
	height: auto;
	margin: 0 5px;
}

/*
 * Sponsor
 */
#sponsor {
    padding: 50px 0 100px 0;
    width: 100%;
    height: 30%;
}

#sponsor #crowd-funding{
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

#sponsor #crowd-funding iframe{
    margin: 0 auto;
    width: 100%;
    height: 470px;
}
.blogparts .block_large{
    width: 90% !important;
    margin: 0 auto !important;
}

#sponsor #support{
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

#sponsor #support img{
    width: 30%;
}

#sponsor .partner{
    width: 45%;
    margin: 5px auto;
    text-align: center;
}

#sponsor .partner img{
    width: 70%;
    margin: 5px auto;
}


/*
 * Contact
 */
#contact {
    background-color: #FF6E40;
    padding: 50px 0 100px 0;
    width: 100%;
    height: 30%;
}

#contact ul{
    width: 90%;
    margin: 0 auto;
}

#contact ul li{
    display: inline-block;
    width: 25%;
    padding: 0;
    margin: 0;
}

#contact ul li i{
    font-size: 3em;
    width: 100%;
    text-align: center;
}

#contact ul li p{
    font-size: 0.8em;
    margin: 0 auto;
    width: 80%;
    text-align: center;
}


/*
 * Dot-jp
 */
#dot-jp {
    padding: 50px 0 100px 0;
    width: 100%;
    height: 30%;
}

#dot-jp #boilerplate{
    width: 90%;
    margin: 0 auto;
}

#dot-jp  #boilerplate #dot-jp-logo{
    width: 22%;
    height: auto;
    margin: 20px auto;
}

#dot-jp  #boilerplate #dot-jp-logo img{
    width: 100%;
}
/*
 * Link
 */
#link ul{
    margin: 30px auto;
    width: 90%;
}

#link li{
    margin: 5px auto;
    width: 40%;
}

#link li img{
    margin: 0 auto;
    width: 100%;
}

/*
 * Footer
 */
footer {
    width: 100%;
    background-color: #FF6E40;
    color: #FFF;
}

footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

footer p {
    margin: 0;
    font-size: 0.8em;
}

footer #copyright {
    float: right;
}



/*
 * vote.html
 */
#vote-body {
    background-color: #FF9800;
}

#head {
    top: 0;
    text-align: center;
    background-color: #FF9800;
}

#head img {
    width: 35%;
}
#head p {
    text-align: center;
    font-size: 0.7em;
    padding: 3px 5px;
    color: #212121;
}

#slides {
    background: url('../img/japan-map.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 20px 0 20px 0;
    width: 100%;
    height: 30%;
}
#slides .teams {
    width: 70%;
    margin: 0 auto;
}
#slides table {
    width: 100%;
    margin: 0 auto;
}

#vote {
    width: 100%;
    background-color: #FF9800;
    color: #FFF;
}

#vote .form-wrapper {
  position: relative;
  width: 100%;
  padding: 75% 0 0 0;
}

#vote iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* CDT */
#CDT{
    font-size: 1.2em;
}
#CDT .day{
    font-size: 1.5em;
}
#CDT .hour,#CDT .min,#CDT .sec{
    font-size: 1.5em;
}

@media screen and (max-width: 767px){
    /*
     * Common
     */
    html body{
        font-size: 15px;
    }
    section h3{
        font-size: 1.5em;
        font-weight: bold;
    }
    /*
     * Header
     */
    header nav #navbar-collapse-1 ul{
        background: url('../img/sp-nav-bg.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }

    header nav #navbar-collapse-1 ul li a{
        color: #FF6E40;
    }
    /*
     * Top
     */
    #top {
        background: url('../img/sp-top-bg.png');
        padding: 100px 0 100px 0;
    }
    #top #catch-copy h1 {
        font-size: 1.8em;
    }

    #top #catch-copy h1 span{
        font-size: 1em;
        font-weight: bold;
    }
    /*
     * Feature
     */
    #feature ul li{
        display: inline-block;
        width: 29%;
        margin: 0 2%;
    }
    /*
     * Guest
     */
    #guest .one-guest{
        width: 90%;
    }
    /*
     * Process
     */
    #process .process-panel h5{
        font-size: 1.3em;
    }
    /*
     * Sponsor
     */
    #sponsor #crowd-funding iframe{
        display: none;
    }
    #sponsor #support img{
        width: 40%;
    }


    #sponsor .partner img{
        width: 90%;
    }
    /*
     * Contact
     */
    #contact ul li p{
        width: 100%;
    }
    
   #link li{
        width: 70%;
    }
    /*
     * Footer
     */
    footer p {
        margin: 0;
        font-size: 0.6em;
    }
    /*
     * CDT
     */
    #CDT{
        font-size: 18px;
    }
    #CDT .day{
        font-size: 22px;
    }
    #CDT .hour,#CDT .min,#CDT .sec{
        font-size: 22px;
    }

    #slides .teams {
    width: 100%;
    margin: 0 auto;
    }
    #head img {
    width: 40%;
    }
    #head p {
        text-align: left;
        font-size: 0.5em;
    }

}