body{
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  }
  a:hover {
    text-decoration: none;
  }
  a {
    text-decoration: none;
  }
  .login-container{
    margin: 10px 0px 5px 0px;
  }
  .error{
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .fixed-list{
    width:100%;
    position:fixed;
    top: 5rem;
    z-index:999;
    display: block;
  }
  .page-scroll{
    height: 60px;
    width:100%;
    background-color: #e0e0e0;
    position:fixed;
    bottom: 0px;
    z-index:999;
    opacity: 0.4 ;
  }
  .page-scroll:hover {
	opacity: 1 ;
  }
  body{
    padding-bottom:80px;
  }
  .site-header{
    transition: .5s;
  }
  .site-header.hide{
      transform: translateY(-100%);
  }
  .load-ing-on{
    display: none;
  }
  .h5-cusutom {
    position: relative;
    padding: 0.1em 0.5em;
    background: -webkit-linear-gradient(to right, rgb(255, 186, 115), transparent);
    background: linear-gradient(to right, rgb(255, 186, 115), transparent);
    color: #545454;
  }
  .adr-block {
    border-bottom: dashed 2px #ffaf58;
    display:none;
  }
  .box{
    border-bottom: solid 1px #CCCCCC;
    margin-bottom: 2px;
  }
/* smartphone */
@media (max-width:  768px) { 
  .cat-list{
  /* display:none; */
  font-size: 0.7rem;
  }
  .spinner-grow{
    margin-left:0.4rem;
    height:3rem;
    width:3rem;
  }

}
 /* tablet .etc */
@media (min-width: 769px) { 
  .cat-list{
  font-size: 0.9rem;
  }
  .spinner-grow{
    margin-left:4rem;
    height:4rem;
    width:4rem;
  }
    .input-sub{
    position: absolute; bottom: 0;
  }
}
@media (min-width: 767px) { 
    .input-sub{
    position: absolute; bottom: 0;
  }
}
/*  .cp_ipradio {
  width: 90%;
  text-align: left;
  }
  .cp_ipradio ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .cp_ipradio .list_item {
    position: relative;
  }
  .cp_ipradio .list_item:hover label {
    color: #00000 ;
  }
  .cp_ipradio .list_item:hover label::before {
    margin-right: 2em;
    border:solid #FFFF55 ;
  }
  .cp_ipradio .option-input {
    display: none;
  }
  .cp_ipradio .option-input:checked + label {
    color: #75A9FF ;
  }
  .cp_ipradio .option-input:checked + label::before {
    margin-right: 2em;
    border: solid #75A9FF  ;
    background: #75A9FF  ;
  }
  .cp_ipradio label {
    display: -webkit-box;
    display: flex;
    padding: 1em 0;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
            transition: all 0.25s linear;
    text-transform: uppercase;
    -webkit-box-align: center;
    align-items: center;
    font-size: 1.5rem;
  }
  .cp_ipradio label::before {
    display: block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.625em;
    content: '';
    -webkit-transition: all 0.25s linear;
            transition: all 0.25s linear;
    border: solid #da3c41;
    border-radius: 50%;
    font-size: 1.5rem;
  }
  .cp_ipradio .option-input:disabled + label {
    cursor: not-allowed;
    color: #b8b7b7;
  }
  .cp_ipradio .option-input:disabled + label::before {
    cursor: not-allowed;
    border: 0.4em solid #b8b7b7;
  }*/