﻿@charset "utf-8";

/*--------------------------------------

  応募フォーム（regist/profile.htmlと同じデザイン）

---------------------------------------*/
/*右カラムのストップする高さ調整のため.w680最下部に40pxプラス*/
#entry {
    margin-bottom: 40px;
}
#entry .ttl_tag {
    font-size: 1rem;
}
#entry .ttl_tag::after {
    content: "entry";
}
#entry .disc_tag {
    width: 460px;
    line-height: 1.4;
    padding-top: 0;
}
#entry .bt_entry {
    position: absolute;
    top: 10px;
    right: 20px;
}
#entry .bt_entry i {
    display: block;
    margin-top: -4px;
    font-size: 1.1rem;
}
/**/
#entry .bt_login {
    margin-top: 30px;
    padding: 20px;
    border: dotted 2px #dcdcdc;
    text-align: center;
}
#entry .bt_login .bt_round_min {
    margin: 20px auto;
}
#entry .bt_login .notes {
    margin-top: 20px;
    margin-bottom: -10px;
    font-size: 1.2rem;
}
#entry .bt_login .notes a {
    display: inline-block;
    margin-left: 10px;
    text-decoration: underline;
}
#entry .bt_login .notes a:hover {
    text-decoration: none;
}
#entry .bt_login .notes a::before {
    content: "※";
}
/**/
p.profileerror {
	font-size: 14px;
	color: #F66563;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#entry h4 {
    width: 100%;
    margin: 40px auto 10px auto;
    padding-bottom: 4px;
    border-bottom: solid 2px #dcdcdc;
}
#entry .entry_form {    
    position: relative;
    text-align: left;
}
#entry .entry_form > label {
    margin-top: 32px;
}
#entry .entry_form > label.radio {
    margin-top: 10px;
}
#entry .entry_form label textarea,
#entry .entry_form label input {
    font-size: 1.2rem;
}
#entry .entry_form i {
    display: inline-block;
    width: 130px;
    margin-right: 10px;
    text-align: right;
}
#entry .entry_form .error_txt {
    margin: 5px 0 12px 140px;
}
#entry .entry_form .confirm_unit {
    padding-top: 30px;
}
#entry .entry_form .confirm_unit i {
    margin: 5px 10px 0 0;
}
#entry .entry_form .confirm_unit .free_txt {
    position: relative;
    top: -20px;
    padding-left: 144px;
}
#entry .entry_form .select_box option:nth-of-type(1) {
    display: none;
}
#entry .entry_form .select_box {
    margin-right: 10px;
}
    #entry .entry_form .option_all_view option:nth-of-type(1) {
        display: block;
    }
/**/
#UcEntryForm_tblAddedPhotoList {
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px;
    background: #f9e3ed;
    text-align: center;
}
#entry .entry_form .photo {
    /*display: table;
    max-width: 640px;
    margin-top: 40px;
    padding-left: 122px;
    text-align: center;
    border-collapse: separate;
    border-spacing: 20px 0;*/
    margin-left: 126px;
    padding: 40px 0 0 0;
}
#entry .entry_form .photo .plus {
    display: block;
    width: 160px;
    line-height: 1;
    margin: 10px 0 -20px 18px;
    padding: 10px 16px;
    border: solid 1px #dcdcdc;
    border-radius: 40px;
    background: #fff;
    color: #666;
    font-size: 1.1rem;
    text-align: center;
    cursor: pointer;
}
#entry .entry_form .photo .plus svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -5px 4px -5px -5px;
}
#entry .entry_form .photo .plus:hover {
    border-color: #f9628a;
    color: #f9628a;
}
#entry .entry_form .photo .plus:hover svg {
    fill: #f9628a;
}
#entry .entry_form .setting_details2 {
    margin: 10px 0 0 140px;
    padding: 4px;
}
#entry .entry_form .setting_details {
    margin: 10px 0 0 140px;
    padding: 15px;
    border: solid 1px #DDD;
    border-radius: 5px;
    background: #f2f2f2;
}
#entry .entry_form .setting_details .setting_details_ttl {
    color: #58afc0;
    font-size: 1.4rem;
}
#entry .entry_form .setting_details .either {
    font-size: 1.1rem;
}
#entry .entry_form .setting_details .either em {
    color: #f06;
}
#entry .entry_form .setting_details ul {
    margin: 10px 0;
}
#entry .entry_form .setting_details ul li {
    margin: 5px 0;
}
#entry .entry_form .caption {
    font-size: 1.1rem;
}
#entry .entry_form .caption a {
    color: #666;
    text-decoration: underline;
}
#entry .entry_form .caption a:hover {
    text-decoration: none;
}
#entry .entry_form .setting_details input {
    margin: 5px 0 0 0; 
}
#entry .entry_form .setting_details .error_txt {
    margin: 5px 0 0 0;
}
#entry .entry_form .setting_details dl dt {
    font-size: 1.3rem;
    display: inline-block;
    margin: 10px 0 0 0;
}

/**/
#entry .photo .registered {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 160px;
    margin: 0 18px;
    color: #666;
    vertical-align: top;
    text-align: center;
}
#entry .photo .registered img {
    display: block;
    max-width: 120px;
    max-height: 160px;
}
#entry .photo .registered a {
    display: block;
    position: absolute;
    bottom: 14px;
    left: 50%;
    width: 80%;
    margin: 0 auto;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .7);
    text-align: center;
    text-decoration: underline;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}
#entry .photo .registered a:hover {
    text-decoration: none;
}
#entry .entry_form .att {
    margin: 40px 0 -18px 140px;
    color: #58afc0;
}
#entry .file {
    border: none;
    margin-bottom: 10px;
    padding: 0;
    cursor: pointer;
}
#entry .submit_cancel {
    margin: 40px auto 30px;
    padding-top: 40px;
    border-top: solid 1px #dcdcdc;
    text-align: center;
}
#entry .submit_cancel button {
    display: inline-block;
    margin: 0 10px;
}
#entry .mail_wrapper {
    position: relative;
}
#entry .entry_form .mail_wrapper > label {
    margin-top: 6px;
}
#entry .entry_form .mail_wrapper > label i {
    display: inline-block;
    height: 33px;
    margin-left: 140px;
    padding: 10px 4px 7px 4px;
    color: #666;
    background: #eee;
    font-size: 1.1rem;
    text-align: center;
}
#entry .entry_form .mail_wrapper > label input {
    /*position: absolute;
    bottom: 8px;
    left: 140px;*/
}
/**/
#entry .entry_form .select_box #address {
    min-width: 100px;
}
#entry .bt_entry_btm {
    margin: 50px auto 40px;
    text-align: center;
}
#entry .bt_entry_btm i {
    display: block;
    text-align: center;
}
#entry .js-tel {
    margin: 16px 0 0 0;
}
#entry .js-tel .telcalling {
    margin: 0 0 4px 140px;
    color: #58afc0;
}
/*応募完了*/
#entry .entry_complete {
    margin: 40px 0 20px;
}
#entry .entry_complete span {
    display: block; 
    text-align: center;
}
#entry .entry_complete strong {
    display: block;
    margin-bottom: 20px;
    text-align: center;
}
#entry .entry_complete .oubo_end_ouenkin {
    display: block;
    margin: 0 auto 50px auto;
    text-align: center;
}
/*--------------------------------------

  まとめて応募ページ用

---------------------------------------*/
#entry.pad_128 .ttl_tag {
    position: absolute;
    left: 20px;
}
#entry.pad_128 .disc_tag {
    padding-left: 0;
}
#entry.pad_128 .matomete {
    margin-top: 20px;
    padding: 10px;
    background: #fff9e5;
}
#entry.pad_128 .matomete li {
    color: #333;
    margin: 5px 10px;
}
#entry.pad_128 .matomete li img {
    width: 78px;
    margin: 0 4px 0 0;
    vertical-align: middle;
}
#entry.pad_128 .matomete li.back {
    display: block;
    text-align: right;
}
#entry.pad_128 .matomete li.back a {
    display: block;
    text-decoration: underline;
}
#entry.pad_128 .matomete li.back a:hover {
    text-decoration: none;
}