@charset "UTF-8";


/* ---------------------------------------------------------
 * module
** --------------------------------------------------------- */
* {
  box-sizing: border-box;
}

input,
iframe,
img {
  vertical-align: middle;
  max-width: 100%;
}


/* -------------------- rollover -------------------- */
.rollover {
  cursor: pointer;
  -moz-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.rollover:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);        /* ie 6 7 */
  -ms-filter: "alpha(opacity=70)";  /* ie 8 */
}


/* -------------------- box style -------------------- */
.hide   { display: none !important; }

.block  { display: block; }
.inline { display: inline; }

.sp_img    { display: none !important; }
.sp_block  { display: none !important; }
.sp_inline { display: none !important; }
.sp_table  { display: none !important; }

@media (max-width: 767px) {
  .pc        { display: none !important; }
  .sp_img    { display: inline-block !important; }
  .sp_block  { display: block !important; }
  .sp_inline { display: inline !important; }
  .sp_table  { display: table !important; }
}

.w100{width: 100% !important;}
.w90{width: 90% !important;}
.w80{width: 80% !important;}
.w70{width: 70% !important;}
.w60{width: 60% !important;}
.w50{width: 50% !important;}
.w40{width: 40% !important;}
.w30{width: 30% !important;}
.w25{width: 25% !important;}
.w20{width: 20% !important;}
.w10{width: 10% !important;}

/* clearfix */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clear   { clear: both; }
.float_l { float: left; }
.float_r { float: right; }


/* -------------------- font style -------------------- */
.align_center    { text-align: center; }
.align_left      { text-align: left; }
.align_right     { text-align: right; }
.text_underline { text-decoration: underline; }
.text_line      { text-decoration: line-through; }
.text_overline  { text-decoration: overline; }
.text_line-through { text-decoration: line-through; }

.word_break {
  word-break: break-all;
  word-wrap: break-word;
}

.font_bold      { font-weight: bold; }
.font_size_12   { font-size: 12px; }
.font_size_14   { font-size: 14px; }
.font_size_16   { font-size: 16px; }
.font_size_17   { font-size: 17px; }
.font_size_18   { font-size: 18px; }
.font_size_20   { font-size: 20px; }
.font_size_22   { font-size: 22px; }
.font_size_24   { font-size: 24px; }
.font_size_26   { font-size: 26px; }
.font_size_28   { font-size: 28px; }
.font_size_30   { font-size: 30px; }
.font_size_40   { font-size: 40px; }

.color_red      { color: #ff4200; }
.color_blue     { color: blue; }
.color_yellow   { color: yellow; }
.color_green    { color: green; }
.color_white    { color: #fff; }