@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://use.fontawesome.com/releases/v5.0.1/css/all.css);

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

h1,h2,h3,h4,h5,h6 { font-weight:200;}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}
img,
object,
embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
/* select, input, textarea {font: 99%;} */
table {font-size: inherit;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: top;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}




/* -- clearfix -- */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; width: 0; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* -- layout -- */
.left { float:left; display:inline; }
.right { float:right; display:inline; }
.center { text-align:center; }
.clear { clear:both; }

/* -- line-height -- */
.lh14 { line-height:140%!important; }
.lh16 { line-height:160%!important; }
.lh18 { line-height:180%!important; }
.lh20 { line-height:200%!important; }

.lh12 { line-height:12px!important; }
.lh22 { line-height:22px!important; }
.lh40 { line-height:40px!important; }
.lh44 { line-height:44px!important; }
.lh50 { line-height:50px!important; }
.lh60 { line-height:60px!important; }
/* -- indent -- */
.ti1 { text-indent:1em; }
.ti2 { text-indent:2em; }
.ind05em { text-indent:-0.5em; margin-left:0.5em; }
.ind1em { text-indent:-1em; margin-left:1em; }
.ind2em { text-indent:-2em; margin-left:2em; }
.ind4Hem { text-indent:-4.5em; margin-left:4.5em; }
/* -- font style -- */
.b { font-weight:bold; }
/* -- font color -- */
.fbl { color:#0066cc!important; }
.fb2 { color:#009999!important; }
.fb3 { color:#1d4e9e!important; }
.fred { color:#fe0000!important; }
.fBlue { color:#2a5bbe!important; }
.fLightBlue { color:#0c96ff!important; }
.fGreen { color: #00a33e!important; }
.fGlay { color: #aaaaaa!important; }
.fWhite { color: #fff!important; }
.fBlack { color: #000!important; }
.att { color:#CC0000!important; margin-right:0.5em; }
.att2 { color:#ff6600!important; }
/* -- font size -- */
.x-small { font-size:77%; }
.small { font-size:85%; }
.ls004 { letter-spacing:-0.04em; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px; }
.fs34 { font-size: 34px !important; }
.fs36 { font-size: 36px !important; }
.fs38 { font-size: 38px !important; }
.fs42 { font-size: 42px; }
.fs50 { font-size: 50px; }
.fs58 { font-size: 58px; }
.fs64 { font-size: 64px; }
.fs68 { font-size: 68px; }
/* -- table --
table { border-collapse:collapse; }
table th ,
table td { line-height:160%; _font-size: x-small; } */
/* -- img and txt -- */
.imgR { float: right; margin: 0 0 10px 10px; display:inline; }
.imgL { float: left; margin: 0 10px 10px 0; display:inline; }
.imgBDR { padding:1px; border:1px solid #e6e6e6; }
/* -- text align -- */
.txtR { text-align:right!important; }
.txtL { text-align:left!important; }
.txtC { text-align:center!important; }
/* -- vertical align -- */
.vBottom {
  vertical-align: bottom;
}
.vMiddle {
  vertical-align: middle !important;
}
/* -- link -- */
a img.hv { border:none; outline:none; }
a:hover img.hv { filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity:0.80; }
/* -- display -- */
.dBlock { display:block; }
.dInline { display:inline; }
.dInlineBlock { display: inline-block; }
/* -- postiton -- */
.psitA { position:absolute; }
.psitR { position:relative; }
/* -- HR -- */
hr { clear:both; display:none;}

/* overflow */
.ofh { overflow: hidden; }

/* html and body */
* { margin:0;padding:0; }
body {
_text-align:center;
font-family: 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
font-size:16px;
color:#373737;
line-height: 30px;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}

/* -- margin / padding -- */
.ma { margin: auto; }
.mt0 { margin-top:0px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt70 { margin-top:70px }
.mt85 { margin-top:85px; }
.mt100 { margin-top:100px; }
.mt110 { margin-top:110px; }

.mb0 { margin-bottom:0!important; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }
.mb70 { margin-bottom:70px!important; }
.mb80 { margin-bottom:80px!important; }
.mb100 { margin-bottom:100px!important; }

.ml10 { margin-left:10px!important; }
.ml20 { margin-left:20px!important; }
.ml30 { margin-left:30px!important; }
.ml40 { margin-left:40px!important; }
.mr40 { margin-right:40px!important; }
.pr20 { padding-right: 20px; }
.pr40 { padding-right:40px!important; }
.pr10 { padding-right:10px!important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px; }
.pl40 { padding-left: 40px; }

.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt80 { padding-top:80px; }

.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb50 { padding-bottom:50px; }
.pb75 { padding-bottom:75px !important; }

.w200 { max-width: 200px; }
.w240 { max-width: 240px; }
.w280 { max-width: 280px; }
.w300 { max-width: 300px; }
.w590 { max-width: 590px; }
.w750 { max-width: 750px; }
.w760 { max-width: 760px; }
.w48per { width: 48%; }
.w60per { width: 60%; }
.w70per { width: 70%; }
.w100per { width: 100%; }

.h180 {height: 180px;}
.border-blue {border:1px solid #66bdff;}
.w-s-no {
	white-space:nowrap;
}
.back-yellow {background:#ff0 !important;}

a {
  color:#000;
  text-decoration:none;
  outline:none;
}
a:hover {
  color: #96c0c0;
}
a img.alpha {
   opacity: 1;
   transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;
}
a img.alpha:hover {
   opacity: 0.6;
}

.fadeObj {
   opacity: 1;
   transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;
   }

   .fadeObj:hover {
      opacity: 0.6;
      cursor: pointer;
      }

.noFadeObj {
   opacity: 1;
   }
   .noFadeObj:hover {
      opacity: 1;
      }

.youtube {
  position: relative;
  padding-bottom: 56:25%;
}
.youtube iframe {
  width: 100%;
  height:100%;
  position: absolute;
  left: 0;
  top: 0;
}


.youtube {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25% !important;
  overflow: hidden;
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}