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

html, body {height: 100%;}

#wrap{
	position:relative;
	min-width: 1500px;
	width: 100%;
	height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6426ad+0,502cb4+100 */
	margin: 0 auto;
	background: #6426ad; /* Old browsers */
	background: -moz-linear-gradient(top,  #6426ad 0%, #502cb4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #6426ad 0%,#502cb4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #6426ad 0%,#502cb4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6426ad', endColorstr='#502cb4',GradientType=0 ); /* IE6-9 */
	background-size:cover;
}
.prev{position:absolute;top:10px;right: 10px;}
header h1{padding: 13% 0 30px;text-align: center;line-height: 1;}
h1 a{margin: 13% 0 30px;font-size: 22px;color: #fff;text-decoration: none;font-weight: normal;}
.search_box{
    position: relative;
    display: block;
    /* width: 70%; */
    width: 500px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
}
.search_box:after, .search_box form:after{display:block; clear:both; content:"";}
.search_box form{
    width: 270px;
    margin: 0 auto;
    padding-bottom: 30px;
    border-bottom: 1px dashed #8f7db3;
}
.search_box form > span{display:inline-block;float:left;margin: 3px 0;}
.search_box form > span > span{position: relative;display: block;margin: 0px 3px;}
.search_box form > span > span input[type="text"], .search_box form > span > span input[type="password"]{
    display: inline-block;
    width: 100%;
    height: 40px;
    margin: 3px 0;
    padding: 0 12px;
    background: none;
    color: #fff;
    border-radius: 50px;
    border: 2px solid #fff;
    box-sizing: border-box;
    outline: none;
    font-size: 14px;
}
.search_box form > span > span input[type="text"]::placeholder, .search_box > span > span input[type="password"]::placeholder{color: #fff;}
.search_box form > span > span .btn{
    width: 100%;
    height: 40px;
    margin: 3px 0;
    padding: 0 12px !important;
    background: #fff;
    color: #5929b0;
    border-radius: 50px !important;
    border: 2px solid #fff;
    font-size: 15px;
    font-weight: 600;
}
.search_box form > span > span label{padding-left: 4px;color:#fff;font-weight: 300;font-size: 13px;}
.search_box a.btn_text{
    display: inline-block;
    position:relative;
    padding: 5px 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
}
.search_box a.btn_text:after{
	display:block;
	content:"";
	position:absolute;
	top: 11px;
	left: -2px;
	width:1px;
	height: 10px;
	background: #a783e2;
}
.search_box a.btn_text:first-child:after{display:none;}
.sns_login{
    width: 80%;
    max-width: 300px;
    margin: 25px auto 0;
    padding-top: 25px;
    border-top: 1px dashed #a783e2;
    text-align: center;
}
.sns_login h2{
    margin-bottom: 15px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    line-height: 17px;
}
.sns_login h2 em{font-weight:500;}
.sns_login a{
    display: inline-block;
    margin: 0 4px;
}

input::input-placeholder {color:#fff;}
input::-webkit-input-placeholder {color:#fff;}
input:-ms-input-placeholder {color:#fff;}
input::-ms-input-placeholder {color:#fff;}


.info{
    position: absolute;
    /* float: right; */
    top: -40px;
    right: -430px;
    padding: 60px;
    border: 1px solid #a88df6;
    border-radius: 5px;
    background: #8a73d6 url(../images/common/bg_pop_coupon1.png) 0 0  no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 200%;
    text-align: center;
    letter-spacing: -0.04em;
}
.info strong{
    font-size: 18px;
    font-weight:500;
}
.info strong.tit{font-size:22px;}

.info2{
    position: absolute;
    /* float: right; */
    top: 25px;
    left: -500px;
    padding: 33px 35px;
    border: 1px solid #e5b6bb;
    border-radius: 5px;
    background: url(../images/common/bg_pop_coupon2.png) 0 0  no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 200%;
    text-align: center;
    letter-spacing: -0.06em;
}
.info2 strong{
    font-size: 18px;
    font-weight:500;
}
.info2 strong.tit{font-size:22px;}