/*
Theme Name: ujp_site_theme
Description: website of UNDER JOB PARTY auction
Theme URI: https://under-job.net/
Author: Kouzou Saika | ZOCOZO DESIGN Inc.
Author URI: https://zocozo.com
Version: 
License: 
License URI: 
*/
@charset "UTF-8";
/* :root css */
:root {
  --light_pink: #fff5fa;
  --light-pink-color: var(--light_pink);
  
  --yellow: #fffe67;
  --yellow-color: var(--yellow);
  
  --white: #fff;
  --white-color: var(--white);
  
  --gray: #666;
  --gray-color: var(--gray);
  
  --dark_brown: #42331a;
  --dark-brown-color: var(--dark_brown);
  
  --dark_light_brown: #67563a;
  --dark-light-brown-color: var(--dark_light_brown);
  
  --wisteria: #9161b6;
  --wisteria-color: var(--wisteria);
  
  --red: #f4233d;
  --red-color: var(--red);
  
  --pastel_red: #ec738b;
  --pastel-red-color: var(--pastel_red);
  
  --pastel_pink: #f3abb9;
  --pastel-pink-color: var(--pastel_pink);
  
  --light_blue: #368ce8; /* link color */
  --light-blue-color: var(--light_blue);
  
  /* contact */
  --light_violet: #caa2e9;
  --light-violet-color: var(--light_violet);
  
  --pastel_blue: #a2ace9;
  --pastel-blue-color: var(--pastel_blue);
  
  --light_gray: #4d4d4d;
  --light-gray-color: var(--light_gray);
  
  /* art detail */
  --light_blue: #368ce8; /* link color */
  --light-blue-color: var(--light_blue);
  
  --light_beige: #ebe5de;
  --light-beige-color: var(--light_beige);
  /* art detail end */
}
/* :root css end */

/* Reset */
body {
  font: 13px/1.231 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 500;
  *font-size: small;
  *font: x-small;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%; /* スマホ用 font拡大 防止 */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin: 0px;
  padding: 0px;
  /* nope long press menu */
  /*
  -webkit-user-drag:none;
   -khtml-user-drag:none;
  -webkit-touch-callout:none;
     -moz-user-select:none;
   -khtml-user-select:none;
  -webkit-user-select:none;
          user-select:none;
  */
  }
  /* html5 block */
  header, section, footer, aside, nav, article, figure, hgroup { 
    display: block;
    margin: 0px;
    padding: 0px;
  }
  div,dl,dt,dd,
  ul,ol,li,h1,h2,h3,h4,h5,h6,
  pre,code,form,fieldset,legend,
  input,textarea,p,blockquote,th,td {
    margin: 0px;
    padding: 0px;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0px;
  }
  img{
    border: none;
    outline: none;
  }
  ul,ol,li {
    list-style: none;
  }

  a {
    text-decoration: none;
    border: none;
    outline: none;
  }
  hr {
    border-top: 1px solid #ccc;
    border-left: none;
    border-right: none;
    border-bottom: none;
    }
    hr.scroll {
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: none;
      margin: 0px;
      padding: 0px;
    }
    hr.clear {
      border-top: 1px solid #fff;
      border-left: none;
      border-right: none;
      border-bottom: none;
      clear: both;
  }
  strong {
    font-weight: normal;
  }
  input,textarea {
  /*Browser rule cancel*/
    border-radius: 0px;
       -moz-appearance: none;
    -webkit-appearance: none;
            appearance: none;
  }
  /*iPhone for "label tag" tap*/
  label {
    cursor: pointer;
  }
  /*iPhone tel*/
  a[href^="tel"]{
    color: inherit;
    text-decoration: none;
  }
  figure {
    cursor: pointer;
}
/* Reset-end */

/* recaptchaプレート */
div.grecaptcha-badge {
  display: none;
}

/* webp変換に伴う表示崩れ対策（ pictureタグ問題 ） */
/*
picture {
  display: inline-block;
  vertical-align: top;
}
*/
/* webp変換に伴う表示崩れ対策（ pictureタグ問題 ）end */

/* hack */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0px; 
  font-size: 0px;	
  clear: both; 
  visibility: hidden;
  color: #fff;
}
.clearfix { display: inline-block; } 
/* Hides from IE Mac */
* html .clearfix {height: 1%; background: #fff;}
/*.clearfix {display:block;}*/
/* End Hack */ /* CSS Document */
/* hack end */