@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

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;
}

img {
  vertical-align: bottom;
}

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

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; 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; }
.lh30 { line-height:30px!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; }
.fred { color:#fe0000!important; }
.fGreen { color: #1ca606!important; }
.fGlay { color: #aaaaaa!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; }
.fs18 { font-size: 18px; }
.fs24 { font-size: 24px; }
/* -- 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;
}
/* -- 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;}

/* color */
.black {
  color: #000;
}

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

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

/* -- 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; }
.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; }
.mb100 { margin-bottom:100px!important; }
.mb125 { margin-bottom:125px!important; }
.mb210 { margin-bottom:210px!important; }

.ml30 { margin-left:30px!important; }
.ml40 { margin-left:40px!important; }

.mr20 { margin-right: 20px!important; }
.mr40 { margin-right: 40px!important; }

.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pr40 { padding-right:40px; }
.pr60 { padding-right:60px; }
.pl20 { padding-left: 20px; }
.pl60 { padding-left: 60px; }
.pl175 { padding-left: 175px; }

.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; }

.w240 { max-width: 240px; }
.w280 { max-width: 280px; }
.w300 { max-width: 300px; }
.w500 { max-width: 500px; }
.w590 { max-width: 590px; }
.w750 { max-width: 750px; }
.w760 { max-width: 760px; }
.w50per { max-width: 50%; }
.w100per { width: 100%; }

.txtC { text-align:center; }

a {
  color:#777777;
  text-decoration:none;
  outline:none;
  opacity: 1;
  transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
}
a:hover {
  opacity: 0.6;
}
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;
      }