@charset "UTF-8";
/*
breakpoint 

@include _mq-down(sm) {}
@include _mq-down(md) {}
*/
/*
レティナディスプレイに対応させるための高画質の画像 logo-2x.png を
.logo { @include _p-imgRetina(logo, png, 100px, 40px);
}
*/
/*==================================================================
mypage
===================================================================*/
.l-mypage_base { width: 100%; height: auto; background-color: #f8f8f8; padding: 20px 20px 20px 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.l-mypage_base.l-btn { position: relative; }
@media screen and (max-width: 1079px) { .l-mypage_base.l-btn { width: calc(100% - 20px); margin: 20px 10px 0; padding: 20px 20px 80px 20px; } }
@media screen and (min-width: 600px) { .l-mypage_base.l-btn { padding: 20px 20px 20px 20px; } }

.l-mypage_box { display: table; table-layout: fixed; }

.l-mypage_box-cell { display: table-cell; vertical-align: middle; }

.l-mypage_top_profile { width: 100px; height: 100px; overflow: hidden; display: block; vertical-align: middle; background-image: url(../img/mypage/icon_default.png); background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
@media screen and (max-width: 599px) { .l-mypage_top_profile { width: 90px; height: 90px; } }

.l-mypage_top_profile_img { width: 100px; height: 100px; overflow: hidden; display: block; vertical-align: middle; background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
@media screen and (max-width: 599px) { .l-mypage_top_profile_img { width: 90px; height: 90px; } }

.l-mypage_top_data { padding-left: 20px; }
@media screen and (max-width: 1079px) { .l-mypage_top_data { padding-left: 10px; } }

.l-mypage_block { min-width: 390px; }

.l-mypage_top_affiliation { font-size: 12px; font-size: 0.75rem; line-height: 1; }

.l-mypage_top_affiliation_name { float: left; font-size: 12px; font-size: 0.75rem; }
@media screen and (max-width: 1079px) { .l-mypage_top_affiliation_name { float: none; } }

.l-mypage_top_nickname { font-size: 28px; font-size: 1.75rem; color: #01699f; }
@media screen and (max-width: 599px) { .l-mypage_top_nickname { font-size: 16px; font-size: 1rem; } }

.l-mypage_top_bodydata li { background-color: #01699f; color: #fff; padding: 5px 8px; display: inline-block; float: left; line-height: 1; font-size: 12px; font-size: 0.75rem; }
.l-mypage_top_bodydata li.p-woman { background-color: #d02f72; }
.l-mypage_top_bodydata .l-mypage_top_age { margin-right: 8px; }

/*
バイタルへのショートカット
-------------------------------------------------------------------*/
.l-vital_shortcut { height: 40px; padding-left: 45px; line-height: 40px; color: #01699f; background-repeat: no-repeat; background-position: left center; background-size: 40px auto; }
@media screen and (min-width: 600px) { .l-vital_shortcut { width: calc(100% - 200px); display: inline-block; } }
@media screen and (min-width: 1080px) { .l-vital_shortcut { width: 400px; } }

/*
セルフチェックへのショートカット
-------------------------------------------------------------------*/
.l-selfcheck_shortcut { height: 40px; padding-left: 45px; line-height: 40px; color: #01699f; background-repeat: no-repeat; background-position: left center; background-size: 40px auto; }
@media screen and (min-width: 600px) { .l-selfcheck_shortcut { width: calc(100% - 200px); display: inline-block; } }
@media screen and (min-width: 1080px) { .l-selfcheck_shortcut { width: 400px; } }

/*
ロッピー対応
-------------------------------------------------------------------*/
.l-stepstransfer { color: #01699f; line-height: 1.2; }
@media screen and (min-width: 600px) { .l-stepstransfer { width: calc(100% - 200px); display: inline-block; } }
@media screen and (min-width: 1080px) { .l-stepstransfer { width: 400px; } }

/*
現在情報
-------------------------------------------------------------------*/
.l-mypage_top_mutter { border: 4px solid #01699f; padding: 0 10px 25px; position: relative; margin-top: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: calc(100% - 20px); margin: 20px 10px 0; }
.l-mypage_top_mutter:before { content: ""; position: absolute; top: -20px; left: 71px; margin-left: -15px; border: 10px solid transparent; border-bottom: 10px solid #fff; z-index: 2; }
.l-mypage_top_mutter:after { content: ""; position: absolute; top: -30px; left: 69px; margin-left: -17px; border: 14px solid transparent; border-bottom: 14px solid #01699f; z-index: 1; }
@media screen and (min-width: 1080px) { .l-mypage_top_mutter { width: 100%; margin: 20px 0 0; padding: 0 30px 25px; } }

.l-mypage_top_balloon { display: table; table-layout: fixed; width: 100%; margin-top: 20px; }

.l-mypage_top_ballon-cell { display: table-cell; }

.l-mypage_top_ballon-line { padding-bottom: 5px; border-bottom: 1px dashed #707070; }
@media screen and (max-width: 599px) { .l-mypage_top_ballon-line { border-bottom: none; } }

.l-mypage_top_ballon_th { font-size: 20px; font-size: 1.25rem; line-height: 1.5; margin-bottom: 3px; }
.l-mypage_top_ballon_th.l-lineno { line-height: 1; }

.l-mypage_top_ballon_th-sub { font-size: 14px; font-size: 0.875rem; line-height: 1.5; }
@media screen and (max-width: 599px) { .l-mypage_top_ballon_th-sub { font-size: 11px; font-size: 0.6875rem; } }

.l-mypage_top_value { font-size: 40px; font-size: 2.5rem; color: #01699f; line-height: 1.1; }

.l-mypage_top_unit { margin-left: 10px; font-size: 20px; font-size: 1.25rem; line-height: 1; }

.l-mypage_top_ballon_left { text-align: left; vertical-align: bottom; padding-left: 10px; padding-bottom: 0; border-bottom: none; }
@media screen and (max-width: 1079px) { .l-mypage_top_ballon_left { width: 100%; display: block; padding-left: 0; } }
@media screen and (max-width: 599px) { .l-mypage_top_ballon_left { padding-bottom: 5px; border-bottom: 1px dashed #707070; } }

.l-mypage_top_ballon_right { text-align: right; vertical-align: bottom; padding-right: 10px; }

@media screen and (max-width: 599px) { .l-mt_table_sp { display: block; } }

/*
list
-------------------------------------------------------------------*/
.l-mypage_top_card-listbox { display: table; table-layout: fixed; width: 100%; min-height: 80px; margin-top: 10px; background-color: #f8f8f8; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
@media screen and (max-width: 599px) { .l-mypage_top_card-listbox { display: block; width: calc(100% - 20px); margin: 20px auto 0; } }
@media screen and (max-width: 1079px) { .l-mypage_top_card-listbox { width: calc(100% - 20px); margin: 20px auto 0; } }

.l-mypage_top_card-list { display: table-cell; vertical-align: middle; }

.l-mypagete_w2 { width: 280px; }
@media screen and (max-width: 1079px) { .l-mypagete_w2 { width: 100%; } }

.l-mypage_top_c_hd { width: 240px; background-color: #01699f; color: #fff; padding-left: 80px; padding-right: 20px; border-top-left-radius: 6px; border-top-right-radius: 0; border-bottom-left-radius: 6px; background-repeat: no-repeat; background-position: 20px center; background-size: 44px auto; }
@media screen and (max-width: 1079px) { .l-mypage_top_c_hd { width: 30%; padding-top: 20px; padding-bottom: 20px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 0; } }
@media screen and (min-width: 600px) { .l-mypage_top_c_hd { padding-left: 65px; background-size: 34px auto; border-top-left-radius: 6px; border-top-right-radius: 0; border-bottom-left-radius: 6px; } }
.l-mypage_top_c_hd .u-text-x_lg { line-height: 1.2; }

.l-mypage_top_c_dd1 { padding-top: 12px; padding-bottom: 12px; display: table; }

.l-mypage_top_c_dd2 { padding-top: 15px; padding-right: 20px; padding-bottom: 15px; text-align: right; }
@media screen and (max-width: 1079px) { .l-mypage_top_c_dd2 { width: 30%; text-align: center; padding: 0 0 20px 0; } }
@media screen and (min-width: 600px) { .l-mypage_top_c_dd2 { padding: 0 15px 0 0; } }

.l-mypage_top_c_dd3 { display: table; }
@media screen and (max-width: 1079px) { .l-mypage_top_c_dd3 { margin-bottom: 10px; } }
@media screen and (min-width: 600px) { .l-mypage_top_c_dd3 { margin-bottom: 0; } }

.l-mypage_top_c_data-list { margin: 0 10px; }
@media screen and (max-width: 1079px) { .l-mypage_top_c_data-list { margin: 0 20px; } }

.l-mypage_top_c_hd-title_sub { font-size: 10px; font-size: 0.625rem; color: #fff; }

.l-mypage_top_c_hd-title { font-size: 16px; font-size: 1rem; }

.l-mypage_top_c_hd-text { font-size: 20px; font-size: 1.25rem; color: #01699f; line-height: 1; }

.l-mypage_top_c-unit { font-size: 12px; font-size: 0.75rem; margin-left: 5px; }

.l-mypage_top_c-subtext { font-size: 12px; font-size: 0.75rem; margin-left: 5px; }

.l-mypage_top_c-lines { border-bottom: 1px dashed #707070; }

.l-mypage_top_c-text1 { text-align: right; color: #707070; }

.l-mypage_top_c-text2 { font-size: 12px; font-size: 0.75rem; text-align: left; color: #707070; }

.l-mypage_top_c-text3 { font-size: 16px; font-size: 1rem; color: #373d3f; }

.l-mypage_top_c-text3_big { font-size: 28px; font-size: 1.75rem; color: #01699f; line-height: 1.2; margin: 0 5px; }

.l-mt_ranking_img { width: 90px; height: 80px; display: table-cell; vertical-align: middle; padding-left: 10px; text-align: center; }
@media screen and (max-width: 1079px) { .l-mt_ranking_img { width: 40%; padding-left: 20px; } }

.l-mt_ranking_now { font-size: 12px; font-size: 0.75rem; text-align: center; display: inline-block; color: #707070; width: 90px; line-height: 1; }
@media screen and (max-width: 1079px) { .l-mt_ranking_now { width: 100%; } }

.l-mt_ranking_img-w { display: table-cell; height: 80px; padding-right: 10px; padding-left: 10px; vertical-align: middle; }
@media screen and (max-width: 1079px) { .l-mt_ranking_img-w { padding-right: 20px; padding-left: 20px; } }

.mt-img { width: 90px; display: inline-block; }
@media screen and (max-width: 1079px) { .mt-img { width: 100%; max-width: 120px; } }
.mt-img img { display: block; width: 100%; height: auto; margin: 0 auto; }

/* ------------------------------------------------------------------
共通部分
-------------------------------------------------------------------
*/
.l-myp_inner_subtitle { font-size: 20px; font-size: 1.25rem; border-bottom: 1px solid #707070; padding-bottom: 5px; }
@media screen and (max-width: 1079px) { .l-myp_inner_subtitle { width: calc(100% - 40px); margin-left: auto; margin-right: auto; } }
@media screen and (max-width: 599px) { .l-myp_inner_subtitle { width: 88%; margin-left: 6%; margin-right: 6%; } }
.l-myp_inner_subtitle.m-t30 { margin-top: 30px; }

.l-myp_inner_subtitle_span { font-size: 12px; font-size: 0.75rem; color: #707070; margin-left: 10px; }
@media screen and (max-width: 599px) { .l-myp_inner_subtitle_span { margin-left: 5px; word-wrap: break-word; } }

.l-caution_line { border: 2px solid #d62e00; padding: 20px; margin-top: 10px; }
.l-caution_line.l-p10 { padding: 10px; }

/* ------------------------------------------------------------------
マイページ top content
-------------------------------------------------------------------
*/
.l-my_t_content_box { width: 100%; padding: 15px 20px; display: table; position: relative; }

.l-my_t_content_btnbox { width: auto; display: inline-block; }

.l-my_t_lotte_box { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: #f8f8f8; }
.l-my_t_lotte_box .l-my_t_content_box { border-top: 1px dashed #707070; }
.l-my_t_lotte_box .l-my_t_content_box:first-child { border-top: none; }
.l-my_t_lotte_box .l-result_none { padding: 60px 20px; text-align: center; }

.l-my_listb { width: calc(100% - 180px); display: inline-block; float: left; }
@media screen and (max-width: 1079px) { .l-my_listb { width: 100%; float: none; } }
.l-my_listb dd:after { content: ""; display: block; clear: both; }

.l-my_t_listbox { margin-top: 20px; }
@media screen and (max-width: 1079px) { .l-my_t_listbox { width: calc(100% - 20px); margin: 20px auto 0; } }

.l-my_t_listbox_title { width: 100%; min-height: 60px; line-height: 60px; display: inline-block; border-top-left-radius: 6px; border-top-right-radius: 6px; padding-left: 25px; background-color: #01699f; font-size: 20px; font-size: 1.25rem; color: #fff; }
.l-my_t_listbox_title.l-icon { padding-left: 60px; }

.l-my_t_content_box_title { font-size: 20px; font-size: 1.25rem; color: #01699f; line-height: 1.2; }

.l-my_t_sub_title { font-size: 12px; font-size: 0.75rem; color: #707070; padding-right: 10px; }

.l-my_t_sub_text { padding-right: 20px; }

.l-my_t_text_tb { display: table; float: left; }

.l-my_t_text_tb_cell { display: table-cell; }

.l-my_t_btn_box { position: absolute; top: 50%; right: 15px; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); }
@media screen and (max-width: 599px) { .l-my_t_btn_box { width: 100%; margin: 15px 0; position: static; top: 0; right: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; text-align: center; } }
@media screen and (max-width: 1079px) and (min-width: 600px) { .l-my_t_btn_box .u-fb_base { width: inherit; min-width: 0; padding: 12px 20px; } }

.l-title_base { position: relative; }

.l-title_alink_base { position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
@media screen and (max-width: 599px) { .l-title_alink_base { position: static; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); background-color: #f8f8f8; text-align: right; padding: 15px 10px 15px 5px; border-bottom: 1px dashed #707070; } }

.l-title_alink { display: inline-block; padding: 0 5px 0 12px; font-size: 16px; font-size: 1rem; color: #01699f; background-size: 6px auto; background-repeat: no-repeat; background-position: left center; }
@media screen and (min-width: 600px) { .l-title_alink { padding-left: 12px; color: #fff; }
  .l-title_alink:hover, .l-title_alink:active, .l-title_alink:focus { color: #fff; } }

/* ------------------------------------------------------------------
共通ヘッダー
-------------------------------------------------------------------
*/
.l-myp_title { background-color: #01699f; min-height: 60px; line-height: 60px; border-top-left-radius: 6px; border-top-right-radius: 6px; color: #fff; padding-left: 75px; font-size: 20px; font-size: 1.25rem; background-repeat: no-repeat; background-position: 20px center; background-size: 40px auto; }
@media screen and (max-width: 1079px) { .l-myp_title { min-height: auto; line-height: auto; border-top-left-radius: 0; border-top-right-radius: 0; } }
.l-myp_title.p-l_none { padding-left: 25px; }

.l-myp_wrap { background-color: #f8f8f8; padding: 30px 20px; }
.l-myp_wrap:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 1079px) { .l-myp_wrap { padding: 30px 0; } }

.l-myp_wrap_none { width: 100%; background-color: #f8f8f8; padding: 30px 0 40px; display: inline-block; }
.l-myp_wrap_none:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 1079px) { .l-myp_wrap_none { padding: 30px 0; } }
.l-myp_wrap_none.l-mb_none { padding-bottom: 0; }
@media screen and (max-width: 1079px) { .l-myp_wrap_none.l-mb_none { padding-bottom: 0; } }
.l-myp_wrap_none.l-mt_none { padding-top: 0; }
@media screen and (max-width: 1079px) { .l-myp_wrap_none.l-mt_none { padding-top: 0; } }

.l-myp_wrap_block { padding: 0 20px; }

.l-myp_wrap_block2 { margin-top: 25px; padding: 0 20px; }

.l-myp_wrap_block3 { margin-top: 25px; padding: 0 20px 25px; }

.l-myp_wrap_block4 { padding: 0 20px; }
@media screen and (max-width: 599px) { .l-myp_wrap_block4 { padding: 0; } }

.l-myp_wrap_block_in { padding: 30px 20px; }

.l-myp_decription { font-size: 16px; font-size: 1rem; }
@media screen and (max-width: 1079px) { .l-myp_decription { padding: 0 20px; } }
@media screen and (max-width: 599px) { .l-myp_decription { padding: 0; } }

.l-myp_news_list { position: relative; left: 0; top: 0; color: #707070; }

.l-myp_news_new { padding: 5px 20px 5px 10px; position: absolute; display: inline-block; line-height: 1em; top: 15px; left: 0; font-size: 12px; font-size: 0.75rem; }
.l-myp_news_new:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 11px 7px 11px 0; border-color: transparent #f8f8f8 transparent transparent; position: absolute; top: 0; right: 0; }

.l-new_list { padding-left: 40px; }

@media screen and (max-width: 599px) { .l-new_icon_c-box { display: block; float: left; } }

.l-myp_news_span { margin-right: 10px; margin-bottom: 5px; float: left; }

.l-myp_news_company { font-size: 12px; font-size: 0.75rem; color: #707070; }

.l-myp_news_content { clear: both; padding: 10px 0; }

.l-myp_news_alink { padding-left: 10px; background-size: 5px auto; background-position: left center; background-repeat: no-repeat; }

.l-myp_se_thum { width: 80px; height: 80px; display: block; background-position: center; background-size: cover; }
.l-myp_se_thum img { opacity: 0; }

.l-myp_event_parent { overflow: hidden; }
@media screen and (min-width: 600px) { .l-myp_event_parent { width: calc(100% - 170px); } }

.l-myp_event_thum { float: left; }

.l-myp_event_right { float: left; width: calc(100% - 95px); margin-left: 15px; position: relative; }

.l-myp_event_title { font-size: 20px; font-size: 1.25rem; line-height: 1.2; color: #01699f; display: block; clear: both; padding: 30px 0 5px; }

.l-myp_event_label { display: inline-block; position: absolute; left: 0; top: 0; }

.l-myp_event_day { font-size: 12px; font-size: 0.75rem; }

.l-myp_event_day_t { margin-right: 10px; }

@media screen and (max-width: 599px) { .l-myp_event_day_b { display: block; } }

/* ------------------------------------------------------------------
ポイント
-------------------------------------------------------------------
*/
.l-myp_holding_points { width: 390px; height: 150px; background-color: #01699f; padding: 20px; float: left; }
@media screen and (max-width: 1079px) { .l-myp_holding_points { float: none; width: 100%; } }

.l-myp_holding_points-title { font-size: 18px; font-size: 1.125rem; color: #fff; }

.l-myp_holding_points-title_sub { font-size: 12px; font-size: 0.75rem; color: #fff; }

.l-myp_holding_points-point { font-size: 40px; font-size: 2.5rem; color: #fff; text-align: right; line-height: 1; margin-top: 5px; }

.l-myp_holding_points-point_unit { font-size: 12px; font-size: 0.75rem; color: #fff; margin-left: 10px; }

.l-myp_mt_point { margin-top: 20px; }
.l-myp_mt_point:after { content: ""; display: block; clear: both; }

.l-myp_mt_point_sub { line-height: 1; }

.l-myp_customers { width: 290px; height: 150px; border: 2px solid #01699f; box-sizing: border-box; float: right; display: table; text-align: center; }
@media screen and (max-width: 1079px) { .l-myp_customers { float: none; width: 88%; margin: 20px 6% 0; } }

.l-myp_customers_box { display: table-cell; vertical-align: middle; font-size: 14px; font-size: 0.875rem; }

.l-myp_point { font-size: 20px; font-size: 1.25rem; color: #01699f; margin: 0 5px; line-height: 1; }

.l-myp_point_title_block { display: block; width: 100%; clear: both; text-align: center; width: 230px; margin: 0 auto; }

.l-myp_point_title_border { font-size: 14px; font-size: 0.875rem; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 2px solid #01699f; }

.l-myp_point_title { font-size: 16px; font-size: 1rem; color: #01699f; display: block; width: 100%; clear: both; text-align: left; }

.l-myp_point_th { font-size: 12px; font-size: 0.75rem; line-height: 1.2; color: #707070; }
@media screen and (max-width: 1079px) { .l-myp_point_th { margin-top: 10px; } }

.l-myp_point_sub { font-size: 16px; font-size: 1rem; margin: 0 5px; }

.l-myp_list_sub_title { font-size: 20px; font-size: 1.25rem; display: block; margin-top: 30px; padding-bottom: 5px; border-bottom: 1px solid #707070; }
@media screen and (max-width: 1079px) { .l-myp_list_sub_title { width: 88%; margin: 20px 6% 0; } }

/* ------------------------------------------------------------------
テーブル
-------------------------------------------------------------------
*/
.l-table_mt { margin-top: 20px; }

.l-table_th { background-color: #01699f; color: #fff; font-weight: normal; }
.l-table_th th { padding: 5px; }

.l-table_line { border-left: 1px solid #dddddd; }
@media screen and (max-width: 1079px) { .l-table_line { width: 88%; margin: 10px 6% 0; } }

.l-table_line_th td { vertical-align: middle; padding: 5px; background-color: #fff; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; line-height: 1.3; }
@media screen and (max-width: 399px) { .l-table_line_th td:nth-child(1) { text-align: left !important; } }
@media screen and (max-width: 1079px) { .l-table_line_th .l-table_title { display: block; } }

.l-btn_detail-list { margin-top: 20px; text-align: right; clear: both; }
@media screen and (max-width: 1079px) { .l-btn_detail-list { text-align: center; } }
.l-btn_detail-list.l-btn_detail-list_mt { margin: 20px; }

/* ------------------------------------------------------------------
ランキング
-------------------------------------------------------------------
*/
.l-my_ranking_detail { padding: 30px 20px 0; }
.l-my_ranking_detail .l-ranking_sub_box { margin-bottom: 10px; }
.l-my_ranking_detail .l-ranking_sub_box:nth-child(2n) { margin-left: 10px; }
@media screen and (max-width: 599px) { .l-my_ranking_detail .l-ranking_sub_box:nth-child(2n) { margin-left: 0; } }

.l-mytitle { display: block; padding: 15px 25px; margin-top: 30px; background-color: #dddddd; font-weight: normal; font-size: 20px; font-size: 1.25rem; }
.l-mytitle.l-mytitle_mt { margin-top: 0; }
.l-mytitle.l-mytitle_mt60 { margin-top: 60px; }

.l-myranking_regu { width: 100%; max-width: 340px; min-height: 275px; margin: 0 auto; display: table; }
@media screen and (max-width: 1079px) { .l-myranking_regu { max-width: 100%; } }

.l-myranking_other { width: 100%; max-width: 340px; min-height: 220px; margin: 0 auto; display: table; }
@media screen and (max-width: 1079px) { .l-myranking_other { max-width: 100%; } }
.l-myranking_other .l-data_update_box { padding: 20px 0; }

.l-myranking_left { display: table-cell; height: 100%; min-width: 380px; vertical-align: middle; text-align: center; border-top-left-radius: 6px; border-top-right-radius: 0; border-bottom-left-radius: 6px; background-color: #01699f; background-position: center; background-repeat: no-repeat; background-size: 300px auto; }
@media screen and (max-width: 1079px) { .l-myranking_left { min-width: 200px; background-size: 80% auto; display: table-cell; } }
@media screen and (max-width: 599px) { .l-myranking_left { width: 100%; height: 120px; min-width: initial; display: table-cell; background-size: 130px auto; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 0px; } }
.l-myranking_left.league { min-width: 340px; }
@media screen and (max-width: 1079px) { .l-myranking_left.league { min-width: 0; } }
.l-myranking_left.league + .l-myranking_right { min-width: 340px; }

.l-myranking_right { min-width: 300px; display: table-cell; vertical-align: middle; padding: 30px 8px; background-color: #fff; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
@media screen and (max-width: 1079px) { .l-myranking_right { min-width: initial; background-size: 300px auto; display: table-cell; } }
@media screen and (max-width: 599px) { .l-myranking_right { min-width: initial; width: 100%; background-color: #fff; display: table-footer-group; padding-bottom: 0; } }

@media screen and (max-width: 599px) { .l-myranking_right_box { background-color: #fff; display: block; border-top-right-radius: 0px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding-bottom: 10px; } }

@media screen and (min-width: 600px) { .l-data_update_box { position: relative; } }

.l-data_update_sheet { color: #707070; width: 100%; text-align: right; display: inline-block; padding-right: 10px; font-size: 12px; font-size: 0.75rem; }
@media screen and (min-width: 600px) { .l-data_update_sheet { position: absolute; padding-right: 0; top: 10px; right: 10px; } }

.l-lanking_icon_base:before { content: ""; width: 45px; height: 45px; display: block; overflow: hidden; margin: 0 auto; text-indent: -100em; background-size: 46px auto; background-repeat: no-repeat; background-position: center center; }

.l-ranking_sub_l_text { display: inline-block; text-align: left; padding-left: 45px; line-height: 1.2; font-size: 20px; font-size: 1.25rem; background-size: 46px auto; background-repeat: no-repeat; background-position: left center; }
@media screen and (max-width: 599px) { .l-ranking_sub_l_text { text-align: center; padding-left: 0; padding-top: 45px; background-size: 40px auto; background-position: top center; } }

.l-lanking_title1 { color: #fff; font-size: 28px; font-size: 1.75rem; line-height: 1.2; }
@media screen and (max-width: 599px) { .l-lanking_title1.l-lanking_title2 { color: #fff; font-size: 20px; font-size: 1.25rem; } }

.l-lanking_fullname { font-size: 12px; font-size: 0.75rem; color: #fff; display: block; }

.l-ranking_aggregate { font-size: 12px; font-size: 0.75rem; color: #707070; text-align: right; display: block; }

.l-ranking_box { width: 280px; margin: 0 auto; text-align: center; }
@media screen and (max-width: 1079px) { .l-ranking_box { width: calc(100% - 20px); } }

.l-ranking_subarea_box { width: auto; margin: 0 auto; text-align: center; }

.l-ranking_box_title { max-width: 90px; margin: 0 auto; }

.l-ranking_box_text { max-width: auto; margin: 5px auto 0; line-height: 1.2; color: #707070; }

.l-ranking_line { padding-bottom: 5px; border-bottom: 1px dashed #707070; }

.l-ranking_box_now { font-size: 40px; font-size: 2.5rem; color: #01699f; line-height: 40px; padding-top: 0; display: inline-block; }
.l-ranking_box_now.l-title { line-height: 20px; }

.l-ranking_box_sub_now { font-size: 20px; font-size: 1.25rem; color: #01699f; line-height: 1.2; padding-top: 5px; display: inline-block; }

.l-ranking_box_now_unit { margin-left: 5px; }

.l-ranking_regus_vowel { padding-top: 5px; }

.l-ranking_regu_vowel { margin-left: 5px; }

.l-ranking_reg_detaile_btn { text-align: center; margin-top: 10px; margin-bottom: 5px; }
@media screen and (max-width: 599px) { .l-ranking_reg_detaile_btn { margin-bottom: 15px; } }

.l-ranking_sub_box { width: calc(50% - 5px); float: left; display: block; }
@media screen and (max-width: 599px) { .l-ranking_sub_box { width: 100%; } }

@media screen and (max-width: 1079px) { .l-ranking_sub_list { width: 100%; min-width: initial; display: table; } }

.l-myranking_sub_left { display: table-cell; height: 100%; min-width: 175px; vertical-align: middle; text-align: center; border-top-left-radius: 6px; border-top-right-radius: 0; border-bottom-left-radius: 6px; background-color: #01699f; background-position: center; background-repeat: no-repeat; background-size: 300px auto; position: relative; }
@media screen and (max-width: 1079px) { .l-myranking_sub_left { width: 40%; min-width: 0; } }

.l-myranking_sub_right { min-width: 160px; display: table-cell; padding: 10px; background-color: #fff; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
@media screen and (max-width: 1079px) { .l-myranking_sub_right { min-width: 100%; } }

.l-my_ranking_box1 { margin-top: 10px; max-width: 680px; }
.l-my_ranking_box1:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 1079px) { .l-my_ranking_box1 { max-width: 100%; margin: 10px auto 0; } }
@media screen and (max-width: 599px) { .l-my_ranking_box1 { width: 100%; } }

.l-my_ranking_box2:after { content: ""; display: block; clear: both; }

.l-ranking_detail_btn_flow { margin: 0 auto; display: table; }

.l-ranking_detail_btn_flow-list { float: left; }
.l-ranking_detail_btn_flow-list:nth-child(2) { margin-left: 10px; }
@media screen and (max-width: 599px) { .l-ranking_detail_btn_flow-list { float: none; display: block; }
  .l-ranking_detail_btn_flow-list:nth-child(2) { margin-left: 0; } }

/*
ランキングbox
-------------------------------------------------------------------*/
.l-card_ranking { width: 100%; min-height: 80px; margin-top: 5px; background-color: #fff; display: table; table-layout: fixed; vertical-align: middle; }
@media screen and (max-width: 599px) { .l-card_ranking { padding: 10px 0; } }

.l-card_ranking-left { width: 20%; text-align: center; display: table-cell; vertical-align: middle; font-size: 16px; font-size: 1rem; }
.l-card_ranking-left img { width: 60px; height: auto; }
@media screen and (max-width: 599px) { .l-card_ranking-left { font-size: 14px; font-size: 0.875rem; width: 30%; }
  .l-card_ranking-left img { width: 70%; height: auto; } }

.l-ranking_history_day_area { font-size: 16px; font-size: 1rem; }
@media screen and (max-width: 599px) { .l-ranking_history_day_area { font-size: 12px; font-size: 0.75rem; } }

.l-update_day { font-size: 16px; font-size: 1rem; }
@media screen and (max-width: 599px) { .l-update_day { font-size: 12px; font-size: 0.75rem; } }

.l-card_ranking-right { display: table-cell; vertical-align: middle; }

.l-card_ranking-right_span { width: 100%; height: inherit; display: table; vertical-align: middle; }

.l-card_ranking-right_box1 { width: 100%; height: inherit; display: table; vertical-align: middle; }
@media screen and (max-width: 599px) { .l-card_ranking-right_box1 { width: 95%; } }

.l-card_ranking-right_box1-list1 { display: table-cell; width: 50%; vertical-align: middle; }
@media screen and (max-width: 599px) { .l-card_ranking-right_box1-list1 { border-bottom: 1px dashed #707070; } }

.l-card_ranking-profile { width: 60px; height: 60px; display: table-cell; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; }
.l-card_ranking-profile img { width: 100%; height: auto; }
@media screen and (max-width: 599px) { .l-card_ranking-profile { vertical-align: middle; float: none; width: 30px; height: 30px; } }

.l-card_ranking-profile_name { font-size: 18px; font-size: 1.125rem; }

.l-card_ranking-data { width: calc(100% - 60px); height: 60px; vertical-align: middle; padding-left: 15px; display: table-cell; }
@media screen and (max-width: 599px) { .l-card_ranking-data { padding-left: 5px; } }

.l-card_ranking-data_li { float: left; width: 100%; display: table-cell; }
@media screen and (max-width: 599px) { .l-card_ranking-data_li { font-size: 14px; font-size: 0.875rem; line-height: 1.4; } }

.l-card_ranking-right_box1-list2 { display: table-cell; vertical-align: middle; text-align: right; padding-right: 20px; width: 50%; }
@media screen and (max-width: 599px) { .l-card_ranking-right_box1-list2 { display: table-footer-group; } }

.l-card_ranking-right_box1-list3 { display: table-cell; vertical-align: middle; text-align: right; width: 15px; }

.l-card_body-data { display: block; }

.l-card_body-data-list { display: inline-block; float: left; font-size: 14px; font-size: 0.875rem; }
.l-card_body-data-list:nth-child(2) { margin-left: 15px; }
@media screen and (max-width: 599px) { .l-card_body-data-list { font-size: 12px; font-size: 0.75rem; } }

.l-card_stepnumber { font-size: 28px; font-size: 1.75rem; }
@media screen and (max-width: 599px) { .l-card_stepnumber { padding-right: 5px; font-size: 28px; font-size: 1.75rem; } }
@media screen and (max-width: 599px) { .l-card_stepnumber.sm { font-size: 14px; font-size: 0.875rem; } }

.l-user_man { color: #01699f; }

.l-user_woman { color: #d02f72; }

.l-myself { background-color: #dcf1ff; }

/* ------------------------------------------------------------------
ランキング 履歴
-------------------------------------------------------------------
*/
.l-ranking_history-ranking { max-width: 40%; }
@media screen and (max-width: 599px) { .l-ranking_history-ranking { width: 100%; max-width: 100%; } }

.l-ranking_history-ranking_number { max-width: 60%; padding-right: 20px; }
@media screen and (max-width: 599px) { .l-ranking_history-ranking_number { width: 100%; max-width: 100%; padding-right: 0; } }

.l-ranking_history-ranking_updown { width: 40px; }
.l-ranking_history-ranking_updown img { width: 100%; height: auto; }
@media screen and (max-width: 599px) { .l-ranking_history-ranking_updown { width: 16px; } }

.l-ranking_hitory_data { width: 45%; }

.l-tabletet_data_box { margin: 0 auto; text-align: center; letter-spacing: -0.5em; }
@media screen and (max-width: 599px) { .l-tabletet_data_box { text-align: center; display: inline-block; } }

.l-tabletet_data_box-li { display: inline-block; text-align: center; vertical-align: middle; letter-spacing: normal; }
.l-tabletet_data_box-li ul { position: relative; }
.l-tabletet_data_box-li img { width: 100%; max-width: 120px; height: auto; }
@media screen and (max-width: 599px) { .l-tabletet_data_box-li img { width: 60px; } }

.l-ranking_h_day { display: block; }

@media screen and (max-width: 599px) { .l-ranking_h_day1 { display: block; text-align: center; } }

@media screen and (max-width: 599px) { .l-ranking_h_day2 { display: block; text-align: center; } }

@media screen and (max-width: 599px) { .l-childa { display: inline-block; text-align: center; transform: rotate(-90deg); } }

.l-ranking_h_day3 { display: block; }
@media screen and (max-width: 599px) { .l-ranking_h_day3 { display: block; text-align: center; } }

@media screen and (max-width: 599px) { .rnk_h-t { display: table; margin: 5px auto 0; } }

@media screen and (max-width: 599px) { .rnk_h-t-cell { display: table-cell; vertical-align: baseline; } }
.rnk_h-t-cell img { width: 50px; height: auto; }

.c-tablet_line .l-rnk_base { padding: 10px; }

.l-rank_th td:nth-child(2) { padding: 20px 40px 20px 20px; }
@media screen and (min-width: 1080px) { .l-rank_th td:nth-child(2) { padding: 10px; } }

.l-ranking_history-ranking_updown { width: 40px; position: absolute; top: 50%; right: -30px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
.l-ranking_history-ranking_updown img { width: 100%; height: auto; vertical-align: initial; }
@media screen and (max-width: 599px) { .l-ranking_history-ranking_updown { width: 16px; position: static; top: auto; right: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } }

.l-ranking_average { vertical-align: baseline; }

.l-ranking_dantai_text1 { font-size: 8px; font-size: 0.5rem; line-height: 1em; display: block; }

.l-ranking_dantai_text2 { font-size: 12px; font-size: 0.75rem; line-height: 1em; display: block; letter-spacing: 1px; }

.l-card_stepbox { display: inline-block; min-width: 8em; }
@media screen and (max-width: 599px) { .l-card_stepbox { min-width: calc(100% - 50px); } }

.l-myp_subtitle { font-size: 16px; font-size: 1rem; margin-top: 40px; }
@media screen and (max-width: 1079px) { .l-myp_subtitle { margin-top: 20px; } }

.l-myp_inautoblcok { padding: 0 20px; }
@media screen and (max-width: 1079px) { .l-myp_inautoblcok { padding: 0; } }

.l-myp_other_glaf { display: inline-block; clear: both; margin-top: 20px; margin-bottom: 20px; padding: 10px 20px; background-color: #fff; width: 100%; background-color: #fff; }
@media screen and (max-width: 1079px) { .l-myp_other_glaf { width: 94%; margin: 15px 3% 0; } }

.l-myp_other_glaf_title { padding-left: 22px; background-repeat: no-repeat; background-position: left -5px center; background-size: auto 30px; font-size: 20px; font-size: 1.25rem; }

.l-myc_list { width: 720px; height: 30px; padding: 20px; display: table; background-color: #dddddd; position: relative; }
.l-myc_list a { color: #00435f; vertical-align: baseline; }
@media screen and (max-width: 1079px) { .l-myc_list { width: 100%; height: auto; display: block; background-color: transparent; padding: 0; } }

.l-myc_title { margin-top: 40px; }

.l-myc_day_list { display: table-cell; table-layout: fixed; vertical-align: middle; }

.l-myc_day_list_l { position: absolute; top: 50%; left: 20px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
@media screen and (max-width: 1079px) { .l-myc_day_list_l { width: 50%; padding-left: 20px; position: static; display: inline-block; float: left; } }

.l-myc_day_list_m { width: 100%; text-align: center; line-height: 1em; font-size: 20px; font-size: 1.25rem; }
@media screen and (max-width: 1079px) { .l-myc_day_list_m { width: 100%; line-height: 60px; display: block; background-color: #dddddd; font-size: 28px; font-size: 1.75rem; } }

.l-myc_day_list_r { position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); text-align: right; }
@media screen and (max-width: 1079px) { .l-myc_day_list_r { width: 50%; padding-right: 20px; position: static; display: inline-block; } }

.l-myc_table_box { padding: 0 20px; }
@media screen and (max-width: 599px) { .l-myc_table_box { padding: 0; } }

.l-myc_table_box_text { display: inline-block; width: 100%; text-align: right; }

.l-myc_step { margin: 0 5px 0 5px; }

.l-myr_notfound { width: 100%; padding: 50px 0; text-align: center; display: block; }

/*
カレンダーレイアウト
-------------------------------------------------------------------*/
.l-day_holiday { color: #d62e00; }
.l-day_holiday .l-myc_box-day { color: #d62e00; }

.l-day_saturday, .l-myc_c_w tr:nth-child(n+1) td:nth-child(6) .l-myc_box-day { color: #01699f; }

.l-day_sunday, .l-myc_c_w tr:nth-child(n+1) td:nth-child(7) .l-myc_box-day { color: #d62e00; }

.l-myc_c_w { width: 680px; margin: 0 auto; table-layout: fixed; border-collapse: collapse; }
@media screen and (max-width: 1079px) { .l-myc_c_w { width: 100%; } }

.l-myc_c_h { border: 1px solid #dddddd; background-color: #fff; text-align: center; border-collapse: collapse; }

.l-myc_box-cell { width: 100%; height: 80px; background-color: #fff; background-repeat: no-repeat; background-position: calc(100% - 10px) 10px; background-size: 10px auto; display: inline-block; position: relative; border-collapse: collapse; }
.l-myc_box-cell:hover { background-color: #f8f8f8; }
.l-myc_box-cell:hover .l-myc_box-day { font-weight: 600 !important; font-family: "NotoSansCJKjp-Bold", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

.l-myc_datacell { width: calc(100% / 5); background-color: #fff; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }

.l-myc_box-day { font-size: 14px; font-size: 0.875rem; margin: 8px 0 0 8px; display: inline-block; color: #373d3f; }

.l-myc_imgmark { position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media screen and (max-width: 599px) { .l-myc_imgmark { top: 60%; width: 50px; height: auto; bottom: 0; } }

/*
カレンダーメモレイアウト
-------------------------------------------------------------------*/
.l-myc_memo { width: 680px; margin: 20px auto 0; background-color: #fff; display: table; }
@media screen and (max-width: 1079px) { .l-myc_memo { width: 100%; } }

.l-myc_title_block { width: 100%; height: 40px; display: table; vertical-align: middle; }
@media screen and (max-width: 599px) { .l-myc_title_block { display: inline; } }

.l-myc_dt { width: 100%; display: inline-block; padding: 20px; border-bottom: 1px dashed #dddddd; float: left; vertical-align: middle; }

.l-myc_hd_l { display: table-cell; vertical-align: middle; }
@media screen and (max-width: 599px) { .l-myc_hd_l { width: 100%; display: inline-block; } }

.l-myc_hd_r { text-align: right; display: table-cell; vertical-align: middle; line-height: 1em; padding-top: 0; }
@media screen and (max-width: 599px) { .l-myc_hd_r { padding-top: 10px; display: block; } }

.l-myc_dd { width: 100%; display: inline-block; padding: 20px; line-height: 1; }
.l-myc_dd:after { content: ""; display: block; clear: both; }

.l-myc_goalstep_day { line-height: 1em; vertical-align: middle; }

.l-myc_goalstep { min-height: 30px; background-color: #01699f; color: #fff; padding: 8px 10px 5px 25px; margin-left: 10px; line-height: 1em; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: 15px auto; background-position: 8px center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-size: 0.875rem; }
@media screen and (max-width: 599px) { .l-myc_goalstep { float: right; } }

.l-myc_memo_title { font-size: 20px; font-size: 1.25rem; min-height: 20px; background-repeat: no-repeat; background-size: 15px auto; background-position: left center; padding-left: 25px; display: inline-block; }

.l-myc_memo_edit { text-align: right; float: right; }
.l-myc_memo_edit.is-disabled p { color: #dddddd; }

.l-myc_memo_box, .l-myc_none_memo_box { clear: both; width: 100%; margin: 15px auto 0; word-break: break-all; }

.l-myc_none_memo_box { padding: 15px 0; }

.l-myc_memo_block { text-align: right; }
@media screen and (max-width: 599px) { .l-myc_memo_block { width: 100%; text-align: center; margin-top: 20px; display: inline-block; } }

.l-myc_memo_text { font-size: 12px; font-size: 0.75rem; color: #707070; float: left; }

.is-today > .l-myc_box-cell { background-color: #dcf1ff; }

.is-selectedday { border: 2px solid #01699f; }

/*
ユーザー情報
-------------------------------------------------------------------*/
.l-myp_icon { width: 150px; height: 150px; display: block; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.l-myp_icon img { width: 100%; height: auto; }

.l-myp_formbox { width: 100%; margin-top: 0; padding: 0 20px 40px; }
.l-myp_formbox:after { content: ""; display: block; clear: both; }
@media screen and (min-width: 600px) { .l-myp_formbox { padding: 15px 30px 40px; } }
.l-myp_formbox.l-myp_formbox-text { padding-top: 40px; padding-bottom: 40px; }
.l-myp_formbox.l-myp_f { margin-top: 0; }
@media screen and (max-width: 1079px) { .l-myp_formbox.l-myp_f { margin-top: 30px; } }
.l-myp_formbox.l-myp_f_t { margin-top: 40px; }

.u-myp_element_box { display: block; width: 100%; }
.u-myp_element_box.u-line_top { padding-top: 15px; border-top: 1px solid #dddddd; }
@media screen and (max-width: 599px) { .u-myp_element_box.u-line_top { padding-top: 30px; } }
@media screen and (max-width: 1079px) { .u-myp_element_box.u-profile { padding-top: 30px; padding-bottom: 30px; display: inline-block; } }
.u-myp_element_box.u-line_bottom { padding-top: 15px; border-bottom: 1px solid #dddddd; }
@media screen and (min-width: 600px) { .u-myp_element_box { display: table; padding-bottom: 15px; } }
.u-myp_element_box.u-mb_none { padding-bottom: 0; }

.u-myp_element_box-left { width: 100%; margin: 0 0 10px 0; vertical-align: top; line-height: 1.2; word-break: break-all; }
@media screen and (min-width: 600px) { .u-myp_element_box-left { width: 22%; display: table-cell; padding-top: 8px; padding-left: 15px; } }
.u-myp_element_box-left.pad_none { padding-top: 0; vertical-align: middle; }

.u-myp_element_input_box-left { width: 100%; margin: 0 0 10px 0; vertical-align: top; line-height: 1.2; word-break: break-all; }
@media screen and (min-width: 600px) { .u-myp_element_input_box-left { width: 38%; display: table-cell; padding-top: 8px; padding-left: 15px; } }
.u-myp_element_input_box-left.pad_none { padding-top: 0; vertical-align: middle; }

.custom_form-label { position: relative; }

input[type="number"].custom_form-input_type_number::-webkit-outer-spin-button, input[type="number"].custom_form-input_type_number::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type="number"].custom_form-input_type_number { -moz-appearance: textfield; }

.spin_button-wrapper { position: absolute; right: 16px; height: 29px; top: -1px; }
@media screen and (min-width: 600px) { .spin_button-wrapper { right: 32px; height: 39px; top: -6px; } }
.spin_button-wrapper .spin-button { width: 16px; height: 15px; text-align: center; border: none; position: absolute; margin: 0; padding: 0; }
@media screen and (min-width: 600px) { .spin_button-wrapper .spin-button { width: 32px; height: 20px; } }
.spin_button-wrapper .spin-button .spin_button-mark { width: 0; height: 0; border-style: solid; position: absolute; margin-left: -5px; top: 5px; }
.spin_button-wrapper .spin_button-up { top: 0; }
.spin_button-wrapper .spin_button-up .spin_button-mark-up { border-width: 0 5px 5px 5px; border-color: transparent transparent #373d3f; }
.spin_button-wrapper .spin_button-down { top: 14px; }
@media screen and (min-width: 600px) { .spin_button-wrapper .spin_button-down { top: 19px; } }
.spin_button-wrapper .spin_button-down .spin_button-mark-down { border-width: 5px 5px 0 5px; border-color: #373d3f transparent transparent; }

.u-myp_element_box-right { margin-bottom: 30px; word-break: break-all; }
@media screen and (min-width: 600px) { .u-myp_element_box-right { margin-bottom: 0; padding-right: 10px; display: table-cell; } }

.l-myptitle { display: block; padding: 15px 25px; margin-top: 30px; background-color: #dddddd; font-weight: normal; font-size: 20px; font-size: 1.25rem; }
.l-myptitle.l-mytitle_mt { margin-top: 0; }
.l-myptitle.l-mytitle_mt60 { margin-top: 60px; }
@media screen and (max-width: 599px) { .l-myptitle { padding: 0; background-color: transparent; } }

@media screen and (max-width: 599px) { .l-myp_title_wraper { display: block; padding: 15px 25px; background-color: #dddddd; } }

.l-myp_arrow_user { color: #00435f; padding-left: 10px; background-repeat: no-repeat; background-position: left center; background-size: 5px auto; font-size: 16px; font-size: 1rem; }
@media screen and (max-width: 599px) { .l-myp_arrow_user { color: #01699f; } }

.l-myp_userlink { position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
@media screen and (max-width: 599px) { .l-myp_userlink { margin: 10px 15px 0 0; position: static; top: 0; right: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; display: block; text-align: right; } }

.l-pass_change { font-size: 20px; font-size: 1.25rem; padding: 15px 70px; }

.l-myp_unsubscribe { margin-bottom: 20px; }
@media screen and (min-width: 600px) { .l-myp_unsubscribe { width: 70%; float: left; display: inline-block; margin-bottom: 0; } }

.l-myp_unsubscribe_btn { float: right; display: inline-block; }
.l-myp_unsubscribe_btn .u-form_btn-nest { height: auto; }

.l-myp_userdata_list { display: inline-block; }

.l-myp_userdata_des { margin-left: 10px; color: #707070; }

.l-myp_userdata_des2 { margin-left: 0; margin-top: 5px; color: #707070; display: block; }
@media screen and (max-width: 599px) { .l-myp_userdata_des2 { display: inline-block; margin-top: 0; margin-left: 10px; } }

.l-myp_userdata_list_block { margin-top: 5px; color: #707070; display: block; }

.l-profile_img { float: left; }
@media screen and (max-width: 599px) { .l-profile_img { width: 100px; height: 100px; } }

.l-profile_img_btn { width: calc(100% - 150px - 15px); display: block; float: left; padding-left: 15px; }
@media screen and (max-width: 599px) { .l-profile_img_btn { width: calc(100% - 100px - 15px); } }

.l-profile_btn { display: inline-block; }
.l-profile_btn:nth-child(2) { margin-top: 10px; }
@media screen and (max-width: 1079px) { .l-profile_btn { display: block; } }

.l-profile_text { margin-top: 10px; font-size: 12px; font-size: 0.75rem; color: #707070; }

/* ------------------------------------------------------------------
プロフィール編集
-------------------------------------------------------------------
*/
.l-profile_edit { margin: 0 20px; }
@media screen and (max-width: 1079px) { .l-profile_edit { width: 500px; margin: 0 auto; } }
@media screen and (max-width: 1079px) and (orientation: landscape) { .l-profile_edit { width: 88%; } }

@media screen and (max-width: 599px) { .l-profile_edit { width: auto; margin: 0 auto; } }

.l-profile_canvas { background-color: #dddddd; float: left; width: 450px; height: 320px; }
@media screen and (max-width: 1079px) { .l-profile_canvas { width: 100%; max-width: 450px; height: 320px; margin: 0 auto; float: none; } }
@media screen and (max-width: 1079px) and (orientation: landscape) { .l-profile_canvas { width: 55%; min-height: 180px; float: left; margin-left: 20px; } }

@media screen and (max-width: 599px) { .l-profile_canvas { width: 280px; height: 320px; } }

.l-profile_navi { padding: 25px 20px; width: 205px; max-height: 320px; float: right; border: 2px solid #01699f; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
@media screen and (max-width: 1079px) { .l-profile_navi { width: 95%; margin: 20px auto 0; padding: 15px; float: none; max-width: 400px; } }
@media screen and (max-width: 1079px) and (orientation: landscape) { .l-profile_navi { margin: 0; max-width: 35%; margin-right: 10px; float: right; } }

@media screen and (max-width: 599px) { .l-profile_navi { max-width: 280px; } }
@media screen and (max-width: 599px) and (orientation: landscape) { .l-profile_navi { max-width: 250px; } }

.l-profile_navi_title { font-size: 20px; font-size: 1.25rem; color: #01699f; line-height: 1; }
@media screen and (max-width: 1079px) { .l-profile_navi_title { clear: both; display: block; } }

@media screen and (max-width: 1079px) { .l-photo_myedit { display: table; margin: 20px auto 0; } }
@media screen and (max-width: 1079px) and (orientation: landscape) { .l-photo_myedit { margin: 0 auto; } }

.l-photo_edit_btn { position: relative; }

.l-photo_edit_list-btn { width: 90px; height: 90px; margin: 15px auto 0; }
@media screen and (max-width: 1079px) { .l-photo_edit_list-btn { float: left; margin: 10px 0 0 0; } }
@media screen and (max-width: 1079px) and (orientation: landscape) { .l-photo_edit_list-btn { float: none; margin: 10px auto; } }

.l-photo_edit_btn_navi, .l-photo_edit_btn-up, .l-photo_edit_btn-down, .l-photo_edit_btn-left, .l-photo_edit_btn-right { position: absolute; float: left; }
.l-photo_edit_btn_navi img, .l-photo_edit_btn-up img, .l-photo_edit_btn-down img, .l-photo_edit_btn-left img, .l-photo_edit_btn-right img { width: 30px; height: auto; }

.l-photo_edit_btn-up { position: absolute; left: 30px; top: 0; width: 30px; }

.l-photo_edit_btn-down { position: absolute; left: 30px; top: 60px; }

.l-photo_edit_btn-left { position: absolute; left: 60px; top: 30px; }

.l-photo_edit_btn-right { position: absolute; left: 0; top: 30px; }

.l-photo_edit_rosize_btn { width: 145px; margin: 15px auto 0; }
.l-photo_edit_rosize_btn img { width: 66px; height: auto; }
@media screen and (max-width: 1079px) { .l-photo_edit_rosize_btn { width: 150px; float: left; margin: 0 0 0 5px; } }

.l-photo_edit_float { float: left; margin-right: 10px; }

.l-photo_edit_mt { margin-top: 10px; }

.l-form_btn_my_clear { clear: both; }

/* ------------------------------------------------------------------
本人確認用　モーダル
-------------------------------------------------------------------
*/
.l-modal_notes_line { border: 4px solid #d62e00; padding: 20px; margin: 30px 0 20px; }

.l-modal_notes_title { font-size: 18px; font-size: 1.125rem; color: #d62e00; line-height: 1; }

.l-modal_notes_text { margin-top: 5px; line-height: 1.7; }

@media screen and (max-width: 599px) { .l-modal_inner_notes { width: 90%; margin: 20px 5% 0; display: block; } }

.l-modal_btn_area { margin: 10px auto 0; }
.l-modal_btn_area .u-form_btn-list_inline { margin: 10px 0 0 !important; }
.l-modal_btn_area .u-form_btn-list_inline .u-fb_prev.sp_btn { margin: 0 5px 0; }

/* ------------------------------------------------------------------
抽選項目
-------------------------------------------------------------------
*/
.l-premium_box { width: 640px; margin: 40px auto 0; background-color: #fff; }
@media screen and (max-width: 599px) { .l-premium_box { width: 88%; margin: 15px 6% 0; } }

.l-premium_list_box { padding: 20px; border: 1px solid #dddddd; }

.l-premium_img { width: 100%; }
.l-premium_img img { width: 100%; height: auto; }

.l-premium_text { width: 100%; height: auto; display: block; border: 1px solid #dddddd; background-repeat: no-repeat; background-size: 100% auto; background-position: left top; padding-top: 47%; position: relative; }

.p-lottely_flee_text { font-size: 40px; font-size: 2.5rem; color: #01699f; line-height: 1.2; word-wrap: break-word; word-break: keep-all; position: absolute; width: 85%; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media screen and (max-width: 599px) { .p-lottely_flee_text { width: 13em; font-size: 20px; font-size: 1.25rem; } }

.l-premium_list_detaile { clear: both; background-color: #f8f8f8; margin-top: 10px; padding: 15px 20px; }

.l-premium_dl { display: table; }

.l-premium_dt { display: table-cell; min-width: 85px; font-size: 12px; font-size: 0.75rem; color: #707070; vertical-align: middle; }
@media screen and (max-width: 599px) { .l-premium_dt { display: block; } }

.l-premium_dd { display: table-cell; }
@media screen and (max-width: 599px) { .l-premium_dd { display: block; padding-left: 10px; } }

.l-premium_check { background-color: #01699f; line-height: 1em; display: inline-block; color: #fff; padding: 5px 15px 5px 10px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
.l-premium_check:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 13px 7px 13px 0; border-color: transparent #dcf1ff transparent transparent; position: absolute; top: 0; right: 0; }
@media screen and (max-width: 599px) { .l-premium_check { position: static; margin-top: 10px; padding: 5px 15px 5px 10px; } }

/*
ノーマル表示
-------------------------------------------------------------------*/
.l-normal { background-color: transparent; }
.l-normal .l-premium_text { border: none; height: 150px; padding-top: 0; }
.l-normal .l-premium_text span { color: #707070; font-size: 20px; font-size: 1.25rem; }

/*
詳細項目
-------------------------------------------------------------------*/
.l-lottery_list_history { width: 100%; display: block; background-color: #fff; position: relative; padding: 15px; }
.l-lottery_list_history:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 599px) { .l-lottery_list_history { width: 88%; margin: 15px 6% 0; } }

.l-lottery_list_history_l { float: left; position: relative; }

.l-lottery_label { display: inline-block; position: absolute; left: 0; top: 0; }

/*
抽選詳細
-------------------------------------------------------------------*/
.l-lottery_data { display: table; }
.l-lottery_data.l-fl { float: left; }
@media screen and (max-width: 599px) { .l-lottery_data.l-fl { float: none; } }
.l-lottery_data.l-mr15 { margin-right: 15px; }
@media screen and (max-width: 599px) { .l-lottery_data { display: block; float: none; } }

.l-lottery_data_t1 { display: table-cell; padding-right: 10px; margin-right: 5px; color: #707070; font-size: 12px; font-size: 0.75rem; }

.l-lottery_data_t2 { display: table-cell; }

.l-lottery_list_history_r { width: 230px; float: right; }
@media screen and (max-width: 599px) { .l-lottery_list_history_r { width: 100%; }
  .l-lottery_list_history_r .u-btn_positon { position: static; transform: none; margin: 20px auto 0; } }

.l-lottery_listbox > li { margin-top: 10px; }
.l-lottery_listbox > li:first-child { margin-top: 20px; }

.l-result_b { display: table; margin-top: 30px; }
@media screen and (max-width: 1079px) { .l-result_b { width: 88%; margin-left: 6%; } }
@media screen and (max-width: 599px) { .l-result_b { display: block; } }

.l-result_b_left { display: table-cell; width: 160px; }
@media screen and (max-width: 599px) { .l-result_b_left { display: table; margin: 0 auto; } }

.l-result_b_right { display: table-cell; width: auto; line-height: 1.4; padding: 0 50px 0 0; vertical-align: middle; }
@media screen and (max-width: 599px) { .l-result_b_right { display: table; padding: 15px 0 0 0; } }

.l-icon_lottely_states { min-width: 120px; display: inline-block; text-align: center; padding: 5px 30px; margin-left: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 20px; font-size: 1.25rem; }

.l-icon_l_deco { position: relative; top: 35px; margin: 25px 0 0 30px; }
.l-icon_l_deco:before { content: ""; width: 35px; height: 35px; display: block; background-image: url('../img/mypage/icon_l_deco1.png?1624931331'); background-repeat: no-repeat; background-size: 100% auto; background-position: left top; position: absolute; top: -20px; left: -20px; z-index: 1; }
.l-icon_l_deco:after { content: ""; width: 20px; height: 15px; display: block; background-image: url('../img/mypage/icon_l_deco2.png?1624931331'); background-repeat: no-repeat; background-size: 100% auto; background-position: left top; position: absolute; bottom: -15px; right: -15px; z-index: 1; }
@media screen and (max-width: 399px) { .l-icon_l_deco { width: calc(100% - 40px); margin: 0 20px; } }

/*
抽選選択
-------------------------------------------------------------------*/
.l-lottely_selectbox_title { background-color: #01699f; padding: 5px; color: #fff; display: block; text-align: center; }

.l-lottely_selectbox { border-right: 1px solid #dddddd; display: table; width: 100%; table-layout: fixed; }

.l-lottely_radiobox_title { margin: 30px 0 20px; text-align: center; }

.l-lottely_radiobox { width: 85px; }
@media screen and (max-width: 599px) { .l-lottely_radiobox { width: 11%; } }

.l-lottely_r_number { width: 220px; }
@media screen and (max-width: 599px) { .l-lottely_r_number { width: 30%; } }

.l-lottely_selectbox_li { display: table-cell; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 10px 5px 10px 0; position: relative; vertical-align: middle; line-height: 1.2; }

/*
当選中の処理
-------------------------------------------------------------------*/
.l-winning { height: 90px; margin-top: 0; }
@media screen and (max-width: 599px) { .l-winning { height: auto; } }
.l-winning .l-result_b_left { text-align: left; height: 50px; }
.l-winning .l-result_b_right { padding: 50px 75px 20px 5px; background-image: url('../img/mypage/bg_lottely_itme.png?1624931331'); background-repeat: no-repeat; background-size: 62px auto; background-position: calc(100% - 10px) bottom; vertical-align: bottom; }
@media screen and (max-width: 599px) { .l-winning .l-result_b_right { display: table; padding: 35px 0 80px 0; } }
.l-winning .l-icon_lottely_states { display: inline-block; width: 120px; top: 25px; }

/* ------------------------------------------------------------------
退会処理
-------------------------------------------------------------------
*/
.l-unsubscribe { border: 2px solid #d62e00; padding: 20px; }

.l-warning_icon { display: block; text-align: center; }
.l-warning_icon .warning_img { width: 40px; height: auto; margin-bottom: 10px; }

.l-warning_title { display: block; text-align: center; font-size: 18px; font-size: 1.125rem; color: #d62e00; margin-bottom: 15px; }

/* ------------------------------------------------------------------
お知らせ一覧
-------------------------------------------------------------------
*/
.l-my_notice_list_box { width: 100%; padding: 15px 20px 5px 20px; display: table; position: relative; }
.l-my_notice_list_box.l-plr_30 { padding: 15px 30px 5px 30px; }
@media screen and (max-width: 599px) { .l-my_notice_list_box.l-plr_30 { padding: 15px 20px 5px 20px; } }

.l-myp_notice_content { clear: both; padding: 5px 0; }

@media screen and (max-width: 599px) { .l-myp_notice_new_icon_c-box { display: block; float: left; clear: both; } }

.l-myp_notice_box .l-my_notice_list_box { border-top: 1px dashed #707070; }
.l-myp_notice_box .l-my_notice_list_box:first-child { border-top: none; }
.l-myp_notice_box .l-result_none { padding: 60px 20px; text-align: center; }

.l-myp_notice_box_detaile .l-my_notice_list_box { margin-top: 10px; padding-bottom: 15px; border-bottom: 1px dashed #707070; }

.l-notice_title_big { color: #01699f; font-size: 28px; font-size: 1.75rem; margin-top: 15px; float: left; clear: both; }

.l-notice_text_contents { padding: 40px 30px; word-break: break-all; line-height: 1.2; }
@media screen and (max-width: 599px) { .l-notice_text_contents { padding: 30px 20px; } }
.l-notice_text_contents .p-notice_icon_alink { display: block; }
.l-notice_text_contents .p-notice_icon_alink a { background-size: auto 10px; background-repeat: no-repeat; background-position: left center; padding-left: 10px; margin-top: 25px; display: inline-block; }
.l-notice_text_contents img { display: block; margin-top: 40px; }

.l-myp_notice_listbox { margin-top: 10px; padding: 0; }
@media screen and (max-width: 1079px) { .l-myp_notice_listbox { width: calc(100%); margin: 20px auto 0; } }
@media screen and (max-width: 599px) { .l-myp_notice_listbox { margin: 10px auto 0; } }

/* ------------------------------------------------------------------
コレクション
-------------------------------------------------------------------
*/
.l-myp_collection_coin { margin-top: 35px; border-bottom: 1px solid #dddddd; }
.l-myp_collection_coin:after { content: ""; display: block; clear: both; }
@media screen and (max-width: 1079px) { .l-myp_collection_coin { margin-left: 20px; margin-right: 20px; } }
@media screen and (max-width: 599px) { .l-myp_collection_coin { margin-left: 6%; margin-right: 6%; } }

.l-myp_collection_coin_title { float: left; font-size: 20px; font-size: 1.25rem; line-height: 1.4; margin-right: 0.2em; padding: 5px 0 5px 30px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAYAAAD7PHgWAAAACXBIWXMAABYlAAAWJQFJUiTwAAACPklEQVRYw9VYy5GbQBB9mto7ZCAyWDIQjkBsBO49LhcTgkLAl7lqNgLLEVjOgM1Am8GSwMiXRxlTw28sAfuqqAKkmX7TTb/umc31eoUPVGYEQAEg4KtXADnvCwBfeV8ByK0W42Nn40NQZSYF8MPx03cAYYNcE09Wy2mqrQf4Ie94/61njACYTFBhPoRen5KnsdNMY6YTVJmJAcQethKOvU+SqMwkAA4Adv8Z6jcAxdisHiTIVRc3INbGb8pP6U3QoXUuVAC6jMQDYwHguc+bnQQZ0l8d437yoz9ZLR8DEQgBJJSZfcffOjXSSZCTlgC2jrCI1XJphD/qSZoSwKUOo8pMxIjsHVGIXIt96BHibWuC3GoxKjOJyswBQDoifPWCK3rcWC0pK5FpjA9o8zDWg5cGwYoh+uhYvU9yCIX73CBZWS3hoA7y22uTixiu/Q2yd8e5Il5V7UV6dlCokxa5mI1BcEOJCThnShtVy/YogjnJHe9Yn4+0IQ1ZGiQYUUZwZ3JNkiFbtd0YgiGToZix0ymY5e9jCOYjqsetEdDmYWyIHzE/Hmm7Wwep9OXM3mtXlLiuVP94kI3BkuTqUJfk8teDA43BUvhitZxrDxqsDwYANpuXo8ykdz54Viw3a0WqXPVvRUjUwlk7mNUKK8enIFitmF+lZu5aJnc5dSUxcB+ZLYlXq0UUAFgtAuDJ1Y8tgHfuk8W5q2NdTnltZyRVHwScpxx9hNwnxOy0k1bfuJ1A4NJ4PnMbWwIo+04n/gCBWdOOVMIyJAAAAABJRU5ErkJggg=='); background-position: left center; background-repeat: no-repeat; background-size: 20px auto; }

.l-myp_collection_coin_possession { float: right; font-size: 14px; font-size: 0.875rem; line-height: 1; padding: 5px 0; }

.l-myp_collection_coin_num { padding-right: 0.2em; font-size: 28px; font-size: 1.75rem; line-height: 1; color: #01699f; }

.l-myp_collection_badgearea { margin-top: 30px; }
@media screen and (max-width: 1079px) { .l-myp_collection_badgearea { margin-left: 20px; margin-right: 20px; } }
@media screen and (max-width: 599px) { .l-myp_collection_badgearea { margin-left: 6%; margin-right: 6%; } }

.l-myp_collection_badgelist { margin: 0 -10px; }
.l-myp_collection_badgelist:after { content: ""; display: block; clear: both; }

.l-myp_collection_badgelist_item { float: left; width: 25%; padding: 0 10px 10px; }
@media screen and (max-width: 599px) { .l-myp_collection_badgelist_item { width: 33.333333%; } }
.l-myp_collection_badgelist_item:hover, .l-myp_collection_badgelist_item:active, .l-myp_collection_badgelist_item:focus { opacity: 0.8; }

.l-myp_collection_badgelist_link { display: block; padding-top: 100%; position: relative; cursor: pointer; }
.l-myp_collection_badgelist_link img { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.l-mygraph-list-wrapper { width: 100%; overflow: auto; }

.mygraph-list th:first-child { min-width: 9em; }
.mygraph-list.blood td { padding-left: 4px; padding-right: 4px; }
.mygraph-list.blood td:nth-child(4) { min-width: 5em; }
.mygraph-list.blood td:nth-child(6) { min-width: 5em; }

.l-mypage_daccount_c_hd { padding-left: 45px; border-top-left-radius: 6px; border-top-right-radius: 0; border-bottom-left-radius: 6px; background-repeat: no-repeat; background-position: 0px center; background-size: 40px auto; }
@media screen and (max-width: 1079px) { .l-mypage_daccount_c_hd { width: 400px; display: inline-block; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 0; } }
@media screen and (min-width: 600px) { .l-mypage_daccount_c_hd { width: calc(100% - 200px); border-top-left-radius: 6px; border-top-right-radius: 0; border-bottom-left-radius: 6px; } }

.l-mypage_daccount_c_hd-title { font-size: 16px; font-size: 1rem; color: #01699f; }

.l-mypage_daccount_c_hd-title_sub { font-size: 12px; font-size: 0.75rem; color: #707070; }

.l-myp_telephone_title { font-size: 18px; font-size: 1.125rem; color: #01699f; }
@media screen and (max-width: 1079px) { .l-myp_telephone_title { padding: 0 20px; } }
@media screen and (max-width: 599px) { .l-myp_telephone_title { padding: 0; } }

.l-myp_telephone_content { font-size: 28px; font-size: 1.75rem; }
@media screen and (max-width: 1079px) { .l-myp_telephone_content { padding: 0 20px; } }
@media screen and (max-width: 599px) { .l-myp_telephone_content { padding: 0; } }

.l-myp-terms_box { width: 100%; padding: 0px 10px 25px; margin-top: 10px; overflow: auto; display: block; background-color: #fff; border: 1px solid #dddddd; line-height: 1.7; border: 1px solid #ccc; font-size: 16px; font-size: 1rem; }
@media screen and (max-width: 1079px) { .l-myp-terms_box { padding: 0 20px; } }
@media screen and (max-width: 599px) { .l-myp-terms_box { padding: 0; } }

.l-mypage-daccount_base { width: 100%; height: auto; background-color: #f8f8f8; padding: 10px 0px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.l-mypage-daccount_base.l-btn { position: relative; }
@media screen and (max-width: 1079px) { .l-mypage-daccount_base.l-btn { padding: 20px 0 80px; } }
@media screen and (min-width: 600px) { .l-mypage-daccount_base.l-btn { padding: 20px 0 20px; } }

.l-mypage-daccount-relase_base { width: 100%; height: auto; background-color: #f8f8f8; padding: 10px 0px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.l-mypage-daccount-relase_base.l-btn { position: relative; }
@media screen and (max-width: 1079px) { .l-mypage-daccount-relase_base.l-btn { padding: 20px 20px 80px; } }
@media screen and (min-width: 600px) { .l-mypage-daccount-relase_base.l-btn { padding: 20px 20px 20px; } }

.l-vital_controller_subtitle { text-align: center; }
.l-vital_controller_subtitle > * { display: block; }
@media screen and (min-width: 600px) { .l-vital_controller_subtitle { position: relative; width: 100%; display: inline-block; }
  .l-vital_controller_subtitle .l-pos--left { position: absolute; display: inline-block; left: 0; }
  .l-vital_controller_subtitle .l-pos--center { display: inline-block; }
  .l-vital_controller_subtitle .l-pos--right { position: absolute; display: inline-block; right: 0; } }

form .l-form_wrapper_vital { position: relative; border-top: solid 1px #cccccc; padding: 32px; width: 100%; margin-top: 32px; min-height: 124px; }
form .l-form_wrapper_vital:first-child { border-bottom: none; margin-top: 0; }
form .l-form_wrapper_vital .u-suffix_unit_2 { display: inline-block; width: 2rem; margin-left: 0.3rem; }
form .l-form_wrapper_vital .u-suffix_unit_4 { display: inline-block; width: 4rem; margin-left: 0.3rem; }
form .l-form_wrapper_vital .u-prefix_unit_2 { display: inline-block; width: 2rem; margin-right: 0.5rem; text-align: left; }
form .l-form_wrapper_vital .u-form_input { width: 100%; padding: 5px; display: block; border: 1px solid #dddddd; }
@media screen and (min-width: 600px) { form .l-form_wrapper_vital .u-form_input { display: inline; width: 120px; padding: 10px; } }
form .l-form_wrapper_vital .u-form_input_number { width: 60%; padding: 5px; border: 1px solid #dddddd; }
@media screen and (min-width: 600px) { form .l-form_wrapper_vital .u-form_input_number { width: 5rem; padding: 10px; } }
form .l-form_wrapper_vital input::placeholder { color: #01699f; font-size: 16px; opacity: 0.7; }
form .l-form_wrapper_vital input:-ms-input-placeholder { color: #01699f; font-size: 16px; opacity: 0.7; }
form .l-form_wrapper_vital input::-ms-input-placeholder { color: #01699f; font-size: 16px; opacity: 0.7; }
form .l-form_wrapper_vital input.empty_value { color: #01699f; }
form .l-form_wrapper_vital .u-sub_label { position: absolute; font-size: 12px; top: -40px; overflow: visible; width: 64px; }
form .l-form_wrapper_vital .l-vital__title { float: left; background-color: #01699f; border-radius: 8px; height: 66px; padding: 8px; width: 100%; line-height: 40px; color: #fff; text-align: center; }
@media screen and (min-width: 600px) { form .l-form_wrapper_vital .l-vital__title { width: 160px; } }
form .l-form_wrapper_vital .l-vital__title .icon { position: absolute; height: 40px; width: 40px; left: 40px; background-size: 36px; background-repeat: no-repeat; background-position: 4px 4px; }
form .l-form_wrapper_vital .form_wrapper_vital__blood_pressure__title .icon { background-image: url('../img/icon/icon_bloodpressure.png?1624931331'); }
form .l-form_wrapper_vital .form_wrapper_vital__sleep_time__title .icon { background-image: url('../img/icon/icon_slepttime.png?1624931331'); }
form .l-form_wrapper_vital .form_wrapper_vital__body_weight__title .icon { background-image: url('../img/icon/icon_weight.png?1624931331'); }
form .l-form_wrapper_vital .form_wrapper_vital__sleep_time__title { padding-left: 32px; }
form .l-form_wrapper_vital .l-vital__field_area { margin-top: 1em; float: right; }
@media screen and (min-width: 600px) { form .l-form_wrapper_vital .l-vital__field_area { margin-top: 0; } }
form .l-form_wrapper_vital .form_wrapper_vital__blood_pressure__field_area .form_wrapper_vital__blood_pressure__field_row { padding-bottom: 0.75em; padding-left: 32px; margin-bottom: 0.75em; }
form .l-form_wrapper_vital .form_wrapper_vital__blood_pressure__field_area .form_wrapper_vital__blood_pressure__field_row:first-child { border-bottom: solid 1px #cccccc; }
form .l-form_wrapper_vital .form_wrapper_vital__blood_pressure__field_area .form_wrapper_vital__blood_pressure__field_row .l-time-icon { display: inline-block; background-color: #01699f; border-radius: 4px; height: 48px; width: 48px; padding: 4px; margin-right: 16px; background-size: 40px; background-repeat: no-repeat; background-position: 4px 4px; vertical-align: middle; margin-bottom: 16px; }
@media screen and (min-width: 600px) { form .l-form_wrapper_vital .form_wrapper_vital__blood_pressure__field_area .form_wrapper_vital__blood_pressure__field_row .l-time-icon { margin-bottom: 0; } }
form .l-form_wrapper_vital .form_wrapper_vital__blood_pressure__field_area .form_wrapper_vital__blood_pressure__field_row .form_wrapper_vital__blood_pressure__form_mmhg { position: relative; display: inline-block; line-height: 48px; vertical-align: middle; }
form .l-form_wrapper_vital .form_wrapper_vital__blood_pressure__field_area .form_wrapper_vital__blood_pressure__field_row .form_wrapper_vital__blood_pressure__form_mmhg span, form .l-form_wrapper_vital .form_wrapper_vital__blood_pressure__field_area .form_wrapper_vital__blood_pressure__field_row .form_wrapper_vital__blood_pressure__form_mmhg label { vertical-align: middle; }
form .l-form_wrapper_vital .form_wrapper_vital__blood_pressure__field_area .form_wrapper_vital__blood_pressure__field_row .form_wrapper_vital__blood_pressure__form_mmhg .u-form_input_number { width: 30%; padding: 5px; }
@media screen and (min-width: 600px) { form .l-form_wrapper_vital .form_wrapper_vital__blood_pressure__field_area .form_wrapper_vital__blood_pressure__field_row .form_wrapper_vital__blood_pressure__form_mmhg .u-form_input_number { width: 85px; padding: 10px; } }
form .l-form_wrapper_vital .form_wrapper_vital__blood_pressure__field_area .form_wrapper_vital__blood_pressure__field_row .form_wrapper_vital__blood_pressure__form_time { margin-top: 1em; text-align: left; }
@media screen and (min-width: 600px) { form .l-form_wrapper_vital .form_wrapper_vital__blood_pressure__field_area .form_wrapper_vital__blood_pressure__field_row .form_wrapper_vital__blood_pressure__form_time { text-align: right; margin-right: 4.3rem; } }
form .l-form_wrapper_vital .form_wrapper_vital__sleep_time__field_area .form_wrapper_vital__sleep_time__field_row .u-form_input { width: 80%; display: inline; }
@media screen and (min-width: 600px) { form .l-form_wrapper_vital .form_wrapper_vital__sleep_time__field_area .form_wrapper_vital__sleep_time__field_row .u-form_input { width: 120px; } }
form .l-form_wrapper_vital .form_wrapper_vital__body_weight__field_area .form_wrapper_vital__body_weight__field_row { text-align: right; }
form .l-form_wrapper_vital .form_wrapper_vital__body_weight__field_area .form_wrapper_vital__body_weight__field_row .form_wrapper_vital__body_weight__form_bmi { margin: 4px 0; }
form .l-form_wrapper_vital .form_wrapper_vital__body_weight__field_area .form_wrapper_vital__body_weight__field_row .l-field_bmi { margin-right: 2.3rem; text-align: right; display: inline-block; line-height: 40px; width: 60%; }
@media screen and (min-width: 600px) { form .l-form_wrapper_vital .form_wrapper_vital__body_weight__field_area .form_wrapper_vital__body_weight__field_row .l-field_bmi { width: 5rem; } }

.form_controller { width: 280px; margin: 2rem auto; }
.form_controller.u-w240 { width: 240px; }
.form_controller.u-100pct { width: 100%; }
.form_controller .u-form_btn-content { margin-bottom: 20px; }
.form_controller .link { border-color: #01699f; }
.form_controller .link:hover, .form_controller .link:active, .form_controller .link:focus { color: #fff; text-decoration: none; background-color: #019beb; text-shadow: 1px 1px 0 #01699f, -1px 1px 0 #01699f, 1px -1px 0 #01699f, -1px -1px 0 #01699f; }

/*# sourceMappingURL=mypage.css.map */