/* ==============
general-mode
============== */

.lang-en.giant-mode .home-step-wrapper, .walk-step-wrapper {
    text-align: center;
  	display: block;
}  

.lang-en.giant-mode .home-step-wrapper .unit.walk-steps {
	display: block;
  	margin: 0 auto;
  	overflow: hidden;
}

.lang-en.giant-mode .date-list .step-step, .giant-mode .date-list .step-walk {
  	text-align: center;
}

.lang-pt.giant-mode .home-step-wrapper, .walk-step-wrapper {
    text-align: center;
  	display: block;
}  

.lang-pt.giant-mode .home-step-wrapper .unit.walk-steps {
	display: block;
  	text-align: center;
    margin: 0 auto;
}

.lang-pt.giant-mode .date-list .step-step, .giant-mode .date-list .step-walk {
  	text-align: center;
}

.giant-mode .home-step-wrapper .odometer-inside {
	font-size: 3.5rem;
  	display: block;
}

.general-mode .home-step-wrapper .odometer-inside {
	font-size: 3rem;
}

.general-mode .gauge-eval .odometer-inside {
	font-size: 1rem;
}

.general-mode .gauge-goal {
    margin-top: 12px;
}

.general-mode .home-step-wrapper {
    margin-top: 6px;
    margin-bottom: 2px;
}

.general-mode .gauge-walk span.num {
    font-size: 0.8rem;
}

/* ==============
common
============== */

.giant-mode .display-block {
    display: block;
}

.giant-mode .button.custom {
    font-size: 1.1rem;
}

.giant-mode .button.large {
    font-size: 1.6rem;
}

.giant-mode .horizontal.center {
    font-size: 1.3rem;	
}

/* ==============
top
============== */

.giant-mode .graph-ave {
    font-size: 1.6rem;
}

.giant-mode .giant-mode-fs150 {
    font-size: 1rem;
    line-height: 1rem;
}

.giant-mode .giant-mode-fs75 {
    font-size: 0.85rem;
    line-height: 1rem;
}

.giant-mode .page-title {
    font-size: 1.8rem;
}

.giant-mode #home-step7 .step-date {
    width: 60%;
    text-align: center;
}

.giant-mode .gauge-info {
    justify-content: center;
}

.giant-mode .gauge-info img {
    width: 55px;
}

.giant-mode .gauge-goal {
    width: 190px;
    border-radius: 50px;
    margin-top: 22px;
	font-size: 1.7rem;
	font-weight: bold;
}

.giant-mode .gauge-balloon {
    font-size: 1rem;
}

.giant-mode .gauge-ratio span {
    font-size: 1.5rem;
    font-weight: bold;
}

.giant-mode .huge {
    font-size: 1.8rem;
}

.giant-mode .gauge-bottom {
    border-radius: 50px;
    clip-path: none;
    margin-bottom: 5px;
    width: 90%;
    background-size: 100%;
    height: 70px;
}

.giant-mode .gauge-top {
    width: 100%;
    margin: 50px auto 0;
}

.giant-mode .gauge-disp {
    justify-content: normal;
}

.giant-mode .gauge-walk-title {
    font-size: 1.1rem;
    text-align: center;
    margin-top: 10px;
    color: #000;
    font-weight: bold;
    width: 100%;
}

.giant-mode .gauge-walk {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 5%;
    color: #000;
    width: 100%;
}

.giant-mode .gauge-walk span {
  	font-size: 1.2rem;
}  

.giant-mode #walk-start-button {
    width: 228px;
}

.giant-mode .music-button img {
    width: 64px;
    margin: 0 auto;
}

.giant-mode #home .float-icon.fast-walk span.bold {
    line-height: 1rem;
    text-align: right;
    margin-right: 0;
}

.giant-mode .float-icon.fast-walk.vertical.right a {
	width: 60px;    
}

.giant-mode .segment-wrapper input:checked + .segment-label {
  font-size: 1.5rem;
}

/* ==============
reader
============== */

.giant-mode .qr_code_scan_text {
    background-color: transparent;
    font-weight: bold;
    font-size: 0.9rem;
    color: #000;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
                -1px 1px 0 #FFF, 1px -1px 0 #FFF,
                0px 1px 0 #FFF,  0 -1px 0 #FFF,
                -1px 0 0 #FFF, 1px 0 0 #FFF;
}

/* ==============
feedback-header
============== */

.giant-mode .feedback-header {
    background-image: url(../img/feedback-thisweek_giant.png);
    height: 50px;
    margin-bottom: 0;
    background-position: calc(50%);
}

.giant-mode .feedback-goal-wrapper {
    font-size: 1.2rem;
}

.giant-mode .congrats-caption {
    font-size: 1.2rem;
    padding: 6px 16px 0px 16px;
}

.giant-mode .congrats-subcaption {
    padding: 0px 16px 0 16px;
}

.giant-mode .congrats-body img {
    width: 40%;
    text-align: center;
}

.giant-mode .congrats-achieved .congrats-body img {
    min-width: 130px;
}

.giant-mode .congrats-body > .small {
    font-size: 1.1rem;
}

/* ==============
warn
============== */

.giant-mode .warn_scrollable {
    font-size: 1.3rem;
}

/* ==============
walk
============== */

.giant-mode .page-title .warm {
    font-size: 1.3rem;
}

.giant-mode button .warm.gradient {
    font-size: 1.3rem;
}

.giant-mode button.warm {
    width: 100%;
  	font-size: 1.3rem;
}

/* ==============
walking
============== */

.giant-mode .walking_images_title {
    font-size: 2rem;
    margin-top: 0;
}

.giant-mode .home-walk-words_title {
    font-size: 1.3rem;
}

.giant-mode .home-walk-words {
    background: #fff;
    border-color: #ff7d01;
    min-width: 100%;
}

.giant-mode .walk-step_wrap {
    width: 100%;
    margin-top: 10px;
}

.giant-mode .walk-step .odometer-digit {
    font-size: 2.5rem;
    padding: 0 5px 10px 10px;
    margin: 5px;
}
@media screen and (min-width: 330px){
  .giant-mode .walk-step .odometer-digit {
    font-size: 3rem;
	} 
}
@media screen and (min-width: 354px){
  .giant-mode .walk-step .odometer-digit {
    font-size: 3.9rem;
	} 
}

.giant-mode .walking_time {
    text-align: center;
    margin-top: 10px;
}

.giant-mode .walk-elapsed {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.giant-mode .hour, .giant-mode .minute, .giant-mode .second {
    font-size: 1.6rem;
}

.giant-mode .walking_time_wrap {
    padding: 16px;
}

.giant-mode .circle-mark {
    font-size: 1.5rem;
    text-indent:-1em;
	padding-left:1em;
}

.giant-mode .circle-mark.circle-mark_walking {
    font-size: 1.3rem;
}

.giant-mode .music-button .vertical span {
    font-size: 0.8rem;
}

.giant-mode .mode-button .gradient_red {
    width: 200px;
}

.giant-mode button.warm.gradient_red .gradient_red_folding {
  	font-size: 2.2rem;
  	line-height: 2.3rem;
    display: block;
    text-align: center;
}

.giant-mode .float-icon_title_quick_walk {
  	width: 80px;
  	text-align: right;
  	margin-left: 5px;
}

/* ==============
home-step-apple
============== */

.giant-mode #home-step-apple .align-cente {
    font-size: 1.1rem;
}

/* ==============
home-step-web
============== */

.giant-mode #home-step-web .align-center {
    font-size: 1.1rem;
}

/* ==============
special
============== */

.giant-mode #special .gogo-info {
    font-size: 1.3rem;
}
.giant-mode .gogo-info tr {
    margin-bottom: 10px;
}
.giant-mode .gogo-info td {
    width: 110%;
    display: block;
}

/* ==============
group
============== */

.giant-mode .group-no {
    font-size: 1.3rem;
}

.giant-mode #group-step-table {
    font-size: 1.3rem;
}

.giant-mode #group .group-step_all_small {
    display: none;
}

/*.giant-mode .vertical .center .group_bonus {
    display: block;
    width: 100%;
}*/

.giant-mode .group-bonus-row_content {
    display: block;
}

.giant-mode .group-bonus-point {
    width: auto;
    text-align: center;
}

.giant-mode .group_member_total_steps {
	font-size: 1.4rem;
}

.giant-mode .card-button {
  	font-size: 1.4rem;
}

.giant-mode .show_info_to_member {
   	font-size: 1.3rem;
}

.giant-mode .group-step-row_switch-title_tiny {
     font-size: 0.9rem;
}

.giant-mode #group-bonus-button {
   	 font-size: 1.3rem;  
}

.giant-mode #group-chat {
     font-size: 1.6rem; 
}

.giant-mode button.custom#words-ok.custom.rect.small.shadow.cool {
    background: #22cf3d;
    width: 100%;
    max-width: 100%;
    font-size: 1.6rem;
}

.giant-mode .divine_truth_card,.giant-mode .show_birthday,.giant-mode .walk_steps{
    font-size: 1.1rem;
}

.giant-mode .switch-wrapper_content.horizontal > * + * {
  	margin-left: 0px;
}

.giant-mode .group-place .current-station {
  font-size: 3rem;
}

.giant-mode .prev-station.small.bold {
  font-size: 1.1rem;
  line-height: 1rem;
}

.giant-mode .next-station.small.bold {
  font-size: 1.1rem;
  line-height: 1rem;
}

.giant-mode .group-walking-upper.group-walking-steps-upper.group-step {
  font-size: 4rem;
}

.giant-mode .group-walking-upper.group-step-unit.small.bold {
  font-size: 1.3rem;
}

.giant-mode .group-step-unit.small.bold {
  font-size: 1.3rem;
}

.giant-mode .group-walking-steps-lower.group-step {
  font-size: 4rem;
}

.giant-mode .group-here {
  font-size: 1rem;  
}

.giant-mode .group-walking-distance {
  font-size: 2rem;  
}

.giant-mode .group-unit_km {
  font-size: 1.5rem;   
}  

.giant-mode .group-pops-place-name {
  font-size: 1.5rem; 
}

.giant-mode .group-bonus-box-your-group {
  font-size: 0.9rem; 
}

.giant-mode .group-bonus-step {
  font-size: 0.9rem;
}

/* ==============
option
============== */

.giant-mode #option {
    font-size: 1.3rem;
}
.giant-mode #option button.custom {
    font-size: 1.5rem;
}

.giant-mode .option_user-name {
    display: block;
    width: 100%;
    text-align: center;
}

.giant-mode .option_arrow_orange.horizontal {
    display: block;
    width: 100%;
    text-align: center;
}

.giant-mode .settings-name-symbol_triangle.symbol.arrow.right.orange::after {
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-top-color: #ff7d00;
    border-width: 10px;
}

.giant-mode .horizontal.no-gap.option_arrow_orange > * + * {
    margin-left: 20px;
}


.giant-mode .option_top_whitebox.horizontal {
    display: block;
    width: 100%;
    text-align: center;
}

.giant-mode .option_top_whitebox img {
    margin-bottom: 10px;
}

.giant-mode .option_top_whitebox .bold {
    text-align: left;
    font-size: 1.5rem;
}

.giant-mode .login_user {
    font-size: 1.5rem;  
}

/* ==============
settings-edit
============== */

.giant-mode .profile-template_title.horizontal {
    display: block;
    width: 100%;
}

.giant-mode .profile-template_title.horizontal > * + * {
    margin-left: 0;
}

.giant-mode #profile-record p {
    width: 145px;
}

.giant-mode .profile-input {
    max-width: 95%;
}

.giant-mode .unit-mmhg::after,.giant-mode .unit-kg::after,.giant-mode .unit-cm::after,.giant-mode .unit-mp::after {
    right: 40px;
}

.giant-mode .option_title.horizontal > * + * {
    margin-left: 0;
}

/* ==============
steps
============== */

.giant-mode .steps-setting.horizontal > * + * {
    margin-left: 5px;
}

.giant-mode .step-date.date-list-col {
    padding: 6px;
    background-color: #5a5a5a;
    color: #ffffff;
    border-radius: 16px 16px 0px 0px;
    width: 100%;
}

.giant-mode .date-list-col.date-list-col_totalsteps {
    text-align: center;
}

.giant-mode .date-list-col {
    width: 100%;
    padding: 10px;
    text-align: center;
}

.giant-mode button.step-edit {
    display: block;
    background: #fff;
    border-radius: 16px;
}

.giant-mode #date-list-body {
    background: transparent;
    padding: 0;
}

.giant-mode .date-list-row:not(:last-child) {
    border-bottom: none;
}

.giant-mode .date-list-row {
    background: #fff;
    border-radius: 16px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.giant-mode button.date-list-template_button.plain:after {
    content: "設定する";
    display: block;
    background: #22ce3c;
    color: #fff;
    transform: 0;
    border: none;
    width: 80%;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    border-radius: 10px;
    transform: translateY(0%) rotate(0deg);
}

.giant-mode #date-list-body.vertical {
    display: block;
}

.giant-mode .date-list.vertical.top.left.steps-setting_content {
    display: block;
}

.giant-mode .steps_display_wrap {
    display: block;
}

.giant-mode .steps_display {
    display: block;
}

.giant-mode #date-list-template .text.tiny {
    font-weight: bold;
}

.giant-mode .date-list-col_totalsteps {
    border-bottom: #eeeeee solid 1px;
}

.giant-mode .date-list-col_totalsteps_span {
    display: block;
    text-align: center;
}

.giant-mode .date-list-col_gogosteps_span {
    display: block;
    text-align: center;
}

.giant-mode .date-list-col_setting {
    background: #22ce3c;
    color: #fff;
    padding: 10px;
    border-radius: 16px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.giant-mode .date-list-template_button {
    display: block;
    font-size: 0.95rem;
    font-weight: bold;
}

.giant-mode .date-list-template_button>.date-list-col.date-list-col_totalsteps>.text.tiny {
    font-size: 0.95rem;
}

.giant-mode .date-list-template_button>.date-list-col>.text.tiny {
    font-size: 0.95rem;
}

.giant-mode .date-list .step-step,.giant-mode .date-list .step-walk {
    font-size: 2.1rem;
}

.giant-mode #steps .page-body.vertical.center.side-margin.bottom-margin {
    padding: 25px;
}

.giant-mode .step-date .cal {
    margin-right: 10px;
    margin-left: auto;
}

.giant-mode .step-date .week {
    margin-left: 0;
    margin-right: auto;
}

/* ==============
home-edit
============== */

/* .giant-mode .vertical.center.filled.round.white.bordered {
    max-width: 100%;
    font-size: 1.3rem;
}

.giant-mode .filled.round {
    padding: 5px 32px;
    border-radius: 30px;
}

.giant-mode #home-edit .step-input.large {
    width: 80%;
}

.giant-mode #home-edit .step-input.large {
    font-size: 2.1rem;
}

.giant-mode #home-edit .home-edit_folding {
    display: block;
    text-align: center;
}

.giant-mode #home-edit table {
    display: block;
    width: 100%;
}

.giant-mode .text.cool.light {
    display: block;
    width: 100%;
    text-align: center;
}

.giant-mode #home-edit .vertical.center.expand.scrollable .page-body.vertical.center.side-margin.bottom-margin .vertical.center.filled.fixed.white table {
    display: block;
    width: 100%;
    text-align: center;
}

.giant-mode #home-edit .vertical.center.expand.scrollable .page-body.vertical.center.side-margin.bottom-margin .vertical.center.filled.fixed.white table tbody#home-edit-walk-table {
    display: block;
    width: 100%;
    text-align: center;
}

.giant-mode #home-edit .vertical.center.expand.scrollable .page-body.vertical.center.side-margin.bottom-margin .vertical.center.filled.fixed.white table tr {
    display: block;
    width: 100%;
    text-align: center;
}

.giant-mode #home-edit .vertical.center.expand.scrollable .page-body.vertical.center.side-margin.bottom-margin .vertical.center.filled.fixed.white table tr td {
    display: block;
    width: 100%;
    text-align: center;
}

.giant-mode input[type="time"] {
    display: block;
    width: 100%;
    max-width: 100%;
}

.giant-mode .step-input.small {
    display: block;
    width: 100%;
    height: 62px;
}

.giant-mode .step-input {
    max-width: 100%;
}

.giant-mode .vertical_line {
    margin: 10px auto;
}

.giant-mode .home-edit_rest_on, .giant-mode .home-edit-walk-table_small {
    font-size: 1rem;
} */

/* ==============
goal
============== */

.giant-mode #goal .goal-edit-step {
    width: 80%;
    font-size: 2.1rem;
}

.giant-mode span.goal_folding {
    display: block;
}

/* ==============
photo
============== */

.giant-mode #photo .post_photo_wrapper.vertical.wide-gap.filled.square.white.bottom-margin.small {
    font-size: 1.1rem;
}

/* ==============
settings-group-create
============== */

.giant-mode #settings-group-create .group-create-list_content {
    background: transparent;
}

.giant-mode #settings-group-create .group-create-list_content_horizontal {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 16px;
    text-align: center;
    padding: 30px;
    margin-top: 20px;
}

.giant-mode #settings-group-create .vertical.center.expand.scrollable .page-body.vertical.center.double-gap.side-margin.bottom-margin .vertical.left.filled.white .vertical.left .horizontal .member-icon {
    width: 60px;
    margin-left: 0;
    margin-bottom: 20px;
}

.giant-mode #settings-group-create .settings-group-create_user-name {
    display: block;
    margin-left: 0;
}

.giant-mode .mid-input.short {
    width: 100%;
}

/* ==============
settings-group-edit
============== */

.giant-mode #settings-group-edit .group-edit-main_content {
    background: transparent;
}

.giant-mode #settings-group-edit .group-edit-main_content_horizontal {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 16px;
    text-align: center;
    padding: 30px;
    margin-top: 20px;
    position: relative;
}

.giant-mode #settings-group-edit .vertical.center.expand.scrollable .page-body.vertical.center.double-gap.side-margin.bottom-margin .vertical.left.filled.white .vertical.left .horizontal .member-icon {
    width: 60px;
    margin-left: 0;
    margin-bottom: 20px;
}

.giant-mode #settings-group-edit .settings-group-edit_user-name {
    display: block;
    margin-left: 0;
}

.giant-mode .settings-group-edit_folding {
    display: block;
    margin-left: 0;
}

.giant-mode .group-edit-pre_select-wrapper {
    height: 70px;
}

.giant-mode .group-edit-pre_select-wrapper select {
    padding: 12px 15px;
}

.giant-mode .group-edit-pre_select-wrapper div::before {
    right: 40%;
    transform: translateX(-50%);
    bottom: -5px;
}

.giant-mode .group-edit-pre_select-wrapper div::after {
    right: 40%;
    transform: translateX(-50%);
    bottom: -15px;
    top: auto;
}

.giant-mode .delete-button::after {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 35px;
    height: 35px;
}

.giant-mode #group-edit-list .horizontal > * + * {
    margin-left: 0;
}

/* ==============
settings-group-confirm
============== */

.giant-mode #settings-group-confirm .settings-group-confirm_content {
    background: transparent;
}

.giant-mode #settings-group-confirm .settings-group-confirm_content_horizontal {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 16px;
    text-align: center;
    padding: 30px;
    margin-top: 20px;
}

.giant-mode #settings-group-confirm .vertical.center.expand.scrollable .page-body.vertical.center.double-gap.side-margin.bottom-margin .vertical.center.filled.white .vertical.left .horizontal .member-icon {
    width: 60px;
    margin-left: 0;
    margin-bottom: 20px;
}

.giant-mode #settings-group-confirm .settings-group-confirm_user-name {
    display: block;
    margin-left: 0;
}

/* ==============
health
============== */

.giant-mode .health-record .health-button {
    width: auto;
}

.giant-mode .health-title.small {
    font-size: 1.1rem;
}

.giant-mode .text_column_title {
    font-size: 1.5rem;
}

.giant-mode .text_column {
    font-size: 1.3rem;
}

.giant-mode .title_health_wrap .title {
    font-size: 1.5rem;
}

.giant-mode .health-transit-button {
    font-size: 1.2rem;
  	padding: 5px 20px 5px 10px;
}

.giant-mode #fast-calendar-wapper table th {
  	font-size: 1.1rem;
	width: 14.3%;
}

.giant-mode #fast-calendar-wapper table td .day0,.giant-mode #fast-calendar-wapper table td .day1,.giant-mode #fast-calendar-wapper table td .day2,.giant-mode #fast-calendar-wapper table td .day3,.giant-mode #fast-calendar-wapper table td .day4,.giant-mode #fast-calendar-wapper table td .day5,.giant-mode #fast-calendar-wapper table td .day6 {
	font-size: 1.1rem;
}

/* ==============
guidance
============== */

.giant-mode .before_starting_title {
    font-size: 1.5rem;
}

.giant-mode .before_starting_text {
    font-size: 1.3rem;
}

.giant-mode .before_starting_text.small {
    font-size: 1rem;
}

/* ==============
home
============== */

.giant-mode .home-step-wrapper .unit {
    margin-right: 20px;
}

.giant-mode .graph-week {
    font-size: 1.3rem;
}

.giant-mode .graph-month {
    font-size: 1.3rem;
}

/* ==============
birth-self
============== */

.giant-mode .birth-box-name_wrapper {
    font-size: 2rem;
}

.giant-mode .filled_birth.birth-box-birth_message {
  	padding: 20px;
  	font-size: 1.5rem;
}

.giant-mode .birth-box_message {
   	font-size: 1rem;
}

.giant-mode .birth-popup-close {
  	font-size: 1.6rem;  
}

/* ==============
birth-other
============== */

.giant-mode .birth-other-box_wrapper {
    font-size: 1.6rem;
}

.giant-mode .celebrate_wonderful_year {
    font-size: 1.3rem;
}

.giant-mode .birth-chat-button {
    font-size: 1.6rem;
}

/* ==============
JAPAN、PLANET
============== */

.giant-mode #guide .gogo-popup-guide-text {
  font-size: 1.3rem;
}