@charset "UTF-8";
/*!===================================================================

	base - (ラインクリア)　

====================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: bottom; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

html {
  overflow-y: scroll; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

input, textarea {
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left;
  font-weight: normal; }

a:focus {
  outline: none; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none; }

del {
  color: #333; }

ins {
  background: #fff9c0;
  text-decoration: none; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 24px;
  margin-bottom: 1.714285714rem; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

small {
  font-size: smaller; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

/*!===================================================================

	common - 共通

====================================================================*/
.m-btm00 {
  margin-bottom: 0px; }

.m-btm05 {
  margin-bottom: 5px; }

.m-btm10 {
  margin-bottom: 10px; }

.m-btm15 {
  margin-bottom: 15px; }

.m-btm20 {
  margin-bottom: 20px; }

.m-btm25 {
  margin-bottom: 25px; }

.m-btm30 {
  margin-bottom: 30px; }

.m-btm40 {
  margin-bottom: 40px; }

.m-btm50 {
  margin-bottom: 50px; }

.m-btm60 {
  margin-bottom: 60px; }

.m-btm100 {
  margin-bottom: 100px; }

.m-lft05 {
  margin-left: 5px; }

.m-lft10 {
  margin-left: 10px; }

.m-lft15 {
  margin-left: 15px; }

.m-lft20 {
  margin-left: 20px; }

.m-lft25 {
  margin-left: 25px; }

.m-lft30 {
  margin-left: 30px; }

.m-lft35 {
  margin-left: 35px; }

.m-lft40 {
  margin-left: 40px; }

.m-lft45 {
  margin-left: 45px; }

.m-rht05 {
  margin-right: 5px; }

.m-rht10 {
  margin-right: 10px; }

.m-rht15 {
  margin-right: 15px; }

.m-rht20 {
  margin-right: 20px; }

.m-rht30 {
  margin-right: 30px; }

.m-rht35 {
  margin-right: 35px; }

.m-rht45 {
  margin-right: 45px; }

.m-top05 {
  margin-top: 5px; }

.m-top10 {
  margin-top: 10px; }

.m-top15 {
  margin-top: 15px; }

.m-top20 {
  margin-top: 20px; }

.m-top40 {
  margin-top: 40px; }

.p-lft30 {
  padding-left: 30px; }

.p-rht25 {
  padding-right: 25px; }

.p-rht30 {
  padding-right: 30px; }

.p-btm30 {
  padding-bottom: 30px; }

/* リンク　共通設定 */
a {
  color: #0099cc;
  text-decoration: underline;
  transition: all .3s;
  position: relative;
  cursor: pointer; }
  a:hover {
    color: #f16316;
    text-decoration: underline; }

img {
  max-width: 100%;
  height: auto;
  width: auto;
  /* //画像の透明化　imgにクラスをつける場合
  a:hover &.imgClr {
  	opacity: 0.7;
  	background: transparent;
  }*/ }
  a img {
    /*display: block;*/
    position: relative;
    transition: .2s;
    overflow: hidden; }
  a:hover img {
    opacity: 0.7;
    background: transparent; }
  a:hover img.notClr {
    opacity: 1.0; }

/*　テキスト装飾設定　*/
.tBold {
  font-weight: 600; }

.tNormal {
  font-weight: normal; }

.tRed {
  color: #f80505; }

/*.tRed {color: #ff0000;}*/
.tBlue {
  color: #0033cc; }

.tGreen {
  color: #257116; }

.tBrown {
  color: #734022; }

.tBeige {
  color: #c6a490; }

.tGray {
  color: #666; }

.right {
  text-align: right; }

.center {
  text-align: center; }

.tSmall {
  font-size: 0.857em;
  vertical-align: middle; }

/*基準14pxに対し約12px*/
.tSmall2 {
  font-size: 0.714em;
  vertical-align: middle; }

/*基準14pxに対し約10px*/
.tBig {
  font-size: 1.143em;
  vertical-align: middle; }

/*基準14pxに対し約16px*/
.tBig2 {
  font-size: 1.286em;
  vertical-align: middle; }

/*基準14pxに対し約18px*/
.tBig3 {
  font-size: 1.429em;
  vertical-align: middle; }

/*基準14pxに対し約20px*/
/*　回り込み設定　*/
.fLft {
  float: left; }

.fRht {
  float: right; }

/* ※を使った注意書き用*/
.ann {
  margin-left: 1em;
  text-indent: -1em; }

/* ヘッダー固定のため　アンカーリンクの位置調整*/
a.anchor {
  padding-top: 115px;
  margin-top: -115px; }