﻿@charset "UTF-8";
/*
Theme Name: base
Theme URI: 
Text Domain: base
*/
/* CSS Document */
/* RESET_START */
/*||||||||||||||||<FRAMEWORK!!!!!>BY[[[[[SkyBlue.CSS]]]]]||||||||||||||||
 *
 * Built and maintained with a lots of love
 * http://null-object.com
 *
 */
/* http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*font: inherit;*/
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, li {
  /*list-style: none;*/
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input, button, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  width: auto;
  overflow: visible;
  vertical-align: middle;
}
/*because legend doesn't inherit in IE */
legend {
  color: #000;
}
/* end reset css */





/**********Start/Original************/
html, body {
  height: 100%;
}
/*float clear*/
.clear:after {
  content: "\200c";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
}
.none {
  display: none;
  overflow: hidden;
}
a, button, input[type=submit], input[type=button] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

html {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@font-face {
	font-family: "Prata";
	src: url("../fonta/Prata-Regular.ttf") ;
}

.clear {
  clear: both;
}
/*IMAGEリンク*/
a img {
  border: none;
}
img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: top;
  image-rendering: -webkit-optimize-contrast;
  -webkit-backface-visibility: hidden;
}
img.alignright {
  display: block;
  margin: 0 0 0 auto;
}
img.alignleft {
  display: block;
  margin: 0 auto 0 0;
}
img.aligncenter {
  display: block;
  margin: 0 auto;
  text-align: center;
}
/* RESET_END */
body {
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  /*font-family: -apple-system, BlinkMacSystemFont, 'Josefin Sans', "Noto Sans Japanese", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;*/
  /*font-family: 'Monda',"Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;*/
  /*
    -webkit-user-select:none;
    -webkit-touch-callout:none;
	*/
}
.sawarabi {
  font-family: "Sawarabi Mincho", serif;
}
.w100 {
  font-weight: 100;
}
.w200 {
  font-weight: 200;
}
.w300 {
  font-weight: 300;
}
.w400 {
  font-weight: 400;
}
.w500 {
  font-weight: 500;
}
.w700 {
  font-weight: 700;
}
.w900 {
  font-weight: 900;
}
body {
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
img {
  height: auto;
  border: none;
  -webkit-backface-visibility: hidden;
  image-rendering: auto; /****CHROME縮小画像ぼやけ対策****/
}
.clear {
  clear: both;
}
a:hover img {
  opacity: 0.7;
}
/* ===================
リンク
====================== */
a {
  line-height: 160%;
  color: #00468C;
  text-decoration: none
}
/*a:link {text-decoration : none; color : #00468C; }*/
/*a:visited{text-decoration : none; color : #00468C;}*/
/*a:hover{text-decoration : none; color : #fff; background-color: #0054a6;}*/
a.blacker:link {
  text-decoration: none;
  color: #000;
}
a.blacker:visited {
  text-decoration: none;
  color: #000;
}
a.blacker:hover {
  text-decoration: none;
  color: #fff;
  background-color: #0054a6;
}
/*
.hover:hover {
opacity: 0.7;
}
*/
a.whiter:link {
  text-decoration: none;
  color: #fff;
}
a.whiter:visited {
  text-decoration: none;
  color: #fff;
}
a.blacker_bold:link {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
a.blacker_bold:visited {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
.clear {
  clear: both;
}
.red {
  color: #FF0000
}
.blue {
  color: #09F
}
.green {
  color: #9C0;
}
.yellow {
  color: #FC0;
}
.bu {
  color: #09F;
}

.kon {
  color: #005591;
}


/* ===================
トグル
====================== */
@media (min-width: 769px) {
  .pc-toggle {
    display: block;
  }
  .sp-toggle {
    display: none;
  }
}


@media (max-width: 768px) {
  .pc-toggle {
    display: none;
  }
  .sp-toggle {
    display: block;
  }
}
@media (min-width: 769px) {
/* ===================
PC スペース
====================== */
.sp1em {
  height: 1em;
}
.sp05em {
  height: 0.5em;
}
.sp0_3em {
  height: 0.3em;
}
.sp2em {
  height: 2em;
}
.sp3em {
  height: 3em;
}
.pc_sp1em {
  height: 1em;
}
.pc_sp2em {
  height: 2em;
}
.pc_sp3em {
  height: 3em;
}
.sp_sp1em {
  display: none;
}
.sp_sp2em {
  display: none;
}
.sp_sp3em {
  display: none;
}
}
@media (max-width: 768px) {
  /* ===================
SP スペース
====================== */
  .sp1em {
    height: 1em;
  }
  .sp05em {
    height: 0.5em;
  }
.sp0_3em {
  height: 0.3em;
}
  .sp2em {
    height: 2em;
  }
  .sp3em {
    height: 3em;
  }
  .pc_sp1em {
    display: none;
  }
  .pc_sp2em {
    display: none;
  }
  .pc_sp3em {
    display: none;
  }
  .sp_sp1em {
    height: 1em;
  }
  .sp_sp2em {
    height: 2em;
  }
  .sp_sp3em {
    height: 3em;
  }
}


.inview { 
  opacity: 0;
}	


/**********End/Original************/


