﻿@charset "UTF-8";
/*
Theme Name: mie-TV-skill
Author: 株式会社エスト
Description: テンプレートです。
Version: 1.0
*/
@media (max-width:1280px) {} /*max-width:1280px*/
@media (max-width:1024px) {} /*max-width:1024px*/
@media (max-width:768px) {} /*max-width:768px*/
@media (max-width:480px) {} /*max-width:480px*/
html {
  font-size: 62.5%;
  min-width: 375px;
}


.gray_out{
  pointer-events: none;
  opacity: 0.8;
  filter: grayscale(1);
}

/************************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  word-wrap: break-word;
  font: 100%/100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #384158;
  -webkit-text-size-adjust: 100%;
  color: #444444;
}
/************************************************************/
a {
  text-decoration: none;
  color: #444444;
}
a:hover {
  color: #96DEEC;
}
a:focus {
  outline: none;
}
@media (max-width:480px) {
  a:hover {
    color: #384158;
    opacity: 1.0 !important;
  }
} /*max-width:1024px*/
/************************************************************/
body {
  position: relative;
  min-height: 100vh;
  box-sizing: border-box;
}
body.active {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}
/************************************************************/
.alignleft {
  text-align: left !important
}
.aligncenter {
  display: block;
  margin: 1px auto !important
}
.alignright {
  display: block;
  margin: 1px 1px 1px auto !important
}
/************************************************************/
header, hgroup, section, footer, aside, nav, article {
  display: block;
}
.mw_wp_form .error {
  font-size: 100% !important;
  color: #F00 !important;
  margin: 5px 0 0;
  display: block;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  transform: rotate(0.05deg);
}
.taC {
  text-align: center !important;
}
.taL {
  text-align: left !important;
}
.taR {
  text-align: right !important;
}
/************************************************************/
html {
  background: #fff
}
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, th, ul {
  margin: 0;
  padding: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
fieldset, img {
  border: 0
}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, textarea, th, var {
  font: inherit
}
del, ins {
  text-decoration: none
}
li {
  list-style: none
}
caption, th {
  text-align: left
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400
}
q:after, q:before {
  content: ''
}
abbr, acronym {
  border: 0;
  font-variant: normal
}
sub, sup {
  vertical-align: baseline
}
legend {
  color: #000
}
img {
  outline: 0;
  border-style: none
}
button, input, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
/*********************************************/ :placeholder-shown {
  color: #9f9fa0
}
::-webkit-input-placeholder {
  color: #9f9fa0
}
:-moz-placeholder, ::-moz-placeholder {
  color: #9f9fa0;
  opacity: 1
}
:-ms-input-placeholder {
  color: #9f9fa0
}
/************************************************************/

/*

font-family: "Noto Sans", sans-serif;
font-family: "Roboto", sans-serif;

*/
.mb00 {
  margin-bottom: 0 !important;
}
.pb00 {
  padding-bottom: 0 !important;
}