@charset "UTF-8";

/* -- Reset Stylesheet html5 ------------------------------------------------*/
html, 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1.7; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section { display: block; }
ul, ol { 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; }
img { vertical-align: bottom; }


/* -- Essential -------------------------------------------------------------*/
ins { color: #000; text-decoration: none; background-color: #ff9; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
hr { display: none; }

/* clearfix */
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* *html .cf { zoom: 1; } */
*:first-child+html .cf { zoom: 1; } /* IE7 */


/* Essential default */
html { min-height: 100%; position: relative; }
body { height: 100%; font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','メイリオ', serif; font-size: 15px; color: #000; -webkit-text-size-adjust: none; background: #fff; }

p { margin: 0 0 .75em 0; padding: 0; }
img { max-width: 100%; height: auto; }

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


/*-- Adjustment ------------------------------------------------------------*/
.mt5  { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.mr5  { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }

.mb5  { margin-bottom:  5px !important; }
.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; }
.mb40 { margin-bottom: 40px !important; }

.ml5  { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }

.pg5  { padding:  5px !important; }
.pg10 { padding: 10px !important; }
.pg15 { padding: 15px !important; }
.pg20 { padding: 20px !important; }
.pg25 { padding: 25px !important; }
.pg30 { padding: 30px !important; }
.pg35 { padding: 35px !important; }
.pg40 { padding: 40px !important; }

.mg0  { margin: 0  !important; }
.pg0  { padding: 0 !important; }

.ofh  { overflow: hidden; }
.fltR { float: right; }
.fltL { float: left; }
.clr  { clear: both; }

.posRe { position: relative; }
.posAb { position: absolute; }

.alJ { text-align: justify; }
.alC { text-align: center; }
.alR { text-align: right; }
.alL { text-align: left; }

.xlarge { font-size: 1.2em; }
.large  { font-size: 1.1em; }

.xsmall { font-size: 0.8em; }
.small  { font-size: 0.9em; }

.bold { font-weight: bold; }
.red  { color: #C00; }
.blk {color:#000;}

.under {text-decoration:underline; border-color:#666;}

.border-dotted { display: block; clear: both; height: 1px; border: none; border-bottom: dotted 1px #ddd !important; }
.border-solid  { display: block; clear: both; height: 1px; border: none; border-bottom: solid 1px #ddd  !important; }

.trans-ease { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }

.link-hover { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.link-hover:hover { opacity: 0.7; filter: alpha(opacity=70); }

.roboto { font-family:'Roboto', sans-serif; font-weight:bold; }
.g_font { font-family: "Rounded Mplus 1c"; font-weight:300; }

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* clearfix */
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* *html .cf { zoom: 1; } */
*:first-child+html .cf { zoom: 1; } /* IE7 */