@charset "utf-8";

/* @import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700); */
@import url('https://fonts.googleapis.com/css?family=Roboto:500,700');
/* @import url('https://fonts.googleapis.com/css?family=Dosis|Roboto+Condensed|Ropa+Sans|Teko'); */
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:500,900');*/


/* ▼notosansの直リンクでの使用を廃止2018-04-30（読み込み時間に相当な負荷を与えていることが判明したため）*/
/* @import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css'); */
/*
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: url(font/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(font/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(font/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(font/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(font/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(font/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }
*/
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: url(font/notosansjapanese/subset/fonts/NotoSans_Regular.woff2) format('woff2'),
        url(font/notosansjapanese/subset/fonts/NotoSans_regular.woff) format('woff'),
        url(font/notosansjapanese/subset/fonts/NotoSans_regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(font/notosansjapanese/subset/fonts/NotoSans_Bold.woff2) format('woff2'),
        url(font/notosansjapanese/subset/fonts/NotoSans_bold.woff) format('woff'),
        url(font/notosansjapanese/subset/fonts/NotoSans_bold.otf) format('opentype');
 }

@font-face {
  font-family: "my_mincho";
  src: url("font/mincho_w6/mincho.woff") format('woff'),
       url("font/mincho_w6/mincho.otf")  format('opentype');
}

/*
エディタ＆表示側　両方から参照するCSS
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リセットCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 1200px) {
body{
    text-size-adjust: 100%;/* ios系端末のフォントサイズ自動調節機能を回避 */
    -webkit-text-size-adjust: 100%;/* ios系端末のフォントサイズ自動調節機能を回避 */
    word-wrap: break-word
}
}/* end media query */
* {
    box-sizing: border-box;
}
html,
body{
    font-size: 62.5%;/* ベースの初期化→必須 */
}
body{
    margin:0;
    font-family:sans-serif;
    word-break: break-all;/* 長いURLなど、文節を含まない英数文字でも適切に改行を行なうための指定(2016-11-09) */
}
h1,h2,h3,h4,h5,h6{
    font-size: 100%;/* ベースの初期化→必須 */
    font-weight:normal;
    margin:0;
}
em{
    font-style:normal;
}
th{
    font-weight:normal;
    white-space: nowrap;/* TH列に一々幅指定をしなくても良い様にするための指定(2016-11-08) */
}
@media screen and (max-width: 640px) {
	th{
		white-space: normal;/* スマホの場合は突っ張ると困るので改行を許可(2017-10-26) */
		min-width: 90px;/* すぐに改行されると困るので、最低幅を設定(2017-11-17) */
	}
}/* end media query */

td{
	word-break: break-all;/* 英単語が途中で改行されないことにより、スマホで横スクロールが出てしまわない様に指定(2017-08-28) */
}

ul,ol {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
ol li:before{
    font-family: "Roboto",sans-serif;
}
dl,
dd {
    margin: 0;
}
p,
blockquote {margin: 0;}
table {
    border-collapse: collapse;
}
img{
    max-width:100%;
    vertical-align: bottom;
    height:auto;
}
.pixelated {
    /* 画像がボヤける現象を回避する */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+ */
    image-rendering: -webkit-optimize-contrast; /* Safari (WebKit) */
    image-rendering: -moz-crisp-edges;          /* Firefox (Gecko) */
    image-rendering: -o-crisp-edges;            /* Opera 12.x */
    image-rendering: pixelated;                 /* Chrome 41+, Opera 29+ (CSS4) */
}
a img{border:none;}/* forIE */
label{cursor: pointer;}
textarea, input, select,button {
    max-width: 100%;
}
select {
    margin: 2px;
}
input[type="submit"],
input[type="button"],
button {
    cursor: pointer;
    border: none;
    display:inline-block;
}
input[type="submit"],
input[type="button"] {
    -webkit-appearance: none;
}
sup {
    font-size: .5em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
デフォルトCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body,input, textarea, keygen, select, button{
    font-size:13px;
    line-height:1.4;
    color:#333;
    /* color:#000; */
}
@media screen and (max-width: 640px) {
	input, textarea, keygen, select, button{
		/* iOSの「16px以下のフィールドを拡大表示する」仕様を回避するための指定 */
	    font-size:16px;
	}
}/* end media query */

h1,h2,h3,h4,h5,h6{
    line-height:1.4;
}

a{
    color:#333;
}
body,input, textarea, keygen, select, button, .gothic{
	/* IE11では游系、ヒラギノ系フォントが上に数px吊り上がるバグがある（2018-05-20時点） */
    /* font-family: 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "Osaka", "MS Pゴシック", "MSゴシック", Helvetica, verdana, arial; */
    font-family: "Roboto","Noto Sans Japanese","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "MS Pゴシック", "MSゴシック", Helvetica, verdana, arial;
	/*font-weight:500;*/
}
/*
.gothic{
    font-family: "Noto Sans Japanese";
}
*/
.mincho {
    /*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    font-family: "my_mincho", serif;
}
table {
    width: 100%;
    /*background-color:#fff;*/
}
th {
    text-align: left;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
/* OLのカウンター */
ol{
  counter-reset: ol_cnt;
}
ol ol{
  counter-reset: ol_cnt2;
}
ol ol ol{
  counter-reset: ol_cnt3;
}
ol > li{
  counter-increment: ol_cnt;
}
ol ol > li{
  counter-increment: ol_cnt2;
}
ol ol ol > li{
  counter-increment: ol_cnt3;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スタイル変化時のアニメーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* アスタリスクセレクタで一括指定していたが、IEのセレクトボックスの動作が不自然になるバグがあり、変更(2017-01-20) */
a,
li{
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テキスト選択時のスタイル変更
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
::selection {
    background: rgba(30, 140, 190, 0.5);
    color: #FFF;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Clear Fix
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cf:before,
.cf:after {
    content:"";
    /*display:table;*/
    display:block;
}
.cf:after {clear:both;}
.cf {zoom:1;}