html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size:10px;

}

section, header, footer, nav, div, span, ul, li, a {
    box-sizing: border-box;
}

header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #0D1331;
}

header nav {
}

header ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

header ul li {
    display: inline-block;
    padding: 0 20px;
}

header ul a {
    font-weight: 700;
    text-decoration: none;
    color: #4d4d4d;
    height: 50px;
    display: block;
    position: relative;
}

header ul a span {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
}

.signup_rogo_area{
text-align:center;
background: #000000; /* Old browsers */
border-radius:5px 5px 0px 0px;
width:90%;max-width:600px;
margin:0 auto;
height:50px;
}
.signup_rogo_area img{width:100px;display:block;margin:0 auto;padding-top:15px;}

.section-container input{border:solid 1px #dcdcdc;}
section {
    float: left;
    display: block;
    height: 100%;
    padding: 40px 0 0 0;
    margin: 0;
}




.section-container{width:90%;max-width:600px;margin:0 auto;background-color:rgba(0,0,0,0.8);border-radius:0px 0px 5px 5px;

height: calc(100vh - 100px);
/*sectionのpadding5pxとロゴエリアの50pxを引く*/

position:relative;padding:10px;
box-shadow:0px 2px 5px 0px rgba(92,92,92,0.38);
color:#ffffff;
}
.section-container p{margin:0px 0px 0px 0px;padding:0px;}
.section-container p:first-child:before{font-family: 'FontAwesome';content:"\f0a1";margin-right:10px;}
.woocommerce-LostPassword.lost_password{margin-top:-20px;margin-bottom:20px;}
.section-nextbutton{width:80%;margin:0 auto;text-align:center;padding:20px;bottom:0;position:absolute; left: 0;  right: 0;color:#ffffff;}
.woocommerce-LostPassword.lost_password a{color:#ffffff;}
.woocommerce-LostPassword.lost_password:before{font-family: 'FontAwesome';content:"\f084";margin-right:10px;}

.regi-button,input[id="register-button"]{width:80%;margin:0 auto;text-align:center;padding:20px;position:absolute; left: 0;  right: 0;margin-top:50px;color:#ffffff;font-weight:bold;border-radius:5px;

background: #2cade0; /* Old browsers */
background: -moz-linear-gradient(45deg, #2cade0 1%, #f7ff89 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #2cade0 1%,#f7ff89 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #2cade0 1%,#f7ff89 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cade0', endColorstr='#f7ff89',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#section-section1 {
    background-color: #333333;
/*
    background:url(../images/homebg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover; 
*/
}

#section-section2 {
    background: #16a085;
    /*background:url(../images/homebg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;   */ 
}

#section-section3 {
    background: #27ae60;
/*background:url(../images/homebg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;  */  
}

#section-section4 {
    background: #c0392b;
/*background:url(../images/homebg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;    */
}

#section-section5 {
    background: #c0392b;
/*background:url(../images/homebg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;  */  
}

#section-section6 {
    background: #c0392b;
/*background:url(../images/homebg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;    */
}


.horizon-prev, .horizon-next {
    position: fixed;
    bottom: 5%;
    margin-top: -24px;
    z-index: 9999;
}

.horizon-prev {
    left: 20px;
}

.horizon-next {
    right: 20px;
}
label{color:#ffffff;margin-top:20px;}
label[for="cimy_uef_3"]{width:20%;}
label[for="cimy_uef_4"]{width:20%;}
#cimy_uef_p_field_3 select,#cimy_uef_p_field_4 select
{width:100%;height:50px;border-radius:5px;}

label[for="cimy_uef_3"],label[for="cimy_uef_4"]{margin-top:0px;}

input[type="submit"]{position:absolute;left:0;right:0;width:80%;margin:0 auto;}
input.woocommerce-Button{background-color:#ffc107;border:none;border-radius:5px;}

iframe{width:100%;height:200px;}
.iframe_wrap{width:100% !important;overflow:auto !important;-webkit-overflow-scrolling:touch !important;height:200px;}

select{
-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.back{position:absolute;color:#ffffff;top:10px;left:10px;}
.back:before{font-family: 'FontAwesome';content:"\f112";margin-right:10px;}

@media only screen and (max-width: 320px) {
  .section-container{height:360px;}
  .horizon-prev, .horizon-next{top:300px;height:50px;}

}