@charset "utf-8";
html, button, input, select, textarea {
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1;/*1.4; */
}
audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
/* img, object, embed, video {
	max-width: 100%;
	height: auto;
	border: none;
} */
img, embed, video {
  max-width: 100%;
  height: auto;
  border: none;
}
.ie6 img {
  width: 100%;
}
a:link, a:active, a:hover, a:visited {
  color: #333;
  outline: 0 none;
  text-decoration: none;
}
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0
}
h1, h2, h3, h4, h5, h6, p {
  margin: 0
}
em {
  font-style: normal;
}
/*
  Reset style
----------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
/* ==========================================================================
   Base css
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
ul li, ol li {
  list-style-type: none;
}
img {
  vertical-align: bottom;
}
a {
  color: inherit;
  text-decoration: none;
}
p, ul li, ol li, dl dt, dl dd {
  line-height: 1.857;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table th, table td {
  padding: 0.5em;
}
input, select {
  vertical-align: middle;
}
/* ==========================================================================
   youtube css
   ========================================================================== */
.youtube-wrapper {
  padding-top: 56.25%;
  position: relative;
}
.youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
}
/* ==========================================================================
   Multi class
   ========================================================================== */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* ----- list ----- */
.ul-disc {
  list-style: disc;
  margin-left: 1.5em;
}
.ul-disc li {
  margin-bottom: .2em;
}
/* box
---------------------------------------------*/
.bx-bg-gray {
  background-color: #efefef;
}
.bx-bg-light-gray {
  background-color: #f7f7f7;
}
.bx-bg-white {
  background-color: #ffffff;
}
.bx-border-top-white {
  border-top: solid 1px #ffffff;
}
.bx-border-btm-gray {
  border-bottom: solid 2px #dbdbdb;
}
.bx-shadow {
  background-image: url(/pabron/common/images/bg_box_01.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto;
}
/* font-size
---------------------------------------------*/
.large {
  font-size: 107.14%;/* 14px*107.14 = 15px */
}
.small {
  font-size: 85.71%;/* 14px*85.71 = 12px */
}
.xsmall {
  font-size: 71.42%;/* 14px*71.42 = 10px */
}