/*
* helper
=======*/
/*
* layout
/*=======*/
/* Utility Class 髱櫁｡ｨ遉ｺ縺ｫ縺輔○縺溘＞隕∫ｴ�縺ｫ莉倅ｸ�
=============================================== */
.is-hidden,
.isHidden {
display: none !important;
}
.is-invisible {
visibility: hidden;
}
@font-face {
font-family: "Montserrat";
src: url("/contents/nikki/scout/config/font/Montserrat-SemiBold.woff") format("woff"), url("/contents/nikki/scout/config/font/Montserrat-SemiBold.woff2") format("woff2"), url("/contents/nikki/scout/config/font/Montserrat-SemiBold.eot") format("eot"), url("/contents/nikki/scout/config/font/Montserrat-SemiBold.ttf") format("ttf");
font-weight: 600;
}
@font-face {
font-family: "Montserrat";
src: url("/contents/nikki/scout/config/font/Montserrat-Regular.woff") format("woff"), url("/contents/nikki/scout/config/font/Montserrat-Regular.woff2") format("woff2"), url("/contents/nikki/scout/config/font/Montserrat-Regular.eot") format("eot"), url("/contents/nikki/scout/config/font/Montserrat-Regular.ttf") format("ttf");
font-weight: 300;
}
/* Headers
================================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
/* Text
================================================ */
p {
margin: 0;
}
/* a
================================================ */
a {
text-decoration: none;
}
/* Label
================================================ */
label {
cursor: pointer;
display: block;
width: 100%;
}
/* Inputs
================================================ */
input,
button,
select,
textarea {
cursor: pointer;
-webkit-appearance: none;
}
/* Select
================================================ */
select {
outline: none;
text-indent: .01px;
-o-text-overflow: "";
text-overflow: "";
background: none transparent;
vertical-align: middle;
font-size: inherit;
appearance: button;
-webkit-appearance: button;
-moz-appearance: button;
}
select option {
background-color: #ffffff;
}
select select::-ms-expand {
display: none;
}
select select:-moz-focursing {
color: transparent;
}
/* Field
================================================ */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="phone"] {
-webkit-transition: 375ms cubic-bezier(.4, 0, .2, 1);
-o-transition: 375ms cubic-bezier(.4, 0, .2, 1);
transition: 375ms cubic-bezier(.4, 0, .2, 1);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="phone"]:focus {
background: #f4f9ff;
}
/* Radio
================================================ */
input[type="radio"] {
display: none;
}
/* Checkbox
================================================ */
input[type="checkbox"] {
display: none;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
margin: 0;
background: #f5f7fb;
font-family: "Hiragino Sans", "繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け", "Hiragino Kaku Gothic ProN", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Roboto", "Droid Sans", "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "Meiryo", "繝｡繧､繝ｪ繧ｪ", "Verdana", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 32px;
letter-spacing: .04em;
color: #3d3d3d;
}
@media (max-width: 768px) {
body {
line-height: 20px;
letter-spacing: 0;
}
}
.profile-contents {
max-width: 960px;
width: 100%;
margin: 0 auto;
padding: 0 0 154px 0;
}
@media (max-width: 768px) {
.profile-contents {
padding: 0 0 96px 0;
}
}
.chrome .profile-contents,
.firefox .profile-contents,
.safari .profile-contents {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.contents {
width: 100%;
max-width: 960px;
margin: 0 auto;
}
.chrome .contents,
.firefox .contents,
.safari .contents {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.profile-form-content,
.formContent {
position: relative;
}
.profile-form-content .profile-form-shoulder,
.formContent .profile-form-shoulder {
position: absolute;
right: 0;
top: -49px;
}
@media (max-width: 768px) {
.profile-form-content .profile-form-shoulder,
.formContent .profile-form-shoulder {
right: -1px;
top: -30px;
}
}
.profile-grid-2-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 768px) {
.profile-grid-2-1 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.profile-grid-2-1 > * {
width: 49.31818181818181%;
}
@media (max-width: 768px) {
.profile-grid-2-1 > * {
width: 100%;
}
}
@media (max-width: 768px) {
.profile-grid-2-1 ul + ul {
margin-top: 7px;
}
}
.js-toggle-content,
.js-optional-text-content,
.jsToggleContent {
display: none;
}
.ie .profile-contents,
.ie .contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
a {
display: inline-block;
-webkit-transition: 375ms cubic-bezier(.4, 0, .2, 1);
-o-transition: 375ms cubic-bezier(.4, 0, .2, 1);
transition: 375ms cubic-bezier(.4, 0, .2, 1);
}
ul,
ol {
margin: 0;
padding: 0;
}
li {
margin: 0;
padding: 0;
list-style: none;
}
.u-mt0 {
margin-top: 0 !important;
}
.u-mt11 {
margin-top: 11px !important;
}
.u-mb11 {
margin-bottom: 11px !important;
}
.u-mb12 {
margin-bottom: 12px !important;
}
.u-mt13 {
margin-top: 13px !important;
}
.u-mb13 {
margin-bottom: 13px !important;
}
.u-mb14 {
margin-bottom: 14px !important;
}
.u-mb15 {
margin-bottom: 15px !important;
}
.u-mt20 {
margin-top: 20px !important;
}
.u-mb20 {
margin-bottom: 20px !important;
}
.u-mb21 {
margin-bottom: 21px !important;
}
.u-mt22 {
margin-top: 22px !important;
}
.u-mb22 {
margin-bottom: 22px !important;
}
.u-mt23 {
margin-top: 23px !important;
}
.u-mt25 {
margin-top: 25px !important;
}
.u-mb31 {
margin-bottom: 31px !important;
}
.u-mb32 {
margin-bottom: 32px !important;
}
.u-mb48 {
margin-bottom: 48px !important;
}
@media (min-width: 1024px) {
.u-pc-mb48 {
margin-bottom: 48px !important;
}
}
@media (min-width: 1024px) {
.u-pc-mb36 {
margin-bottom: 36px !important;
}
}
@media (min-width: 1024px) {
.u-pc-mb13,
.pcMb13 {
margin-bottom: 13px !important;
}
}
@media (min-width: 1024px) {
.u-pc-mb16,
.pcMb16 {
margin-bottom: 16px !important;
}
}
@media (min-width: 1024px) {
.u-pc-pt45 {
padding-top: 45px !important;
}
}
@media (min-width: 1024px) {
.u-pc-pb40 {
padding-bottom: 40px !important;
}
}
@media (max-width: 768px) {
.u-sp-mb10 {
margin-bottom: 10px !important;
}
}
@media (max-width: 768px) {
.u-sp-mb12,
.spMb12 {
margin-bottom: 12px !important;
}
}
@media (max-width: 768px) {
.u-sp-mb14 {
margin-bottom: 14px !important;
}
}
@media (max-width: 768px) {
.u-sp-mb18,
.spMb18 {
margin-bottom: 18px !important;
}
}
@media (max-width: 768px) {
.u-sp-mb24 {
margin-bottom: 24px !important;
}
}
@media (max-width: 768px) {
.u-sp-mb28 {
margin-bottom: 28px !important;
}
}
@media (max-width: 768px) {
.u-sp-mb32 {
margin-bottom: 24px !important;
}
}
.only-sp,
.onlySp {
display: none !important;
}
@media (max-width: 768px) {
.only-sp,
.onlySp {
display: block !important;
}
}
@media (max-width: 768px) {
.no-sp,
.noSp {
display: none !important;
}
}
.bold {
font-weight: 600;
}
/*
* atoms
*=======*/
/* 繝懊ち繝ｳ
=============================================== */
.profile-btn,
.btn {
cursor: pointer;
display: block;
border-radius: 2px;
font-weight: 600;
text-align: center;
}
.profile-btn--prev,
.profile-btn--cancel,
.profile-btn--delete,
.btnHold,
.btnDecline {
background: #e0e0e0;
border-bottom: solid 3px #cccccc;
font-size: 14px;
color: #3d3d3d;
}
@media (max-width: 768px) {
.profile-btn--prev,
.profile-btn--cancel,
.profile-btn--delete,
.btnHold,
.btnDecline {
font-size: 12px;
}
}
.profile-btn--prev:hover,
.profile-btn--cancel:hover,
.profile-btn--delete:hover,
.btnHold:hover,
.btnDecline:hover {
background: #d6d6d6;
}
.profile-btn--prev:active,
.profile-btn--cancel:active,
.profile-btn--delete:active,
.btnHold:active,
.btnDecline:active {
background: #cccccc;
}
.profile-btn--next,
.profile-btn--register,
.profile-btn--add,
.profile-btn--edit,
.profile-btn--mail,
.btnBlank,
.profile-btn--end,
.btnPrimary,
.btnRegister,
.btnRegisterSmall,
.btnMore,
.btnOffer {
background: #349eda;
border-bottom: solid 3px #2b81b2;
font-size: 16px;
color: #ffffff;
}
@media (max-width: 768px) {
.profile-btn--next,
.profile-btn--register,
.profile-btn--add,
.profile-btn--edit,
.profile-btn--mail,
.btnBlank,
.profile-btn--end,
.btnPrimary,
.btnRegister,
.btnRegisterSmall,
.btnMore,
.btnOffer {
font-size: 14px;
}
}
.profile-btn--next:hover,
.profile-btn--register:hover,
.profile-btn--add:hover,
.profile-btn--edit:hover,
.profile-btn--mail:hover,
.btnBlank:hover,
.profile-btn--end:hover,
.btnPrimary:hover,
.btnRegister:hover,
.btnRegisterSmall:hover,
.btnMore:hover,
.btnOffer:hover {
background: #3193cc;
}
.profile-btn--next:active,
.profile-btn--register:active,
.profile-btn--add:active,
.profile-btn--edit:active,
.profile-btn--mail:active,
.btnBlank:active,
.profile-btn--end:active,
.btnPrimary:active,
.btnRegister:active,
.btnRegisterSmall:active,
.btnMore:active,
.btnOffer:active {
background: #2b81b2;
}
.profile-btn--logout,
.btnLogout {
color: #3d3d3d;
}
@media (max-width: 768px) {
.profile-btn--logout,
.btnLogout {
font-size: 12px;
line-height: 28px;
}
}
.profile-btn--delete {
line-height: 40px;
}
.profile-btn--delete span {
display: inline-block;
padding-left: 20px;
background: url("/contents/nikki/scout/images/common/icon-delete.svg") left center no-repeat;
background-size: 12px 12px;
-webkit-transform: translateX(-4px);
-ms-transform: translateX(-4px);
transform: translateX(-4px);
}
.profile-btn--add {
line-height: 40px;
}
.profile-btn--add span {
display: inline-block;
padding-left: 20px;
background: url("/contents/nikki/scout/images/common/icon-add.svg") left center no-repeat;
background-size: 12px 12px;
-webkit-transform: translateX(-3px);
-ms-transform: translateX(-3px);
transform: translateX(-3px);
}
.profile-btn--edit {
font-size: 12px;
line-height: 28px;
}
@media (max-width: 768px) {
.profile-btn--edit {
font-size: 9px;
line-height: 18px;
border-bottom: solid 1.5px #2b81b2;
}
}
.profile-btn--edit span {
display: inline-block;
background: url("/contents/nikki/scout/images/common/icon-edit-white.svg") left center no-repeat;
background-size: 10px 10px;
padding-left: 17px;
}
.profile-btn--edit--white {
padding-left: 20px;
color: #349eda;
font-weight: 300;
background: url("/contents/nikki/scout/images/common/icon-edit-theme.svg") left center no-repeat;
background-size: 11px 12px;
}
.profile-btn--edit--white:hover {
background-image: url("/contents/nikki/scout/images/common/icon-edit-theme-dark.svg");
color: #2b81b2;
}
@media (max-width: 768px) {
.profile-btn--edit--white {
padding-left: 14px;
font-size: 12px;
}
}
.profile-btn--mail {
max-width: 360px;
margin: 0 auto;
line-height: 48px;
}
@media (max-width: 768px) {
.profile-btn--mail {
line-height: 40px;
}
}
.profile-btn--mail span {
display: inline-block;
padding-left: 32px;
background: url("/contents/nikki/scout/images/common/icon-mail.svg") left center no-repeat;
background-size: 26px 20px;
-webkit-transform: translateX(4px);
-ms-transform: translateX(4px);
transform: translateX(4px);
}
@media (max-width: 768px) {
.profile-btn--mail span {
background-size: 18px;
}
}
.btnBlank span {
display: block;
padding-left: 18px;
margin-right: 18px;
background: url("/contents/nikki/scout/images/common/icon-blank.svg") right center no-repeat;
background-size: 14px 12px;
}
@media (max-width: 768px) {
.btnBlank span {
background-size: 18px;
}
}
.profile-btn--end,
.btnPrimary {
max-width: 360px;
margin: 0 auto;
line-height: 48px;
}
@media (max-width: 768px) {
.profile-btn--end,
.btnPrimary {
line-height: 44px;
}
}
.btnRegister {
line-height: 56px;
}
@media (max-width: 768px) {
.btnRegister {
line-height: 44px;
}
}
.btnRegisterSmall {
font-size: 14px;
}
@media (max-width: 768px) {
.btnRegisterSmall {
font-size: 12px;
}
}
.btnHold {
color: #ffffff;
background: #4bb8a1;
border-color: #388a78;
}
.btnHold:hover {
background: #46ab95;
}
.btnHold:active {
background: #388a78;
}
.btnHold.isDisabled {
cursor: default;
background: #727f94;
border-color: #727f94;
color: rgba(255,255,255,.6);
}
.btnDecline.isDisabled {
cursor: default;
background: #727f94;
border-color: #727f94;
color: rgba(255,255,255,.6);
}
.profile-btn--cancel--white {
background: #ffffff;
border-bottom: solid 3px #e0e0e0;
font-size: 14px;
color: #3d3d3d;
}
@media (max-width: 768px) {
.profile-btn--cancel--white {
border-bottom: solid 3px #e0e0e0;
font-size: 11px;
}
}
.profile-btn--cancel--white:hover {
background: #f5f5f5;
}
.profile-btn--cancel--white:active {
background: #e0e0e0;
}
/* 鄂ｫ邱�
=============================================== */
.profile-hr,
.hr {
height: 0;
margin-left: -40px;
margin-right: -40px;
border-bottom: solid 1px #e0e0e0;
}
@media (max-width: 768px) {
.profile-hr,
.hr {
margin-left: -20px;
margin-right: -20px;
}
}
/* 繝励Ο繝輔ぅ繝ｼ繝ｫ逕ｻ髱｢繝ｻ繧｢繧､繧ｳ繝ｳ
=============================================== */
.profile-edit-icon {
background-size: 32px 32px;
background-position: left center;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.profile-edit-icon {
background-size: 20px 20px;
}
}
.profile-edit-icon-01 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-01.svg");
}
.profile-edit-icon-02 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-02.svg");
}
.profile-edit-icon-03 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-03.svg");
}
.profile-edit-icon-04 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-04.svg");
}
.profile-edit-icon-05 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-05.svg");
}
.profile-edit-icon-06 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-06.svg");
}
.profile-edit-icon-07 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-07.svg");
}
.profile-edit-icon-08 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-08.svg");
}
.profile-edit-icon-09 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-09.svg");
}
.profile-edit-icon-10 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-10.svg");
}
.profile-edit-icon-11 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-11.svg");
}
.profile-edit-icon-12 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-12.svg");
}
.profile-edit-icon-13 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-13.svg");
}
.profile-edit-icon-14 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-14.svg");
}
.profile-edit-icon-15 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-15.svg");
}
.profile-edit-icon-16 {
background-image: url("/contents/nikki/scout/images/profile/icon-edit-16.svg");
}
/* 繝壹�繧ｸ繧ｿ繧､繝医Ν縲繧｢繧､繧ｳ繝ｳ
=============================================== */
.profile-title-icon,
.titleIcon {
background-position: left center;
background-repeat: no-repeat;
background-size: 64px 64px;
}
@media (max-width: 768px) {
.profile-title-icon,
.titleIcon {
background-position: 20px center;
background-size: 32px 32px;
}
}
.profile-title-icon-01 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-01.svg");
}
.profile-title-icon-02 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-02.svg");
}
.profile-title-icon-03 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-03.svg");
}
.profile-title-icon-04 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-04.svg");
}
.profile-title-icon-05 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-05.svg");
}
.profile-title-icon-06 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-06.svg");
}
.profile-title-icon-07 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-07.svg");
}
.profile-title-icon-08 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-08.svg");
}
.profile-title-icon-09 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-09.svg");
}
.profile-title-icon-10 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-10.svg");
}
.profile-title-icon-11 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-11.svg");
}
.profile-title-icon-12 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-12.svg");
}
.profile-title-icon-13 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-13.svg");
}
.profile-title-icon-13 .profile-title-1 {
letter-spacing: 0;
}
.profile-title-icon-14 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-14.svg");
}
.profile-title-icon-15 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-15.svg");
}
.profile-title-icon-16 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-16.svg");
}
.profile-title-icon-17 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-17.svg");
}
.profile-title-icon-18 {
background-image: url("/contents/nikki/scout/images/profile/icon-title-18.svg");
}
.profile-title-icon-19,
.titleIcon19 {
background-image: url("/contents/nikki/scout/images/mailbox/icon-title-19.svg");
}
.profile-title-icon-20,
.titleIcon20 {
background-image: url("/contents/nikki/scout/images/mailbox/icon-title-20.svg");
}
/* 繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ繝ｻ繝懊ち繝ｳ閭梧勹 input[type="checkbox"]
=============================================== */
.profile-checkbox {
-webkit-transition: 375ms cubic-bezier(.4, 0, .2, 1);
-o-transition: 375ms cubic-bezier(.4, 0, .2, 1);
transition: 375ms cubic-bezier(.4, 0, .2, 1);
padding: 4px 0;
background: #f5f5f5;
border-bottom: solid 1px #e0e0e0;
border-radius: 3px;
}
@media (max-width: 768px) {
.profile-checkbox {
padding: 14px 16px 13px 0;
}
}
.profile-checkbox:hover {
background: #e0e0e0;
}
@media (max-width: 768px) {
.profile-checkbox:hover {
background: #f5f5f5;
}
}
.profile-checkbox.is-checkbox-checked {
background: #e5ebf4;
border-bottom: solid 1px #d0dae6;
}
.profile-checkbox.is-checkbox-disabled {
background: #e0e0e0;
color: #a3a3a3;
}
.profile-checkbox-label {
display: block;
position: relative;
padding-left: 40px;
}
@media (max-width: 768px) {
.profile-checkbox-label {
padding-left: 36px;
}
}
.is-checkbox-checked .profile-checkbox-label {
font-weight: 600;
}
.profile-checkbox-label:before {
display: block;
position: absolute;
left: 12px;
top: 50%;
content: "";
width: 16px;
height: 16px;
margin-top: -8px;
border-radius: 50%;
}
.is-checkbox-checked .profile-checkbox-label:before {
background: url("/contents/nikki/scout/images/common/icon-checkbox.svg") left top no-repeat, #349eda;
}
/* 繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ繝ｻ閭梧勹縺ｪ縺�
=============================================== */
@media (max-width: 768px) {
.profile-checkbox-simple {
margin: 20px 0;
}
}
.profile-checkbox-simple .profile-checkbox-label:before {
border: solid 1px #e0e0e0;
border-radius: 3px;
}
.profile-checkbox-simple.is-checkbox-checked .profile-checkbox-label:before {
background: url("/contents/nikki/scout/images/common/icon-checkbox.svg") left top no-repeat, #349eda;
}
/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ input[type="radio"]
=============================================== */
.profile-radio,
.profile-radio--low {
-webkit-transition: 375ms cubic-bezier(.4, 0, .2, 1);
-o-transition: 375ms cubic-bezier(.4, 0, .2, 1);
transition: 375ms cubic-bezier(.4, 0, .2, 1);
position: relative;
padding: 4px 0;
background: #f5f5f5;
border-bottom: solid 1px #e0e0e0;
border-radius: 3px;
}
@media (max-width: 768px) {
.profile-radio,
.profile-radio--low {
padding: 14px 16px 13px 0;
}
}
.profile-radio:hover,
.profile-radio--low:hover {
background: #e0e0e0;
}
@media (max-width: 768px) {
.profile-radio:hover,
.profile-radio--low:hover {
background: #f5f5f5;
}
}
.profile-radio.is-radio-checked,
.profile-radio--low.is-radio-checked {
background: #e5ebf4;
border-bottom: solid 1px #d0dae6;
}
.profile-radio-label {
display: block;
position: relative;
padding-left: 40px;
}
@media (max-width: 768px) {
.profile-radio-label {
padding-left: 36px;
}
}
.profile-radio-outer-circle {
position: absolute;
top: 11px;
left: 13px;
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
border-radius: 50%;
background: #ffffff;
border: solid 1px #e0e0e0;
}
@media (max-width: 768px) {
.profile-radio-outer-circle {
top: 16px;
}
}
.is-radio-checked .profile-radio-outer-circle {
border-color: #ffffff;
}
.profile-radio-inner-circle {
position: absolute;
top: 15px;
left: 17px;
display: inline-block;
width: 8px;
height: 8px;
cursor: pointer;
border-radius: 50%;
background: #ffffff;
}
@media (max-width: 768px) {
.profile-radio-inner-circle {
top: 20px;
}
}
.is-radio-checked .profile-radio-inner-circle {
background: #349eda;
}
/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ繝ｻ鬮倥＆縺御ｽ弱＞
=============================================== */
.profile-radio--low {
padding: 0;
}
.profile-radio--low .profile-radio-outer-circle {
top: 8px;
left: 20px;
}
.profile-radio--low .profile-radio-inner-circle {
top: 12px;
left: 24px;
}
.profile-radio--low .profile-radio-label {
padding-left: 48px;
}
/* 繝励Ν繝繧ｦ繝ｳ select
=============================================== */
.profile-select-wrap {
-webkit-transition: 375ms cubic-bezier(.4, 0, .2, 1);
-o-transition: 375ms cubic-bezier(.4, 0, .2, 1);
transition: 375ms cubic-bezier(.4, 0, .2, 1);
position: relative;
background: #f5f5f5;
border-bottom: solid 1px #e0e0e0;
border-radius: 3px;
line-height: 0;
height: 44px;
}
@media (max-width: 768px) {
.profile-select-wrap {
padding: 0 16px;
}
}
.profile-select-wrap:after {
-webkit-transition: 375ms cubic-bezier(.4, 0, .2, 1);
-o-transition: 375ms cubic-bezier(.4, 0, .2, 1);
transition: 375ms cubic-bezier(.4, 0, .2, 1);
display: block;
content: "";
position: absolute;
right: 15px;
top: 50%;
width: 12px;
height: 12px;
margin-top: -6px;
background: url("/contents/nikki/scout/images/common/icon-pulldown.svg") left center no-repeat;
pointer-events: none;
}
.profile-select-wrap:hover {
background: #e0e0e0;
}
@media (max-width: 768px) {
.profile-select-wrap:hover {
background: #f5f5f5;
}
}
.is-select-checked .profile-select-wrap {
background: #e5ebf4;
border-bottom: solid 1px #d0dae6;
}
select {
border: none;
width: 100%;
margin: 0;
}
@media (max-width: 768px) {
.profile-select-input {
line-height: 44px;
}
}
.select-hidden {
display: none;
visibility: hidden;
min-height: 30px;
vertical-align: top;
}
.profile-select {
cursor: pointer;
display: inline-block;
position: relative;
width: 100%;
height: 44px;
}
.profile-select-styled {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 8px 15px;
line-height: 28px;
}
.profile-select-options {
display: none;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 999;
max-height: 256px;
overflow-y: scroll;
margin: 0;
padding: 0;
list-style: none;
background-color: #f5f7fb;
border: solid 1px #e0e0e0;
border-radius: 3px;
}
.profile-select-options li {
margin: 0 !important;
padding: 0 0 0 16px;
text-indent: 15px;
line-height: 32px;
}
.profile-select-options li.is-active {
background: url("/contents/nikki/scout/images/common/icon-checkbox-black.svg") 8px center no-repeat, #f5f7fb;
background-size: 16px 16px, cover;
}
.profile-select-options li:hover {
color: #ffffff;
background: url("/contents/nikki/scout/images/common/icon-checkbox.svg") 8px center no-repeat, #349eda;
background-size: 16px 16px, cover;
}
.profile-select-options li[rel="hide"] {
display: none;
}
/* 繝励Ν繝繧ｦ繝ｳ繝ｻ鬮倥＆縺御ｽ弱＞
=============================================== */
.profile-select--low {
top: 13px;
right: 16px;
}
.profile-select--low .profile-select-wrap {
height: 32px;
line-height: 32px;
}
.profile-select--low .profile-select-styled {
line-height: 16px;
}
@media (max-width: 768px) {
.profile-select--low .profile-select-input {
line-height: 32px;
}
}
/* 1陦後ユ繧ｭ繧ｹ繝� input type="text"
=============================================== */
.profile-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
}
@media (max-width: 768px) {
.profile-text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.profile-text-input,
.inputText {
width: calc(100% - 64px);
}
@media (max-width: 768px) {
.profile-text-input,
.inputText {
width: 100%;
}
}
.profile-text-shoulder {
width: 64px;
padding-left: 16px;
text-align: right;
}
@media (max-width: 768px) {
.profile-text-shoulder {
margin-top: 4px;
}
}
.profile-text-input,
.inputText {
cursor: text;
min-height: 44px;
padding: 7px 16px;
background: #f5f5f5;
border: solid 1px #e0e0e0;
border-radius: 3px;
font-size: 14px;
line-height: 24px;
font-family:"Hiragino Sans", 繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け, "Hiragino Kaku Gothic ProN", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", Roboto, "Droid Sans", "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", Meiryo, 繝｡繧､繝ｪ繧ｪ, Verdana, sans-serif;
}
.profile-text-shoulder {
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 14px;
}
.profile-text-count.is-over {
color: #bf0000;
}
.profile-number-count {
visibility: hidden;
}
.inputText {
width: 100%;
min-height: 40px;
}
/* 隍�焚陦後ユ繧ｭ繧ｹ繝� textarea
=============================================== */
.profile-textarea {
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
}
@media (max-width: 768px) {
.profile-textarea {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.profile-textarea .profile-textarea-input {
width: calc(100% - 64px);
}
@media (max-width: 768px) {
.profile-textarea .profile-textarea-input {
width: 100%;
}
}
.profile-textarea .profile-textarea-shoulder {
width: 64px;
padding-left: 16px;
text-align: right;
}
@media (max-width: 768px) {
.profile-textarea .profile-textarea-shoulder {
margin-top: 4px;
}
}
.profile-textarea-label {
margin: 6px 0 2px;
}
.profile-textarea-input {
resize: none;
overflow: auto;
cursor: text;
width: 100%;
height: 72px;
padding: 10px 16px;
background: #f5f5f5;
border: solid 1px #e0e0e0;
border-radius: 3px;
font-size: 14px;
line-height: 24px;
}
.profile-textarea-shoulder {
font-family: "Montserrat", sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: 300;
}
.profile-textarea-count.is-over {
color: #bf0000;
}
/* 蠢��医Λ繝吶Ν
=============================================== */
.profile-label-required,
.labelRequired,
.profile-label-option {
padding: 0 6px;
background: #bf0000;
border-radius: 3px;
font-size: 13px;
line-height: 1.846153846153846;
color: #ffffff;
text-align: center;
}
@media (max-width: 768px) {
.profile-label-required,
.labelRequired,
.profile-label-option {
padding: 0 9px;
font-size: 11px;
line-height: 20px;
}
}
.profile-label-option {
background: #e0e0e0;
color: #3d3d3d;
}
/* 繝｡繝ｼ繝ｫ隧ｳ邏ｰ繧ｹ繝��繧ｿ繧ｹ
=============================================== */
.label2,
.labelUnanswerd,
.labelExpired,
.labelConsent,
.labelDecline,
.labelHold {
border-radius: 2px;
font-size: 11px;
line-height: 18px;
text-align: center;
color: #ffffff;
}
@media (max-width: 768px) {
.label2,
.labelUnanswerd,
.labelExpired,
.labelConsent,
.labelDecline,
.labelHold {
font-size: 10px;
line-height: 15px;
font-weight: 600;
}
}
.labelUnanswerd {
background: #f25f59;
}
.labelExpired {
background: #999999;
}
.labelConsent {
background: #349eda;
}
.labelDecline {
background: #8d9db6;
}
.labelHold {
background: #4bb8a1;
}
/* 繝ｪ繝ｳ繧ｯ
=============================================== */
.profile-link-1,
.link1 {
color: #3d3d3d;
font-weight: 600;
text-decoration: none;
letter-spacing: 0;
}
@media (max-width: 768px) {
.profile-link-1,
.link1 {
font-size: 12px;
}
}
.profile-link-1:hover,
.link1:hover,
.profile-link-1.is-current,
.link1.is-current,
.profile-link-1.isCurrent,
.link1.isCurrent {
color: #349eda;
}
/* 蟾ｦ縺ｫ > 繝ｪ繝ｳ繧ｯ
=============================================== */
.profile-link-2,
.link2,
.link4 {
padding-left: 16px;
background: url("/contents/nikki/scout/images/common/icon-arrow.svg") left center no-repeat;
background-size: 12px 12px;
font-size: 12px;
font-weight: 600;
color: #3d3d3d;
text-decoration: none;
letter-spacing: .02em;
}
.profile-link-2:hover,
.link2:hover,
.link4:hover {
color: #349eda;
background-image: url("/contents/nikki/scout/images/common/icon-arrow-theme.svg");
}
@media (max-width: 768px) {
.profile-link-2,
.link2,
.link4 {
font-size: 10px;
background-size: 8px 8px;
}
}
/* 繝ｪ繝ｳ繧ｯ3
=============================================== */
.profile-link-3,
.link3 {
color: #349eda;
}
.profile-link-3:hover,
.link3:hover {
text-decoration: underline;
}
/* 蟾ｦ縺ｫ < 繝ｪ繝ｳ繧ｯ
=============================================== */
.link4 {
margin-left: -4px;
padding-left: 17px;
background: url("/contents/nikki/scout/images/common/icon-arrow-2.svg") left center no-repeat;
background-size: 13px;
}
.link4:hover {
background-image: url("/contents/nikki/scout/images/common/icon-arrow-2-theme.svg");
}
@media (max-width: 768px) {
.link4 {
font-size: 12px;
}
}
/* 繧ｪ繝輔ぃ繝ｼ霑比ｿ｡繧ｹ繝��繧ｿ繧ｹ邂｡逅�
=============================================== */
.state,
.stateEntered,
.stateExpired,
.stateDeclined {
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 48px;
}
.stateEntered {
color: #349eda;
background: rgba(52,158,218,.1);
}
.stateExpired {
color: #999999;
background: rgba(153,153,153,.1);
}
.stateDeclined {
color: #8d9db6;
background: rgba(141,157,182,.1);
}
/* 繝�く繧ｹ繝�
=============================================== */
.profile-text-small,
.textSmall {
font-size: 13px;
font-weight: 600;
color: #999999;
}
@media (max-width: 768px) {
.profile-text-small,
.textSmall {
font-size: 12px;
}
}
.profile-text-small--normal {
font-size: 13px;
color: #999999;
}
@media (max-width: 768px) {
.profile-text-small--normal {
font-size: 12px;
}
}
.textSmallNormal {
font-size: 13px;
color: #999999;
line-height: 1.692307692307692;
}
@media (max-width: 768px) {
.textSmallNormal {
font-size: 11px;
line-height: 1.727272727272727;
}
}
.profile-text-large,
.textLarge {
font-size: 15px;
font-weight: 600;
}
@media (max-width: 768px) {
.textLarge {
font-size: 12px;
}
}
.profile-text-em {
color: #349eda;
font-weight: 600;
}
/* 繝√ぉ繝�け莉倥″
=============================================== */
.profile-text-check {
padding: 0 0 0 24px;
line-height: 21px;
background: url("/contents/nikki/scout/images/profile/icon-check-theme-s.svg") left top no-repeat;
background-size: 16px 16px;
}
@media (max-width: 768px) {
.profile-text-check {
padding: 0 0 4px 20px;
background-size: 12px 12px;
background-position: left 4px;
}
}
/* 繝励Ο繝輔ぅ繝ｼ繝ｫ 繧ｰ繝ｬ繝ｼ繝�く繧ｹ繝�
=============================================== */
.profile-text-detail {
padding: 0 0 8px 24px;
color: #666666;
font-size: 12px;
line-height: 1.666666666666667;
}
@media (max-width: 768px) {
.profile-text-detail {
font-size: 11px;
line-height: 1.727272727272727;
}
}
@media (max-width: 768px) {
.profile-text-detail {
padding: 0 0 0 20px;
}
}
.profile-text-detail + .profile-text-detail {
margin-top: -8px;
}
@media (max-width: 768px) {
.profile-text-detail + .profile-text-detail {
margin-top: -4px;
}
}
.textCaption {
font-size: 12px;
line-height: 1.666666666666667;
color: #666666;
}
/* 譛ｪ蜈･蜉�
=============================================== */
.profile-text-unmarked {
padding-left: 24px;
color: #a3a3a3;
background: url("/contents/nikki/scout/images/profile/icon-unmarked.svg") left center no-repeat;
background-size: 16px 16px;
}
/* 謨ｰ蟄�
=============================================== */
.textNumRed {
font-family: "Montserrat", sans-serif;
color: #f25f59;
}
/* 譌･莉�
=============================================== */
.textDate {
font-family: "Montserrat", sans-serif;
font-size: 12px;
color: #999999;
letter-spacing: .04em;
}
/* 繝壹�繧ｸ繧ｿ繧､繝医Ν
=============================================== */
.profile-title-1,
.title1 {
font-weight: 600;
font-size: 28px;
line-height: 1.714;
letter-spacing: .08em;
}
@media (max-width: 768px) {
.profile-title-1,
.title1 {
font-size: 18px;
letter-spacing: 0;
}
}
.profile-title-5,
.title5 {
font-size: 26px;
font-weight: 600;
color: #349eda;
}
@media (max-width: 768px) {
.profile-title-5,
.title5 {
font-size: 18px;
}
}
.profile-title-6,
.title6 {
font-size: 24px;
font-weight: 600;
}
@media (max-width: 768px) {
.profile-title-6,
.title6 {
font-size: 16px;
}
}
.profile-title-3 {
font-size: 20px;
font-weight: 600;
line-height: 32px;
}
@media (max-width: 768px) {
.profile-title-3 {
font-size: 16px;
line-height: 28px;
letter-spacing: .04em;
}
}
.profile-title-2,
.title2,
.profile-title-2--theme,
.title2Theme {
font-size: 18px;
font-weight: 600;
line-height: 18px;
}
@media (max-width: 768px) {
.profile-title-2,
.title2,
.profile-title-2--theme,
.title2Theme {
font-size: 16px;
line-height: 1.5;
letter-spacing: .04em;
}
}
.profile-title-2--theme,
.title2Theme {
color: #349eda;
}
@media (max-width: 768px) {
.profile-title-2--theme,
.title2Theme {
font-size: 14px;
letter-spacing: .04em;
}
}
.profile-title-4 {
padding-left: 48px;
font-weight: 600;
color: #349eda;
}
@media (max-width: 768px) {
.profile-title-4 {
padding-left: 32px;
letter-spacing: .04em;
}
}
/*
* molecules
*=======*/
/* 繧｢繝ｩ繝ｼ繝�
=============================================== */
.profile-form-alert,
.formAlert {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 8px;
left: 8px;
right: 8px;
padding: 16px 0 13px;
border: solid 1px #f5d6d6;
border-radius: 3px;
background: #faebeb;
}
.profile-form-alert.is-active,
.formAlert.is-active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.profile-form-alert p,
.formAlert p {
position: relative;
padding-left: 24px;
background: url("/contents/nikki/scout/images/common/icon-alert.svg") left center no-repeat;
background-size: 16px 16px;
text-align: center;
font-size: 13px;
line-height: 1.846153846153846;
color: #bf0000;
}
@media (max-width: 768px) {
.profile-form-alert p,
.formAlert p {
background: none;
padding-left: 0;
line-height: 22px;
}
}
.profile-form-alert-close,
.formAlert-close,
.profile-form-alertClose,
.formAlertClose {
cursor: pointer;
position: absolute;
display: block;
width: 44px;
height: 44px;
right: 0;
top: 50%;
margin-top: -22px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: url("/contents/nikki/scout/images/common/icon-close.svg") 4px center no-repeat;
background-size: 12px 12px;
}
/* teamsite譫�
=============================================== */
.profile-description,
.description {
position: relative;
margin-bottom: 20px;
padding: 4px 47px;
background: #fffad5;
border-radius: 3px;
font-size: 13px;
line-height: 32px;
}
@media (max-width: 768px) {
.profile-description,
.description {
margin-top: 20px;
padding: 13px 32px 13px 40px;
border: 0;
line-height: 19px;
}
}
.profile-description p,
.description p {
position: relative;
}
.profile-description p:before,
.description p:before {
position: absolute;
top: 15px;
left: -25px;
margin-top: -8px;
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url("/contents/nikki/scout/images/profile/icon-lightbulb.svg");
background-size: 16px 16px;
}
@media (max-width: 768px) {
.profile-description p:before,
.description p:before {
top: 10px;
left: -26px;
}
}
/* 繝｡繝ｼ繝ｫ繝懊ャ繧ｯ繧ｹ縺ｮ豕ｨ諢乗嶌縺�
=============================================== */
.description {
padding: 10px 48px;
}
@media (max-width: 768px) {
.description {
margin: 0 20px 24px 20px;
padding: 13px 16px 13px 40px;
}
}
.description .descriptionNum {
display: inline-block;
padding: 0 5px;
font-size: 20px;
font-weight: 600;
line-height: 1;
}
@media (max-width: 768px) {
.description p + p {
margin-top: 5px;
}
}
/* 繝｡繝ｼ繝ｫ繝懊ャ繧ｯ繧ｹ縺ｮ豕ｨ諢乗嶌縺�
=============================================== */
.description2 {
margin-bottom: 16px;
}
@media (max-width: 768px) {
.description2 {
margin-bottom: 20px;
padding: 21px 20px 0;
}
}
.description2 p {
font-size: 12px;
line-height: 2.25;
color: #004c9b;
}
@media (max-width: 768px) {
.description2 p {
margin-bottom: 12px;
line-height: 1.583333333333333;
}
}
@media (max-width: 768px) {
.profile-description-wrap {
padding: 0 20px;
}
}
@media (max-width: 768px) {
.profile-description-wrap .profile-description {
margin-top: 0;
}
}
/*
* organisms
=======*/
/* 繧ｳ繝斐�繝ｩ繧､繝�
=============================================== */
.copyright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 88px;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: 10px;
}
@media (max-width: 768px) {
.copyright {
border-top: solid 2px #e5ebf4;
height: 56px;
}
}
/* 繝壹�繧ｸ繝医ャ繝�
=============================================== */
.profile-pagetop a,
.pagetop a {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: .16em;
padding-left: 24px;
color: #3d3d3d;
text-decoration: none;
}
.profile-pagetop a:hover,
.pagetop a:hover {
color: #349eda;
}
.profile-pagetop a:before,
.pagetop a:before {
position: absolute;
left: 0;
top: 50%;
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-top: -6px;
background: url("/contents/nikki/scout/images/common/icon-pagetop.svg") left top no-repeat;
background-size: 12px 12px;
}
.pagetop {
margin-top: 29px;
}
@media (max-width: 768px) {
.pagetop {
margin-top: 0;
}
}
.profile-pagettop-inner,
.pagetopInner {
width: 100%;
max-width: 960px;
margin: 0 auto;
text-align: right;
padding-bottom: 5px;
}
@media (max-width: 768px) {
.profile-pagettop-inner,
.pagetopInner {
padding: 18px 0 20px;
text-align: center;
}
}
/* 繝輔ャ繧ｿ繝ｼ
=============================================== */
.profile-footer,
.footer {
border-top: solid 2px #e5ebf4;
}
.profile-footer-inner,
.footerInner {
width: 100%;
max-width: 960px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 62px;
}
@media (max-width: 768px) {
.profile-footer-inner,
.footerInner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
/* 繝輔ャ繧ｿ繝ｼ
=============================================== */
.profile-footer-links ul,
.footerLinks ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 768px) {
.profile-footer-links ul,
.footerLinks ul {
padding: 10px 0 12px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.profile-footer-links li,
.footerLinks li {
height: 12px;
line-height: 12px;
}
@media (max-width: 768px) {
.profile-footer-links li,
.footerLinks li {
margin: 9px 0;
height: 10px;
line-height: 10px;
}
}
.profile-footer-links li + li,
.footerLinks li + li {
margin-left: 13px;
border-left: solid 1px #000000;
padding-left: 12px;
}
.profile-footer-links a,
.footerLinks a {
font-size: 12px;
line-height: 1;
letter-spacing: .02em;
color: #004c9b;
text-decoration: none;
}
@media (max-width: 768px) {
.profile-footer-links a,
.footerLinks a {
font-size: 10px;
}
}
.profile-footer-links a:hover,
.footerLinks a:hover {
text-decoration: underline;
}
/* 繝輔ャ繧ｿ繝ｼ 繧ｳ繝斐�繝ｩ繧､繝�
=============================================== */
.profile-footer-copyright,
.footerCopyright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: 10px;
}
@media (max-width: 768px) {
.profile-footer-copyright,
.footerCopyright {
display: block;
padding: 19px 0;
}
}
/* 繝倥ャ繝繝ｼ
=============================================== */
.profile-header,
.header {
padding: 17px 0 15px;
background: #fff;
-webkit-box-shadow: 0 4px 0 #e5ebf4;
box-shadow: 0 4px 0 #e5ebf4;
}
@media (max-width: 768px) {
.profile-header,
.header {
padding: 0;
}
}
.profile-header-inner,
.headerInner {
max-width: 1000px;
margin: 0 auto;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 768px) {
.profile-header-inner,
.headerInner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 56px;
}
}
/* 繝ｭ繧ｴ
=============================================== */
.profile-header-logo,
.headerLogo {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
@media (min-width: 769px) {
.profile-header-logo,
.headerLogo {
background: url("/contents/nikki/scout/images/common/logo.svg") left top no-repeat;
background-size: 264px 32px;
width: 264px;
height: 32px;
}
}
@media (max-width: 768px) {
.profile-header-logo,
.headerLogo {
background: url("/contents/nikki/scout/images/common/logo_sp.svg") left top no-repeat;
background-size: contain;
width: 140px;
height: 40px;
}
}
/* 繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ
=============================================== */
.profile-nav,
.nav {
padding: 4px 0;
background: #e5ebf4;
}
@media (max-width: 768px) {
.profile-nav,
.nav {
padding: 10px 0;
}
}
.profile-nav-inner,
.navInner {
max-width: 1000px;
margin: 0 auto;
padding: 0 21px 0 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* 繝ｪ繝ｳ繧ｯ
=============================================== */
.profile-nav-items,
.navItems {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.profile-nav-items li + li,
.navItems li + li {
margin-left: 38px;
}
@media (max-width: 768px) {
.profile-nav-items li + li,
.navItems li + li {
margin-left: 14px;
}
}
/* 繝壹�繧ｸ繧ｿ繧､繝医Ν
=============================================== */
.profile-page-header,
.pageHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.profile-page-header,
.pageHeader {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-bottom: 0;
}
}
.pageHeader {
margin-bottom: 32px;
}
@media (max-width: 768px) {
.pageHeader {
margin-bottom: 0;
}
}
.profile-page-header-stepper {
padding-top: 29px;
}
@media (max-width: 768px) {
.profile-page-header-stepper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
overflow-x: hidden;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 0 12px 0;
background: #e5ebf4;
}
}
.profile-page-title {
min-height: 64px;
margin-top: 40px;
padding: 9px 0 0 89px;
}
@media (max-width: 768px) {
.profile-page-title {
min-height: 80px;
height: auto;
margin-top: 0;
padding: 25px 20px 25px 64px;
}
}
.pageTitle {
min-height: 64px;
margin-top: 48px;
padding: 9px 0 0 87px;
}
@media (max-width: 768px) {
.pageTitle {
min-height: 27px;
margin-top: 25px;
padding: 0 0 0 64px;
}
}