@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sintony&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500&display=swap');
.top__tf-home {
background-image: url(../img/top/top-bg.png);
background-position: center top;
background-size: cover;
background-attachment: fixed;
}
.top__tf-home_inner {
background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 17%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.2) 62%,rgba(0,0,0,0.1) 100%);
background-attachment: fixed;
display: block;
text-align: center;
position: relative;
padding-top: 20%;
padding-right: 0;
padding-bottom: 20%;
padding-left: 0;
}
.top__tf_cbanner {
position: absolute;
top: 58px;
right: 5px;
display: inline-block;
}
.top__tf_cbanner a {
display: block;
color: #FFFFFF;
background-color: #FF6600;
font-size: 12px;
padding-top: 4px;
padding-right: 8px;
padding-left: 8px;
border: 1px solid #FFFFFF;
border-radius: 5px;
margin-right: 5px;
text-align: center;
width: auto;
line-height: 1.4em;
text-decoration: none;
white-space: nowrap;
padding-bottom: 4px;
}
.top__tf_cbanner a:hover , .top__tf_cbanner a:focus {
opacity:0.5;
}
.top__tf-home_maincopy {
font-size: 70px;
line-height: 1.4em;
letter-spacing: 0.05em;
color: #FC0;
font-weight: 800 !important;
color: #ffcc33;
font-family: 'Mplus 1p', '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',
"segoe ui",'游ゴシック Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.top__tf-home_subcopy {
margin-top: 55px;
margin-bottom: 25px;
font-size: 21px;
font-weight: 300;
line-height: 1.4em;
color: #FFFFFF;
}
.top__tf-home_cap {
color: #FFFFFF;
}
.top__tf-home_cap-text {
font-size: 13px;
color: #FFFFFF;
position: absolute;
bottom: -5px;
text-align: right;
display: block;
width: 100%;
}
.top__tf-home_cap-text br{
display: none;
}
.top__tf-home_regist_button {
margin-bottom: 10px;
}
.top__tf-home_regist_button a {
font-size: 35px;
padding-top: 12px;
padding-right: 30px;
padding-bottom: 12px;
padding-left: 30px;
border-radius: 40px;
color: #FFF;
background-color: #FF3300;
outline: 0;
box-shadow: none;
line-height: 1em;
display: inline-block;
text-decoration: none;
border: 2px solid #FFFFFF;
}
.top__tf-home_regist_button a:hover , .top__tf-home_regist_button a:focus {
opacity:0.5;
}
.top__tf-home_login_button {
}
.top__tf-home_login_button a {
font-size: 35px;
padding-top: 12px;
padding-right: 30px;
padding-bottom: 12px;
padding-left: 30px;
border-radius: 40px;
color: #FFF;
background-color: #660000;
outline: 0;
box-shadow: none;
line-height: 1em;
display: inline-block;
text-decoration: none;
border: 2px solid #FFFFFF;
}
.top__tf-home_login_button a:hover , .top__tf-home_login_button a:focus {
opacity:0.5;
}
.top__tf-intro {
background-color: #663300;
padding: 0px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFF;
border-bottom-color: #FFF;
margin-bottom: 30px;
}
.top__tf-intro_inner {
padding-right: 10px;
padding-left: 10px;
}
.top__tf-intro_body {
display: flex;
align-items: center;
justify-content: flex-start;
}
.top__tf-intro_text {
flex-grow: 1;
text-align: center;
}
.top__tf-intro_maincopy {
margin-right: 30px;
margin-left: 30px;
font-size: 28px;
margin-top: 0px;
font-family: 'Mplus 1p', '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN', "segoe ui",'游ゴシック Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
line-height: 2em;
color: #FFFFFF;
margin-bottom: 0px;
}
.top__tf-intro_subcopy {
font-size: 16px;
line-height: 1.8em;
margin-bottom: 20px;
color: #FFFFFF;
}
.top__tf-intro_img {
}
.top__tf-intro_img img {
max-height: 380px;
display: block;
margin-right: auto;
margin-left: auto;
max-width: 100%;
height: auto;
}
.top__tf-about {
margin-bottom: 30px;
}
.top__tf-about_title_box {
padding-top: 20px;
padding-bottom: 30px;
max-width: 1000px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.top__tf-about_title {
font-family: 'Mplus 1p', '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',
"segoe ui",'游ゴシック Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 30px;
line-height: 30px;
}
.top__tf-about_title span {
color: #FF3300;
}
.top__tf-about_line {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #663300;
margin-right: 10px;
margin-left: 10px;
}
.top__tf-about_item_first {
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #663300;
}
.top__tf-about_item_second {
display: flex;
flex-direction:row-reverse;
align-items: center;
justify-content: flex-start;
background-color: #663300;
}
.top__tf-about_item_third {
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #663300;
}
.top__tf-about_img {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width:50%;
min-height:380px;
}
.top__tf-about_text {
width: 50%;
}
.top__tf-about_maincopy {
margin-right: 30px;
margin-left: 30px;
font-size: 28px;
margin-top: 0px;
font-family: 'Mplus 1p', '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',
"segoe ui",'游ゴシック Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
line-height: 2em;
color: #FFFFFF;
margin-bottom: 0px;
}
.top__tf-about_maincopy .fa {
margin-right: 8px;
}
.top__tf-about_subcopy {
margin-right: 30px;
margin-left: 30px;
color: #FFFFFF;
font-size: 16px;
line-height: 1.6em;
margin-top: 0px;
margin-bottom: 10px;
}
.top__tf-about_item_end {
background-image: url(../img/top/about-bg.png);
background-repeat: no-repeat;
background-position: 100px center;
background-size: contain;
background-color: #663300;
padding-top: 2%;
padding-bottom: 2%;
text-align: center;
color: #FFF;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFF;
border-bottom-color: #FFF;
}
.top__tf-about_item_end_text {
font-size: 16px;
}
.top__tf-about_item_end_copy {
font-weight: 700;
padding-bottom: 15px;
line-height: 2em;
font-family: 'Mplus 1p', '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',
"segoe ui",'游ゴシック Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 24px;
margin-top: 20px;
margin-bottom: 20px;
}
.top__tf-about_btbox {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.top__tf-about_regist_button {
padding-right: 5px;
}
.top__tf-about_regist_button a {
color: #FFF;
background-color: #FF3300;
font-size: 18px;
border-radius: 28px;
padding-right: 16px;
padding-left: 16px;
line-height: 1em;
display: inline-block;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 2px solid #FFFFFF;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
}
.top__tf-about_regist_button a:hover , .top__tf-about_regist_button a:focus {
opacity:0.5;
}
.top__tf-about_login_button {
padding-left: 5px;
}
.top__tf-about_login_button a {
color: #FFF;
background-color: #660000;
font-size: 18px;
border-radius: 28px;
padding-right: 16px;
padding-left: 16px;
line-height: 1em;
display: inline-block;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 2px solid #FFFFFF;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
}
.top__tf-about_login_button a:hover , .top__tf-about_login_button a:focus {
opacity:0.5;
}
.top__tf-services {
margin-bottom: 30px;
}
.top__tf-services_title_box {
padding-top: 20px;
padding-bottom: 30px;
max-width: 1000px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.top__tf-services_title {
font-family: 'Mplus 1p', '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',
"segoe ui",'游ゴシック Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 30px;
line-height: 30px;
}
.top__tf-services_title span {
color: #FF3300;
}
.top__tf-services_line {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: 10px;
margin-left: 10px;
}
.top__tf-services_body {
text-align: center;
}
.top__tf-services_maincopy {
font-family: 'Mplus 1p', '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',
"segoe ui",'游ゴシック Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 26px;
padding-top: 20px;
padding-bottom: 10px;
color: #666666;
line-height: 2em;
}
.top__tf-services_img {
max-width:650px;
}
.top__tf-services_btbox {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.top__tf-services_regist_button {
padding-right: 5px;
}
.top__tf-services_regist_button a {
color: #FFF;
background-color: #FF3300;
font-size: 20px;
border-radius: 28px;
padding-right: 16px;
padding-left: 16px;
line-height: 1em;
display: inline-block;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 2px solid #ddd;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
}
.top__tf-services_regist_button a:hover , .top__tf-services_regist_button a:focus {
opacity:0.5;
}
.top__tf-services_login_button {
padding-left: 5px;
}
.top__tf-services_login_button a {
color: #FFF;
background-color: #660000;
font-size: 20px;
border-radius: 28px;
padding-right: 16px;
padding-left: 16px;
line-height: 1em;
display: inline-block;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 2px solid #ddd;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
}
.top__tf-services_login_button a:hover , .top__tf-services_login_button a:focus {
opacity:0.5;
}
.top__tf-step {
margin-bottom: 30px;
}
.top__tf-step_title_box {
padding-top: 20px;
padding-bottom: 30px;
max-width: 1000px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.top__tf-step_title {
font-family: 'Mplus 1p', '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',
"segoe ui",'游ゴシック Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 30px;
line-height: 30px;
}
.top__tf-step_title span {
color: #FF3300;
}
.top__tf-step_line {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #663300;
margin-right: 10px;
margin-left: 10px;
}
.top__tf-step_item {
display: flex;
width: 80%;
margin-right: auto;
margin-left: auto;
}
.top__tf-step_img {
background-color: #663300;
border-radius: 5px 0px 0px 5px;
vertical-align: middle;
display: flex;
align-items: center;
padding-right: 10px;
padding-left: 10px;
}
.top__tf-step_body {
background-color: #996600;
color: #FFF;
border-radius: 0px 5px 5px 0px;
padding-top: 15px;
padding-bottom: 10px;
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
flex-grow: 1;
}
.top__tf-step_item_title {
margin-top: 0px;
margin-bottom: 10px;
font-size: 22px;
font-family: 'Mplus 1p', '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',
"segoe ui",'游ゴシック Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
margin-right: 10px;
margin-left: 10px;
}
.top__tf-step_text {
font-size: 14px;
line-height: 1.6em;
margin-right: 10px;
margin-left: 10px;
}
.top__tf-step_arrow {
text-align: center;
}
.top__tf-step_arrow img {
width:auto;
height: 18px;
}
.top__tf-step_btbox {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
margin-top: 15px;
}
.top__tf-step_regist_button {
padding-right: 5px;
}
.top__tf-step_regist_button a {
color: #FFF;
background-color: #FF3300;
font-size: 20px;
border-radius: 28px;
padding-right: 16px;
padding-left: 16px;
line-height: 1em;
display: inline-block;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 2px solid #ddd;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
}
.top__tf-step_regist_button a:hover , .top__tf-step_regist_button a:focus {
opacity:0.5;
}
.top__tf-step_login_button {
padding-left: 5px;
}
.top__tf-step_login_button a {
color: #FFF;
background-color: #660000;
font-size: 20px;
border-radius: 28px;
padding-right: 16px;
padding-left: 16px;
line-height: 1em;
display: inline-block;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 2px solid #ddd;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
}
.top__tf-step_login_button a:hover , .top__tf-step_login_button a:focus {
opacity:0.5;
}
@media (max-width: 768px) {
.top__tf-home {
background-size: auto 600px;
background-position: center top;
}
.top__tf-home_inner {
padding-top: 24%;
padding-bottom: 20%;
}
.top__tf_cbanner {
}
.top__tf_cbanner a {
line-height: 1.3em;
font-size: 10px;
}
.top__tf-home_maincopy {
font-size: 40px;
}
.top__tf-home_subcopy {
font-size: 16px;
margin-top: 20px !important;
margin-bottom: 70px !important;
}
.top__tf-home_regist_button a {
font-size: 20px;
padding-top: 10px;
padding-right: 25px;
padding-bottom: 10px;
padding-left: 25px;
border-radius: 28px;
}
.top__tf-home_login_button a {
font-size: 20px;
padding-top: 10px;
padding-right: 25px;
padding-bottom: 10px;
padding-left: 25px;
border-radius: 28px;
}
.top__tf-home_cap-text {
font-size: 10px;
display: block !important;
white-space: normal !important;
line-height: 1.4em;
}
.top__tf-home_cap-text br{
display: block;
}
.top__tf-intro_body {
display: block;
}
.top__tf-intro_subcopy {
text-align: left;
}
.top__tf-about_title_box {
max-width: none;
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
}
.top__tf-about_title {
margin-top: 0px;
font-size: 28px;
}
.top__tf-about_item_first {
display: block;
}
.top__tf-about_item_second {
display: block;
}
.top__tf-about_item_third {
display: block;
}
.top__tf-about_img {
width:100%;
min-height:300px;
}
.top__tf-about_text {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.top__tf-about_maincopy {
font-size: 22px;
margin-right: 10px;
margin-left: 10px;
}
.top__tf-about_subcopy {
margin-right: 10px;
margin-left: 10px;
}
.top__tf-about_regist_button a {
font-size: 16px;
border-radius: 24px;
padding-right: 12px;
padding-left: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
.top__tf-about_login_button a {
font-size: 16px;
border-radius: 24px;
padding-right: 12px;
padding-left: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
.top__tf-services_title_box {
max-width: none;
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.top__tf-services_title {
margin-top: 0px;
font-size: 28px;
}
.top__tf-services_maincopy {
font-size: 26px;
margin-bottom: 0px;
margin-top: 0px;
}
.top__tf-services_img {
width:100%;
}
.top__tf-services_regist_button a {
font-size: 16px;
border-radius: 24px;
padding-right: 12px;
padding-left: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
.top__tf-services_login_button a {
font-size: 16px;
border-radius: 24px;
padding-right: 12px;
padding-left: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
.top__tf-step_item_box {
margin-right: 10px;
margin-left: 10px;
}
.top__tf-step_item {
width: 100%;
}
.top__tf-step_img img{
height: 50px;
width: 50px;
}
.top__tf-step_regist_button a {
font-size: 16px;
border-radius: 24px;
padding-right: 12px;
padding-left: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
.top__tf-step_login_button a {
font-size: 16px;
border-radius: 24px;
padding-right: 12px;
padding-left: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
}
/* mypage */
.mypage__date {
font-size: 14px;
background-color: #fff;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
margin-bottom: 8px;
}
.mypage__date .fa{
color: #996600;
}
.mypage__navi {
background-color: #996600;
margin-left: -5px;
margin-right: -5px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 10px;
margin-bottom: 1px;
}
.mypage__navi_inner {
display: flex;
align-items: flex-end;
justify-content: flex-start;
flex-wrap: wrap;
}
.mypage__navi_button_search {
width: 100%;
text-align: center;
padding-bottom: 10px;
}
.mypage__navi_button_search a {
background-color: #FFFFFF;
text-align: center;
display: block;
border-radius: 5px;
font-size: 16px;
color: #000000;
text-decoration: none;
padding-top: 5px;
padding-bottom: 10px;
font-weight: bold;
}
.mypage__navi_button_search a:hover {
opacity:0.5;
}
.mypage__navi_button_search_nolink {
background-color: #FFFFFF;
text-align: center;
display: block;
border-radius: 5px;
font-size: 16px;
color: #000000;
text-decoration: none;
padding-top: 5px;
padding-bottom: 10px;
font-weight: bold;
position: relative;
}
.mypage__navi_button_history {
flex-grow: 1;
text-align: center;
}
.mypage__navi_button_history a {
background-color: #FFFFFF;
text-align: center;
display: block;
border-radius: 5px;
font-size: 13px;
color: #000000;
text-decoration: none;
padding-top: 5px;
padding-bottom: 10px;
font-weight: bold;
margin-right: 5px;
}
.mypage__navi_button_history a:hover {
opacity:0.5;
}
.mypage__navi_button_history_nolink {
background-color: #FFFFFF;
text-align: center;
display: block;
border-radius: 5px;
font-size: 13px;
color: #000000;
text-decoration: none;
padding-top: 5px;
padding-bottom: 10px;
font-weight: bold;
margin-right: 5px;
position: relative;
}
.mypage__navi_button_profile {
flex-grow: 1;
text-align: center;
}
.mypage__navi_button_profile a {
background-color: #FFFFFF;
text-align: center;
display: block;
border-radius: 5px;
font-size: 13px;
color: #000000;
text-decoration: none;
padding-top: 5px;
padding-bottom: 10px;
font-weight: bold;
margin-left: 5px;
}
.mypage__navi_button_profile a:hover {
opacity:0.5;
}
.mypage__navi_button_search_nolink p {
opacity: 0.2;
margin-top: 0px;
margin-bottom: 0px;
}
.mypage__navi_button_history_nolink p {
opacity: 0.2;
margin-top: 0px;
margin-bottom: 0px;
}
.mypage__navi_button_search_nolink .mypage__coming-soon_text {
position: absolute;
border-radius: 5px;
background-color: rgba(153,153,153,0.2);
height: 100%;
width: 100%;
left: 0px;
top: 0px;
display: block;
}
.mypage__navi_button_search_nolink .mypage__coming-soon_text span{
opacity: 1;
color: #333333;
display: block;
margin-top: 50px;
}
.mypage__navi_button_history_nolink .mypage__coming-soon_text {
position: absolute;
border-radius: 5px;
background-color: rgba(153,153,153,0.2);
height: 100%;
width: 100%;
left: 0px;
top: 0px;
display: block;
}
.mypage__navi_button_history_nolink .mypage__coming-soon_text span {
opacity: 1;
color: #333333;
display: block;
margin-top: 30px;
}
.mypage__navi_block_id {
width: 100%;
text-align: center;
margin-top: 10px;
margin-bottom: 0px;
}
.mypage__navi_block_id p {
background-color: #FFFFE6;
text-align: center;
display: block;
border-radius: 5px;
font-size: 16px;
color: #000000;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
border: 1px solid #663300;
}
.mypage__coming-soon .mypage__navi_block_id{
margin-right: 5px;
margin-left: 5px;
}
.mypage__navi_button_search-condition {
width: 33.333%;
text-align: center;
}
.mypage__navi_button_search-condition a {
background-color: #FFFFFF;
text-align: center;
display: block;
border-radius: 5px;
font-size: 13px;
color: #000000;
text-decoration: none;
padding-top: 5px;
padding-bottom: 10px;
font-weight: bold;
margin-left: 7px;
}
.mypage__navi_button_search-condition a:hover {
opacity:0.5;
}
.mypage__info {
margin-bottom: 10px;
}
.mypage__info_title_bar {
background-color: #996600;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
border: 1px solid #996600;
}
.mypage__info_list {
margin: 0px;
padding: 0px;
list-style-type: none;
border-radius: 0px 0px 5px 5px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #996600;
border-bottom-color: #996600;
border-left-color: #996600;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.mypage__info_list li {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
font-size: 14px;
line-height: 1.4em;
}
.mypage__info_list li:last-child {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.mypage__info_date {
white-space: nowrap;
padding-right: 10px;
font-size: 13px;
}
.mypage__alertbox {
}
.mypage__alert_green {
margin-bottom: 8px;
}
.mypage__alert_green_link {
background-color: #FFFFFF;
border: 1px solid #009900;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
text-decoration: none;
position: relative;
}
.mypage__alert_green_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 16px;
transform: translate(-50%, -50%);
color: #090;
margin-right: 5px;
}
.mypage__alert_green_link:hover , .mypage__alert_green_link:focus {
opacity:0.5
}
.mypage__alert_green_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
text-decoration: none;
}
.mypage__alert_green_text {
font-size: 13px;
color: #030;
padding-top: 2px;
text-align: left;
font-weight: bold;
text-decoration: none;
padding-right: 12px;
line-height: 1.4em;
flex-grow:1;
}
.mypage__alert_red {
margin-bottom: 8px;
}
.mypage__alert_red_link {
background-color: #FFFFFF;
border: 1px solid #FF6600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
text-decoration: none;
position: relative;
}
.mypage__alert_red_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 16px;
transform: translate(-50%, -50%);
color: #F30;
margin-right: 5px;
}
.mypage__alert_red_link:hover , .mypage__alert_red_link:focus {
opacity:0.5
}
.mypage__alert_red_icon {
font-size: 16px;
color: #FF3300;
padding-right: 5px;
padding-top: 2px;
text-decoration: none;
}
.mypage__alert_red_icon img {
vertical-align: bottom
}
.mypage__alert_red_text {
font-size: 13px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
text-decoration: none;
padding-right: 12px;
line-height: 1.4em;
flex-grow:1;
}
.mypage__alert_blue {
margin-bottom: 8px;
}
.mypage__alert_blue_link {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
text-decoration: none;
position: relative;
}
.mypage__alert_blue_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 16px;
transform: translate(-50%, -50%);
color: #09F;
margin-right: 5px;
}
.mypage__alert_blue_link:hover , .mypage__alert_blue_link:focus {
opacity:0.5
}
.mypage__alert_blue_icon {
font-size: 16px;
color: #0066FF;
padding-right: 5px;
padding-top: 2px;
text-decoration: none;
}
.mypage__alert_blue_text {
font-size: 13px;
color: #06F;
padding-top: 2px;
text-align: left;
font-weight: bold;
text-decoration: none;
padding-right: 12px;
line-height: 1.4em;
flex-grow:1;
}
.mypage__alert_sky {
margin-bottom: 8px;
}
.mypage__alert_sky_link {
background-color: #FFFFFF;
border: 1px solid #00CCFF;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
text-decoration: none;
position: relative;
}
.mypage__alert_sky_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 16px;
transform: translate(-50%, -50%);
color: #09F;
margin-right: 5px;
}
.mypage__alert_sky_link:hover , .mypage__alert_sky_link:focus {
opacity:0.5
}
.mypage__alert_sky_icon {
font-size: 16px;
color: #996600;
padding-right: 5px;
padding-top: 2px;
text-decoration: none;
}
.mypage__alert_sky_text {
font-size: 13px;
color: #09F;
padding-top: 2px;
text-align: left;
font-weight: bold;
text-decoration: none;
padding-right: 12px;
line-height: 1.4em;
flex-grow:1;
}
.mypage__alert_orange {
margin-bottom: 8px;
}
.mypage__alert_orange_link {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
text-decoration: none;
position: relative;
}
.mypage__alert_orange_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 16px;
transform: translate(-50%, -50%);
color: #F90;
margin-right: 5px;
}
.mypage__alert_orange_link:hover , .mypage__alert_orange_link:focus {
opacity:0.5
}
.mypage__alert_orange_icon {
font-size: 16px;
color: #FF3300;
padding-right: 5px;
padding-top: 2px;
text-decoration: none;
}
.mypage__alert_orange_text {
font-size: 13px;
color: #F30;
padding-top: 2px;
text-align: left;
font-weight: bold;
text-decoration: none;
padding-right: 12px;
line-height: 1.4em;
flex-grow:1;
}
.mypage__alert_badge {
padding-right: 12px;
}
.mypage__alert_badge span{
background-color: #FF0000;
font-weight: bold;
color: #FFFFFF;
font-size: 11px;
display: inline-block;
border-radius: 50%;
height: 19px;
width: 19px;
text-align: center;
}
.mypage__info_topix {
font-size: 14px;
line-height: 1.4em;
}
.mypage__info_icon_new {
font-size: 10px;
line-height: 1em;
color: #FFFFFF;
background-color: #996600;
padding-right: 3px;
padding-left: 3px;
border-radius: 2px;
margin-left: 3px;
}
.mypage__info_icon_important {
font-size: 10px;
line-height: 1em;
color: #FFFFFF;
background-color: #FF0000;
padding-right: 3px;
padding-left: 3px;
border-radius: 2px;
margin-left: 3px;
}
.mypage__job-planning {
}
.mypage__job-planning_inner {
margin-right: -5px;
margin-left: -5px;
}
.mypage__job-planning_title_bar {
background-color: #996600;
font-weight: bold;
padding: 10px;
color: #FFFFFF;
}
.mypage__job-planning_list {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.mypage__job-planning_list li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
position: relative;
}
.mypage__job-planning_list li:last-child {
border-bottom-style: none;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
.mypage__job-planning_list li .closed {
opacity: 0.5;
background-color: #e7e7e7;
}
.mypage__job-planning_list li .closed:after {
opacity: 0.2;
}
.mypage__job-planning_list li .closed_unlink {
opacity: 0.5;
pointer-events: none;
background-color: #e7e7e7;
}
.mypage__job-planning_list li .closed_unlink:after {
opacity: 0.2;
}
.mypage__job-planning_list li .closed_img {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
margin: auto;
height: 180px;
width: 225px;
opacity: 0.7;
left: 0px;
}
.mypage__job-planning_list li .closed_textbox-1row {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 280px;
height: 37px;
text-align: center;
font-size: 18px;
line-height: 1.6em;
color: #999999;
font-weight: bold;
border: 3px solid #999999;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(255,255,255,0.5);
}
.mypage__job-planning_list li .closed_textbox-2row {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 280px;
height: 70px;
text-align: center;
font-size: 18px;
line-height: 1.6em;
color: #999999;
font-weight: bold;
border: 3px solid #999999;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(255,255,255,0.5);
}
.mypage__job-planning_link {
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #FFFFFF;
}
.mypage__job-planning_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.mypage__job-planning_link:hover , .mypage__job-planning_link:focus {
opacity: 0.5;
background-color: #F1F1F1;
}
.mypage__job-planning__button-navi {
background-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
margin-right: -20px;
margin-left: -10px;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
margin-top: 5px;
}
.mypage__job-planning__button__checkin {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.mypage__deadline_red {
background-color: #FF0000;
color: #FFFFFF;
border-radius: 5px;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
font-size: 14px;
line-height: 1.4em;
text-align: left;
margin-bottom: 5px;
}
.mypage__deadline_blue {
background-color: #0066FF;
color: #FFFFFF;
border-radius: 5px;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
font-size: 14px;
line-height: 1.4em;
text-align: left;
margin-bottom: 5px;
}
.mypage__deadline_green {
background-color: #009900;
color: #FFFFFF;
border-radius: 5px;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
font-size: 14px;
line-height: 1.4em;
text-align: left;
margin-bottom: 5px;
}
.mypage__deadline_orange {
background-color: #FF6600;
color: #FFFFFF;
border-radius: 5px;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
font-size: 14px;
line-height: 1.4em;
text-align: left;
margin-bottom: 5px;
}
.mypage__now {
background-color: #f5f5f5;
color: #333333;
border-radius: 5px;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
font-size: 13px;
line-height: 1.4em;
text-align: left;
margin-bottom: 5px;
border: 1px solid #999999;
}
.mypage__job-planning_job_category {
background-color: #00CC00;
color: #FFFFFF;
border-radius: 5px;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
display: inline-block;
margin-bottom: 5px;
font-size: 12px;
line-height: 1.2em;
}
.mypage__job-planning_name {
font-size: 16px;
font-weight: bold;
margin-bottom: 3px;
color: #000000;
line-height: 1.6em;
}
.mypage__job-planning_title_mark {
border: 1px solid #999;
font-size: 13px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
line-height: 1.2em;
background-color: #FFFFFF;
display: inline-block;
margin-right: 5px;
border-radius: 3px;
}
.mypage__job-planning_working_date {
margin-bottom: 2px;
color: #333333;
}
.mypage__job-planning_working_date img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.mypage__job-planning_station {
margin-bottom: 2px;
color: #333333;
}
.mypage__job-planning_station img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.mypage__job-planning_salary {
color: #333333;
}
.mypage__job-planning_salary img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.mypage__job-planning_none {
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #FFFFFF;
}
.mypage__job-planning_none p {
text-align: center;
font-weight: bold;
}
.mypage__job-planning_none p .fa {
color: #FF6600;
font-size: 16px;
margin-right: 3px;
vertical-align: middle;
}
.mypage__job-reports {
}
.mypage__job-reports_inner {
margin-right: -5px;
margin-left: -5px;
}
.mypage__job-reports_title_bar {
background-color: #996600;
font-weight: bold;
padding: 10px;
color: #FFFFFF;
}
.mypage__job-reports_list {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.mypage__job-reports_list li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
position: relative;
}
.mypage__job-reports_list li .closed {
opacity: 0.5;
background-color: #e7e7e7;
}
.mypage__job-reports_list li .closed:after {
opacity: 0.2;
}
.mypage__job-reports_list li .closed_unlink {
opacity: 0.5;
pointer-events: none;
background-color: #e7e7e7;
}
.mypage__job-reports_list li .closed_unlink:after {
opacity: 0.2;
}
.mypage__job-reports_list li .closed_img {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
margin: auto;
height: 180px;
width: 225px;
opacity: 0.7;
left: 0px;
}
.mypage__job-reports_list li .closed_textbox-1row {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 280px;
height: 37px;
text-align: center;
font-size: 18px;
line-height: 1.6em;
color: #999999;
font-weight: bold;
border: 3px solid #999999;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(255,255,255,0.5);
}
.mypage__job-reports_list li .closed_textbox-2row {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 280px;
height: 70px;
text-align: center;
font-size: 18px;
line-height: 1.6em;
color: #999999;
font-weight: bold;
border: 3px solid #999999;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(255,255,255,0.5);
}
.mypage__job-reports_link {
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #FFFFFF;
}
.mypage__job-reports_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.mypage__job-reports_link:hover , .mypage__job-reports_link:focus {
opacity: 0.5;
background-color: #F1F1F1;
}
.mypage__alert_quit {
background-color: #FFECEC;
border: 2px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
text-decoration: none;
position: relative;
}
.mypage__alert_quit_icon {
font-size: 16px;
color: #FF3300;
padding-right: 5px;
padding-top: 2px;
text-decoration: none;
}
.mypage__alert_quit_icon img {
vertical-align: bottom
}
.mypage__alert_quit_text {
font-size: 14px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
text-decoration: none;
padding-right: 20px;
line-height: 1.4em;
}
.mypage__alert_stop {
background-color: #FFECEC;
border: 2px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
text-decoration: none;
position: relative;
}
.mypage__job-reports_job_category {
background-color: #00CC00;
color: #FFFFFF;
border-radius: 5px;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
display: inline-block;
margin-bottom: 5px;
font-size: 12px;
line-height: 1.2em;
}
.mypage__job-reports_name {
font-size: 16px;
font-weight: bold;
margin-bottom: 3px;
color: #000000;
line-height: 1.6em;
}
.mypage__job-reports_title_mark {
border: 1px solid #999;
font-size: 13px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
line-height: 1.2em;
background-color: #FFFFFF;
display: inline-block;
margin-right: 5px;
border-radius: 3px;
}
.mypage__job-reports_working_date {
margin-bottom: 2px;
color: #333333;
}
.mypage__job-reports_working_date img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.mypage__job-reports_station {
margin-bottom: 2px;
color: #333333;
}
.mypage__job-reports_station img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.mypage__job-reports_salary {
color: #333333;
}
.mypage__job-reports_salary img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.mypage__job-reports_none {
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #FFFFFF;
}
.mypage__job-reports_none p {
text-align: center;
font-weight: bold;
}
.mypage__job-reports_none p .fa {
color: #FF6600;
font-size: 16px;
margin-right: 3px;
vertical-align: middle;
}
.mypage__complete_job {
margin-bottom: 10px;
}
.mypage__complete_job_inner {
margin-right: -5px;
margin-left: -5px;
}
.in-modal {
margin-top: 10px;
}
.in-modal .mypage__complete_job_inner {
margin-right: -10px;
margin-left: -10px;
}
.mypage__complete_job_title_bar {
background-color: #996600;
font-weight: bold;
padding: 10px;
color: #FFFFFF;
}
.mypage__complete_job_list {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.mypage__complete_job_list li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.mypage__complete_job_link {
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
}
.mypage__complete_job_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.mypage__complete_job_link:hover , .mypage__complete_job_link:focus {
opacity: 0.5;
background-color: #F1F1F1;
}
.mypage__complete_job_job_category {
background-color: #00CC00;
color: #FFFFFF;
border-radius: 5px;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
display: inline-block;
margin-bottom: 5px;
font-size: 12px;
line-height: 1.2em;
}
.mypage__complete_job_name {
font-size: 16px;
font-weight: bold;
margin-bottom: 3px;
color: #000000;
line-height: 1.6em;
}
.mypage__complete_job_working_date {
margin-bottom: 2px;
color: #333333;
}
.mypage__complete_job_working_date .fa {
color: #996600;
}
.mypage__complete_job_station {
margin-bottom: 2px;
color: #333333;
}
.mypage__complete_job_station .fa {
color: #996600;
}
.mypage__complete_job_salary {
color: #333333;
}
.mypage__complete_job_salary .fa {
color: #996600;
}
.mypage___gps_setting_header {
background-color: #996600;
border:none;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.mypage___gps_setting_title {
width: 16px;
font-weight: normal;
color: #FFFFFF;
flex-grow: 1;
}
.mypage___gps_setting_box___close {
font-size: 20px;
cursor: pointer;
color: #DDD;
display: block;
}
.mypage___gps_setting_box {
background-color: #FFF;
border: none;
border-radius: 0px 0px 5px 5px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
padding: 10px;
}
.mypage___gps_setting_box__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.mypage___gps_setting_box__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
}
.mypage___gps_setting_box__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
}
.mypage___gps_setting_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius:0px 0px 5px 5px;
}
.mypage___gps_setting_box__item__inner {
padding: 10px;
}
.mypage___gps_setting_box__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.mypage___gps_setting_form_button__close {
padding-right: 5px;
}
.mypage___gps_setting_form_button__close a{
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.mypage___gps_setting_form_button__close a:hover , .mypage___gps_setting_form_button__close a:focus {
opacity: 0.5;
}
.mypage___gps_setting_form_button__submit {
flex-grow: 1;
}
.mypage___gps_setting_form_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.mypage___gps_setting_form_button__submit a:hover , .mypage___gps_setting_form_button__submit a:focus {
opacity: 0.5;
}
.mypage__user-id {
border-radius: 5px;
font-size: 16px;
background-color: #FFFF99;
text-align: center;
border: 1px solid #FF6600;
line-height: 1.6em;
font-weight: bold;
color: #333333;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
margin-top: 10px;
}
.mypage__reload {
padding: 5px;
background-color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
}
.mypage__reload a {
background-color: #F5F5F5;
border: 1px solid #999999;
display: block;
font-size: 13px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #333333;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
}
.mypage__reload a:hover , .mypage__reload a:focus {
opacity: 0.5;
}
/* history */
.history__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.history__list {
margin-bottom: 10px;
}
.history__list__inner {
margin-right: -5px;
margin-left: -5px;
}
.history__list__title_bar {
background-color: #996600;
font-weight: bold;
padding: 10px;
color: #FFFFFF;
}
.history__list__item {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.history__list__item li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.history__list__item_box {
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-bottom: 5px;
background-color: #FFFFFF;
}
.history__list__status {
padding: 5px;
}
.history__list__status_job_cate {
color: #333333;
}
.history__list__status_job_cate img {
height: 17px;
width: 17px;
vertical-align: middle;
margin-right: 3px;
}
.history__list__jobbox{
border: 1px solid #CCCCCC;
border-radius: 4px;
display: block;
padding: 5px;
margin-right: 5px;
margin-left: 5px;
background-color: #FFFFFF;
}
.history__list__jobbox_job_cate {
color: #666666;
font-size: 13px;
}
.history__list__jobbox_job_cate img {
height: 15px;
width: 15px;
vertical-align: middle;
margin-right: 3px;
}
.history__list__data_code {
color: #999999;
font-weight: bold;
font-size: 12px;
padding-right: 5px;
padding-left: 5px;
}
.history__list__jobbox .history__list__data_code {
padding-right: 0px;
padding-left: 0px;
}
.history__list__name {
font-size: 14px;
font-weight: bold;
margin-bottom: 3px;
color: #333333;
line-height: 1.4em;
}
.history__list__status_bar {
font-size: 13px;
line-height: 1.3em;
font-weight: bold;
color: #FFFFFF;
background-color: #999999;
padding-top: 5px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 8px;
border-radius: 3px;
margin-bottom: 3px;
}
.end .history__list__status_bar{
background-color: #996600;
}
.history__list__jobbox__item {
margin-bottom: 10px;
position: relative;
}
.history__list__jobbox__item__inner_none {
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
}
.history__list__jobbox__item__inner_none p {
text-align: center;
font-weight: bold;
}
.history__list__jobbox__item__inner_none p .fa {
color: #FF6600;
font-size: 16px;
margin-right: 3px;
vertical-align: middle;
}
/* area */
.map__area_setting_header {
background-color: #996600;
border:none;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.map__area_setting_title {
width: 16px;
font-weight: normal;
color: #FFFFFF;
flex-grow: 1;
}
.map__area_setting_box___close {
font-size: 20px;
cursor: pointer;
color: #DDD;
display: block;
}
.map__area_setting_box___close:hover , .map__area_setting_box___close:focus {
opacity:0.5;
}
.map__area_setting_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius:0px 0px 5px 5px;
}
.map__area_setting_box__item__inner {
padding: 10px;
}
.map__area_setting_box__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.map__area_setting_box__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
}
.map__area_setting_box__notice_text {
font-size: 13px;
color: #333;
text-align: left;
flex-shrink: 100;
line-height: 1.4em;
}
.map__area_setting_box__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.map__area_setting_box__form_input___location {
padding-bottom: 10px;
}
.map__area_setting_box__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.map__area_setting_box__button__close {
padding-right: 5px;
}
.map__area_setting_box__button__close a{
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.map__area_setting_box__button__submit {
flex-grow: 1;
}
.map__area_setting_box__button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
/* map */
.map__gps_setting_header {
background-color: #996600;
border:none;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.map__gps_setting_title {
width: 16px;
font-weight: normal;
color: #FFFFFF;
flex-grow: 1;
}
.map__gps_setting_box___close {
font-size: 20px;
cursor: pointer;
color: #DDD;
display: block;
}
.map__gps_setting_box___close:hover , .map__gps_setting_box___close:focus {
opacity:0.5;
}
.map__gps_setting_box {
background-color: #FFF;
border: none;
border-radius: 0px 0px 5px 5px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
padding: 10px;
}
.map__gps_setting_box__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.map__gps_setting_box__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
}
.map__gps_setting_box__notice_text {
font-size: 13px;
color: #333;
text-align: left;
flex-shrink: 100;
line-height: 1.4em;
}
.map__gps_setting_box__reference {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-top: 10px;
}
.map__gps_setting_box__reference_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
}
.map__gps_setting_box__reference_text {
font-size: 13px;
color: #333;
text-align: left;
flex-shrink: 100;
line-height: 1.4em;
}
.map__gps_setting_box__reference_link {
margin-top: 5px;
text-align: right;
margin-bottom: 0px;
}
.map__gps_setting_box__reference_link a{
font-size: 13px;
line-height: 1.3em;
text-decoration: none;
color: #009900;
}
.map__gps_setting_box__reference_link a:hover , .map__gps_setting_box__reference_link a:focus {
text-decoration: underline;
}
.map__gps_setting_box__caution {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.map__gps_setting_box__caution_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
}
.map__gps_setting_box__caution_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.map__gps_setting_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius:0px 0px 5px 5px;
}
.map__gps_setting_box__item__inner {
padding: 10px;
}
.map__gps_setting__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.map__gps_setting_box_first__button-navi {
margin-top: 10px;
}
.map__gps_setting_form_button__setting {
margin-bottom: 5px;
}
.map__gps_setting_form_button__setting a {
background-color: #996600;
border: 1px solid #0066FF;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.map__gps_setting_form_button__setting a:hover , .map__gps_setting_form_button__setting a:focus {
opacity:0.5;
}
.map__gps_setting_form_button__setting-configured {
margin-bottom: 5px;
}
.map__gps_setting_form_button__setting-configured a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.map__gps_setting_form_button__setting-configured a:hover , .map__gps_setting_form_button__setting-configured a:focus {
opacity:0.5;
}
.map__gps_setting_form_button__address01 {
margin-bottom: 5px;
}
.map__gps_setting_form_button__address01 a {
background-color: #0099CC;
border: 1px solid #0066CC;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.map__gps_setting_form_button__address01 a:hover , .map__gps_setting_form_button__address01 a:focus {
opacity:0.5;
}
.map__gps_setting_form_button__address01-configured {
margin-bottom: 5px;
}
.map__gps_setting_form_button__address01-configured a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.map__gps_setting_form_button__address01-configured a:hover , .map__gps_setting_form_button__address01-configured a:focus {
opacity:0.5;
}
.map__gps_setting_form_button__address02 {
}
.map__gps_setting_form_button__address02 a {
background-color: #0099CC;
border: 1px solid #0066CC;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.map__gps_setting_form_button__address02 a:hover , .map__gps_setting_form_button__address02 a:focus {
opacity:0.5;
}
.map__gps_setting_form_button__address02 a:hover , .map__gps_setting_form_button__address02 a:focus {
opacity:0.5;
}
.map__gps_setting_form_button__address02-configured {
}
.map__gps_setting_form_button__address02-configured a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.map__gps_setting_form_button__address02-configured a:hover , .map__gps_setting_form_button__address02-configured a:focus {
opacity:0.5;
}
.map__gps_setting_box__input_box {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 10px;
}
.map__gps_setting__form_input___address {
flex-grow: 1;
flex-shrink: 100;
}
.map__gps_setting__form_input___address_button {
padding-left: 5px;
}
.map__gps_setting__form_input___address_button a {
background-color: #996600;
border: 1px solid #0066FF;
display: block;
margin-bottom: 0;
font-size: 13px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.map__gps_setting__form_input___address_button a:hover , .map__gps_setting__form_input___address_button a:focus {
opacity:0.5;
}
.map__gps_setting_box__input_gmap {
height: 360px;
width: 100%;
margin-top: 10px;
border: 1px solid #ddd;
}
.map__gps_setting_box__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.map__gps_setting_box_second__button-navi {
display: flex;
align-items: flex-start;
justify-content: center;
margin-top: 10px;
}
.map__gps_setting_form_button__close {
padding-right: 5px;
}
.map__gps_setting_form_button__close a{
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.map__gps_setting_form_button__close a:hover , .map__gps_setting_form_button__close a:focus {
opacity:0.5;
}
.map__gps_setting_form_button__submit {
flex-grow: 1;
}
.map__gps_setting_form_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.map__gps_setting_form_button__submit a:hover , .map__gps_setting_form_button__submit a:focus {
opacity:0.5;
}
.map__gps_setting_box_second__button-navi_ok {
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
}
.map__gps_setting_form_button__ok {
flex-grow: 1;
}
.map__gps_setting_form_button__ok a {
background-color: #009900;
border: 1px solid #006600;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.map__gps_setting_form_button__ok a:hover , .map__gps_setting_form_button__ok a:focus {
opacity:0.5;
}
.map__data-none {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #FFFFFF;
height: 60px;
width: 70%;
max-width: 400px;
padding: 10px;
border: 2px solid #996600;
}
.map__data-none p {
text-align: center;
font-weight: bold;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;
white-space: nowrap;
}
.map__data-none p .fa {
color: #996600;
font-size: 16px;
margin-right: 3px;
vertical-align: middle;
}
/* search */
.search__condition__setting_header {
background-color: #996600;
border:none;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.no-completion .search__condition__setting_header {
background-color: #996600;
}
.search__condition__setting_title {
width: 16px;
font-weight: normal;
color: #FFFFFF;
flex-grow: 1;
}
.search__condition__setting_box___close {
font-size: 20px;
cursor: pointer;
color: #DDD;
display: block;
}
.search__condition__setting_box___close:hover , .search__condition__setting_box___close:focus {
opacity:0.5;
}
.search__condition__setting_box {
background-color: #FFF;
border: none;
border-radius: 0px 0px 5px 5px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
padding: 10px;
}
.search__condition__setting_box__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.search__condition__setting_box__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
}
.search__condition__setting_box__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
}
.search__condition__setting_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius:0px 0px 5px 5px;
}
.search__condition__setting_box__item__inner {
padding: 10px;
}
.search__condition__setting__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.search__condition__setting__form_label___location {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.search__condition__setting__form_input___location {
padding-bottom: 10px;
}
.search__condition__setting__form_label___distance {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.search__condition__setting__form_input___distance {
padding-bottom: 10px;
}
.search__condition__setting__form_label___salary {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.search__condition__setting__form_label___salary__inner {
padding-bottom: 10px;
}
.search__condition__setting__form_label___salary_radio {
padding-bottom: 10px;
}
.search__condition__setting__form_label___salary_radio ul {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.search__condition__setting__form_label___salary_radio ul li {
flex-grow: 1;
flex-shrink: 100;
}
.search__condition__setting__form_input___condition {
padding-left: 8px;
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
white-space: nowrap;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
text-align: center;
margin-right: 5px;
}
.search__condition__setting__form_label___salary_select {
display: flex;
}
.search__condition__setting__form_input___salary_start {
flex-grow: 1;
flex-shrink: 100;
}
.search__condition__setting__form_input___salary_start .form_ui_select{
white-space: nowrap;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.search__condition__setting__form_input___salary_nami {
white-space: nowrap;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-right: 3px;
padding-left: 3px;
}
.search__condition__setting__form_input___salary_nami span{
display: inline-block;
padding-top: 7px;
padding-right: 5px;
padding-left: 5px;
}
.search__condition__setting__form_input___salary_end {
flex-grow: 1;
flex-shrink: 100;
}
.search__condition__setting__form_input___salary_end .form_ui_select{
white-space: nowrap;
border-radius: 0px;
border-left-style: none;
border-right-style: none;
}
.search__condition__setting__form_input___salary_eyen {
white-space: nowrap;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-right: 3px;
padding-left: 3px;
border-radius: 0px 5px 5px 0px;
}
.search__condition__setting__form_input___salary_eyen span{
display: inline-block;
padding-top: 7px;
padding-right: 5px;
padding-left: 5px;
}
.search__condition__setting__form_label___condition {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.search__condition__setting___condition_list {
padding: 0px;
list-style-type: none;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
}
.search__condition__setting___condition_list li {
padding-right: 3px;
padding-bottom: 3px;
}
.search__condition_form_input___condition {
font-size: 13px;
line-height: 1.3em;
}
.search__condition__setting__form_label___date {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.search__condition__setting__form_input___date {
padding-bottom: 10px;
}
.search__condition__setting__form_label___timezone {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.search__condition__setting__form_label___timezone__inner {
display: flex;
padding-bottom: 10px;
}
.search__condition__setting__form_input___timezone_start {
flex-grow: 1;
flex-shrink: 100;
white-space: nowrap;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.search__condition__setting__form_input___timezone_nami {
white-space: nowrap;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-right: 6px;
padding-left: 6px;
}
.search__condition__setting__form_input___timezone_nami span {
display: inline-block;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
}
.search__condition__setting__form_input___timezone_end {
flex-grow: 1;
flex-shrink: 100;
white-space: nowrap;
border-radius: 0px 5px 5px 0px;
border-left-style: none;
}
.search__condition__setting___form_tips {
color: #FFF;
background-color: #F90;
border-radius: 4px 4px 0px 0px;
font-size: 13px;
margin-bottom: 5px;
padding: 5px;
}
.search__condition__setting__form_label___nhours__inner {
flex-grow: 1;
display: flex;
padding-bottom: 10px;
}
.search__condition__setting__form_input___nhours_start {
flex-grow: 1;
flex-shrink: 100;
white-space: nowrap;
}
.search__condition__setting__form_input___nhours_nami {
white-space: nowrap;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-right: 6px;
padding-left: 6px;
}
.search__condition__setting__form_input___nhours_nami span{
display: inline-block;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
}
.search__condition__setting__form_input___nhours_end {
flex-grow: 1;
flex-shrink: 100;
white-space: nowrap;
border-radius: 0px 5px 5px 0px;
border-left-style: none;
}
.search__condition__setting_box__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.search__condition__setting_form_button__close {
padding-right: 5px;
}
.search__condition__setting_form_button__close a{
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.search__condition__setting_form_button__submit {
flex-grow: 1;
}
.search__condition__setting_form_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
/* map__list */
.map__list_viewport {
position: fixed;
z-index: 998;
left: 0px;
bottom: 10px;
right: 0px;
width: 100%;
overflow: hidden;
padding: 0px;
-webkit-transform: translateZ(0);
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
body.sidr-open .map__list_viewport {
margin-left: 260px;
}
.map__job_flipsnap {
padding: 0px;
}
.map__job_list {
float: left;
margin: 0;
padding: 0px;
}
.map__job {
margin-right: 10px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
}
.map__job_list .closed {
background-color: #FFFFFF;
position: relative;
border-radius: 5px ;
}
.map__job_list .closed:after {
display:none;
}
.map__job_list .closed .map__job__header{
}
.map__job_list .closed .map__job__inner{
}
.map__job_list .closed .map__job__inner:after {
}
.map__job_list .closed_unlink {
background-color: #FFFFFF;
position: relative;
border-radius: 5px ;
}
.map__job_list .closed_unlink .map__job__header{
opacity:0.5;
}
.map__job_list .closed_unlink .map__job__inner{
opacity: 0.5;
pointer-events: none;
}
.map__job_list .closed_unlink .map__job__inner:after {
opacity: 0.2;
}
.map__job_list .closed_img {
position: absolute;
top: -15px;
right: 0px;
margin: auto;
height: 128px;
width: 160px;
opacity: 0.7;
left: 0px;
}
.map__job_list .closed_textbox-1row {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 260px;
height: 30px;
text-align: center;
font-size: 16px;
line-height: 1.4em;
color: #999999;
font-weight: bold;
border: 3px solid #999999;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(255,255,255,0.5);
}
.map__job_list .closed_textbox-2row {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 260px;
height: 57px;
text-align: center;
font-size: 16px;
line-height: 1.4em;
color: #999999;
font-weight: bold;
border: 3px solid #999999;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(255,255,255,0.5);
}
.map__job__header {
display: flex;
align-items: center;
justify-content: flex-strat;
background-color: #996600;
border-radius: 5px 5px 0px 0px;
padding: 5px;
}
.map__job__dcalendar {
margin-right: 5px;
}
.map__job__dcalendar p{
background-color: #FFF;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
border-radius: 3px;
text-align: center;
font-size: 12px;
color: #333333;
white-space: nowrap;
font-weight: bold !important;
}
.map__job__deadline {
margin-right: 5px;
}
.map__job__deadline p {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
border-radius: 3px;
text-align: center;
font-size: 12px;
color: #FFFFFF;
white-space: nowrap;
}
.map__job__deadline_bg-red {
background-color: #F00;
}
.map__job__deadline_bg-blue {
background-color: #06F;
}
.map__job__adoption-rate {
margin-right: 5px;
}
.map__job__adoption-rate p {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
border-radius: 3px;
text-align: center;
font-size: 12px;
color: #FFFFFF;
white-space: nowrap;
}
.map__job__adoption-rate_bg-green {
background-color: #090;
}
.map__job__adoption-rate_bg_bg-purple {
background-color: #6633FF;
}
.map__job__inner {
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 5px;
padding-right: 7px;
padding-bottom: 10px;
padding-left: 27px;
border-radius: 0px 0px 5px 5px;
background-color: #FFFFFF;
border: 1px solid #996600;
}
.map__job__inner:before {
content: "\f053";
font-family: FontAwesome;
position: absolute;
top: 50%;
left: 12px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.map__job__inner:hover , .map__job__inner:focus {
background-color: #eee;
}
.map__job__title {
font-size: 16px;
font-weight: bold;
line-height: 1.6em;
margin-top: 0px;
display: block;
text-align: left;
color: #000000;
margin-bottom: 2px;
height: 50px;
overflow: hidden;
}
.map__job__title_mark {
border: 1px solid #999;
font-size: 13px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
line-height: 1.2em;
background-color: #FFFFFF;
display: inline-block;
margin-right: 5px;
border-radius: 3px;
}
.map__job__listbox__item__box {
}
.map__job__list__article_photo {
padding-bottom: 5px;
}
.map__job__list__article_photo img {
height: auto;
width: 92px;
}
.map__job__list__leftright {
display:flex;
align-items:center;
}
.map__job__list__body {
flex: 1;
padding-bottom: 5px;
flex-shrink: 0;
}
.map__job__list__job-category {
background-color: #00CC00;
color: #FFFFFF;
border-radius: 5px;
padding-top: 2px;
padding-right: 6px;
padding-bottom: 2px;
padding-left: 6px;
display: inline-block;
font-size: 12px;
line-height: 1.4em;
margin-bottom: 5px;
}
.map__job__list__time {
color: #666666;
font-size: 13px;
}
.map__job__list__time img {
height: 17px;
width: 17px;
vertical-align: middle;
margin-right: 3px;
}
.map__job__list__salary {
color: #666666;
font-size: 13px;
}
.map__job__list__salary img {
height: 17px;
width: 17px;
vertical-align: middle;
margin-right: 3px;
}
.map__job__list__station {
color: #666666;
}
.map__job__list__station img {
height: 17px;
width: 17px;
vertical-align: middle;
margin-right: 3px;
}
.map__job__list__cmark {
padding-right: 3px;
}
.map__job__list__cmark img {
height: 36px;
width: 36px;
}
/* article_search */
.article_search__container {
padding-top: 56px;
}
.article_search__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.article_search__job_list_pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 0px;
margin-top: -56px;
padding-top: 56px;
padding-bottom: 10px;
}
.article_search__job_list_number {
background-color: #996600;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
font-size: 15px;
color: #FFFFFF;
text-align: center;
margin-bottom: 10px;
margin-right: -5px;
margin-left: -5px;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
}
.article_search__job_list_number span{
font-size: 10px;
padding-right: 2px;
padding-left: 2px;
}
.timelimit .article_search__listbox__header {
background-color: #F30;
}
.timelimit .article_search__listbox__item__inner {
border-right-color: #FF3300;
border-bottom-color: #FF3300;
border-left-color: #FF3300;
}
.timelimit .map__job__header {
background-color: #F30;
}
.timelimit .map__job__inner {
border: 1px solid #FF3300;
}
.article_search__nlistbox__item {
margin-bottom: 10px;
position: relative;
}
.article_search__nlistbox__item__inner {
display: block;
font-size: 13px;
line-height: 1.3em;
text-decoration: none;
position: relative;
padding-top: 2px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 5px;
border-radius: 5px;
background-color: #FFFFFF;
border: 1px solid #996600;
}
.article_search__nlistbox__item__inner:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.article_search__nlistbox__item__inner:hover , .article_search__nlistbox__item__inner:focus {
opacity:0.5;
}
.article_search__nlistbox__item__inner_none {
display: block;
font-size: 13px;
line-height: 1.3em;
text-decoration: none;
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
}
.article_search__nlistbox__item__inner_none p {
text-align: center;
font-weight: bold;
}
.article_search__nlistbox__item__inner_none p .fa {
color: #996600;
font-size: 16px;
margin-right: 3px;
vertical-align: middle;
}
.article_search__nlistbox__item .closed {
opacity: 0.5;
background-color: #E7E7E7;
}
.article_search__nlistbox__item .closed:after {
opacity:0.2;
}
.article_search__nlistbox__item .closed_unlink {
opacity: 0.5;
pointer-events: none;
background-color: #E7E7E7;
}
.article_search__nlistbox__item .closed_unlink:after {
opacity:0.2;
}
.article_search__nlistbox__item .closed_img {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
margin: auto;
height: 110px;
width: 110px;
opacity: 0.7;
left: 0px;
}
.article_search__nlistbox__item .closed_textbox-1row {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 280px;
height: 37px;
text-align: center;
font-size: 18px;
line-height: 1.6em;
color: #999999;
font-weight: bold;
border: 3px solid #999999;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(255,255,255,0.5);
}
.article_search__nlistbox__item .closed_textbox-2row {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 280px;
height: 70px;
text-align: center;
font-size: 18px;
line-height: 1.6em;
color: #999999;
font-weight: bold;
border: 3px solid #999999;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
background-color: rgba(255,255,255,0.5);
}
.article_search__nlistbox__header {
display: flex;
align-items: center;
margin-bottom: 4px;
margin-right: -10px;
flex-wrap:wrap;
}
.article_search__nlistbox__header_cate {
padding-right: 5px;
}
.article_search__nlistbox__deadline_bg-blue{
background-color: #0066FF;
padding-top: 5px;
font-size: 10px;
line-height: 1.2em;
color: #FFFFFF;
border-radius: 2px;
text-align: center;
height: 35px;
width: 55px;
margin-top: 3px;
}
.article_search__nlistbox__deadline_bg-red{
background-color: #FF0000;
padding-top: 5px;
font-size: 10px;
line-height: 1.2em;
color: #FFFFFF;
border-radius: 2px;
text-align: center;
height: 35px;
width: 55px;
margin-top: 3px;
}
.article_search__nlistbox__deadline_time {
font-size: 12px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 0px;
white-space: nowrap;
font-family: 'Noto Sans Japanese', serif;
}
.article_search__nlistbox__deadline_time span {
font-size: 9px;
font-weight: normal;
padding-right: 1px;
padding-left: 1px;
}
.article_search__nlistbox__deadline_time-limit {
font-size: 20px;
font-weight: bold;
margin-top: 8px;
margin-bottom: 0px;
white-space: nowrap;
font-family: 'Noto Sans Japanese', serif;
}
.article_search__nlistbox__deadline_time-limit span {
font-size: 9px;
font-weight: normal;
padding-right: 1px;
padding-left: 1px;
}
.article_search__nlistbox__adoption-rate_bg-green {
background-color: #009900;
padding-top: 3px;
font-size: 10px;
line-height: 1.2em;
color: #FFFFFF;
border-radius: 2px;
text-align: center;
height: 35px;
width: 55px;
margin-top: 3px;
}
.article_search__nlistbox__adoption-rate_bg-purple {
background-color: #6633FF;
padding-top: 5px;
font-size: 10px;
line-height: 1.2em;
color: #FFFFFF;
border-radius: 2px;
text-align: center;
height: 35px;
width: 55px;
margin-top: 3px;
}
.article_search__nlistbox__adoption-rate_number {
font-size: 18px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 0px;
white-space: nowrap;
font-family: 'Noto Sans Japanese', serif;
flex-grow: 1;
}
.article_search__nlistbox__adoption-rate_number span{
font-size: 9px;
font-weight: normal;
}
.article_search__nlistbox__header_right {
flex-grow:1;
}
.article_search__nlistbox__salary {
font-family: 'Prata', sans-serif;
font-size: 30px;
font-weight: bold;
color: #555555;
text-align: right;
white-space: nowrap;
padding-top: 6px;
padding-left: 0px;
padding-bottom: 1px;
}
.article_search__nlistbox__salary img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.article_search__nlistbox__salary span {
padding-right: 5px;
}
.article_search__nlistbox__title {
font-size: 15px;
font-weight: bold;
line-height: 1.5em;
margin-top: 0px;
margin-bottom: 5px;
display: block;
text-align: left;
color: #000000;
}
.article_search__nlistbox__title_mark {
border: 1px solid #999;
font-size: 12px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
line-height: 1.2em;
background-color: #FFFFFF;
display: inline-block;
margin-right: 5px;
border-radius: 3px;
}
.article_search__nlistbox__item__box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.article_search__nlistbox__photo {
padding-bottom: 5px;
padding-right: 10px;
}
.article_search__nlistbox__photo img {
height: auto;
width: 72px;
}
.article_search__nlistbox__body {
flex-shrink: 100;
line-height: 1.3em;
font-size: 13px;
}
.article_search__nlistbox__date {
color: #666666;
}
.article_search__nlistbox__date img {
height: 15px;
width: 15px;
vertical-align: middle;
margin-right: 2px;
}
.article_search__nlistbox__time {
color: #666666;
}
.article_search__nlistbox__time img {
height: 15px;
width: 15px;
vertical-align: middle;
margin-right: 3px;
}
.article_search__nlistbox__address {
color: #666666;
}
.article_search__nlistbox__address img {
height: 15px;
width: 15px;
vertical-align: middle;
margin-right: 2px;
}
.article_search__nlistbox__station {
color: #666666;
margin-bottom: 5px;
}
.article_search__nlistbox__station img {
height: 15px;
width: 15px;
vertical-align: middle;
margin-right: 2px;
}
.article_search__nlistbox__condition {
padding: 0px;
list-style-type: none;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 0px;
margin-right: 0px;
margin-bottom: -3px;
margin-left: 0px;
}
.article_search__nlistbox__condition li{
padding-right: 2px;
padding-bottom: 2px;
}
.article_search__nlistbox__condition li p {
adding-top: 3px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
font-size: 12px;
font-weight: normal;
display: block;
border-radius: 3px;
line-height: 1.2em;
background-color: #eee;
color: #666666;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 3px;
}
.article_search__nlistbox__bottom {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.article_search__nlistbox__dcalendar {
border-top-width: 10px;
border-top-style: solid;
border-top-color: #996600;
width: 55px;
height: auto;
display: inline-block;
background-color: #FFFFFF;
border-radius: 2px;
box-shadow: 0px 2px 1px 1px #999999;
position: relative;
font-family: 'Noto Sans Japanese', serif;
margin-right: 2px;
}
.article_search__nlistbox__dcalendar p{
text-align: center;
font-size: 15px;
font-weight: 600;
padding-top: 6px;
padding-bottom: 6px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #0066FF;
color: #333333;
margin-top: 0px;
margin-bottom: 0px;
}
.article_search__nlistbox__dcalendar img{
position: absolute;
top: -15px;
}
.article_search__nlistbox__after {
display: flex;
align-items: center;
justify-content: center;
}
.article_search__nlistbox__after_center {
width: 5px;
}
/* sign_up */
.sign_up__container {
padding-top: 56px;
}
.sign_up__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.sign_up__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.sign_up__formbox__inotice {
margin-bottom: 10px;
}
.sign_up__formbox__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.sign_up__formbox__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.sign_up__formbox__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.sign_up__formbox__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.sign_up__formbox__explain {
background-color: #FFFFFF;
border: 1px solid #FFCC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: left;
margin-bottom: 10px;
font-size: 10px;
line-height: 1.6em;
color: #333333;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
}
.sign_up__formbox {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
}
.sign_up__formbox__inner {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.sign_up__formbox__item {
padding-top: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.sign_up__form_tips {
color: #FFF;
background-color: #F90;
border-radius: 4px;
font-size: 13px;
margin-bottom: 10px;
padding: 5px;
}
.sign_up__formbox__item__inner {
padding-bottom: 10px;
}
.sign_up__form_error__msg {
font-size: 13px;
color: #FF0000;
margin-top: 3px;
margin-bottom: 0px;
}
.sign_up__form_error__msg:before {
content: "\f071";
font-family: FontAwesome;
padding-right: 3px;
}
.sign_up__require {
font-size: 10px;
line-height: 1em;
background-color: #FF0000;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.sign_up__require {
font-size: 10px;
line-height: 1em;
background-color: #FF0000;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.sign_up__elective {
font-size: 10px;
line-height: 1em;
background-color: #0066FF;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.sign_up__example {
font-size: 12px;
line-height: 1em;
color: #666666;
border-radius: 3px;
font-weight: normal;
vertical-align: middle;
margin-left: 3px;
}
.sign_up__form_label___user-id {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__formbox__attention {
background-color: #FFFFFF;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
}
.sign_up__formbox__attention_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
}
.sign_up__formbox__attention_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
}
.sign_up__formbox__caution {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-top: 10px;
}
.sign_up__formbox__caution_icon {
font-size: 16px;
color: #0066FF;
padding-right: 5px;
}
.sign_up__formbox__caution_text {
font-size: 13px;
color: #333;
text-align: left;
line-height: 1.4em;
}
.sign_up__formbox__item__name_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.sign_up__form_label___name_sei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__formbox__item__name_sei {
flex-grow: 1;
padding-right: 5px;
}
.sign_up__form_label___name_mei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__formbox__item__name_mei {
flex-grow: 1;
padding-left: 5px;
}
.sign_up__formbox__item__kana_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.sign_up__form_label___kana_sei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__formbox__item__kana_sei {
flex-grow: 1;
padding-right: 5px;
}
.sign_up__form_label___kana_mei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__formbox__item__kana_mei {
flex-grow: 1;
padding-left: 5px;
}
.sign_up__form_label___gender {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__formbox__item__gender_box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.sign_up__formbox__item__gender_male {
flex-grow: 1;
padding-right: 5px;
}
.sign_up__form_input___gender_male {
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
text-align: center;
}
.sign_up__form_input___gender_male input {
display: none;
}
.sign_up__formbox__item__gender_female {
flex-grow: 1;
padding-left: 5px;
}
.sign_up__form_input___gender_female {
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
text-align: center;
}
.sign_up__form_input___gender_female input {
display: none;
}
.sign_up__form_label___birthday {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_input___birthday_all {
margin-bottom: 10px;
}
.sign_up__formbox__item__birthday_year {
flex-grow: 1;
display: flex;
padding-bottom: 10px;
}
.sign_up__form_input___birthday_year {
flex-grow: 1;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.sign_up__formbox__item__birthday_year_nen {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-right: 6px;
padding-left: 6px;
border-radius: 0px 5px 5px 0px;
}
.sign_up__formbox__item__birthday_year_nen span {
display: block;
margin-top: 50%;
margin-bottom: 50%;
}
.sign_up__formbox__item__birthday_box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.sign_up__formbox__item__birthday_month {
flex-grow: 1;
display: flex;
padding-right: 5px;
}
.sign_up__form_input___birthday_month {
flex-grow: 1;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.sign_up__formbox__item__birthday_month_tuki {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-right: 6px;
padding-left: 6px;
border-radius: 0px 5px 5px 0px;
}
.sign_up__formbox__item__birthday_month_tuki span {
display: block;
margin-top: 50%;
margin-bottom: 50%;
}
.sign_up__formbox__item__birthday_day {
flex-grow: 1;
display: flex;
padding-left: 5px;
}
.sign_up__form_input___birthday_day {
flex-grow: 1;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.sign_up__formbox__item__birthday_month_nichi {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-right: 6px;
padding-left: 6px;
border-radius: 0px 5px 5px 0px;
}
.sign_up__formbox__item__birthday_month_nichi span {
display: block;
margin-top: 50%;
margin-bottom: 50%;
}
.sign_up__form_label___postal-code {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_input___postal-code {
text-align: right;
}
.sign_up__formbox__item__postal-code_box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.sign_up__formbox__item__postal-code , .sign_up__formbox__item__address-button {
}
.sign_up__formbox__item__address-button a {
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 14px;
line-height: 1.3em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
display: block;
margin-left: 10px;
}
.sign_up__formbox__item__address-button a:hover , .sign_up__formbox__item__address-button a:focus {
opacity:0.5;
}
.sign_up__form_label___prefecture {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_label___city {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_label___address {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_label___building {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_label___job-category {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_label___maildelivery {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__formbox__item__maildelivery_box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.sign_up__formbox__item__maildelivery_yes {
flex-grow: 1;
padding-right: 5px;
}
.sign_up__form_input___maildelivery_yes {
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
text-align: center;
}
.sign_up__form_input___maildelivery_yes input {
display: none;
}
.sign_up__formbox__item__maildelivery_no {
flex-grow: 1;
padding-left: 5px;
}
.sign_up__form_input___maildelivery_no {
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
text-align: center;
}
.sign_up__form_input___maildelivery_no input {
display: none;
}
.sign_up__formbox__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.sign_up__form_button__return {
padding-right: 5px;
}
.sign_up__form_button__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.sign_up__form_button__return a:hover , .sign_up__form_button__return a:focus {
opacity:0.5;
}
.sign_up__form_button__submit {
padding-left: 5px;
flex-grow: 1;
}
.sign_up__form_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.sign_up__form_button__submit a:hover , .sign_up__form_button__submit a:focus {
opacity:0.5;
}
.sign_up__confirm__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.sign_up__form_confirm__tips {
background-color: #996600;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.sign_up__form_confirm__tips_title {
flex-grow: 1;
padding-right: 10px;
}
.sign_up__form_caption {
font-size: 12px;
line-height: 1.3em;
color: #666666;
padding-top: 3px;
margin-top: 0px;
margin-bottom: 0px;
}
.sign_up__form_confirm__box__item_box {
list-style-type: none;
border-radius: 0px 0px 5px 5px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #996600;
border-bottom-color: #996600;
border-left-color: #996600;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding-right: 10px;
padding-left: 10px;
background-color: #FFFFFF;
padding-bottom: 10px;
}
.sign_up__form_confirm__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #F80;
}
.sign_up__form_confirm__item__inner {
padding-bottom: 10px;
}
.sign_up__form_confirm_label___user-id {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_disp___user-id {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.sign_up__form_confirm__item__name_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.sign_up__form_confirm_labe___name_sei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_confirm__item__name_sei {
flex-grow: 1;
padding-right: 5px;
}
.sign_up__form_disp___name_sei {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.sign_up__form_confirm_labe___name_mei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_confirm__item__name_mei {
flex-grow: 1;
padding-left: 5px;
}
.sign_up__form_disp___name_mei {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.sign_up__form_confirm__item__kana_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.sign_up__form_confirm_labe___kana_sei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_confirm__item__kana_sei {
flex-grow: 1;
padding-right: 5px;
}
.sign_up__form_disp___kana_sei {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.sign_up__form_confirm_labe___kana_mei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_confirm__item__kana_mei {
flex-grow: 1;
padding-left: 5px;
}
.sign_up__form_disp___kana_mei {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.sign_up__form_confirm_label___gender {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_disp___gender {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.sign_up__form_confirm_label___birthday {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_disp___birthday {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.sign_up__form_confirm_label___prefecture {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_disp___prefecture {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
min-height:32px;
}
.sign_up__form_confirm_label___job-category {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_disp___job-category {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.sign_up__form_confirm__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.sign_up__form_confirm__return {
padding-right: 5px;
}
.sign_up__form_confirm__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.sign_up__form_confirm__return a:hover , .sign_up__form_confirm__return a:focus {
opacity:0.5;
}
.sign_up__form_confirm__submit {
padding-left: 5px;
flex-grow: 1;
}
.sign_up__form_confirm__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.sign_up__form_confirm__submit a:hover , .sign_up__form_confirm__submit a:focus {
opacity:0.5;
}
.sign_up__sms__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.sign_up__form_sms__explain__item {
margin-bottom: 10px;
}
.sign_up__form_sms__explain__title {
background-color: #FF6600;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px;
}
.sign_up__form_sms__explain__title .fa {
margin-right: 3px;
}
.sign_up__form_sms__explain__box {
padding: 10px;
border: 1px solid #FF6600;
border-radius: 0px 0px 5px 5px;
font-size: 13px;
line-height: 1.4em;
background-color: #FFFFFF;
}
.sign_up__form_label___tel {
display: block;
font-size: 14px;
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}
.sign_up__form_input___tel_box {
display: flex;
justify-content:center;
}
.sign_up__form_input___tel_first {
border-radius: 4px 0px 0px 4px;
border-right-style: none;
font-size: 18px;
width: 60px;
text-align: right;
}
.sign_up__form_input___tel_second {
border-radius: 0px 0px 0px 0px;
border-right-style: none;
border-left-style: none;
font-size: 18px;
width: 80px;
text-align: right;
}
.sign_up__form_input___tel_third {
border-radius: 0px 4px 4px 0px;
border-left-style: none;
font-size: 18px;
width: 80px;
text-align: right;
}
.sign_up__formbox__item__tel_hyphen {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 7px;
padding-left: 6px;
font-size: 18px;
}
.sign_up__formbox__sms_attention {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 10px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.sign_up__formbox__sms_attention_icon {
font-size: 16px;
color: #0066FF;
padding-right: 5px;
padding-top: 3px;
}
.sign_up__formbox__sms_attention_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
line-height: 1.4em;
}
.sign_up__formbox__sms_attention_text .fa {
color: #996600;
}
.sign_up__form_sms__button-navi {
margin-top: 10px;
}
.sign_up__form_sms__submit {
flex-grow: 1;
}
.sign_up__form_sms__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.sign_up__form_sms__submit a:hover , .sign_up__form_sms__submit a:focus {
opacity:0.5;
}
.sign_up__form_sms__submit_return {
flex-grow: 1;
}
.sign_up__form_sms__submit_return a {
background-color: #FF3300;
border: 1px solid #CC3300;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.sign_up__form_sms__submit_return a:hover , .sign_up__form_sms__submit_return a:focus {
opacity:0.5;
}
.sign_up__form_label___code {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_input___code_box {
text-align: center;
}
.sign_up__form_input___code {
display: inline-block;
font-size: 28px;
width: 170px;
letter-spacing: 0.6em;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
margin-right: auto !important;
margin-left: auto !important;
}
.sign_up__form_sms_again__button-navi {
margin-top: 10px;
width: 100%;
margin-bottom: 10px;
}
.sign_up__form_sms_again__submit {
}
.sign_up__form_sms_again__submit a {
background-color: #996600;
border: 1px solid #0066FF;
display: block;
font-size: 14px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
}
.sign_up__form_sms_again__submit a:hover , .sign_up__form_sms_again__submit a:focus {
opacity:0.5;
}
.sign_up__thanks__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.sign_up__form_thanks__limit__item {
margin-bottom: 10px;
}
.sign_up__form_thanks__limit__title {
background-color: #FF6600;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.sign_up__form_thanks__limit__title .fa {
margin-right: 3px;
}
.sign_up__form_thanks__limit__box {
padding: 10px;
border: 1px solid #FF6600;
border-radius: 0px 0px 5px 5px;
font-size: 18px;
color: #CC3300;
font-weight: bold;
}
.sign_up__form_thanks__explain__item {
margin-bottom: 10px;
}
.sign_up__form_thanks__explain__title {
background-color: #996600;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px;
}
.sign_up__form_thanks__explain__title .fa {
margin-right: 3px;
}
.sign_up__form_thanks__explain__box {
padding: 10px;
border: 1px solid #996600;
border-radius: 0px 0px 5px 5px;
font-size: 13px;
line-height: 1.4em;
display: flex;
align-items: flex-start;
justify-content: flex-start;
background-color: #FFFFFF;
}
.sign_up__form_thanks__explain__box_icon {
font-size: 16px;
color: #0066FF;
padding-right: 5px;
padding-top: 2px;
}
.sign_up__form_thanks__explain__box_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
}
.sign_up__form_thanks__button-navi {
margin-top: 10px;
}
.sign_up__form_thanks__submit {
flex-grow: 1;
}
.sign_up__form_thanks__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.sign_up__form_thanks__submit a:hover , .sign_up__form_sms__submit a:focus {
opacity:0.5;
}
.sign_up__form_label___code {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__account__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.sign_up__formbox__error {
background-color: #FFFFFF;
border: 1px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
}
.sign_up__formbox__error_icon {
font-size: 16px;
color: #FF0000;
padding-right: 5px;
padding-top: 2px;
}
.sign_up__formbox__error_text {
font-size: 13px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
}
.sign_up__account__formbox {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
}
.sign_up__account__formbox__inner {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.sign_up__account__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.sign_up__account__form_tips {
color: #FFF;
background-color: #F90;
border-radius: 4px;
font-size: 13px;
margin-bottom: 10px;
padding: 5px;
}
.sign_up__account__formbox__item__inner {
padding-bottom: 10px;
}
.sign_up__form_account_label___name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_account_label___account {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_disp___name {
padding-top: 5px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 8px;
border: 1px solid #ddd;
border-radius: 5px;
margin-top: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
background-color: #FFFF99;
font-size: 16px;
line-height: 1.4em;
}
.sign_up__form_disp___account {
padding-top: 5px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 8px;
border: 1px solid #ddd;
border-radius: 5px;
margin-top: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
background-color: #FFFF99;
font-size: 16px;
line-height: 1.4em;
}
.sign_up__form_label___password {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__form_label___password_second {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_up__account__formbox__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.sign_up__form_account__submit {
flex-grow: 1;
}
.sign_up__form_account__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.sign_up__form_account__submit a:hover , .sign_up__form_account__submit a:focus {
opacity:0.5;
}
.sign_up__form_account__explain__item {
margin-bottom: 10px;
}
.sign_up__form_account__explain__title {
background-color: #996600;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px;
}
.sign_up__form_account__explain__title .fa {
margin-right: 3px;
}
.sign_up__form_account__explain__box {
padding: 10px;
border: 1px solid #996600;
border-radius: 0px 0px 5px 5px;
font-size: 13px;
line-height: 1.4em;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.sign_up__form_account__explain__box_icon {
font-size: 16px;
color: #0066FF;
padding-right: 5px;
padding-top: 2px;
}
.sign_up__form_account__explain__box_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
}
.sign_up__form_login__submit {
flex-grow: 1;
}
.sign_up__form_login__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.sign_up__form_login__submit a:hover , .sign_up__form_login__submit a:focus {
opacity:0.5;
}
.sign_up__form_dentification__button-navi {
padding-top: 10px;
}
.sign_up__form_dentification__sns {
flex-grow: 1;
margin-bottom: 5px;
}
.sign_up__form_dentification__sns a {
background-color: #F5F5F5;
border: 1px solid #CCCCCC;
display: block;
font-size: 18px;
line-height: 1.4em;
font-weight: bold;
text-align: center;
white-space: nowrap;
color: #333333;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
position: relative;
cursor: pointer;
}
.sign_up__form_dentification__sns a::after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.sign_up__form_dentification__sns a img {
vertical-align: middle;
margin-bottom: 5px;
}
.sign_up__form_dentification__sns a p {
font-size: 13px;
line-height: 1.3em;
color: #666666;
font-weight: normal;
margin-top: 2px;
margin-bottom: 5px;
white-space: normal;
}
.sign_up__form_dentification__sns a:hover , .sign_up__form_dentification__sns a:focus {
opacity:0.5;
}
.sign_up__form_dentification__sns.disabled a {
pointer-events: none;
cursor: default;
background-color: #ddd;
}
.sign_up__form_dentification__sns.disabled a::after {
display: none;
}
.sign_up__form_dentification__doc {
flex-grow: 1;
}
.sign_up__form_dentification__doc a {
background-color: #F5F5F5;
border: 1px solid #CCCCCC;
display: block;
font-size: 18px;
line-height: 1.4em;
font-weight: bold;
text-align: center;
white-space: nowrap;
color: #333333;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
position: relative;
cursor: pointer;
}
.sign_up__form_dentification__doc a::after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.sign_up__form_dentification__doc a img {
vertical-align: middle;
}
.sign_up__form_dentification__doc a p {
font-size: 13px;
line-height: 1.3em;
color: #666666;
font-weight: normal;
margin-top: 2px;
margin-bottom: 5px;
white-space: normal;
}
.sign_up__form_dentification__doc a:hover , .sign_up__form_dentification__doc a:focus {
opacity:0.5;
}
.sign_up__form_dentification__doc.disabled a {
pointer-events: none;
cursor: default;
background-color: #ddd;
}
.sign_up__form_dentification__doc.disabled a::after {
display: none;
}
.sign_up__privacy_condition_button-navi {
display: flex;
align-items: center;
margin-top: 10px;
}
.sign_up__privacy_condition_button__return{
flex-grow: 1;
padding-left: 5px;
}
.sign_up__privacy_condition_button__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.sign_up__privacy_condition_button__return a:hover , .sign_up__privacy_condition_button__return a:focus {
opacity:0.5;
}
.sign_up__privacy_condition_button__submit {
flex-grow: 1;
padding-right: 5px;
}
.sign_up__privacy_condition_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.sign_up__privacy_condition_button__submit a:hover , .sign_up__privacy_condition_button__submit a:focus {
opacity:0.5;
}
/* inquiry */
.inquiry__container {
padding-top: 56px;
}
.inquiry__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.inquiry__pagetitle_input {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.inquiry__pagetitle_confirm {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.inquiry__pagetitle_thanks {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
}
.inquiry__formbox__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.inquiry__formbox__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.inquiry__formbox__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.inquiry__formbox {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
}
.inquiry__formbox__inner {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid #ddd;
background-color: #FFFFFF;
margin-bottom: 10px;
border-radius:5px;
}
.inquiry__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.inquiry__form_tips {
color: #FFF;
background-color: #F90;
border-radius: 4px;
font-size: 13px;
margin-bottom: 10px;
padding: 5px;
}
.inquiry__formbox__item__inner {
padding-bottom: 10px;
}
.inquiry__form_error__msg {
font-size: 13px;
color: #FF0000;
margin-top: 3px;
margin-bottom: 0px;
}
.inquiry__form_error__msg:before {
content: "\f071";
font-family: FontAwesome;
padding-right: 3px;
}
.inquiry__formbox__error {
background-color: #FFFFFF;
border: 1px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
}
.inquiry__formbox__error_icon {
font-size: 16px;
color: #FF0000;
padding-right: 5px;
padding-top: 2px;
}
.inquiry__formbox__error_text {
font-size: 13px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
flex-shrink: 100;
}
.inquiry__require {
font-size: 10px;
line-height: 1em;
background-color: #FF0000;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.inquiry__form_label___name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.inquiry__form_label___email {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.inquiry__form_label___type {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.inquiry__form_label___type-detail {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.inquiry__formbox__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.inquiry__form_button__return {
padding-right: 5px;
}
.inquiry__form_button__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.inquiry__form_button__return a:hover , .inquiry__form_button__return a:focus {
opacity:0.5;
}
.inquiry__form_button__submit {
padding-left: 5px;
flex-grow: 1;
}
.inquiry__form_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.inquiry__form_button__submit a:hover , .inquiry__form_button__submit a:focus {
opacity:0.5;
}
.inquiry__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.inquiry__form_confirm__tips {
background-color: #996600;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.inquiry__form_confirm__tips_title {
flex-grow: 1;
padding-right: 10px;
}
.inquiry__form_confirm__box__item_box {
list-style-type: none;
border-radius: 0px 0px 5px 5px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #996600;
border-bottom-color: #996600;
border-left-color: #996600;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding-right: 10px;
padding-left: 10px;
background-color: #FFFFFF;
padding-bottom: 10px;
}
.inquiry__form_confirm__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #F80;
}
.inquiry__form_confirm__item__inner {
padding-bottom: 10px;
}
.inquiry__form_confirm_label___name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.inquiry__form_disp___name {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.inquiry__form_confirm_label___email {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.inquiry__form_disp___email {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.inquiry__form_confirm_label___type {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.inquiry__form_disp___type {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.inquiry__form_confirm_label___type-detail {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.inquiry__form_disp___type-detail {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.inquiry__form_confirm__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.inquiry__form_confirm__return {
padding-right: 5px;
}
.inquiry__form_confirm__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.inquiry__form_confirm__return a:hover , .inquiry__form_confirm__return a:focus {
opacity:0.5;
}
.inquiry__form_confirm__submit {
padding-left: 5px;
flex-grow: 1;
}
.inquiry__form_confirm__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.inquiry__form_confirm__submit a:hover , .inquiry__form_confirm__submit a:focus {
opacity:0.5;
}
.inquiry__form_thanks__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.inquiry__form_thanks__submit {
flex-grow: 1;
}
.inquiry__form_thanks__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.inquiry__form_thanks__submit a:hover , .inquiry__form_thanks__submit a:focus {
opacity:0.5;
}
.inquiry__form_caption {
font-size: 12px;
line-height: 1.3em;
color: #666666;
padding-top: 3px;
}
/* opinion */
.opinion__container {
padding-top: 56px;
}
.opinion__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.opinion__pagetitle_input {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.opinion__pagetitle_thanks {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.opinion__formbox__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.opinion__formbox__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.opinion__formbox__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.opinion__formbox {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
}
.opinion__formbox__inner {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.opinion__form_tips {
color: #FFF;
background-color: #F90;
border-radius: 4px;
font-size: 13px;
margin-bottom: 10px;
padding: 5px;
}
.opinion__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.opinion__formbox__item__inner {
padding-bottom: 10px;
}
.opinion__form_error__msg {
font-size: 13px;
color: #FF0000;
margin-top: 3px;
margin-bottom: 0px;
}
.opinion__form_error__msg:before {
content: "\f071";
font-family: FontAwesome;
padding-right: 3px;
}
.opinion__formbox__error {
background-color: #FFFFFF;
border: 1px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
}
.opinion__formbox__error_icon {
font-size: 16px;
color: #FF0000;
padding-right: 5px;
padding-top: 2px;
}
.opinion__formbox__error_text {
font-size: 13px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
flex-shrink: 100;
}
.opinion__require {
font-size: 10px;
line-height: 1em;
background-color: #FF0000;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.opinion__form_label___name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.opinion__form_label___opinion {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.opinion__form_disp___opinion {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.opinion__form_confirm__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.opinion__form_confirm__return {
padding-right: 5px;
}
.opinion__form_confirm__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.opinion__form_confirm__return a:hover , .inquiry__form_confirm__return a:focus {
opacity:0.5;
}
.opinion__form_confirm__submit {
padding-left: 5px;
flex-grow: 1;
}
.opinion__form_confirm__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.opinion__form_confirm__submit a:hover , .inquiry__form_confirm__submit a:focus {
opacity:0.5;
}
.opinion__form_thanks__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.opinion__form_thanks__submit {
flex-grow: 1;
}
.opinion__form_thanks__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.opinion__form_thanks__submit a:hover , .opinion__form_thanks__submit a:focus {
opacity:0.5;
}
/* reminder_password */
.reminder_password___container {
padding-top: 56px;
}
.reminder_password___container__inner {
padding-right: 5px;
padding-left: 5px;
}
.reminder_password___pagetitle_setting {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.reminder_password___pagetitle_change {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.reminder_password___pagetitle_thanks {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.reminder_password___formbox__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.reminder_password___formbox__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.reminder_password___formbox__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.reminder_password___formbox {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
}
.reminder_password___formbox__inner {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.reminder_password___formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.reminder_password___form_tips {
color: #FFF;
background-color: #F90;
border-radius: 4px;
font-size: 13px;
margin-bottom: 10px;
padding: 5px;
}
.reminder_password___formbox__item__inner {
padding-bottom: 10px;
}
.reminder_password___form_error__msg {
font-size: 13px;
color: #FF0000;
margin-top: 3px;
margin-bottom: 0px;
}
.reminder_password___form_error__msg:before {
content: "\f071";
font-family: FontAwesome;
padding-right: 3px;
}
.reminder_password___formbox__error {
background-color: #FFFFFF;
border: 1px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
}
.reminder_password___formbox__error_icon {
font-size: 16px;
color: #FF0000;
padding-right: 5px;
padding-top: 2px;
}
.reminder_password___formbox__error_text {
font-size: 13px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
flex-shrink: 100;
}
.reminder_password___require {
font-size: 10px;
line-height: 1em;
background-color: #FF0000;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.reminder_password___form_label___name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.reminder_password___setting_header {
background-color: #996600;
border:none;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.reminder_password___setting_title {
width: 16px;
font-weight: normal;
color: #FFFFFF;
flex-grow: 1;
}
.reminder_password___setting_box___close {
font-size: 20px;
cursor: pointer;
color: #DDD;
display: block;
}
.reminder_password___setting_box___close:hover , .reminder_password___setting_box___close:focus {
opacity:0.5;
}
.reminder_password___setting_box {
background-color: #FFF;
border: none;
border-radius: 0px 0px 5px 5px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
padding: 10px;
}
.reminder_password___setting_box__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.reminder_password___setting_box__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.reminder_password___setting_box__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
line-height: 1.6em;
flex-shrink: 100;
}
.reminder_password___setting_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius:0px 0px 5px 5px;
}
.reminder_password___setting_box__item__inner {
padding: 10px;
}
.reminder_password___setting__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.reminder_password___form_label___password {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.reminder_password___form_label___password-second {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.reminder_password___form_setting__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.reminder_password___form_setting__return {
padding-right: 5px;
}
.reminder_password___form_setting__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.reminder_password___form_setting__return a:hover , .inquiry__form_setting__return a:focus {
opacity:0.5;
}
.reminder_password___form_setting__submit {
padding-left: 5px;
flex-grow: 1;
}
.reminder_password___form_setting__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.reminder_password___form_setting__submit a:hover , .reminder_password___form_setting__submit a:focus {
opacity:0.5;
}
.reminder_password___form_change__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.reminder_password___form_change__return {
padding-right: 5px;
}
.reminder_password___form_change__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.reminder_password___form_change__return a:hover , .inquiry__form_setting__return a:focus {
opacity:0.5;
}
.reminder_password___form_change__submit {
padding-left: 5px;
flex-grow: 1;
}
.reminder_password___form_change__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.reminder_password___form_change__submit a:hover , .reminder_password___form_change__submit a:focus {
opacity:0.5;
}
.reminder_password___formbox__comp {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: center;
justify-content: flex-start;
line-height: 1.2px;
margin-bottom: 10px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.reminder_password___formbox__comp_icon {
font-size: 20px;
color: #0066FF;
padding-right: 5px;
padding-top: 2px;
}
.reminder_password___formbox__comp_text {
font-size: 15px;
color: #06F;
padding-top: 2px;
text-align: left;
font-weight: bold;
}
.reminder_password___form_thanks__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.reminder_password___form_thanks__submit {
flex-grow: 1;
}
.reminder_password___form_thanks__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.reminder_password___form_thanks__submit a:hover , .reminder_password___form_thanks__submit a:focus {
opacity:0.5;
}
.reminder_password__form_caption {
font-size: 12px;
line-height: 1.3em;
color: #666666;
padding-top: 3px;
}
/* sign_in */
.sign_in__container {
padding-top: 5px;
}
.sign_in__contents__inner {
padding-right: 5px;
padding-left: 5px;
}
.sign_in__box {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.sign_in__container__header {
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.sign_in__title_img {
margin-bottom: 5px;
}
.sign_in__sub_title {
width: 150px;
margin-bottom: 10px;
background-color: #F90;
padding-top: 3px;
padding-bottom: 3px;
border-radius: 3px;
display: inline-block;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
.sign_in__formbox__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
margin-top: 10px;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.sign_in__formbox__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
}
.sign_in__formbox__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
flex-shrink: 100;
}
.sign_in__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
padding-bottom: 10px;
}
.sign_in__form_label___account {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_in__form_input__account {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing:border-box;
}
.sign_in__form_input__account:hover , .sign_in__form_input__account:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.sign_in__form_error__msg {
font-size: 14px;
color: #F00;
margin-top: 5px;
margin-bottom: 0px;
}
.sign_in__form_error__msg:before {
content: "\f071";
font-family: FontAwesome;
margin-right: 3px;
}
.sign_in__form_label___password {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.sign_in__form_input__password {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing:border-box;
}
.sign_in__form_input__password:hover , .sign_in__form_input__password:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.sign_in__form_input__retain {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.sign_in__form_input__retain input[type="checkbox"] {
height: 16px;
width: 16px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background-image: url(/svg/cbox-bg.svg) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 16px 16px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-radius:0px;
}
.sign_in__form_input__retain input[type="checkbox"]:checked {
background-image: url(/svg/cbox-bg-checked.svg) !important;
}
.sign_in__form_input__retain span {
padding-left: 5px;
}
.sign_in__form_error__msg {
font-size: 14px;
color: #F00;
margin-top: 5px;
margin-bottom: 0px;
}
.sign_in__form_error__msg:before {
content: "\f071";
font-family: FontAwesome;
margin-right: 3px;
}
.sign_in__formbox__memo {
padding-top: 5px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
padding-bottom: 5px;
font-size: 13px;
line-height: 1.4em;
}
.sign_in__formbox__memo a:hover , .sign_in__formbox__memo a:focus {
text-decoration: none;
}
.sign_in__formbox__button {
padding-top: 10px;
}
.sign_in__form_button__login {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.sign_in__form_button__login:hover , .sign_in__form_button__login:focus {
opacity:0.5;
}
.sign_in__password_link {
font-size: 14px;
text-decoration: none;
color: #06C;
}
.sign_in__password_link:hover , .sign_in__password_link:focus {
text-decoration: underline;
}
.sign_in__newnumber_link {
font-size: 14px;
text-decoration: none;
color: #06C;
}
.sign_in__newnumber_link:hover , .sign_in__newnumber_link:focus {
text-decoration: underline;
}
.sign_in__form_facebook__item {
margin-bottom: 10px;
}
.sign_in__form_facebook__item__title {
background-color: #FFF;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
color: #333333;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 16px;
border: 1px solid #ddd;
}
.sign_in__form_facebook__item__title .fa {
margin-right: 3px;
color: #3652A3;
}
.sign_in__form_facebook__item__box {
padding: 10px;
border-radius: 0px 0px 5px 5px;
font-size: 13px;
line-height: 1.4em;
background-color: #FFFFFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #ddd;
border-bottom-color: #ddd;
border-left-color: #ddd;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.sign_in__form_facebook__submit {
background-color: #4B70BA;
border: 1px solid #3652A3;
display: block;
margin-bottom: 0;
font-size: 14px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-bottom: 8px;
}
.sign_in__form_facebook__submit:hover , .sign_in__form_facebook__submit:focus {
opacity:0.5;
}
.sign_up__form_input___privacy_condition {
list-style-type: none;
padding: 0px;
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
}
.sign_up__form_input___privacy_condition_check {
padding-top: 5px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 33px;
font-size: 16px;
background-repeat: no-repeat;
background-position: 7px 8px;
line-height: 1.6em;
background-size: 20px 20px;
margin-bottom: 3px;
}
.sign_up__form_input___privacy_condition_check input {
display: none;
}
/* quit */
.quit___container {
padding-top: 56px;
}
.quit___container__inner {
padding-right: 5px;
padding-left: 5px;
}
.quit___pagetitle_input {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.quit___pagetitle_confirm {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.quit___pagetitle_thanks {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.quit___formbox__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.quit___formbox__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.quit___formbox__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.quit___formbox__item__cap {
font-size: 10px;
color: #666666;
}
.quit___formbox {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
}
.quit___formbox__inner {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.quit___formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.quit___form_input___condition_list {
list-style-type: none;
padding: 0px;
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
}
.quit___form_input___condition {
padding-top: 5px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 33px;
font-size: 16px;
background-repeat: no-repeat;
background-position: 7px 8px;
line-height: 1.6em;
background-size: 20px 20px;
margin-bottom: 3px;
}
.quit___form_input___condition input {
display: none;
}
.quit___form_input___other-detail_readonly {
background-color: #EEE;
}
.quit___form_input___other-detail {
}
.quit___form_tips {
color: #FFF;
background-color: #F90;
border-radius: 4px;
font-size: 13px;
margin-bottom: 10px;
padding: 5px;
}
.quit___formbox__item__inner {
padding-bottom: 10px;
}
.quit___form_error__msg {
font-size: 13px;
color: #FF0000;
margin-top: 3px;
margin-bottom: 0px;
}
.quit___form_error__msg:before {
content: "\f071";
font-family: FontAwesome;
padding-right: 3px;
}
.quit___formbox__error {
background-color: #FFFFFF;
border: 1px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
}
.quit___formbox__error_icon {
font-size: 16px;
color: #FF0000;
padding-right: 5px;
padding-top: 2px;
}
.quit___formbox__error_text {
font-size: 13px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
flex-shrink: 100;
}
.quit___form_label___name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.quit___form_label___name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.quit___form_label___type-detail {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.quit___form_label___name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.quit___require {
font-size: 10px;
line-height: 1em;
background-color: #FF0000;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.quit___elective {
font-size: 10px;
line-height: 1em;
background-color: #0000FF;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.quit___formbox__message {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.quit___formbox__message_icon {
font-size: 16px;
color: #0033FF;
padding-right: 5px;
padding-top: 2px;
}
.quit___formbox__message_text {
font-size: 13px;
color: #03F;
padding-top: 2px;
text-align: left;
font-weight: bold;
flex-shrink: 100;
}
.quit___form_confirm__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.quit___form_confirm__return {
padding-right: 5px;
}
.quit___form_confirm__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.quit___form_confirm__return a:hover , .quit___form_confirm__return a:focus {
opacity:0.5;
}
.quit___form_confirm__submit {
padding-left: 5px;
flex-grow: 1;
}
.quit___form_confirm__submit a {
background-color: #FF3300;
border: 1px solid #993300;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.quit___form_confirm__submit a:hover , .quit___form_confirm__submit a:focus {
opacity:0.5;
}
.quit___gotop_button {
flex-grow: 1;
}
.quit___gotop_button a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.quit___gotop_button a:hover , .quit___gotop_button a:focus {
opacity:0.5;
}
.quit___confirm_header {
background-color: #996600;
border:none;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.quit___confirm_title {
width: 16px;
font-weight: normal;
color: #FFFFFF;
flex-grow: 1;
}
.quit___confirm_box___close {
font-size: 20px;
cursor: pointer;
color: #DDD;
display: block;
}
.quit___confirm_box {
background-color: #FFF;
border: none;
border-radius: 0px 0px 5px 5px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
padding: 10px;
}
.quit___confirm_box__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.quit___confirm_box__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
}
.quit___confirm_box__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.quit___confirm_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius:0px 0px 5px 5px;
}
.quit___confirm_box__item__inner {
padding: 10px;
}
.quit___confirm_box__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.quit___confirm_form_button__close {
padding-right: 5px;
}
.quit___confirm_form_button__close a{
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.quit___confirm_form_button__close a:hover , .quit___confirm_form_button__close a:focus {
opacity: 0.5;
}
.quit___confirm_form_button__submit {
flex-grow: 1;
}
.quit___confirm_form_button__submit a {
background-color: #FF3300;
border: 1px solid #993300;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.quit___confirm_form_button__submit a:hover , .quit___confirm_form_button__submit a:focus {
opacity: 0.5;
}
/* profile */
.profile__container {
padding-top: 56px;
}
.profile__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.profile__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.profile__notice_head {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-bottom: 10px;
}
.profile__notice_head_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.profile__notice_head_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.profile__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.profile__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.profile__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.profile__titlebar {
background-color: #F60;
margin-right: -5px;
margin-left: -5px;
margin-bottom: 10px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_title {
flex-grow: 1;
font-size: 16px;
line-height: 1.6em;
font-weight: bold;
color: #FFF;
}
.profile__titlebar_mark {
}
.profile__titlebar_mark p{
background-color: #FFF;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 8px;
border-radius: 3px;
color: #F00;
text-align: center;
font-size: 12px;
}
.profile__tab {
display: flex;
align-items: center;
justify-content: flex-start;
margin-right: -5px;
margin-left: -5px;
margin-bottom: 10px;
padding-right: 2px;
padding-left: 2px;
}
.profile__tab_base {
margin-right: 2px;
margin-left: 2px;
flex-basis: 30%;
}
.profile__tab_base a {
font-size: 16px;
white-space: nowrap;
color: #999999;
display: block;
text-decoration: none;
padding: 10px;
font-weight: bold;
text-align: center;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #F8F8F8;
}
.profile__tab_base a:hover , .profile__tab_base a:focus {
opacity:0.5;
}
.profile__tab_base_select {
margin-right: 2px;
margin-left: 2px;
flex-basis: 30%;
}
.profile__tab_base_select p {
font-size: 16px;
white-space: nowrap;
color: #000000;
display: block;
margin-top: 0px;
margin-bottom: 0px;
font-weight: bold;
padding: 10px;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
text-align: center;
}
.profile__tab_verify {
margin-right: 2px;
margin-left: 2px;
flex-basis: 20%;
}
.profile__tab_verify a {
font-size: 16px;
white-space: nowrap;
color: #999999;
display: block;
text-decoration: none;
padding: 10px;
font-weight: bold;
text-align: center;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #F8F8F8;
}
.profile__tab_verify a:hover , .profile__tab_verify a:focus {
opacity:0.5;
}
.profile__tab_verify_select {
margin-right: 2px;
margin-left: 2px;
flex-basis: 20%;
}
.profile__tab_verify_select p {
font-size: 16px;
white-space: nowrap;
color: #000000;
display: block;
margin-top: 0px;
margin-bottom: 0px;
font-weight: bold;
padding: 10px;
text-align: center;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
}
.profile__tab_photo {
margin-right: 2px;
margin-left: 2px;
flex-basis: 20%;
}
.profile__tab_photo a {
font-size: 16px;
white-space: nowrap;
color: #999999;
display: block;
text-decoration: none;
padding: 10px;
text-align: center;
font-weight: bold;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #F8F8F8;
}
.profile__tab_photo a:hover , .profile__tab_photo a:focus {
opacity:0.5;
}
.profile__tab_photo_select {
margin-right: 2px;
margin-left: 2px;
flex-basis: 20%;
}
.profile__tab_photo_select p {
font-size: 16px;
white-space: nowrap;
color: #000000;
display: block;
margin-top: 0px;
margin-bottom: 0px;
font-weight: bold;
padding: 10px;
text-align: center;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
}
.profile__tab_bank {
margin-right: 2px;
margin-left: 2px;
flex-basis: 30%;
}
.profile__tab_bank a {
font-size: 16px;
white-space: nowrap;
color: #999999;
display: block;
text-decoration: none;
padding: 10px;
font-weight: bold;
text-align: center;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #F8F8F8;
}
.profile__tab_bank a:hover , .profile__tab_bank a:focus {
opacity:0.5;
}
.profile__tab_bank_select {
margin-right: 2px;
margin-left: 2px;
flex-basis: 30%;
}
.profile__tab_bank_select p {
font-size: 16px;
white-space: nowrap;
color: #000000;
display: block;
margin-top: 0px;
margin-bottom: 0px;
font-weight: bold;
padding: 10px;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
text-align: center;
}
.profile__titlebar_basic {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_basic_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
flex-grow: 1;
}
.profile__titlebar_basic_edit {
}
.profile__titlebar_basic_edit a{
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 12px;
line-height: 1em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.profile__titlebar_basic_edit:hover , .profile__titlebar_basic_edit:focus {
opacity:0.5;
}
.profile__basic_body {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
margin-top: 10px;
}
.profile__basic_body__inner {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.profile__img_box {
padding-top: 10px;
text-align: center;
}
.profile__img {
display: inline-block;
position: relative;
max-width: 200px;
width: 50%;
}
.profile__name_box {
display: flex;
justify-content: center;
align-content:center;
}
.profile__name {
padding-top: 25px;
padding-left: 10px;
padding-bottom: 15px;
}
.profile__name rt{
font-weight: normal;
}
.profile__identity_confirm {
}
.profile__identity_confirm a {
display: inline-block;
}
.profile__identity_confirm a:hover , .profile__identity_confirm a:focus {
opacity:0.5;
}
.profile__identity_confirm a img {
height: auto;
width: 46px;
}
.profile__data {
margin-right: -10px;
margin-left: -10px;
padding-right: 10px;
padding-left: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ddd;
font-size: 14px;
line-height: 1.6em;
padding-top: 10px;
color: #333333;
}
.profile__data_birthday {
}
.profile__data_birthday img {
height: 17px;
width: 17px;
vertical-align: middle;
margin-right: 3px;
}
.profile__data_gender {
}
.profile__data_gender img {
height: 17px;
width: 17px;
vertical-align: middle;
margin-right: 3px;
}
.profile__data_address {
}
.profile__data_address img {
height: 17px;
width: 17px;
vertical-align: middle;
margin-right: 3px;
}
.profile__attention {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
margin-bottom: 10px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.profile__attention_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.profile__attention_icon {
font-size: 16px;
color: #0066FF;
padding-right: 5px;
padding-top: 3px;
}
.profile__attention_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
line-height: 1.4em;
flex-grow: 1;
flex-shrink: 100;
}
.profile__caution {
background-color: #FFFFFF;
border: 1px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.profile__caution_icon {
font-size: 16px;
color: #FF0000;
padding-right: 5px;
}
.profile__caution_text {
font-size: 13px;
color: #333;
text-align: left;
flex-shrink: 100;
line-height: 1.4em;
}
.profile__attention_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.profile__attention_icon {
font-size: 16px;
color: #0066FF;
padding-right: 5px;
padding-top: 3px;
}
.profile__attention_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
line-height: 1.4em;
flex-grow: 1;
flex-shrink: 100;
}
.profile__attention_text .fa {
color: #996600;
}
.profile__attention_button-navi {
padding-top: 10px;
width: 100%;
}
.profile__attention_submit {
width: 100%;
}
.profile__attention_submit a {
background-color: #996600;
border: 1px solid #0066FF;
display: block;
font-size: 16px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
}
.profile__attention_submit a .fa {
color: #FFFFFF;
}
.profile__attention_submit a:hover , .profile__submit a:focus {
opacity:0.5;
}
.profile__edit_header {
background-color: #996600;
border: none;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.profile__edit_title {
width: 16px;
font-weight: normal;
color: #FFFFFF;
flex-grow: 1;
}
.profile__edit_box___close {
font-size: 20px;
cursor: pointer;
color: #DDD;
display: block;
}
.profile__edit_box___close:hover , .profile__edit_box___close:focus {
opacity:0.5;
}
.profile__edit_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius: 0px 0px 5px 5px;
}
.profile__edit_box__item__inner {
padding: 10px;
}
.profile__formbox__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
padding-top: 10px;
}
.profile__formbox__item__inner {
padding-bottom: 10px;
}
.profile__formbox__item__icon-key {
vertical-align: text-top;
height: 16px;
width: 16px;
}
.profile__formbox__item__icon-key-large {
vertical-align: bottom;
height: 20px;
width: 20px;
}
.profile__formbox__item_confirm_text {
font-size: 16px;
line-height: 1.6em;
color: #666666;
}
.profile__formbox__item__name_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.profile__form_label___name_sei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__formbox__item__name_sei {
flex-grow: 1;
padding-right: 5px;
}
.profile__form_label___name_mei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__formbox__item__name_mei {
flex-grow: 1;
padding-left: 5px;
}
.profile__formbox__item__kana_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.profile__form_label___kana_sei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__formbox__item__kana_sei {
flex-grow: 1;
padding-right: 5px;
}
.profile__form_label___kana_mei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__formbox__item__kana_mei {
flex-grow: 1;
padding-left: 5px;
}
.profile__form_label___gender {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__form_label___photo {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__formbox__item__gender_box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__formbox__item__gender_male {
flex-grow: 1;
padding-right: 5px;
}
.profile__form_input___gender_male {
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
text-align: center;
}
.profile__form_input___gender_male input {
display: none;
}
.profile__formbox__item__gender_female {
flex-grow: 1;
padding-left: 5px;
}
.profile__form_input___gender_female {
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
text-align: center;
}
.profile__form_input___gender_female input {
display: none;
}
.profile__form_label___birthday {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__formbox__item__birthday_year {
display: flex;
padding-bottom: 10px;
}
.profile__form_input___birthday_year {
flex-grow: 1;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.profile__formbox__item__birthday_year_nen {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-right: 10px;
padding-left: 10px;
border-radius: 0px 5px 5px 0px;
vertical-align: middle;
}
.profile__formbox__item__birthday_year_nen span{
display: block;
margin-top: 50%;
margin-bottom: 50%;
}
.profile__formbox__item__birthday_box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__formbox__item__birthday_month {
flex-grow: 1;
display: flex;
padding-right: 5px;
}
.profile__form_input___birthday_month {
flex-grow: 1;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.profile__formbox__item__birthday_month_tuki {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-right: 10px;
padding-left: 10px;
border-radius: 0px 5px 5px 0px;
}
.profile__formbox__item__birthday_month_tuki span{
display: block;
margin-top: 50%;
margin-bottom: 50%;
}
.profile__formbox__item__birthday_day {
flex-grow: 1;
display: flex;
padding-left: 5px;
}
.profile__form_input___birthday_day {
flex-grow: 1;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.profile__formbox__item__birthday_month_nichi {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-right: 10px;
padding-left: 10px;
border-radius: 0px 5px 5px 0px;
}
.profile__formbox__item__birthday_month_nichi span{
display: block;
margin-top: 50%;
margin-bottom: 50%;
}
.profile__form_label___postal-code {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__formbox__item__postal-code_box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__formbox__item__postal-code , .profile__formbox__item__address-button {
flex-grow: 1;
}
.profile__formbox__item__address-button a {
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 14px;
line-height: 1.3em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
margin-left: 10px;
}
.profile__formbox__item__address-button a:hover , .profile__formbox__item__address-button a:focus {
opacity:0.5;
}
.profile__form_label___prefecture {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__form_label___city {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__form_label___address-etc {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__form_label___building {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__form_label___mail {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
}
.profile__form_label___mail {
cursor: pointer;
position: relative;
padding-left: 5px;
margin-right: 20px;
overflow: hidden;
padding-left: 20px;
}
.profile__form_label___mail:before {
position: absolute;
width: 15px;
height: 15px;
border: 1px solid #666;
border-radius: 50%;
left: 0px;
top: 4px;
content: '';
z-index: 3;
}
.profile__form_label___mail:after {
content: '';
position: absolute;
width: 11px;
height: 11px;
border-radius: 100%;
left: 3px;
top: 7px;
background-color: #090;
z-index: 1;
}
.profile__form_label___mail input[type="radio"] {
-moz-appearance: none;
-webkit-appearance: none;
position: absolute;
z-index: 2;
width: 20px;
height: 20px;
left: -23px;
top: 1px;
margin: 0px;
box-shadow: 20px -1px #FFF;
vertical-align: middle;
}
.profile__form_label___mail input[type="radio"]:checked {
box-shadow : none;
}
.profile__form_label___mail input[type="radio"]:focus {
opacity : 0.2;
box-shadow : 20px -1px #FFF;
}
.profile__form_input___mail_entered {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #333;
font-size: 16px;
}
.profile__form_label___job-category {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__form_label___pr {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__form_label___tel {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__edit_box__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.profile__edit_form_button__close {
padding-right: 5px;
}
.profile__edit_form_button__close a{
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.profile__edit_form_button__close:hover , .profile__edit_form_button__close:focus {
opacity:0.5;
}
.profile__edit_form_button__submit {
flex-grow: 1;
}
.profile__edit_form_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.profile__edit_form_button__submit:hover , .profile__edit_form_button__submit:focus {
opacity:0.5;
}
.profile__form_label___address {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
.profile__identity_header {
background-color: #FFFFFF;
background-position: right;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
border-radius: 5px 5px 0px 0px;
text-align: right;
}
.profile__identity___close {
font-size: 18px;
line-height: 1;
cursor: pointer;
color: #F90;
display: block;
}
.profile__identity___close:hover , .profile__identity___close:focus {
opacity:0.5;
}
.profile__identity_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius: 0px 0px 5px 5px;
}
.profile__identity_box__item__inner {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.profile__identity_box_title_box {
display: flex;
justify-content: flex-start;
margin-top: -20px;
}
.profile__identity_box_title_mark {
padding-right: 10px;
}
.profile__identity_box_title_mark img {
height: auto;
width: 35px;
}
.profile__identity_box_title {
flex-grow: 1;
font-size: 20px;
font-weight: bold;
padding-top: 8px;
}
.profile__identity_date {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
justify-content: flex-start;
font-size: 14px;
}
.profile__identity_date strong {
flex-basis: 30%;
}
.profile__identity_date span {
}
.profile__identity_id {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
justify-content: flex-start;
font-size: 14px;
}
.profile__identity_id strong {
flex-basis: 30%;
}
.profile__identity_id span {
}
.profile__identity_name {
padding-top: 5px;
padding-bottom: 5px;
display: flex;
justify-content: flex-start;
font-size: 14px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
.profile__identity_name strong {
flex-basis: 30%;
}
.profile__identity_name span {
}
.profile__identity_birthday {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
justify-content: flex-start;
font-size: 14px;
}
.profile__identity_birthday strong {
flex-basis: 30%;
}
.profile__identity_birthday span {
}
.profile__identity_address {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
justify-content: flex-start;
font-size: 14px;
}
.profile__identity_address strong {
flex-basis: 30%;
}
.profile__identity_address span {
}
.profile__identity_box__button-navi {
padding-top: 10px;
}
.profile__identity_form_button__submit a {
background-color: #996600;
border: 1px solid #0066FF;
display: block;
font-size: 16px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
}
.profile__identity_form_button__submit a:hover , .profile__identity_form_button__submit a:focus {
opacity:0.5;
}
.profile__titlebar_mail {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_mail_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
flex-grow: 1;
}
.profile__titlebar_mail_edit {
}
.profile__titlebar_mail_edit a{
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 12px;
line-height: 1em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.profile__titlebar_mail_edit:hover , .profile__titlebar_mail_edit:focus {
opacity:0.5;
}
.profile__mail_body {
margin-right: -5px;
margin-left: -5px;
background-color: #FFFFFF;
font-size: 14px;
line-height: 1.6em;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.profile__titlebar_tel {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_tel_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
flex-grow: 1;
}
.profile__titlebar_tel_edit {
}
.profile__titlebar_tel_edit a{
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 12px;
line-height: 1em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.profile__titlebar_tel_edit:hover , .profile__titlebar_tel_edit:focus {
opacity:0.5;
}
.profile__tel_body {
margin-right: -5px;
margin-left: -5px;
background-color: #FFFFFF;
font-size: 14px;
line-height: 1.6em;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__tel_data_text {
flex-grow: 1;
}
.profile__tel_data_mark {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
background-color: #F7F7F7;
box-shadow: none;
opacity: .65;
pointer-events: none;
border: 1px solid #CCCCCC;
}
.profile__item_none {
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
background-color: #FFFFFF;
padding: 5px;
}
.profile__item_none p {
text-align: center;
font-weight: bold;
}
.profile__item_none p .fa {
color: #FF6600;
font-size: 16px;
margin-right: 3px;
vertical-align: middle;
}
.profile__titlebar_business {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_business_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
flex-grow: 1;
}
.profile__titlebar_business_edit {
}
.profile__titlebar_business_edit a{
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 12px;
line-height: 1em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.profile__titlebar_business_edit:hover , .profile__titlebar_business_edit:focus {
opacity:0.5;
}
.profile__business_body {
margin-right: -5px;
margin-left: -5px;
background-color: #FFFFFF;
font-size: 14px;
line-height: 1.6em;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.profile__business_list {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.profile__business_list_item {
background-color: #eee;
border-radius: 5px;
font-size: 14px;
line-height: 1.4em;
display: block;
margin-right: 5px;
margin-bottom: 5px;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
color: #666666;
}
.profile__titlebar_experience {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_experience_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
flex-grow: 1;
}
.profile__titlebar_experience_edit {
}
.profile__titlebar_experience_edit a{
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 12px;
line-height: 1em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.profile__titlebar_experience_edit:hover , .profile__titlebar_experience_edit:focus {
opacity:0.5;
}
.profile__experience_body {
margin-right: -5px;
margin-left: -5px;
background-color: #FFFFFF;
font-size: 14px;
line-height: 1.6em;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.profile__experience_list {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.profile__experience_list_item {
background-color: #eee;
border-radius: 5px;
font-size: 14px;
line-height: 1.4em;
display: block;
margin-right: 5px;
margin-bottom: 5px;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
color: #666666;
}
.profile__titlebar_capacity {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_capacity_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
flex-grow: 1;
}
.profile__titlebar_capacity_edit {
}
.profile__titlebar_capacity_edit a{
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 12px;
line-height: 1em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.profile__titlebar_capacity_edit:hover , .profile__titlebar_capacity_edit:focus {
opacity:0.5;
}
.profile__capacity_body {
margin-right: -5px;
margin-left: -5px;
background-color: #FFFFFF;
font-size: 14px;
line-height: 1.6em;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.profile__capacity_list {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.profile__capacity_list_item {
background-color: #eee;
border-radius: 5px;
font-size: 14px;
line-height: 1.6em;
display: block;
margin-right: 5px;
margin-bottom: 5px;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
color: #666666;
}
.profile__titlebar_job {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_job_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
flex-grow: 1;
}
.profile__titlebar_job_edit {
}
.profile__titlebar_job_edit a{
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 12px;
line-height: 1em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.profile__titlebar_job_edit:hover , .profile__titlebar_job_edit:focus {
opacity:0.5;
}
.profile__job_body {
margin-right: -5px;
margin-left: -5px;
background-color: #FFFFFF;
font-size: 14px;
line-height: 1.6em;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.profile__titlebar_pr {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_pr_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
flex-grow: 1;
}
.profile__titlebar_pr_edit {
}
.profile__titlebar_pr_edit a{
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 12px;
line-height: 1em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.profile__titlebar_pr_edit:hover , .profile__titlebar_pr_edit:focus {
opacity:0.5;
}
.profile__pr_body {
margin-right: -5px;
margin-left: -5px;
background-color: #FFFFFF;
font-size: 14px;
line-height: 1.6em;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.profile__titlebar_maildelivery {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_maildelivery_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
flex-grow: 1;
}
.profile__titlebar_maildelivery_edit {
}
.profile__titlebar_maildelivery_edit a{
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 12px;
line-height: 1em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.profile__titlebar_maildelivery_edit:hover , .profile__titlebar_maildelivery_edit:focus {
opacity:0.5;
}
.profile__maildelivery_body {
margin-right: -5px;
margin-left: -5px;
background-color: #FFFFFF;
font-size: 14px;
line-height: 1.6em;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.profile__password__button-navi {
padding-top: 10px;
padding-bottom: 10px;
}
.profile__password_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 16px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
}
.profile__password_button__submit a:hover , .profile__password_button__submit a:focus {
opacity:0.5;
}
.profile__formbox__list {
padding: 0px;
list-style-type: none;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
}
.profile__formbox__list li {
padding-right: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.profile__experience_attention {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.profile__experience_attention_icon {
font-size: 16px;
color: #0066FF;
padding-right: 5px;
padding-top: 3px;
}
.profile__experience_attention_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
line-height: 1.4em;
flex-shrink: 100;
}
.profile__experience_attention_text .fa {
color: #996600;
}
.profile__form_input___experience {
width: 100%;
margin-top: 10px;
}
.profile__experience__button-navi {
width: 100%;
margin-top: 5px;
}
.profile__experience__submit a {
background-color: #996600;
border: 1px solid #0066FF;
display: block;
font-size: 14px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
}
.profile__experience__submit a .fa {
color: #FFFFFF;
}
.profile__experience__submit a:hover , .profile__experience__submit a:focus {
opacity:0.5;
}
.profile__titlebar_verify {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_verify_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
flex-grow: 1;
}
.profile__titlebar_verify_edit {
}
.profile__titlebar_verify_edit a{
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 12px;
line-height: 1em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.profile__titlebar_verify_edit:hover , .profile__titlebar_verify_edit:focus {
opacity:0.5;
}
.profile__verify_body {
background-color: #fff;
margin-bottom: 10px;
padding: 10px;
margin-right: -5px;
margin-left: -5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.profile__verify_box {
text-align: center;
}
.profile__verify_box__inner {
width: 80%;
max-width: 300px;
margin-right: auto;
margin-left: auto;
display: inline-block;
}
.profile__verify_item_box {
}
.profile__verify_item {
padding: 10px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.profile__verify_item_icon {
padding-right: 10px;
}
.profile__verify_item_text {
flex-grow:1;
}
.profile__verify_item_text h4 {
margin-top: 0px;
margin-bottom: 8px;
font-size: 18px;
}
.profile__verify_item_text p {
font-size: 14px;
line-height: 1.4em;
margin-top: 0px;
margin-bottom: 8px;
}
.verify_item_level_box {
text-align: center;
}
.verify_item_level {
font-size: 13px;
line-height: 1.3em;
border: 1px solid #CCCCCC;
border-radius: 18px;
padding-top: 1px;
padding-right: 8px;
padding-bottom: 1px;
padding-left: 18px;
display: inline-block;
background-color: #FFFFFF;
}
.verify_item_level img {
font-size: 13px;
vertical-align: middle;
}
.profile__verify_item_box .done{
background-color: #efefef;
}
.profile__verify_item_box .done .profile__verify_item_icon {
opacity:0.5;
}
.profile__verify_item_box .done .profile__verify_item_text {
opacity:0.5;
}
.profile__verify_item_box .done .profile__verify_item_level{
opacity:0.5;
}
.profile__verify_item_reject {
background-image: url(/svg/icon-alert-red-p25.svg);
background-repeat: no-repeat;
background-position: center 15px;
background-size: 50px 50px;
}
.profile__titlebar_photo {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_photo_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
flex-grow: 1;
}
.profile__titlebar_photo_edit {
}
.profile__titlebar_photo_edit a{
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 12px;
line-height: 1em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.profile__titlebar_photo_edit:hover , .profile__titlebar_photo_edit:focus {
opacity:0.5;
}
.profile__photo_body {
background-color: #fff;
margin-bottom: 10px;
padding: 10px;
margin-right: -5px;
margin-left: -5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.profile__photo_box {
text-align: center;
}
.profile__photo_box__inner {
width: 80%;
max-width: 300px;
margin-right: auto;
margin-left: auto;
display: inline-block;
}
.profile__photo img {
height: auto;
width: 100%;
line-height: 0em;
}
.profile__titlebar_bank {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__titlebar_bank_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
flex-grow: 1;
}
.profile__titlebar_bank_edit {
}
.profile__titlebar_bank_edit a{
color: #fff;
background-color: #009900;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 12px;
line-height: 1em;
border-radius: 3px;
border: 1px solid #006600;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.profile__titlebar_bank_edit:hover , .profile__titlebar_bank_edit:focus {
opacity:0.5;
}
.profile__bank_body {
background-color: #fff;
margin-bottom: 10px;
padding: 10px;
margin-right: -5px;
margin-left: -5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.profile__bank_item {
margin-bottom: 10px;
}
.profile__bank_item_head {
color: #333;
background-color: #FFF4E6;
border: 1px solid #ccc;
border-radius: 5px 5px 0px 0px;
margin-bottom: 0px;
padding: 10px;
font-size: 14px;
display: block;
font-weight: bold;
}
.profile__bank_item_data {
border-radius: 0px 0px 5px 5px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
padding: 10px;
font-size: 14px;
line-height: 1.6em;
display: block;
}
.profile__form_label___bank_type {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__formbox__item__bank_type_box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.profile__formbox__item__bank_type01 {
flex-grow: 1;
padding-right: 5px;
}
.profile__formbox__item__bank_type02 {
flex-grow: 1;
padding-left: 5px;
}
.profile__form_label___bank_name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__form_label___bank_branch-name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__form_label___bank_account-number {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__form_label___bank_account-name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.profile__form_caption {
font-size: 12px;
line-height: 1.3em;
color: #666666;
padding-top: 3px;
margin-top: 0px;
margin-bottom: 0px;
}
.profile__link_reference {
margin-top: 0px;
margin-bottom: 10px;
text-align: right;
}
.profile__link_reference a{
font-size: 13px;
line-height: 1.3em;
text-decoration: none;
color: #009900;
}
.profile__link_reference a:hover , .profile__link_reference a:focus {
text-decoration: underline;
}
.profile__verify_item__paper {
box-shadow: 0px 0px 4px 1px #d1d1d1;
background-color: #FFFFFF;
border-radius: 5px;
border: 1px solid #ddd;
padding: 5px;
max-width: 600px;
position: relative;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
.profile__verify_item__paper_title {
display: flex;
align-items: center;
justify-content: flex-start;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddd;
}
.profile__verify_item__paper_title_mark img{
height: auto;
width: 36px;
}
.profile__verify_item__paper_title_text {
flex-grow: 1;
font-size: 20px;
font-weight: bold;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-top: 5px;
}
.profile__verify_item__paper_cate {
display: flex;
align-items: flex-start;
justify-content: flex-start;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.profile__verify_item__paper_cate_name {
width: 124px;
padding-left: 10px;
font-weight: bold;
flex-shrink: 0;
}
.profile__verify_item__paper_cate_text {
padding-right: 10px;
padding-left: 10px;
flex-shrink: 10;
}
.profile__verify_item__paper_textbox {
background-color: #d8d8d8;
padding: 5px;
margin-top: 5px;
font-size: 13px;
line-height: 1.4em;
color: #666666;
border-radius:4px;
}
.profile__verify_item__paper_applying {
color: #FFFFFF;
background-color: #0099CC;
text-align: center;
margin-top: 5px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 18px;
font-weight: bold;
top: 20%;
right: 10px;
}
.profile__verify_item__paper_rejection {
color: #FFFFFF;
background-color: #FF3333;
text-align: center;
margin-top: 5px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 18px;
font-weight: bold;
}
.profile__verify_item__paper_hanko {
position: absolute;
height: 85px;
width: 85px;
top: 48px;
right: 15px;
}
/* verify_sms */
.verify_sms__container {
padding-top: 56px;
}
.verify_sms__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.verify_sms__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.verify_sms__formbox__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.verify_sms__formbox__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.verify_sms__formbox__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.verify_sms__formbox__explain {
background-color: #FFFFFF;
border: 1px solid #FFCC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: left;
margin-bottom: 10px;
font-size: 10px;
line-height: 1.6em;
color: #333333;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
}
.verify_sms__formbox {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
}
.verify_sms__formbox__inner {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.verify_sms__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.verify_sms__form_tips {
color: #FFF;
background-color: #F90;
border-radius: 4px;
font-size: 13px;
margin-bottom: 10px;
padding: 5px;
}
.verify_sms__formbox__item__inner {
padding-bottom: 10px;
}
.verify_sms__form_error__msg {
font-size: 13px;
color: #FF0000;
margin-top: 3px;
margin-bottom: 0px;
}
.verify_sms__form_error__msg:before {
content: "\f071";
font-family: FontAwesome;
padding-right: 3px;
}
.verify_sms__require {
font-size: 10px;
line-height: 1em;
background-color: #FF0000;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.verify_sms__form_label___user-id {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__formbox__attention {
background-color: #FFFFFF;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
}
.verify_sms__formbox__attention_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
}
.verify_sms__formbox__attention_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
}
.verify_sms__formbox__item__name_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.verify_sms__form_label___name_sei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__formbox__item__name_sei {
flex-grow: 1;
padding-right: 5px;
}
.verify_sms__form_label___name_mei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__formbox__item__name_mei {
flex-grow: 1;
padding-left: 5px;
}
.verify_sms__formbox__item__kana_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.verify_sms__form_label___kana_sei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__formbox__item__kana_sei {
flex-grow: 1;
padding-right: 5px;
}
.verify_sms__form_label___kana_mei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__formbox__item__kana_mei {
flex-grow: 1;
padding-left: 5px;
}
.verify_sms__form_label___gender {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__formbox__item__gender_box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.verify_sms__formbox__item__gender_male {
flex-grow: 1;
padding-right: 5px;
}
.verify_sms__form_input___gender_male {
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
text-align: center;
}
.verify_sms__form_input___gender_male input {
display: none;
}
.verify_sms__formbox__item__gender_female {
flex-grow: 1;
padding-left: 5px;
}
.verify_sms__form_input___gender_female {
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
text-align: center;
}
.verify_sms__form_input___gender_female input {
display: none;
}
.verify_sms__form_label___birthday {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__formbox__item__birthday_year {
display: flex;
align-items: center;
justify-content: flex-start;
padding-bottom: 10px;
}
.verify_sms__form_input___birthday_year {
flex-grow: 1;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.verify_sms__formbox__item__birthday_year_nen {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 7px;
padding-left: 6px;
border-radius: 0px 5px 5px 0px;
}
.verify_sms__formbox__item__birthday_box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.verify_sms__formbox__item__birthday_month {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: flex-start;
padding-right: 5px;
}
.verify_sms__form_input___birthday_month {
flex-grow: 1;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.verify_sms__formbox__item__birthday_month_tuki {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 7px;
padding-left: 6px;
border-radius: 0px 5px 5px 0px;
}
.verify_sms__formbox__item__birthday_day {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 5px;
}
.verify_sms__form_input___birthday_day {
flex-grow: 1;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.verify_sms__formbox__item__birthday_month_nichi {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 7px;
padding-left: 6px;
border-radius: 0px 5px 5px 0px;
}
.verify_sms__form_label___prefecture {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_label___city {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_label___job-category {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__formbox__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.verify_sms__form_button__return {
padding-right: 5px;
}
.verify_sms__form_button__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_sms__form_button__return a:hover , .verify_sms__form_button__return a:focus {
opacity:0.5;
}
.verify_sms__form_button__submit {
padding-left: 5px;
flex-grow: 1;
}
.verify_sms__form_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_sms__form_button__submit a:hover , .verify_sms__form_button__submit a:focus {
opacity:0.5;
}
.verify_sms__confirm__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.verify_sms__form_confirm__tips {
background-color: #996600;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.verify_sms__form_confirm__tips_title {
flex-grow: 1;
padding-right: 10px;
}
.verify_sms__form_confirm__box__item_box {
list-style-type: none;
border-radius: 0px 0px 5px 5px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #996600;
border-bottom-color: #996600;
border-left-color: #996600;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding-right: 10px;
padding-left: 10px;
background-color: #FFFFFF;
padding-bottom: 10px;
}
.verify_sms__form_confirm__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #F80;
}
.verify_sms__form_confirm__item__inner {
padding-bottom: 10px;
}
.verify_sms__form_confirm_label___user-id {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_disp___user-id {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.verify_sms__form_confirm__item__name_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.verify_sms__form_confirm_labe___name_sei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_confirm__item__name_sei {
flex-grow: 1;
padding-right: 5px;
}
.verify_sms__form_disp___name_sei {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.verify_sms__form_confirm_labe___name_mei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_confirm__item__name_mei {
flex-grow: 1;
padding-left: 5px;
}
.verify_sms__form_disp___name_mei {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.verify_sms__form_confirm__item__kana_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.verify_sms__form_confirm_labe___kana_sei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_confirm__item__kana_sei {
flex-grow: 1;
padding-right: 5px;
}
.verify_sms__form_disp___kana_sei {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.verify_sms__form_confirm_labe___kana_mei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_confirm__item__kana_mei {
flex-grow: 1;
padding-left: 5px;
}
.verify_sms__form_disp___kana_mei {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.verify_sms__form_confirm_label___gender {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_disp___gender {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.verify_sms__form_confirm_label___birthday {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_disp___birthday {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.verify_sms__form_confirm_label___prefecture {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_disp___prefecture {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.verify_sms__form_confirm_label___job-category {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_disp___job-category {
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
line-height: 1.4em;
color: #555;
background-color: #eee;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
.verify_sms__form_confirm__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.verify_sms__form_confirm__return {
padding-right: 5px;
}
.verify_sms__form_confirm__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_sms__form_confirm__return a:hover , .verify_sms__form_confirm__return a:focus {
opacity:0.5;
}
.verify_sms__form_confirm__submit {
padding-left: 5px;
flex-grow: 1;
}
.verify_sms__form_confirm__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_sms__form_confirm__submit a:hover , .verify_sms__form_confirm__submit a:focus {
opacity:0.5;
}
.verify_sms__sms__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.verify_sms__form_sms__explain__item {
margin-bottom: 10px;
}
.verify_sms__form_sms__explain__title {
background-color: #FF6600;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px;
}
.verify_sms__form_sms__explain__title .fa {
margin-right: 3px;
}
.verify_sms__form_sms__explain__box {
padding: 10px;
border: 1px solid #FF6600;
border-radius: 0px 0px 5px 5px;
font-size: 13px;
line-height: 1.4em;
background-color: #FFFFFF;
}
.verify_sms__form_label___tel {
display: block;
font-size: 14px;
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}
.verify_sms__form_input___tel_box {
display: flex;
justify-content: center;
}
.verify_sms__form_input___tel_first {
border-radius: 4px 0px 0px 4px;
border-right-style: none;
font-size: 18px;
width: 60px;
text-align: right;
}
.verify_sms__form_input___tel_second {
border-radius: 0px 0px 0px 0px;
border-right-style: none;
border-left-style: none;
font-size: 18px;
width: 80px;
text-align: right;
}
.verify_sms__form_input___tel_third {
border-radius: 0px 4px 4px 0px;
border-left-style: none;
font-size: 18px;
width: 80px;
text-align: right;
}
.verify_sms__formbox__item__tel_hyphen {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 7px;
padding-left: 6px;
font-size: 18px;
}
.verify_sms__formbox__sms_attention {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 10px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.verify_sms__formbox__sms_attention_icon {
font-size: 16px;
color: #0066FF;
padding-right: 5px;
padding-top: 3px;
}
.verify_sms__formbox__sms_attention_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
line-height: 1.4em;
}
.verify_sms__formbox__sms_attention_text .fa {
color: #996600;
}
.verify_sms__form_sms__button-navi {
margin-top: 10px;
}
.verify_sms__form_sms__submit {
flex-grow: 1;
}
.verify_sms__form_sms__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_sms__form_sms__submit a:hover , .verify_sms__form_sms__submit a:focus {
opacity:0.5;
}
.verify_sms__form_label___code {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_input___code_box {
text-align: center;
}
.verify_sms__form_input___code {
display: inline-block;
font-size: 28px;
width: 160px;
letter-spacing: 0.6em;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
margin-right: auto !important;
margin-left: auto !important;
}
.verify_sms__form_sms_again__button-navi {
margin-top: 10px;
width: 100%;
margin-bottom: 10px;
}
.verify_sms__form_sms_again__submit {
}
.verify_sms__form_sms_again__submit a {
background-color: #996600;
border: 1px solid #0066FF;
display: block;
font-size: 16px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
}
.verify_sms__form_sms_again__submit a:hover , .verify_sms__form_sms_again__submit a:focus {
opacity:0.5;
}
.verify_sms__thanks__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.verify_sms__form_thanks__limit__item {
margin-bottom: 10px;
}
.verify_sms__form_thanks__limit__title {
background-color: #FF6600;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.verify_sms__form_thanks__limit__title .fa {
margin-right: 3px;
}
.verify_sms__form_thanks__limit__box {
padding: 10px;
border: 1px solid #FF6600;
border-radius: 0px 0px 5px 5px;
font-size: 18px;
color: #CC3300;
font-weight: bold;
}
.verify_sms__form_thanks__explain__item {
margin-bottom: 10px;
}
.verify_sms__form_thanks__explain__title {
background-color: #996600;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px;
}
.verify_sms__form_thanks__explain__title .fa {
margin-right: 3px;
}
.verify_sms__form_thanks__explain__box {
padding: 10px;
border: 1px solid #996600;
border-radius: 0px 0px 5px 5px;
font-size: 13px;
line-height: 1.4em;
display: flex;
align-items: flex-start;
justify-content: flex-start;
background-color: #FFFFFF;
}
.verify_sms__form_thanks__explain__box_icon {
font-size: 16px;
color: #0066FF;
padding-right: 5px;
padding-top: 2px;
}
.verify_sms__form_thanks__explain__box_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
}
.verify_sms__form_thanks__button-navi {
margin-top: 10px;
}
.verify_sms__form_thanks__submit {
flex-grow: 1;
}
.verify_sms__form_thanks__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_sms__form_thanks__submit a:hover , .verify_sms__form_sms__submit a:focus {
opacity:0.5;
}
.verify_sms__form_label___code {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__account__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.verify_sms__formbox__error {
background-color: #FFFFFF;
border: 1px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
}
.verify_sms__formbox__error_icon {
font-size: 16px;
color: #FF0000;
padding-right: 5px;
padding-top: 2px;
}
.verify_sms__formbox__error_text {
font-size: 13px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
flex-shrink: 100;
}
.verify_sms__account__formbox {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
}
.verify_sms__account__formbox__inner {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.verify_sms__account__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.verify_sms__account__form_tips {
color: #FFF;
background-color: #F90;
border-radius: 4px;
font-size: 13px;
margin-bottom: 10px;
padding: 5px;
}
.verify_sms__account__formbox__item__inner {
padding-bottom: 10px;
}
.verify_sms__form_account_label___name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_account_label___account {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_disp___name {
padding-top: 5px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 8px;
border: 1px solid #ddd;
border-radius: 5px;
margin-top: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
background-color: #FFFF99;
font-size: 16px;
line-height: 1.4em;
}
.verify_sms__form_disp___account {
padding-top: 5px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 8px;
border: 1px solid #ddd;
border-radius: 5px;
margin-top: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
background-color: #FFFF99;
font-size: 16px;
line-height: 1.4em;
}
.verify_sms__form_label___password {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__form_label___password_second {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_sms__account__formbox__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.verify_sms__form_account__submit {
flex-grow: 1;
}
.verify_sms__form_account__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_sms__form_account__submit a:hover , .verify_sms__form_account__submit a:focus {
opacity:0.5;
}
.verify_sms__form_account__explain__item {
margin-bottom: 10px;
}
.verify_sms__form_account__explain__title {
background-color: #996600;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
color: #FFFFFF;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px;
}
.verify_sms__form_account__explain__title .fa {
margin-right: 3px;
}
.verify_sms__form_account__explain__box {
padding: 10px;
border: 1px solid #996600;
border-radius: 0px 0px 5px 5px;
font-size: 13px;
line-height: 1.4em;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.verify_sms__form_account__explain__box_icon {
font-size: 16px;
color: #0066FF;
padding-right: 5px;
padding-top: 2px;
}
.verify_sms__form_account__explain__box_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
}
.verify_sms__form_login__submit {
flex-grow: 1;
}
.verify_sms__form_login__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_sms__form_login__submit a:hover , .verify_sms__form_login__submit a:focus {
opacity:0.5;
}
.verify_sms__formbox__message {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.verify_sms__formbox__message_icon {
font-size: 16px;
color: #0033FF;
padding-right: 5px;
padding-top: 2px;
}
.verify_sms__formbox__message_text {
font-size: 13px;
color: #03F;
padding-top: 2px;
text-align: left;
font-weight: bold;
flex-shrink: 100;
}
.verify_sms__form_confirm__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.verify_sms__gotop_button {
flex-grow: 1;
}
.verify_sms__gotop_button a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_sms__gotop_button a:hover , .verify_sms__gotop_button a:focus {
opacity:0.5;
}
.verify_sms__form_sms__submit_return {
flex-grow: 1;
}
.verify_sms__form_sms__submit_return a {
background-color: #FF3300;
border: 1px solid #CC3300;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_sms__form_sms__submit_return a:hover , .sign_up__form_sms__submit_return a:focus {
opacity:0.5;
}
/* verify_person */
.verify_person__container {
padding-top: 56px;
}
.verify_person__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.verify_person__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.verify_person__formbox__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.verify_person__formbox__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.verify_person__formbox__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
display: block;
}
.verify_person__formbox__notice_text_link {
text-align: right;
margin-top: 0px;
margin-bottom: 0px;
}
.verify_person__formbox__notice_text_link a {
color: #009900;
text-decoration: none;
}
.verify_person__formbox__notice_text_link a:hover , .verify_person__formbox__notice_text_link a:focus {
text-decoration: underline;
}
.verify_person__formbox__notice_text span {
color: #FF0000;
}
.verify_person__error {
background-color: #FFFFFF;
border: 1px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.verify_person__error_icon {
font-size: 18px;
color: #FF0000;
padding-right: 5px;
padding-top: 2px;
}
.verify_person__error_text {
font-size: 16px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
flex-shrink: 100;
}
.verify_person__titlebar_flow {
background-color: #996600;
font-weight: bold;
padding: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
margin-bottom: 10px;
margin-top: 5px;
}
.verify_person__flow {
display: flex;
margin-bottom: 5px;
}
.verify_person__flow_number{
flex-basis: 42px;
}
.verify_person__flow_number img {
height: 42px;
width: 42px;
}
.verify_person__flow_text {
flex-grow: 1;
flex-shrink: 100;
}
.verify_person__flow_title{
font-size: 16px;
font-weight: bold;
color: #F60;
margin-left: 5px;
text-align: left;
}
.verify_person__flow_cap {
font-size: 14px;
margin-left: 5px;
text-align: left;
line-height: 1.4em;
}
.verify_person__attention {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.verify_person__attention_icon {
font-size: 18px;
color: #0066FF;
padding-right: 5px;
padding-top: 3px;
}
.verify_person__attention_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
line-height: 1.4em;
flex-grow: 1;
flex-shrink: 100;
}
.verify_person__license_body {
margin-bottom: 10px;
margin-top: 10px;
}
.verify_person__license_header {
color: #333;
background-color: #FFF8EC;
border: 1px solid #ddd;
border-radius: 5px 5px 0px 0px;
margin-bottom: 0px;
padding: 10px;
font-size: 14px;
display: block;
}
.verify_person__license_data {
background-color: #fff;
border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #DDD;
border-bottom-color: #DDD;
border-left-color: #DDD;
padding: 10px;
font-size: 14px;
line-height: 1.4em;
display: block;
}
.verify_person__license_data_text {
font-size: 13px;
line-height: 1.4em;
margin-top: 0px;
margin-bottom: 10px;
}
.verify_person__license_data_text span {
color: #666666;
}
.verify_person__license_data_img {
text-align: center;
}
.verify_person__license_data_img img {
width: 80%;
max-width: 360px;
}
.verify_person__insurance_body {
margin-bottom: 10px;
margin-top: 10px;
}
.verify_person__insurance_header {
color: #333;
background-color: #FFF8EC;
border: 1px solid #ddd;
border-radius: 5px 5px 0px 0px;
margin-bottom: 0px;
padding: 10px;
font-size: 14px;
display: block;
}
.verify_person__insurance_data {
background-color: #fff;
border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #DDD;
border-bottom-color: #DDD;
border-left-color: #DDD;
padding: 10px;
font-size: 14px;
line-height: 1.4em;
display: block;
}
.verify_person__insurance_data_text {
font-size: 13px;
line-height: 1.4em;
margin-top: 0px;
margin-bottom: 10px;
}
.verify_person__insurance_data_text span {
color: #666666;
}
.verify_person__insurance_data_img {
text-align: center;
}
.verify_person__insurance_data_img img {
width: 80%;
max-width: 360px;
}
.verify_person__passport_body {
margin-bottom: 10px;
margin-top: 10px;
}
.verify_person__passport_header {
color: #333;
background-color: #FFF8EC;
border: 1px solid #ddd;
border-radius: 5px 5px 0px 0px;
margin-bottom: 0px;
padding: 10px;
font-size: 14px;
display: block;
}
.verify_person__passport_data {
background-color: #fff;
border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #DDD;
border-bottom-color: #DDD;
border-left-color: #DDD;
padding: 10px;
font-size: 14px;
line-height: 1.4em;
display: block;
}
.verify_person__passportdata_text {
font-size: 13px;
line-height: 1.4em;
margin-top: 0px;
margin-bottom: 10px;
}
.verify_person__passport_data_text span {
color: #666666;
}
.verify_person__passport_data_img {
text-align: center;
}
.verify_person__passport_data_img img {
width: 80%;
max-width: 360px;
}
.verify_person__registration_body {
margin-bottom: 10px;
margin-top: 10px;
}
.verify_person__registration_header {
color: #333;
background-color: #FFF8EC;
border: 1px solid #ddd;
border-radius: 5px 5px 0px 0px;
margin-bottom: 0px;
padding: 10px;
font-size: 14px;
display: block;
}
.verify_person__registration_data {
background-color: #fff;
border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #DDD;
border-bottom-color: #DDD;
border-left-color: #DDD;
padding: 10px;
font-size: 14px;
line-height: 1.4em;
display: block;
}
.verify_person__registration_data_text {
font-size: 13px;
line-height: 1.4em;
margin-top: 0px;
margin-bottom: 10px;
}
.verify_person__registration_data_text span {
color: #666666;
}
.verify_person__registration_data_img {
text-align: center;
}
.verify_person__registration_data_img img {
width: 80%;
max-width: 360px;
}
.verify_person__jyuuki_body {
margin-bottom: 10px;
margin-top: 10px;
}
.verify_person__jyuuki_header {
color: #333;
background-color: #FFF8EC;
border: 1px solid #ddd;
border-radius: 5px 5px 0px 0px;
margin-bottom: 0px;
padding: 10px;
font-size: 14px;
display: block;
}
.verify_person__jyuuki_data {
background-color: #fff;
border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #DDD;
border-bottom-color: #DDD;
border-left-color: #DDD;
padding: 10px;
font-size: 14px;
line-height: 1.4em;
display: block;
}
.verify_person__jyuuki_data_text {
font-size: 13px;
line-height: 1.4em;
margin-top: 0px;
margin-bottom: 10px;
}
.verify_person__jyuuki_data_text span {
color: #666666;
}
.verify_person__jyuuki_data_img {
text-align: center;
}
.verify_person__jyuuki_data_img img {
width: 80%;
max-width: 360px;
}
.verify_person__mynumber_body {
margin-bottom: 10px;
margin-top: 10px;
}
.verify_person__mynumber_header {
color: #333;
background-color: #FFF8EC;
border: 1px solid #ddd;
border-radius: 5px 5px 0px 0px;
margin-bottom: 0px;
padding: 10px;
font-size: 14px;
display: block;
}
.verify_person__mynumber_data {
background-color: #fff;
border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #DDD;
border-bottom-color: #DDD;
border-left-color: #DDD;
padding: 10px;
font-size: 14px;
line-height: 1.4em;
display: block;
}
.verify_person__mynumber_data_text {
font-size: 13px;
line-height: 1.4em;
margin-top: 0px;
margin-bottom: 10px;
}
.verify_person__mynumber_data_text span {
color: #666666;
}
.verify_person__mynumber_data_img {
text-align: center;
}
.verify_person__mynumber_data_img img {
width: 80%;
max-width: 360px;
}
.verify_person__formbox__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
background-color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
padding: 10px;
}
.verify_person__form_button__return {
padding-right: 5px;
}
.verify_person__form_button__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_person__form_button__return a:hover , .verify_person__form_button__return a:focus {
opacity:0.5;
}
.verify_person__form_button__submit {
padding-left: 5px;
flex-grow: 1;
}
.verify_person__form_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_person__form_button__submit a:hover , .verify_person__form_button__submit a:focus {
opacity:0.5;
}
.verify_person__send_formbox__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
background-color: #FFFFFF;
margin-bottom: 10px;
}
.verify_person__send_form_button__return {
padding-right: 5px;
}
.verify_person__send_form_button__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_person__send_form_button__return a:hover , .verify_person__send_form_button__return a:focus {
opacity:0.5;
}
.verify_person__send_form_button__submit {
padding-left: 5px;
flex-grow: 1;
}
.verify_person__send_form_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_person__send_form_button__submit a:hover , .verify_person__send_form_button__submit a:focus {
opacity:0.5;
}
.verify_person__titlebar_profile {
background-color: #996600;
font-weight: bold;
padding: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
margin-bottom: 10px;
margin-top: 5px;
}
.verify_person__profile {
margin-bottom: 10px;
list-style-type: none;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
.verify_person__profile-item_unsubmitted {
padding: 10px;
border: 1px solid #DDD;
background-color: #FADFFF;
font-size: 14px;
text-align: center;
border-radius: 5px 5px 0px 0px ;
}
.verify_person__profile-item_name {
padding: 10px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #ddd;
border-bottom-color: #ddd;
border-left-color: #ddd;
font-size: 14px;
text-align: left;
}
.verify_person__profile-item_address {
padding: 10px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #ddd;
border-bottom-color: #ddd;
border-left-color: #ddd;
font-size: 14px;
text-align: left;
}
.verify_person__profile-item_birthday {
padding: 10px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #ddd;
border-bottom-color: #ddd;
border-left-color: #ddd;
font-size: 14px;
text-align: left;
border-radius: 0px 0px 5px 5px;
}
.verify_person__profile__button-navi {
margin-top: 10px;
margin-bottom: 10px;
}
.verify_person__profile__submit a {
background-color: #996600;
border: 1px solid #0066FF;
display: block;
font-size: 14px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
}
.verify_person__profile__submit a:hover , .verify_person__profile__submit a:focus {
opacity:0.5;
}
.verify_person__titlebar_give {
background-color: #996600;
font-weight: bold;
padding: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
margin-bottom: 10px;
margin-top: 5px;
}
.verify_person__formbox {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
}
.verify_person__formbox__inner {
padding-right: 10px;
padding-left: 10px;
}
.verify_person__formbox__error {
background-color: #FFFFFF;
border: 1px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.verify_person__formbox__error_icon {
font-size: 16px;
color: #FF0000;
padding-right: 5px;
padding-top: 2px;
}
.verify_person__formbox__error_text {
font-size: 13px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
flex-shrink: 100;
}
.verify_person__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.verify_person__form_tips {
color: #FFF;
background-color: #F90;
border-radius: 4px;
font-size: 13px;
margin-bottom: 10px;
padding: 5px;
}
.verify_person__formbox__item__inner {
padding-bottom: 10px;
}
.verify_person__form_label___type {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_person__form_label___photo {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_person__form_input___photo {
}
.verify_person__form_input___photo_box {
}
.verify_person__form_input___photo_upload {
display: inline-block;
cursor: pointer;
}
.verify_person__require {
font-size: 10px;
line-height: 1em;
background-color: #FF0000;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.verify_person__elective {
font-size: 10px;
line-height: 1em;
background-color: #0066FF;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.verify_person__edit_header {
background-color: #996600;
border: none;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.verify_person__edit_title {
width: 16px;
font-weight: normal;
color: #FFFFFF;
flex-grow: 1;
}
.verify_person__edit_box___close {
font-size: 20px;
cursor: pointer;
color: #DDD;
display: block;
}
.verify_person__edit_box___close:hover , .verify_person__edit_box___close:focus {
opacity:0.5;
}
.verify_person__edit_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius: 0px 0px 5px 5px;
}
.verify_person__edit_box__item__inner {
padding: 10px;
}
.verify_person__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.verify_person__formbox__item__inner {
padding-bottom: 10px;
}
.verify_person__formbox__item__name_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.verify_person__form_label___name_sei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_person__formbox__item__name_sei {
flex-grow: 1;
padding-right: 5px;
}
.verify_person__form_label___name_mei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_person__formbox__item__name_mei {
flex-grow: 1;
padding-left: 5px;
}
.verify_person__formbox__item__kana_box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.verify_person__form_label___kana_sei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_person__formbox__item__kana_sei {
flex-grow: 1;
padding-right: 5px;
}
.verify_person__form_label___kana_mei {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_person__formbox__item__kana_mei {
flex-grow: 1;
padding-left: 5px;
}
.verify_person__form_label___gender {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_person__formbox__item__gender_box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.verify_person__formbox__item__gender_male {
flex-grow: 1;
padding-right: 5px;
}
.verify_person__form_input___gender_male {
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
text-align: center;
}
.verify_person__form_input___gender_male input {
display: none;
}
.verify_person__formbox__item__gender_female {
flex-grow: 1;
padding-left: 5px;
}
.verify_person__form_input___gender_female {
line-height: 1.4em;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
text-align: center;
}
.verify_person__form_input___gender_female input {
display: none;
}
.verify_person__form_label___birthday {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_person__formbox__item__birthday_year {
display: flex;
align-items: center;
justify-content: flex-start;
padding-bottom: 10px;
}
.verify_person__form_input___birthday_year {
flex-grow: 1;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.verify_person__formbox__item__birthday_year_nen {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 7px;
padding-left: 6px;
border-radius: 0px 5px 5px 0px;
}
.verify_person__formbox__item__birthday_box {
display: flex;
align-items: center;
justify-content: flex-start;
}
.verify_person__formbox__item__birthday_month {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: flex-start;
padding-right: 5px;
}
.verify_person__form_input___birthday_month {
flex-grow: 1;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.verify_person__formbox__item__birthday_month_tuki {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 7px;
padding-left: 6px;
border-radius: 0px 5px 5px 0px;
}
.verify_person__formbox__item__birthday_day {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 5px;
}
.verify_person__form_input___birthday_day {
flex-grow: 1;
border-radius: 5px 0px 0px 5px;
border-right-style: none;
}
.verify_person__formbox__item__birthday_month_nichi {
white-space: nowrap;
border: 1px solid #F90;
color: #333333;
background-color: #F90;
font-size: 16px;
font-weight: normal;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 7px;
padding-left: 6px;
border-radius: 0px 5px 5px 0px;
}
.verify_person__form_label___prefecture {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_person__form_label___city {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_person__form_label___mail {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_person__form_label___tel {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.verify_person__edit_box__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.verify_person__edit_form_button__close {
padding-right: 5px;
}
.verify_person__edit_form_button__close a{
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.verify_person__edit_form_button__close:hover , .verify_person__edit_form_button__close:focus {
opacity:0.5;
}
.verify_person__edit_form_button__submit {
flex-grow: 1;
}
.verify_person__edit_form_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.verify_person__edit_form_button__submit:hover , .verify_person__edit_form_button__submit:focus {
opacity:0.5;
}
.verify_person__form_label___address {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
.verify_person__formbox__item_img-upload {
border: 4px dashed #CCCCCC;
background-color: #f8f8f8;
display: block;
text-align: center;
text-decoration: none;
position: relative;
padding: 8px;
}
.verify_person__formbox__item_profile-img-upload {
border: 4px dashed #CCCCCC;
background-color: #f8f8f8;
display: block;
text-align: center;
text-decoration: none;
position: relative;
height: 276px;
width: 276px;
padding: 8px;
margin-bottom: 20px;
}
.verify_person__formbox__item_profile-img-upload-comp {
border: 4px solid #CCCCCC;
background-color: #f8f8f8;
display: block;
text-align: center;
text-decoration: none;
position: relative;
height: 292px;
width: 292px;
margin-bottom: 20px;
}
.verify_person__formbox__item_img-upload_text {
color: #999999;
font-size: 14px;
margin-top: 0px;
margin-bottom: 0px;
line-height: 1.4em;
}
.verify_person__formbox__item_img-upload_icon {
color: #CCCCCC;
font-size: 60px;
margin-top: 10px;
margin-bottom: 0px;
}
.verify_person__formbox__item_img-upload_icon:hover , .verify_person__formbox__item_img-upload_icon:focus {
opacity:0.5;
}
.verify_person__formbox__item_profile-img-upload .verify_person__formbox__item_img-upload_text{
margin-top: 30%;
}
.verify_person__formbox__item_profile-img-upload .verify_person__formbox__item_img-upload_icon{
margin-bottom: 20%;
}
.verify_person__formbox__item_img-upload_delete {
position: absolute;
right: -6px;
bottom: -6px;
background-color: #FF0000;
height: 26px;
width: 30px;
border-radius: 50%;
color: #FFFFFF;
padding-top: 4px;
cursor: pointer;
font-size: 18px;
margin-top: 0px;
margin-bottom: 0px;
}
.verify_person__formbox__item_img-upload_delete:hover , .verify_person__formbox__item_img-upload_delete:focus {
opacity:0.5;
}
.verify_person__formbox__item_img-rotate {
position: absolute;
background-color: #0066FF;
height: 26px;
width: 30px;
border-radius: 50%;
color: #FFFFFF;
padding-top: 4px;
cursor: pointer;
font-size: 18px;
margin-top: 0px;
margin-bottom: 0px;
left: -6px;
top: -6px;
}
.verify_person__formbox__item_img-rotate:hover , .verify_person__formbox__item_img-rotate:focus {
opacity:0.5;
}
.verify_person__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.verify_person__reference_title {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
font-size: 16px;
line-height: 1.8em;
font-weight: bold;
margin-bottom: 10px;
}
.verify_person__reference_explain {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: left;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.4em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-bottom: 10px;
font-size: 13px;
}
.verify_person__reference_procedure {
margin-bottom: 10px;
}
.verify_person__reference_procedure_tilte {
background-color: #09F;
color: #FFF;
font-size: 16px;
line-height: 1.6em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
text-align: center;
border-radius: 4px 4px 0px 0px;
}
.verify_person__reference_procedure_body {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 0px 0px 4px 4px;
padding: 10px;
}
.verify_person__reference_procedure_body ol {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 20px;
font-size: 14px;
line-height: 1.4em;
padding: 0px;
list-style-position: outside;
}
.verify_person__reference_procedure_body ol li{
margin-bottom: 5px;
}
.verify_person__reference_procedure_img {
width: 100%;
max-width: 375px;
margin-right: auto;
margin-left: auto;
vertical-align: bottom;
border: 1px solid #CCCCCC;
}
.verify_person__form_button__close {
margin-bottom: 10px;
}
.verify_person__form_button__close a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.verify_person__form_button__close a:hover , .verify_person__form_button__close a:focus {
opacity:0.5;
}
.verify_person__link_reference {
margin-top: 10px;
margin-bottom: 0px;
text-align: right;
}
.verify_person__link_reference a{
font-size: 13px;
line-height: 1.3em;
text-decoration: none;
color: #009900;
}
.verify_person__link_reference a:hover , .verify_person__link_reference a:focus {
text-decoration: underline;
}
/* detail */
.article_detail__container {
padding-top: 56px;
}
.article_detail__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.article_detail__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.article_detail__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.article_detail__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.article_detail__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.article_detail__titlebar {
background-color: #F60;
margin-right: -5px;
margin-left: -5px;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
padding: 10px;
}
.article_detail__status {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 10px;
margin-bottom: 10px;
}
.article_detail__status_time {
flex-grow: 1;
padding-right: 2px;
}
.article_detail__status_time p {
display: block;
border-radius: 5px;
background-color: #FF6600;
padding: 5px;
color: #FFFFFF;
text-align: center;
font-size: 16px;
line-height: 1.6em;
margin: 0px;
}
.article_detail__status_people {
flex-grow: 1;
padding-left: 2px;
}
.article_detail__data_salary {
display: flex;
align-items: center;
justify-content: center;
padding-top: 10px;
padding-bottom: 5px;
}
.article_detail__data_salary .mark img {
height: 50px;
width: 50px;
}
.article_detail__data_salary .text {
font-size: 14px;
line-height: 1.4em;
padding-right: 5px;
text-align: center;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}
.article_detail__data_salary .text span{
font-size: 10px;
font-weight: normal;
}
.article_detail__data_salary .salary{
font-family: 'Prata', sans-serif;
font-size: 46px;
font-weight: bold;
color: #555555;
text-align: center;
white-space: nowrap;
margin-top: 0px;
margin-bottom: 0px;
}
.article_detail__data_salary .salary span {
padding-right: 5px;
}
.article_detail__status_people p {
display: block;
border-radius: 5px;
background-color: #FF3300;
padding: 5px;
color: #FFFFFF;
text-align: center;
font-size: 16px;
line-height: 1.6em;
margin: 0px;
}
.article_detail__databox {
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
display: block;
margin-bottom: 10px;
border: 1px solid #DDD;
color: #666666;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.article_detail__maincopy {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
color: #333333;
line-height: 1.6em;
}
.article_detail__title_mark {
border: 1px solid #999;
font-size: 13px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
line-height: 1.2em;
background-color: #FFFFFF;
display: inline-block;
margin-right: 5px;
border-radius: 3px;
}
.article_detail__job_category {
background-color: #00CC00;
color: #FFFFFF;
border-radius: 5px;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
display: inline-block;
margin-bottom: 5px;
font-size: 12px;
line-height: 1.2em;
}
.article_detail__data {
font-size: 14px;
line-height: 1.4em;
}
.article_detail__data_address img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.article_detail__data_station img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.article_detail__data_time img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.article_detail__data_date img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.article_detail__data_wage img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.article_detail__data_te img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.article_detail__data_shop img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.article_detail__data_code {
color: #999999;
margin-top: 5px;
font-weight: bold;
margin-bottom: 5px;
font-size: 13px;
}
.article_detail__titlebar_conditions {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.article_detail__conditions_body {
margin-right: -5px;
margin-left: -5px;
padding-top: 7px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: #FFFFFF;
}
.article_detail__conditions_list{
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.article_detail__conditions_list_item{
background-color: #eee;
border-radius: 5px;
font-size: 13px;
line-height: 1.4em;
display: block;
margin-right: 5px;
margin-bottom: 5px;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
color: #666666;
}
.article_detail__titlebar_bring {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.article_detail__bring_body {
margin-right: -5px;
margin-left: -5px;
padding-top: 7px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: #FFFFFF;
}
.article_detail__bring_item{
font-size: 14px;
line-height: 1.4em;
color: #666666;
}
.article_detail__titlebar_map{
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.article_detail__map_body {
background-color: #FFFFFF;
padding: 10px;
margin-right: -5px;
margin-bottom: 10px;
margin-left: -5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.article_detail__gmap {
width: 100%;
margin-bottom: 0px;
height: 360px;
border: 1px solid #CCC;
}
.article_detail__gmap_button {
margin-top: 5px;
background-color: #996600;
border: 1px solid #0066FF;
display: block;
font-size: 14px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
}
.article_detail__gmap_button:hover , .article_detail__gmap_button:focus {
opacity:0.5;
}
.article_detail__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap:wrap;
margin-top: 10px;
background-color: #FFFFFF;
padding: 10px;
margin-right: -5px;
margin-left: -5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
}
.article_detail__button__return {
padding-right: 5px;
}
.article_detail__button__return a{
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.article_detail__button__return:hover , .article_detail__button__return:focus {
opacity:0.5;
}
.article_detail__button__submit {
flex-grow: 1;
padding-left: 5px;
}
.article_detail__button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.article_detail__button__submit:hover , .article_detail__button__submit:focus {
opacity:0.5;
}
.article_detail__photobox {
min-width: 240px;
max-width: 420px;
width: 80%;
margin-right: auto;
margin-left: auto;
border: 1px solid #ddd;
padding: 5px;
background-color: #FFFFFF;
margin-bottom: 10px;
}
.article_detail__photo {
height: auto;
width: 100%;
vertical-align: bottom;
}
.article_detail__status {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
margin-right: -5px;
margin-top: 0px;
}
.article_detail__status_cate {
flex-grow:1;
}
.article_detail__dcalendar {
border-top-width: 10px;
border-top-style: solid;
border-top-color: #996600;
height: auto;
display: inline-block;
background-color: #FFFFFF;
border-radius: 2px;
box-shadow: 0px 2px 1px 1px #999999;
position: relative;
font-family: 'Noto Sans Japanese', serif;
margin-right: 5px;
width: 55px;
}
.article_detail__dcalendar p{
text-align: center;
font-size: 16px;
font-weight: 600;
padding-top: 5px;
padding-bottom: 6px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #0066FF;
color: #333333;
margin-top: 0px;
margin-bottom: 0px;
}
.article_detail__dcalendar img{
position: absolute;
top: -15px;
}
.article_detail__deadline_bg-blue{
background-color: #0066FF;
padding-top: 1px;
color: #FFFFFF;
border-radius: 2px;
text-align: center;
margin-top: 3px;
margin-right: 5px;
padding-bottom: 4px;
line-height: 1.1em;
}
.article_detail__deadline_bg-red{
background-color: #FF0000;
padding-top: 1px;
color: #FFFFFF;
border-radius: 2px;
text-align: center;
margin-top: 3px;
margin-right: 5px;
padding-bottom: 4px;
line-height: 1.1em;
}
.article_search__deadline_time {
font-size: 16px;
font-weight: bold;
margin-top: 8px;
margin-bottom: 0px;
white-space: nowrap;
font-family: 'Noto Sans Japanese', serif;
}
.article_detail__deadline_text {
font-size: 11px;
font-weight: normal;
padding-right: 3px;
}
.article_detail__adoption-rate_bg-green {
background-color: #009900;
padding-top: 1px;
color: #FFFFFF;
border-radius: 2px;
text-align: center;
margin-top: 3px;
margin-right: 5px;
padding-bottom: 4px;
line-height: 1.1em;
}
.article_detail__adoption-rate_bg-purple {
background-color: #6633FF;
padding-top: 1px;
color: #FFFFFF;
border-radius: 2px;
text-align: center;
margin-top: 3px;
margin-right: 5px;
padding-bottom: 4px;
line-height: 1.1em;
}
.article_detail__adoption-rate_number {
font-size: 16px;
font-weight: bold;
margin-top: 8px;
margin-bottom: 0px;
white-space: nowrap;
font-family: 'Noto Sans Japanese', serif;
}
.article_detail__adoption-rate_number span{
font-size: 14px;
font-weight: normal;
padding-right: 2px;
padding-left: 2px;
}
.article_detail__adoption-rate_text {
font-size: 11px;
font-weight: normal;
padding-right: 3px;
}
.article_detail__faq_link {
font-size: 13px;
margin-bottom: 10px;
}
.article_detail__faq_link a {
color: #996600;
text-decoration: underline;
}
.article_detail__faq_link a:hover , .article_detail__faq_link a:focus{
color: #996600;
text-decoration: none;
}
/* entry */
.entry__container {
padding-top: 56px;
}
.entry__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.entry__pagetitle_input {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.entry__formbox__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.entry__formbox__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.entry__formbox__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.entry__formbox {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
}
.entry__formbox__inner {
padding-right: 10px;
padding-left: 10px;
}
.entry__formbox__error {
background-color: #FFFFFF;
border: 1px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
}
.entry__formbox__error_icon {
font-size: 16px;
color: #FF0000;
padding-right: 5px;
padding-top: 2px;
}
.entry__formbox__error_text {
font-size: 13px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
flex-shrink: 100;
}
.entry__formbox__list {
padding: 0px;
list-style-type: none;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
.entry__formbox__list li{
padding-right: 5px;
padding-bottom: 5px;
}
.entry__radio_list {
list-style-type: none;
padding: 0px;
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.entry__radio_list li {
margin-bottom: 2px;
}
.entry__radio__list_item {
padding-top: 5px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 33px;
font-size: 16px;
background-repeat: no-repeat;
background-position: 7px 8px;
line-height: 1.6em;
background-size: 20px 20px;
}
.entry__radio__list_item input {
display: none;
}
.entry__formbox__list_item {
font-size: 16px;
}
.entry__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
margin-bottom: 10px;
}
.entry__button__return{
padding-right: 5px;
}
.entry__button__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.entry__button__return a:hover , .entry__button__return a:focus {
opacity:0.5;
}
.entry__button__submit {
padding-left: 5px;
flex-grow: 1;
}
.entry__button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.entry__button__submit a:hover , .entry__button__submit a:focus {
opacity:0.5;
}
.entry__check_header {
background-color: #996600;
border: none;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.entry__check_title {
width: 16px;
font-weight: normal;
color: #FFFFFF;
flex-grow: 1;
}
.entry__check_box___close {
font-size: 20px;
cursor: pointer;
color: #DDD;
display: block;
}
.entry__check_box___close:hover , .profile__edit_box___close:focus {
opacity:0.5;
}
.entry__check_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius: 0px 0px 5px 5px;
}
.entry__check_box__item__inner {
padding: 10px;
}
.entry__check_box__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.entry__check_form_button__close {
padding-right: 5px;
}
.entry__check_form_button__close a{
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.entry__check_form_button__close:hover , .profile__edit_form_button__close:focus {
opacity:0.5;
}
.entry__check_form_button__submit {
flex-grow: 1;
}
.entry__check_form_button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.entry__check_form_button__submit:hover , .entry__check_form_button__submit:focus {
opacity:0.5;
}
.entry__pagetitle_input {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.entry__formbox_check__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.entry__formbox_check__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.entry__formbox_check__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.entry__pagetitle_thanks {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.entry__decision {
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
margin-top: 10px;
padding: 10px;
}
.entry__decision_img {
padding-right: 10px;
}
.entry__decision_img img{
width:50px;
height:auto;
}
.entry__decision_text {
flex-grow: 1;
flex-shrink: 100;
}
.entry__decision_text_main {
font-size: 20px;
color: #009900;
margin-bottom: 5px;
font-weight: bold;
}
.entry__decision_text_sub {
font-size: 14px;
line-height: 1.4em;
}
.entry__titlebar_date {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.entry__date_body {
font-size: 14px;
line-height: 1.6em;
background-color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.entry__titlebar_bring {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.entry__bring_body {
font-size: 14px;
line-height: 1.6em;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.entry__titlebar_message {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.entry__message_body {
font-size: 14px;
line-height: 1.6em;
background-color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.entry__titlebar_work-info {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.entry__work-info_body {
font-size: 14px;
line-height: 1.6em;
background-color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.entry__work-info_title {
font-size: 16px;
line-height: 1.6em;
font-weight: bold;
color: #000000;
}
.entry__data {
margin-bottom: 10px;
font-size: 14px;
line-height: 1.4em;
}
.entry__data_address img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.entry__data_station img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.entry__data_tel img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.entry__data_person img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.entry__gmap {
width: 100%;
margin-bottom: 0px;
margin-top: 10px;
height: 360px;
border: 1px solid #ddd;
}
.entry__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
background-color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
}
.entry__button__submit {
flex-grow: 1;
}
.entry__button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.entry__button__submit a:hover , .entry__button__submit a:focus {
opacity:0.5;
}
.entry__conditions-notice {
margin-bottom: 10px;
}
.entry__conditions-notice_title {
font-size: 16px;
color: #FFFFFF;
background-color: #999999;
padding: 10px;
text-align: center;
}
.entry__conditions-notice_body {
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #999999;
border-left-color: #999999;
font-size: 14px;
line-height: 1.4em;
background-color: #FFFFFF;
}
.entry__conditions-notice_item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
}
.entry__conditions-notice_item-name {
padding: 5px;
flex-basis: 80px;
}
.entry__conditions-notice_item-text {
padding: 5px;
flex-shrink: 100;
flex-grow: 1;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #999;
}
/* rating */
.rating__container {
padding-top: 56px;
}
.rating__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.rating__pagetitle_input {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.rating__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.rating__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.rating__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
flex:1;
}
.rating__titlebar_job-info {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 10px;
}
.rating__listbox__item {
margin-bottom: 10px;
}
.rating__listbox__header {
display: flex;
align-items: center;
justify-content: flex-strat;
background-color: #F80;
border-radius:5px 5px 0px 0px;
}
.rating__listbox__deadline {
flex-grow: 1;
font-size: 16px;
color: #FFFFFF;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.rating__listbox__adoption-rate {
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.rating__listbox__adoption-rate p {
background-color: #FFF;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
border-radius: 3px;
text-align: center;
font-size: 14px;
color: #FF6600;
white-space: nowrap;
}
.rating__listbox__item__inner {
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
border-radius: 5px;
background-color: #FFFFFF;
border: 1px solid #996600;
}
.rating__list__data_salary {
display: flex;
align-items: center;
justify-content: center;
padding-top: 10px;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-bottom: 10px;
}
.rating__list__data_salary .text {
font-size: 16px;
line-height: 1.4em;
padding-right: 5px;
text-align: center;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}
.rating__list__data_salary .text span{
font-size: 12px;
font-weight: normal;
}
.rating__list__data_salary .salary{
font-family: 'Prata', sans-serif;
font-size: 48px;
font-weight: bold;
color: #555555;
text-align: center;
white-space: nowrap;
margin-top: 0px;
margin-bottom: 0px;
}
.rating__list__data_salary .salary span {
padding-right: 5px;
}
.rating__listbox__title {
font-size: 16px;
font-weight: bold;
line-height: 1.6em;
margin-top: 0px;
margin-bottom: 5px;
display: block;
text-align: left;
color: #000000;
}
.rating__listbox__title_mark {
border: 1px solid #999;
font-size: 13px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
line-height: 1.2em;
background-color: #FFFFFF;
display: inline-block;
margin-right: 5px;
border-radius: 3px;
}
.rating__listbox__item__box {
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.rating__list__article_photo {
padding-bottom: 5px;
}
.rating__list__article_photo img {
height: auto;
width: 92px;
}
.rating__list__body {
flex-grow: 1;
padding-left: 10px;
padding-bottom: 5px;
flex-shrink: 100;
line-height: 1.6em;
}
.rating__list__job-category {
background-color: #00CC00;
color: #FFFFFF;
border-radius: 5px;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
display: inline-block;
font-size: 13px;
line-height: 1.6em;
margin-bottom: 5px;
}
.rating__list__date {
color: #666666;
}
.rating__list__date img {
height: 17px;
width: 17px;
vertical-align: middle;
margin-right: 3px;
}
.rating__list__time {
color: #666666;
}
.rating__list__time img {
height: 17px;
width: 17px;
vertical-align: middle;
margin-right: 3px;
}
.rating__list__salary {
color: #666666;
}
.rating__list__salary img {
height: 17px;
width: 17px;
vertical-align: middle;
margin-right: 3px;
}
.rating__list__address {
color: #666666;
}
.rating__list__address img {
height: 17px;
width: 17px;
vertical-align: middle;
margin-right: 3px;
}
.rating__list__station {
color: #666666;
}
.rating__list__station img {
height: 17px;
width: 17px;
vertical-align: middle;
margin-right: 3px;
}
.rating__list__condition {
padding: 0px;
list-style-type: none;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 0px;
margin-right: 0px;
margin-bottom: -3px;
margin-left: 0px;
}
.rating__list__condition li{
padding-right: 2px;
padding-bottom: 2px;
}
.rating__list__condition li p {
padding-top: 3px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
font-size: 12px;
font-weight: normal;
display: block;
border-radius: 3px;
line-height: 1.2em;
background-color: #eee;
color: #666666;
margin-top: 0px;
margin-bottom: 0px;
}
.rating__chick {
width: 100%;
margin-bottom: 10px;
}
.rating__chick_input{
font-size: 18px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
padding-right: 0px;
padding-left: 44px;
background-repeat: no-repeat;
background-position: 12px 12px;
line-height: 1.6em;
background-size: 24px 24px;
}
.rating__chick_input input {
display: none;
}
.rating__titlebar_code {
background-color: #009900;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
margin-bottom: 10px;
}
.rating__cap {
font-size: 14px;
line-height: 1.4em;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}
.rating__code {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.rating__code_input {
display: inline-block;
font-size: 26px;
width: 160px;
letter-spacing: 0.6em;
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto !important;
margin-left: auto !important;
text-align: left;
padding-left: 20px;
}
.rating__titlebar_rating {
background-color: #009900;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
}
.rating__rating_body {
margin-right: -5px;
margin-left: -5px;
margin-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #009900;
background-color: #FFFFFF;
padding: 10px;
}
.rating__radio_list {
list-style-type: none;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
}
.rating__radio_list li {
margin-bottom: 2px;
}
.rating__radio_input {
padding-top: 8px;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 10px;
font-size: 16px;
}
.rating__radio_input img {
height: 20px;
width: 20px;
margin-right: 5px;
vertical-align: middle;
}
.rating__formbox__error {
background-color: #FFFFFF;
border: 1px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.rating__formbox__error_icon {
font-size: 16px;
color: #FF0000;
padding-right: 5px;
padding-top: 2px;
}
.rating__formbox__error_text {
font-size: 13px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
}
.rating__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.rating__formbox__item__inner {
padding-bottom: 10px;
}
.rating__form_label___comment {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.rating__form_input___comment {
}
.rating__elective {
font-size: 10px;
line-height: 1em;
background-color: #0066FF;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.rating__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.rating__button__return{
padding-right: 5px;
}
.rating__button__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.rating__button__return a:hover , .rating__button__return a:focus {
opacity:0.5;
}
.rating__button__submit {
padding-left: 5px;
flex-grow: 1;
}
.rating__button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.rating__button__submit a:hover , .rating__button__submit a:focus {
opacity:0.5;
}
.rating__comp_box__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.rating__comp_box__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
}
.rating__comp_box__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
}
.rating__comp_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius: 5px;
}
.rating__comp_box__item__inner {
padding: 10px;
}
.rating__comp_box__button-navi {
margin-top: 10px;
}
.rating__comp_box__button__close {
padding-right: 5px;
}
.rating__comp_box__button__close a{
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.rating__comp_box__button__close a:hover , .rating__comp_box__button__close a:focus {
opacity: 0.5;
}
.start__formbox__inner {
border: 1px solid #ddd;
background-color: #FFFFFF;
margin-bottom: 10px;
border-radius: 5px;
padding: 10px;
}
.start__titlebar_code {
background-color: #009900;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-bottom: 10px;
border-radius: 4px;
}
.start__cap {
font-size: 14px;
line-height: 1.6em;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}
.start__code {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.start__code_input {
display: inline-block;
font-size: 26px;
width: 160px;
letter-spacing: 0.6em;
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto !important;
margin-left: auto !important;
text-align: left;
padding-left: 20px;
}
.start__code_form_error__msg {
font-size: 13px;
color: #FF0000;
margin-top: 3px;
margin-bottom: 0px;
}
.start__code_form_error__msg:before {
content: "\f071";
font-family: FontAwesome;
padding-right: 3px;
}
.start__button__submit {
}
.start__button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.start__button__submit a:hover , .start__button__submit a:focus {
opacity:0.5;
}
/* shift */
.shift__container {
padding-top: 56px;
}
.shift__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.shift__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.shift__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.shift__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.shift__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.shift__attention {
background-color: #FFE8E8;
border: 1px solid #FF6600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.shift__attention_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.shift__attention_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.shift__titlebar_date {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.shift__date_body {
font-size: 14px;
line-height: 1.6em;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.shift__titlebar_bring {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.shift__bring_body {
font-size: 14px;
line-height: 1.6em;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.shift__titlebar_message {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.shift__message_body {
font-size: 14px;
line-height: 1.6em;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.shift__titlebar_work-info {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.shift__work-info_body {
font-size: 14px;
line-height: 1.6em;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.shift__work-info_title {
font-size: 16px;
line-height: 1.6em;
font-weight: bold;
color: #000000;
margin-bottom: 5px;
}
.shift__data {
font-size: 14px;
line-height: 1.4em;
color: #666666;
}
.shift__data_address img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.shift__data_station img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.shift__data_tel img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.shift__data_person img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.shift__gmap {
width: 100%;
margin-bottom: 0px;
margin-top: 10px;
height: 360px;
border: 1px solid #ddd;
}
.shift__databox {
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
display: block;
border: 1px solid #DDD;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
margin-top: 10px;
}
.shift__lr{
display:flex;
}
.shift__lr .shift__lr_img {
margin-right: 8px;
padding-top: 5px;
}
.shift__lr .shift__lr_img img {
height: 40px;
width: 40px;
}
.shift__lr .shift__lr_data {
flex:1;
}
.shift__maincopy {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
color: #333333;
line-height: 1.6em;
}
.shift__title_mark {
border: 1px solid #999;
font-size: 13px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
line-height: 1.2em;
background-color: #FFFFFF;
display: inline-block;
margin-right: 5px;
border-radius: 3px;
color: #333333;
}
.shift__data_code {
color: #999999;
font-weight: bold;
font-size: 13px;
}
.shift__job_category {
background-color: #00CC00;
color: #FFFFFF;
border-radius: 5px;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
display: inline-block;
font-size: 13px;
line-height: 1.6em;
margin-bottom: 5px;
}
.shift__data {
margin-bottom: 10px;
font-size: 14px;
line-height: 1.4em;
}
.shift__data_salary img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.shift__data_address img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.shift__data_station img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.shift__data_time img {
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 3px;
}
.shift__titlebar_conditions {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.shift__conditions_body {
font-size: 14px;
line-height: 1.6em;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.shift__conditions_list{
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.shift__conditions_list_item{
background-color: #fff;
border-radius: 5px;
font-size: 13px;
line-height: 1.3em;
display: block;
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid #CCC;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
color: #666666;
}
.shift__photo_body {
font-size: 14px;
line-height: 1.6em;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.shift__titlebar_photo {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.shift__photo {
}
.shift__button-navi {
margin-top: 10px;
background-color: #FFFFFF;
padding: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
}
.shift__button__submit {
padding-left: 5px;
flex-grow: 1;
}
.shift__button__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.shift__button__submit a:hover , .shift__button__submit a:focus {
opacity:0.5;
}
.shift__photobox {
min-width: 240px;
max-width: 420px;
width: 80%;
margin-right: auto;
margin-left: auto;
border: 1px solid #ddd;
padding: 5px;
background-color: #FFFFFF;
}
.shift__photo {
height: auto;
width: 100%;
vertical-align: bottom;
}
.shift__conditions-notice {
margin: 10px;
}
.shift__conditions-notice_title {
font-size: 16px;
color: #FFFFFF;
background-color: #999999;
padding: 10px;
text-align: center;
}
.shift__conditions-notice_body {
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #999999;
border-left-color: #999999;
font-size: 14px;
line-height: 1.4em;
background-color: #FFFFFF;
}
.shift__conditions-notice_item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
}
.shift__conditions-notice_item-name {
padding: 5px;
flex-basis: 80px;
}
.shift__conditions-notice_item-text {
padding: 5px;
flex-shrink: 100;
flex-grow: 1;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #999;
}
.shift__deadline_red {
background-color: #FF0000;
color: #FFFFFF;
border-radius: 5px;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
font-size: 14px;
line-height: 1.4em;
text-align: left;
margin-bottom: 5px;
}
.shift__deadline_blue {
background-color: #0066FF;
color: #FFFFFF;
border-radius: 5px;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
font-size: 14px;
line-height: 1.4em;
text-align: left;
margin-bottom: 5px;
}
.shift__deadline_green {
background-color: #009900;
color: #FFFFFF;
border-radius: 5px;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
font-size: 14px;
line-height: 1.4em;
text-align: left;
margin-bottom: 5px;
}
.shift__deadline_orange {
background-color: #FF6600;
color: #FFFFFF;
border-radius: 5px;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
font-size: 14px;
line-height: 1.4em;
text-align: left;
margin-bottom: 5px;
}
.shift__now {
background-color: #f5f5f5;
color: #333333;
border-radius: 5px;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
font-size: 14px;
line-height: 1.4em;
text-align: left;
margin-bottom: 5px;
border: 1px solid #999999;
}
.shift__contact {
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
}
.shift__contact_tel {
flex-grow: 1;
border: 2px solid #FF6600;
text-align: center;
border-radius: 3px;
padding: 2px;
background-color: #FFFFFF;
}
.shift__contact_tel_text {
margin-top: 0px;
margin-bottom: 3px;
font-size: 12px;
color: #FFFFFF;
background-color: #FF6600;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 2px;
}
.shift__contact_tel_body {
margin-top: 0px;
margin-bottom: 0px;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: bold;
color: #333333;
padding-top: 2px;
}
.shift__contact_tel_body img {
height: 24px;
width: 24px;
margin-right: 3px;
}
.shift__contact_center {
width: 5px;
}
.shift__contact_person {
flex-grow: 1;
border: 2px solid #FF6600;
text-align: center;
border-radius: 3px;
padding: 2px;
background-color: #FFFFFF;
}
.shift__contact_person_text {
margin-top: 0px;
margin-bottom: 3px;
font-size: 12px;
color: #FFFFFF;
background-color: #FF6600;
padding-top: 2px;
padding-bottom: 2px;
border-radius:2px;
}
.shift__contact_person_body {
margin-top: 0px;
margin-bottom: 0px;
font-size: 16px;
color: #333333;
font-weight: bold;
}
.shift__contact_person_body img {
height: 24px;
width: 24px;
margin-right: 3px;
}
/* edit_password */
.edit_password__container {
padding-top: 56px;
}
.edit_password__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.edit_password__pagetitle_setting {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.edit_password__pagetitle_change {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.edit_password__pagetitle_thanks {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.edit_password__formbox__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.edit_password__formbox__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.edit_password__formbox__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.edit_password__formbox {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 10px;
}
.edit_password__formbox__inner {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.edit_password__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.edit_password__form_tips {
color: #FFF;
background-color: #F90;
border-radius: 4px;
font-size: 13px;
margin-bottom: 10px;
padding: 5px;
}
.edit_password__formbox__item__inner {
padding-bottom: 10px;
}
.edit_password__form_error__msg {
font-size: 13px;
color: #FF0000;
margin-top: 3px;
margin-bottom: 0px;
}
.edit_password__form_error__msg:before {
content: "\f071";
font-family: FontAwesome;
padding-right: 3px;
}
.edit_password__formbox__error {
background-color: #FFFFFF;
border: 1px solid #FF3300;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
margin-top: 10px;
}
.edit_password__formbox__error_icon {
font-size: 16px;
color: #FF0000;
padding-right: 5px;
padding-top: 2px;
}
.edit_password__formbox__error_text {
font-size: 13px;
color: #F00;
padding-top: 2px;
text-align: left;
font-weight: bold;
}
.edit_password__require {
font-size: 10px;
line-height: 1em;
background-color: #FF0000;
padding-top: 1px;
padding-right: 4px;
padding-bottom: 1px;
padding-left: 4px;
color: #FFFFFF;
border-radius: 3px;
margin-left: 3px;
font-weight: normal;
vertical-align: middle;
}
.edit_password__form_label___name {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.edit_password__setting_header {
background-color: #996600;
border:none;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.edit_password__setting_title {
width: 16px;
font-weight: normal;
color: #FFFFFF;
flex-grow: 1;
}
.edit_password__setting_box___close {
font-size: 20px;
cursor: pointer;
color: #DDD;
display: block;
}
.edit_password__setting_box___close:hover , .edit_password__setting_box___close:focus {
opacity:0.5;
}
.edit_password__setting_box {
background-color: #FFF;
border: none;
border-radius: 0px 0px 5px 5px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
padding: 10px;
}
.edit_password__setting_box__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.edit_password__setting_box__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.edit_password__setting_box__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.edit_password__setting_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius:0px 0px 5px 5px;
}
.edit_password__setting_box__item__inner {
padding: 10px;
}
.edit_password__setting__formbox__item {
padding-top: 10px;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
}
.edit_password__form_label___password {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.edit_password__form_label___password-first {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.edit_password__form_label___password-second {
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 5px;
}
.edit_password__form_setting__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.edit_password__form_setting__return {
padding-right: 5px;
}
.edit_password__form_setting__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.edit_password__form_setting__return a:hover , .inquiry__form_setting__return a:focus {
opacity:0.5;
}
.edit_password__form_setting__submit {
padding-left: 5px;
flex-grow: 1;
}
.edit_password__form_setting__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.edit_password__form_setting__submit a:hover , .edit_password__form_setting__submit a:focus {
opacity:0.5;
}
.edit_password__form_change__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.edit_password__form_change__return {
padding-right: 5px;
}
.edit_password__form_change__return a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #666666;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.edit_password__form_change__return a:hover , .inquiry__form_setting__return a:focus {
opacity:0.5;
}
.edit_password__form_change__submit {
padding-left: 5px;
flex-grow: 1;
}
.edit_password__form_change__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.edit_password__form_change__submit a:hover , .edit_password__form_change__submit a:focus {
opacity:0.5;
}
.edit_password__formbox__comp {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: center;
justify-content: flex-start;
line-height: 1.2px;
margin-bottom: 10px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.edit_password__formbox__comp_icon {
font-size: 20px;
color: #0066FF;
padding-right: 5px;
padding-top: 2px;
}
.edit_password__formbox__comp_text {
font-size: 15px;
color: #06F;
padding-top: 2px;
text-align: left;
font-weight: bold;
flex-shrink: 100;
}
.edit_password__form_thanks__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.edit_password__form_thanks__submit {
flex-grow: 1;
}
.edit_password__form_thanks__submit a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.edit_password__form_thanks__submit a:hover , .edit_password__form_thanks__submit a:focus {
opacity:0.5;
}
.edit_password__comp_box {
background-color: #FFF;
border: none;
border-radius: 5px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.edit_password__comp_box__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
}
.edit_password__comp_box__notice_icon {
font-size: 18px;
color: #009900;
padding-right: 5px;
}
.edit_password__comp_box__notice_text {
font-size: 15px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.edit_password__comp_box__item {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius: 5px;
}
.edit_password__comp_box__item__inner {
padding: 10px;
}
.edit_password__comp_box__button-navi {
display: flex;
align-items: flex-start;
margin-top: 10px;
}
.edit_password__comp_form_button__close {
flex-grow: 1;
}
.edit_password__comp_form_button__close a{
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.edit_password__comp_form_button__close a:hover , .edit_password__comp_form_button__close a:focus {
opacity: 0.5;
}
.edit_password__form_caption {
font-size: 12px;
line-height: 1.3em;
color: #666666;
padding-top: 3px;
margin-top: 0px;
padding-bottom: 3px;
margin-bottom: 0px;
}
/* docs */
.docs__container {
padding-top: 56px;
}
.docs__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.docs__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
}
.docs__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
padding-top: 2px;
}
.docs__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.docs__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.docs__titlebar_large {
background-color: #F60;
margin-right: -5px;
margin-left: -5px;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
padding: 10px;
}
.docs__titlebar_small {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.docs__index_list {
padding: 0px;
list-style-type: none;
margin-top: 0px;
margin-right: -5px;
margin-bottom: 0px;
margin-left: -5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #996600;
}
.docs__index_list li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.docs__index_list_link {
display: block;
font-size: 16px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
display: flex;
align-items: start;
justify-content: flex-start;
color: #333333;
background-color: #FFFFFF;
}
.docs__index_list_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.docs__index_list_link:hover , .docs__index_list_link:focus {
opacity: 0.5;
background-color: #F1F1F1;
}
.docs__faq_list {
padding: 0px;
list-style-type: none;
margin-top: 0px;
margin-right: -5px;
margin-bottom: 0px;
margin-left: -5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #996600;
}
.docs__faq_list li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.docs__faq_list_link {
display: block;
font-size: 16px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
display: flex;
align-items: start;
justify-content: flex-start;
color: #333333;
background-color: #FFFFFF;
}
.docs__faq_list_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.docs__faq_list_link:hover , .docs__faq_list_link:focus {
opacity: 0.5;
background-color: #F1F1F1;
}
.docs__text {
font-size: 14px;
line-height: 1.6em;
padding: 10px;
margin-right: -5px;
margin-left: -5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.docs__list_flex {
display: flex;
align-items: start;
justify-content: flex-start;
margin-left: 10px;
}
.docs__list_flex .text {
flex-grow: 1;
padding-left: 5px;
}
.docs__signature {
display: flex;
align-items: center;
justify-content: flex-end;
}
.docs__list_circle {
font-size: 14px;
line-height: 1.6em;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
list-style-type: circle;
padding-left: 30px;
}
.docs__databox {
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
display: block;
margin-bottom: 10px;
border: 1px solid #DDD;
padding-top: 10px;
}
.docs__data_top {
display: flex;
align-items: flex-start;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddd;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.docs__data {
display: flex;
align-items: flex-start;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddd;
padding: 10px;
}
.docs__data_bottom {
display: flex;
padding: 10px;
}
.docs__data_name {
font-size: 14px;
line-height: 1.6em;
font-weight: bold;
white-space: nowrap;
padding-right: 10px;
flex-basis: 70px;
}
.docs__data_text {
font-size: 14px;
line-height: 1.6em;
flex-grow: 1;
flex-shrink: 100;
}
.docs__titlebar_faq_question {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
margin-top: 20px;
margin-bottom: 10px;
}
.docs__titlebar_faq_answer {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
margin-top: 20px;
margin-bottom: 10px;
}
.docs__titlebar_faq_img {
position: absolute;
left: 0px;
top: -10px;
}
.docs__titlebar_faq_img img {
height: 40px;
width: 40px;
}
.docs__titlebar_faq_text {
flex-grow: 1;
font-size: 16px;
font-weight: bold;
padding-right: 10px;
padding-left: 40px;
}
.docs__faq_question_text {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
font-size: 16px;
line-height: 1.8em;
font-weight: bold;
}
.docs__faq_answer_text {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
font-size: 14px;
line-height: 1.6em;
margin-bottom: 10px;
}
.docs__faq_answer_text p {
margin-top: 0px;
margin-bottom: 10px;
}
.docs__faq_answer_text hr {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top: 1px solid #ccc;
}
.docs__faq_answer_stitle {
font-size: 19px;
margin-bottom: 10px;
margin-top: 0px;
padding-top: 5px;
}
.docs__faq_answer_sstitle {
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 12px;
}
.docs__faq_answer_cap {
color: #666666;
}
.docs__faq_answer_table {
margin-bottom: 10px;
}
.docs__faq_answer_table table {
border-top-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #666666;
border-left-color: #666666;
border-spacing: 0px;
}
.docs__faq_answer_table table td {
border-right-width: 2px;
border-bottom-width: 2px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #666666;
border-bottom-color: #666666;
border-spacing: 0px;
text-align: center;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 3px;
padding-left: 8px;
font-size: 16px;
}
.docs__faq_answer_table table .td-bottom td {
border-right-style: dotted;
}
.docs__faq_answer_table table .td-bottom td:last-child {
border-right-style: solid;
}
.docs__faq_answer_table table .td-blue {
background-color: #95BFFF;
}
.docs__faq_answer_table table .td-sky {
background-color: #CCFFFF;
}
.docs__faq_answer_table table .td-red {
background-color: #FFA2A2;
}
.docs__faq_answer_table table .td-green {
background-color: #A6FFA6;
}
.docs__faq_answer_table table .td-gray {
background-color: #E3E3E3;
}
.docs__back_button {
margin-bottom: 10px;
}
.docs__back_button a {
background-color: #FFFFFF;
border: 2px solid #009900;
display: inline-block;
margin-bottom: 0;
font-size: 14px;
text-align: left;
white-space: nowrap;
vertical-align: middle;
background-image: none;
border-radius: 16px;
color: #009900;
text-decoration: none;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
}
.docs__back_button a:hover , .docs__back_button a:focus {
opacity: 0.5;
}
.docs__gps_setting_title {
background-color: #fff;
border: 1px solid #DDD;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
font-size: 16px;
line-height: 1.8em;
font-weight: bold;
margin-bottom: 10px;
}
.docs__gps_setting_procedure {
margin-bottom: 10px;
}
.docs__gps_setting_procedure_tilte {
background-color: #09F;
color: #FFF;
font-size: 16px;
line-height: 1.6em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
text-align: center;
border-radius: 4px 4px 0px 0px;
}
.docs__gps_setting_procedure_body {
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 0px 0px 4px 4px;
padding: 10px;
}
.docs__gps_setting_procedure_body ol {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 20px;
font-size: 14px;
line-height: 1.4em;
padding: 0px;
list-style-position: outside;
}
.docs__gps_setting_procedure_body ol li {
margin-bottom: 5px;
}
.docs__gps_setting_procedure_img {
width: 100%;
max-width: 375px;
margin-right: auto;
margin-left: auto;
vertical-align: bottom;
border: 1px solid #CCCCCC;
}
.docs__gps_setting_procedure__close {
margin-bottom: 10px;
}
.docs__gps_setting_procedure__close a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.docs__gps_setting_procedure__close a:hover , .docs__gps_setting_procedure__close a:focus {
opacity:0.5;
}
/* guide */
.guide__container {
padding-top: 56px;
}
.guide__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.guide__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.guide__index_list {
padding: 0px;
list-style-type: none;
margin-top: 0px;
margin-right: -5px;
margin-bottom: 0px;
margin-left: -5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #996600;
}
.guide__index_list li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.guide__index_list_link {
display: block;
font-size: 16px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
display: flex;
align-items: start;
justify-content: flex-start;
color: #333333;
background-color: #FFFFFF;
}
.guide__index_list_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.guide__index_list_link:hover , .guide__index_list_link:focus {
opacity: 0.5;
background-color: #F1F1F1;
}
.guide__titlebar_large{
background-color: #FF6600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.guide__textbox_top {
padding: 10px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
margin-bottom: 10px;
}
.guide__textbox {
padding: 10px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
}
.guide__text {
font-size: 14px;
line-height: 1.6em;
}
.guide__titlebar_small {
background-color: #996600;
font-weight: bold;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
color: #FFFFFF;
margin-right: -5px;
margin-left: -5px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.guide__arrow_under {
text-align: center;
}
.guide__howto_list_box {
margin-bottom: 10px;
}
.guide__howto_list {
padding: 0px;
list-style-type: none;
margin-top: 0px;
margin-right: -5px;
margin-bottom: 0px;
margin-left: -5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #996600;
}
.guide__howto_list li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
.guide__howto_list_link {
display: block;
font-size: 16px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
display: flex;
align-items: start;
justify-content: flex-start;
color: #333333;
background-color: #FFFFFF;
}
.guide__howto_list_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.guide__howto_list_link:hover , .guide__howto_list_link:focus {
opacity: 0.5;
background-color: #F1F1F1;
}
.guide__textbox_bnone {
font-size: 14px;
line-height: 1.6em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
background-color: #FFFFFF;
padding: 10px;
margin-right: -5px;
margin-left: -5px;
}
.guide__back_button {
margin-bottom: 10px;
}
.guide__back_button a {
background-color: #00CC00;
border: 1px solid #009900;
display: inline-block;
margin-bottom: 0;
font-size: 14px;
text-align: left;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 12px;
}
.guide__back_button a:hover , .guide__back_button a:focus {
opacity: 0.5;
}
/*info*/
.info__list__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.info__list__notice {
background-color: #F3FFE8;
border: 1px solid #00CC00;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
padding: 10px;
text-align: center;
display: flex;
align-items: flex-strat;
justify-content: flex-start;
margin-bottom: 10px;
margin-top: 10px;
}
.info__list__notice_icon {
font-size: 16px;
color: #009900;
padding-right: 5px;
}
.info__list__notice_text {
font-size: 13px;
color: #333;
padding-top: 2px;
text-align: left;
flex-shrink: 100;
}
.info__list {
margin-bottom: 10px;
}
.info__list__inner {
margin-right: -5px;
margin-left: -5px;
}
.info__list__title_bar {
background-color: #996600;
font-weight: bold;
padding: 10px;
color: #FFFFFF;
}
.info__list__item {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.info__list__item li {
}
.info__list__item_inner {
box-shadow: 0px 0px 4px 1px #d1d1d1;
background-color: #FFFFFF;
border-radius: 5px;
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.info__list__item_link {
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
}
.info__list__item_link:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.info__list__item_link:hover , .info__list__item_link:focus {
opacity: 0.5;
background-color: #F1F1F1;
}
.info__list__item_header {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 5px;
flex-wrap: wrap;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D1D1D1;
padding-bottom: 5px;
}
.info__list__title {
font-size: 15px;
flex-basis: 100%;
line-height: 1.5em;
}
.info__list__title a {
text-decoration: none;
}
.info__list__title a:hover , .info__list__title a:focus {
text-decoration: underline;
}
.info__list__date {
font-size: 13px;
color: #666666;
line-height: 1.3em;
}
.info__list__text {
font-size: 13px;
color: #666666;
line-height: 1.4em;
}
.info__list__icon_new {
font-size: 10px;
line-height: 1em;
color: #FFFFFF;
background-color: #996600;
padding-right: 3px;
padding-left: 3px;
border-radius: 2px;
margin-left: 3px;
}
.info__list__icon_important {
font-size: 10px;
color: #FFFFFF;
padding-right: 3px;
padding-left: 3px;
border-radius: 2px;
margin-left: 3px;
background-color: #FF0000;
line-height: 1em;
}
.info__list__pagination {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.info__list__pagination_button_back {
}
.info__list__pagination_button_back a{
background-color: #FFFFFF;
border: 2px solid #009900;
display: inline-block;
margin-bottom: 0;
font-size: 14px;
text-align: left;
white-space: nowrap;
vertical-align: middle;
background-image: none;
border-radius: 16px 0px 0px 16px;
color: #009900;
text-decoration: none;
padding-top: 6px;
padding-right: 8px;
padding-bottom: 6px;
padding-left: 12px;
}
.info__list__pagination_button_back:hover , .info__list__pagination_button_back:focus {
opacity: 0.5;
}
.info__list__pagination_button_center {
flex-grow: 1;
text-align: center;
}
.info__list__pagination_page {
margin-top: 0px;
margin-bottom: 3px;
font-weight: bold;
font-size: 14px;
line-height: 1.4em;
}
.info__list__pagination_number {
font-size: 12px;
color: #666666;
margin-top: 0px;
margin-bottom: 0px;
}
.info__list__pagination_button_next {
}
.info__list__pagination_button_next a{
background-color: #FFFFFF;
border: 2px solid #009900;
display: inline-block;
margin-bottom: 0;
font-size: 14px;
text-align: left;
white-space: nowrap;
vertical-align: middle;
background-image: none;
border-radius: 0px 16px 16px 0px;
color: #009900;
text-decoration: none;
padding-top: 6px;
padding-right: 12px;
padding-bottom: 6px;
padding-left: 8px;
}
.info__list__pagination_button_next:hover , .info__list__pagination_button_next:focus {
opacity: 0.5;
}
.info__list__see-more_box {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
margin-bottom: 10px;
}
.info__list__see-more_button {
flex-grow: 1;
}
.info__list__see-more_button a {
background-color: #FF6600;
border: 1px solid #FF3300;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.info__list__see-more_button a:hover , .info__list__see-more_button a:focus {
opacity:0.5;
}
.info__detail__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.info__detail {
margin-bottom: 10px;
}
.info__detail__inner {
box-shadow: 0px 0px 4px 1px #d1d1d1;
background-color: #FFFFFF;
border-radius: 5px;
display: block;
font-size: 14px;
line-height: 1.4em;
text-decoration: none;
position: relative;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
padding: 10px;
}
.info__detail__item_header {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 5px;
flex-wrap: wrap;
}
.info__detail__date {
font-size: 14px;
line-height: 1.4em;
}
.info__detail__icon_new {
font-size: 11px;
line-height: 1em;
color: #FFFFFF;
background-color: #996600;
padding-right: 4px;
padding-left: 4px;
border-radius: 2px;
margin-left: 3px;
padding-top: 2px;
padding-bottom: 2px;
}
.info__detail__icon_important {
font-size: 11px;
color: #FFFFFF;
padding-right: 4px;
padding-left: 4px;
border-radius: 2px;
margin-left: 3px;
background-color: #FF0000;
line-height: 1em;
padding-top: 2px;
padding-bottom: 2px;
}
.info__detail__title {
font-size: 16px;
line-height: 1.6em;
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D1D1D1;
margin-top: 5px;
}
.info__detail__text {
font-size: 14px;
line-height: 1.4em;
padding-top: 10px;
}
/* message */
.message__container {
padding-top: 56px;
}
.message__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.message__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
}
.message__detail_comment {}
.message__detail_comment_header {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.message__detail_comment_header p {
margin: 0px;
}
.message__detail_comment_title {
font-size: 20px;
font-weight: bold;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #996600;
padding-left: 5px;
}
.message__detail_comment_button_blue {
flex-grow: 1;
text-align: right;
}
.message__detail_comment_button_blue a {
background-color: #009900;
border: 1px solid #006600;
display: inline-block;
margin-bottom: 0;
font-size: 14px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.message__detail_comment_button_blue a:hover , .message__detail_comment_button_blue a:focus {
opacity:0.5;
}
.message__detail_comment_ope {
display: flex;
align-items: end;
justify-content: flex-start;
margin-bottom: 10px;
}
.message__detail_comment_ope_photo {
height: 30px;
width: 30px;
border-radius: 50%;
border: 1px solid #CCCCCC;
margin-right: 3px;
margin-top: 13px;
}
.message__detail_comment_ope_photo img {
height: 30px;
width: 30px;
border-radius:50%;
}
.message__detail_comment_ope_text {
flex-basis: 70%;
}
.message__detail_comment_ope_text p {
font-size: 13px;
line-height: 1.4em;
font-weight: normal;
color: #333333;
background-color: #EEE;
border-radius: 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
margin-left: 15px;
}
.message__detail_comment_ope_text p:after {
content: "";
background-image: url(../svg/balloon-gray-left.svg);
background-repeat: no-repeat;
position: absolute;
left: -15px;
bottom: 0px;
height: 20px;
width: 25px;
background-size: 25px 20px ;
}
.message__detail_comment_client {
display: flex;
flex-direction: row-reverse;
align-items: end;
justify-content: flex-start;
margin-bottom: 10px;
}
.message__detail_comment_client_text {
flex-basis: 80%;
}
.message__detail_comment_client_text p {
font-size: 13px;
line-height: 1.4em;
font-weight: normal;
color: #FFFFFF;
background-color: #996600;
border-radius: 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
margin-right: 15px;
}
.message__detail_comment_client_text p:after {
content: "";
background-image: url(../svg/balloon-orange-right.svg);
background-repeat: no-repeat;
position: absolute;
right: -15px;
bottom: 0px;
height: 20px;
width: 25px;
background-size: 25px 20px ;
}
.message__detail_comment_ope_date {
font-size: 12px;
color: #999999;
text-align: center;
margin-bottom: 3px;
display: block;
}
.message__detail_comment_ope_date span{
padding-right: 8px;
}
.message__detail_comment_box {
margin-bottom: 10px;
background-color: #FFFFFF;
border: 1px solid #996600;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
margin-bottom: 15px;
padding: 10px;
}
.message__detail_comment_box p {
margin-top: 0px;
margin-bottom: 0px;
}
.message__detail_comment_box_text {
line-height: 1.6em;
}
.message__detail_comment_box_data {
margin-top: 5px;
font-size: 14px;
}
.message__detail_comment_box_data img {
vertical-align: middle;
padding-right: 3px;
}
.message__detail_comment_box_data span {
padding-left: 10px;
}
.message__status_bar {
background-color: #996600;
margin-right: -5px;
margin-left: -5px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 10px;
}
.message__status_bar_title {
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
color: #FFF;
padding-right: 10px;
}
.message__status_bar_switch {
flex-grow: 1;
text-align: right;
}
.message__status_bar_switch_all {
display: inline-block;
}
.message__status_bar_switch_inprogress {
display: inline-block;
}
.message__status_inprogress {
display: block;
text-decoration: none !important;
margin-bottom: 10px;
}
.message__status_inprogress:hover , .message__status_inprogress:focus {
opacity: 0.5;
}
.message__status_inprogress_header {
background-color: #996600;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 5px;
border-radius: 4px 4px 0px 0px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.message__status_inprogress_header_state {
margin-top: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 3px;
padding-left: 8px;
border-radius: 3px;
font-size: 14px;
font-weight: bold;
color: #333333;
}
.message__status_inprogress_header_code {
margin-top: 0px;
margin-bottom: 0px;
font-size: 12px;
text-align: right;
color: #FFFFFF;
flex-grow : 1;
}
.message__status_inprogress_body {
background-color: #FFF5E8;
border: 1px solid #996600;
line-height: 1.6em;
border-radius: 0px 0px 4px 4px;
color: #333333;
text-decoration: none;
position: relative;
padding-top: 8px;
padding-right: 20px;
padding-bottom: 8px;
padding-left: 8px;
}
.message__status_inprogress_body:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 18px;
transform: translate(-50%, -50%);
color: #333;
}
.message__status_inprogress_type {
margin-top: 0px;
margin-bottom: 0px;
}
.message__status_inprogress_name {
font-size: 14px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
color: #666666;
}
.message__status_inprogress_job {
font-size: 15px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}
.message__status_inprogress_code {
font-size: 13px;
color: #666666;
margin-top: 0px;
margin-bottom: 0px;
}
.message__status_inprogress_date {
font-size: 13px;
color: #666666;
margin-top: 0px;
margin-bottom: 0px;
}
.message__status_inprogress_time {
font-size: 13px;
color: #666666;
margin-top: 0px;
margin-bottom: 0px;
}
.message__status_inprogress_bottom {
font-size: 12px;
color: #999999;
text-align: left;
margin-top: 2px;
margin-bottom: 0px;
}
.message__modal_box__header {
background-color: #996600;
border: none;
border-radius: 5px 5px 0px 0px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.message__modal_box__title {
width: 16px;
font-weight: normal;
color: #FFFFFF;
flex-grow: 1;
}
.message__modal_box___close {
font-size: 18px;
line-height: 1;
cursor: pointer;
color: #DDD;
display: block;
}
.message__modal_box___close:hover , .message__modal_box___close:focus {
opacity:0.5;
}
.message__modal_box__button__close_comment {
padding-right: 5px;
}
.message__modal_box__button__close_comment a{
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.message__modal_box__button__close_comment a:hover , .message__modal_box__button__close_comment a:focus {
opacity:0.5;
}
.message__modal_box__button__submit_comment {
flex-grow: 1;
}
.message__modal_box__button__submit_comment a {
background-color: #009900;
border: 1px solid #006600;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #FFFFFF;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.message__modal_box__button__submit_comment a:hover , .message__modal_box__button__submit_comment a:focus {
opacity:0.5;
}
.message__modal_box__item_hunder {
background-color: #fff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DDD;
border-radius: 0px 0px 5px 5px;
}
.message__modal_box__item__inner {
padding: 10px;
}
.message__modal_box__button-navi {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 10px;
}
.message__modal_box__button__close {
flex-grow:1;
}
.message__modal_box__button__close a {
background-color: #CCCCCC;
border: 1px solid #999999;
display: block;
margin-bottom: 0;
font-size: 16px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border-radius: 4px;
color: #666666;
text-decoration: none;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}
.message__form_tips {
color: #FFF;
background-color: #09F;
border-radius: 4px;
font-size: 13px;
margin-bottom: 10px;
padding: 5px;
}
/* error */
.error__container {
padding-top: 56px;
}
.error__container__inner {
padding-right: 5px;
padding-left: 5px;
}
.error__pagetitle {
font-size: 18px;
font-weight: bold;
background-color: #FFFFFF;
padding-bottom: 10px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
margin-right: -5px;
margin-left: -5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: -56px;
padding-top: 56px;
}
.error__body {
padding-right: 5px;
padding-left: 5px;
}
.error__main_text {
font-size: 16px;
line-height: 1.6em;
text-align: center;
font-weight: bold;
margin-top: 0px;
margin-bottom: 10px;
color: #666666;
}
.error__main_img {
text-align: center;
margin-bottom: 10px;
}
.error__sub_text {
font-size: 13px;
line-height: 1.4em;
text-align: left;
width: 90%;
max-width: 500px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
.error__date_text {
font-size: 13px;
line-height: 1.4em;
text-align: center;
margin-bottom: 15px;
}
.error__date_text p {
font-weight: bold;
margin-top: 0px;
margin-bottom: 4px;
}
.error__gotop {
flex-grow: 1;
}
.error__gotop a {
background-color: #009900;
border: 1px solid #006600;
display: block;
font-size: 18px;
line-height: 1.4em;
border-radius: 6px;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
color: #FFFFFF;
width: 100%;
text-decoration: none;
box-sizing: border-box;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 10px;
padding-left: 16px;
}
.error__gotop a:hover , .error__gotop a:focus {
opacity:0.5;
}
.preview_photo_image{
margin: 0 auto;
width: 300px;
margin-top: 15px;
}
/* button-color */
.button-gray {
background-color: #CCCCCC !important;
border: 1px solid #999999 !important;
color: #666666 !important;
}
@media (max-width: 540px) {
.job_title_pc { display:none; }
.job_title_sp { display:inline-block; }
}
@media (min-width: 541px) {
.job_title_sp { display:none; }
.job_title_pc { display:inline-block; }
}
/*.jcrop-holder {
margin-top: 10px !important;
margin-right: auto !important;
margin-left: auto !important;
width: 100% !important;
}
.jcrop-holder img {
height: auto !important;
width: 100% !important;
}*/
.adopters_count {
background-color: #FF0000;
height: 20px;
width: 22px;
border: 2px solid #FFFFFF;
border-radius: 50%;
display: inline-block;
text-align: center;
font-size: 14px;
margin-left: 5px;
line-height: 1.3em;
padding-top: 2px;
}
/* 20230301 */
.swiper-container {
background-color: #996600;
}
.swiper-container .swiper-pagination {
background-color: #FFFFFF;
padding-bottom: 5px;
bottom: 0px;
}
.article_search__nlistbox__salary {
font-size: 34px;
display: flex;
align-items: center;
justify-content: flex-end;
font-family: 'Inter Tight', sans-serif;
}
.article_search__nlistbox__salary span {
font-size: 30px;
padding-top: 2px;
padding-right: 2px;
}
.article_search__nlistbox__station {
display: none;
}
.article_search__nlistbox__item__box {
align-items:flex-start;
}
.article_search__job_calendar .swiper-slide {
border-bottom-width: 3px;
}
.article_search__job_calendar .swiper-slide .day {
font-size: 14px;
}
.article_search__job_calendar .swiper-slide .dw {
font-size: 10px;
margin-left: 1px;
}
.article_search__job_calendar .swiper-slide .day span {
font-size: 10px;
margin-left: 1px;
}
.article_search__job_calendar .swiper-slide .year-months li:first-child {
display: none;
}
.article_search__nlistbox__photo img {
width: 60px;
}
.article_search__nlistbox__condition li p {
font-size: 11px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 6px;
}
.article_detail__data_salary .salary {
font-size: 48px;
font-family: 'Inter Tight', sans-serif;
}
.article_detail__data_salary .salary span {
font-size: 44px;
}
.profile__form_bank_select {
border: 1px solid #ccc;
list-style: none;
padding:0px;
margin-bottom: 0px;
margin-top:5px;
}
.profile__form_bank_select li {
border-bottom: solid 1px #ccc;
}
.profile__form_bank_select li:last-child {
border:none;
}
.profile__form_bank_select li a {
display: block;
color:#333333;
padding:10px;
text-decoration: none;
position: relative;
}
.profile__form_bank_select li a:after {
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: -5px;
font-size: 16px;
transform: translate(-50%, -50%);
color: #F30;
margin-right: 5px;
}
.profile__form_bank_select li a:hover , .profile__form_bank_select li a:focus {
background-color: #FFD775;
}
.profile__form_bank_select_head {
font-size: 13px;
color:#333333;
padding:10px;
text-align:center;
background-color: #EEEEEE;
}
.profile__form_bank_select_none {
font-size: 14px;
color:#333333;
padding:10px;
text-align:center;
font-weight: 600;
}
/* 20240109 */
.article_search__job_list_control {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.article_search__job_list_control-left {
}
.article_search__job_list_control-right {
}
.article_search__job_list_control-pagination {
display: flex;
justify-content:center;
align-items: center;
}
.article_search__job_list_control-pagination .pagination-left {
display: block;
color: #663300;
font-size: 14px;
font-weight: 600;
padding:5px;
padding-left:10px;
padding-right:10px;
border: 1px solid #663300;
border-radius: 5px;
text-decoration: none;
margin-left:5px;
margin-right:5px;
display: flex;
justify-content:center;
align-items: center;
background-color: #FFFFFF;
}
.article_search__job_list_control-pagination .pagination-left:before {
content: "\f053";
font-family: FontAwesome;
margin-right:5px;
}
.article_search__job_list_control-pagination .pagination-left:hover , .article_search__job_list_control-pagination .pagination-left:focus {
opacity: 0.5;
}
.article_search__job_list_control-pagination .pagination-right {
display: block;
color: #663300;
font-size: 14px;
font-weight: 600;
padding:5px;
padding-left:10px;
padding-right:10px;
border: 1px solid #663300;
border-radius: 5px;
text-decoration: none;
margin-left:5px;
margin-right:5px;
display: flex;
justify-content:center;
align-items: center;
background-color: #FFFFFF;
}
.article_search__job_list_control-pagination .pagination-right:after {
content: "\f054";
font-family: FontAwesome;
margin-left:5px;
}
.article_search__job_list_control-pagination .pagination-right:hover , .article_search__job_list_control-pagination .pagination-right:focus {
opacity: 0.5;
}
.article_search__job_list_control-sort {
display: flex;
justify-content:center;
align-items: center;
}
.article_search__job_list_control-sort .sort-left {
display: block;
color: #999999;
font-size: 14px;
font-weight: 600;
padding:5px;
padding-left:10px;
padding-right:10px;
border: 1px solid #999999;
border-radius: 5px 0px 0px 5px;
text-decoration: none;
border-right:none;
background-color: #FFFFFF;
}
.article_search__job_list_control-sort .sort-right {
display: block;
color: #999999;
font-size: 14px;
font-weight: 600;
padding:5px;
border: 1px solid #999999;
border-radius: 0px 5px 5px 0px;
text-decoration: none;
border-left:none;
background-color: #FFFFFF;
}
.article_search__job_list_control-sort .sort-left.selected {
color: #FFFFFF;
background-color: #663300;
border: 1px solid #663300;
}
.article_search__job_list_control-sort .sort-right.selected {
color: #FFFFFF;
background-color: #663300;
border: 1px solid #663300;
}
.article_search__job_list_control-sort .sort-left:hover , .article_search__job_list_control-sort .sort-left:focus {
opacity: 0.5;
}
.article_search__job_list_control-sort .sort-right:hover , .article_search__job_list_control-sort .sort-right:focus {
opacity: 0.5;
}
.article_search__job_list_control-sort {
display: flex;
justify-content:center;
align-items: center;
}
.article_search__job_list_control-sort .sort-left {
display: block;
color: #999999;
font-size: 14px;
font-weight: 600;
padding:5px;
padding-left:10px;
padding-right:10px;
border: 1px solid #999999;
border-radius: 5px 0px 0px 5px;
text-decoration: none;
border-right:none;
background-color: #FFFFFF;
}
.article_search__job_list_control-sort .sort-right {
display: block;
color: #999999;
font-size: 14px;
font-weight: 600;
padding:5px;
border: 1px solid #999999;
border-radius: 0px 5px 5px 0px;
text-decoration: none;
border-left:none;
background-color: #FFFFFF;
}
.article_search__job_list_control-sort .sort-left.selected {
color: #FFFFFF;
background-color: #FF6600;
border: 1px solid #FF6600;
}
.article_search__job_list_control-sort .sort-right.selected {
color: #FFFFFF;
background-color: #FF6600;
border: 1px solid #FF6600;
}
.article_search__job_list_control-sort .sort-left:hover , .article_search__job_list_control-sort .sort-left:focus {
opacity: 0.5;
}
.article_search__job_list_control-sort .sort-right:hover , .article_search__job_list_control-sort .sort-right:focus {
opacity: 0.5;
}
.article_search__job_list_pagination {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.article_search__job_list_pagination a {
display: block;
color: #FF6600;
font-size: 14px;
font-weight: 600;
padding:5px;
border: 1px solid #663300;
border-radius: 5px;
text-decoration: none;
margin-left:2px;
margin-right:2px;
background-color: #FFFFFF;
min-width: 20px;
text-align: center;
}
.article_search__job_list_pagination a.selected {
color: #FFFFFF;
background-color: #660000;
}
.article_search__job_list_pagination a:hover , .article_search__job_list_pagination a:focus {
opacity: 0.5;
}
.article_search__job_list_pagination p {
display: block;
color: #663300;
font-size: 14px;
font-weight: 600;
padding:5px;
margin-top: 0px;
margin-left:2px;
margin-right:2px;
margin-bottom: 0px;
}
.article_search__job_list_calendar {
width:100%;
background-color: #FFFFFF;
border-top:solid 1px #DDDDDD;
border-left:solid 1px #DDDDDD;
margin-top:10px;
margin-bottom:10px;
border-spacing: 0px;
}
.article_search__job_list_calendar .table-month {
}
.article_search__job_list_calendar .table-month th {
display: flex;
justify-content: center;
align-items: center;
border-right:solid 1px #DDDDDD;
border-bottom:solid 1px #DDDDDD;
font-size: 16px;
}
.article_search__job_list_calendar .table-month th a {
display: block;
color:#FF6600;
padding-left:5px;
padding-right: 5px;
font-size: 24px;
}
.article_search__job_list_calendar .table-month th a:hover , .article_search__job_list_calendar .table-month th a:focus {
opacity: 0.5;
}
.article_search__job_list_calendar .table-month th a.nolink {
color:#999999;
opacity: 0.5;
pointer-events:none;
}
.article_search__job_list_calendar .table-month th p {
flex:1;
}
.article_search__job_list_calendar .table-week th {
padding: 5px;
border-right:solid 1px #DDDDDD;
border-bottom:solid 1px #DDDDDD;
font-size: 13px;
color:#666666;
}
.article_search__job_list_calendar .table-week th.table-week-sunday {
color:#FF0000;
}
.article_search__job_list_calendar .table-week th.table-week-saturday {
color:#0066FF;
}
.article_search__job_list_calendar .table-day td {
height: 80px;
padding: 5px;
border-right:solid 1px #DDDDDD;
border-bottom:solid 1px #DDDDDD;
width:14.28%;
vertical-align:top;
text-align: center;
}
.article_search__job_list_calendar .table-day .table-number {
display: block;
text-align: center;
color:#666666;
font-size: 13px;
margin-top:0px;
}
.article_search__job_list_calendar .table-day .table-jobs {
display:inline-block;
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
width:48px;
height: 34px;
padding-top:14px;
border: 1px solid #FF6600;
border-radius: 50%;
text-decoration: none;
background-color: #FF6600;
}
.article_search__job_list_calendar .table-day .table-jobs:hover , .article_search__job_list_calendar .table-day .table-jobs:focus{
opacity: 0.5;
}
.article_search__job_list_calendar .table-day .table-jobs.nolink {
pointer-events:none;
background-color: #DDDDDD;
border: 1px solid #DDDDDD;
}
.article_search__job_list_calendar .table-day .table-jobs span {
font-size: 12px;
font-weight:normal;
}
/* 20240523 */
.article_search__job_list_ncontrol {
display: flex;
justify-content: center;
align-items: center;
}
.article_search__job_list_npagination {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.article_search__job_list_npagination a {
display: block;
color: #663300;
font-size: 14px;
font-weight: 600;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #663300;
border-radius: 5px;
text-decoration: none;
margin-left: 1px;
margin-right: 1px;
display: flex;
justify-content: center;
align-items: center;
background-color: #FFFFFF;
}
.article_search__job_list_npagination a.selected {
background-color: #cc9966;
}
.article_search__job_list_npagination a:hover , .article_search__job_list_npagination a:focus {
opacity: 0.5;
}
.article_search__job_list_npagination .pagination-left:before {
content: "\f053";
font-family: FontAwesome;
margin-right: 5px;
}
.article_search__job_list_npagination .pagination-right:after {
content: "\f054";
font-family: FontAwesome;
margin-left: 5px;
}
.article_search__job_list_control-pagination .lr {
display: block;
margin-top: 0px;
margin-bottom: 0px;
}
.page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 70%;
z-index: 200;
}
.page-top a {
text-decoration: none;
color: #fff !important;
text-align: center;
display: block;
background-color: #663300;
line-height: 1em;
border: 2px solid #FFF;
height: 35px;
width: 35px;
border-radius:50%;
padding-top:0px;
}
.page-top a .fa {
margin-top:3px;
font-size: 14px;
}
.page-top a br {
}
.page-top a:hover , .page-top a:focus {
opacity: 0.5;
}