@charset "shift-jis";

/* ==================================================
common.css
================================================== */

/* Groval -----------------------------------------*/
.main-content * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

/* Header -----------------------------------------*/
.sub_menu_top {}
.sub_menu_top .wrapper {
  position: relative;
  /*height: 20px;*/
}
.sub_menu_top .wrapper .height0 {
  height: 0;
}
.menu_hide {
  padding: 0 !important;
}

/*Member Menu*/
.member_menu {
  position: absolute;
  top: -7px;
  right: 0;
}
.member_menu:after {
  content: "";
  clear: both;
  display: block;
}
.member_menu li {
  float: left;
  position: relative;
  text-align: center;
  margin: 0 0 0 5px;
}
.menu_hide .member_menu {
  top: 0px !important;
}

/*Button Signup*/
.signup {}
.menu_hide .signup {
  top: 1px;
}
.signup a {
  display: block;
  width: 110px;
  height: 28px;
  background: #fff;
  font-size: 13px;
  padding: 9px 0 0;
  margin: 0 !important;
  border: solid 1px #B1B1B1;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottom-left: 5px;
  -moz-border-radius-bottom-right: 5px;
}
.menu_hide .signup a {
  height: 27px;
}
.signup a span {
  display: inline-block;
  background: transparent url(/files/user/img/common/ico_signup.png) left center no-repeat;
  background-size: 16px 16px;
  color: #333 !important;
  padding: 1px 0 0 20px;
}
.signup a:hover {
  text-decoration: none;
  opacity: 0.85;
}

/*Button Login*/
.login {}
.login a {
  display: block;
  width: 110px;
  height: 28px;
  background: #E85E1E;
  font-size: 13px;
  padding: 10px 0 0;
  margin: 0 !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottom-left: 5px;
  -moz-border-radius-bottom-right: 5px;
}
.login a span {
  display: inline-block;
  background: transparent url(/files/user/img/common/ico_login.png) left center no-repeat;
  background-size: 16px 16px;
  color: #fff !important;
  padding: 1px 0 0 20px;
}
.login a:hover {
  text-decoration: none;
  opacity: 0.85;
}

/*Button Logout*/
.logout {
  cursor: pointer;
}
.logout a {
  display: block;
  width: 110px;
  height: 28px;
  background: #fff;
  font-size: 13px;
  padding: 10px 0 0;
  margin: 0 !important;
  border: solid 1px #B1B1B1;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottom-left: 5px;
  -moz-border-radius-bottom-right: 5px;
}
.logout a span {
  display: inline-block;
  background: transparent url(/files/user/img/common/ico_logout.png) left top no-repeat;
  background-size: 16px 16px;
  color: #333 !important;
  padding: 1px 0 0 20px;
}
.logout a:hover {
  text-decoration: none;
  opacity: 0.85;
}



/*Breadcrumb*/
#breadcrumb {
  width: 950px;
  margin: 20px auto 10px;
}

/*Contents*/
.main-content {
  min-height: 200px;
}
.main-content h1 {
  position: relative;
  width: 950px;
  color: #333;
  font-size: 36px;
  font-weight: normal;
  padding: 10px 0;
  margin: 0 auto 10px;
  line-height: 1.25em;
}
.main-content h1 strong {
  display: inline;
  position: absolute;
  top: 10px;
  left: 140px;
  color: #555;
  font-size: 15px;
  font-weight: bold;
  padding: 0 0 0 20px;
  margin: 0 15px;
  border-left: dotted 1px #ccc;
}
.main-content h1 span {
  position: absolute;
  top: 23px;
  right: 0;
  background: url(/files/user/img/product/icon_arrow.png) left 3px no-repeat;
  background-size: 10px 10px;
  font-size: 12px;
  line-height: 1.4em;
  padding: 0 0 0 10px;
}
.main-content h1 a {
  color: #333;
}
.main-content .catch {
  width: 950px;
  margin: 0 auto 20px;
}
.main-content .inner {
  width: 950px;
  margin: 0 auto 50px;
}
.main-content .inner:after {
  content: "";
  clear: both;
  display: block;
}

.main-content .headlines {
  clear: both;
  position: relative;
  color: #333;
  font-size: 22px;
  line-height: 1.5em;
  margin: 0 0 10px;
}
.main-content .headlines span {
  position: absolute;
  top: 10px;
  right: 0;
  background: url(/files/user/img/product/icon_arrow.png) left center no-repeat;
  background-size: 10px 10px;
  font-size: 12px;
  line-height: 1.4em;
  padding: 0 0 0 10px;
}
.main-content .headlines span a {
  color: #333;
}

.main-content .sublines {
  font-size: 24px;
  margin: 0 0 15px;
}



/*Content Radius*/
.main-content .radius {
  background: #fff;
  box-shadow: 0px 1px 2px 1px rgba(204,204,204,0.1);
  padding: 30px 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.main-content .radius1 {
  background: #fff;
  box-shadow: 0px 1px 2px 1px rgba(204,204,204,0.1);
  padding: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.main-content .radius2 {
  background: #fff;
  box-shadow: 0px 1px 2px 1px rgba(204,204,204,0.1);
  padding: 30px 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.main-content .radius3 {
  background: #fff;
  box-shadow: 0px 1px 2px 1px rgba(204,204,204,0.1);
  padding: 20px 0 30px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.main-content .radius4 {
  padding: 0;
  margin: 0;
}
.main-content .radius5 {
  background: #fff;
  box-shadow: 0px 1px 2px 1px rgba(204,204,204,0.1);
  padding: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

/*NaviPager*/
.main-content .navi_pager {
  clear: both;
  overflow: hidden;
}
.main-content .navi_pager ul {
  position: relative;
  left: 50%;
  float: left;
  margin: 0 auto 30px;
}
.main-content .navi_pager ul:after {
  content: "";
  clear: both;
  display: block;
}
.main-content .navi_pager li {
  position: relative;
  left: -50%;
  float: left;
}
.main-content .navi_pager li a {
  display: block;
  background: #fff;
  color: #333;
  padding: 3px 10px;
  margin: 0 10px;
  border: solid 1px #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.main-content .navi_pager li a:hover {
  text-decoration: none;
}
.main-content .navi_pager li a:not(.current):hover {
  border-color: #ED720A;
  color: #ED720A;
}
.main-content .navi_pager li a.current {
  background: #ED720A;
  color: #fff;
  border: solid 1px #ED720A;
}

.main-content .navi_pager .prev {
  padding-right: 7px;
  padding-left: 2px;
}
.main-content .navi_pager .next {
  padding-right: 2px;
  padding-left: 7px;
}
.main-content .navi_pager .prev .icon-left-dir,
.main-content .navi_pager .prev .icon-left-dir::before,
.main-content .navi_pager .next .icon-right-dir,
.main-content .navi_pager .next .icon-right-dir::before {
  margin: 0 2px;
  color: #888;
  font-size: 12px;
}
.main-content .navi_pager a:hover .icon-left-dir::before,
.main-content .navi_pager a:hover .icon-right-dir::before {
  color: #ED720A;
}

.fixed {
  position: fixed;
  width: 100%;
}
.clear {
  clear: both;
}
.block {
  display: block !important;
}
.none {
  display: none !important;
}
/*
.line {
  border-bottom: solid 1px #DCDCDC;
  padding: 0 0 30px;
  margin: 0 auto 30px !important;
}
*/
.tcenter {
  text-align: center !important;
}

/*Text Links*/
.link {
  position: relative;
  display: inline-block;
  color: #333;
  padding: 0 0 0 15px;
}
.link:before {
  display: block;
  position: absolute;
  content: ">";
  top: 0;
  left: 0;
  font-size: 12px;
}

.link2 {
  position: relative;
  color: #333;
  margin: 0 0 15px;
}
.link2 a {
  display: inline-block;
  position: relative;
  padding: 0 0 0 15px;
}
.link2 a:before {
  content: '';
  display: block;
  position: absolute;
  top: 45%;
  left: 0;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border: 0px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*Doropdowns CustomStyle*/
select {
  vertical-align: middle !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 !important;
  margin: 0 !important;
}
select::-ms-expand {
    display: none;
}

/*ProductSearch Dropdown*/
.dropdown {
  display: inline-block;
  /*
  width: 240px;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  border: solid 1px #D0D0D0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  */
}
.custom_select {
  width: 238px;
  height: 38px;
  background: #fff url(/files/user/resource/pic/ico_select_01.png) right 5px center no-repeat;
  background-size: 16px 10px;
  font-size: 14px;
  padding: 8px 10px 8px;
  margin: 0;
  border: solid 1px #D0D0D0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
}
  /*ChromeHack*/
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    .custom_select {

    }
  }

/*RegistrationForm Dropdown*/
.dropdown2 {
  display: block;
  width: 275px;
  height: 38px;
  border: solid 1px #D0D0D0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  overflow: hidden;
  cursor: pointer;
}
.custom_select2 {
  position: relative;
  top: -2px;
  left: -2px;
  height: 40px;
  width: 290px;
  background: #fff url(/files/user/resource/pic/ico_select_01.png) right 20px center no-repeat;
  background-size: 16px 10px;
  font-size: 14px;
  border: none !important;
  padding: 8px 10px 8px !important;
  cursor: pointer;
}

/*Checkbox CustomStyle*/
.checkbox li {
  display: inline-block;
  position: relative;
}
.checkbox input {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0 !important;
}
.checkbox input[type="checkbox"] + label {
  display: block;
  background: transparent url(/files/user/resource/pic/ico_check_off_01.png) left top no-repeat;
  background-size: 15px;
  padding: 0 0 0 22px;
  line-height: 1.2em;
}
.checkbox input[type="checkbox"]:checked + label {
  background: transparent url(/files/user/resource/pic/ico_check_on_01.png) left top no-repeat;
  background-size: 15px;
}

/*Radio CustomStyle*/
.radio li {
  display: inline-block;
  position: relative;
}
.radio input {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.radio input[type="radio"] + label {
  display: block;
  background: transparent url(/files/user/resource/pic/ico_radio_off_01.png) left 1px no-repeat;
  background-size: 16px;
  padding: 0 0 0 22px;
  line-height: 1.5em;
}
.radio input[type="radio"]:checked + label {
  background: transparent url(/files/user/resource/pic/ico_radio_on_01.png) left 1px no-repeat;
  background-size: 16px;
}



/* Buttons ----------------------------------------*/
.btn {
  display: block;
  text-align: center;
}
.btn a,
.btn button,
.btn input[type="button"],
.btn input[type="submit"] {
  display: inline-block;
  height: 45px;
  font-size: 14px;
  font-weight: normal;
  padding: 12px 70px;
  margin: 0 auto;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
}
.btn a:hover,
.btn button:hover,
.btn submit:hover {
  /*
  text-decoration: none;
  opacity: 0.85;
  */
}

/*Button (default)*/
.btn-basic {
  background: #eb5e01;
  color: #fff !important;
  border: solid 1px #eb5e01;
}
.btn-basic:hover {
  text-decoration: none;
  opacity: 0.85 !important;
}

/*Button (Gray)*/
.btn-basic-gray {
  background: #aaa;
  color: #fff !important;
  border: solid 1px #aaa;
}
.btn-basic-gray:hover {
  text-decoration: none;
  opacity: 0.85 !important;
}

/*Btn (Transparent)*/
.btn-basic-transparent {
  background: transparent;
  color: #666464 !important;
  border: solid 1px #B5B5B5;
}
.btn-basic-transparent:hover {
  text-decoration: none;
  opacity: 0.85 !important;
}

/*Button Area*/
.btn-area {
  overflow: hidden;
}
.btn-area ul {
  position: relative;
  left: 50%;
  float: left;
}
.btn-area ul:after {
  content: "";
  clear: both;
  display: block;
}
.btn-area li {
  position: relative;
  left: -50%;
  float: left;
  margin: 0 10px 0;
}

/*Overlay display*/
#overlay {
  /**/z-index: 100;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(170,170,170,0.6);
  text-align: center;
}

/*Modal display*/
.modal {
  /**/z-index: 1000;
  display: none;
  position: fixed;
  top: 30%;
  left: 0;
  right: 0;
  width: 500px;
  height: auto;
  background: #fff;
  text-align: center;
  padding: 10px 10px 50px;
  margin: 0 auto;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 1px 2px 1px rgba(204,204,204,0.1);
}
.modal .modal_close {
  position: relative;
  font-size: 13px;
  line-height: 13px;
  text-align: right;
  padding: 0;
  margin: 0 0 20px;
}
.modal .modal_close span {
  display: inline-block;
  cursor: pointer;
}
.modal .modal_close span img {
  width: 15px;
  height: 15px;
  margin: 0 0 0 3px;
}
/*
.modal .modal_close span:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: -4px;
  font-size: 18px;
  font-weight: bold;
}
*/

.modal .message {
  display: none;
  position: relative;
  overflow: hidden;
}
.modal ul {
  position: relative;
  left: 50%;
  float: left;
  margin: 30px auto 0;
}
.modal ul:after {
  content: "";
  clear: both;
  display: block;
}
.modal ul li {
  position: relative;
  left: -50%;
  float: left;
  text-align: center;
}
.modal ul li.btn {
  width: 200px !important;
}
.modal ul li.btn a {
  height: 30px !important;
  padding: 12px 60px 0;
}

.modal #message1,
.modal #message3,
.modal #message4,
.modal #message5 {
  padding: 40px 0 0;
}





/* ==================================================
PC
================================================== */
@media only screen and (min-width: 768px){

  .pc {
    display: block !important;
  }
  .sp {
    display: none !important;
  }

}





/* ==================================================
Smartphone
================================================== */
@media only screen and (max-width: 767px){

input[type="submit"] {
  -webkit-appearance: none;
}

  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }

  /*Member Menu*/
  .member_menu {
    position: relative;
    top: 0;
    left: 0;
    height: 35px;
    padding: 6px 6px 5px;
    margin: 0;
    border-bottom: solid 1px #D0D0D0;
  }
  .member_menu li {
    width: 100%;
    margin: 0;
  }

  /*Button Signup*/
  .signup {
    top: 0;
    width: 49% !important;
  }
  .menu_hide .signup {
    top: 0;
  }
  .signup a {
    display: block;
    width: auto;
    height: 24px;
    font-size: 12px;
    padding: 8px 0 0px;
    border: solid 1px #B1B1B1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
  .menu_hide .signup a {
    height: 24px;
  }
  .signup a:active {
    text-decoration: none;
    opacity: 0.85;
  }

  /*Button Login*/
  .login {
    width: 49% !important;
    margin: 0 0 0 2% !important;
  }
  .login a {
    display: block;
    width: auto;
    height: 24px;
    font-size: 12px;
    padding: 9px 0 1px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
  .login a:active {
    text-decoration: none;
    opacity: 0.85;
  }

  /*Button Logout*/
  .logout {
    position: relative;
    top: -1px;
    cursor: pointer;
  }
  .logout a {
    display: block;
    width: auto;
    height: 24px;
    font-size: 12px;
    padding: 9px 0 1px;
    border: solid 1px #B1B1B1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
  }
  .logout a:active {
    text-decoration: none;
    opacity: 0.85;
  }



  /*Breadcrumb*/
  #breadcrumb {
    width: auto;
    margin: 10px 10px 20px;
  }
  #breadcrumb ul {}
  #breadcrumb li {
    font-size: 11px;
    margin: 0 5px 0 0;
  }
  #breadcrumb li a {
    font-size: 11px;
    padding: 0 10px 0 0;
  }
  #breadcrumb li a:after {
    top: 4px;
  }

  /*Contents*/
  .main-content h1 {
    width: 100%;
    font-size: 24px;
    font-weight: normal;
    padding: 15px 10px 0;
    margin: 0 auto 10px;
  }
  .main-content h1 span {
    top: 6px;
    right: 10px;
  }
  .main-content .catch {
    width: 100%;
    font-size: 12px;
    line-height: 1.4em;
    padding: 0 10px 15px;
    margin: 0;
  }
  .main-content .inner {
    width: auto;
    margin: 0 auto 60px;
  }



  .main-content .headlines {
    font-size: 15px;
    margin: 0 10px 10px !important;
  }
  .main-content .headlines span {
    top: 5px;
    font-size: 11px;
    font-weight: normal;
  }

  .main-content .sublines {
    color: #555;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.25em;
    margin: 0 10px 10px;
  }

  /**/
  .main-content .radius {
    box-shadow: 1px 1px 2px 0px rgba(204,204,204,0.1);
    border-top: solid 1px #E6E6E6;
    border-bottom: solid 1px #E6E6E6;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
  }
  .main-content .radius1 {
    padding: 15px 0 0;
    margin: 0 10px 60px;
    box-shadow: 1px 1px 2px 0px rgba(204,204,204,0.1);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
  .main-content .radius2,
  .main-content .radius4 {
    background: #fff;
    padding: 15px 1px 20px;
    margin: 0 10px 60px;
    box-shadow: 1px 1px 2px 0px rgba(204,204,204,0.1);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
  .main-content .radius3 {
    background: none;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
  .main-content .radius5 {
    background: none;
    box-shadow: 1px 1px 2px 0px rgba(204,204,204,0.1);
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }

  /**/
  .main-content .navi_pager {
    margin: 0;
  }
  .main-content .navi_pager li a {
    padding: 2px 10px;
    margin: 0 2px;
  }

  /**/
  .link {
    font-size: 12px;
  }
  .link:before {
    font-size: 10px;
  }
  /**/
  .link2 {
    font-size: 13px;
    text-align: center;
  }

  /*Dropdowns CustomStyle*/
  .dropdown,
  .dropdown2 {
    width: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }

  .custom_select2:focus,
  .custom_select:focus {
      outline: 0;
  }

  /*ProductSearch Dropdown*/
  .custom_select {
    width: 100%;
    background: #fff url(/files/user/resource/pic/ico_select_01.png) right 3% center no-repeat;
    background-size: 16px 10px;
    font-size: 12px !important;
    padding: 10px 5px 7px 10px;
    margin: 0 10px 0 0 !important;
    cursor: pointer;
  }

  /*RegistrationForms Dropdown*/
  .custom_select2 {
    width: 105%;
    background: #fff url(/files/user/resource/pic/ico_select_01.png) right 7% center no-repeat;
    background-size: 16px 10px;
    font-size: 13px;
    border: none;
    padding: 9px 5px 9px 10px;
  }
  .edit .custom_select2 {
    height: 36px;
    width: 107%;
    background: #fff url(/files/user/resource/pic/ico_select_01.png) right 7% center no-repeat;
    background-size: 16px 10px;
    font-size: 13px;
    border: none;
    padding: 9px 5px 9px;
  }
/*
  .line {
    padding: 0 0 20px;
    margin: 0 auto 20px !important;
  }
*/
  /*Checkbox CustomStyle*/
  .checkbox li {}
  .checkbox input {}
  .checkbox input[type="checkbox"] + label {
    background: transparent url(/files/user/resource/pic/ico_check_off_01.png) left top no-repeat;
    background-size: 15px;
    padding: 0 0 0 20px;
    line-height: 1.4em;
  }
  .checkbox input[type="checkbox"]:checked + label {
    background: transparent url(/files/user/resource/pic/ico_check_on_01.png) left top no-repeat;
    background-size: 15px;
  }

  /*Radio CustomStyle*/
  .radio li {}
  .radio input {}
  .radio input[type="radio"] + label {
    background: transparent url(/files/user/resource/pic/ico_radio_off_01.png) left 1px no-repeat;
    background-size: 16px;
    padding: 0 0 0 20px;
    line-height: 1.6em;
  }
  .radio input[type="radio"]:checked + label {
    background: transparent url(/files/user/resource/pic/ico_radio_on_01.png) left 1px no-repeat;
    background-size: 16px;
  }


  /* Buttons ----------------------------------------*/
  .btn a,
  .btn button,
  .btn input[type="submit"] {
    width: auto;
    display: inline-block;
    font-size: 13px;
    padding: 12px 60px;
    margin: 0;
  }

  .btn-basic {
    width: 100%;
  }
  .btn-basic-transparent {
    width: 100%;
    max-width: 240px;
  }
  .btn-basic-transparent span {
    font-size: 10px;
  }

  /*Button Area*/
  .btn-area {}
  .btn-area ul {
    position: relative;
    left: 50%;
    float: left;
  }
  .btn-area li {
    margin: 0 5px;
  }
  .btn-area li a,
  .btn-area input[type="button"],
  .btn input[type="submit"] {
    padding: 12px 20px;
    margin: 0;
  }

  /*Overlay display*/
  #overlay {
    /*transform: translate3d(0,0,1px);for Front Android*/
  }

  /*Modal display*/
  .modal {
    /*transform: translate3d(0,0,2px);for Back Android*/
    top: 50px;
    left: 10px;
    right: 10px;
    width: auto;
    padding: 10px 10px 30px;
  }
  .modal .modal_close {}
  .modal .modal_close span {
    font-size: 12px;
  }
  .modal .modal_close span:after {
    top: -5px;
  }

  .modal .message {}
  .modal p {
    font-size: 12px;
    margin: 0 20px;
  }
  .modal ul {
    margin: 30px auto 0;
  }
  .modal ul li {
    float: left;
    width: 50%;
  }
  .modal ul li.btn {
    width: 140px !important;
  }
  .modal ul li.btn a {
    height: 30px;
    padding: 12px 32px 0;
  }

  .modal #message1,
  .modal #message3,
  .modal #message4,
  .modal #message5 {
    padding: 30px 0 0;
  }


}

/*20170424*/
@media only screen and (min-width: 768px){
	#breadcrumb ul {
		width: 700px;
		margin-right: auto;
	}
}
@media only screen and (max-width: 767px) {
    .modal {
        top: 50%;
        transform: translate(0,-50%);
    }
}

/* 201807ヘッダフッタ変更調整対応 */
.sub_menu_top {
  border-top: 1px solid #eee;
}
@media only screen and (max-width: 767px) {
  .sub_menu_top {
    display: none;
  }
}
.for_member .arrow {
    width: auto;
    height: auto;
    position: relative;
    top: 0;
    border: 0;
}

/* margin  */
.m0{margin:0!important;}.m5{margin: 5px!important;}.m10{margin: 10px!important;}.m15{margin: 15px!important;}.m20{margin: 20px!important;}.m25{margin: 25px!important;}.m30{margin: 30px!important;}.m35{margin: 35px!important;}.m40{margin: 40px!important;}.m45{margin: 45px!important;}.m50{margin: 50px!important;}.m55{margin: 55px!important;}.m60{margin: 60px!important;}.m65{margin: 65px!important;}.m70{margin: 70px!important;}.m75{margin: 75px!important;}.m80{margin: 80px!important;}.m85{margin: 85px!important;}.m90{margin: 90px!important;}.m95{margin: 95px!important;}.m100{margin: 100px!important;}/* margin-top */.mt-5{margin-top: -5px!important;}.mt-10{margin-top: -10px!important;}.mt-15{margin-top: -15px!important;}.mt-20{margin-top: -20px!important;}.mt-25{margin-top: -25px!important;}.mt-30{margin-top: -30px!important;}.mt-35{margin-top: -35px!important;}.mt-40{margin-top: -40px!important;}.mt-45{margin-top: -45px!important;}.mt-50{margin-top: -50px!important;}.mt-55{margin-top: -55px!important;}.mt-60{margin-top: -60px!important;}.mt-65{margin-top: -65px!important;}.mt-70{margin-top: -70px!important;}.mt-75{margin-top: -75px!important;}.mt-80{margin-top: -80px!important;}.mt-85{margin-top: -85px!important;}.mt-90{margin-top: -90px!important;}.mt-95{margin-top: -95px!important;}.mt-100{margin-top: -100px!important;}.mt0{margin-top:0!important;}.mt5{margin-top: 5px!important;}.mt10{margin-top: 10px!important;}.mt15{margin-top: 15px!important;}.mt20{margin-top: 20px!important;}.mt25{margin-top: 25px!important;}.mt30{margin-top: 30px!important;}.mt35{margin-top: 35px!important;}.mt40{margin-top: 40px!important;}.mt45{margin-top: 45px!important;}.mt50{margin-top: 50px!important;}.mt55{margin-top: 55px!important;}.mt60{margin-top: 60px!important;}.mt65{margin-top: 65px!important;}.mt70{margin-top: 70px!important;}.mt75{margin-top: 75px!important;}.mt80{margin-top: 80px!important;}.mt85{margin-top: 85px!important;}.mt90{margin-top: 90px!important;}.mt95{margin-top: 95px!important;}.mt100{margin-top: 100px!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 5px!important;}.mr10{margin-right: 10px!important;}.mr15{margin-right: 15px!important;}.mr20{margin-right: 20px!important;}.mr25{margin-right: 25px!important;}.mr30{margin-right: 30px!important;}.mr35{margin-right: 35px!important;}.mr40{margin-right: 40px!important;}.mr45{margin-right: 45px!important;}.mr50{margin-right: 50px!important;}.mr55{margin-right: 55px!important;}.mr60{margin-right: 60px!important;}.mr65{margin-right: 65px!important;}.mr70{margin-right: 70px!important;}.mr75{margin-right: 75px!important;}.mr80{margin-right: 80px!important;}.mr85{margin-right: 85px!important;}.mr90{margin-right: 90px!important;}.mr95{margin-right: 95px!important;}.mr100{margin-right: 100px!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 5px!important;}.mb10{margin-bottom: 10px!important;}.mb15{margin-bottom: 15px!important;}.mb20{margin-bottom: 20px!important;}.mb25{margin-bottom: 25px!important;}.mb30{margin-bottom: 30px!important;}.mb35{margin-bottom: 35px!important;}.mb40{margin-bottom: 40px!important;}.mb45{margin-bottom: 45px!important;}.mb50{margin-bottom: 50px!important;}.mb55{margin-bottom: 55px!important;}.mb60{margin-bottom: 60px!important;}.mb65{margin-bottom: 65px!important;}.mb70{margin-bottom: 70px!important;}.mb75{margin-bottom: 75px!important;}.mb80{margin-bottom: 80px!important;}.mb85{margin-bottom: 85px!important;}.mb90{margin-bottom: 90px!important;}.mb95{margin-bottom: 95px!important;}.mb100{margin-bottom: 100px!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;}.ml15{margin-left: 15px!important;}.ml20{margin-left: 20px!important;}.ml25{margin-left: 25px!important;}.ml30{margin-left: 30px!important;}.ml35{margin-left: 35px!important;}.ml40{margin-left: 40px!important;}.ml45{margin-left: 45px!important;}.ml50{margin-left: 50px!important;}.ml55{margin-left: 55px!important;}.ml60{margin-left: 60px!important;}.ml65{margin-left: 65px!important;}.ml70{margin-left: 70px!important;}.ml75{margin-left: 75px!important;}.ml80{margin-left: 80px!important;}.ml85{margin-left: 85px!important;}.ml90{margin-left: 90px!important;}.ml95{margin-left: 95px!important;}.ml100{margin-left: 100px!important;}
/* padding */.p0{padding:0!important;}.p5{padding: 5px!important;}.p10{padding: 10px!important;}.p15{padding: 15px!important;}.p20{padding: 20px!important;}.p25{padding: 25px!important;}.p30{padding: 30px!important;}.p35{padding: 35px!important;}.p40{padding: 40px!important;}.p45{padding: 45px!important;}.p50{padding: 50px!important;}.p55{padding: 55px!important;}.p60{padding: 60px!important;}.p65{padding: 65px!important;}.p70{padding: 70px!important;}.p75{padding: 75px!important;}.p80{padding: 80px!important;}.p85{padding: 85px!important;}.p90{padding: 90px!important;}.p95{padding: 95px!important;}.p100{padding: 100px!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 5px!important;}.pt10{padding-top: 10px!important;}.pt15{padding-top: 15px!important;}.pt20{padding-top: 20px!important;}.pt25{padding-top: 25px!important;}.pt30{padding-top: 30px!important;}.pt35{padding-top: 35px!important;}.pt40{padding-top: 40px!important;}.pt45{padding-top: 45px!important;}.pt50{padding-top: 50px!important;}.pt55{padding-top: 55px!important;}.pt60{padding-top: 60px!important;}.pt65{padding-top: 65px!important;}.pt70{padding-top: 70px!important;}.pt75{padding-top: 75px!important;}.pt80{padding-top: 80px!important;}.pt85{padding-top: 85px!important;}.pt90{padding-top: 90px!important;}.pt95{padding-top: 95px!important;}.pt100{padding-top: 100px!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 5px!important;}.pr10{padding-right: 10px!important;}.pr15{padding-right: 15px!important;}.pr20{padding-right: 20px!important;}.pr25{padding-right: 25px!important;}.pr30{padding-right: 30px!important;}.pr35{padding-right: 35px!important;}.pr40{padding-right: 40px!important;}.pr45{padding-right: 45px!important;}.pr50{padding-right: 50px!important;}.pr55{padding-right: 55px!important;}.pr60{padding-right: 60px!important;}.pr65{padding-right: 65px!important;}.pr70{padding-right: 70px!important;}.pr75{padding-right: 75px!important;}.pr80{padding-right: 80px!important;}.pr85{padding-right: 85px!important;}.pr90{padding-right: 90px!important;}.pr95{padding-right: 95px!important;}.pr100{padding-right: 100px!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 5px!important;}.pb10{padding-bottom: 10px!important;}.pb15{padding-bottom: 15px!important;}.pb20{padding-bottom: 20px!important;}.pb25{padding-bottom: 25px!important;}.pb30{padding-bottom: 30px!important;}.pb35{padding-bottom: 35px!important;}.pb40{padding-bottom: 40px!important;}.pb45{padding-bottom: 45px!important;}.pb50{padding-bottom: 50px!important;}.pb55{padding-bottom: 55px!important;}.pb60{padding-bottom: 60px!important;}.pb65{padding-bottom: 65px!important;}.pb70{padding-bottom: 70px!important;}.pb75{padding-bottom: 75px!important;}.pb80{padding-bottom: 80px!important;}.pb85{padding-bottom: 85px!important;}.pb90{padding-bottom: 90px!important;}.pb95{padding-bottom: 95px!important;}.pb100{padding-bottom: 100px!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 5px!important;}.pl10{padding-left: 10px!important;}.pl15{padding-left: 15px!important;}.pl20{padding-left: 20px!important;}.pl25{padding-left: 25px!important;}.pl30{padding-left: 30px!important;}.pl35{padding-left: 35px!important;}.pl40{padding-left: 40px!important;}.pl45{padding-left: 45px!important;}.pl50{padding-left: 50px!important;}.pl55{padding-left: 55px!important;}.pl60{padding-left: 60px!important;}.pl65{padding-left: 65px!important;}.pl70{padding-left: 70px!important;}.pl75{padding-left: 75px!important;}.pl80{padding-left: 80px!important;}.pl85{padding-left: 85px!important;}.pl90{padding-left: 90px!important;}.pl95{padding-left: 95px!important;}.pl100{padding-left: 100px!important;}
.mlrauto{margin-left: auto; margin-right: auto;}

@media only screen and (max-width: 767px) {
  #overlay {
    z-index: 9999;
  }
  .modal, .gridder-modal {
    z-index: 10000 !important;
  }
}
.header_logout {
  cursor: pointer;
}
@media only screen and (min-width: 768px){
  .header_logout {
    display: none;
  }
}
.fixed {
  overflow-x: visible;
  overflow-y: visible;
}
html {
    background-color: transparent;
}
@media only screen and (max-width: 767px) {
  #footer .wrapper {
    padding: 0 10px;
  }
  .wrapper.pagetop_wrap {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  #breadcrumb {
    display: none;
  }
	#js_nav_breadcrumb{
		display: block;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
}
#tmp-error {
  line-height: 1.4;
}
@media only screen and (min-width: 768px){
	#page_notfound {
    	width: 950px;
	}
}
@media only screen and (max-width: 767px) {
	#page_notfound {
    	width: 100%;
	}
}

.err_block {
  width: inherit !important;
}