body{
  font-size: 16px;
}

.box{
  float: left;
  margin-bottom: 24px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 8px 16px -2px rgba(10,10,10,0.1),0 0 0 1px rgba(10,10,10,0.02);
  -webkit-box-shadow: 0 8px 16px -2px rgba(10,10,10,0.1),0 0 0 1px rgba(10,10,10,0.02);
  box-shadow: 0 8px 16px -2px rgba(10,10,10,0.1),0 0 0 1px rgba(10,10,10,0.02);
  padding: 20px;
}

.unbox{
  clear: both;
}

.button {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 16px;
  padding-left: 16px;
}

.tab{
  background:#00D1B2 ;
  text-align: center; /*IE5以前用*/
}

.mojishiro{
  color: #ffffff;
}

.akari:hover{
  background-position: -100% 0;

}

.navi{
  line-height: 52px;
}

.akari{
  padding: 0 10px;
  background-image: -moz-linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgb(0, 177, 161) 50%);
  background-image: -webkit-gradient(linear, left center, right center, color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgb(0, 177, 161)));
  background-image: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgb(0, 177, 161) 50%);
  background-image: -o-linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgb(0, 177, 161) 50%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgb(0, 177, 161) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;

}

.logosukima{
  line-height: 1; /*Geckoとか用*/
}

.logogazo {
  width: 110px;
  height: 28.69px;
}

.chuo{
  vertical-align: middle;
  width: 130px;
}


img{
 border-style: none
}

.chuozoroe{
  height: 52px;
  margin: auto;
  text-align: center; /*IE5以前用*/
}
  
.mojichuo{
  text-align: -webkit-center;
  text-align: center;
}

.naraberu {
  float: left;
}

.narabenai {
  float: none;
  clear: both;
}

.migininaraberu {
  float: right;
}


a {
  outline: 0;
}


.title {
  font-size: 32px;
  margin-bottom: 24px;
  font-weight: 600;
  line-height: 1.125;
}

.subtitle {
  font-size: 20px;
  margin-bottom: 24px;
  font-weight: 400;
  line-height: 1.25;
}

.title + .subtitle {
  margin-top: -20px;
}

.section {
  padding: 0px;
  margin: 48px;
}

.box580section {
  width: 580px;
  padding: 0px;
  margin-left: 48px;
  margin-right: 48px;
}

@media screen and (max-width: 676px) {
  .box580section {
    width: 580px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}

.gazoobject{
  max-width: 100%;
}

iframe {
  border: none;
}

.buttonakeru {
  margin-right: 10px;
}


.button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea, .midoributton, .kiirobutton, .mizubutton, .aobutton, .akabutton, .daidaibutton, .aotakebutton, .wakakusabutton, .wakamurasakibutton, .fujimurasakibutton {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  align-items: center;
  box-shadow: none;
  display: flex;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  justify-content: flex-start;
  line-height: 1.5;
  position: relative;
  vertical-align: top;
}

.button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea, .midoributton, .kiirobutton, .mizubutton, .aobutton, .akabutton, .daidaibutton, .aotakebutton, .wakakusabutton, .wakamurasakibutton, .fujimurasakibutton {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 16px;
  padding-left: 16px;
}

.button {
  background-color: #fff;
  color: #363636;
  border-color: #dbdbdb;
  border-width: 1px;
}

.button.is-hovered, .button:hover {
  background-color: #fff;
  color: #363636;
  border-color: #b5b5b5;
  border-width: 1px;
}

.tag {
    background-color: #f5f5f5;
    color: #4a4a4a;
    border-color: transparent;
    border-width: 0 !important;

    behavior: url(/PIE/PIE.htc);
}

.midoributton, .midoritag {
  background-color: #ebfffc;
  color: #00947e;
  border-color: transparent;
  border-width: 0 !important;

  behavior: url(/PIE/PIE.htc);
}

.midoributton:hover {
  background-color: #defffa;
  color: #00947e;
  border-color: transparent;
  border-width: 0 !important;
}

.midoributton.is-focused:not(:active), .midoributton:focus:not(:active){
  box-shadow: 0 0 0 2px #bff3eb;
}

.kiirobutton, .kiirotag {
  background-color: #fffaeb;
  color: #946c00;
  border-color: transparent;
  border-width: 0 !important;

  behavior: url(/PIE/PIE.htc);
}

.kiirobutton:hover {
  background-color: #fff6de;
  color: #946c00;
  border-color: transparent;
  border-width: 0 !important;
}

.kiirobutton.is-focused:not(:active), .kiirobutton:focus:not(:active){
  box-shadow: 0 0 0 2px #ffefc4;
}

.mizubutton, .mizutag {
  background-color: #eff5fb;
  color: #296fa8;
  border-color: transparent;
  border-width: 0 !important;

  behavior: url(/PIE/PIE.htc);
}

.mizubutton:hover {
  background-color: #e4eff9;
  color: #296fa8;
  border-color: transparent;
  border-width: 0 !important;
}

.mizubutton.is-focused:not(:active), .mizubutton:focus:not(:active){
  box-shadow: 0 0 0 2px #cee2f3;
}

.aobutton, .aotag {
  background-color: #eff1fa;
  color: #3850b7;
  border-color: transparent;
  border-width: 0 !important;

  behavior: url(/PIE/PIE.htc);
}

.aobutton:hover {
  background-color: #e6e9f7;
  color: #3850b7;
  border-color: transparent;
  border-width: 0 !important;
}

.aobutton.is-focused:not(:active), .aobutton:focus:not(:active){
  box-shadow: 0 0 0 2px #d1d7f1;
}

.akabutton, .akatag {
  background-color: #feecf0;
  color: #cc0f35;
  border-color: transparent;
  border-width: 0 !important;

  behavior: url(/PIE/PIE.htc);
}

.akabutton:hover {
  background-color: #fde0e6;
  color: #cc0f35;
  border-color: transparent;
  border-width: 0 !important;
}

.akabutton.is-focused:not(:active), .akabutton:focus:not(:active){
  box-shadow: 0 0 0 2px #fbd0d9;
}



.daidaibutton, .daidaitag {
  background-color: #fef1ec;
  color: #8c3208;
  border-color: transparent;
  border-width: 0 !important;

  behavior: url(/PIE/PIE.htc);
}

.daidaibutton:hover {
  background-color: #ffe9e0;
  color: #8c3208;
  border-color: transparent;
  border-width: 0 !important;
}

.daidaibutton.is-focused:not(:active), .daidaibutton:focus:not(:active){
  box-shadow: 0 0 0 2px #fbdcd0;
}

.aotakebutton, .aotaketag {
  background-color: #eafeed;
  color: #138624;
  border-color: transparent;
  border-width: 0 !important;

  behavior: url(/PIE/PIE.htc);
}

.aotakebutton:hover {
  background-color: #d2f9d8;
  color: #138624;
  border-color: transparent;
  border-width: 0 !important;
}

.aotakebutton.is-focused:not(:active), .aotakebutton:focus:not(:active){
  box-shadow: 0 0 0 2px #cef3d3;
}

.wakakusabutton, .wakakusatag {
  background-color: #f5fded;
  color: #628613;
  border-color: transparent;
  border-width: 0 !important;

  behavior: url(/PIE/PIE.htc);
}

.wakakusabutton:hover {
  background-color: #e8f8da;
  color: #628613;
  border-color: transparent;
  border-width: 0 !important;
}

.wakakusabutton.is-focused:not(:active), .wakakusabutton:focus:not(:active){
  box-shadow: 0 0 0 2px #dff3ce;
}

.wakamurasakibutton, .wakamurasakitag {
  background-color: #feeeff;
  color: #841386;
  border-color: transparent;
  border-width: 0 !important;

  behavior: url(/PIE/PIE.htc);
}

.wakamurasakibutton:hover {
  background-color: #f8e2f9;
  color: #841386;
  border-color: transparent;
  border-width: 0 !important;
}

.wakamurasakibutton.is-focused:not(:active), .wakamurasakibutton:focus:not(:active){
  box-shadow: 0 0 0 2px #f1cef3;
}

.fujimurasakibutton, .fujimurasakitag {
  background-color: #f8f0ff;
  color: #521386;
  border-color: transparent;
  border-width: 0 !important;

  behavior: url(/PIE/PIE.htc);
}

.fujimurasakibutton:hover {
  background-color: #eee1f9;
  color: #521386;
  border-color: transparent;
  border-width: 0 !important;
}

.fujimurasakibutton.is-focused:not(:active), .fujimurasakibutton:focus:not(:active){
  box-shadow: 0 0 0 2px #e2cef3;
}



code, pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: 'consolas', 'Osaka', 'Ohirosnest', monospace;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: #f5f5f5;
  color: #4a4a4a;
  font-size: 14pxm;
  overflow-x: auto;
  padding: 20px 24px;
  white-space: pre;
  word-wrap: normal;
}

.hidarirenketsu {
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.migirenketsu {
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.haba500 {
  width: 500px;
}

.haba580{
  width: 580px;
}

.haba240 {
  width: 240px;
}

.haba180 {
  width: 180px;
}

.jogesukima5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.haikeishiro{
  background-color: #ffffff;
}

.haikeikuro{
  background-color: #000000;
}

.haikeikuro2{
  background-color: #121212;
}

.haikeikuro2{
  background-color: #242424;
}

.haikeikuro3{
  background-color: #363636;
}


.box {
  background-color: #fff;
  color: #4a4a4a;
  display: block;
}


.box{
  float: left;
  margin-bottom: 24px;
  margin-right: 24px;
  border-radius: 6px;
  box-shadow: 0 8px 16px -2px rgb(230,230,230),0 0 0 1px rgb(250,250,250);

  behavior: url(/PIE/PIE.htc);

  padding: 0;
}

.button, .midoributton, .kiirobutton, .mizubutton, .aobutton, .akabutton, .daidaibutton, .aotakebutton, .wakakusabutton, .wakamurasakibutton, .fujimurasakibutton {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;

  behavior: url(/PIE/PIE.htc);
}

.tag, .midoritag, .kiirotag, .mizutag, .aotag, .akatag, .daidaitag, .aotaketag, .wakakusatag, .wakamurasakitag, .fujimurasakitag  {
  align-items: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-size: 12px;
  justify-content: center;
  line-height: 1.5;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  white-space: nowrap;
  vertical-align: top;
  
  behavior: url(/PIE/PIE.htc);
}

.hidarirenketsu {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;

  behavior: url(/PIE/PIE.htc);
}

.migirenketsu {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;

  behavior: url(/PIE/PIE.htc);
}

.fix-ue20{
  padding-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.fix-shita20{
  padding-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.fix-yoko20{
  margin-left: 20px;
  margin-right: 20px;
}

.yoseruoya{
  position: relative; 
}

.shitayose{
  position: absolute;
  bottom: 0;
}

.ueyose{
  position: absolute;
  top: 0;
}

.migiyose{
  position: absolute;
  right: 0;
}

.hidariyose{
  position: absolute;
  left: 0;
}

html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*, ::after, ::before {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.mousekinshi{
  cursor: not-allowed;
}



/* デフォルトテーマ */
html {
  background-color: #ffffff;
  color: #4a4a4a;
}
body {
  background-color: #ffffff;
  color: #4a4a4a;
}
p {
  color: #4a4a4a;
}
.title {
  color: #363636;
}
.subtitle {
  color: #4a4a4a;
}

a {
  color: #485fc7;
}
a strong {
  color: #485fc7;
}

blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
  margin: 0;
  padding: 0;
}