@charset "UTF-8";
/*
* mypage 専用の追加スタイル
*
* style.css / style-slim-*.css はスリム化スクリプトで再生成されるため、
* mypage 配下だけで使う追加スタイルはこのファイルに記述する。
* 読み込みは各ページの （_head_css.php の後）で行う。
*/
/* ------------------------------------------------------------------
* .mypage-btnLink
* をボタン表示にするためのクラス。
* デザインは .mm-userinfoEditBtn ul li button[type=submit]（ログインボタン）に準拠。
* 構造: ラベル
* ------------------------------------------------------------------ */
.mypage-btnLink {
box-sizing: border-box;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
width: 285px;
max-width: 100%;
height: 60px;
padding: 0 50px;
border: solid 1px #02254b;
background-color: #02254b;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.075em;
text-align: center;
text-decoration: none; /* main a { text-decoration: underline } の打ち消し */
color: #fff;
transition: all 0.3s ease;
vertical-align: top;
}
.mypage-btnLink:hover {
text-decoration: none;
opacity: 0.5;
}
.mypage-btnLink > span {
display: block;
}
.mypage-btnLink > svg {
position: absolute;
top: calc(50% - 3px);
right: 20px;
height: 6px;
transform: scale(-1, 1); /* 矢印を右向きにする */
}
.mypage-btnLink > svg line {
stroke: #fff;
}
.mypage-btnLink > svg path {
fill: #fff;
}
/* 白地・紺文字の枠線タイプ（必要な場合に is-outline を併記して使う） */
.mypage-btnLink.is-outline {
background-color: #fff;
color: #02254b;
}
.mypage-btnLink.is-outline > svg {
right: auto;
left: 20px;
transform: none;
}
.mypage-btnLink.is-outline > svg line {
stroke: #02254b;
}
.mypage-btnLink.is-outline > svg path {
fill: #02254b;
}
@media (max-width: 1025px) {
.mypage-btnLink {
font-size: 16px;
}
}
/* ------------------------------------------------------------------
* login.php : 会員登録への導線
* ------------------------------------------------------------------ */
.mm-userlogin .mypage-registBtn {
margin-top: 30px;
}
@media (max-width: 1025px) {
.mm-userlogin .mypage-registBtn {
margin-top: 20px;
}
}