@charset "UTF-8";
/* CSS Document */

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

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

ol, ul {list-style: none;}

a{
	text-decoration:none;
	outline: none;
}

blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
    font-size: 62.5%; /*フォントの基準サイズを10pxにする*/
}

body {
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; 
	/*全体の書体を指定する*/
    font-size: 1.6rem; /*全体のフォントサイズは14pxとする*/
    line-height: 1.5; /*全体の行の高さは文字の1.5(倍)とする*/
    /*text-align: justify; /*行末を揃える*/
    -webkit-text-size-adjust: 100%; /*スマホでPC表示した際に勝手に文字が大きくなるのを防ぐ*/
	box-sizing: border-box; /*paddingやborderの大きさもwidthとheightに含める*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

}

img {
	vertical-align:bottom;
    max-width: 100%; /*親要素の幅からはみ出させない*/
    height: auto; /*一括指定(以降imgの大きさはwidthのみ指定すればよい)*/
}

small {
    /*display: block; /*改行して表示することが多いため*/
    font-size: 1.2rem; /*全体に指定したフォントサイズより小さい値を指定*/
}

#wrap {
    width: 100%; /*全ての要素を包括する<div id"wrap">の幅を画面幅に設定する*/
    overflow-x: hidden; /*横にはみ出した部分は表示させない（スクロールさせない）*/
}


.fL {
    float: left; /*class="fL"と指定するだけで左に回り込ませる*/
}

.fR {
    float: right; /*class="fR"と指定するだけで右に回り込ませる*/
}

.clearfix:after { /*回り込み解除*/
    display: block;
    content: "";
    clear: both;
}
.clear {clear: both;}

/* */
.mb90 {margin-bottom:90px !important;}
.mb60 {margin-bottom:60px !important;}
.mb55 {margin-bottom:55px !important;}
.mb50 {margin-bottom:50px !important;}
.mb45 {margin-bottom:45px !important;}
.mb40 {margin-bottom:40px !important;}
.mb35 {margin-bottom:35px !important;}
.mb30 {margin-bottom:30px !important;}
.mb25 {margin-bottom:25px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb1em {margin-bottom:1em !important;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center !important;}