@charset "UTF-8";
/* ==========================================================
 setting
========================================================== */
body {
  line-height: 1.5;
  min-width: 0;
  font-size: 15px;
}

/* ==========================================================
 base Link
========================================================== */
a[href^="tel"] {
  pointer-events: auto;
  cursor: pointer;
}

/* ==========================================================
 input
========================================================== */
input[type="text"],
input[type="search"],
input[type="email"] {
  height: 40px;
  padding: 0 12px;
}

.registration-prfctrs select,
.registration-display-name input[type="text"] {
  width: 100%;
}

/* ==========================================================
 textarea
========================================================== */
textarea {
  height: 240px;
  padding: 8px 12px;
  font-size: 15px;
}

/* ==========================================================
 select
========================================================== */
select {
  height: 40px;
  padding: 0 25px 0 12px;
  background: #fff url(../img/common/ico_select_01@2x.png) right 14px center no-repeat;
  background-size: 9px;
  font-size: 13px;
}

select:disabled {
  background-image: url(../img/common/ico_select_02@2x.png);
}

/* ==========================================================
 hr
========================================================== */
hr {
  width: 0;
  height: 0;
  background: none;
  margin: 40px 0 0;
}

/* ==========================================================
 layout style
========================================================== */
/* container
---------------------------------------------------------- */
.l-container {
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.l-container-narrow {
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.l-container-thin {
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.l-container-narrow .l-container-thin {
  padding-left: 0;
  padding-right: 0;
}

.l-container-form {
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.l-container-form.uh-contents-wrapp {
  padding-bottom: 40px;
}

.l-container-sp-header {
  width: auto;
  height: 51px;
  padding-left: 12px;
  padding-right: 14px;
}

/* core
---------------------------------------------------------- */
.l-core-pc {
  position: static;
}

/* edge
---------------------------------------------------------- */
.l-edge {
  width: auto;
  border-left: none;
  border-right: none;
  margin-left: -12px;
  margin-right: -12px;
}

.l-edge-rem {
  width: auto;
  border-left: none;
  border-right: none;
  margin-left: -44px !important;
  margin-right: -44px !important;
}

.contents-in .l-edge {
  margin-left: -32px;
  margin-right: -32px;
}

/* l-cont
---------------------------------------------------------- */
/* prev & next
---------------------------------------------------------- */
/* l-foot
---------------------------------------------------------- */
/* l-fixed
---------------------------------------------------------- */
/* l-list
---------------------------------------------------------- */
.l-list {
  margin-top: 25px;
}

.l-list-item {
  margin-top: 10px;
}

.l-list-category {
  margin-top: 0px;
}

.l-list-message {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* l-menu
---------------------------------------------------------- */
.l-menu.l-edge {
  display: none;
}

.l-menu-leave {
  margin-top: 50px;
}

.l-menu-item {
  margin-top: 0;
}

/* l-center
---------------------------------------------------------- */
.l-center,
.l-center-narrow,
.l-center-middle,
.l-center-thin,
.l-center-wide,
.l-center-long {
  margin-top: 30px;
  padding: 0 20px;
}

.contents-in .l-center, .contents-in
.l-center-narrow, .contents-in
.l-center-middle, .contents-in
.l-center-thin, .contents-in
.l-center-wide, .contents-in
.l-center-long {
  padding: 0;
}

.l-center + .l-center,
.l-center-narrow + .l-center,
.l-center-middle + .l-center,
.l-center-thin + .l-center,
.l-center-wide + .l-center,
.l-center-long + .l-center, .l-center +
.l-center-narrow,
.l-center-narrow +
.l-center-narrow,
.l-center-middle +
.l-center-narrow,
.l-center-thin +
.l-center-narrow,
.l-center-wide +
.l-center-narrow,
.l-center-long +
.l-center-narrow, .l-center +
.l-center-middle,
.l-center-narrow +
.l-center-middle,
.l-center-middle +
.l-center-middle,
.l-center-thin +
.l-center-middle,
.l-center-wide +
.l-center-middle,
.l-center-long +
.l-center-middle, .l-center +
.l-center-thin,
.l-center-narrow +
.l-center-thin,
.l-center-middle +
.l-center-thin,
.l-center-thin +
.l-center-thin,
.l-center-wide +
.l-center-thin,
.l-center-long +
.l-center-thin, .l-center +
.l-center-wide,
.l-center-narrow +
.l-center-wide,
.l-center-middle +
.l-center-wide,
.l-center-thin +
.l-center-wide,
.l-center-wide +
.l-center-wide,
.l-center-long +
.l-center-wide, .l-center +
.l-center-long,
.l-center-narrow +
.l-center-long,
.l-center-middle +
.l-center-long,
.l-center-thin +
.l-center-long,
.l-center-wide +
.l-center-long,
.l-center-long +
.l-center-long {
  margin-top: 30px;
}

.l-center-thin {
  padding: 0;
}

.l-center-low {
  margin-top: 0;
}

/* l-right
---------------------------------------------------------- */
.l-right {
  margin-top: 30px;
  padding: 0 20px;
  text-align: center;
}

.l-right + .l-right {
  margin-top: 30px;
}

/* l-right-top-fix
---------------------------------------------------------- */
.l-right-top-fix {
  position: fixed;
  right: -32px;
  z-index: 11;
  bottom: -54px;
}

.footer-ios-appli-only .l-right-top-fix,
.is-fixed.menu-scroll-lock .footer-ios-appli-only .l-right-top-fix {
  bottom: -8px;
}

/* l-grid
---------------------------------------------------------- */
.l-grid {
  top: -10px;
  margin-left: -10px;
  margin-right: -10px;
}

.l-grid-col {
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.l-grid-col-sm-1 {
  max-width: 8.33333%;
  -webkit-flex-basis: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
          flex-basis: 8.33333%;
}

.l-grid-col-sm-1-5 {
  max-width: 14.28571%;
  -webkit-flex-basis: 14.28571%;
      -ms-flex-preferred-size: 14.28571%;
          flex-basis: 14.28571%;
}

.l-grid-col-sm-2 {
  max-width: 16.66667%;
  -webkit-flex-basis: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
          flex-basis: 16.66667%;
}

.l-grid-col-sm-2-5 {
  max-width: 20%;
  -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
}

.l-grid-col-sm-3 {
  max-width: 25%;
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
}

.l-grid-col-sm-4 {
  max-width: 33.33333%;
  -webkit-flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
          flex-basis: 33.33333%;
}

.l-grid-col-sm-5 {
  max-width: 41.66667%;
  -webkit-flex-basis: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
          flex-basis: 41.66667%;
}

.l-grid-col-sm-6 {
  max-width: 50%;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}

.l-grid-col-sm-7 {
  max-width: 58.33333%;
  -webkit-flex-basis: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
          flex-basis: 58.33333%;
}

.l-grid-col-sm-8 {
  max-width: 66.66667%;
  -webkit-flex-basis: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
          flex-basis: 66.66667%;
}

.l-grid-col-sm-9 {
  max-width: 75%;
  -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
}

.l-grid-col-sm-10 {
  max-width: 83.33333%;
  -webkit-flex-basis: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
          flex-basis: 83.33333%;
}

.l-grid-col-sm-11 {
  max-width: 83.33333%;
  -webkit-flex-basis: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
          flex-basis: 83.33333%;
}

.l-grid-col-sm-12 {
  max-width: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.l-grid-col-lg-1:nth-child(-n+12), .l-grid-col-lg-1-5:nth-child(-n+7), .l-grid-col-lg-2:nth-child(-n+6), .l-grid-col-lg-2-5:nth-child(-n+5), .l-grid-col-lg-3:nth-child(-n+4), .l-grid-col-lg-4:nth-child(-n+3), .l-grid-col-lg-6:nth-child(-n+2), .l-grid-col-lg-12:nth-child(-n+1) {
  margin-top: 10px;
}

.l-grid-col-sm-1:first-child, .l-grid-col-sm-1-5:first-child, .l-grid-col-sm-2:first-child, .l-grid-col-sm-2-5:first-child, .l-grid-col-sm-3:first-child, .l-grid-col-sm-4:first-child, .l-grid-col-sm-5:first-child, .l-grid-col-sm-6:first-child, .l-grid-col-sm-7:first-child, .l-grid-col-sm-8:first-child, .l-grid-col-sm-9:first-child, .l-grid-col-sm-10:first-child, .l-grid-col-sm-11:first-child, .l-grid-col-sm-12:first-child {
  margin-top: 0;
}

.l-grid-order-sm-1 {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.l-grid-order-sm-2 {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.l-grid-order-sm-3 {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

.l-grid-order-sm-4 {
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

.l-grid-order-sm-5 {
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}

.l-grid-order-sm-6 {
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}

.l-grid-order-sm-7 {
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}

.l-grid-order-sm-8 {
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}

.l-grid-order-sm-9 {
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}

.l-grid-order-sm-10 {
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}

.l-grid-order-sm-11 {
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11;
}

.l-grid-order-sm-12 {
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12;
}

.registration-gender .l-grid-col-lg-6,
.required-gender .l-grid-col-lg-6 {
  margin-top: 0;
}

/* ==========================================================
 header
========================================================== */
.header {
  border-bottom: none;
}

.header-logo {
  padding-top: 15px;
  margin-bottom: 5px;
}

.header-logo a {
    width: 141px;
    height: 22px;
    background: url(../img/common/ico_logo_01@2x.png);
    background-size: 141px;
}

.header-utility {
  padding: 8px 0;
}

.header-lead {
  padding-right: 10px;
}

.header-lead-list {
  margin-left: 0;
}

.header-lead-link {
  padding: 23px 0 0;
}

.header-lead-ico {
  top: 2px;
  right: 0;
  bottom: auto;
}

.header-lead-txt {
  display: inline-block;
  margin-top: 2px;
  font-size: 10px;
  font-weight: normal;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.header-links-list {
  margin-left: 10px;
}

@media screen and (max-width: 320px) {
  .header-links-list:only-child {
    margin-left: 0;
  }
}

.header-status {
  height: 51px;
  padding: 0 0 0 15px;
  border-right: none;
}
.header-status.only-sp{
  padding: 0 0 0 0px;
  border-left: none;
  height: 51px;
  padding-left: 0px;
}

.header-status:hover {
  background-color: #fff;
  opacity: 1;
}

@media screen and (max-width: 320px) {
  .header-status {
    padding-left: 5px;
  }
}

.header-status-ttl {
  padding-right: 15px;
  text-align: left;
  font-size: 12px;
}

.header-contents.user-score.is-active .header-status-ttl{
  padding-top: 15px;
  padding-bottom: 12.5px;
  line-height: 13px;
}

.header-status-item {
  padding-left: 15px;
  min-width: 88px;
}

.header-status-item-num {
  font-size: 15px;
}

.header-status-item-unit {
  font-size: 12px;
}

.header-status-item-unit-yen {
  font-size: 10px;
}

.header-status-account {
  min-width: 133px;
  padding: 12px 0 10px;
  margin-left: -5px;
}

@media screen and (max-width: 320px) {
  .header-status-account {
    margin-left: 0;
  }
}

.header-status-account-ttl {
  padding-left: 12px;
  font-size: 10px;
}

.header-status-account-ico {
  top: -2px;
}

.header-status-account-txt {
  margin-top: 8px;
  font-size: 10px;
}

/* ==========================================================
 footer
========================================================== */
.footer-in {
  padding: 10px 12px 30px;
}

.footer-utility {
  margin: 0;
}

.footer-utility-list {
  width: auto;
  display: block;
  margin: 0;
  border-top: 1px solid #474747;
}

.footer-utility-list:first-child {
  border-top: none;
}

.footer-utility-list:nth-child(6) {
  margin-top: 0px;
  margin-right: 0px;
}

.footer-utility-link {
  padding: 20px 0;
  background: none;
  border-radius: 0;
}

.footer-links {
  margin-top: 19px;
  overflow: hidden;
}

.footer-links-list {
  margin: 0;
  display: block;
  float: left;
  width: 50%;
  padding: 1px 0 0 0;
  border: none;
  font-size: 11px;
}

.footer-links-list:nth-child(2n+1) {
  padding-right: 1px;
  clear: both;
}

.footer-links-link {
  display: block;
  padding: 17px 10px;
  background-color: #474747;
}

.footer-links-link.app-privacy-policy {
  font-size: 11px;
}

.footer-links-link.app-privacy-policy span {
  font-size: 9px;
}

.footer-links-link.footer-adjust {
  height: 45.55px;
  padding: 9.5px 10px;
  line-height: 13px;
}

.footer-copyright {
  margin-top: 30px;
  font-size: 11px;
}

.footer-copyright.bottom-space-sp {
  margin-bottom: 40px;
}

.footer-order {
  min-width: 0;
  padding: 14px 0 15px;
  border-top: 1px solid #44bac7;
}

.footer-order-item {
  display: block;
  margin: 0 5px;
}

.footer-order-prev {
  margin-top: 24px;
  padding-left: 12px;
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  height: auto;
  line-height: 13px;
  font-size: 13px;
}

.footer-order-prev:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 6px;
  border-color: transparent transparent transparent #1e97cd;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.footer-order-ico {
  display: none;
}

.footer-button-list-sp {
  font-size: 0px;
  border-top-style: solid; border-color:#D8D8D8; border-width: 1px;
  height:50px;
}

.footer-nav-list-sp {
  font-size: 0px;
  border-width: 2px;
  border-top-style: solid;
  height:60px;
  padding: 11px 0px;
  display: -webkit-flex;
  display: flex;
}

.footer-nav-list-sp.border-blue {
  border-color: #44BAC7;
}

.footer-nav-list-sp.border-yellow {
  border-color: #FFD500;
}

.footer-button-sp {
  background-color:#F5F5F5;
  width:100%;
}

.footer-poikatsu-sp,
.footer-shopping-sp,
.footer-search-sp,
.footer-enquete-sp,
.footer-point-up-sp {
  width: 100%;
  height:100%;
  text-align: center;
}

.footer-back-sp,
.footer-moveon-sp,
.footer-reload-sp,
.footer-top-sp {
  width: 25%;
  height:100%;
  text-align: center;
  display: inline-block;
}

.is-fixed .footer-button-fix {
  display: none;
}

.footer-nav-txt {
  color:#474747;
  font-size: 10px;
  font-weight: bold;
  display: block;
}

.footer-nav-fix {
  position: fixed;
  z-index: 1041;
  bottom: 0px;
}

.footer-nav-fix-upside {
  position: fixed;
  z-index: 1041;
  bottom: 48px;
}

.is-fixed .footer-nav-fix-upside {
  bottom: 0px;
}

.footer-button-fix,
.is-fixed.menu-scroll-lock .footer-button-fix {
  display: block;
  position: fixed;
  z-index: 1041;
  bottom: 0px;
}

.is-fixed .l-right-top-fix,
.l-right-top-fix.footer-except-ios-appli {
  bottom: -54px;
}

.is-fixed.menu-scroll-lock .l-right-top-fix.footer-except-ios-appli {
  bottom: -54px;
}

.footer-back-sp-icon,.footer-moveon-sp-icon,.footer-reload-sp-icon,.footer-top-sp-icon {
  background-size: 100%;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  margin:10% 0;
}

.footer-poikatsu-sp-icon,.footer-shopping-sp-icon,.footer-search-sp-icon,.footer-enquete-sp-icon,.footer-point-up-sp-icon {
  background-size: 100%;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.footer-back-sp-icon {
  background-image: url(../img/common/icn_bb_back_on@3x.png);
}

.footer-moveon-sp-icon {
  background-image: url(../img/common/icn_bb_next_on@3x.png);
}

.footer-reload-sp-icon {
  background-image: url(../img/common/icn_bb_update_on@3x.png);
}

.footer-top-sp-icon {
  background-image: url(../img/common/icn_bb_home_on@3x.png);
}

.footer-poikatsu-sp-icon {
  background-image: url(../img/common/icon_poikatsu.png);
}

.footer-shopping-sp-icon {
  background-image: url(../img/common/icon_shopping.png);
}

.footer-search-sp-icon {
  background-image: url(../img/common/icon_search.png);
}

.footer-enquete-sp-icon {
  background-image: url(../img/common/icon_date.png);
}

.footer-point-up-sp-icon {
  background-image: url(../img/common/icon_point-up.png);
}

.footer-lp {
  position: relative;
  height: 60px;
  box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.2);
}

.footer-lp-btn-area {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

/* ==========================================================
 wrapper
========================================================== */
/* ==========================================================
 contents
========================================================== */
.contents {
  background: none;
}

.contents-main {
  padding: 25px 12px 40px;
}

.contents-in {
  padding-left: 20px;
  padding-right: 20px;
}

.contents-in.uh-contents-top {
  padding-left: 8px;
  padding-right: 8px;
}

.contents-fit {
  padding-top: 25px;
  padding-bottom: 40px;
}

.contents-fit-sp {
  padding-top: 0;
}

.contents-just {
  padding: 0;
}

.contents-head + .contents-main,
.contents-head + .contents-breadcrumb + .contents-main,
.contents-head + .contents-color,
.contents-head + .contents-color > .contents-main,
.contents-head + .contents-breadcrumb + .contents-color,
.contents-head + .contents-breadcrumb + .contents-color > .contents-main {
  border-radius: 12px 12px 0 0;
}

.contents-head {
  padding: 13px 0 12px;
}

.contents-head-prev {
  right: auto;
  left: 19px;
  padding-left: 0;
}

.contents-foot {
  margin-top: -20px;
  border-top: none;
  padding: 0 0 50px;
}

.contents-breadcrumb {
  display: none;
}

.contents-primary {
  width: auto;
  float: none;
}

.contents-primary-message {
  width: auto;
  height: auto;
  float: none;
}

.contents-secondary {
  width: auto;
  float: none;
}

.search-sp-popup .contents-secondary {
  width: 100vw;
  float: none;
}

.contents-secondary-message {
  width: auto;
  height: auto;
  float: none;
  border: none;
}

.contents-secondary-following {
  position: static !important;
  margin: 0;
}

.contents-space {
  padding-top: 25px;
}

/* ==========================================================
 pagetop
========================================================== */
.pagetop a {
  right: 12px;
}

/* ==========================================================
 breadcrumb
========================================================== */
/* ==========================================================
 navi
========================================================== */
/* nav-cmn-global
---------------------------------------------------------- */
.nav-cmn-global {
  /* current */
  /* is-fixed */
}

.nav-cmn-global-wrap {
  height: 57px;
}

.nav-cmn-global-contents {
  padding: 0;
}

.nav-cmn-global-lists {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  padding: 0;
}

.nav-cmn-global-lists:after {
  content: none;
}

.nav-cmn-global-list {
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  float: none;
  text-align: center;
}

.nav-cmn-global-link {
  display: block;
  height: 100%;
  padding: 40px 0 0;
}

.nav-cmn-global-ico {
  top: 9px;
  right: 0;
  bottom: auto;
}

.nav-cmn-global-list-message .nav-cmn-global-ico,
.nav-cmn-global-list-mymenu .nav-cmn-global-ico,
.nav-cmn-global-list-setting .nav-cmn-global-ico,
.nav-cmn-global-list-guide .nav-cmn-global-ico {
  top: 12px;
}

.nav-cmn-global-txt {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  font-size: 10px;
  font-weight: normal;
}

.nav-cmn-global-list-message .nav-cmn-global-txt {
  padding-right: 0;
}

.nav-cmn-global-count {
  top: 6px;
  right: 10px;
  bottom: auto;
  width: 15px;
  height: 15px;
  line-height: 16px;
  font-size: 9px;
  text-align: center;
  font-family: Roboto Slab;
}

.nav-cmn-global-count-box {
  top: 6px;
  right: 95px;
  bottom: auto;
  width: 15px;
  height: 15px;
  line-height: 16px;
  font-size: 9px;
  text-align: center;
  font-family: Roboto Slab;
  border-radius: 50%;
  color: #fff;
  background-color: #ff5a5f;
  margin: auto;
  display: inline-block;
  position: absolute;
}

.nav-cmn-global-count-box-border {
  top: 6px;
  right: 95px;
  bottom: auto;
  width: 17px;
  height: 17px;
  line-height: 16px;
  font-size: 9px;
  text-align: center;
  font-family: Roboto Slab;
  border-radius: 50%;
  border: 1px solid #fff;
  color: #fff;
  background-color: #ff5a5f;
  margin: auto;
  display: inline-block;
  position: absolute;
}

.nav-cmn-global-order {
  display: none;
}

body.home .nav-cmn-global-list-home .nav-cmn-global-ico {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1670px;
  width: 24px;
  height: 24px;
  background-size: 140px 5255px;
}

body.keep .nav-cmn-global-list-keep .nav-cmn-global-ico {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1796px;
  width: 25px;
  height: 24px;
  background-size: 140px 5255px;
}

body.message .nav-cmn-global-list-message .nav-cmn-global-ico {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2329px;
  width: 26px;
  height: 19px;
  background-size: 140px 5255px;
}

body.mymenu .nav-cmn-global-list-mymenu .nav-cmn-global-ico,
body.mymenu .nav-cmn-global-list-setting .nav-cmn-global-ico {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2246px;
  width: 26px;
  height: 20px;
  background-size: 140px 5255px;
}

body.guide .nav-cmn-global-list-guide .nav-cmn-global-ico {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1345px;
  width: 25px;
  height: 21px;
  background-size: 140px 5255px;
}

/* nav-cmn-local
---------------------------------------------------------- */
.nav-cmn-local-select {
  display: block;
  text-align: center;
}

.nav-cmn-local-select select {
  display: inline-block;
  width: auto;
}

.nav-cmn-local-select + * {
  display: none;
}

/* nav-cmn-sub
---------------------------------------------------------- */
/* nav-cmn-pager
---------------------------------------------------------- */
.nav-cmn-pager,
.contents-secondary-message .nav-cmn-pager {
  margin-top: 30px;
  margin-bottom: 0;
}

.mod-cmn-select + .nav-cmn-pager, .mod-cmn-select +
.contents-secondary-message .nav-cmn-pager {
  margin-top: 30px;
}

.mod-cmn-select + .nav-cmn-pager, .mod-cmn-select +
.contents-secondary-message .nav-cmn-pager {
  margin-top: 0;
}

.uh-pager .nav-cmn-pager-item.only-pc {
  display: none;
}

.nav-cmn-pager-item,
.contents-secondary-message .nav-cmn-pager-item {
  display: none;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 0;
}

.nav-cmn-pager-item.nav-cmn-pager-only-list {
  width: calc((100% - 152px)/4);
  max-width: 50px;
  height: 50px;
  font-size: 20px;
}

.nav-cmn-pager-item:last-child,
.contents-secondary-message .nav-cmn-pager-item:last-child {
  margin-right: 0;
}

.nav-cmn-pager-state,
.contents-secondary-message .nav-cmn-pager-state {
  display: inline-block;
  width: 149px;
}

.nav-cmn-pager-state.nav-cmn-pager-only-list {
  font-size: 20px;
  width: 149px;
  max-width: 149px;
  display: inline-block;
  line-height: 50px;
}

.nav-cmn-pager-small .nav-cmn-pager-item,
.contents-secondary-message .nav-cmn-pager-small .nav-cmn-pager-item, .nav-cmn-pager-small
.contents-secondary-message .nav-cmn-pager-item,
.contents-secondary-message .nav-cmn-pager-small
.contents-secondary-message .nav-cmn-pager-item {
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.nav-cmn-pager-prev, .nav-cmn-pager-next, .nav-cmn-pager-prev-one, .nav-cmn-pager-next-one,
.contents-secondary-message .nav-cmn-pager-prev,
.contents-secondary-message .nav-cmn-pager-next,
.contents-secondary-message .nav-cmn-pager-prev-one,
.contents-secondary-message .nav-cmn-pager-next-one {
  display: inline-block;
}

.nav-cmn-pager-prev,
.contents-secondary-message .nav-cmn-pager-prev,
.nav-cmn-pager-prev-start {
  margin-right: 1px;
}

.nav-cmn-pager-prev:before,
.contents-secondary-message .nav-cmn-pager-prev:before {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -3022px;
  width: 18px;
  height: 14px;
  background-size: 140px 5255px;
}

.nav-cmn-pager-next,
.contents-secondary-message .nav-cmn-pager-next,
.nav-cmn-pager-next-end {
  margin-left: 1px;
}

.nav-cmn-pager-next:before,
.contents-secondary-message .nav-cmn-pager-next:before {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2447px;
  width: 18px;
  height: 14px;
  background-size: 140px 5255px;
}

.nav-cmn-pager-item.nav-cmn-pager-disabled {
  display: inline-block;
}

/* nav-cmn-pager
---------------------------------------------------------- */
/* ==========================================================
 area
========================================================== */
/* area-cmn-head
---------------------------------------------------------- */
/* area-cmn-message
---------------------------------------------------------- */
/* area-cmn-bnr
---------------------------------------------------------- */
.area-cmn-bnr {
  margin-top: 24px;
  padding: 20px 12px 0;
}

.area-cmn-bnr-item {
  padding: 0 20px;
  margin-top: 40px;
}

/* area-cmn-aside
---------------------------------------------------------- */
.area-cmn-aside {
  padding: 30px 32px;
}

.area-cmn-aside-bnr {
  display: block;
  margin: 20px 0 0;
}

.area-cmn-aside-bnr:first-child {
  margin-top: 0;
}

/* ==========================================================
 section
========================================================== */
/* ==========================================================
 title
========================================================== */
/* ttl-cmn
---------------------------------------------------------- */
.ttl-cmn:first-child,
.ttl-cmn-01:first-child,
.ttl-cmn-02:first-child,
.ttl-cmn-03:first-child,
.ttl-cmn-04:first-child,
.ttl-cmn-05:first-child,
.ttl-cmn-head:first-child,
.ttl-cmn-detail:first-child,
.ttl-cmn-bold:first-child,
.ttl-cmn-tag:first-child,
.ttl-cmn-message:first-child,
.ttl-cmn-guide:first-child {
  margin-top: 0;
}

.ttl-cmn:last-child,
.ttl-cmn-01:last-child,
.ttl-cmn-02:last-child,
.ttl-cmn-03:last-child,
.ttl-cmn-04:last-child,
.ttl-cmn-05:last-child,
.ttl-cmn-head:last-child,
.ttl-cmn-detail:last-child,
.ttl-cmn-bold:last-child,
.ttl-cmn-tag:last-child,
.ttl-cmn-message:last-child,
.ttl-cmn-guide:last-child {
  margin-bottom: 0;
}

.ttl-cmn + [class]:not(.s-auto),
.ttl-cmn-01 + [class]:not(.s-auto),
.ttl-cmn-02 + [class]:not(.s-auto),
.ttl-cmn-03 + [class]:not(.s-auto),
.ttl-cmn-04 + [class]:not(.s-auto),
.ttl-cmn-05 + [class]:not(.s-auto),
.ttl-cmn-head + [class]:not(.s-auto),
.ttl-cmn-detail + [class]:not(.s-auto),
.ttl-cmn-bold + [class]:not(.s-auto),
.ttl-cmn-tag + [class]:not(.s-auto),
.ttl-cmn-message + [class]:not(.s-auto),
.ttl-cmn-guide + [class]:not(.s-auto) {
  margin-top: 0;
}

/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01 {
  margin-top: 26px;
  margin-bottom: 26px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e0ded5;
  font-size: 18px;
}

/* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02 {
  position: relative;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 18px;
  /* type */
}

.ttl-cmn-02:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #dcdcdc;
  margin: auto;
  z-index: 1;
}

.ttl-cmn-02-in {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  margin: 0 22px;
  background-color: #faf8f0;
  z-index: 2;
}

.ttl-cmn-02-a:before {
  content: none;
}

/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 {
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 1.6;
  font-size: 15px;
}

/* ttl-cmn-04
---------------------------------------------------------- */
.ttl-cmn-04 {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 10px;
  line-height: 1.6;
  font-size: 15px;
  /* type */
}

.ttl-cmn-04-keep {
  margin-bottom: 0px;
}

.ttl-cmn-04-in {
  padding-left: 12px;
}

.ttl-cmn-04-a, .ttl-cmn-04-b {
  margin-top: 56px;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 0;
  border-bottom: none;
  text-align: center;
  color: #44bac7;
  font-size: 18px;
}

.ttl-cmn-04-a:before, .ttl-cmn-04-b:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #dcdcdc;
  margin: auto;
  z-index: 1;
}

.ttl-cmn-04-a .ttl-cmn-04-in, .ttl-cmn-04-b .ttl-cmn-04-in {
  padding: 0 15px;
  background-color: #faf8f0;
  z-index: 2;
}

.ttl-cmn-04-a .ttl-cmn-04-in:before, .ttl-cmn-04-b .ttl-cmn-04-in:before {
  content: none;
}

.ttl-cmn-04-c {
  margin-bottom: 20px;
}

.ttl-cmn-04-cate {
  margin-bottom: 10px;
}

.mod-cmn-article-aside .ttl-cmn-04-cate{
  margin-bottom: 16px;
}

.ttl-cmn-04-cate .ttl-cmn-04-in {
  padding-left: 13px;
}

/* ttl-cmn-05
---------------------------------------------------------- */
.ttl-cmn-05 {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 15px;
}

/* ttl-cmn-head
---------------------------------------------------------- */
.ttl-cmn-head {
  padding: 0;
  padding-left: 26px;
  padding-right: 26px;
  font-size: 18px;
}

/* ttl-cmn-detail
---------------------------------------------------------- */
.ttl-cmn-detail {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
}

.ttl-cmn-detail.ws-pW.only-sp {
  padding: 0px 25px 0px 0px;
}

/*---------------------------------------------------------- */
/* ttl-cmn-mark
---------------------------------------------------------- */
.ttl-cmn-mark {
  padding-left: 45px;
  font-size: 17px;
}

.ttl-cmn-mark-ico {
  left: 0;
  top: -5px;
}

/* ttl-cmn-bold
---------------------------------------------------------- */
/* ttl-cmn-order
---------------------------------------------------------- */
.ttl-cmn-order {
  float: none;
  padding: 56px 0 0;
  min-height: 0;
  font-size: 18px;
}

.ttl-cmn-order-wrap .ttl-cmn-order {
  float: none;
}

.ttl-cmn-order:before {
  content: '';
  position: absolute;
  left: 0;
  top: 20px;
  margin: auto;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e0ded5;
  z-index: 1;
}

.ttl-cmn-order-wrap {
  margin-top: 40px;
  margin-bottom: 10px;
}

.ttl-cmn-order-wrap .mod-cmn-required {
  top: 60px;
}
.mod-cmn-required + .ttl-cmn-order {
  padding-right: 0;
}
.ttl-cmn-order-wrap .mod-cmn-required + .ttl-cmn-order .ttl-cmn-order-txt {
  padding-right: 45px;
}

.ttl-cmn-order-mark {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-width: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 40px;
  margin: auto;
  border-radius: 50%;
  z-index: 2;
}

.ttl-cmn-order-txt {
  padding-top: 0;
}

.ttl-cmn-order-caption {
  float: none;
  margin: 8px 0 -4px;
  padding-top: 0;
  font-size: 13px;
}

section:not(:first-child) > .ttl-cmn-order:first-child,
section:not(:first-child) > .ttl-cmn-order-wrap:first-child {
  margin-top: 35px;
}

/* ttl-cmn-tag
---------------------------------------------------------- */
/* ttl-cmn-complete
---------------------------------------------------------- */
.ttl-cmn-complete {
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e0ded5;
  font-size: 20px;
}

/* ttl-cmn-separation
---------------------------------------------------------- */
/* ttl-cmn-message
---------------------------------------------------------- */
/* ttl-cmn-guide
---------------------------------------------------------- */
.ttl-cmn-guide {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 15px 12px;
  text-align: center;
  border-radius: 0;
  font-size: 15px;
}

/* ==========================================================
 link
========================================================== */
/* link-cmn-arrow
---------------------------------------------------------- */
.link-cmn-arrow-left,
.link-cmn-arrow-right,
.link-cmn-arrow-top,
.link-cmn-arrow-bottom {
  padding-left: 10px;
}

.link-cmn-arrow-left:before,
.link-cmn-arrow-right:before,
.link-cmn-arrow-top:before,
.link-cmn-arrow-bottom:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent #1e97cd;
}

/* link-cmn-arrow-left
---------------------------------------------------------- */
/* link-cmn-arrow-top
---------------------------------------------------------- */
/* link-cmn-arrow-bottom
---------------------------------------------------------- */
/* link-cmn-close
---------------------------------------------------------- */
/* ==========================================================
 list
========================================================== */
/* list-cmn-terms
---------------------------------------------------------- */
.list-cmn-terms {
  font-size: 15px;
  color:  #474747;
  border: 2px solid  #e0ded5;
  border-radius: 0 0 10px 10px;
  padding: 10px 20px 0px;
  height: 45px;
  padding-left: 10px;
  text-align:  left;
}

/* list-cmn-form
---------------------------------------------------------- */
.list-cmn-form {
  margin-top: -15px;
}

.list-cmn-form-mb-none,
.table-cmn-form-row:first-child .list-cmn-form {
  margin-top: -15px;
  margin-bottom: 0;
}

.list-cmn-form-item {
  width: 78px;
  margin-top: 15px;
  margin-bottom: 0;
  padding-right: 10px;
}

/* list-cmn-notes
---------------------------------------------------------- */
/* list-cmn-dot
---------------------------------------------------------- */
.list-cmn-dot-item:before {
  width: 3px;
  height: 3px;
}

/* list-cmn-order
---------------------------------------------------------- */
/* list-cmn-status
---------------------------------------------------------- */
.list-cmn-status {
  margin-top: 12px;
  font-size: 14px;
}

.list-cmn-status-ttl {
  clear: both;
  margin-left: 0;
  width: 142px;
  padding: 18px 10px 18px 20px;
}

.list-cmn-status-ttl:after {
  content: none;
}

.list-cmn-status-txt {
  float: none;
  padding: 18px 0;
  border-bottom: 1px solid #e0ded5;
}

/* list-cmn-definition
---------------------------------------------------------- */
.list-cmn-definition {
  margin-bottom: 15px;
  font-size: 13px;
}

.list-cmn-definition-ttl {
  width: 95px;
}

.list-cmn-definition-clear {
  float: none;
  clear: both;
  width: auto;
  margin-bottom: 6px;
}

.list-cmn-definition-txt {
  margin-bottom: 10px;
}

/* list-cmn-notes
---------------------------------------------------------- */
.registration-mail-magazine ul.list-cmn-notes {
  margin-left: 28px;
  margin-top: 5px;
}

.required-prf-info ul.list-cmn-notes {
  margin-top: 15px;
  font-size: 12px;
}

/* ==========================================================
 table
========================================================== */
/* table-cmn
---------------------------------------------------------- */
.table-cmn {
  display: block;
  margin-top: 25px;
  font-size: 14px;
}

.table-cmn-row {
  display: block;
  overflow: hidden;
}

.table-cmn-cell {
  position: relative;
  display: block;
  padding: 12px 0;
  border-bottom: none;
}

.table-cmn-cell:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e0ded5;
}

.table-cmn-cell-w-01 {
  width: 116px;
}

.table-cmn-ttl {
  float: left;
  clear: both;
}

.table-cmn-detail {
  overflow: hidden;
}

/* table-cmn-form
---------------------------------------------------------- */
.table-cmn-form {
  display: block;
}

.table-cmn-form-row {
  display: block;
  margin-top: 26px;
}

.registration-category .table-cmn-form-row:last-child .table-cmn-form-cell,
.required-agreement .table-cmn-form-row:last-child .table-cmn-form-cell {
  padding-bottom: 0;
}

.table-cmn-form-row:last-child .table-cmn-form-cell-border {
  padding-bottom: 0;
}

.table-cmn-form-cell {
  display: block;
  padding: 0;
  /* border */
}

.table-cmn-form-cell-border {
  border: none;
}

.table-cmn-form-row:first-child > .table-cmn-form-cell-border {
  border: none;
}

.table-cmn-form-cell-mark-wrap-client .table-cmn-form-ttl-item,
.table-cmn-form-cell-mark-wrap-worker .table-cmn-form-ttl-item {
  display: inline-block;
  letter-spacing: normal;
}

.table-cmn-form-cell-mark-wrap-client .form-cmn-mark,
.table-cmn-form-cell-mark-wrap-worker .form-cmn-mark {
  position: absolute;
  right: 30px;
  top: 0;
}

.table-cmn-form-ttl {
  width: auto;
  padding-right: 0;
  color: #44bac7;
}

.table-cmn-form-ttl-sub {
  line-height: nomal;
}

.table-cmn-form-ttl-wide {
  width: auto;
}

.registration-category .table-cmn-form-ttl-item:nth-child(2){
  position:absolute;
  top:0;
  right:0;
}

.table-cmn-form-detail {
  margin-top: 6px;
}

.registration-category .table-cmn-form-detail {
  margin-top: 11px;
}

.table-cmn-form-row.registration-gender{
  width: 100%;
}

.table-cmn-form-row.required-prf-info {
  margin-top: 30.5px;
}

.registration-mail-magazine .table-cmn-form-cell.table-cmn-form-ttl {
  display:none;
}

.registration-category .table-cmn-form-cell.table-cmn-form-ttl {
  padding-right: 0px;
  position: relative;
}

.required-prf-info .table-cmn-form-cell.table-cmn-form-ttl {
  margin-top: -4px;
}

/* table-cmn
---------------------------------------------------------- */
/* table-cmn-work
---------------------------------------------------------- */
.table-cmn-work {
  display: block;
  margin-top: 20px;
}

.table-cmn-work:first-child {
  margin-top: 0;
}

.txt-cmn + .table-cmn-work {
  margin-top: -10px;
}

.table-cmn-work-row {
  display: block;
  border-bottom: 1px solid #e0ded5;
  padding: 15px 0;
}

.table-cmn-work-cell {
  display: block;
  padding: 0;
  border-bottom: none;
}

.table-cmn-work-ttl {
  width: auto;
  margin-bottom: 12px;
  padding-right: 0;
}

/* ==========================================================
 button
========================================================== */
/* btn-cmn
---------------------------------------------------------- */
.btn-cmn {
  width: 310px;
  font-size: 18px;
  margin-top: 20px;
  margin-left: 0;
  /*transform*/
}

.btn-cmn.footer-lp-btn {
  width: 260px;
  font-size: 14px;
  border: 2px solid #cdaa00;
  border-radius: 10px;
}

.btn-cmn-remuneration {
  width: 100%;
}

.btn-cmn:first-child {
  margin-top: 0;
}

@media screen and (max-width: 320px) {
  .btn-cmn {
    width: 100%;
  }
}

@media screen and (max-width: 385px) {
  .mission-popup-content .btn-cmn {
    width: 100%;
  }
}

.btn-cmn-in {
  padding: 7px 10px;
}

.btn-cmn-transform {
  width: 150px;
  height: 150px;
  min-height: 0;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.18), inset 0px -7px 0px 0px rgba(209, 171, 0, 0.004);
  border-radius: 50%;
}

.btn-cmn-transform-ico {
  margin-bottom: 6px;
}

.btn-cmn-transform-txt {
  font-size: 14px;
  font-weight: bold;
}

.btn-cmn-transform-txt-search {
  font-size: 15px;
  padding-right: 15px;
}

.btn-cmn-transform .btn-cmn-in {
  width: 150px;
  height: 150px;
  min-height: 0;
  padding: 26px 12px 0 0;
  border-radius: 50%;
}

.btn-cmn-transform .btn-cmn-in-search {
  padding: 40px 16px 0 0;
}

.btn-cmn-inline-sp {
    margin-left: -10px;
    margin-right: -10px;
}

.btn-cmn-inline-sp .btn-cmn:not(.s-width-sm-full) {
  margin-top: 0;
  margin-left: 20px;
}

.btn-cmn-inline-sp .btn-cmn:not(.s-width-sm-full):first-child {
  margin-left: 0;
}

.btn-cmn-inline-sp .btn-cmn:not(.s-width-sm-full) .btn-cmn-in {
  padding-top: 12px;
  padding-bottom: 12px;
}

.footer-lp-btn .btn-cmn-in {
  box-shadow: none;
  margin-bottom: unset;
}

/* btn-cmn-close
---------------------------------------------------------- */
.btn-cmn-close {
  width: 25px;
  height: 25px;
  box-shadow: inset 0px -1px 0px 0px rgba(4, 0, 0, 0.2);
}

/* btn-cmn-sub
---------------------------------------------------------- */
.btn-cmn-sub {
  min-width: 85px;
  border: 1px solid #44bac7;
  padding: 8px;
  min-height: 35px;
  font-size: 11px;
  font-weight: normal;
}

.btn-cmn-yellow2 .btn-cmn-in {
  display: block;
  min-width: 85px;
  padding: 11px 8px 7px;
  min-height: 35px;
  border-radius: 8px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  box-shadow: 0px 4px 0px 0px #cdaa00;
  background-color: #ffd500;
  color: #474747;
}

.btn-cmn-yellow2:hover:not(:disabled) .btn-cmn-in {
  box-shadow: 0px 1px 0px 0px #cdaa00;
  background-color: #ffcd00;
  color: #796a3c;
}

.btn-cmn-pink2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 150px;
}

.btn-cmn-pink2 .btn-cmn-in {
  display: block;
  min-width: 85px;
  padding: 11px 8px 7px;
  min-height: 35px;
  border-radius: 8px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  box-shadow: 0px 4px 0px 0px #cd484c;
  background-color: #ff5a5f;
  color: #fff;
}

.btn-cmn-pink2:hover:not(:disabled) .btn-cmn-in {
  box-shadow: 0px 1px 0px 0px #cd484c;
  background-color: #ff484c;
  color: #fff;
}

.btn-cmn-yellow2 .btn-cmn-in-use-dpoint {
  padding-top: 7px;
  padding-bottom: 6px;
  min-height: 20px;
}

/* btn-cmn-color
---------------------------------------------------------- */
/* btn size
---------------------------------------------------------- */
.btn-cmn-low .btn-cmn-in,
.btn-cmn-small .btn-cmn-in,
.btn-cmn-middle .btn-cmn-in,
.btn-cmn-narrow .btn-cmn-in,
.btn-cmn-header .btn-cmn-in,
.btn-cmn-mini .btn-cmn-in {
  padding: 7px 10px;
}

.btn-cmn-middle .btn-cmn-in {
  padding: 13px 10px;
}

.btn-cmn-low,
.btn-cmn-small,
.btn-cmn-mini {
  font-size: 14px;
}

.btn-cmn-narrow {
  font-size: 15px;
}

.btn-cmn-header {
  font-size: 11px;
}

/* btn-cmn-mfp-close
---------------------------------------------------------- */
.btn-cmn-mfp-close {
  width: 50px;
  height: 50px;
}

.btn-cmn-mfp-close:hover {
  background-color: #44bac7;
  box-shadow: inset 0px -4px 0px 0px rgba(4, 0, 0, 0.2);
}

/* ==========================================================
 box
========================================================== */
/* box-cmn-card
---------------------------------------------------------- */
.box-cmn-card-in {
  padding: 25px 20px 15px;
}

.card-label .box-cmn-card-in {
  padding: 20px 18px 20px 20px;
}

.card-label .box-cmn-card-in-strong {
  padding-top: 0;
}

.card-label .box-cmn-card-in-keep {
  padding-top: 0;
  padding-bottom: 8px;
}

.box-cmn-card-head {
  margin: -1px -19px 25px -20px;
  padding: 4px 20px;
  font-size: 12px;
}

.box-cmn-card-in-strong + .box-cmn-card-ico {
  top: 58px;
}

.box-cmn-card-in-strong + .favorite-button.is-active,.box-cmn-card-in-strong + .favorite-button,.box-cmn-card-in-strong + .favorite-button:hover {
  top:46px;
}

.box-cmn-card-body {
  margin-top: 6px;
  margin-bottom: 3px;
}

.box-cmn-card-ttl {
  font-size: 16px;
}

.box-cmn-card-ttl-search {
  font-size: 14px;
  padding-right: 23px;
}

.box-cmn-card-ttl-addutprice.box-cmn-card-ttl-thmbnl {
  margin-bottom: 24px;
}

.box-cmn-card-ttl-thmbnl.box-cmn-card-ttl-no-priority-appli-period.box-cmn-card-ttl-period-limited-point,
.box-cmn-card-ttl-keep.box-cmn-card-ttl-thmbnl.box-cmn-card-ttl-period-limited-point {
  margin-bottom: 8px;
}

.box-cmn-card-ttl-addutprice.box-cmn-card-ttl-thmbnl.box-cmn-card-ttl-no-priority-appli-period.box-cmn-card-ttl-period-limited-point,
.box-cmn-card-ttl-keep.box-cmn-card-ttl-addutprice.box-cmn-card-ttl-thmbnl.box-cmn-card-ttl-period-limited-point {
  margin-bottom: 40px;
}

.box-cmn-card-ttl-addutprice.box-cmn-card-ttl-priority-appli-period.box-cmn-card-ttl-period-limited-point,
.box-cmn-card-ttl-addutprice.box-cmn-card-ttl-thmbnl.box-cmn-card-ttl-priority-appli-period {
  margin-bottom: 0px;
}

.box-cmn-card-ttl-addutprice.box-cmn-card-ttl-period-limited-point,
.box-cmn-card-ttl-addutprice.box-cmn-card-ttl-thmbnl.box-cmn-card-ttl-priority-appli-period.box-cmn-card-ttl-period-limited-point {
  margin-bottom: 16px;
}

.box-cmn-card-lists {
  margin-top: 8px;
}

.box-cmn-card-list {
  font-size: 11px;
}

.box-cmn-card-indication {
  padding-top: 5px;
  font-size: 12px;
}

.box-cmn-card-indication-num {
  font-size: 12px;
}

.box-cmn-card-status {
  font-size: 12px;
  position: absolute;
  bottom: 68px;
  right: 21px;
}

.box-cmn-card-status-period-limited-point {
  bottom: 80px;
}

.box-cmn-card-status.card-prof-status {
  font-size: 12px;
  position: unset;
  bottom: unset;
  right: unset;
}

.box-cmn-card-status-or, .box-cmn-card-status-from {
  font-size: 11px;
}

.box-cmn-card-time {
  margin-right: 10px;
  font-size: 12px;
}

.box-cmn-card-time-unit {
  margin-right: 10px;
  font-size: 11px;
}

.box-cmn-card-point {
  margin-left: 10px;
  font-size: 23px;
}

.box-cmn-card-point-period-limited-point {
  height: 26px;
}

.box-cmn-card-icon-area {
  margin-top: 12px;
}

.box-cmn-card-period-limited-point-text {
  position: absolute;
  font-size: 8px;
  right: 0px;
  bottom: -12px;
  min-width: 120px;
}

.box-cmn-card-point-unit {
  font-size: 15px;
}

.box-cmn-card-point-unit-yen {
  font-size: 12px;
}

.box-cmn-card-fancrew {
  font-size: 11px;
  line-height: 20.5px;
}

.box-cmn-card-ico {
  right: 25px;
}

.box-cmn-card-ico-delete:before, .box-cmn-card-ico-delete:after {
  top: -7px;
}

.box-cmn-card-ico-delete:before {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -879px;
  width: 16px;
  height: 21px;
  background-size: 140px 5255px;
}

.box-cmn-card-ico-delete:after {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -925px;
  width: 16px;
  height: 21px;
  background-size: 140px 5255px;
}

.box-cmn-card-ico-delete-search:before, .box-cmn-card-ico-delete-search:after {
  top: 4px;
}

.box-cmn-card-ico-delete-search:before {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -879px;
  width: 16px;
  height: 21px;
  background-size: 140px 5255px;
}

.box-cmn-card-ico-delete-search:after {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -925px;
  width: 16px;
  height: 21px;
  background-size: 140px 5255px;
}

.box-cmn-card-label {
  margin-top: 15px;
}

.box-cmn-card-thmbnl-area {
  height: 85px;
  width: 102px;
  margin-right: 12px;
}

.box-cmn-card-thmbnl {
  height: 85px;
  width: 102px;
}

/* box-cmn-card-simple
---------------------------------------------------------- */
.box-cmn-card-simple {
  padding: 20px 18px 20px 23px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #ff5a5f;
}

.box-cmn-card-simple-ico {
  width: 48px;
}

.box-cmn-card-simple-ttl {
  width: calc(100% - 48px);
  padding-right: 10px;
  font-size: 17px;
}

/* box-cmn-entry
---------------------------------------------------------- */
.box-cmn-entry {
  margin-top: 50px;
  padding: 40px 0;
  border-top: 1px solid #44bac7;
  border-bottom: 1px solid #e0ded5;
  background-color: #fff;
  text-align: center;
  z-index: 10;
}

.registration-category .box-cmn-entry {
  margin-top: 30px;
}

.required-agreement .box-cmn-entry {
  margin-top: 30px;
}

.box-cmn-entry-link {
  margin: 24px 0 -4px;
}

/* box-cmn-attention
---------------------------------------------------------- */
.box-cmn-attention {
  padding: 15px;
}

.box-cmn-attention-small {
  width: auto;
  font-size: 12px;
}

/* box-cmn-toggle-view
---------------------------------------------------------- */
.box-cmn-toggle-view {
  max-height: 5.5em;
}

/* box-cmn-balloon
---------------------------------------------------------- */
.box-cmn-balloon {
  margin-top: 25px;
  font-size: 15px;
}

.box-cmn-balloon:before {
  margin-left: -8px;
  border-width: 8px 8px 0 8px;
}

.box-cmn-balloon.profile-required {
  font-size: 14px;
  border-radius: 8px 8px 0 0;
  border-color: #cccccc;
  border-width:0;
  border-bottom-width: 1px;
  margin-bottom:0;
  margin-top:0;
}

.box-cmn-balloon.profile-required:before {
  border-top: 17px solid #cccccc;
  z-index: 1;
  margin-top:1px;
  width: 10px;
  height: 7.5px;
  border-width:7.5px;
}

.box-cmn-balloon.profile-required:after {
  z-index: 1;
  margin-top:-0.5px;
  border-width:7.5px;
  width: 10px;
  height: 7.5px;
}

/* ==========================================================
 mod
========================================================== */
/* mod-cmn-app
---------------------------------------------------------- */
.mod-cmn-app {
  margin: 0 -32px;
}

.mod-cmn-app-ttl {
  height: 38px;
  margin-bottom: 0;
}

.mod-cmn-app-ttl-in {
  padding-top: 10px;
  padding-left: 24px;
  padding-right: 24px;
}

.mod-cmn-app-ttl-in:before, .mod-cmn-app-ttl-in:after {
  top: 4px;
}

.mod-cmn-app .mod-cmn-app-ttl {
  margin-bottom: 0;
}

.mod-cmn-app-lists {
  margin-top: 3px;
}

.mod-cmn-app-list {
  margin: 15px 10px 0;
}

.mod-cmn-app-caption {
  margin-top: 4px;
  font-size: 10px;
}

.is-btn-last .mod-cmn-app {
  margin-top: -15px;
  padding-top: 0;
  border-top: none;
}

/* mod-cmn-slider
---------------------------------------------------------- */
/* mod-cmn-slider
---------------------------------------------------------- */
.mod-cmn-slider {
  height: 100px;
}

.mod-cmn-poi-slider {
  height: 174px;
}

.mod-cmn-slider-wrap {
  margin: 7px 0 3px;
}

.mod-cmn-slider-link {
  margin: 0 5px;
}

.mod-cmn-slider-img {
  width: 150px;
  height: 100px;
}

.mod-cmn-poi-slider-img {
  width: 310px;
  height: 174px;
  border-radius: 0;
}

.mod-cmn-slider-control {
  margin-top: 15px;
  height: 8px;
}

.mod-cmn-slider-control-in {
  height: 8px;
  padding: 0;
}

.mod-cmn-slider-control .slick-arrow {
  display: none;
}

.mod-cmn-slider-control .slick-dots {
  margin-top: 0;
  height: 8px;
}

.mod-cmn-slider-control .slick-dots li {
  height: 8px;
}

.mod-cmn-slider-control .slick-dots button:before {
  width: 8px;
  height: 8px;
}

/* mod-cmn-sort
---------------------------------------------------------- */
.mod-cmn-sort {
  display: table;
  width: 100%;
}

.mod-cmn-sort-wrap-top {
  margin-top: 22px;
}

.mod-cmn-sort-wrap-result {
  margin-bottom: 32px;
}

.mod-cmn-sort-wrap.mod-cmn-sort-wrap-keep {
  margin-top: 25px;
  margin-bottom: 0px;
}

.mod-cmn-sort-head {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  float: none;
  text-align: center;
  padding: 0;
  margin-right: 0;
}

.mod-cmn-sort-ttl {
  float: none;
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 8px;
  font-size: 18px;
}

.mod-cmn-sort-txt {
  float: none;
  padding-top: 0;
  margin-top: 0;
  font-size: 13px;
}

.mod-cmn-sort-txt-result {
  font-size: 14px;
  word-break: break-all;
}

.mod-cmn-sort-txt-result-num {
  margin-right: 5px;
  font-size: 30px;
}

.mod-cmn-sort-item {
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  margin: 0;
  float: none;
}

.mod-cmn-sort-result {
  position: relative;
  padding: 0;
  border-bottom: 1px solid #e0ded5;
  background-color: #fff;
  text-align: center;
  border-radius: 6px 6px 0 0;
  border-radius: 10px;
}

.mod-cmn-sort-result:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 14px;
  margin-left: -14px;
}

.mod-cmn-sort-result-ttl {
  margin: 0;
  font-size: 14px;
  background-color: #ece8da;
  width: 100%;
  text-align: left;
  padding: 8px 0px 8px 10px;
  border-radius: 10px 10px 0 0;
  height: 31px;
}

.mod-cmn-sort-result-body {
  padding-top: 0;
  width: 100%;
}

.mod-cmn-sort-result-search-link {
  width: calc(100% - 44px);
  height: calc(100% - 31px);
  position: absolute;
  bottom: 0;
  left: 0;
}

/* mod-cmn-freeword
---------------------------------------------------------- */
.mod-cmn-freeword {
  margin-left: 0;
}

input.mod-cmn-search-freeword {
  border-radius: 8px;
}

/* mod-cmn-ribbon
---------------------------------------------------------- */
.mod-cmn-ribbon {
  left: -3px;
  top: -3px;
}

.mod-cmn-ribbon:before, .mod-cmn-ribbon:after {
  border-width: 3px;
}

.mod-cmn-ribbon:before {
  top: 39px;
  left: -3px;
}

.mod-cmn-ribbon:after {
  top: -3px;
  right: 39px;
}

.mod-cmn-ribbon-in {
  width: 66px;
  left: -18px;
  top: 12px;
  margin-top: -5px;
  font-size: 10px;
}

/* mod-cmn-category
---------------------------------------------------------- */
.mod-cmn-category-ico {
  width: 44px;
  padding-left: 3px;
}

.mod-cmn-category-ico .ico-cmn-picture {
  margin-left: -3px;
}

.box-cmn-card .mod-cmn-category-ico {
  width: 56px;
}

.mod-cmn-category-labels {
  margin-top: -4px;
  margin-left: -4px;
}

.mod-cmn-category-label {
  margin: 4px 10px 4px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mod-cmn-category-caption {
  margin-top: 2px;
  font-size: 10px;
}

/* mod-cmn-label
---------------------------------------------------------- */
.mod-cmn-label, .mod-cmn-label-mission, .mod-cmn-label.is-disabled {
  height: 22px;
  padding: 0 9px;
  border-radius: 14px;
  font-size: 10px;
}

.box-cmn-card .mod-cmn-label.is-disabled {
  height: 22px;
  line-height: 22px;
  padding: 0 9px;
  border-radius: 14px;
  font-size: 10px;
}

.card-label .mod-cmn-label.is-disabled {
  margin: 4px;
}

.mod-cmn-label-large {
  height: 25px;
  line-height: 25px;
  padding: 0 13px;
  font-size: 12px;
}

.card-label .mod-cmn-label-large {
  height: 25px;
  line-height: 32px;
  padding: 0 0 0 5px;
  font-size: 13px;
}

.mod-cmn-label-num {
  margin: 0 4px;
  font-size: 13px;
}

/* mod-cmn-search
---------------------------------------------------------- */
.mod-cmn-search {
  border: unset;
  border-radius: unset;
}

.mod-cmn-search-wrap {
  padding: 0 0px 0px;
  background-color: unset;
  border-radius: unset;
}

.mod-cmn-search-item:first-child {
  margin-top: 0;
}

.mod-cmn-search-main-ttl {
  color: #fff;
  background-color: #44bac7;
  padding: 15px 0px 15px 0px;
  font-size: 21px;
  text-align: center;
}

.mod-cmn-search-main-ttl-close {
  display: inline-block;
  position: absolute;
  right: 20px;
}

.mod-cmn-search-close-link {
  color: #a4a4a4;
  font-size: 17px;
}

.mod-cmn-search-ttl {
  border-bottom: none;
  padding: 25px 32.5px 10px;
  background: none;
  font-size: 18px;
  color: #474747;
  cursor: auto;
  background-color: unset;
  text-align: unset;
}

.mod-cmn-search-ttl:first-child {
  padding: 25px 32.5px 11px;
}

.mod-cmn-search-item:first-child .mod-cmn-search-ttl{
  border-radius: unset;
}

.mod-cmn-search-ttl-ico, .mod-cmn-search-ttl-ico:before, .mod-cmn-search-ttl-ico:after {
  display: none;
}

.mod-cmn-search-body {
  display: block;
  opacity: 1;
  position: static;
  padding: 1px 32.5px 5.5px 32.5px;
  border: none;
  border-radius: 0;
  background: none;
  white-space: normal;
  width: 100%;
  height: auto;
  background-color: #faf8f0;
}

.mod-cmn-search-body:before {
  content: none;
}

.mod-cmn-search-body-lists-item {
  font-size: 15px;
  width: 100%;
  display: inline-block;
  padding: 12.5px 0px 12.5px 0px;
  position: relative;
}

.mod-cmn-search-body-lists-d-point {
  position: absolute;
  top: 20px;
  left: 55px;
  font-size: 12px;
}

 .work-cndtns{
 	overflow: hidden;
    white-space: nowrap;
 }

.mod-cmn-search-set {
  display: none !important;
}

.mod-cmn-search-display {
  padding: 0;
  border-bottom: 0;
  background-color: #faf8f0;
}

.mod-cmn-search-display:last-child {
  padding: 15px 18px 15px 8px;
  border-radius: unset;
}

.mod-cmn-search-display-ttl {
  margin-top: 30px;
  margin-bottom: 20px;
  position: relative;
  border-bottom: none;
  color: #44bac7;
  font-size: 15px;
}

.mod-cmn-search-display-ttl:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin: auto;
  z-index: 1;
}

.mod-cmn-search-display-ttl-in {
  position: relative;
  display: inline-block;
  padding: 0 15px 0 12px;
  background-color: #faf8f0;
  z-index: 2;
}

.mod-cmn-search-display-txt{
  height: auto;
  font-size: 15px;
}

.mod-cmn-search-display-toggle {
  margin-top: 12px;
  padding: 10px;
  background-color: #fff;
  font-size: 15px;
}

.mod-cmn-search-display-toggle:last-child {
  padding: 10px;
}

.mod-cmn-search-display-toggle .link-cmn-toggle:before {
  top: .5em;
}

.mod-cmn-search-history {
  height: auto;
  padding-top: 0;
}

.mod-cmn-search-history.is-active {
  height: auto !important;
}

.mod-cmn-search-history-ttl {
  position: relative;
  top: auto;
  left: auto;
}

.mod-cmn-search-result {
  margin-bottom: 25px;
  font-size: 20px;
}

.mod-cmn-search-result-bubble {
  display: table-cell;
  font-size: 20px;
  vertical-align: top;
  text-align: right;
  width: 100%;
  padding: 30px 10px 20px 16px;
}

.mod-cmn-search-result-bubble-table {
  display: table;
}

.mod-cmn-search-result-bubble-table:after {
  content: "";
  position: relative;
  display: inline-block;
  top: 13px;
  border: 6px solid transparent;
  border-left: 10px solid #ffd500;
}

.mod-cmn-search-result-num-area {
  text-align:center;
  vertical-align: middle;
  display: table-cell;
  padding: 8px 20px 8px 20px;
  width: 700px;
  background-color: #fff;
  border-radius: 6px;
  border: solid 2px #ffd500;
}

.mod-cmn-search-result-num {
  color: #ff5a5f;
  font-size: 25px;
  font-weight: bold;
  font-family: Roboto Slab;
}

.mod-cmn-search-result-num-unit {
  color: #ff5a5f;
  font-size: 15px;
  font-weight: bold;
  font-family: Roboto Slab;
}

.mod-cmn-search-btn-area {
  display: table-cell;
}

.mod-cmn-search-btn {
  margin: 10px 35px 0px 35px;
}

.mod-cmn-search-popup-work-item {
  width: 49%;
  display: inline-block;
  padding: 11px 0px 11px 0px;
}

.mod-cmn-search-banner-area {
  text-align: center;
  border-radius: 12px 12px 0 0;
  padding: 10px 0 15px;
  margin: -25px -12px 11px;
  background-color: #fff;
}

.mod-cmn-search-banner-slider {
  height: 70px;
  overflow: hidden;
}

.mod-cmn-search-banner-image {
  width: 350px;
  height: 70px;
  margin: 0 25px 0 25px;
}

.mod-cmn-search-freeword {
  position: relative;
  padding: 25px 32.5px 11px;
}

.mod-cmn-search-freeword-form {
  display: flex;
}

.mod-cmn-search-freeword-place-holder {
  display: inline-block;
  position: absolute;
  background-color: #fff;
  line-height: 1.05;
  font-size: 16px;
  color: #808080;
  top: 38px;
  left: 45px;
  letter-spacing: normal;
}

.mod-cmn-search-freeword-place-holder-search {
  background-image: url(../img/common/sprite.png);
  background-position: 0px -2509px;
  width: 18px;
  height: 18px;
  background-size: 101px 3783.5px;
  margin-right: 10px;
  position: relative;
  top: -3px;
}

input[class="mod-cmn-search-freeword-input"] {
  border-radius: 4px 0 0 4px;
  max-width: 100%;
}

.mod-cmn-search-search-freeword {
  position: relative;
  left: -1px;
  height: 38px;
  border-radius: 0 4px 4px 0;
  width: 90px;
  background-color: #44bac7;
  box-shadow: 0px 2px 0px 0px #37959f;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border: 0;
  vertical-align: top;
}

/* mod-cmn-work
---------------------------------------------------------- */
.mod-cmn-work-get,
.mod-cmn-work-price {
  position: static;
}

.mod-cmn-work-price {
  padding-right: 0;
  margin-bottom: 20px;
}

.mod-cmn-work-price::after {
  display: block;
  content: '';
  clear: both;
}

.mod-cmn-work .mod-cmn-category {
  padding-right: 0;
}

.mod-cmn-work-star {
  top: 10px;
}

.mod-cmn-work-wrapp .mod-cmn-work-star {
  top: 10px;
  bottom: auto;
}

.mod-cmn-work-wrapp .mod-cmn-category-labels {
  padding-right: 30px;
}

/* mod-cmn-terms
---------------------------------------------------------- */
.mod-cmn-terms {
  display: block;
  margin-top: 16px;
  padding: 19px 16px;
}

.mod-cmn-terms-item {
  display: block;
  overflow: hidden;
  padding: 0;
  border-left: none;
  margin-top: 12px;
}

.mod-cmn-terms-item:first-child {
  margin-top: 0;
}

.mod-cmn-terms-item-in:before {
  content: none;
}

.mod-cmn-terms-ttl {
  float: left;
  width: 114px;
  font-size: 15px;
  text-align: left;
}

.mod-cmn-terms-ttl-progress {
  width: auto;
  padding-bottom: 0;
}

.mod-cmn-terms-detail {
  overflow: hidden;
  font-size: 15px;
  text-align: left;
}

.mod-cmn-terms-ttl-progress + .mod-cmn-terms-detail:before {
  content: '/';
  margin: 0 6px;
  color: #999;
}

.mod-cmn-terms-ttl-progress + .mod-cmn-terms-detail {
  border-top: none;
  padding-top: 0;
}

/* mod-cmn-job
---------------------------------------------------------- */
.mod-cmn-job {
  margin-top: 60px;
  border-top: 1px solid #e0ded5;
  padding: 30px 12px 0;
  text-align: center;
}

.mod-cmn-job:last-child {
  margin-bottom: -14px;
}

.mod-cmn-job-detail {
  float: none;
  display: inline-block;
}

.mod-cmn-job-detail-ttl {
  display: inline-block;
  margin-right: 18px;
  font-size: 14px;
}

.mod-cmn-job-detail-txt {
  display: inline-block;
  font-size: 14px;
  text-align: left;
}

.mod-cmn-job-detail-txt-id {
  display: block;
}

.mod-cmn-job-link {
  float: none;
  margin-top: 2px;
  margin: auto;
}

/* mod-cmn-wallet
---------------------------------------------------------- */
.mod-cmn-wallet {
  margin-top: 45px;
}

.mod-cmn-wallet-body {
  width: auto;
  height: auto;
  padding-top: 0;
  border: none;
  background: none;
  border-radius: 0;
}

.mod-cmn-wallet-body-color {
  display: table;
  width: 100%;
  padding: 12px 19px 12px 70px;
  border: 1px solid #e0ded5;
  background-color: #faf8f0;
  border-radius: 6px;
}

.mod-cmn-wallet-body-color .mod-cmn-wallet-ico {
  position: absolute;
  left: 19px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mod-cmn-wallet-body-color .mod-cmn-wallet-ttl {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 0;
  line-height: 1.6;
  font-size: 15px;
}

.mod-cmn-wallet-body-color .mod-cmn-wallet-txt {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding: 0;
  font-size: 30px;
}

.mod-cmn-wallet-body-color .mod-cmn-wallet-unit {
  font-size: 20px;
}

.mod-cmn-wallet-ttl {
  padding-top: 16px;
  font-size: 14px;
}

.mod-cmn-wallet-ttl-sub {
  display: inline-block;
  padding-top: 0;
}

.mod-cmn-wallet-ttl-sub + .mod-cmn-wallet-txt {
  display: inline-block;
}

.mod-cmn-wallet-txt {
  padding-left: 13px;
  font-size: 45px;
}

.mod-cmn-wallet-txt-sub {
  padding-left: 8px;
  margin-top: 10px;
  font-size: 14px;
}

.mod-cmn-wallet-unit {
  font-size: 21px;
}

.mod-cmn-wallet-notes {
  padding-left: 8px;
  font-size: 12px;
}

/* mod-cmn-reception
---------------------------------------------------------- */
.mod-cmn-reception {
  height: auto;
  overflow: visible;
  border-bottom: none;
  border: none;
}

.mod-cmn-reception-wrap {
  width: auto;
  position: static !important;
}

.mod-cmn-reception-item {
  margin-top: 10px;
  padding: 15px 34px 16px;
  border: 1px solid #e0ded5;
  border-radius: 6px;
}

.mod-cmn-reception-item:first-child {
  margin-top: 0;
}

.mod-cmn-reception-item:last-child {
  border: 1px solid #e0ded5;
}

.mod-cmn-reception-item:before {
  left: 14px;
  top: 19px;
  width: 9px;
  height: 9px;
}

.mod-cmn-reception-item.is-active:after {
  content: none;
}

.mod-cmn-reception-sub-ttl {
  width: auto;
  font-size: 13px;
}

.mod-cmn-reception-sub-date {
  font-size: 13px;
}

.mod-cmn-reception-ttl {
  margin-top: 5px;
  font-size: 15px;
}

.mod-cmn-reception-body {
  display: block;
  margin-top: 8px;
}

/* mod-cmn-message
---------------------------------------------------------- */
.mod-cmn-message {
  height: auto;
  padding: 0;
}

.mod-cmn-message-in {
  padding: 0 0 36px;
}

.mod-cmn-message-in-contact-cate {
  padding-bottom: 6px;
}

.mod-cmn-message-title {
  text-align: center;
  font-weight: bold;
  margin-top: -15px;
  margin-bottom: 15px;
}

.mod-cmn-message-item {
  width: 275px;
  margin-top: 28px;
}
.mod-cmn-message-item:last-child {
  margin-bottom: 0px;
}
.mod-cmn-message-item-client .mod-cmn-message-head {
  padding-left: 20px;
}

.mod-cmn-message-item-client .mod-cmn-message-foot {
  padding-left: 20px;
}

.mod-cmn-message-item-worker .mod-cmn-message-head {
  padding-right: 20px;
}

.mod-cmn-message-item-worker .mod-cmn-message-foot {
  padding-right: 20px;
}

.mod-cmn-message-head-sub-ttl {
  font-size: 11px;
}

.mod-cmn-message-head-ttl {
  font-size: 13px;
}

.mod-cmn-message-body {
  padding: 16px 20px;
  font-size: 15px;
}

.mod-cmn-message-foot-date {
  font-size: 11px;
}

.mod-cmn-message-edit {
  position: static;
  width: auto;
  padding: 0;
}

.mod-cmn-message-edit-in {
  padding-bottom: 0;
}

.mod-cmn-message-edit-btn {
  bottom: 0;
}

.mod-cmn-message-edit-btn-in {
  padding: 19px;
}

/* mod-cmn-menu
---------------------------------------------------------- */
.mod-cmn-menu {
  border-top: none;
  padding: 25px 18px;
  border-radius: 0;
}

:first-child > .mod-cmn-menu {
  border-top: 1px solid #e0ded5;
}

.mod-cmn-menu-link {
  padding-right: 41px;
}

.mod-cmn-menu-link:before, .mod-cmn-menu-link:after {
  right: 27px;
}

.mod-cmn-menu-link:before {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -197px;
  width: 10px;
  height: 18px;
  background-size: 140px 5255px;
}

.mod-cmn-menu-link:after {
  content: none;
}

.mod-cmn-menu-link:hover {
  color: #474747;
}

.mod-cmn-menu-link:hover:before {
  opacity: 1;
}

.mod-cmn-menu-wrap {
  padding: 20px 12px 20px 18px;
  border-top: 1px solid #44bac7;
  border-bottom: 1px solid #e0ded5;
  background-color: #fff;
}

.mod-cmn-menu-wrap .mod-cmn-menu {
  border: none;
  padding: 0;
}

.mod-cmn-menu-wrap .mod-cmn-menu-child {
  border: 1px solid #e0ded5;
  margin: 16px 0 0 48px;
  padding: 12px 28px;
  border: 1px solid #e0ded5;
  border-radius: 6px;
}

.mod-cmn-menu-wrap .mod-cmn-menu-child .mod-cmn-menu-ttl {
  padding: 0;
  font-size: 13px;
}

.mod-cmn-menu-wrap .mod-cmn-menu-child.mod-cmn-menu-link:before {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -161px;
  width: 7px;
  height: 12px;
  background-size: 140px 5255px;
  top: 40%;
  right: 14px;
}

.mod-cmn-menu-wrap .mod-cmn-menu-child .mod-cmn-menu-attention {
  margin-left: 0;
}

.mod-cmn-menu-wrap .mod-cmn-menu-ico {
  left: 0;
  bottom: auto;
}

.mod-cmn-menu-wrap .mod-cmn-menu-ttl {
  padding-top: 6px;
}

.mod-cmn-menu-wrap .mod-cmn-menu-link:before {
  top: 6px;
  right: 15px;
  bottom: auto;
}

.mod-cmn-menu-ico {
  left: 18px;
}

.mod-cmn-menu-ico-child {
  left: 13px;
  top: 17px;
  bottom: auto;
}

.mod-cmn-menu-ttl {
  font-size: 15px;
  font-weight: bold;
}

.mod-cmn-menu-ico + .mod-cmn-menu-ttl {
  padding-left: 48px;
}

.mod-cmn-menu-mark {
  margin-left: 8px;
}

.mod-cmn-menu-attention {
  display: block;
  margin-top: 12px;
  margin-left: 48px;
  font-size: 11px;
}

.mod-cmn-menu-status {
  margin-top: 7px;
}

.mp-l-menu-item-2l .mod-cmn-menu-status {
  margin-top: 17px;
}

.mod-cmn-menu-status-2l-pc {
  margin-top: 7px;
}

/* mod-cmn-direction
---------------------------------------------------------- */
.mod-cmn-direction {
  background: none;
  border: none;
  border-radius: 0;
}

.mod-cmn-direction-item {
  margin-top: 10px;
  border: 1px solid #e0ded5;
  padding: 15px 15px 15px 15px;
  border-radius: 10px;
  background-color: #fff;
}

.mod-cmn-direction-item:first-child {
  margin-top: 0;
}

.mod-cmn-direction-head {
  font-size: 15px;
}

.mod-cmn-direction-ico {
  width: 43px;
}

.mod-cmn-direction-num {
  font-size: 30px;
}

.mod-cmn-direction-unit {
  font-size: 20px;
}

.mod-cmn-direction-unit-yen {
  font-size: 17px;
}

.mod-cmn-direction-foot {
  margin-top: 10px;
  padding: 0;
  height: 86.5px;
  padding: 9.5px 15px 10px 15px;
  border: 1px solid  #e0ded5;
  border-radius: 10px;
  background-color: #fff;
}

.mod-cmn-direction-foot-txt {
  font-size: 15px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 2px;
  color: #474747;
}

.mod-cmn-direction-foot-txt-kai {
  margin-right: 0;
  font-size:15px;
  color: #474747;
  font-weight: normal;
}

.mod-cmn-direction-foot-num {
  margin: 0;
  font-size: 17px;
  font-weight: normal;
}

.mod-cmn-direction-foot-unit {
  font-size: 15px;
}

.mod-cmn-direction-foot-link {
  margin-top: 18px;
}

.mod-cmn-direction-btn {
  margin-top: 22px;
  margin-bottom: 50px;
}

.mod-cmn-direction-foot-txt-font {
  margin: 0px;
  font-size: 16px;
  font-weight: normal;
  color: #44bac7;
}

.mod-cmn-direction-item-use-dpoint {
  width: 120px;
  float: right;
  padding-top: 5px;
}

/* mod-cmn-grade
---------------------------------------------------------- */
.mod-cmn-grade {
  display: block;
  margin-top: 22px;
}

.mod-cmn-grade-narrow {
  width: auto;
}

.mod-cmn-grade-calc {
  width: auto;
  padding: 12px 10px;
}

.mod-cmn-grade-calc-in {
  padding: 0;
}

.mod-cmn-grade-calc-ttl-in {
  font-size: 12px;
}

.mod-cmn-grade-calc-ico {
  margin-right: 8px;
}

.mod-cmn-grade-calc-ico.ico-cmn-yen-middle {
  margin-left: -10px;
}

.mod-cmn-grade-calc-result {
  margin-top: 12px;
}

.mod-cmn-grade-calc-num {
  font-size: 22px;
}

.mod-cmn-grade-calc-unit {
  font-size: 13px;
}

.mod-cmn-grade-calc-plus {
  padding-bottom: 0;
  font-size: 22px;
}

.mod-cmn-grade-calc-point-unit {
  font-size: 15px;
}

.mod-cmn-grade-total {
  border-left: none;
  border-top: 1px solid #e0ded5;
  padding: 20px 10px 15px;
  font-size: 15px;
}

.mod-cmn-grade-total:only-child {
  border-top: none;
  padding: 25px 10px 30px;
}

.mod-cmn-grade-total:before, .mod-cmn-grade-total:after {
  left: 50%;
  top: -1px;
}

.mod-cmn-grade-total:before {
  border-left-color: transparent;
  border-top-color: #e0ded5;
  border-width: 8px;
  margin-top: 0;
  margin-left: -8px;
}

.mod-cmn-grade-total:after {
  border-left-color: transparent;
  border-top-color: #fff;
  border-width: 7px;
  margin-top: 0;
  margin-left: -7px;
}

.mod-cmn-grade-total:only-child:before {
  border-width: 8px;
  margin-left: -8px;
}

.mod-cmn-grade-total:only-child:after {
  border-width: 7px;
  margin-left: -7px;
}

.mod-cmn-grade-total-txt {
  font-size: 12px;
}

.mod-cmn-grade-total-sub {
  margin-bottom: 14px;
  font-size: 18px;
}

.mod-cmn-grade-total-sub + .mod-cmn-grade-total-result {
  margin-bottom: 14px;
}

.mod-cmn-grade-total-result-num {
  font-size: 30px;
}

.mod-cmn-grade-total-result-unit {
  font-size: 17px;
}

.mod-cmn-grade-total-num {
  font-size: 14px;
}

.mod-cmn-grade-btn {
  margin-top: 18px;
  margin-bottom: 30px;
}

.mod-cmn-grade-select {
  width: 200px;
}

/* mod-cmn-board
---------------------------------------------------------- */
.mod-cmn-board {
  margin-top: 30px;
}

.mod-cmn-board + .box-cmn-entry {
  margin-top: -1px;
}

.mod-cmn-board-head {
  display: block;
}

.mod-cmn-board-head-in {
  display: table;
}

.mod-cmn-board-head-body {
  padding: 15px 14px 30px;
  background-color: #faf8f0;
  border: none;
}

.mod-cmn-board-head-txt {
  display: table-cell;
  border-radius: 0;
  padding: 14px 12px;
  text-align: center;
}

.mod-cmn-board-head-txt:only-child {
  border-radius: 0;
}

.mod-cmn-board-head-txt-in {
  font-size: 15px;
  display: table-cell;
}

.mod-cmn-board-head-slash {
  margin: 0 8px;
  font-size: 13px;
}

.mod-cmn-board-head-result {
  font-size: 13px;
}

.mod-cmn-board-head-option {
  display: table-cell;
  width: 112px;
  padding: 14px 12px;
  font-size: 15px;
  border-radius: 0;
}

.mod-cmn-board-body {
  display: block;
  border-top: 1px solid #e0ded5;
  border-radius: 0;
}

.mod-cmn-board-head + .mod-cmn-board-body, .mod-cmn-board-faq {
  border-top: none;
}

.mod-cmn-board-item {
  padding: 15px 0;
}

.mod-cmn-board-item:first-child {
  border-top: none;
}

.mod-cmn-board-item-head {
  width: 81px;
  padding: 8px 10px;
}

.mod-cmn-board-item-head-faq {
  width: 42px;
  vertical-align: middle;
}

.mod-cmn-board-item-head-faq + .mod-cmn-board-item-body {
  display: table-cell;
}

.mod-cmn-board-item-content {
  width: auto;
  padding: 0 14px;
  display: block;
  text-align: left;
}

.mod-cmn-board-item-content.uh-prj-list-item-content {
  width: auto;
  padding-right: 14px;
}

.mod-cmn-board-item-date {
  padding-top: 4px;
  margin-right: 20px;
  font-size: 12px;
}

.mod-cmn-board-item-point {
  font-size: 16px;
}

.mod-cmn-board-item-point-unit {
  font-size: 12px;
}

.mod-cmn-board-item-period-limited-point-text {
  width: auto;
  font-size: 10px;
  color: #474747;
}

.mod-cmn-board-item-yen-unit {
  font-size: 10px;
}

.mod-cmn-board-item-q, .mod-cmn-board-item-a {
  font-size: 23px;
}

.mod-cmn-board-item-body {
  display: block;
  padding: 0 14px;
}

.mod-cmn-board-item-set {
  display: table;
  width: auto;
  padding-right: 0;
  font-size: 12px;
}

.mod-cmn-board-item-approval {
  padding-left: 18px;
}

.mod-cmn-board-item-ttl {
  display: block;
}

.mod-cmn-board-item-detail-in {
  margin: 20px 12px 2px;
  padding: 16px 20px;
}

.mod-cmn-board-item-detail-txt {
  margin-bottom: 12px;
  font-size: 13px;
}

.mod-cmn-board-item-detail-faq {
  width: 42px;
}

.mod-cmn-board-item-detail-faq-wrap {
  padding: 20px 12px 0 0;
}

.mod-cmn-board-item-detail-fig {
  width: 150px;
}

.mod-cmn-board-item-detail-body {
  font-size: 14px;
}

.mod-cmn-board-item-status {
  margin-left: 0;
  margin-top: 0;
  padding-left: 10px;
  font-size: 12px;
}

.mod-cmn-board-item-status-fit {
  padding-left: 0;
}

.mod-cmn-board-item-status-list {
  float: none;
  margin-top: 6px;
  padding: 0;
  border-left: none;
}

.mod-cmn-board-item-status-list:first-child {
  margin-top: 0;
}

.mod-cmn-board-item-status-ttl {
  width: 100px;
  margin-right: 10px;
  font-weight: normal;
}

/* mod-cmn-accordion
---------------------------------------------------------- */
.mod-cmn-accordion {
  padding-right: 48px;
}

.mod-cmn-accordion.uh-prj-list-accordion {
  padding-right: 0px;
}

.mod-cmn-accordion:before, .mod-cmn-accordion:after {
  right: 23px;
}

.mod-cmn-accordion:before {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -197px;
  width: 10px;
  height: 18px;
  background-size: 140px 5255px;
}

.mod-cmn-accordion:hover:before {
  opacity: 1;
}

.mod-cmn-accordion:after {
  content: none;
}

/* mod-cmn-attribute
---------------------------------------------------------- */
/* mod-cmn-calc
---------------------------------------------------------- */
/* mod-cmn-progress
---------------------------------------------------------- */
/* mod-cmn-task
---------------------------------------------------------- */
/* mod-cmn-situation
---------------------------------------------------------- */
/* mod-cmn-select
---------------------------------------------------------- */
/* mod-cmn-case
---------------------------------------------------------- */
/* mod-cmn-mark
---------------------------------------------------------- */
/* mod-cmn-following
---------------------------------------------------------- */
.mod-cmn-following-attention {
  margin-top: 30px;
  margin-bottom: -10px;
  font-size: 10px;
}

.mod-cmn-following-attention + .ttl-cmn-order-wrap {
  margin-top: 30px;
}

/* mod-cmn-tab
---------------------------------------------------------- */
.mod-cmn-tab {
  border-radius: 12px 12px 0 0;
}

.mod-cmn-tab-body {
  padding-left: 12px;
  padding-right: 12px;
}

/* mod-cmn-registration
---------------------------------------------------------- */
.mod-cmn-registration {
  display: block;
  width: auto;
}

.mod-cmn-registration-item {
  width: auto;
  padding: 20px 0 0;
  margin-top: 20px;
  border-top: 1px solid #e0ded5;
}

.mod-cmn-registration-item:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
  border-right: none;
}

.mod-cmn-registration-recommend {
  margin-top: 28px;
  margin-bottom: 18px;
}

.mod-cmn-registration-ttl {
  margin-bottom: 12px;
  font-size: 18px;
}

.mod-cmn-registration-btn {
  text-align: center;
  margin-left: -20px;
  margin-right: -20px;
}

.mod-cmn-registration-border {
  margin-top: 30px;
  margin-bottom: 12.5px;
}

.mod-cmn-registration-birth-day {
  margin-left: 10px;
  width: 25%;
}

.mod-cmn-registration-birth-year {
  width: 50%;
}

.mod-cmn-registration-birth-area {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mod-cmn-registration-first-post-area-sp {
  width: calc(43% - 23px);
}

.mod-cmn-registration-last-post-area-sp {
  width: calc(57% - 23px);
}

.mod-cmn-registration-birth-year-text {
  width: 24%;
}

.mod-cmn-registration-birth-day-text {
  width: 16%;
}

/* mod-cmn-registration
---------------------------------------------------------- */
.mod-cmn-phone {
    margin-bottom: 50px;
}

.mod-cmn-phone-ico {
  margin-right: 5px;
}

.mod-cmn-phone-body {
  padding-left: 15px;
}

.mod-cmn-phone-detail {
  padding: 15px 20px;
}

.mod-cmn-phone-detail:after {
  left: -15px;
  border-width: 15px;
  margin-top: -7px;
}

.mod-cmn-phone-txt {
  font-size: 12px;
}

/* mod-cmn-required
---------------------------------------------------------- */
.mod-cmn-required {
  padding: 5px 10px;
  font-size: 10px;
}

/* mod-cmn-detail
---------------------------------------------------------- */
.mod-cmn-detail {
  position: static;
  padding-bottom: 0;
  border-bottom: none;
}

/* mod-cmn-response
---------------------------------------------------------- */
.mod-cmn-response {
  top: 0;
  right: 0;
  margin-top: 25px;
  margin-left: 0;
  width: 28px;
  padding: 11px 6px;
  border-radius: 12px 0 0 12px;
  font-size: 11px;
}

.mod-cmn-response-num-01 {
  padding-bottom: 3px;
  margin-bottom: 3px;
  font-size: 13px;
}

.mod-cmn-response-num-02 {
  margin-bottom: 6px;
  font-size: 13px;
}

/* mod-cmn-recommend
---------------------------------------------------------- */
.mod-cmn-recommend {
  margin-top: 50px;
  margin-bottom: 22px;
  font-size: 14px;
}

.contents-in + .mod-cmn-recommend {
  margin-top: 60px;
}

.mod-cmn-recommend-in {
  padding-left: 28px;
  padding-right: 28px;
}

.mod-cmn-recommend-in:before, .mod-cmn-recommend-in:after {
  top: 5px;
  background-image: url("../img/common/sprite.png");
  background-position: 0px -4258px;
  width: 15px;
  height: 34px;
  background-size: 140px 5255px;
}

.mod-cmn-recommend-large {
  position: relative;
  margin-top: 70px;
  margin-bottom: 22px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.mod-cmn-recommend-in-large {
  display: inline-block;
  position: relative;
  line-height: 1.5;
}

.mod-cmn-recommend-in-large:before, .mod-cmn-recommend-in-large:after {
  position: absolute;
  content:"";
  background-size: 52%;
  background-repeat: no-repeat;
  width: 42px;
  height: 49px;
  top: -2px;
}

.mod-cmn-recommend-in-large:before {
  background-image: url("../img/common/vector_obj_left.png");
  left: -50px;
}

.mod-cmn-recommend-in-large:after {
  background-image: url("../img/common/vector_obj_right.png");
  right: -70px;
}

/* mod-cmn-side
---------------------------------------------------------- */
.mod-cmn-side {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mod-cmn-side-ttl {
  border-bottom: 1px solid #44bac7;
  line-height: 1.6;
  padding-bottom: 10px;
  text-align: left;
  font-size: 15px;
  color: #474747;
}

.mod-cmn-pickup .mod-cmn-side-ttl {
  margin-bottom: 20px;
}

.mod-cmn-side-ttl-in {
  position: relative;
  display: inline-block;
  padding-left: 15px;
}

.mod-cmn-side-ttl-in:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #44bac7;
  border-radius: 6px;
}

.mod-cmn-side-bnr {
  width: calc(50% - 5px);
  display: inline-block;
  margin-bottom: 0;
}

.mod-cmn-side-bnr:last-child {
  margin-left: 10px;
}

.mod-cmn-side-bnr-link {
  width: 100%;
  height: auto;
  padding-top: 0;
}

.mod-cmn-side-bnr-img {
  position: static;
  -webkit-transform: none;
          transform: none;
  max-width: none;
  max-height: none;
  width: 100%;
  height: auto;
}

.mod-cmn-side-item.mod-cmn-pickup {
  font-size: 0px;
}

.mod-cmn-side-item-more {
  font-size: 13px;
  text-align: right;
}

/* mod-cmn-tags
---------------------------------------------------------- */
.mod-cmn-tags {
  margin-top: 15px;
  margin-left: -8px;
}

.mod-cmn-tags-item {
  margin: 10px 0 0 8px;
}

.mod-cmn-tags-in {
  padding: 4px 8px;
  font-size: 10px;
  border-radius: 3px;
}

/* mod-cmn-topics-category
---------------------------------------------------------- */
.mod-cmn-topics-category {
  margin: -10px 0 0;
}

.mod-cmn-article-aside .mod-cmn-topics-category{
  margin: -10px 0 -12px;
}

.mod-cmn-topics-category-item {
  width: calc(50% - 5px);
  margin-top: 10px;
  padding: 0;
}

.mod-cmn-topics-category-item:nth-child(odd) {
  margin-right: 10px;
}

.mod-cmn-topics-category-label {
  padding: 7.5px 10px;
  border-radius: 17.5px;
}

.mod-cmn-topics-category-label-in {
  font-size: 12px;
}

/* mod-cmn-post
---------------------------------------------------------- */
.mod-cmn-post {
  padding: 0;
}

.mod-cmn-post-fig {
  margin-right: 20px;
  width: 105px;
  height: 70px;
}

.mod-cmn-post-txt {
  overflow: hidden;
  padding-left: 0;
  font-size: 15px;
}

.mod-cmn-post-sub {
  position: relative;
  padding-top: 5px;
  padding-right: 75px;
  clear: both;
  margin-top: 0;
}

.mod-cmn-post-tags {
  padding: 0;
  margin-top: 0;
}

.mod-cmn-post-date {
  position: absolute;
  right: 0;
  bottom: 1px;
  margin-top: 0;
  padding-left: 0;
  font-size: 10px;
}

/* mod-cmn-article
---------------------------------------------------------- */
.mod-cmn-article {
  padding: 14px 20px 20px;
  border-radius: 10px;
}

.mod-cmn-article-ttl {
  margin-bottom: 8px;
  font-size: 22px;
}

.mod-cmn-article-sub {
  margin-bottom: 0;
  padding-right: 90px;
}

.mod-cmn-article-sns {
  position: static !important;
  text-align: center;
  margin: 15px 0 25px;
  border-top: 1px solid #e0ded5;
  padding-top: 15px;
  letter-spacing: -.5em;
}

.mod-cmn-article-body .mod-cmn-article-sns {
  display: block;
  margin: 25px 0 0;
  padding-top: 20px;
}

.mod-cmn-article-body .mod-cmn-article-sns-item {
  margin-top: 0;
}

.mod-cmn-article-sns-item {
  display: inline-block;
  margin: 0 7.5px;
  letter-spacing: normal;
}

.mod-cmn-article-sns-item:first-child {
  margin-top: 0;
}

.mod-cmn-article-sns-item:last-child {
  margin-right: 0px;
}

.mod-cmn-article-tags {
  margin-top: -10px;
}

.mod-cmn-article-date {
  font-size: 12px;
}

.mod-cmn-article-hero {
  text-align: center;
}

.mod-cmn-article-read {
  margin-top: 16px;
}

.mod-cmn-article-body h3 {
  margin-top: 25px;
  padding-left: 15px;
  margin-bottom: 26px;
  font-size: 15px;
}

.mod-cmn-article-body h3:after {
  bottom: -10px;
  height: 10px;
}

.mod-cmn-article-body p,
.mod-cmn-article-body div {
  margin-top: 16px;
  font-size: 13px;
}

.mod-cmn-article-body img + p {
  margin-top: 7px;
  font-size: 10px;
}

.mod-cmn-article-body blockquote {
  margin-top: 16px;
}

.mod-cmn-article-aside {
  margin-top: 40px;
}

/* mod-cmn-support
---------------------------------------------------------- */
.mod-cmn-support-box {
  width: 310px;
  margin: 16px auto;
  text-align: center;
  padding: 12px 20px;
  font-size: 25px;
}

.mod-cmn-support-box:first-child {
  margin-top: 0;
}

.mod-cmn-support-box:last-child {
  margin-bottom: 0;
}

.mod-cmn-support-box a {
  color: #1e97cd;
}

/* mod-cmn-service
---------------------------------------------------------- */
.mod-cmn-service {
  margin: 20px -30px 0;
}

.mod-cmn-service-wide {
  width: auto;
  margin: 20px -30px 0;
}

.mod-cmn-service-item {
  width: 33.3%;
}

.mod-cmn-service-item:after {
  left: -4px;
  top: 36px;
  background-image: url("../img/common/sprite.png");
  background-position: 0px -265px;
  width: 9px;
  height: 11px;
  background-size: 140px 5255px;
}

.mod-rem-service-item {
  width: 33.3%;
}

.mod-rem-service-item:after {
  left: -4px;
  top: 36px;
  background-image: url("../img/common/icon_arrow_green.png");
  background-size: contain;
  width: 9px;
  height: 11px;
}

.mod-cmn-service-mark {
  width: 84px;
  height: 84px;
  border: 1px solid #e0ded5;
}

.mod-cmn-service-ttl {
  margin-top: 14px;
  font-size: 14px;
}

/* mod-cmn-operation
---------------------------------------------------------- */
.mod-cmn-operation {
  margin-top: 15px 0 50px;
  padding: 19px 14px;
}

.mod-cmn-operation-wrap {
  margin-top: 30px;
}

.mod-cmn-operation-ttl {
  margin-top: 5px;
  margin-bottom: 15px;
  padding-left: 53px;
}

.mod-cmn-operation-ttl-num {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  margin-top: -5px;
}

.mod-cmn-operation-item {
  padding-bottom: 29px;
  margin-bottom: 29px;
}

.mod-cmn-operation-item-fig {
  width: 150px;
  margin-right: 20px;
}

.mod-cmn-operation-item-body {
  overflow: hidden;
  font-size: 14px;
}

.mod-cmn-operation-item-aside {
  margin-top: 24px;
}

.mod-cmn-operation-item-aside-ttl {
  margin-bottom: 8px;
  font-size: 13px;
}

.mod-cmn-operation-item-aside-list {
  margin-top: 8px;
}

/* ==========================================================
 text
========================================================== */
/* txt-cmn
---------------------------------------------------------- */
.registration-terms ul.txt-cmn {
  text-align: center;
  margin-top: 34px;
}

.registration-terms ul.txt-cmn label,
.required-prf-info ul.txt-cmn label {
  font-size: 13px;
}

.required-prf-info ul.txt-cmn {
  text-align: center;
  margin-top: 29.5px;
  margin-bottom: 0;
}

.required-prf-info p.txt-cmn {
  font-size: 13px;
}

/* txt-cmn-sub
---------------------------------------------------------- */
/* txt-cmn-get
---------------------------------------------------------- */
.txt-cmn-get-num {
  font-size: 32px;
}

.txt-cmn-get-other {
  font-size: 16px;
}

.txt-cmn-get-unit-point {
  font-size: 23px;
}

.txt-cmn-get-unit-yen {
  font-size: 19px;
}

/* txt-cmn-mark
---------------------------------------------------------- */
.txt-cmn-mark {
  padding-left: 25px;
}

/* txt-cmn-complete
---------------------------------------------------------- */
.txt-cmn-complete {
  margin-top: 20px;
  font-size: 15px;
}

/* txt-inquiry-complete
---------------------------------------------------------- */
.txt-inquiry-complete {
  font-size: 15px;
  text-align: left;
}

.txt-inquiry-complete:first-child {
  text-align: center;
  margin-bottom: 10px;
}

/* txt-cmn-small
---------------------------------------------------------- */
.txt-cmn-small {
  font-size: 13px;
}

/* txt-cmn-message
---------------------------------------------------------- */
.txt-cmn-message {
  margin-bottom: 18px;
  padding: 0;
  font-size: 14px;
}

.txt-cmn-message-num {
  font-size: 30px;
}

.txt-cmn-message-unit {
  font-size: 14px;
}

/* ==========================================================
 form
========================================================== */
/* form-cmn
---------------------------------------------------------- */
.form-cmn,
input.form-cmn {
  height: 40px;
}

/* form-cmn-check
---------------------------------------------------------- */
.form-cmn-check + label {
  padding: 14px 14px 14px 50px;
  font-size: 15px;
}

.form-cmn-check + label:before {
  left: 14px;
}

.form-cmn-check[type="radio"] + label:before {
  width: 20px;
  height: 20px;
  border-width: 5px;
}

.form-cmn-check[type="checkbox"] + label:before {
  width: 20px;
  height: 20px;
}

.form-cmn-check[type="checkbox"] + label:after {
  top: -3px;
  left: 17px;
  width: 14px;
  height: 8px;
}

/* form-cmn-check-single
---------------------------------------------------------- */
.work-cndtns .form-cmn-check-single + label {
  top: -7px;
}
/* form-cmn-select
---------------------------------------------------------- */
.form-cmn-select {
  height: 40px;
  font-size: 15px;
}

/* form-cmn-file
---------------------------------------------------------- */
.form-cmn-file-item {
  padding-bottom: 2px;
}

.form-cmn-file-input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding-right: 46px;
}

.form-cmn-file-close {
  top: 14px;
}

.form-cmn-file-center {
  width: auto;
  margin: 0 auto;
}

.form-cmn-file-center .form-cmn-file-btn {
  text-align: center;
  margin-top: 20px;
}

.form-cmn-file-btn-center {
  text-align: center;
}

.form-cmn-file-again {
  position: relative;
  top: auto;
  right: auto;
  width: 155px;
  float: right;
}

.form-cmn-file-again:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% - 1px);
  margin: auto;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 12px 11px;
  border-color: transparent transparent #44bac7 transparent;
}

.form-cmn-file-add-btn {
  width: 310px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* form-cmn-count
---------------------------------------------------------- */
/* form-cmn-message
---------------------------------------------------------- */
.form-cmn-message {
  height: 227px;
  padding: 16px 19px 95px;
}

/* form-cmn-unit
---------------------------------------------------------- */
/* form-cmn-mark
---------------------------------------------------------- */
/* form-cmn-add
---------------------------------------------------------- */
/* form-cmn-counter
---------------------------------------------------------- */
/* ==========================================================
 icon
========================================================== */
/* icon
---------------------------------------------------------- */
.ico-cmn {
  /* active */
  /* plus */
  /* alt */
  /* txt */
}

.ico-cmn-logo {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1944px;
  width: 140px;
  height: 22px;
  background-size: 140px 5255px;
}

.ico-cmn-arrow-r {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -161px;
  width: 7px;
  height: 12px;
  background-size: 140px 5255px;
}

.ico-cmn-home {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1621px;
  width: 24px;
  height: 24px;
  background-size: 140px 5255px;
}

.ico-cmn-link {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -197px;
  width: 10px;
  height: 18px;
  background-size: 140px 5255px;
}

.ico-cmn-keep {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1747px;
  width: 25px;
  height: 24px;
  background-size: 140px 5255px;
}

.ico-cmn-message {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2288px;
  width: 26px;
  height: 19px;
  background-size: 140px 5255px;
}

.ico-cmn-message-small {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2366px;
  width: 17px;
  height: 12px;
  background-size: 140px 5255px;
}

.ico-cmn-menu {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2203px;
  width: 26px;
  height: 20px;
  background-size: 140px 5255px;
}

.ico-cmn-guide {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1300px;
  width: 25px;
  height: 21px;
  background-size: 140px 5255px;
}

.ico-cmn-pagetop {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2569px;
  width: 50px;
  height: 50px;
  background-size: 140px 5255px;
}

.ico-cmn-prev {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2972px;
  width: 10px;
  height: 18px;
  background-size: 140px 5255px;
}

.ico-cmn-prev-pager {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -3022px;
  width: 18px;
  height: 14px;
  background-size: 140px 5255px;
}

.ico-cmn-next {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2411px;
  width: 10px;
  height: 18px;
  background-size: 140px 5255px;
}

.ico-cmn-next-pager {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2447px;
  width: 18px;
  height: 14px;
  background-size: 140px 5255px;
}

.ico-cmn-yen {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -5102px;
  width: 14px;
  height: 14px;
  background-size: 140px 5255px;
  right: 85px;
}

.ico-cmn-yen-middle {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -5238px;
  width: 17px;
  height: 17px;
  background-size: 140px 5255px;
}

.ico-cmn-yen-large {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -5141px;
  width: 21px;
  height: 21px;
  background-size: 140px 5255px;
}

.ico-cmn-d {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -567px;
  width: 8px;
  height: 10px;
  background-size: 140px 5255px;
}

.ico-cmn-d-point {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -598px;
  width: 14px;
  height: 14px;
  background-size: 140px 5255px;
  right: 196px;
}

.ico-cmn-d-point-middle {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -717px;
  width: 14px;
  height: 14px;
  background-size: 140px 5255px;
}

.ico-cmn-d-point-large {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -634px;
  width: 17px;
  height: 17px;
  background-size: 140px 5255px;
}

.ico-cmn-faq {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1147px;
  width: 24px;
  height: 23px;
  background-size: 140px 5255px;
}

.ico-cmn-load {
  background-image: url("../img/common/more_read.png");
  background-size: 98%;
  background-repeat: no-repeat;
  width: 19px;
  height: 17px;
}

.ico-cmn-star {
  background-image: url(../img/common/star_icon_gray.png);
  width: 18px;
  height: 17px;
  background-size: 18px 17px;
}

.ico-cmn-star:hover, .ico-cmn-star.is-active {
  background-image: url(../img/common/star_icon_deep_yellow.png);
  width: 18px;
  height: 17px;
  background-size: 18px 17px;
}

.ico-cmn-star-large, .ico-cmn-star-large:hover {
  background-image: url(../img/common/star_icon_gray.png);
  width: 25px;
  height: 24px;
  background-size: 25px 24px;
  opacity: 1;
  transition: 0s;
}

.ico-cmn-star-large.is-active {
  background-image: url(../img/common/star_icon_deep_yellow.png);
  width: 25px;
  height: 24px;
  background-size: 25px 24px;
  opacity: 1;
  transition: 0s;
}

.ico-cmn-star-work-link, .ico-cmn-star-work-link:hover, .ico-cmn-star-work-link.is-active{
    background-image: none;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 20px;
    right: 6px;
    opacity: 1;
    transition: 0s;
  }

.ico-cmn-star-work-in, a.ico-cmn-star-work-link .ico-cmn-star-work-in:hover {
  background-image: url(../img/common/star_icon_gray.png);
  width: 18px;
  height: 17px;
  background-size: 18px 17px;
  margin: 3px 7px 3px 13px;
  opacity: 1;
  transition: 0s;
}

.ico-cmn-star-work-in-star {
  background-image: url(../img/common/star_icon_gray.png);
  width: 18px;
  height: 17px;
  background-size: 18px 17px;
  margin: 24px 7px 3px 13px;
  opacity: 1;
  transition: 0s;
}

a.ico-cmn-star-work-link.is-active .ico-cmn-star-work-in-star {
  background-image: url(../img/common/star_icon_deep_yellow.png);
  width: 18px;
  height: 17px;
  background-size: 18px 17px;
  margin: 24px 7px 3px 13px;
  opacity: 1;
  transition: 0s;
}

a.ico-cmn-star-work-link.is-active .ico-cmn-star-work-in {
  background-image: url(../img/common/star_icon_deep_yellow.png);
  width: 18px;
  height: 17px;
  background-size: 18px 17px;
  margin: 3px 7px 3px 13px;
  opacity: 1;
  transition: 0s;
}

.ico-cmn-questionnaire {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -3318px;
  width: 29px;
  height: 44px;
  background-size: 140px 5255px;
}

.ico-cmn-questionnaire-small {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -3318px;
  width: 29px;
  height: 44px;
  background-size: 140px 5255px;
}

.ico-cmn-sentence {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -3565px;
  width: 34px;
  height: 37px;
  background-size: 140px 5255px;
}

.ico-cmn-sentence-small {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -3565px;
  width: 34px;
  height: 37px;
  background-size: 140px 5255px;
}

.ico-cmn-data {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -772px;
  width: 35px;
  height: 42px;
  background-size: 140px 5255px;
}

.ico-cmn-data-small {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -772px;
  width: 35px;
  height: 42px;
  background-size: 140px 5255px;
}

.ico-cmn-picture {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2831px;
  width: 42px;
  height: 45px;
  background-size: 140px 5255px;
}

.ico-cmn-picture-small {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2831px;
  width: 42px;
  height: 45px;
  background-size: 140px 5255px;
}

.ico-cmn-other {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2519px;
  width: 25px;
  height: 45px;
  background-size: 140px 5255px;
}

.ico-cmn-other-small {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2519px;
  width: 25px;
  height: 45px;
  background-size: 140px 5255px;
}

.ico-cmn-mail {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1984px;
  width: 17px;
  height: 12px;
  background-size: 140px 5255px;
}

.ico-cmn-wallet {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -4769px;
  width: 82px;
  height: 72px;
  background-size: 140px 5255px;
}

.ico-cmn-wallet-small {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -4846px;
  width: 36px;
  height: 32px;
  background-size: 140px 5255px;
}

.ico-cmn-show {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -4188px;
  width: 20px;
  height: 20px;
  background-size: 140px 5255px;
}

.ico-cmn-delete {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -833px;
  width: 16px;
  height: 21px;
  background-size: 140px 5255px;
}

.ico-cmn-delete-check {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -879px;
  width: 16px;
  height: 21px;
  background-size: 140px 5255px;
}

:checked + .ico-cmn-delete-check {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -925px;
  width: 16px;
  height: 21px;
  background-size: 140px 5255px;
}

.ico-cmn-close {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -349px;
  width: 10px;
  height: 10px;
  background-size: 140px 5255px;
}

.ico-cmn-work-hidden {
  width: 9px;
  height: 9px;
}

.ico-cmn-close-text {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -377px;
  width: 15px;
  height: 15px;
  background-size: 140px 5255px;
}

.ico-cmn-yen-symbol {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -5197px;
  width: 36px;
  height: 36px;
  background-size: 140px 5255px;
}

.ico-cmn-d-point-symbol {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -682px;
  width: 30px;
  height: 30px;
  background-size: 140px 5255px;
}

.ico-cmn-questionnaire-symbol {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -3405px;
  width: 28px;
  height: 41px;
  background-size: 140px 5255px;
}

.ico-cmn-profile-symbol {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -3108px;
  width: 32px;
  height: 32px;
  background-size: 140px 5255px;
}

.ico-cmn-history-symbol {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1531px;
  width: 27px;
  height: 28px;
  background-size: 140px 5255px;
}

.ico-cmn-setting-symbol {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -4112px;
  width: 29px;
  height: 29px;
  background-size: 140px 5255px;
}

.ico-cmn-guide-symbol {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1396px;
  width: 28px;
  height: 28px;
  background-size: 140px 5255px;
}

.ico-cmn-post-symbol {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2904px;
  width: 27px;
  height: 26px;
  background-size: 140px 5255px;
}

.ico-cmn-topics-symbol {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1496px;
  width: 28px;
  height: 28px;
  background-size: 152px 6055px;
}

.ico-cmn-identify {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1711px;
  width: 18px;
  height: 11px;
  background-size: 140px 5255px;
}

.ico-cmn-phone {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2695px;
  width: 47px;
  height: 93px;
  background-size: 140px 5255px;
}

.ico-cmn-child {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -304px;
  width: 8px;
  height: 8px;
  background-size: 140px 5255px;
}

.ico-cmn-profile {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -3214px;
  width: 28px;
  height: 49px;
  background-size: 140px 5255px;
}

.ico-cmn-facebook,
.ico-cmn-x,
.ico-cmn-line,
.ico-cmn-hatebu {
  width: 50px;
  height: 32.5px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0;
}

.ico-cmn-facebook {
  background-image: url("../img/common/ico_sns_fb.png");
}

.ico-cmn-x {
  background-image: url("../img/common/ico_sns_x.png");
  border-radius: 3px;
}

.ico-cmn-line {
  background-image: url("../img/common/ico_sns_ln.png");
}

.ico-cmn-hatebu {
  background-image: url("../img/common/ico_sns_hb.png");
}

.ico-cmn-service-01 {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -3661px;
  width: 49px;
  height: 45px;
  background-size: 140px 5255px;
}

.ico-cmn-service-02 {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -3774px;
  width: 50px;
  height: 53px;
  background-size: 140px 5255px;
}

.ico-cmn-service-03 {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -3885px;
  width: 45px;
  height: 45px;
  background-size: 140px 5255px;
}

.ico-cmn-service-07 {
  background-image: url(../img/common/icon_smartphone.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 58px;
  background-position: center center;
}

.ico-cmn-service-08 {
  background-image: url(../img/common/icon_mail.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 58px;
  background-position: center center;
}

.ico-cmn-service-09 {
  background-image: url(../img/common/icon_coin.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 58px;
  background-position: center center;
}

.ico-cmn-link:before, .ico-cmn-account:before, .ico-cmn-compensation:before, .ico-cmn-mail-magazine:before, .ico-cmn-member:before, .ico-cmn-transfer:before, .ico-cmn-withdrawal:before, .ico-cmn-withholding:before, .ico-cmn-profile-symbol:before, .ico-cmn-history-symbol:before, .ico-cmn-setting-symbol:before, .ico-cmn-guide-symbol:before, .ico-cmn-post-symbol:before, .ico-cmn-topics-symbol:before {
  content: none;
}

.ico-cmn-account {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -21px;
  width: 32px;
  height: 22px;
  background-size: 140px 5255px;
}

.ico-cmn-compensation {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -459px;
  width: 29px;
  height: 31px;
  background-size: 140px 5255px;
}

.ico-cmn-mail-magazine {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2039px;
  width: 27px;
  height: 31px;
  background-size: 140px 5255px;
}

.ico-cmn-member {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2127px;
  width: 32px;
  height: 28px;
  background-size: 140px 5255px;
}

.ico-cmn-transfer {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -4561px;
  width: 27px;
  height: 28px;
  background-size: 140px 5255px;
}

.ico-cmn-withdrawal {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -4924px;
  width: 32px;
  height: 32px;
  background-size: 140px 5255px;
}

.ico-cmn-withholding {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -5018px;
  width: 29px;
  height: 34px;
  background-size: 140px 5255px;
}

.ico-cmn-door {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -976px;
  width: 32px;
  height: 29px;
  background-size: 140px 5255px;
}

.ico-cmn-home.is-active {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1670px;
  width: 24px;
  height: 24px;
  background-size: 140px 5255px;
}

.ico-cmn-keep.is-active {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1796px;
  width: 25px;
  height: 24px;
  background-size: 140px 5255px;
}

.ico-cmn-message.is-active {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2329px;
  width: 26px;
  height: 19px;
  background-size: 140px 5255px;
}

.ico-cmn-menu.is-active {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -2246px;
  width: 26px;
  height: 20px;
  background-size: 140px 5255px;
}

.ico-cmn-guide.is-active {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -1345px;
  width: 25px;
  height: 21px;
  background-size: 140px 5255px;
}

.ico-cmn-close-text-gray-search {
  background-image: url(../img/common/sprite.png);
  background-position: 0px -872px;
  background-size: 300px 11260px;
  width: 15px;
  height: 15px;
  margin-top: -2px;
}

.ico-cmn-reception-time{
  margin-left: -20px;
}

.ico-cmn-profile-box-get{
  width: 42px;
  height: 50px;
}

.ico-humburger-mypage-profile-box {
  background: url(../img/common/box_10p.png) no-repeat;
  background-size: 100%;
  width: 22px;
  height: 30px;
  float:right;
  margin-top: -6px;
}

.ico-humburger-mypage-profile-paid-box {
  background: url(../img/common/paid_box_10p.png) no-repeat;
  background-size: 100%;
  width: 22px;
  height: 30px;
  float:right;
  margin-top: -6px;
}

/* ==========================================================
 unique
========================================================== */
/* /lp/
---------------------------------------------------------- */
/* l-container-lp-01
---------------------------------------------------------- */
/* hero-lp
---------------------------------------------------------- */
.hero-lp {
  padding-bottom: 0;
}

.hero-lp-btn {
  margin-top: 0;
}

/* mod-lp-cont
---------------------------------------------------------- */
.mod-lp-cont {
  padding: 0 17px;
}

/* btn-lp
---------------------------------------------------------- */
.btn-lp {
  padding-bottom: 0;
  font-size: 18px;
}

.btn-lp .btn-cmn-in {
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn-lp-fat .btn-cmn-in {
  padding-top: 24px;
  padding-bottom: 23px;
}

.btn-lp-notes {
  margin-top: 0;
  font-size: 12px;
}

/* txt-lp-center
---------------------------------------------------------- */
.txt-lp-center {
  margin-top: 20px;
}

/* link-lp-arrow
---------------------------------------------------------- */
.link-lp-arrow {
  padding-left: 15px;
  font-size: 14px;
  background: url(../img/lp/ico_arrow_r_01@2x.png) no-repeat 0 center;
  background-size: 9px;
}

/* ttl-lp
---------------------------------------------------------- */
.ttl-lp-01,
.ttl-lp-02,
.ttl-lp-03 {
  margin-bottom: 40px;
  font-size: 21px;
}

/* area-lp
---------------------------------------------------------- */
.area-lp {
  padding: 20px 0 20px;
  margin-top: 20px;
}

/* txt-lp-notes-01
---------------------------------------------------------- */
.txt-lp-notes-01 {
    margin-bottom: 40px;
}

.area-lp-gray:before, .area-lp-blue:before, .area-lp-white:before {
  content: none;
}

.area-lp-blue {
  margin-top: 25px;
}

.area-lp-gray {
  margin-top: -30px;
}

.area-lp-circle-t:before {
  content: '';
  left: -50%;
  right: auto;
  top: 0;
  width: 200%;
  height: 200px;
  border-radius: 50%;
  background: #faf8f0;
  z-index: 1;
}

.area-lp-circle-t.area-lp-blue:before {
  background-color: #69c7d1;
}

.area-lp-arrow-b:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: url(../img/lp/bg_cont_arrow_b_02@2x.png) center bottom no-repeat;
  background-size: cover;
}

.area-lp-arrow-b.area-lp-blue:after {
  background: url(../img/lp/bg_cont_arrow_b_01@2x.png) center bottom no-repeat;
}

.area-lp-normal {
  margin-top: -20px;
  padding-top: 0;
  padding-bottom: 0;
}

.area-lp-in {
  position: relative;
  padding: 40px 17px 25px;
  z-index: 2;
}

.area-lp-gray .area-lp-in {
  padding-top: 60px;
  background-color: #f1efe6;
}

.area-lp-blue .area-lp-in {
  background-color: #69c7d1;
}

.area-lp-blue .area-lp-in a {
  color: #fff;
}

.area-lp-white .area-lp-in {
  background-color: #fff;
}

.area-lp-normal .area-lp-in {
  padding-top: 75px;
  padding-bottom: 60px;
}

.area-lp-btn-01 {
  margin-top: 45px;
}

.area-lp-btn-02 {
  margin-top: 40px;
}

.area-lp-btn-03 {
}

.area-lp-read {
  margin-top: 20px;
  font-size: 13px;
}

/* box-lp-card
---------------------------------------------------------- */
.box-lp-card {
  width: auto;
  padding: 20px 25px;
  border: solid 1px #e0ded5;
  border-radius: 10px;
}

.box-lp-card-ico {
  left: 20px;
}

.box-lp-card-detail {
  padding-left: 45px;
}

.box-lp-card-task {
  padding-right: 5px;
  font-size: 14px;
}

.box-lp-card-require-price {
  font-size: 23px;
}

.box-lp-card-require-price-unit {
  font-size: 13px;
}

.box-lp-card-require-time {
  font-size: 13px;
}

.box-lp-card-require-time-unit {
  margin-left: 6px;
  font-size: 10px;
}

/* ==========================================================
 magnific-popup
========================================================== */
/* Magnific Popup CSS */
.mfp-container {
  top: 55px;
}

.search-sp-popup.mfp-wrap .mfp-container {
  top: 50px;
  opacity: 0;
  transition: opacity 0.15s linear,top 0.15s linear;
  padding-left: 0px;
  padding-right: 0px;
}

.search-sp-popup.mfp-ready .mfp-container {
  top: 0px;
  opacity: 1;
}

.search-sp-popup.mfp-removing .mfp-container {
  top: 50px;
  opacity: 1;
}

.search-sp-popup.mfp-bg {
  background: unset;
  transition:unset;
}

body.is-fixed .mfp-container {
  top: 30px;
}

.mfp-container.remuneration-popup-height {
  height: 150%;
}

.mfp-close {
  right: 12px;
  top: -25px;
  width: 50px;
  height: 50px;
}

.mfp-close:hover {
  top: -25px;
  background-color: #808080;
  box-shadow: inset 0px -4px 0px 0px rgba(4, 0, 0, 0.2);
}

.modal-sp {
  display: none;
}

.mfp-content .modal-sp {
  display: block;
}

.mfp-content.plof-regi-popup-wid{
  max-width: 350px;
}

.search-sp-popup.mfp-ready .mfp-content{
  border-radius: 0px;
  transition: opacity 0.15s linear,top 0.15s linear;
}

.mfp.is-success {
  border-width: 1px;
}

.mfp.is-alert,
.mfp.is-error {
  border-width: 1px;
}

.mfp-alert {
  padding: 26px 18px 20px;
}

.mfp-alert-prof {
  padding: 25px 20px 20px 20px;
}

.mfp-alert-ttl {
  margin-bottom: 16px;
  font-size: 18px;
}

.mfp-alert-txt {
  margin-bottom: 20px;
}

.mfp-alert-txt:last-child {
  margin-bottom: 0;
}

.mfp-alert-once-name {
  width: 215px;
}

.mfp-alert-checkbox {
  width: 320px;
}

.mfp-alert-nomal-txt {
  font-size: 16px;
}

/* ==========================================================
 slick
========================================================== */
/* ==========================================================
 helper
========================================================== */
/* ==========================================================
 clearfix
========================================================== */
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

/* ==========================================================
 style
========================================================== */
/* generic style
---------------------------------------------------------- */
.s-center-sp {
  text-align: center;
}

.s-right-sp {
  text-align: right;
}

.s-center-pc, .s-right-pc {
  text-align: left;
}

.s-cover {
  max-width: 100%;
}

/* margin
---------------------------------------------------------- */
.s-mt00-sp {
  margin-top: 0;
}
.s-mt20-sp {
  margin-top: 20px;
}
.start-work-body:not(.only-pc):not(.only-sp).s-mt20 {
  margin-top: 29px;
}
.s-mt15-sp {
  margin-top: 15px;
}
.s-mb20-sp {
  margin-bottom: 20px;
}
.s-mb40-sp {
  margin-bottom: 40px;
}
.s-mb45-sp {
  margin-bottom: 45px;
}

/* width
---------------------------------------------------------- */
.s-width-auto,
.s-width-sm-auto {
  width: auto;
}

.s-width-full,
.s-width-sm-full {
  width: 100%;
  min-width: 0;
}

.s-width-sm-50 {
  width: 50px;
}

.s-width-sm-70 {
  width: 70px;
}

.s-width-sm-90 {
  width: 90px;
}

.s-width-sm-100 {
  width: 100px !important;
}

.s-width-sm-104 {
  width: 104px;
}

.s-width-sm-110 {
  width: 110px;
}

.s-width-sm-115 {
  width: 115px;
}

.s-width-sm-125 {
  width: 125px;
}

.s-width-sm-140 {
  width: 140px;
}

.s-width-sm-145 {
  width: 145px;
}

.s-width-sm-160 {
  width: 160px;
}

.s-width-sm-170 {
  width: 170px;
}

.s-width-sm-200 {
  width: 200px;
}

.s-width-sm-220 {
  width: 220px;
}

.s-width-sm-230 {
  width: 230px;
}

.s-width-sm-260 {
  width: 260px;
}

.s-width-sm-310 {
  width: 310px;
}

.s-width-sm-360 {
  width: 360px;
}

.s-width-sm-410 {
  width: 410px;
}

.s-width-sm-460 {
  width: 460px;
}

.s-width-sm-524 {
  width: 524px;
}

.s-width-sm-560 {
  width: 560px;
}

/* ----------------------------------------------------------
 rwd switch
---------------------------------------------------------- */
/* pc
---------------------------------------------------------- */
.only-pc {
  display: none;
}

.only-sp {
  display: block;
}

.only-spimg {
  display: inline-block;
}
/* ----------------------------------------------------------
 white-space
---------------------------------------------------------- */
.ws-pW{
  white-space:pre-wrap;
}

/* padding
---------------------------------------------------------- */
.s-pl00 {
  padding-left: 0px;
}
/* ----------------------------------------------------------
 btn-cmn-store
---------------------------------------------------------- */
.btn-cmn-store {
  background-color: #faf8f0;
}
.btn-cmn-store-lp {
  padding: 15px 0;
}
.btn-cmn-store-home {
  padding-top: 30px;
}
.btn-cmn-store-work {
  margin-top: 0;
}
.btn-cmn-store-border {
  border-top: 1px solid #dcdcdc;
}
.btn-cmn-store-home-msg {
  padding-bottom: 0px;
}
.btn-cmn-store-m-mgzn {
  margin-top: 30px;
}
.btn-cmn-store-anchr {
  width: 310px;
}

/* ----------------------------------------------------------
 nav-cmn-redirect
---------------------------------------------------------- */
.nav-cmn-redirect {
  padding-top: 200px;
  text-align: center;
}
.nav-cmn-redirect .btn-cmn{
    width: 230px !important;
    font-size: 14px !important;
}
/* ----------------------------------------------------------
 start-work-body
---------------------------------------------------------- */
.start-work-body .js-fix-bottom{
  text-align: center;
}
.start-work-body .js-fix-bottom-work{
  text-align: center;
}
/* ----------------------------------------------------------
 top-cate-link
---------------------------------------------------------- */
.top-cate-link .btn-cmn-in {
  box-shadow: inset 0 -2px 0 0 rgba(4, 0, 0, 0.1);
  border: 1px solid #44bac7;
  background-color: #fff;
  color: #44bac7;
  width: 105px;
  height: 30px;
  padding-right:0px;
  display: block;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.top-cate-link:hover .btn-cmn-in {
  margin-top: 2px;
  margin-bottom: 2px;
  box-shadow: none;
}
.top-cate-div {
    margin-bottom: 10px;
}
.ico-cmn-search-cate {
  background-image: url(../img/common/sprite.png);
  background-position: 0px -6108px;
  width: 14px;
  height: 14px;
  margin-top:-2px;
}
.top-cate-utility {
  display: none;
}
.top-cate-links {
  display: table-cell;
  vertical-align: middle;
}

.top-cate-links-list {
  float: left;
  margin-right:3px;
}
.top-cate-title{
  padding-top:10px;
  font-size:20px;
}

/* mod-cmn-registration-profile
---------------------------------------------------------- */
.mod-cmn-registration-profile {
  padding: 7px 24px 20px 24px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #ff5a5f;
}
.mod-cmn-registration-profile-ico {
  width: 48px;
  padding-right: 20px;
}
.mod-cmn-registration-profile-ttl {
  color: #474747;
  font-size: 15px;
  transition: 0.3s;
  line-height: 1.25;
}
.mod-cmn-registration-profile-ttl-lheight {
  line-height: 1.5;
}
.mod-cmn-registration-profile-point {
  display: inline-block;
  color: #ff5a5f;
  font-size: 30px;
}
.mod-cmn-registration-profile-unit {
  margin-left: 6px;
  font-size: 20px;
  color: #44bac7;
}
.mod-cmn-registration-profile-label {
  margin-top: 10px;
  letter-spacing: -.5em;
}
.ttl-cmn-mymenu-color {
  color: #44bac7;
  font-size: 18px;
}
.messeage0-margin {
  margin-top:0px;
}
.work-detail-sts-icon{
    overflow: hidden;
    display: inline-block;
    position: absolute;
    left: 0px;
    margin-top: 11px;
    font-size: 15px;
    line-height: 27px;
    height: 27px;
    padding: 0 17px;
}
.work-detail-sts-icon1{
  display: none;
}
.work-detail-sts-icon2{
  display: none;
}
.work-detail-sts-icon3{
  display: none;
}
.work-list-cate-padding{
  padding-right: 35px;
}

.work-detail-sts-icon.mod-cmn-label.is-disabled {
  line-height: 22px;
  position: static;
}
/* ==========================================================
 topinfo
========================================================== */
.topinfo p{
  margin-left: auto;
  margin-right: auto;
  width: 340px;
  border-top: transparent 5px solid;
}

.topinfo p:last-child {
  margin-bottom: 0px;
}

.ico-cmn-topinfo {
  background: url(../img/common/icon_info.png) no-repeat 0 0;
  width:15px;
  height:18px;
  background-size:100%;
}
.topinfo a{
font-size:12px;
}

.ico-cmn-maintenance {
  background: url(../img/common/maintenance.png) no-repeat 0 0;
  width:17px;
  height:17px;
  background-size:100%;
}

.ico-cmn-release {
  background: url(../img/common/release.png) no-repeat 0 0;
  width:17px;
  height:17px;
  background-size:100%;
}

.ico-cmn-campaign {
  background: url(../img/common/campaign.png) no-repeat 0 0;
  width:17px;
  height:17px;
  background-size:100%;
}

.ico-cmn-feature {
  background: url(../img/common/feature.png) no-repeat 0 0;
  width:18px;
  height:19px;
  background-size:100%;
}

.search-cat-icon-07{
    background: url(../img/common/sprite.png);
    background-position: 0px -6824px;
    width: 35px;
    background-size: 320%;
    height: 35px;
    left: 7px;
    top: 15px;
    position: relative;
}
.search-cat-icon-01{
  background-image: url(../img/common/sprite.png);
  background-position: 0px -2817px;
  width: 35px;
  height: 35px;
  background-size: 320%;
  left: 4.5px;
  top: 10px;
  position: relative;
}

.search-cat-icon-02{
  background-image: url(../img/common/sprite.png);
  background-position: 0px -603px;
  width: 35px;
  height: 29px;
  background-size: 330%;
  left: 2px;
  top: 13px;
  position: relative;
  margin-bottom: 5px;
}

.search-cat-icon-04{
  background-image: url(../img/common/sprite.png);
  background-position: 0px -6619px;
  width: 36px;
  height: 30px;
  background-size: 320%;
  left: 0px;
  top: 10px;
  position: relative;
  margin-bottom:  5px;
}

.search-cat-icon-05{
  background: url(../img/common/icon_search_05.png) no-repeat 0 0;
  width: 30px;
  height: 35px;
  background-size: 100%;
  left: 0px;
  top: 15px;
  position: relative;
}

.search-cat-icon-06{
    background: url(../img/common/sprite.png);
    background-position: 0px -6184px;
    width: 35px;
    height: 35px;
    background-size: 320%;
    left: 7px;
    top: 13px;
    position: relative;
}

.search-cat-icon-202{
  background: url(../img/common/icon_search_202.png) no-repeat 0 0;
  width: 35px;
  height: 35px;
  background-size: 80%;
  left: 0px;
  top: 13px;
  position: relative;
}

.search-cat-icon-205{
  background: url(../img/common/icon_search_205.png) no-repeat 0 0;
  width: 35px;
  height: 35px;
  background-size: 100%;
  left: -6px;
  top: 18px;
  position: relative;
}
.search-cat-icon-2100{
  background: url(../img/common/icon_search_2100.png) no-repeat 0 0;
  width: 35px;
  height: 35px;
  background-size: 90%;
  left: -3px;
  top: 18px;
  position: relative;
}

.search-cat-icon-22 {
  background: url(../img/common/icon_search_202.png) no-repeat 0 0;
  width: 35px;
  height: 35px;
  background-size: 80%;
  left: 0px;
  top: 13px;
  position: relative;
}

.search-cat-icon-08 {
  background: url(../img/common/icon_participant.png) no-repeat;
  width: 35px;
  height: 35px;
  background-size: 80%;
  left: 2px;
  top: 19px;
  position: relative;
}

.form-cmn-check-single + .search-check:before, .form-cmn-check-single + .search-check:after {
  content: '';
  position: absolute;
  top: auto;
  bottom: 0;
  margin: auto;
  display: inline-block;
  transition: 0.3s;
}

.form-cmn-check-single[type="checkbox"] + .search-check:after {
  left: 5px;
  bottom: 8px;
  width: 10px;
  height: 6px;
  border: 1px solid #ff5a5f;
  border-top: none;
  border-right: none;
  background: transparent;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
  z-index: 2;
  opacity: 0;
}

div.mod-cmn-search-body-lists-item-hr .form-cmn-check-single[type="checkbox"] + .search-check:before {
  width: 25px;
  height: 25px;
  background-color: #fff;
  border: 1px solid #e0ded5;
  z-index: 1;
  border-radius: 5px;
}

div.mod-cmn-search-body-lists-item-hr .form-cmn-check-single[type="checkbox"] + .search-check:after {
  left: 5px;
  bottom: 12px;
  width: 15px;
  height: 9px;
  border: 1px solid #ff5a5f;
  border-top: none;
  border-right: none;
  background: transparent;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
  z-index: 2;
  opacity: 0;
}

div.mod-cmn-search-body-lists-item-hr .form-cmn-check-single[type="checkbox"]:checked + .search-check:before {
  border: 1px solid #ff5a5f;
}

.mod-cmn-search-body-lists-item-child {
  margin-top:0px;
  padding-top: 0px;
  border-top: 1px #e0ded5 solid;
  background-color: #fff;
}

.mod-cmn-search-body-lists-item-child .mod-cmn-search-body-lists-item {
  padding-left: 25px;
}

.mfp-content-search {
   max-width: 960px!important;
   cursor: auto!important;
   height: auto;

}

.form-cmn-check-single[type="checkbox"] + .search-check:before {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #e0ded5;
  z-index: 1;
  border-radius: 5px;
}

.search-label{
  vertical-align: middle;
  height: 40px;
  width: 85px;
  font-size: 13px;
  position: relative;
  line-height: 15px;
}

div.mod-cmn-search-body-lists-item-hr{
  margin-right:auto;
  margin-left:auto;
  width: 200px;
  border-top: unset;
  padding-top:unset;
  margin-top: 5px;
}

div.mod-cmn-search-body-lists-item-hr .form-cmn-check-single[type="checkbox"] + .search-check:before {
  width: 25px;
  height: 25px;
  background-color: #fff;
  border: 1px solid #e0ded5;
  z-index: 1;
  border-radius: 5px;

}
div.mod-cmn-search-body-lists-item-hr .form-cmn-check-single[type="checkbox"]:checked + .search-check:before {
  border: 1px solid #ff5a5f;
}

.s-padding-l-40{
	padding-left:40px !important
}

div.mod-cmn-search-body-lists-item-hr{
  margin-right:auto;
  margin-left:auto;
  width: 175px;
  border-top: unset;
  padding-top:unset;
}

div.mod-cmn-search-body-lists-item-hr .form-cmn-check-single[type="checkbox"] + .search-check:after {
  left: 9px;
  bottom: 11px;
  width: 15px;
  height: 9px;
  border: 1px solid #ff5a5f;
  border-top: none;
  border-right: none;
  background: transparent;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
  z-index: 2;
  opacity: 0;
}

div.mod-cmn-search-body-lists-item-hr .form-cmn-check-single[type="checkbox"]:checked + .search-check:after {
  opacity: 1;
}

.mod-cmn-search-body-lists-item-hr-search-job:nth-child(n+2) {
  border-top: 1px solid #e0ded5;
}

.mod-cmn-search-display-under {
  margin-top: 30px;
  background-color:#ffffff;
  height:auto;
}

.mod-cmn-search-display-under .mod-cmn-search-display-ttl{
  margin-top: 0px;
  margin-bottom: 0px;
}

.mod-cmn-search-display-under .mod-cmn-search-display-ttl span{
  	background-color:#ffffff;
}

.search-toggle-icon{
  background: url(../img/common/ico_select_01.png) no-repeat 0 0;
  width: 11px;
  height: 8px;
  background-size: 100%;
  right: 20px;
  top: 23px;
  position: absolute;
  margin-bottom: 3px;
}

.is-active .search-toggle-icon{
  top: 23px;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mod-cmn-search-display-under .mod-cmn-search-display-txt{
  padding-left: 12px;
  margin-top: 14px;
}

div.mod-cmn-search-body-lists-item-hr label{
  width:175px;
}

.s-padding-all-0 {
	padding: 0 !important;
}

.search-scroll::-webkit-scrollbar {
    height: 5px;
    border: solid 1px #e7dfc0;
    border-radius: 10px;
}

.search-scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(250, 248, 240, 0);
}

.search-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(68, 186, 199, 1);
  border-radius: 10px;
}

.search-scroll{
   padding-bottom: 15px;
   	white-space: nowrap;
	overflow-x: auto;
}

.contents-head + .contents-breadcrumb + .top-contents {
  border-radius: 0;
}

.top-head {
  padding: 9px 0 12px;
}

.mod-cmn-grade-total-remuneration {
    padding-left: 15%;
    padding-right: 10%;
    padding-top: 5px;
}

.mod-cmn-grade-total-remuneration:first-child {
    padding-left: 8%;
    padding-right: 10%;
}

.mod-cmn-grade-total-remuneration-sub {
  float: left;
  padding-top: 1px;
  color: #44bac7;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}

.mod-cmn-grade-total-txt:first-child > .mod-cmn-grade-total-remuneration:first-child > p:first-child {
  font-size: 18px;
  padding-top: 3px;
}

.mod-cmn-grade-total-remuneration-result {
  font-size: 18px;
  text-align: right;
  color: #ff5a5f;
  border-bottom: 1.4px solid #c1c5c7;
  padding-top: 1px;
  padding-bottom: 7px;
  padding-top: 3px;
}

.mod-cmn-grade-total-txt:first-child > .mod-cmn-grade-total-remuneration:first-child > p:last-child {
  font-weight: bold;
  padding-bottom: 6px;
  padding-top: 1px;
}

.mod-cmn-grade-total-remuneration-result-unit {
  margin-left: 5px;
  margin-right: 3px;
  font-size: 12px;
}

.mod-cmn-grade-total.remuneration-bottom {
  padding-bottom: 20px;
}

.mod-cmn-grade-msg {
  text-align: center;
  margin-top: 25px;
}

.s-pb-5{
    padding-bottom: 5px;
}

.mod-cmn-job-link-pc {
  text-align: center;
}

.no-display-pc {
  display: block;
}

.no-display-sp {
  display: none;
}

/* ----------------------------------------------------------
 heder-icon
---------------------------------------------------------- */
.heder-icon-base{
    height: 24px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.header-status.only-sp a{
  background-size: 55px 35px;
  display: inline-block;
}

.heder-icon-base:hover,
a:hover i[class^="heder-icon-base"],
a:hover .nav-cmn-global-count{
  opacity: 0.6;
}
.heder-icon-guid{
    background: url(../img/common/guide_icon.png) no-repeat 0 0;
    background-size: 100%;
    width: 15.5px;
}
.heder-icon-favstar{
    background: url(../img/common/star_icon_white.png) no-repeat 0 0;
    background-size: 100%;
    width: 22px;
    height: 21px;
    margin-bottom: 12px;
    margin-top: 12px;
}
.heder-icon-favstar.is-active{
    background: url(../img/common/star_icon_yellow.png) no-repeat 0 0;
    background-size: 100%;
    width: 22px;
    height: 21px;
}
.heder-icon-mymenue{
    background: url(../img/common/person_sil_icon_white.png) no-repeat 0 0;
    background-size: 100%;
    width: 23px;
}
.heder-icon-mymenue.is-active{
    background: url(../img/common/person_sil_icon_blue.png) no-repeat 0 0;
    background-size: 100%;
    width: 23px;
}

.ico-cmn-login-icon{
    background: url(../img/common/circle_yellow_with_text.png) no-repeat 0 0;
    width: 33px;
    height: 33px;
    position: absolute;
    top: -10px;
    right: -16px;
    z-index: 1;
    background-size: 97%;
    display: inline-block;
}

.header-contents.user-score.is-active{
    height: 41px;
    background-color: #faf8f0;
    border-top: 1px solid #dcdcdc;
    padding: 0 15.5px 0 14.5px;
}

.header-contents.user-score.is-inactive{
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.header-contents.user-score{
  height:65px;
  background-color: #faf8f0;
  border-top: 1px solid #dcdcdc;
  display: table;
  width: 100%;
}

.header-contents.user-score .login-text{
  padding: 18px;
  font-size: 12px;
  line-height: 14px;
}

.header-contents.user-score .login-button{
  padding: 10px 21px 10px 0px;
  }

 .header-contents.user-score .login-button .header-links-list{
   margin-left:0px;
  }

 .header-contents.user-score .login-button .btn-cmn-in{
   padding: 12px 24px;
 }

.header-ico-humburger-menu {
  background: url(../img/common/menu_sp.png) no-repeat;
  background-size: 100%;
  width: 22px;
  height: 21px;
}

.header-ico-humburger-menu.hum-active {
  background: url(../img/common/close_sp.png) no-repeat;
  background-size: 100%;
  width: 22px;
  height: 22px;
}

.header-ico-luckybox {
  background: url(../img/common/green_sp.png) no-repeat;
  background-size: 100%;
  width: 22px;
  height: 24px;
}

.header-ico-luckybox-premium {
  background: url(../img/common/box_red_noshadow.png) no-repeat;
  background-size: 100%;
  width: 22px;
  height: 24px;
}

.header-ico-luckybox-pointup-arrow-red {
  background: url(../img/common/icon_arrow_pointup_red.png) no-repeat;
  background-size: 100%;
  top: 21px;
  right: 123px;
  bottom: auto;
  height: 18px;
  width: 16px;
  display: inline-block;
  position: absolute;
}

.header-ico-luckybox-pointup-arrow-yellow {
  background: url(../img/common/icon_arrow_pointup_yellow.png) no-repeat;
  background-size: 100%;
  top: 21px;
  right: 123px;
  bottom: auto;
  height: 18px;
  width: 16px;
  display: inline-block;
  position: absolute;
}

.header-ico-luckybox-pointup-period {
  top: 30px;
  right: 102px;
  bottom: auto;
  height: 13px;
  width: 30px;
  display: inline-block;
  position: absolute;
}

.day-1-red {
  background: url(../img/common/label_1days_red.png) no-repeat;
  background-size: 100%;
}

.day-2-red {
  background: url(../img/common/label_2days_red.png) no-repeat;
  background-size: 100%;
}

.day-3-red {
  background: url(../img/common/label_3days_red.png) no-repeat;
  background-size: 100%;
}

.day-1-yellow {
  background: url(../img/common/label_1days_yellow.png) no-repeat;
  background-size: 100%;
}

.day-2-yellow {
  background: url(../img/common/label_2days_yellow.png) no-repeat;
  background-size: 100%;
}

.day-3-yellow {
  background: url(../img/common/label_3days_yellow.png) no-repeat;
  background-size: 100%;
}

.header-ico-daily-kuji {
  background: url(../img/common/icon_kuji.png) no-repeat;
  background-size: 100%;
  width: 24px;
  height: 24px;
}
/* ----------------------------------------------------------
 user-score
---------------------------------------------------------- */

.header-contents.user-score.is-active .header-status-item{
  display:  table-cell;
  position:  static;
  padding-top: 15px;
  padding-bottom: 12.5px;
  line-height: 13px;
}

.header-contents.user-score.is-active .header-status-item i{
  position: absolute;
  margin-right: 10px;
  top: 66px;
}

.contents-head.top-head{
  background-color: #ffffff;
  margin-top: -1px;
}

body.is-fixed-up .header{
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 13;
  margin-bottom:0px;
  width: 100%;
  overflow-x: scroll;
}

body.menu-scroll-lock.is-fixed-up .header{
  overflow-x: unset;
}

body.is-fixed-up .header .user-score.is-active{
	display: none;
}

body.is-fixed-up .header .user-score:not(.is-active){
}

.mod-cmn-sort-item-sp .form-cmn-select-strong {
  border: none;
  box-shadow: none;
  padding: 0 0 0 17px;
  background: #faf8f0 url(../img/common/ico_select_01@2x.png) left 0px center no-repeat;
  background-size: 8.5px;
  color:#2f9ece;
  font-size:12px;
  width: 80px;
  height: 20px;
}

.mod-cmn-sort-item-sp{
  display:table-cell;
}

.mod-cmn-sort-wrap {
  margin-bottom: 26.5px;
  margin-top: 3.5px;
}

.contents-main.l-container.up-main,
.contents-main.l-container-narrow.up-main {
  margin-top: -1px;
  border-radius: 0;
}

.header-status-ttl .link-cmn-arrow-right:before{
  top: .3em;
}
.p-t-0{
  padding-top: 0;
}

.p-t-18{
  padding-top: 18px;
}

.p-b-18{
  padding-bottom: 18px;
}

.p-rl-19{
  padding-left: 19px;
  padding-right: 19px;
}

.p-rl-0{
  padding-left: 0px;
  padding-right: 0px;
}

.mod-cmn-direction-item-bottom {
  height: 65px;
  padding: 15px 15px 15px 15px;
}

.mod-cmn-direction-foot-txt-one-p{
  font-size: 17px;
  color: #ff5a5f;
}
.mod-cmn-direction-foot-txt-one-p .num{
  font-size: 17px;
}
.sp-f-size-13{
  font-size: 13px;
}

/* l-menu-sp
---------------------------------------------------------- */
.l-menu-sp {
  display: table;
  margin-top: 21.5px;
  background-color: #ffffff;
  width: 100%;
  left: 0;
  font-size: 12px;
  color: #474747;
}

.l-menu-sp-rw {
  display: table-row;
  height: 124px;
}

.l-menu-sp-ch {
  display: table-cell;
  padding-bottom: 21.5px;
  text-align: center;
  vertical-align:  bottom;
}

.l-menu-sp-rw:last-child .l-menu-sp-ch:first-child{
  padding-bottom:12.5px;
}

.l-menu-sp-ch:first-child{
  border-right: 1px solid  #e0ded5;
}

.l-menu-sp-ch:last-child{
  border-left: 1px solid  #e0ded5;
}

.l-menu-sp-rw:first-child .l-menu-sp-ch,
.l-menu-sp-rw:last-child .l-menu-sp-ch{
  border-top: 1px solid  #e0ded5;
  border-bottom: 1px solid  #e0ded5;
}

.sp-my-icon-1-1{
  background: url(../img/common/leter_icon.png) no-repeat 0 0;
  background-size: 100%;
  width: 44.5px;
  height: 28px;
  margin-bottom: 24.5px;
  position: relative;
}

.sp-my-icon-1-2{
  background: url(../img/common/memo_icon.png) no-repeat 0 0;
  background-size: 100%;
  width: 50px;
  height: 45px;
  margin-bottom: 16px;
}

.sp-my-icon-1-3{
  background: url(../img/common/wallet_icon.png) no-repeat 0 0;
  background-size: 100%;
  width: 43.5px;
  height:45px;
  margin-bottom: 17.5px;
}

.sp-my-icon-2-1{
  background: url(../img/common/person_icon.png) no-repeat 0 0;
  background-size: 100%;
  width: 32px;
  height: 56px;
  margin-bottom: 13px;
}

.sp-my-icon-2-2{
  background: url(../img/common/perso_icon_profile.png) no-repeat 0 0;
  background-size: 100%;
  width: 42px;
  height: 56px;
  margin-bottom: 13px;
}

.sp-my-icon-2-3{
  background: url(../img/common/setting_icon.png) no-repeat 0 0;
  background-size: 100%;
  width: 42px;
  height: 41px;
  margin-bottom: 18px;
}

.sp-my-icon-3-1{
  background: url(../img/common/megaphone_icon.png) no-repeat 0 0;
  background-size: 100%;
  width: 61px;
  height:45px;
  margin-bottom: 9px;
}

.sp-my-icon-3-2{
  background: url(../img/common/note_icon.png) no-repeat 0 0;
  background-size: 100%;
  width: 40px;
  height:50px;
  margin-bottom: 13px;
}

.sp-my-icon-3-3{
  background: url(../img/common/d_point_icon_blue.png) no-repeat 0 0;
  background-size: 100%;
  width: 42.5px;
  height:42.5px;
  margin-bottom: 13px;
}

[class^="sp-my-icon"]  {
  display: block;
  margin-right:  auto;
  margin-left:  auto;
}

a[class^="l-menu-sp-ch"]:hover span,
a[class^="l-menu-sp-ch"]:hover i{
  opacity: 0.6;
}

.l-menu-sp span{
  color:#474747;
  font-weight:  bold;
}

.s-mar-t-0{
	margin-top: 0px;
}

.my-pos{
  width: 18px;
  height: 18px;
  top: -11px;
  color:#ffffff !important;
  line-height:20px;
  font-size:10px;
  left: 43px;
}

.point-check-button {
    position:  absolute;
    background-color: #ffc05c;
    width: 82px;
    height: 35px;
    border-radius: 15.5px;
    box-shadow: 3.5px 3.5px #e5e5e5;
    color: #474747;
    font-size: 10px;
    padding: 3.5px 7.5px 3px 7.5px;
    text-align: center;
    right: -15px;
    top: -25px;
    display: block;
}
.point-check-button:hover {
    margin-top: 2px;
    margin-bottom: 2px;
    box-shadow: 2px 2px #e5e5e5;
}

.mod-cmn-direction-in-sp{
    position:  relative;
}

.mod-cmn-direction-in-sp a:hover {
    opacity: 1;
}

.profile-balloon {
  position:  absolute;
  width: 75px;
  height: 36.5px;
  background-color: #ffc05c;
  border-radius: 15px;
  font-size: 10px;
  text-align: center;
  color: #474747;
  right:-30px;
  top:-10px;
  padding: 9.5px 10.5px 10.5px 10.5px;
  box-shadow: 0px 4px #e5e5e5;
  z-index: 1;
}
.profile-balloon:before{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 2px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #e5e5e5 transparent transparent transparent;
  border-width:10px 10px 10px 0px;
}
.profile-balloon:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -17px;
  left: 0px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-top: 15px solid #318c30;
  border-color: #ffc05c transparent transparent transparent;
  border-width:10px 10px 10px 0px;
}
.l-menu-sp a{
  opacity: 1;
}

.sp-mar-r80{
  margin-right: 80px;
}

.jobs-recommend {
  margin-right: -32px;
  margin-left: -32px;
  background-color: #44bac7;
  color: #fff;
  padding-top: 10px;
  padding-bottom:10px;
  margin-top: 30px;
}

.jobs-recommend.mg-side-minus-12 {
  margin-right: -12px;
  margin-left: -12px;
}

.jobs-recommend.recommend-message-page {
  padding: 10px 0;
}

.box-cmn-balloon-jobs-recommend {
  position: relative;
  display: inline-block;
  padding: 0 45px;
  font-size: 17px;
  font-weight: bold;
  padding-top: 15px;
}

.box-cmn-balloon-jobs-recommend:before {
  content: '';
  position: absolute;
  top: 60%;
  display: inline-block;
  width: 54px;
  height: 2px;
  background-color: #fff;
  border-color: #fff;
  border-style: none;
  -moz-transform: rotate(65deg);
  -webkit-transform: rotate(65deg);
  -ms-transform: rotate(65deg);
  transform: rotate(65deg);
  left: -5px;
}

.box-cmn-balloon-jobs-recommend:after {
  content: '';
  position: absolute;
  top: 60%;
  display: inline-block;
  width: 54px;
  height: 2px;
  background-color: #fff;
  -moz-transform: rotate(-65deg);
  -webkit-transform: rotate(-65deg);
  -ms-transform: rotate(-65deg);
  transform: rotate(-65deg);
  right: -15px;
}

.box-cmn-balloon-jobs-recommend-center {
  position: relative;
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  padding-top: 15px;
  padding-right: 25px;
  padding-left: 25px;
}

.box-cmn-balloon-jobs-recommend-center:before {
  content: '';
  position: absolute;
  top: 60%;
  display: inline-block;
  width: 54px;
  height: 2px;
  background-color: #fff;
  border-color: #fff;
  border-style: none;
  -moz-transform: rotate(65deg);
  -webkit-transform: rotate(65deg);
  -ms-transform: rotate(65deg);
  transform: rotate(65deg);
  left: -5px;
}

.box-cmn-balloon-jobs-recommend-center:after {
  content: '';
  position: absolute;
  top: 60%;
  display: inline-block;
  width: 54px;
  height: 2px;
  background-color: #fff;
  -moz-transform: rotate(-65deg);
  -webkit-transform: rotate(-65deg);
  -ms-transform: rotate(-65deg);
  transform: rotate(-65deg);
  right: -15px;
}

.jobs-recommend-list {
  margin: 50px -12px 10px;
  padding: 10px 12px 10px;
}

.jobs-recommend-work-list {
  margin-right: 10px;
  margin-left: 10px;
}

.mod-cmn-direction-item-dpoint {
  line-height: 1.575;
}

.add-utprice-period-txt{
  font-size: 16px;
  padding-right: 0px;
}

.txt-cmn-get-num-add-utprice{
  font-size: 15px;
}

.keep-add-utprice,
.list-add-utprice{
  right: 8px;
  bottom: 84px;
}

.list-add-utprice-period-limited-point {
  bottom: 100px;
}

.add-utprice-balloon {
  background-color: #faf8f0;
  border: 1px solid #ff5a5f;
  width: 104px;
  height: 42px;
  padding: 4px 17px;
  border-radius: 3px;
  position: relative;
  top: -6px;
  font-weight: bold;
  font-size: 15px;
  right: -10px;
}

.add-utprice-balloon-edge {
  margin-left: -11px;
}

.work-add-utprice-balloon-edge {
  margin-left: -11px;
  padding-right: unset;
}

.add-utprice-balloon-edge:before, .work-add-utprice-balloon-edge:before {
  content: "";
  position: relative;
  display: inline-block;
  top: -6px;
  border: 6px solid transparent;
  border-right: 6px solid #faf8f0;
  z-index: 2;
  right: -12px;
}

.add-utprice-balloon-edge:after, .work-add-utprice-balloon-edge:after{
  content: "";
  position: relative;
  display: inline-block;
  top: -6px;
  border: 6px solid transparent;
  border-right: 6px solid #ff5a5f;
  right: 82px;
}

.mod-cmn-work-get.s-right-sp.s-right
.mod-cmn-work-price.s-right-sp.s-right {
  line-height: 1.2;
  margin-top: 20px;
}

.new-rwrd {
  padding-right: 0px;
}

.old-rwrd-group{
  top: 0px;
}

.add-rwrd-mod-cmn-category-pR{
  padding-right: 0px !important;
}

.list-add-utprice .add-utprice-balloon{
  font-size: 11px;
  top: 7px;
  padding: 3px 13px 3px;
}

.list-add-utprice .add-utprice-balloon-edge:before{
  top: 8px;
  border: 5px solid transparent;
  border-right: 5px solid #fff;
  right: 1px;
}

.list-add-utprice .add-utprice-balloon-edge:after{
  top: 8px;
  margin-top: -12px;
  border: 5px solid transparent;
  border-right: 5px solid #ff5a5f;
  right: 73px;
}

.list-add-utprice .add-utprice-balloon-edge {
  margin-left: -16px;
}

.research-work-caution-txt{
  font-size: 11px;
}

/* ==========================================================
list-ribon
========================================================== */
[class^="list-ribon-"] {
  background-size: 53%;
  top: -2px;
  left: -2px;
  width: 82px;
  height: 82px;
}

.mod-cmn-board-item-point-0{
  padding-top: 4px;
}

.p-b-38{
  padding-bottom: 38px;
}

.list-ribon-attn {
  top: 0px;
  left: 1px;
}

/* ==========================================================
mod-profile
========================================================== */
.mod-profile-ttl{
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 27px;
  padding-bottom: 20px;
}

.mod-profile-wallet-body {
  width: 180px;
  height: 180px;
  padding-top: 9px;
  border: 5px solid #e0ded5;
}

.mod-profile-wallet-ttl {
  padding-top: 10px;
  font-size: 14px;
  line-height: 14px;
}

.mod-profile-wallet-subttl{
  padding-top: 8px;
  font-size: 10px;
  line-height: 10px;
}

.mod-profile-wallet-txt{
  padding-top: 5px;
  font-size: 44px;
  line-height: 44px;
  font-family: RobotoSlab-Regular;
}

.mod-profile-wallet-unit{
  font-size: 22px;
  line-height: 22px;
  margin-left: 3px;
}

.mod-profile-add{
  padding-bottom: 0px;
}

.mod-profile-add-guide{
  font-size: 14px;
  line-height: 22px;
  margin-top: 20px;
  padding: 0px 10px;
}

.mod-profile-add-txt{
  line-height: 22px;
}

.mod-profile-line:before{
  width:15px;
  height: 35px;
  left: -15px;
  background-size: 10px 18px;
  top: 3px;
}

.mod-profile-line:after{
  width: 15px;
  height: 35px;
  right: -14px;
  background-size: 10px 18px;
  top: 3px;
}

.mod-profile-add-btn{
  padding-top: 5px;
  padding-bottom: 16px;
}

.mod-profile-add-btn-txt{
  font-size: 18px;
  line-height: 18px;
}

.mod-profile-caution{
  padding-top: 20px;
  padding-bottom: 5px;
}

.mod-profile-caution-list{
  font-size: 12px;
  line-height: 18px;
  width: auto;
}

.mod-profile-link{
  font-size: 14px;
  padding-top: 5px;
  line-height: 14px;
  text-align: left;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.arrow-blue-link{
  width: 10px;
  height: 10px;
  background-size: 10px;
  margin-right: 5px;
}

.mod-profile-link-btn{
  padding: 15px 0px 15px 0px;
  width: auto;
  display: table-cell;
  vertical-align: middle;
  text-align: unset;
}

.mod-profile-link-center {
  text-align: center;
}

.mod-profile-link-right {
  text-align: right;
}

.mod-cmn-menu-link.mod-cmn-menu-kuji {
  padding: 0;
  border-top: 1px solid #e0ded5;
  border-left: none;
  border-right: none;
  margin-top: 14px;
}

.mod-cmn-menu-link.mod-cmn-menu-kuji:before, .mod-cmn-menu-link.mod-cmn-menu-kuji:after{
  content: none;
}

.mod-cmn-menu-link.mod-cmn-menu-kuji:hover {
   opacity: 0.6;
}

.mod-cmn-menu-ico.ico-cmn-kuji {
  position: unset;
  margin: 10px 15.5px 15.5px 19px;
}

.mod-cmn-menu-kuji .mod-cmn-menu-ttl {
  font-size: 14px;
  vertical-align: middle;
  padding-left: 0px;
}

.mod-cmn-menu-kuji:hover .mod-cmn-menu-ttl {
  color: #474747;
}

.mod-cmn-menu-kuji .ico-cmn-mymenu_arrow {
  right: 27px;
  left: auto;
}
/* ==========================================================
remuneration用
========================================================== */

.rem-list {
    font-size: 12px;
    color: #474747;
    text-align: left;
}

.rem-center {
    text-align: center;
}

.rem-comment {
    margin-top: 30px;
    margin-bottom: 16px;
}

.rem-link {
    text-align: center;
    margin-top:16px;
    margin-bottom: 34px;
}

.rem-link > a {
    font-size: 14px;
    color: #1E97CD;
    width: 310px;
    height: 44px;
    display: inline-block;
    text-align: center;
    padding:15px;
}

.rem-ico-arrow {
  width: 9px;
  height: 11px;
  vertical-align: middle;
}

.rem-wordrap {
  text-align: center;
  height: 28px;
  word-break : normal-all;
  vertical-align: middle;
}

.rem-circle-left {
  width: 90px;
  padding-left: 20px;
  padding-top: 0px
}

.rem-circle-right {
  padding-top: 7px;
}

.rem-btn-bank {
  padding-top: 14px;
  height: 45px;
}
/* About */
.rem-about-line {
  width: 310px;
}

.rem-about-line > a {
  font-size: 14px;
  color: #1e97cd;
}

.rem_about_top {
  padding-top: 28px;
}

.rem_about_bottom {
  margin-top: 19px;
}

/* Request */
.rem-req-box {
  width: 310px;
  background: #fff;
  padding: 17px 20px 19px 20px;
  border: 1px solid #e0ded5;
  border-radius: 8px;
}

.rem-req-box-title {
  width: 50%;
  display: table-cell;
  text-align: left;
  vertical-align: top;
  padding-top: 4px;
}

.rem-req-box-title-text {
  font-size: 17px;
  color: #474747;
  font-weight: bold;
}

.rem-req-box-money {
  width: 50%;
  display: table-cell;
  text-align: right;
  vertical-align: top;
}

.rem-req-box-money-number {
  font-size: 26px;
  font-weight:bold;
  color:#ff5a5f;
}

.rem-req-box-money-unit {
  font-size: 17px;
  font-weight: bold;
  color: #ff5a5f;
}

.rem-arrow-blue-link-up {
  background-image: url(../img/common/icon_arrow_blue_right.png);
  width: 7px;
  height: 8px;
  background-size: 7px 8px;
  -webkit-transform: rotate(270deg);
  text-align: center;
  vertical-align: middle;
}

.rem-arrow-blue-link-down {
  background-image: url(../img/common/icon_arrow_blue_right.png);
  width: 7px;
  height: 8px;
  background-size: 7px 8px;
  -webkit-transform: rotate(90deg);
  text-align: center;
  vertical-align: middle;
}

.rem-req-box-limit-line {
  text-align: right;
  width: 100%;
  margin-top: 8px;
}

.rem-req-box-limit-icon {
  display: inline-block;
  margin-right: 4px;
  margin-left: 10px;
}

.rem-req-box-limit-text {
  display: inline-block;
  font-size: 12px;
}

.rem-modal-comment {
  font-size: 12px;
}

/* Request accordion */

.rem-req-accordion-link {
  margin-top: 33px;
  margin-bottom: 13px;
  width: 100%;
  padding-top:auto;
  padding-bottom:auto;
}

.rem-req-accordion-link > a {
  font-size: 14px;
  color: #1e97cd;
}

.rem-req-accordion-limit-line {
  margin-bottom: 20px;
  display: table;
  width: 100%;
}

.rem-req-accordion-limit-line:first-child {
  margin-top: 26px;
}

.rem-req-accordion-limit-line:last-child {
  margin-bottom: 0px;
}

.rem-req-accordion-limit-date {
  display: table-cell;
  font-size: 12px;
  color: #474747;
  text-align: left;
}

.rem-req-accordion-limit-money {
  display: table-cell;
  text-align: right;
}

/* arrow */
.rem-icon-arrow-under {
  background: url(../img/common/icon_arrow.png) no-repeat;
  width: 14px;
  height: 20px;
  background-size: 14px 20px;
  margin-top: 15px;
  margin-bottom: 11px;
}

/* button */
.rem-req-button-messeage {
  font-size: 10px;
  color: #9b9b9b;
  font-weight: bold;
}

.rem-req-button-alert {
  font-size: 10px;
  color: #ff5a5f;
  font-weight: bold;
}

.rem-req-button {
  margin-top: 10px;
  margin-bottom: 0px;
  height: 56px;
}

.rem-btn {
  width: 310px;
  height: 50px;
  font-size: 14px;
  font-weight: bold;
  color: #474747;
  text-align: center;
  background: #ffd500;
  box-shadow: 0px 4px 0px 0px #e0bb00;
  border-radius: 8px;
  margin: 0 auto;
}

.rem-btn-yellow {
  @extend .btn-cmn-yellow;
}
/*  */

/* Plan */

.rem-plan-box {
  width: 310px;
  margin-bottom: 50px;
}

.rem-plan-box-margin {
  height: 0px;
}

.rem-plan-box-top {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 310px;
  background: #44bac7;
  padding: 7px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.rem-plan-box-accordion {
  width: 310px;
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding:20px;
  border: 1px solid #e0ded5;
}

.rem-plan-req-text {
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 9px;
}

.rem-plan-req-line {
  margin-bottom: 20px;
  width: 100%;
  display: table;
}

.rem-plan-req-line:last-child {
  margin-bottom: 0px;
}


.rem-plan-req-date {
  text-align: left;
  display: table-cell;
}

.rem-plan-req-money {
  text-align :right;
  display: table-cell;
}

/* common */
.rem-cmn-no-top {
  margin-top: 0px;
}

.rem-cmn-list-text {
  font-size: 12px;
  color: #474747;
}

.rem-cmn-list-number {
  font-size:15px;
  color: #474747;
}

/* btn-cmn-in-remuneration
---------------------------------------------------------- */

.btn-cmn-in-rem-sp-return {
  padding-top:17px;
}

/* ==========================================================
help
========================================================== */
.ico-help-first {
  background: url(../img/common/first_sp.png) no-repeat;
  width: 22px;
  height: 34px;
  background-size: 100%;
  margin-right: 22px;
  margin-left: unset;
}

.ico-help-poikatsu {
  background: url(../img/common/poikatsu.png) no-repeat;
  width: 30px;
  height: 32px;
  background-size: 100%;
  margin-right: 16px;
  margin-left: unset;
}

.ico-help-fancrew {
  background: url(../img/common/ic_moniter.png) no-repeat;
  width: 32px;
  height: 32px;
  background-size: 100%;
  margin-right: 16px;
  margin-left: unset;
}

.ico-help-jobuta-apurihiroba {
  background: url(../img/common/ic_jobta-app.png) no-repeat;
  width: 36px;
  height: 36px;
  background-size: 100%;
  margin-right: 14px;
  margin-left: -3px;
}

.ico-help-friend {
  background: url(../img/common/ic_friend.png) no-repeat;
  width: 32px;
  height: 32px;
  background-size: 100%;
  margin-right: 16px;
  margin-left: unset;
}

.ico-help-describe{
  background: url(../img/common/describe_sp.png) no-repeat;
  width: 28px;
  height: 32px;
  background-size: 100%;
  margin-right: 16px;
  margin-left: unset;
}

.ico-help-qa {
  background: url(../img/common/qa_sp.png) no-repeat;
  width: 34px;
  height: 34px;
  background-size: 100%;
  margin-right: 16px;
}

.ico-help-dpoint {
  background: url(../img/common/dpoint_sp.png) no-repeat;
  width: 32px;
  height: 32px;
  background-size: 100%;
  margin-right: 16px;
}

.ico-help-first:before,
.ico-help-poikatsu:before,
.ico-help-fancrew:before,
.ico-help-jobuta-apurihiroba:before,
.ico-help-friend:before,
.ico-help-describe:before,
.ico-help-qa:before,
.ico-help-dpoint:before {
  content: unset;
}

.help-menu-item {
  margin-bottom: unset;
}

.help-item-parent.help-item-first-sp.mod-cmn-menu {
  padding: 20px 22px 20px 22px;
  height: 72px;
}

.help-item-parent.help-item-describe-sp.mod-cmn-menu {
  padding: 20px 18px 20px 22px;
  height: 72px;
}

.help-item-parent.help-item-qa-sp.mod-cmn-menu {
  padding: 20px 18px 20px 16px;
  height: 72px;
}

.help-item-parent.help-item-dpoint-sp.mod-cmn-menu {
  padding: 20px 18px 20px 18px;
  height: 72px;
}

.help-menu-child-item {
  width: unset;
  margin-bottom: unset;
  height: auto;
  font-size: 14px;
  border: 1px solid #e0ded5;
  border-top: none;
  height: 50px;
}

.help-menu-child-item-sp {
  font-size: 14px;
  font-weight: bold;
  height: auto;
  border: 1px solid #e0ded5;
  border-top: none;
  height: 50px;
}

.help-menu-child-item-sp-list {
  width: 100%;
  height: 100%;
  padding: 14px 18px 14px 24px;
  border-top: none;
  display: block;
}

.help-items-child.mod-cmn-menu {
  padding: 9px 9px 9px 12px;
  display: block;
  flex-wrap: wrap;
}

.mod-cmn-menu-child.help-item-child {
  border: unset;
  margin: unset;
  padding: unset;
  border: unset;
  border-radius: unset;
}

.help-item-child-list,
.help-menu-child-item:nth-last-child(-n+2) {
  display: list-item;
  flex-wrap: unset;
}

.help-menu-child-item:nth-last-child(-n+2) {
  width: 100%;
}

.mod-cmn-accordion + .help-item-child {
  display: none;
}

.help-item-parent.mod-cmn-menu-link:before,
.help-item-parent.mod-cmn-menu-link:after {
  right: 22px;
}

.help-item-parent.mod-cmn-menu-link:before,
.help-item-parent.mod-cmn-menu-link:after {
  right: 22px;
}

.help-item-child-list .arrow-blue-link{
  background: url(../img/common/icon_arrow_blue_right.png) no-repeat;
  width: 8px;
  height: 10px;
  background-size: 100%;
  margin-right: 10px;
}

.help-parent-menu-height {
  height: 72px;
}

/* ==========================================================
 humberger-menu
========================================================== */
.menu-scroll-lock {
  position: fixed;
  height: 100%;
  width: 100%;
}

.humburger-icon.hum-active .nav-cmn-global-count {
  display: none;
}

header.header-contents {
  z-index: 14px;
}

nav.humberger-menu {
  position: fixed;
  z-index: 30;
  top: 51px;
  right: 0px;
  color: #000;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 0.3s;
  width: 80%;
  max-height: 93%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.footer-ios-appli-only nav.humberger-menu {
  max-height: 85%;
}

nav.humberger-menu:after {
  content: '';
  width: 100%;
  height: 50px;
  display: block;
}

nav.humberger-menu ul {
  background: #44bac7;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  position: relative;
}

nav.humberger-menu ul li {
  border-bottom: 01px solid #fff;
}

nav.humberger-menu js-accordion {
  font-weight: unset;
}

nav.humberger-menu.hum-active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.humburger-menu-list {
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

.humburger-menu-mypage-line:nth-child(-n+7){
  border-bottom: 1px solid #e0ded5;
}

.humburger-menu-mypage-line:nth-child(even){
  border-right: 1px solid #e0ded5;
}

.humburger-menu-mypage-line:last-child{
  border-right: unset;
}

.humburger-menu-mypage-line-levelup:nth-child(-n+10){
  border-bottom: 1px solid #e0ded5;
}

.humburger-menu-mypage-line-levelup:nth-child(odd){
  border-right: 1px solid #e0ded5;
}

.humburger-menu-list-mypage {
  display: inline-block;
  color: #fff;
  padding: 15px 0 15px 20px;
  width: calc(100% - 110px);
}

.humburger-menu-icon-area {
  float: right;
  margin-top: 12px;
}

.humburger-menu-x {
  background: url(../img/common/ic_x.png) no-repeat;
  background-size: 100%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.humburger-menu-instagram {
  background: url(../img/common/ic_instagram.png) no-repeat;
  background-size: 100%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.humburger-menu-mypage-month-result {
  width:100%;
  height: 54px;
}
.humburger-menu-mypage-month-result.height-change {
  height: 44px;
}

.humburger-menu-mypage-current-level {
  width:100%;
  height: 38px;
}

.humburger-menu-mypage-profile-mt {
  margin-top: 0px;
}

.humburger-menu-mypage-profile-disp {
  width: 100%;
}

.humburger-menu-mypage-profile-text {
  display: block;
  padding: 18px 7px 18px 18px;
  font-size: 12px;
  color: #474747;
  font-weight: bold;
}

.humburger-menu-mypage-profile-text-first {
  display: block;
  padding: 13.5px 20px 11.5px 18px;
  font-size: 12px;
  color: #474747;
  font-weight: bold;
}

.humburger-menu-mypage-profile-text-red {
  font-size: 10px;
  color: #ff5a5f;
  margin-top: -4px;
  font-weight: normal;
}

.humburger-menu-mypage-others {
  width:50%;
  height: 54px;
}

.humburger-menu-mypage-month-result-text {
  position: relative;
  font-size: 14px;
  color: #44bac7;
  font-weight: bold;
  display: block;
  padding: 17px 22px 16px 19px;
}
.humburger-menu-mypage-month-result-text.padding-change {
  padding: 17px 22px 11px 17px;
}

.humburger-menu-mypage-month-result-amount {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 93px;
  bottom: 0;
  margin: auto;
  padding: 10px 6px 10px;
  width: calc(100% - 133px);
  height: 32px;
  background: #FAF8F0;
  border-radius: 8px;
  font-size: 12px;
  color: #474747;
}
.humburger-menu-mypage-month-result-amount.position-change {
  top: 2px;
}

.humburger-menu-mypage-month-result-amount span {
  display: block;
  position: relative;
  padding-left: 15px;
  width: calc(50% - 5px);
  height: 12px;
  line-height: 12px;
  box-sizing: border-box;
  text-align: right;
}

.humburger-menu-mypage-current-level-text {
  position: relative;
  font-size: 12px;
  color: #44bac7;
  display: block;
  padding: 7px 17px 13px 17px;
}

.humburger-menu-mypage-current-level-disp {
  display: inline-block;
  position: absolute;
  height: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 17px;
  color: #474747;
}

.humburger-menu-mypage-current-level-disp-empty {
  display: inline-block;
  position: absolute;
  height: 22px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 25px;
  color: #474747;
  font-size: 11px;
  transform: scaleX(5.3);
}

.humburger-menu-mypage-current-level-disp span {
  position: relative;
  bottom: 3px;
  padding-right: 8px;
}
.humburger-menu-mypage-current-level-disp span:nth-child(1) {
  font-family: Roboto Slab;
}

.humburger-menu-mypage-others-text {
  display: block;
  padding: 18px 22px 18px 18px;
  font-size: 12px;
  color: #474747;
  font-weight: bold;
}

.humburger-menu-mypage-others-text .nav-cmn-global-count-box {
  position: static;
  margin-top: -2px;
  margin-left: 6px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.humburger-menu-list-message {
  display: block;
  color: #fff;
  padding: 21px 22px 21px 22px;
  height: 64px;
}

.humburger-menu-list-message-count {
  bottom: auto;
  width: 24px;
  height: 24px;
  line-height: 23.5px;
  font-size: 12px;
  text-align: center;
  font-family: Roboto Slab;
  margin: auto;
  display: inline-block;
  border-radius: 50%;
  color: #fff;
  background-color: #ff5a5f;
  position: absolute;
  margin-left: 10px;
}

.humburger-menu-list-notice {
  display: block;
  color: #fff;
  padding: 19px 22px 19px 21px;
  height: 64px;
}

.humburger-menu-list-help {
  display: block;
  color: #fff;
  padding: 15px 22px 15px 20px;
}

.humburger-menu-list-info {
  display: block;
  color: #fff;
  padding: 15px 22px 15px 20px;
}

.humburger-menu-list-useful {
  display: block;
  color: #fff;
  padding: 15px 22px 15px 20px;
  height: 64px;
}

.humburger-menu-list-appLottery {
  display: block;
  color: #fff;
  padding: 15px 22px 15px 20px;
  height: 64px;
}

.humburger-menu-ttl {
  display: inline-block;
}

.humburger-menu-list-close {
  font-weight: bold;
  text-align: center;
  background-color: #faf8f0;
}

.humburger-menu-close-text{
  display: block;
  padding: 17px 34px 15px 15px;
  font-size: 14px;
  color: #474747;
  font-weight: bold;
}

.ico-cmn-arrow-humburger {
  background: url(../img/common/icon_arrow_blue_right.png) no-repeat;
  width: 12px;
  height: 9px;
  background-size: 100%;
  margin-right: 24px;
  position: relative;
  top: -2px;
}

.ico-cmn-profile-symbol-white {
  background: url(../img/common/mypage_sp.png) no-repeat;
  background-size: 100%;
  width: 34px;
  height: 34px;
  margin-right: 17px;
}

.ico-cmn-message-white {
  background: url(../img/common/message_sp.png) no-repeat;
  background-size: 100%;
  width: 31px;
  height: 23px;
  margin-right: 18px;
}

.ico-cmn-notice-white {
  background: url(../img/common/notice_sp.png) no-repeat;
  background-size: 100%;
  width: 32px;
  height: 27px;
  margin-right: 17px;
}

.ico-cmn-help-white {
  background: url(../img/common/help_sp.png) no-repeat;
  background-size: 100%;
  width: 34px;
  height: 34px;
  margin-right: 16px;
}

.ico-cmn-eport-white {
  background: url(../img/common/eport_sp.png) no-repeat;
  background-size: 100%;
  width: 34px;
  height: 28px;
  margin-right: 16px;
}

.ico-cmn-target-white {
  background: url(../img/common/target_sp.png) no-repeat;
  background-size: 100%;
  width: 34px;
  height: 34px;
  margin-right: 17px;
}

.ico-cmn-info-white {
  background: url(../img/common/info_sp.png) no-repeat;
  background-size: 100%;
  width: 34px;
  height: 34px;
  margin-right: 16px;
}

#humburger-menu-background-black {
  background-color: #333; /*黒背景部分背景色*/
  display: block;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 51px;
  transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
  z-index: -1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

#humburger-menu-background-black.hum-active {
  opacity: 0.5; /*黒背景部分透過度*/
  z-index: 25;
  width: 100%;
  height: 100%;
}

.humburger-menu-list-message {
  display: block;
  color: #fff;
  padding: 21px 22px 21px 22px;
  height: 64px;
}

.ico-humburger-arrow {
  background: url(../img/common/humberger_arrow.png) no-repeat;
  background-size: 100%;
  width: 12px;
  height: 24px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.ico-humburger-arrow-blue {
  background: url(../img/common/back_icon_blue.png) no-repeat;
  background-size: 100%;
  width: 12px;
  height: 24px;
  position: absolute;
  top: 13px;
  right: 20px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ico-humburger-yuryo-bnr {
  background: url(../img/common/bnr_menu_yuryo.png) no-repeat;
  background-size: 100%;
  width: 100%;
  padding-top: 22%;
}

.ico-humburger-point-symbol {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 13px;
  height: 12px;
  background-image: url(../img/common/sprite.png);
  background-position: -1px -635px;
  background-size: 156px 5564px;
}

.ico-humburger-yen-symbol {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  background-image: url(../img/common/sprite.png);
  background-position: 0px -5102px;
  background-size: 140px 5255px;
}

.ico-humburger-level {
  display: inline-block;
  margin-top: -4px;
  margin-left: -5px;
  width: 24px;
  height: 22px;
}

.humburger-menu-mypage-bnr {
  border-top: 1px solid #e0ded5;
  margin-top: -1px;
  width: 100%;
}

.humburger-menu-mypage-bnr-padding {
  padding: 0px 10px 10px 10px;
  display: block;
  text-align: center;
}

.humburger-menu-mypage-bnr-padding:first-child {
  padding: 10px;
}

/*************************************************
プレミアムBOX期間付与
*************************************************/
.contents-bg p{
  color: #484848;
}
.contents-bg a {
  color: #1E97CD;
}
.contents-bg{
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  top: 306px;
  margin: 0 auto;
  width: calc(100% - 4px);
  height: auto;
  border-radius: 16px;
  padding: 32px 16px 16px;
  background: #FAF8F0;
  text-align: center;
}
.img-flg-txt{
  top: 285px;
}
.btn-x{
  width: 100px;
}
.btn-x-normalbox {
  top: 156px;
}
.btn-x-premium {
  top: 520px;
}
.btn-x .ic-x{
  width: 24px;
}
.img-green-box{
  top: 230px;
}
.img-red-box{
  top: 30px;
}
.txt{
  margin: 0;
  padding: 0;
}
.main-txt{
  font-size: 27px;
  line-height: 1.3;
  }
.period-main-txt{
  font-size: 20px;
}
.sub-txt{
  font-size: 14px;
  }
.txt-container{
  margin-top: 20px;
}
.luckybox-cumulative-modal {
  top: 75px;
}
.luckybox-cumulative-region {
  width: 270px;
  height: 155px;
}
.luckybox-cumulative-modal-title {
  margin-top: 18px;
  font-size: 18px;
}
.luckybox-cumulative-modal-point {
  font-size: 40px;
}
.luckybox-cumulative-modal-point-unit {
  font-size: 32px;
  font-weight: bold;
}
.luckybox-cumulative-modal-paid-worker-link {
  font-size: 14px;
}
/*星　中心から外へ移動*/
@-webkit-keyframes star-left4{
  0%{opacity: 0; }
  100%{
    opacity: 1;
    -webkit-transform: translate(-120px, -160px)scale(0.5);
    transform: translate(-120px, -160px)scale(0.5);
  }
}
@keyframes star-left4{
  0%{opacity: 0; }
  100%{
    opacity: 1;
    -webkit-transform: translate(-120px, -160px)scale(0.5);
    transform: translate(-120px, -160px)scale(0.5);
  }
}
@-webkit-keyframes star-left5{
  0%{opacity: 0;}
  100%{
    opacity: 1;
    -webkit-transform: translate(-140px, -80px)scale(0.5);
    transform: translate(-140px, -80px)scale(0.5);
  }
}
@keyframes star-left5{
  0%{opacity: 0;}
  100%{
    opacity: 1;
    -webkit-transform: translate(-140px, -80px)scale(0.5);
    transform: translate(-140px, -80px)scale(0.5);
  }
}
@-webkit-keyframes star-left6{
  0%{opacity: 0;}
  100%{
    opacity: 1;
    -webkit-transform: translate(-140px, 20px)scale(-0.8);
    transform: translate(-140px, 20px)scale(-0.8);
  }
}
@keyframes star-left6{
  0%{opacity: 0;}
  100%{
    opacity: 1;
    -webkit-transform: translate(-140px, 20px)scale(-0.8);
    transform: translate(-140px, 20px)scale(-0.8);
  }
}
@-webkit-keyframes star-right4{
  0%{opacity: 0;}
  100%{
    opacity: 1;
    -webkit-transform: translate(120px, -180px)scale(0.5);
    transform: translate(120px, -180px)scale(0.5);
  }
}
@keyframes star-right4{
  0%{opacity: 0;}
  100%{
    opacity: 1;
    -webkit-transform: translate(120px, -180px)scale(0.5);
    transform: translate(120px, -180px)scale(0.5);
  }
}
@-webkit-keyframes star-right5{
  0%{opacity: 0;}
  100%{
    opacity: 1;
    -webkit-transform: translate(140px, -44px);
    transform: translate(140px, -44px);
  }
}
@keyframes star-right5{
  0%{opacity: 0;}
  100%{
    opacity: 1;
    -webkit-transform: translate(140px, -44px);
    transform: translate(140px, -44px);
  }
}
@-webkit-keyframes star-right6{
  0%{opacity: 0;}
  100%{
    opacity: 1;
    -webkit-transform: translate(140px, 30px)scale(0.5);
    transform: translate(140px, 30px)scale(0.5);
  }
}
@keyframes star-right6{
  0%{opacity: 0;}
  100%{
    opacity: 1;
    -webkit-transform: translate(140px, 30px)scale(0.5);
    transform: translate(140px, 30px)scale(0.5);
  }
}

/*青い箱Y軸移動して回転*/
@-webkit-keyframes box-transition-y {
  0% {top :230px;}
  2.5% {
    top :30px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  3.0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  3.5% {
    top :30px;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  4.5% {
    top :30px;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    opacity: 1;
  }
  5.5% {
    top :30px;
    opacity: 0;
  }
  100% {
    top :30px;
    opacity: 0;
  }
}
@keyframes box-transition-y {
  0% {top :230px;}
  2.5% {
    top :30px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  3.0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  3.5% {
    top :30px;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  4.5% {
    top :30px;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    opacity: 1;
  }
  5.5% {
    top :30px;
    opacity: 0;
  }
  100% {
    top :30px;
    opacity: 0;
  }
}

/* ==========================================================
マイページ用 (mp)
========================================================== */

/* 共通 */

.mp-cmn-title {
  text-align: center;
  margin:31px auto 35px auto;
}

.mp-cmn-title-number {
  font-size: 26px;
  font-weight: bold;
  color:#44bac7
}

.mp-cmn-title-text {
  font-size: 22px;
  font-weight: bold;
  color:#44bac7
}

.mp-cmn-title-text-mp {
  font-size: 26px;
  font-weight: bold;
  color:#44bac7
}

.mp-cmn-box-title {
  font-size: 12px;
  font-weight: bold;
  color: #86857f;
  background: #e0ded5;
  padding: 8px 6px 7px 6px;
  height: 26px;
}

.mp-cmn-box-title-mp {
  font-size: 12px;
  font-weight: bold;
  color: #86857f;
  background: #e0ded5;
  padding: 6px 0px 8px 15px;
  line-height: 12px;
  letter-spacing: 1px;
  height: 26px;
  border-radius: 8px 8px 0 0;
}

.mp-cmn-unit {
  margin-top: 0px;
  font-size: 16px;
  color: #ff5a5f;
  font-weight: bold;
}

.mp-cmn-unit-big {
  position: absolute;
  right: 40px;
  padding-top: 9px;
  margin-top: 0;
  display: inline-block;
  font-size: 16px;
  color: #ff5a5f;
  font-weight: bold;
  line-height: 16px;
  text-align: right;
}

.mp-cmn-unit-yen {
  font-size: 12px;
  line-height: 12px;
  padding-top: 10px;
}

.mp-cmn-unit-middle {
  position: absolute;
  right:40px;
  display: inline-block;
  font-size: 16px;
  color: #ff5a5f;
  font-weight: bold;
  line-height: 16px;
  margin-top: 0;
}

.mp-cmn-unit-middle-dark-gray {
  position: relative;
  right: 0px;
  font-size: 16px;
  line-height: 16px;
  margin-top: 3px;
}

.mp-cmn-number {
  margin-top: 0px;
  font-size: 26px;
  color: #ff5a5f;
  font-weight: bold;
}

.mp-cmn-number-big {
  position: absolute;
  right:58px;
  margin-top: 0;
  padding-top: 0;
  display: inline-block;
  font-size: 26px;
  color: #ff5a5f;
  font-weight: bold;
  line-height: 26px;
}

.mp-cmn-number-middle {
  position: absolute;
  right:58px;
  display: inline-block;
  font-size: 16px;
  color: #ff5a5f;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 1.07px;
}

.mp-cmn-number-middle-dark-gray {
  position: relative;
  right: 0px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1.07px;
  margin-top: 3px;
}

.mp-cmn-unit-small {
  margin-top: 1px;
  font-size: 12px;
  color: #ff5a5f;
  font-weight: bold;
}

.mp-cmn-number-small {
  margin-top: 1px;
  font-size: 16px;
  color: #ff5a5f;
  font-weight: bold;
}

.mp-cmn-unit-green {
  margin-top: 4px;
  font-size: 12px;
  line-height: 12px;
  color: #44bac7;
  font-weight: bold;
  margin-left: 4px;
  letter-spacing: 0;
}

.mp-cmn-unit-green-big {
  position: absolute;
  right: 40px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 12px;
  color: #44bac7;
  font-weight: bold;
  margin-left: 4px;
  letter-spacing: 0;
}

.mp-cmn-number-green {
  margin-top: 4px;
  font-size: 26px;
  line-height: 26px;
  color: #44bac7;
  font-weight: bold;
}

.mp-cmn-number-green-big {
  position: absolute;
  right:58px;
  margin-top: 0px;
  font-size: 26px;
  line-height: 26px;
  color: #44bac7;
  font-weight: bold;
}

.mp-cmn-number-small-green {
  margin-top: 1px;
  font-size: 16px;
  color: #44bac7;
  font-weight: bold;
}

.mp-cmn-accordion {
  position: static;
}

.mp-ico-cmn-yen-symbol {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -5141px;
  width: 21px;
  height: 21px;
  background-size: 140px 5255px;
  margin: 0 7px 12px 0;
}

.mp-ico-cmn-yen-symbol-mp {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -5141px;
  width: 21px;
  height: 21px;
  background-size: 140px 5255px;
  margin-top: 3px;
}

.mp-ico-cmn-d-point-symbol {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -671px;
  width: 19px;
  height: 18px;
  background-size: 156px 5564px;
  margin: 1px 8px 0 1px;
}

.mp-ico-cmn-d-point-symbol-mp {
  background-image: url("../img/common/sprite.png");
  background-position: 0px -671px;
  width: 19px;
  height: 18px;
  background-size: 156px 5564px;
}

.mp-ico-levelup-symbol {
  width: 19px;
  height: 19px;
}

.mp-arrow-blue-link {
  background-image: url(../img/common/icon_arrow_blue_left.png);
  width: 5px;
  height: 6px;
  margin: 6px 10px 0 0;
  background-size: 5px 6px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.mp-ico-cmn-work-count {
  width: 18px;
  height: 19px;
  margin-right: 2px;
}

.mp-ico-cmn-approved-count {
  width: 18px;
  height: 19px;
  margin-right: 1px;
}

.mp-cmn-direction-ttl {
  font-size: 12px;
  font-weight: bold;
  color: #474747;
}

.mp-cmn-direction-ttl-mp {
  font-size: 14px;
  font-weight: bold;
  color: #474747;
  padding-top: 0;
  margin-top: 5px;
  padding-bottom: 0px;
  letter-spacing: 1.17px;
  line-height: 12px;
}

.mp-cmn-direction-ttl-mp-middle {
  font-size: 11px;
  font-weight: bold;
  color: #474747;
  padding-top: 0px;
  padding-bottom: 0px;
  letter-spacing: 0.92px;
  line-height: 11px;
  margin-top: 2px;
}

.mp-cmn-direction-ttl-mp-middle-gray {
  display: inline-block;
  font-size: 10px;
  color: #474747;
  padding-top: 0px;
  padding-bottom: 0px;
  letter-spacing: 1px;
  line-height: 10px;
  margin-top: 3px;
}

.mp-cur-wknum-ttl {
  font-size: 14px;
  font-weight: bold;
  color: #474747;
  padding-top: 0px;
  padding-bottom: 0px;
  letter-spacing: 1px;
  line-height: 14px;
  margin-top: 2px;
}

.mp-accordion-detail {
  height: 16px;
  display: table;
  width: 100%;
  line-height: 0;
}

.mp-accordion-detail:first-child {
  margin-bottom: 15px;
}

.mp-accordion-detail-ttl {
  display: table-cell;
  width:68%;
}

.mp-accordion-detail-point {
  display: table-cell;
  width: 30%;
  text-align: right;
}

.mp-cmn-direction-ttl-getpoint {
  display: inline-block;
  margin-top: 3px;
}

.mp-cmn-direction-ttl-getpoint-icon {
  vertical-align: top;
}

.mp-cmn-direction-ttl-getmoney {
  display: inline-block;
  margin-top: 5px;
}

.mod-cmn-direction {
  background: none;
  border: 1px solid #e0ded5;
  border-radius: 0;
}

.mp-cmn-check-link {
  font-size: 14px;
  color:#1e97cd;
  text-align: right;
}

.mp-cmn-ico-d-point {
  margin:1 8px 0px 1px;
}

.mp-cmn-ico-cmn-yen {
  margin: 0 7px 12px 0px;
}

.mp-cmn-ico-cmn-yen-blank {
  width: 25px;
}

.mp-cmn-direction-head {
  width: 30px;
  display: table-cell;
  vertical-align: top;
}

.mp-cmn-direction-head-l {
  width: 28px;
  display: table-cell;
}

.mp-cmn-direction-head-l-mp {
  width: 26px;
  margin-top: 5px;
  display: inline-block;
}

.mp-cmn-2l {
  line-height: 1;
}

.mp-cmn-2l-text {
  color: #999;
}

.mp-arrow-blue-link-up {
  background-image: url(../img/common/icon_arrow_blue_right.png);
  width: 10px;
  height: 8px;
  background-size: 10px 8px;
  margin-right: 5px;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  margin: 2px 11px 0 2px;
}

.mp-arrow-blue-link-down {
  background-image: url(../img/common/icon_arrow_blue_right.png);
  width: 10px;
  height: 8px;
  background-size: 10px 8px;
  margin-right: 5px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 2px 11px 0 2px;
}

.mp-ico-cmn-d-point{
  margin: 7px 11px 0 5px;
    vertical-align: top;
}

.mp-ico-cmn-yen {
  margin: 4px 11px 0 5px;
  vertical-align: top;
}

/* X月の実績 (cur) */

.mp-cur-title-text {
  margin-top: 10px;
}

/* 獲得報酬 (fee) */

.mp-cur-fee-d-point-confirm-link {
  margin-top: 12px;
  margin-bottom: 36px;
}

.mp-cur-fee-title {
  margin-top: 0px;
}

/* 合計 (total) */

.mp-cur-fee-total-box-body {
  padding: 18px 20px 0px 16px;
}

.mp-cur-fee-total-box-body-line {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  display: table;
}

/* アコーディオン (accordion) */

.mp-cur-fee-total-accordion-box {
  border-top: 1px solid #e0ded5;
}

.mp-cur-fee-total-accordion-box-1 {
  padding: 17px 20px 21px 15px;
}

.mp-cur-fee-total-accordion-box-2 {
  padding: 17px 20px 14px 15px;
}

.mp-cur-fee-total-accordion-box-3 {
  padding: 20px 27px 19px 25px;
}

.mp-cur-fee-total-accordion-comment,.mp-accordion-luckybox-comment  {
  font-size: 12px;
  color: #474747;
  margin-bottom: 23px;
  line-height: 23px;
}

.mp-cur-fee-total-accordion-comment ul,.mp-accordion-luckybox-comment ul {
  list-style:none;
}

.mp-cur-fee-total-accordion-comment ul li,.mp-accordion-luckybox-comment ul li {
  text-indent: -1.5em;
  padding-left: 1.5em;

}

.mp-cur-fee-total-accordion-title {
  font-size: 11px;
  font-weight: bold;
  color: #999;
  margin-bottom: 15px;
}

.mp-cur-fee-total-accordion-show-text {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 0;
  margin: 0 0 16px 0;
}

.mp-cur-fee-total-accordion-rem-link {
  margin-top: 15px;
  margin-bottom: 36px;
}

.mp-cur-fee-total-accordion-bottom {
  padding-bottom: 17px;
}

/* 実施合計 */
.mp-cur-wknum-total-box-body-line {
  padding: 15px 20px 15px 15px;
  width: 100%;
  height: 56px;
  display: table;
}

.mp-cur-wknum-total-box-body-line-mp {
  padding: 15px 20px 15px 15px;
  width: 100%;
  height: 56px;
  display: table;
}

.mp-cur-wknum-total-box-body-line-mp.uh-levelup-reward-box {
  padding-bottom: 25px;
}

.mp-accordion-box {
  padding: 16px 0px 0px 0px;
  width: 100%;
  height: 19px;
  display: table;
  margin: 0;
}

.mp-dpoint-total-box-body-line {
  padding: 15px 20px 15px 15px;
  width: 100%;
  height: 56px;
  background-color:#fff;
  border : 1px solid #e0ded5;
  border-bottom: 0px;
}

.mp-dpoint-detail-box-body-line {
  padding: 15px 20px 15px 15px;
  width: 100%;
  height: 77px;
  background-color:#fff;
  border : 1px solid #e0ded5;
  border-bottom:0px
}

.mp-dpoint-previous-month-luckybox-box-body-line {
  padding: 15px 20px 15px 15px;
  width: 100%;
  height: 115px;
  background-color:#fff;
  border : 1px solid #e0ded5;
  border-bottom:0px
}

.mp-dpoint-warning-box-body-line {
  padding: 9px 15px 15px;
  width: 100%;
  height: 122px;
  background-color:#fff;
  border-radius: 0;
  border : 1px solid #e0ded5;
  margin-top: 0px;
  border-bottom : 0;
}

.mp-cur-wknum-total-box-body-line ~ .only-pc {
  display: none;
}

.mp-cur-wknum-total-box-body-line ~ .only-sp {
  display: table;
}

.mp-dpoint-box .mp-dpoint-box-child-sp:last-child{
  border-top:0;
  border-bottom : 1px solid #e0ded5;
  border-radius: 0 0 8px 8px;
}

.mp-cur-wknum-total-box-body-line:first-child {
  border-bottom: 1px solid #e0ded5;
}

.mp-cur-wknum-total-box-body-line:last-child {
  margin-top: 0px;
}

.mp-cur-wknum-d-point-confirm-link {
  margin-top: 12px;
  margin-bottom: 34px;
}

.mp-cur-wknum-work-history {
  margin-top: 12px;
  margin-bottom: 25px;
}

/* これまでのお仕事報酬 */

.mp-res-title-text {
  margin: 33px auto 28px auto;
  font-weight: bold;
  color:#44bac7;
  font-size: 22px;
}

.mp-res-line {
  width: 150%;
  border: 1px solid #e0ded5;
  margin-left: -33px;
  margin-right: -32px;
}

.mp-res-total-box {
  margin-bottom: 50px;
}

/* level-status */
.levelup-period {
  font-size: 10px;
}

.level-status-body {
  display: block;
  height: auto;
  padding: 15px;
}

.level-status-detail-area.height-keep {
  height: 82px;
}

.current-level {
  width: 120px;
  margin: 0 auto;
  padding: 6px;
}

.current-level p {
  font-size: 12px;
}

.current-level img {
  height: 44px;
  width: 48px;
}

.level-status-bonus-title {
  font-size: 13px;
}

.level-status-detail a {
  font-size: 10px;
}

.next-mnth-level {
  font-size: 12px;
}

.next-mnth-level img {
  height: 27px;
  margin-left: 3px;
}

.level-status-bar-area .next-level {
  font-size: 10px;
}

.level-status-bar-achieve {
  padding-top: 2px;
}

.achieved-text {
  font-size: 12px;
}

.achieved-text::after {
  top: 3px;
  height: 13px;
  width: 10px;
  background: url(../img/common/icon_lankup_arrow.png) no-repeat center top/ 13px;
}

.up-to-levelup {
  font-size: 12px;
}

/* l-menu */

.mp-l-menu {
  margin-top: 0px;
}

.mp-l-menu-item {
  margin-left: -33px;
  margin-right: -32px;
  margin-top: 0px;
}

.mp-l-menu-item:first-child {
  margin-top: 0px;
}

.mp-menu {
  height: 77px;
  padding: 25px 29px 25px 30px;
  border-bottom: 1px solid #e0ded5;
  border-left: 0px;
  border-right: 0px;
}

.mp-l-menu-item-2l {
  padding: 15px 22px 18px 30px;
}

.mp-l-menu-item-user-id {
  padding: 0px;
  height: 80px;
  margin-top: 0px;
  margin-bottom: -40px;
  margin-left: -33px;
  margin-right: -32px;
  border-left: 0px;
  border-right: 0px;
}

.mp-l-menu-user-id-title {
  text-align:top;
  font-size: 14px;
  font-weight: bold;
  color: #86857f;
  padding: 34px 30px 26px 30px;
  background: #e0ded5;
  display: inline-block;
}

.mp-l-menu-user-id {
  font-size: 18px;
  color: #000000;
  padding: 29px 30px 24px 47px;
  display: inline-block;
}

.mp-l-menu-text {
  font-size: 16px;
  color: #474747;
  margin: 4px 23px 0 0;
}

.mp-l-menu-text-2l {
  margin: 0px 23px 0 0;
}

.mp-l-menu-text-2l-text {
  font-size: 12px;
  margin-top: -10px;
}

.mp-l-menu-text-red {
  display: block;
  font-size: 12px;
  color: #ff5a5a;
  margin-left: 0px;
  margin-top: 10px;
}

.mp-dpoint-box-child-approval {
  border-bottom: 0px;
  padding-bottom: 0px;
  height: 41px;
}

.mp-dpoint-box-child-luckybox {
  padding-top: 8px;
  border-top: 0px;
  height: 49px;
}

.mp-dpoint-box-child-luckybox .mp-cmn-direction-ttl-getpoint {
  margin-left: 25px;
}

.mp-dpoint-total-box-body-line-mp {
  border-bottom: 0px;
  height: 63px;
}

/* ==========================================================
luckybox
========================================================== */
.luckybox-contents-main.contents-main{
  border-radius: 12px 12px 0 0;
  padding: 30px 13px 60px;
}

.luckybox-mission-ico.unopened i, .luckybox-mission-ico-popup.unopened i,
.luckybox-mission-ico.unachieved i, .luckybox-mission-ico.coupon-mission i, .luckybox-mission-ico-popup.coupon-mission i {
  width: 42px;
  height: 49px;
}

.luckybox-mission-ico i , .luckybox-mission-ico-popup i {
  width: 65px;
  height: 50px;
  margin-left: 1px;
}

.luckybox-mission-ico , .luckybox-mission-ico-popup {
  width: 22%;
}

.lucky-box-pointup {
  padding-left: 0px;
}

.luckybox-mission-ico i.ico-cmn-luckybox-pointup-red,
.luckybox-mission-ico i.ico-cmn-luckybox-pointup-orange,
.luckybox-mission-ico i.ico-cmn-luckybox-pointup-green {
  width: 22px !important;
  height: 30px !important;
  left: 45px;
  top: 19px;
  position: absolute;
  background-size: 22px;
}

.luckybox-info-title-area {
  height: 26px;
}

.luckybox-info-title-text {
  font-size: 12px;
  padding: 5px 7px 12px 7px;
  letter-spacing: 1px;
}

.luckybox-info-point {
  width: 204px;
  margin: 0 auto 0;
}

.luckybox-achievement-link {
  left: 85px;
  margin-bottom: 15px;
}

.luckybox-info-get-point-text {
  padding: 10px 10px 12px 10px;
  height: 58px;
}

.luckybox-info-get-point-number {
  font-size: 46px;
  margin-right: 5px;
  margin-top: -18px;
}

.luckybox-info-get-point-number {
  font-size: 46px;
  margin-right: 5px;
}

.luckybox-info-get-point-unit {
  font-size: 30px;
}

.luckybox-info-text {
  font-size: 15px;
  margin-bottom: 8px;
}

.luckybox-info-job-count {
  font-size: 28px;
}

.unopened .luckybox-click-inside, .paid-option-mission .luckybox-click-inside {
  width: 27px;
  height: 27px;
  top: 16px;
  left: 30px;
  letter-spacing: 0.8px;
}

.unopened .luckybox-click-outside, .paid-option-mission .luckybox-click-outside {
  width: 35px;
  height: 35px;
  top: 12px;
  left: 26px;
}

.unopened .luckybox-click-text, .paid-option-mission .luckybox-click-text {
  display: block;
  line-height: 27px;
  letter-spacing: 0.8px;
}

.ico-cmn-luckybox-basic-noshadow {
  width: 28px;
  height: 31px;
  margin-left: 1px;
}

.ico-cmn-luckybox-premium-noshadow {
  width: 28px;
  height: 31px;
  margin-left: 1px;
}

.luckybox-job-count-graph {
  width: 283px;
  height: 16px;
  bottom: unset;
  top: 12px;
  left: 27px;
}

.luckybox-info-link-area {
  margin-bottom: 31px;
}

.profile-point-text {
  font-size: 12px;
  margin-top: 10px;
}

.profile-required-text .highlight-text {
  font-size: 20px;
}

.annotation-enq-text {
  font-size: 9px;
  margin-top: 7px;
}

.luckybox-info {
  padding: 0px 32px 31px 33px;
}

.luckybox-info-empty-work-finish {
  padding: 20px 0 20px;
}

.mfp-content.luckybox-popup-wid {
  height: 238px;
  padding: 0px 0px 0px 0px;
}

.mfp-content.luckybox-popup-wid.luckybox-popup-wid-plural {
  height: 90%;
  padding: 0px 0px 0px 0px;
}

.contents-bg-light img.time01 {
  position: absolute;
  height: 350px;
  width: 100%;
  margin-left: 0px;
  left: 0;
  top: 140px;
  z-index: 1;
}
.contents-bg-light img.time02 {
  position: absolute;
  height: 350px;
  width: 100%;
  margin-left: 0px;
  left: 0;
  top: 140px;
  z-index: 1;
}

.lbox-wrap {
  top: -40px;
}

.contents-bg-light:not(.premium-privilege) {
  top: -15px;
}

.contents-bg-paper img.paper01-sp, .contents-bg-paper img.paper02-sp {
  height: 395px;
  top: -50px;
}

.contents-point, .pt-manyBox .contents-point {
  top: 110px;
}

.contents-lbox, .pt-manyBox .contents-lbox {
  top: 20px;
}

.txt-container-normal {
  top: -71px;
}

.contents-close {
  top: 156px;
  left: 44px
}

.luckybox-mission-detail-text {
  color: #1E97CD;
  font-size: 12px;
  width: 120px;
}

.luckybox-mission-detail-text-40per {
  font-size: 12px;
}


.luckybox-mission-detail-triangle {
  display: inline-block;
  margin-right: 1px;
  background-image: url(../img/common/icon_arrow_blue_right.png);
  background-size: 10px;
  height: 10px;
  width: 10px;
}

.luckybox-select-cate-area {
  height: 84px;
}

.luckybox-select-cate-border {
  border-bottom: 1px solid #44bac7;
  position: relative;
  top: 45px;
}

.luckybox-select-cate {
  margin-bottom: 20px;
  border-bottom: none;
  width: 100%;
}

@media screen and (max-width: 372px) {
  .luckybox-select-cate:has(.luckybox-select-cate-tab):has(.select-welcome) {
    justify-content: normal;
  }
}

@media screen and (max-width: 270px) {
  .luckybox-select-cate {
    justify-content: normal;
  }
}

.luckybox-select-cate-tab {
  height: 45px;
  padding-top: 6px;
}

.luckybox-select-cate-btn {
  font-size: 14px;
  border-bottom: 1px solid #44bac7;
  height: 39px;
  width: 110px;
}

.luckybox-select-cate-btn-badge{
  top: 1px;
}

.luckybox-no-card-message-area {
  margin-top: 10px;
}

.luckybox-no-card-message {
  width: 78%;
  padding: 31px 18px;
  font-size: 17px;
  line-height: 28px;
}

.luckybox-no-card-message-ico {
  width: 22%;
}

.luckybox-no-card-message-ico-opend {
  width: 65px;
  max-width: 65px;
  height: 50px;
  margin-left: 1px;
  left: 2px;
}

/*************************************************
mission
*************************************************/
.mission-open-top {
  margin-bottom: 25px;
}
.mission-open-top .btn-cmn {
  width: 280px;
}
.mission-open-top .btn-cmn-in {
  letter-spacing: 0.89px;
  font-size: 16px;
  height: 41px;
}
.mission-item {
  margin-top: 10px;
}
.luckybox-mission-btn:not(.open-all),.luckybox-mission-btn-popup:not(.open-all){
  width: 78%;
  padding: 14px 18px 12px;
}
.unopened.luckybox-mission-btn:not(.open-all),.unopened.luckybox-mission-btn-popup:not(.open-all){
  padding-bottom: 17px;
}

.unopened.luckybox-mission-btn-pointup,
.unachieved.luckybox-mission-btn-pointup {
  padding-bottom: 15px;
}

.mission-name {
  font-size: 17px;
  line-height: 22px;
  letter-spacing: 0.85px;
}
.ico-cmn-mission-beginner {
  width: 10px;
  height: 17px;
  margin-left: 10px;
  top: 0px;
}
.mission-bar {
  height: 12px;
  margin-top: 14px;
  margin-bottom: 6px;
}
.mission-bar-txt {
  font-size: 11px;
  line-height: 11px;
  top: 0;
}
.mission-bar-achieve {
  height: 8px;
  border-radius: 5px;
}
.unachieved .mission-bar-achieve {
  border-radius: 5px 0 0 5px;
}
.unachieved .mission-parts-achieve {
  border-radius: 5px;
}
.mission-bar-remaining {
  height: 8px;
  border-radius: 5px;
}
.unachieved .mission-bar-remaining {
  border-radius: 5px;
}
.unopened .mission-clear {
  text-align: right;
  margin-top: 8px;
}
.mission-clear span:nth-child(1){
  font-size: 13px;
  line-height: 11px;
}
.mission-clear span:nth-child(2){
  font-size: 11px;
  line-height: 11px;
}
.mission-point {
  font-size: 14px;
  line-height: 10px;
}
.mission-point span{
  font-size: 12px;
  line-height: 10px;
  margin-left: 1px;
}

.mission-point-old {
  font-size: 12px;
  line-height: 16px;
}

.mission-pointup, .mission-premium-box-privilege {
  padding-top: 4.5px;
}

.mission-pointup-text, .mission-premium-box-privilege-text, .luckybox-next-period, .mission-end-date {
  font-size: 11px;
}

.mission-pointup-period, .mission-premium-box-privilege-period{
  font-size: 11px;
}

.coupon-luckybox-link {
  font-size: 15px;
}

.coupon-popup-btn {
  height: 60px;
}

.coupon-luckybox-all-txt {
  top: 8px;
}

.coupon-luckybox-popup-txt {
  font-size: 15px;
}

.mission-popup-ttl {
  line-height: 18px;
  font-size: 18px;
}

.mission-popup-achievement-conditions {
  font-size: 18px;
}

.video-reward-head {
  width: 100%;
}

.video-reward-head-title {
  font-size: 16px;
  padding-left: 12px;
}

.icon-play {
  height: 20px;
  width: 20px;
}

.disclaimer-area {
  width: 100%;
}

.disclaimer-ttl {
  font-size: 16px;
}
a.humburger-icon:hover {
  opacity: unset;
}

a:hover i[class^="heder-icon-base"].header-ico-humburger-menu {
  opacity: unset;
}

a.humburger-icon.hum-hover {
  opacity: 0.6;
}

a:hover i[class^="heder-icon-base"].header-ico-humburger-menu.hum-hover {
  opacity: 0.6;
}

#modal-search .js-modal-close .btn-cmn-in {
  box-shadow: unset;
  background-color: #ffd500;
  color: #474747;
  padding: 15px 12px 0 0;
}

.ico-search-modal-close {
  background-image: url(../img/common/sprite.png);
  background-position: 0px -422px;
  width: 20px;
  height: 20px;
  background-size: 186px 7006px;
}

.poi-toggle-area {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  font-family: 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  font-size: 12px;
  font-weight: bolder;
  margin: 10px 0;
}

.poi-toggle-area p {
  margin: auto 0;
}

.poi-toggle-btn {
  line-height: 25px;
  text-align: center;
  margin: auto 10px;
}

.poi-toggle-btn input[type="checkbox"]:checked + label span:after{
  content: "ON";
  padding: 0 30px 0 0;
  color: #474747;
  position: relative;
  right: 0;
}

.poi-toggle-btn label span:after{
  font-size: 12px;
  line-height: 27px;
  content: "OFF";
  color: #474747;
  position: absolute;
  right: 10px;
}

.poi-toggle-btn span{
  font-size: 10px;
}

.poi-cmn-toggle {
  position: absolute;
  visibility: hidden;
}

.poi-cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

input.poi-cmn-toggle-round-flat + label {
  padding: 2px;
  width: 70px;
  height: 30px;
  background-color: #d0cece;
  border-radius: 60px;
  transition: background 0.4s;
}

input.poi-cmn-toggle-round-flat + label:before,
input.poi-cmn-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}

input.poi-cmn-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  border-radius: 60px;
  transition: background 0.4s;
}

input.poi-cmn-toggle-round-flat + label:after {
  top: 2px;
  left: 2px;
  bottom: 2px;
  width: 30px;
  background-color: #fff;
  border-radius: 52px;
  transition: margin 0.4s, background 0.4s;
}

input.poi-cmn-toggle-round-flat:checked + label {
  background-color: #ffe878;
}

input.poi-cmn-toggle-round-flat:checked + label:before {
  background-color: #fff;
}

input.poi-cmn-toggle-round-flat:checked + label:after {
  margin-left: 37px;
  background-color: #ffe878;
}

.poi-freeword-place-holder{
  left: 22px;
}

.poi-freeword{
  margin-bottom: 30px;
  padding: 0 8px 0 10px;
}

.search-cate {
  background-color: #faf8f0;
  padding: 4px 4px 5px 4px;
  margin: -1px 0;
}

.search-cate-search-page {
  margin-bottom: 30px;
  margin-top: -10px;
}

.search-cate-btns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.search-cate-btn {
  position: relative;
  width: 33%;
  margin-top: 11px;
  padding-left: 8px;
}

.poi-search-cate-btn .btn-cmn-in {
  background-color: #FFE878;
  box-shadow: 0px 4px 0px 0px #DDB754;
  color: #4F4D4D;
}

.poi-search-cate-btn:hover:not(:disabled) .btn-cmn-in {
  box-shadow: 0px 1px 0px 0px #DDB754;
  background-color: #DDB754;
  color: #4F4D4D;
}

.poi-search-cate-btn.btn-disabled {
  pointer-events: none;
}

.search-cate-btn .btn-cmn {
  width: 100%;
  font-size: 12px;
  margin-top: 0px;
}

.search-cate-btn .btn-cmn-in{
  padding: 11px 10px;
}

.search-cate-btn .btn-cmn-in-tile {
  padding: 11px 0px;
}

.search-cate-btn:hover .tile-label_15_yellow
,.search-cate-btn:hover .tile-label_15_red
,.search-cate-btn:hover .tile-label_2_yellow
,.search-cate-btn:hover .tile-label_2_red {
  margin-top: 2px;
  margin-bottom: 2px;
}

.search-cate-btn-2l .btn-cmn-in {
  padding: 3px 10px;
}

.pagetop.only-pc {
  display: none !important;
}

/** registration complete */

/* title */
.work-reg-comp-title {
  margin-bottom: 6px;
}

.work-reg-comp-title img {
  width: auto;
}

.work-reg-comp-box-title {
  width: 100%;
  padding: 12px 0 11px;
  height: 52px;
  line-height: 29px;
  letter-spacing: 1px;
}

@media screen and (max-width: 320px) {
  .work-reg-comp-box-title {
    letter-spacing: unset;
  }
}

.work-reg-comp-prfl-ttl span:first-child {
  font-size: 18px;
}

/* common */
.work-reg-comp-sp {
  padding-left: 0px;
  padding-right: 0px;
}

.work-reg-comp-box {
  width: 100%;
}

.work-reg-comp-box + .work-reg-comp-box {
  margin-top: 20px;
}

.rem-plan-box-top span {
  font-size: 22px;
}

.work-reg-comp-box-under {
  border: 1px solid #44bac7;
  padding-top: 0px;
  padding-bottom: 20px;
}

.work-reg-comp-img-area {
  width: 100%;
}

.work-reg-comp-box-body {
  margin-top: 20px;
}

.work-reg-comp-box-body p {
  font-size: 16px;
  font-weight: bold;
  margin-top: 14px;
  margin-bottom: 20px;
}

.work-reg-comp-box-body .btn-cmn {
  width: calc(100% - 39px);
}

.work-reg-comp-pointup-ttl p {
  font-size: 22px;
}

.work-reg-comp-pointup-ttl span {
  font-size: 24px;
}

.work-reg-comp-pointup-ttl span:nth-child(1) {
  font-size: 18px;
}

.work-reg-comp-pointup-ttl span:nth-child(2):after {
  top: 6px;
  right: -16px;
  background-size: 10px;
}

.work-finish-reg-comp .work-reg-comp-pointup-ttl span:nth-child(2):after {
  right: -13px;
}

.mod-cmn-registration-mission-btn {
  margin-top: 49px;
}

.pointup-balloon {
  bottom: 32px;
  width: 125px;
}

/* campaign */
.work-reg-comp-box-campaign {
  margin-bottom: 40px;
}

.work-reg-comp-campaign {
  line-height: 1.2em;

}

.work-reg-comp-box-campaign-under {
  padding-top: 6px;
  padding-bottom: 20px;
}

.work-reg-comp-campaign-list li {
    margin-top: 14px;
}

.work-reg-comp-circle {
  margin-top: 2px;
}

/* client */
.work-size-18 {
  font-size: 12px;
}

.work-size-24 {
  font-size: 16px;
}

.work-size-26 {
  font-size: 17px;
}

.work-size-40 {
  font-size: 28px;
}

/* ==========================================================
message-get-past
========================================================== */
.message-get-past {
  font-size: 12px;
}

.message-get-past-btn {
  width: 310px;
  height: 44px;
  display: inline-block;
  padding: 15px;
}

.message-get-past-arrow-blue-link-up {
  width: 10px;
  height: 8px;
  background-size: 10px 8px;
}

/* ==========================================================
work-start-detail
========================================================== */
.work-start-detail-btn {
  display: inline-block;
  width: 310px;
  height: 44px;
  padding: 15px;
  text-align: center;
  font-size: 14px;
}

a.work-start-detail-btn.work-start-detail-opacity  {
  opacity: 1;
}

.work-start-detail-border {
  width: 100%;
  margin-top: 20px;
}

.cmn-arrow-blue-down {
  width: 10px;
  height: 8px;
  background-size: 100%;
}

.is-active.work-start-detail-btn .cmn-arrow-blue-down {
  width: 10px;
  height: 8px;
  background-size: 100%;
}

/* ==========================================================
work-hidden
========================================================== */
.start-work-body:not(.only-pc):not(.only-sp) .worker-hidden-bottom-bar {
  border-bottom: initial;
  margin-bottom: initial;
  text-align: center;
  height: 131px;
}

.start-work-body:not(.only-pc):not(.only-sp) .worker-hidden-link,
.start-work-body:not(.only-pc):not(.only-sp) .top-search-link {
  float: none;
  width: 82%;
  margin: 0 auto;
  border-bottom: 1px solid #e0ded5;
  font-size: 13px;
  margin-top: 20px;
  padding-bottom: 20px;
}

.work-inquiry {
  background-color: #e0ded5;
  padding: 30px 12px;
}

/* ==========================================================
rich-edit
========================================================== */
.rich-big {
  font-size: 18px;
}

.rich-small {
  font-size: 15px;
}

.list-cmn-status.list-cmn-status-link {
  margin-top: 0px;
}

.list-cmn-status-link .list-cmn-status-ttl {
  padding-bottom: 0px;
}

.list-cmn-status-link .list-cmn-status-txt {
  padding-left: 20px;
}

/* ==========================================================
card
========================================================== */
.ico-card-detail {
  width: 35px;
  height: 35px;
  margin-right: 11px;
}

.ico-card-detail-search {
  width: 35px;
  height: 35px;
  top: 0px;
  right: 0px;
}

.card-label-caution {
  padding: 0 2px 0 7px;
  font-size: 13px;
  height: 25px;
  line-height: 23px;
}

.card-detail-provider {
  text-indent: -3em;
  padding-left: 3em;
  width: 61%;
}

.card-detail-icons {
  margin-top: 0px;
}

.top-campaign-list {
  text-align: right;
  padding: 12px 14px 0px 0px;
  margin-bottom: unset;
}

.top-campaign-list-txt {
  font-size: 12px;
  color: #1e97cd;
}

.arrow-white-link {
  background-image: url(../img/common/icon_arrow_blue_right.png);
  width: 9px;
  height: 12px;
  margin: 0px 5px 0 0;
  vertical-align: middle;
}

.search-poikatsu-guide {
  margin-top: 12px;
  text-align: right;
  font-size: 12px;
}

/* ==========================================================
search
========================================================== */
.mod-cmn-search-body-lists {
  width:auto;
  list-style: none outside;
}

.search-label-major-cate {
  margin-left: 0.5px;
}

.search-label-detail-tag {
  width: 100%;
  display: inline;
  margin-left: 4px;
}

.search-sp-history-area {
  padding: 0px 32px;
  margin-bottom: 38px;
}

.search-sp-close {
  padding: 0px 32px;
  text-align: center;
  margin-bottom: 118px;
}

.footer-ios-appli-only .search-sp-close {
  margin-bottom: 146px;
}

.mod-cmn-label-search {
  display: inline-block;
  line-height: 22px;
}

.mod-cmn-board-item .mod-cmn-board-item-work-link {
  max-width: calc(100% - 76px);
  margin: 0px 14px;
}

.mod-cmn-board-item-link.mod-cmn-accordion .mod-cmn-board-item-ttl {
  min-height: 22px;
}

/* ==========================================================
welcome
========================================================== */
.home-welcome-box {
  margin: 10px 8px 0px;
}

.l-center-mlmgzn {
  margin-top: 30px;
}

.mod-cmn-search-body-lists-provider {
  letter-spacing: -.5em;
}

.mod-cmn-search-popup-work-item-provider {
  letter-spacing: normal;
}

.mod-cmn-search-popup-work-item-provider:nth-child(2n+1) {
  width: 55%;
}

.mod-cmn-search-popup-work-item-provider:nth-child(2n) {
  width: 45%;
}

.mod-cmn-search-accordion-parent {
  display: inline-block;
  width: 278px;
}

.mod-cmn-search-accordion-arrow {
  position: absolute;
  right: 10px;
}

/* FAQ Search */

.faq-search-area {
  border-radius: 12px 12px 0 0;
  margin-left: -32px;
  margin-right: -32px;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  vertical-align: top;
  background-color: #fff;
  border-bottom: 1px solid #e0ded5;
}

form .faq-search-input {
  display: inline-block;
  width: 235px;
  height: 40px;
  margin-right: 10px;
}

.faq-search-button-in {
  width: 65px;
  height: 36px;
  top: 0px;
}

.faq-search-button {
  margin-top: 0px;
  font-size: 16px;
  width: auto;
}

.faq-section {
  margin-top: 30px;
  margin-bottom: 30px;
}

section:not(:first-child) > .faq-section:first-child {
  margin-top: 30px;
}

.faq-section-text {
  max-width: 260px;
}

.faq-board-item:first-child {
  border-top: 1px solid #e0ded5;
}

.faq-appli-border {
  margin-top: 50px;
  padding: 0px;
}

.faq-appli-area {
  margin-left: -20px;
  margin-right: -20px;
}

.faq-recommend {
  margin-top:0px;
}

.faq-recommend-in {
  padding-top: 15px;
}
/* ==========================================================
tab
========================================================== */

.cmn-tabs {
  padding-top: 15px;
  margin-left: -20px;
  margin-right: -20px;
  width: auto;
}

.cmn-tab-item {
  width: 50%;
  line-height: 41px;
  font-size: 15px;
  border: solid #ddd;
  border-width: 1px 1px 0px 1px;
  color: #44bac7;
  margin-bottom: 30px;
}

.cmn-tab-item:after {
  background-color: #44bac7;
  content: "";
  display: block;
  margin: 0 -1px;
  height: 3px;
 }

.topics-list .cmn-tab-item {
  width: 50%;
  margin-bottom: 0px;
}

.cmn-tab-item-left {
  margin-right: 0px;
  border-top-left-radius : 10px;
}

.cmn-tab-item-right {
  border-top-right-radius : 10px;
}

.cmn-tabs input:checked + .cmn-tab-item,
.topics-list input:checked + .cmn-tab-item {
  background-color:#44bac7;
  color:  #fff;
  border: solid #44bac7;
  border-width: 1px 1px 0px 1px;
}

.cmn-tabs input:checked + .cmn-tab-item:after,
.topics-list input:checked + .cmn-tab-item:after {
  height: 3px;
}

.cmn-tab-content {
  padding: 10px 32px 0;
}

.faq-board-item:first-child {
  border-top: 1px solid #e0ded5;
}

/* ==========================================================
info_campaign
========================================================== */
.info-reaction-area {
  margin: -10px 12px -10px 0;
}

/* ==========================================================
topics
========================================================== */
.contents-main-topics {
  padding: 15px 12px 30px;
}

.topics-list .box-cmn-card-in {
  padding: 20px;
  border-radius: 10px;
}

.topics-list .l-list {
  margin-top: 10px;
}

.topics-scroll-cate {
  margin: 0px -12px 0px -12px;
}

.topics-scroll-cate-list {
  margin-top: 10px;
  margin-bottom: 23px;
  overflow-x: auto;
  white-space: nowrap;
}

.topics-scroll-cate-list::-webkit-scrollbar {
  display: none;
}

.topics-scroll-cate-item {
  display: inline-block;
  margin-right: 1px;
  border-radius: 17.5px;
  background-color: #fff;
  border: 1px solid #e0ded5;
}

.topics-scroll-cate-item:first-child {
  margin-left: 12px;
}

.topics-scroll-cate-item:last-child {
  margin-right: 12px;
}

.topics-scroll-cate-item-link {
  font-size: 12px;
  padding: 7.5px 15px;
  display: block;
}

.mod-cmn-new-item-link {
  display: block;
  margin-bottom: 15px;
  width: 240px;
  height: 160px;
}

.topics-list-rank:before {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 10px;
  top: 0;
  padding-top: 4px;
  line-height: 1.05;
  text-align: center;
  border-radius: 0 0 50% 50%;
  color: #fff;
  font-size: 18px;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
  z-index: 2;
}

.box-cmn-card:nth-child(1) .topics-list-rank:before {
  content: '1';
  background-color: #ffb237;
}

.box-cmn-card:nth-child(2) .topics-list-rank:before {
  content: '2';
  background-color: #1e97cd;
}

.box-cmn-card:nth-child(3) .topics-list-rank:before {
  content: '3';
  background-color: #c08b68;
}

.js-read-more .btn-cmn-in {
  border-radius: 7px;
  font-size: 15px;
  padding: 11px 10px 8px;
}

.js-read-more .btn-cmn-txt {
  vertical-align: top;
}

.topics-read-more-rank.l-center,
.topics-read-more-new.l-center {
  margin-top: 30px;
}

.mod-cmn-article-aside .l-list.topics-work-list {
  margin-top: 20px;
}

.topics-single-bnr {
  padding: 20px 0 0;
}

.topics-single-bnr .area-cmn-bnr-item {
  padding: 0;
}

/* ==========================================================
reception-time
========================================================== */
.reception-time-contents.contents-main,
.mlmgzn-contents.contents-main {
  padding: 30px 12px 20px;
}

.reception-time-contents .ttl-cmn-03,
.mlmgzn-contents .ttl-cmn-03 {
  margin-bottom: 20px;
}

.l-center-mlmgzn-time {
  margin-top: 30px;
  margin-bottom: 50px;
  width: 100%;
}

.list-cmn-reception-time {
  text-indent: -20px;
  margin-left: 65px;
  margin-bottom: 12px;
}

.l-center-mlmgzn-time .btn-cmn,
.l-center-mlmgzn .btn-cmn {
  width: 100%;
  font-size: 15px;
}

.l-center-mlmgzn-time .btn-cmn-in,
.l-center-mlmgzn .btn-cmn-in {
  padding: 10px 10px 9px;
}

.txt-cmn-mlmgzn {
  margin-top: 29px;
  margin-bottom: 29px;
  line-height: 1.75;
}

.ttl-cmn-mlmgzn {
  margin-top: 40px;
  margin-bottom: 22px;
  line-height: 1.6;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.li-txt-cmn-mlmgzn {
  margin-bottom: 35px;
  line-height: 1.75;
}

.mlmgzn-txt-lists {
  margin-bottom: 45px;
}

/* ==========================================================
ptj
========================================================== */
.ptj-area {
  border: 1px solid #44bac7;
  border-radius: 10px;
  background-color: #fff;
  padding: 20px 20px 33px;
  margin-bottom: 50px;
}

.ptj-title {
  text-align: center;
  font-size: 18px;
  color: #44bac7;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
}

.ptj-select:nth-child(n+2) {
  margin-top: 10px;
}

.ptj-select select {
  font-size: 14px;
  letter-spacing: 0.025em;
  color:#999;
  width: 81%;
  border-radius: 10px;
}

.ptj-select-label {
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0.025em;
  font-weight: bold;
  display: inline-block;
  width: 17%;
}

.ptj-area button {
  margin-top: 25px;
  padding: 0 15px 0;
  letter-spacing: 0.1em;
}

.ptj-area .btn-cmn-middle.btn-cmn-yellow .btn-cmn-in {
  box-shadow: 0px 3.5px 0px 0px #cdaa00;
  border-radius: 7px;
  height: 51px;
}

.ptj-area .btn-cmn-middle.btn-cmn-yellow .btn-cmn-in:hover {
  box-shadow: none;
}

/* ==========================================================
 fancrew
========================================================== */
.fancrew-list-link {
  margin-top: 10px;
}
.fancrew-list-link a {
  font-size: 12px;
}


.fancrew-search-area {
  width: auto;
  text-align: center;
  padding: 40px 32px 45px;
}

.fancrew-search-area-pref_slct {
  width: 36%;
  height: 40px;
  margin-right: 10px;
  padding: 13px 30px 9px 12px;
  line-height: 16px;
  font-size: 14px;
}

.fancrew-search-area-area_slct {
  width: 60%;
  height: 40px;
  padding: 13px 30px 9px 12px;
  line-height: 16px;
  font-size: 14px;
}

.fancrew-search-area-genre_slct {
  width: 100%;
  height: 40px;
  margin-right: 20px;
  border: 1px solid #44bac7;
  color: #44bac7;
  font-size: 14px;
}

.fancrew-search-area-freeword-block{
  display: block;
}

input[type="text"].fancrew-search-area-freeword-txt-box {
  width: 100%;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 0;
}

.fancrew-search-area-freeword-place-holder {
  top: 23px;
  left: 15px;
  font-size: 14px;
}

.fancrew-search-area .btn-cmn {
  width: 94%;
}

.fancrew-search-area .btn-cmn-yellow .btn-cmn-in {
  padding: 15px 102px 17px 103px;
}

.fancrew-list-area {
  width:  auto;
  padding-left: 20px;
  padding-right: 20px;
}

.fancrew-list-area .mod-cmn-sort-wrap {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 10px;
  height: 75px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-cmn-select-strong.fancrew-list-search-select {
  width: 110px;
  height: 20px;
  background-color: #fff;
  font-size: 11px;
}

.sp-mar-r110{
  margin-right: 110px;
}

.fancrew-list-item {
  margin-top: 30px;
  padding-bottom: 0;
}

.fancrew-list-item-name.box-cmn-card-ttl {
  margin-bottom: 20px;
  font-size: 18px;
  float: none;
  width: 100%;
  line-height: 16px;
}

.fancrew-list-item-img {
  height: 100px;
  width: 144px;
  margin-right: 15px;
  margin-bottom: 20px;
}

.fancrew-list-item-main-contents .mod-cmn-category {
  height: 22px;
  margin-bottom: 10px;
}

.fancrew-list-item-main-contents .mod-cmn-label {
  height: 22px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 1px;
  line-height: 10px;
}

.fancrew-list-item-catch-phrase p {
  font-size: 14px;
  margin-top: 0px;
}

.fancrew-list-item-main-contents p {
  font-size: 13px;
}

.fancrew-list-item-sub-contents p {
  line-height: 23px;
}

.fancrew-list-item:not(:last-child) {
  border-bottom: none;
}

.fancrew-list-item-sub-contents p:not(:first-child) {
  margin-top: 8px;
}

.fancrew-list-item-enquete-submit-expires {
  margin-bottom: 19px;
}

.fancrew-list-item-reward-contents {
  margin-top: 19px;
}

.fancrew-list-item-reward .fancrew-list-item-reward-phrase1 {
  font-size: 16px;
  margin-right: 7px;
}

.fancrew-list-item-reward .fancrew-list-item-reward-phrase2 {
  font-size: 13px;
  margin-right: 5px;
}

.fancrew-list-item-reward .fancrew-list-item-value.box-cmn-card-point {
  margin-left: 0;
  margin-right: 5px;
  line-height: 23px;
}

.fancrew-list-item-reward .box-cmn-card-point-unit {
  margin-left: 0;
}

.fancrew-list-item-limit {
  font-size: 10px;
  margin-right: -6px;
  margin-top: 10px;
}

.fancrew-list-item-limit .fancrew-list-item-value.box-cmn-card-point {
  font-size: 18px;
  margin-left: 5px;
  line-height: 23px;
}

.fancrew-list-item-border {
  border-bottom: 1px solid #e0ded5;
  margin-left: -30px;
  margin-right: -30px;
}

.l-center.fancrew-list-detail-application .btn-cmn {
  margin-top: 0;
  width: 42%;
}

.l-center.fancrew-list-detail-application .btn-cmn:first-child {
  margin-right: 10px;
}

.l-center.fancrew-list-detail-application {
  margin-top: 30px;
  margin-bottom: 44px;
  padding: 0;
}

.fancrew-list-contents-main{
  padding: 0;
}

.fancrew-list-pager {
  padding: 30px 0 50px;
  margin-top: 0;
}

.fancrew-list-item-catch-phrase {
  width: 50%;
  line-height: 22px;
}

.ico-fancrew-help-arrow {
  width: 18px;
  height: 18px;
  top: auto;
  right: 20px;
  margin-left: 0;
  position: absolute;
}

.fancrew-list-detail-application .btn-cmn-txt {
  font-size: 15px;
}

.fancrew-list-detail-application .btn-cmn-in {
   padding: 9px 0 15px 0;
   line-height: 18px;
 }

/* ==========================================================
 fancrew-shop
========================================================== */
.fancrew-shop-main-contents,
.fancrew-shop-sub-contents {
  width: auto;
  margin-left: 11px;
  margin-right: 10px;
}

.l-center.fancrew-shop-application {
  padding: 0;
  margin-top: 49px;
  margin-bottom: 30px;
}

.fancrew-shop-main-contents .mod-cmn-category {
  height: 22px;
}

.fancrew-shop-main-contents .mod-cmn-label {
  height: 22px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 1px;
  line-height: 10px;
}

.fancrew-shop-main-contents .ttl-cmn-detail {
  margin-top: 20px;
  margin-bottom: 25px;
  line-height: 32px;
}

.fancrew-shop-img  {
  width: 260px;
  height: 182px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  margin-bottom:30px;
}

.fancrew-shop-catch-phrase,
.fancrew-shop-sub-contents p {
  font-size: 16px;
}

.fancrew-shop-catch-phrase {
  color: #44bac7;
  margin-bottom: 20px;
  line-height: 22px;
}

.fancrew-shop-description {
  line-height: 26px;
}

.fancrew-shop-sub-contents {
  margin-top: 50px;
}

.fancrew-shop-sub-contents p {
  line-height: 26px;
}

.fancrew-shop-sub-contents .ttl-cmn-04.ttl-cmn-04-a {
  margin-bottom: 17px;
}

.fancrew-shop-sub-contents p:not(:nth-child(2)) {
  margin-top: 7px;
}

.l-center.fancrew-shop-application .btn-cmn {
  width: 92.5%;
}

.l-center.fancrew-shop-application .btn-cmn .btn-cmn-in {
  padding: 15px 31px 17px 32px;
  line-height: 18px;
}

.fancrew-list-item-sub-contents p,
.fancrew-shop-sub-contents p {
  padding-left: 0;
  text-indent: 0;
  font-size: 13px;
}

.fancrew-shop-main-contents .ttl-cmn-detail,
.fancrew-shop-main-contents .fancrew-shop-catch-phrase {
  display: inline-block;
  width: auto;
}

/* ==========================================================
 recommend
========================================================== */
.recommend-area {
  margin: 24px -20px;
}

.recommend-area.recommend-is-search {
  margin: 0 0 24px 0;
}

.recommend-title-balloon {
  position: relative;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
}

.recommend-title-balloon::before {
  margin-left: -7px;
  border: 7px solid transparent;
  border-top: 12px solid #43C88E;
}

a.js-accordion-recommend {
  padding: 12px 36px;
  opacity: 1;
}

.ico-recommend-display {
  width: 24px;
  height: 24px;
  right: 12px;
}

.recommend-list {
  margin-top: 24px;
}

.recommend-list .l-list-item {
  margin-top: 12px;
}

/* ==========================================================
 chat
========================================================== */
.chat-reading-area {
  border-radius: 0 25px 25px 25px;
  padding: 16px 33px 10px 20px;
  border: none;
}

.chat-circle {
  width: 6px;
  height: 6px;
}

.chat-circle:nth-last-child(n+2) {
  margin-right: 0;
}

.contents-chat {
  background-color: #44BAC7;
}

.contents-main-chat {
  background-color: #44BAC7;
  width: auto;
  letter-spacing: 0px;
  font-size: 15px;
  margin-top: 0px;
  border-right: none;
  border-left: none;
  padding-bottom: 0;
}

.chat-icon {
  padding-right: 10px;
}

.chat-icon-img {
  width: 33px;
  height: 33px;
  border-radius: 0;
}

.chat-message {
  max-width: 275px;
  border-radius: 0 25px 25px 25px;
  padding: 16px 33px 10px 20px;
  color: #474747;
  border: none;
}

.chat-select-message {
  max-width: 275px;
  border-radius: 0 25px 25px 25px;
  margin-bottom: 20px;
  padding: 16px 33px 10px 20px;
  line-height: 26px;
  color: #474747;
  font-size: 15px;
  border: none;
}

.chat-select-item {
  font-weight: normal;
}

.chat-text-link {
  max-width:275px;
  border-radius: 0 25px 25px 25px;
  padding: 16px 33px 10px 20px;
  border: none;
  line-height: inherit;
  font-size: 15px;
}

.chat-image-link {
  border-radius: 0 25px 25px 25px;
  border: none;
}

.chat-image-link-img {
  border-radius: 0 25px 25px 25px;
  max-width: 275px;
}

.chat-select {
  margin-left: -12px;
  width: 100%;
  position: fixed;
  bottom: 0px;
  background-color: #FAF8F0;
  padding: 25px 2px 60px 32px;
  border-radius: 10px 10px 0 0;
  text-align: left;
  border: none;
  left: inherit;
}

.chat-select-1l {
  height: 198px;
}

.chat-select-blank-1l {
  height: 198px;
}

.chat-select-text {
  padding-bottom: 26px;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: inherit;
}

.chat-select-button {
  width: 65px;
  height: 63px;
  border: 1px solid #3CA3AF;
  margin-right: 16px;
  border-radius: 7px;
  color: #3CA3AF;
  font-weight: 300;
}

.chat-finish {
  padding: 30px 0 31px 0;
}

.chat-finish-button {
  width: 310px;
  height: 55px;
  border-radius: 7px;
  font-size: 18px;
  box-shadow: 0 0;
  letter-spacing: 0;
}

.chat-user-select-body {
  border-radius: 25px 0 25px 25px;
  padding: 14px 17px 14px 20px;
  font-weight: normal;
  line-height: inherit;
  border: none;
  max-width: 275px;
}

.chat-wallet {
  margin-bottom: 50px;
  margin-top: 45px;
}

.chat-wallet-body {
  height: 200px;
  width: 200px;
  padding: 28px 0 16px 0;
  border-radius: 50px;
  background-color: #FAF8F0;
  border-radius: 50px;
  padding: 28px 0 16px 0;
  border: none;
}

.chat-wallet-body .ico-cmn-wallet {
  background-position: 0px -4769px;
  width: 82px;
  height: 72px;
  background-size: 140px 5255px;
}

.chat-wallet-body .mod-cmn-wallet-txt {
  font-size: 45px;
}

.chat-wallet-body .mod-cmn-wallet-unit {
  font-size: 21px;
  line-height: 1.05;
}

.chat-wallet-body .mod-cmn-wallet-txt-sub {
  font-size: 14px;
  line-height: 1.05;
  letter-spacing: 0;
}

/* ==========================================================
 promotion
========================================================== */
.start-work-body:not(.only-pc):not(.only-sp) .promotion-worker-hidden-link {
  margin-top: 0px;
}

.start-work-body:not(.only-pc):not(.only-sp) .promotion-parts {
  display: none;
}

.promotion-img {
  margin: auto;
}

.promotion-detail {
  margin-top: 16px;
  padding: 15px 15px 15px 16px;
}

.promotion-detail-overview {
  font-size: 15px;
  padding-bottom: 0px;
}

.mod-cmn-work-get.s-right-sp.s-right.promotion-mt-16,
.mod-cmn-work-price.s-right-sp.s-right.promotion-mt-16 {
  margin-top: 16px;
}

.promotion-mt-mb-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.promotion-detail-lh {
  line-height: 19px;
}

.btn-promotion-tooltip {
  width: 16px;
  height: 16px;
  margin: 2px 8px 0px 4px;
}

/* ==========================================================
 cpx-research
========================================================== */
.cpx-att-area {
  font-size: 12px;
}
.cpx-result-area {
  margin-top: 32px;
}

/* ==========================================================
 normal
========================================================== */
.normal-img {
  margin: 0 auto 10px;
}

/* ----------------------------------------------------------
 thmbnl
---------------------------------------------------------- */
.thmbnl-card-lists {
  padding-top: 12px;
  margin-top: 0;
}

.thmbnl-card-lists .box-cmn-card-list {
  font-size: 12px;
}

.mp-dpoint-detail-box-body-line-lmtd-pnt {
  height: 107px;
}

.mp-cmn-direction-ttl-lmtd-pnt {
  margin-bottom: 15px;
  padding-left: 40px;
}

.mod-cmn-work-get.detail-add-utprice-fixed-rate,
.mod-cmn-work-price.detail-add-utprice-fixed-rate {
  top: -2px;
}

.mod-cmn-work-price.detail-add-utprice-fixed-rate {
  top: -2px;
}

.list-add-utprice.add-utprice-fixed-rate {
  bottom: 78px;
}

.box-cmn-card-reward-area-period-limited-point .list-add-utprice.add-utprice-fixed-rate {
  bottom: 90px;
}

.list-add-utprice.add-utprice-fixed-rate .new-rwrd {
  padding-right: 15px;
}

.box-cmn-card-status.add-utprice-fixed-rate .old-rwrd ,
.detail-add-utprice-fixed-rate .old-rwrd {
  font-size: 11px;
  padding-left: 31px;
  height: auto;
  margin: 5px 0 5px 0;
}

.detail-add-utprice-fixed-rate .old-rwrd-group {
  margin: 0 auto;
}

.detail-add-utprice-fixed-rate .old-rwrd-group.old-rwrd-group-period-limited-point {
  margin-top: 0px;
  margin-bottom: 6px;
}

/* ----------------------------------------------------------
  top-cate-group
 -------------------------------------------------------- */

.top-cate-group-ttl {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.top-cate-group-more {
  font-size: 14px;
  margin-top: 10px;
}

/* ----------------------------------------------------------
  useage-histry
---------------------------------------------------------- */

.uh-direction-head-dpoint {
  width: 150px;
  padding-bottom: 0px;
}

.uh-point {
  font-size: 20px;
  margin-right: 4px;
}

.uh-unit {
  font-size: 14px;
}

.uh-unit-font-small {
  font-size: 10px;
}

.uh-period-limited-point-text {
  display: inline;
}

.uh-get-reward-type {
  font-size: 12px;
  color: #999999;
  width: 48px;
  padding-left: 10px;
}

.uh-get-reward-type-small {
  font-size: 10px;
}

.uh-dpoint-total-box-body-line {
  border-bottom: 0px;
}

.research-start-work-body:not(.only-pc):not(.only-sp) .footer-order-item, .research-start-work-body:not(.only-pc):not(.only-sp) .research-work-caution-txt {
  display: block;
}

.tentame-start-work-body .footer-order-item {
  display: block;
}

.uh-select-sts li {
  height: 34px;
  line-height: 34px;
  font-size: 12px;
}

.uh-select-sts li:hover {
  opacity: .7;
}

.uh-select-sts li:nth-of-type(2) {
  line-height: 25px;
}

.uh-select-sts li:nth-of-type(2) span {
  line-height: 5px;
  font-size: 10px;
}

.uh-select-sts li.select-sts-btn-selected {
  margin-top: -10px;
  height: 44px;
  line-height: 44px;
}

.uh-select-sts li:nth-of-type(2).select-sts-btn-selected {
  line-height: 28px;
}

.uh-select-year-month {
  padding: 8px 9px;
}

.uh-select-year-month-btn {
  padding: 4px;
  width: 100px;
  min-width: 100px;
  height: 44px;
  line-height: 22px;
  font-size: 12px;
}

.uh-select-year-month-btn + .uh-select-year-month-btn {
  margin-left: 12px;
}

.uh-select-year-month-btn span {
  display: block;
  text-align: center;
  line-height: 10px;
}

.uh-select-year-month-btn-selected {
  background: #44bac7;
  color: #fff;
}

.uh-levelup-reward-row {
  margin-bottom: 0;
  height: 26px;
  line-height: 26px;
}

.useage-box-levelup {
  margin: 30px auto 0;
  width: auto;
}

.uh-prj-list-ttl {
  margin-bottom: 20px;
  font-size: 18px;
}
 
.uh-prj-list-ttl::before,
.uh-prj-list-ttl::after {
  top: 12px;
  content: '';
  width: calc(50% - 50px);
}

.uh-prj-list-ttl::before {
  left: 0;
}

.uh-prj-list-ttl::after {
  right: 0;
}

.l-edge.uh-prj-list-wrapp {
  margin-left: 0;
  margin-right: 0;
  padding-left: 8px;
  padding-right: 8px;
}

.uh-prj-list-label {
  padding: 1px 4px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  letter-spacing: -0.5px;
}

.uh-prj-list-label.only-sp {
  display: inline-block;
}

.uh-prj-list-label.only-pc {
  display: none;
}

.uh-prj-list-label-wrapp-outer {
  height: auto;
  width: auto;
}

.uh-prj-list-label-wrapp-inner {
  display: inline-block;
  height: auto;
}

.uh-prj-list-no-item {
  margin-top: 15px;
  font-size: 16px;
}

.uh-application-history a {
  font-size: 14px;
  line-height: 45px;
}

.uh-toggle-area {
  font-size: 12px;
}

/* ----------------------------------------------------------
  approval
---------------------------------------------------------- */

.approval_title {
  width: 56px;
  color:#44bac7;
  margin-right:10px;
}

.confirm_title {
  width: 66px;
  color:#44bac7;
  margin-right:10px;
}


/* ----------------------------------------------------------
  poikatsu
---------------------------------------------------------- */
.poi-approval-condition-area {
  font-size: 12px;
  width: 100%;
  word-break: break-all;
  overflow: hidden;
}

.poi-approval-condition-rec-area {
  width: calc(100% - 185px);
  position: relative;
}

.poi-approval-condition-text {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.5em;
  max-height: 3.0em;
  height: 32px;
  color: #999999;
}

.poi-price-area {
  text-align: right;
  height: 32px;
}

.poi-add-utprice-balloon {
  background-color: #ffffff;
  border: 1px solid #ff5a5f;
  width: 47px;
  height: 20px;
  padding: 2px 4px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  font-weight: bold;
  font-size: 11px;
  color: #ff5a5f;
  right: -10px;
}

.poi-add-utprice-balloon-edge {
  margin-left: -11px;
}

.poi-add-utprice-balloon-edge:before {
  content: "";
  position: relative;
  display: inline-block;
  top: -2px;
  border: 4px solid transparent;
  border-right: 4px solid #ffffff;
  z-index: 2;
  right: -12px;
}

.poi-add-utprice-balloon-edge:after {
  content: "";
  position: relative;
  display: inline-block;
  top: -2px;
  border: 4px solid transparent;
  border-right: 4px solid #ff5a5f;
  right: 40px;
}

.poi-add-utprice-text {
  font-size: 20px;
  color: #FF5A5F;
  font-family: "Roboto Slab Regular";
}

.poi-rec .poi-add-utprice-text {
  letter-spacing: -0.5px;
}

.poi-utprice {
  font-size: 20px;
  color: #FF5A5F;
  font-family: "Roboto Slab Regular";
}

.poi-utprice-old {
  font-size: 15px;
  color: #999999;
  text-decoration: line-through;
  font-family: "Roboto Slab Regular";
}

.poi-utprice-yen {
  font-size: 12px;
  color: #44BAC6;
}

.poi-utprice-or {
  font-size: 11px;
  color: #999999
}

.poi-utprice-point {
  font-size: 15px;
  color: #44BAC6;
  font-family: "Roboto Slab Regular";
}

.poi-ul {
  width: 100%;
  font-size: 0;
  margin-bottom: 10px;
}

.poi-li {
  display: inline-block;
  width: 33.3%;
  vertical-align: top;
  padding-right: 8px;
}

.poi-more {
  margin-top: 5px;
  text-align: right;
  font-size: 12px;
}

.poi-box-card-thmbnl-area {
  height: 90px;
  width: 108px;
}

.poi-box-card-thmbnl {
  height: 90px;
  width: 108px;
  object-fit: contain;
}

.poi-category-label {
  color: #4F4D4D;
  background-color: #FFE878;
  border: 1px solid #FFE878;
  margin-right: 0px;
}

.poi-cate-group-ttl-in {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-weight: bold;
}

.poi-cate-group-ttl-in:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #bea221;
  border-radius: 6px;
}

.poi-cate-group-ttl-in-rec {
  display: block;
  padding-left: 40px;
  font-weight: bold;
  font-size:14px;
}

.poi-cate-group-ttl {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DCDCDC;
  border-top: 1px solid #DCDCDC;
  padding-top:10px;
  padding-bottom:10px;
}

.poi-cate-group-ttl-rec {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 12px;
  padding-top:10px;
  padding-bottom:10px;
  background: url(../img/common/jobta.png) no-repeat 0 10px / 32px 25px;
}

.poi-cate-group-ttl-pick{
  font-size: 16px;
  margin-top: 20px;
  padding-top:20px;
  padding-bottom:15px;
  width: calc(100% + 24px);
  background-color: #FFE878;
  margin-left: -12px;
  text-align: center;
  font-size: 18px;
}

.poi-cate-group-ttl-in {
  display: inline-block;
  position: relative;
  padding-left: 12px;
}

.poi-cate-group-ttl-in:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #FFE878;
  border-radius: 6px;
}

.poi-noimage {
  height: 90px;
  width: 108px;
  border: 1px solid #DCDCDC;
  background-color: #FFFFFF;
}

.poi-li .poi-box-card-thmbnl-area,
.poi-li .poi-noimage {
  margin: 0 auto;
}

.poi-recommend-a .poi-noimage {
  height: 50px;
  width: 60px;
  object-fit: contain;
  margin-right: 8px;
}

.poi-wrapper {
  background-color: #FFE878;
}

.poi-contents-main, .poi-search-cate {
  background-color: #ffffff;
}

.poi-search-cate {
  margin-bottom: 15px;
}

.poi-slider-wrap {
  margin-left: -12px;
  width: calc(100% + 24px);
}

.poi-newarrival {
  display: -webkit-flex;
  display: flex;
  overflow-x: scroll;
  margin-left: -12px;
  padding-bottom: 3px;
  width: calc(100% + 24px);
}

.poi-newarrival-li {
  margin-right: 9px;
  width: 114px;
  min-height: 172px;
}

.poi-newarrival-a {
  display: block;
  position: relative;
  min-height: 172px;
  padding: 8px;
  border: 1px solid #dcdcdc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.poi-newarrival-rwrd-amount {
  position: absolute;
  bottom: 8px;
  right: 8px;
  height: 18px;
}

.poi-newarrival-price-up {
  position: absolute;
  bottom: 25px;
  right: 8px;
  height: 20px;
}

.poi-newarrival .poi-box-card-thmbnl-area {
  margin-bottom: 4px;
  height: 82px;
  width: 98px;
}

.poi-newarrival .poi-noimage {
  margin-bottom: 4px;
  height: 82px;
  width: 96px;
}

.poi-newarrival .poi-box-card-thmbnl {
  height: 82px;
  width: 98px;
}

.poi-newarrival .poi-approval-condition-text {
  line-height: 1.1;
  max-height: 32px;
  height: auto;
}

.poi-newarrival .poi-utprice {
  font-size: 14px;
  letter-spacing: -0.5px;
}

.poi-newarrival .poi-utprice-old {
  font-size: 12px;
  letter-spacing: -0.5px;
}

.poi-newarrival .poi-utprice-point,
.poi-newarrival .poi-utprice-yen {
  font-size: 11px;
}

.poi-newarrival .poi-utprice-or {
  font-size: 10px;
}

.poi-newarrival .poi-add-utprice-text {
  font-size: 14px;
  letter-spacing: -0.5px;
}

.poi-newarrival .poi-add-utprice-balloon {
  top: -1px;
  right: -7px;
  display: inline-block;
  height: 15px;
  width: 42px;
  line-height: 15px;
  padding: 0;
  text-align: center;
}

.poi-newarrival .poi-add-utprice-balloon-edge {
  margin-left: -9px;
}

.poi-newarrival .poi-add-utprice-balloon-edge:before {
  top: -2px;
  border: 3px solid transparent;
  border-right: 4px solid #ffffff;
  right: -9px;
}

.poi-newarrival .poi-add-utprice-balloon-edge:after {
  top: -2px;
  border: 3px solid transparent;
  border-right: 4px solid #ff5a5f;
  right: 42px;
}

.poi-pickup {
  background-color: #FFE878;
  margin-left: -12px;
  text-align: center;
  padding-bottom: 18px;
  overflow-x: scroll;
  display: -webkit-flex;
  display: flex;
  width: calc(100% + 24px);
}
.poi-pickup-li{
  background-color: #ffffff;
  height: 215px;
  width: 141px;
  margin-right: 8px;
  box-shadow: 0px 1px 1px rgb(0 0 1 / 10%);
}

.poi-pickup-a {
  display: block;
  position: relative;
  height: 215px;
  padding: 8px;
}

.poi-pickup .poi-box-card-thmbnl-area {
  height: 125px;
  width: 125px;
}

.poi-pickup .poi-box-card-thmbnl {
  height: 125px;
  width: 125px;
}

.poi-pickup .poi-noimage {
  height: 125px;
  width: 125px;
}

.poi-pickup .poi-approval-condition-area {
  margin-top: 8px;
}

.poi-pickup .poi-approval-condition-text {
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.poi-price-rec {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 25px;
}

.poi-price-rec-top {
  position: absolute;
  top: 2px;
  right: 2px;
}

.poi-price-rec-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 20px;
}

.poi-pickup .poi-price-area {
  position: absolute;
  height: 26px;
  right: 8px;
  bottom: 8px;
}

.poi-pickup .poi-price-area:nth-last-child(2) {
  bottom: 28px;
}

.poi-pickup .poi-price-area:nth-last-child(2)+.poi-price-area:nth-last-child(1) {
  height: 20px;
}

.poi-rec-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 13px;
  font-weight: bold;
  color: #474747;
  width: 100%;
  max-height: 38px;
  line-height: 16px;
  margin-bottom: 4px;
}

.poi-rec-category {
  font-size: 11px;
  color: #999999;
  width: 100%;
  overflow: hidden;
  line-height: 15px;
  margin-top: -5px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  position: absolute;
  bottom: 0;
  left: 0;
}

.poi-box-card-thmbnl-rec-area {
  height: 50px;
  width: 60px;
  margin-right: 8px;
}

.poi-box-card-thmbnl-rec {
  height: 50px;
  width: 60px;
  object-fit: contain;
}

.poi-recommend-li {
  width: 100%;
  vertical-align: top;
  border: 1px solid #DCDCDC;
  box-shadow: 0 1px 0 #dcdcdc;
  height: 66px;
  padding: 7px 8px;
}
.poi-recommend-li + .poi-recommend-li {
  margin-top: 8px;
}

.poi-recommend-a {
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.poi-pointup-tab-btns {
  display: -webkit-flex;
  display: flex;
}

.poi-pointup-tab-btn {
  margin-top: 10px;
  padding-top: 6px;
  width: 100%;
  height: 50px;
  background: #d9d9d9;
  font-size: 13px;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
}

.poi-pointup-tab-btn + .poi-pointup-tab-btn {
  margin-left: 3px;
}

.poi-pointup-tab-btn-selected {
  margin-top: 0;
  padding-top: 11px;
  height: 60px;
  background: #FFE878;
}

.poi-pointup-tab-contents {
  padding-top: 6px;
}

.poi-pointup-tab-content {
  display: none;
}

.poi-pointup-tab-content-selected {
  display: block;
}

.tab-contents-height1 {
  height: 147px;
}

.tab-contents-height2 {
  height: 260px;
}
.tab-contents-height3 {
  height: 373px;
}
.tab-contents-height4 {
  height: 486px;
}
.tab-contents-height5 {
  height: 599px;
}

.poi-pointup-li {
  border-bottom: 1px solid #e6e6e6;
}

.poi-pointup-li a{
  display: -webkit-flex;
  display: flex;
  padding: 6px 0;
}

.poi-pointup-li .poi-box-card-thmbnl-area,
.poi-pointup-li .poi-box-card-thmbnl {
  height: 100px;
  width: 100px;
}

.poi-pointup-li .poi-box-card-thmbnl-area {
  margin-right: 8px;
}

.poi-pointup-li-detail {
  position: relative;
  width: calc(100% - 100px);
}

.poi-pointup-li-txt-top {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 40px;
  line-height: 20px;
  font-size: 13px;
  font-weight: bold;
  color: #474747;
}

.poi-pointup-li-txt-btm {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  padding-top: 2px;
  max-height: 34px;
  line-height: 17px;
  font-size: 11px;
  color: #999999;
  overflow: hidden;
}

.poi-pointup-li-txt-btm .rich-big {
  font-size: 11px;
}

.poi-pointup-li-txt-btm .rich-red {
  color: #999999;
}

.poi-pointup-li-txt-btm b {
  font-weight: normal;
}

.poi-pointup .poi-price-area {
  position: absolute;
  right: 0;
  bottom: -6px;
}

.poi-pointup .poi-add-utprice-balloon {
  right: -3px;
}

.poi-pointup .poi-add-utprice-balloon-edge:before {
  top: -3px;
  right: -53px;
  border-left: 4px solid #ffffff;
  border-right: 4px solid transparent;
}

.poi-pointup .poi-add-utprice-balloon-edge:after {
  top: -3px;
  right: -3px;
  border-left: 4px solid #ff5a5f;
  border-right: 4px solid transparent;
}

.poi-pointup .poi-add-utprice-text {
  margin-right: 2px;
}

.poi-pointup .poi-more {
  margin-top: 10px;
}

.poi-cate-group-ttl-in-repeat::after {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  right: -26px;
  width: 32px;
  height: 32px;
  background: url(../img/common/ic_shopping_01.png) no-repeat center top/ 32px;
}

.poi-repeat-rec-contents {
  position: relative;
  background: linear-gradient(-45deg,#fff 25%,#E0F6F8 25%,#E0F6F8 50%, #fff 50%,#fff 75%,#E0F6F8 75%,#E0F6F8);
  background-size: 30px 30px;
  height: 333px;
  margin-bottom: 16px;
}

.poi-repeat-rec-contents::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 170px;
  background: url(../img/common/bg_illust.png) no-repeat;
  background-size: cover;
}

.poi-repeat-rec-contents:after {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 180px;
  background: url(../img/common/bg_illust.png) no-repeat right;
  background-size: cover;
}

.repeat-bg-ribbon {
  position: absolute;
  top: 11px;
  left: 0px;
  right: 0px;
  height: 48px;
  width: 291px;
  margin: auto;
  z-index: 2;
}

.poi-repeat-rec-contents .poi-ul {
  position: absolute;
  top: 70px;
  text-align: center;
  z-index: 2;
}

.poi-repeat-rec-li {
  display: inline-block;
  height: 246px;
  width: 47%;
  max-width: 150px;
  border: 1px solid #DCDCDC;
  background-color: #fff;
  vertical-align: top;
}

.poi-repeat-rec-li + .poi-repeat-rec-li {
  margin-left: 15px;
}

.poi-repeat-rec-li a {
  position: relative;
  display: block;
  height: 246px;
}

.poi-repeat-rec-li .poi-box-card-thmbnl-area, 
.poi-repeat-rec-li .poi-box-card-thmbnl {
  height: 125px;
  width: 100%;
}

.poi-repeat-rec-li .poi-repeat-ttl-area {
  font-size: 12px;
  margin-top: 6px;
  margin-left: 5px;
  text-align: left;
  max-width: 140px;
  font-weight: bold;
  color: #474747;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.poi-repeat-rec-li .box-cmn-card-status-or {
  color: #999999;
  margin-right: 8px;
}

.poi-repeat-rec-li .poi-price-area {
  position: absolute;
  height: 26px;
  bottom: 6px;
  right: 5px;
}

.poi-repeat-rec-li .poi-add-utprice-balloon-edge {
  margin-right: 9px;
}

@media screen and (max-width: 320px) {
  .poi-repeat-rec-li .poi-add-utprice-balloon-edge {
    margin-right: 2px;
  }
}

.poi-repeat-rec-li .poi-add-utprice-balloon {
  right: -6px;
}

.poi-repeat-rec-li .poi-add-utprice-balloon-edge:before {
  top: -3px;
  right: -56px;
  border-left: 4px solid #ffffff;
  border-right: 4px solid transparent;
}

.poi-repeat-rec-li .poi-add-utprice-balloon-edge:after {
  top: -3px;
  right: -6px;
  border-left: 4px solid #ff5a5f;
  border-right: 4px solid transparent;
}
.poi-repeat-rec-li .poi-price-area:nth-last-child(2) {
  bottom: 25px;
}

.poi-repeat-rec-li .poi-price-area:nth-last-child(2)+.poi-price-area:nth-last-child(1) {
  height: 19px;
}

.poi-repeat-rec-li .poi-price-area:nth-last-child(2) .poi-utprice-yen {
  font-size: 16px;
 }

.poi-repeat-ul {
  width: 100%;
  font-size: 0;
}
.poi-repeat-ul + .poi-repeat-ul {
  margin-top: 20px;
}

.poi-repeat-li .poi-box-card-thmbnl-area, 
.poi-repeat-li .poi-box-card-thmbnl, 
.poi-repeat-li .poi-noimage {
  height: 88px;
  width: 100%;
  max-width: 106px;
}

.poi-repeat-li .poi-approval-condition-area, 
.poi-repeat-li .poi-approval-condition-text {
  height: 18px;
}

.poi-repeat-li .poi-price-area {
  height: 26px;
}

.poi-repeat-li .poi-approval-condition-text {
  display: block;
  font-weight: bold;
  color: #474747;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.poi-repeat-li .poi-price-area:nth-last-child(2)+.poi-price-area:nth-last-child(1) {
  height: 20px;
}

.poi-repeat-ul + .poi-more {
  margin-top: 10px;
}

.poi-cate-group-ttl-in-timesale::after {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  right: -36px;
  width: 32px;
  height: 32px;
  background: url(../img/common/poi_timesale_clock01.png) no-repeat center top/ 32px;
}

.poi-countdown {
  position: relative;
  margin-bottom: 8px;
  width: 100%;
  height: 23px;
  background: #F2F2F2;
  border-radius: 4px;
  overflow: hidden;
}

.poi-countdown-bar {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  transition: all 2s ease 0s;
}

.poi-countdown-timer {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 21px;
  width: 100%;
  height: 23px;
  line-height: 23px;
  font-size: 12px;
  font-family: Roboto Slab;
  font-weight: bold;
  color: #474747;
  background: url(../img/common/poi_timesale_clock02.png) no-repeat 3px center/ 16px;
  box-sizing: border-box;
}

.poi-countdown-day-unit {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}

.poi-timesale-txt-area {
  font-size: 12px;
  width: 100%;
  word-break: break-all;
  overflow: hidden;
  margin-bottom: 6px;
  font-weight: bold;
}

.poi-timesale-txt {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.5em;
  max-height: 3em;
  height: 32px;
  color: #474747;
}

.poi-timesale-top {
  margin-bottom: 15px;
}

.poi-timesale-top a {
  display: -webkit-flex;
  display: flex;
}

.poi-timesale-top .poi-box-card-thmbnl-area,
.poi-timesale-top .poi-box-card-thmbnl {
  height: 130px;
  width: 130px;
}

.poi-timesale-top-detail {
  position: relative;
  padding-left: 9px;
  width: calc(100% - 130px);
}

.poi-timesale-top-detail .poi-countdown-timer {
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  background-position-x: 8%;
}

.poi-timesale-top-detail .poi-countdown-timer:before {
  padding: 0 7%;
  font-size: 12px;
  font-weight: normal;
  content: "残り";
}

.poi-timesale-top-detail .poi-timesale-txt-area {
  margin-bottom: 4px;
  font-size: 14px;
}

.poi-timesale-top-detail .poi-timesale-txt {
  height: 42px;
}

.poi-timesale-top-detail .poi-price-area {
  position: absolute;
  right: 0px;
}

.poi-timesale-top-detail .poi-add-utprice-balloon-edge:before {
  top: -3px;
  right: -59px;
  border-left: 4px solid #ffffff;
  border-right: 4px solid transparent;
}

.poi-timesale-top-detail .poi-add-utprice-balloon-edge:after {
  top: -3px;
  right: -10px;
  border-left: 4px solid #ff5a5f;
  border-right: 4px solid transparent;
}

.poi-timesale-top-detail .poi-add-utprice-text {
  margin-right: 2px;
  margin-left: 6px;
}

.poi-timesale-li .poi-box-card-thmbnl-area,
.poi-timesale-li .poi-box-card-thmbnl,
.poi-timesale-li .poi-noimage {
  height: 100px;
  width: 100px;
}

.poi-timesale-li .poi-box-card-thmbnl-area,
.poi-timesale-li .poi-noimage {
  margin: 0 auto 4px;
}

.poi-timesale-li .poi-timesale-txt-area {
  margin-bottom: 6px;
  font-weight: bold;
}

/* ----------------------------------------------------------
  sns-area
---------------------------------------------------------- */
.poi-sns {
  border-top: 1px solid #DCDCDC;
  margin-top: 20px;
}
.poi-sns-text {
  text-align: center;
  font-size: 12px;
  margin-top: 20px;
}
.poi-sns-links {
margin:10px auto 0;
width:68px;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}

.poi-sns-links-a {
 display: block;
 height:24px;
 width:24px;
}

.poi-sns-instagram {
  background: url(../img/common/ic_sns_Instagram.png) no-repeat;
  background-size: 100%;
  height: 24px;
  width: 24px;
}

.poi-sns-x {
  background: url(../img/common/ic_sns_x.png) no-repeat;
  background-size: 100%;
  height: 24px;
  width: 24px;
}

/* ==========================================================
  worker-poikatsu-guide worker-tentame-guide-area
========================================================== */
.worker-poikatsu-guide {
  margin-top: 10px;
}

.worker-poikatsu-guide a,.worker-tentame-guide-area a {
  font-size: 12px;
}

.tentame-start-work-body .worker-tentame-guide-area {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.worker-read-must {
  background-image: url(../img/common/read_must.png);
  background-size: 100% 100%;
  margin-right: 5px;
  width: 30px;
  height: 18px;
}

/* ==========================================================
  worker-inquery
========================================================== */
.work-inq-area {
  width: unset;
}

/* ==========================================================
  dcard
========================================================== */
.dcard-header {
  border-bottom: 1px solid #dcdcdc;
}

.dcard-header .l-container-sp-header {
  width: 100%;
  height: 51px;
}

.dcard-contents {
  padding: 0;
}

.dcard-contents-wrapper {
  padding: 36px 12px 62px;
}

.dcard-appreciation {
  width: 100%;
  margin-bottom: 24px;
}

.dcard-eyecatch {
  margin-bottom: 22px;
}

.dcard-benefits {
  margin-bottom: 10px;
  width: 260px;
}

.dcard-contents .btn {
  padding: 0 12px;
}

.dcard-contents .btn-cmn {
  width: 100%;
}

.dcard-contents .btn-cmn-in {
  height: 72px;
  box-shadow: 0px 6px 0px 0px #cdaa00;
}

.dcard-contents .btn-cmn-txt {
  line-height: 72px;
  font-size: 24px;
}

.dcard-notifications {
  margin: 30px auto 0;
  padding: 16px 9px;
  width: 100%;
  border: 3px solid #FF5A5F;
}

.dcard-notifications p {
  padding-left: 24px;
  text-indent: -24px;
  font-size: 16px;
}

.dcard-notifications p + p {
  margin-top: 12px;
}

.dcard-notifications-icon {
  margin-right: 4px;
  width: 20px;
  height: 20px;
}

/* ==========================================================
  dcard-description
========================================================== */
.dcard-description-contents {
  padding: 0;
  border-top: 1px solid #dcdcdc;
}

.dcard-description-message {
  margin-bottom: 23px;
  padding: 24px 12px 0;
}

.dcard-description-message-top {
  margin-bottom: 16px;
  width: 100%;
}

.dcard-description-message-middle {
  margin-bottom: 16px;
  width: 77%;
}

.dcard-description-message-bottom {
  width: 74%;
}

.dcard-description-contents .btn {
  padding: 0 12px;
}

.dcard-description-contents .btn-cmn {
  width: 100%;
}

.dcard-description-contents .btn-cmn-in {
  height: 72px;
  box-shadow: 0px 6px 0px 0px #cdaa00;
}

.dcard-description-contents .btn-cmn-txt {
  font-size: 24px;
  line-height: 72px;
}

.dcard-description-contents-wrapper {
  padding: 40px 12px 60px;
}

.dcard-description-howtouse {
  border: 3px solid #44BAC7;
  margin-bottom: 38px;
}

.dcard-description-howtouse-ttl {
  margin-top: 0;
  line-height: 67px;
  font-size: 28px;
}

.dcard-description-contents .dcard-description-howtouse .btn {
  padding: 0 21px;
}

.dcard-description-section-ttl {
  margin-bottom: 19px;
  border-bottom: 2px solid #44BAC7;
  line-height: 28px;
  font-size: 20px;
}

.dcard-description-howtouse-wrapp {
  padding: 31px 0 46px;
}

.dcard-description-section:first-of-type {
  margin: 0 auto 39px;
  padding: 0 21px;
}

.dcard-description-section-img {
  width: 100%;
}

.dcard-description-section:nth-of-type(2) {
  margin-bottom: 24px;
  padding: 0 21px;
}

.dcard-description-section-img {
  width: 100%;
}

.dcard-description-notifications {
  margin: 38px 0 40px;
  border: 3px solid #44BAC7;
}

.dcard-description-notifications-ttl {
  padding-top: 15px;
  height: 105px;
  line-height: 38px;
  font-size: 28px;
  box-sizing: border-box;
}

.dcard-description-notifications-wrapp {
  padding: 28px 21px 46px;
}

.dcard-description-notifications-wrapp p {
  padding-left: 28px;
  text-indent: -28px;
  font-size: 16px;
}

.dcard-description-notifications-wrapp p + p {
  margin-top: 10px;
  margin-bottom: 24px;
}

.dcard-description-notifications-icon {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}

.dcard-description-contents .dcard-description-notifications .btn {
  padding: 0;
}

.dcard-description-contents .dcard-description-notifications .btn-cmn-txt {
  font-size: 20px;
}

.dcard-description-benefits-ttl {
  margin-bottom: 24px;
}

.dcard-description-benefits-section {
  padding: 3px;
  border: 2px solid #e0ded5;
  border-radius: 12px;
}

.dcard-description-benefits-section-ttl {
  padding: 10px 15px;
  height: auto;
  border-bottom: 2px solid #e0ded5;
}

.dcard-description-benefits-section-txt {
  margin-bottom: 10px;
  font-size: 16px;
}

.dcard-description-benefits-section-txt-annotation {
  font-size: 12px;
}

.dcard-description-benefits-section-img {
  margin-bottom: 20px;
}

.dcard-description-benefits-section:last-of-type .dcard-description-benefits-section-img {
  margin-top: 20px;
  padding: 0 15px;
}

.dcard-description-benefits-section-content {
  padding: 10px 15px;
}

.dcard-description-to-detail {
  font-size: 14px;
}

/* ----------------------------------------------------------
  poi-footer-tutorial-modal
---------------------------------------------------------- */

.poi-footer-tutorial-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1044;
}

.poi-footer-tutorial-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(black calc(100% - 48px), transparent 48px);
  opacity: 0.5;
}

.exist-ios-footer .poi-footer-tutorial-bg {
  background: linear-gradient(#000 calc(100% - 96px), transparent calc(100% - 96px), transparent calc(100% - 49px), #000 calc(100% - 49px));
}

.poi-footer-tutorial-balloon {
  position: absolute;
  padding: 18px;
  width: calc(100% - 24px);
  background: #fff;
  border-radius: 8px;
  border: 1px solid #FFD500;
}

.footer-tutorial-balloon-01 {
  display: none;
  right: 0;
  bottom: 84px;
  left: 0;
  margin: auto;
  max-width: 326px;
}

.exist-ios-footer .footer-tutorial-balloon-01 {
  bottom: 132px;
}

.footer-tutorial-balloon-02 {
  display: none;
  bottom: 68px;
  left: 8vw;
  max-width: 274px;
}

.exist-ios-footer .footer-tutorial-balloon-02 {
  bottom: 120px;
}

.poi-footer-tutorial-balloon::after {
  content: '';
  position: absolute;
  box-sizing: border-box;
}

.footer-tutorial-balloon-01::after {
  bottom: -14px;
  right: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  background: linear-gradient(-45deg, #fff 20px, transparent 20px);
  border-right: 1px solid #FFD500;
  border-bottom: 1px solid #FFD500;
}

.footer-tutorial-balloon-02::after {
  left: 20px;
  bottom: -20px;
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #fff 13px, #FFD500 13px, #FFD500 14px, transparent 14px);
  border-left: 1px solid #FFD500;
}

.poi-footer-tutorial-ttl,
.poi-footer-tutorial-txt {
  font-size: 14px;
  font-weight: bold;
}

.poi-footer-tutorial-ttl {
  margin-bottom: 20px;
}

.poi-footer-tutorial-txt {
  margin-bottom: 10px;
}

.poi-footer-tutorial-txt-next {
  font-size: 12px;
  text-align: center;
}

.poi-footer-tutorial-link-wrapp {
  display: none;
  justify-content: space-around;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
}

.exist-ios-footer .poi-footer-tutorial-link-wrapp {
  bottom: 50px;
}

.poi-footer-tutorial-link-wrapp div {
  width: 58px;
  height: 44px;
  border-radius: 50%;
}

.poi-footer-tutorial-link-btn {
  padding-top: 5px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  background: #F5F5F5;
}

/* ----------------------------------------------------------
  poi-tutorial-modal
---------------------------------------------------------- */

.poi-tutorial-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1044;
}

.poi-tutorial-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.5;
}

.poi-tutorial-bnr {
  display: none;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: calc(100% - 96px);
  min-width: 279px;
}

.poi-tutorial-balloon {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  padding: 18px;
  width: calc(100% - 51px);
  background: #fff;
  border-radius: 8px;
  border: 1px solid #FFD500;
}

.tutorial-balloon-01,
.tutorial-balloon-02 {
  display: none;
}

.poi-tutorial-balloon::after {
  content: '';
  position: absolute;
  right: 28px;
  bottom: -20px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  background: linear-gradient(-135deg, #fff 13px, #FFD500 13px, #FFD500 14px, transparent 14px);
  border-right: 1px solid #FFD500;
}

.poi-tutorial-txt {
  font-size: 14px;
  font-weight: bold;
}

.tutorial-balloon-01 .poi-tutorial-txt span {
  display: block;
  font-size: 13px;
  font-weight: normal;
}

.poi-tutorial-txt-top {
  margin-bottom: 1.5em;
}

.poi-tutorial-txt-next {
  margin-top: 12px;
  font-size: 12px;
  text-align: center;
}

.tutorial-balloon-01 .poi-tutorial-txt .poi-tutorial-txt-red {
  display: inline;
  font-weight: bold;
  color: #ff5a5f;
}

/* ==========================================================
  friend-share
========================================================== */

.friend-share-text {
  margin-bottom: 8px;
  font-size: 20px;
}

.friend-share-detail{
  font-size: 14px;
}

.friend-share-area {
  margin: 16px auto 0;
  width: 174px;
}

.friend-share-btn {
  width: 42px;
  height: 42px;
  padding: 5px;
}

.friend-share {
  margin-top: 20px;
 }

/* ==========================================================
  apurihiroba
========================================================== */
.apurihiroba-contents-main {
  padding: 0px 20px 0px;
}