@charset "utf-8";

/*リセットCSS*/
----------------------------------------------------------------*/
/* 要素 フォントサイズ・マージン・パディングをリセット */
:where(#body) html,
:where(#body) body,
:where(#body) div,
:where(#body) span,
:where(#body) object,
:where(#body) iframe,
:where(#body) h1,
:where(#body) h2,
:where(#body) h3,
:where(#body) h4,
:where(#body) h5,
:where(#body) h6,
:where(#body) p,
:where(#body) blockquote,
:where(#body) pre,
:where(#body) abbr,
:where(#body) address,
:where(#body) cite,
:where(#body) code,
:where(#body) del,
:where(#body) dfn,
:where(#body) em,
:where(#body) img,
:where(#body) ins,
:where(#body) kbd,
:where(#body) q,
:where(#body) samp,
:where(#body) small,
:where(#body) sub,
:where(#body) sup,
:where(#body) var,
:where(#body) b,
:where(#body) i,
:where(#body) dl,
:where(#body) dt,
:where(#body) dd,
:where(#body) ol,
:where(#body) ul,
:where(#body) li,
:where(#body) fieldset,
:where(#body) form,
:where(#body) label,
:where(#body) legend,
:where(#body) table,
:where(#body) caption,
:where(#body) tbody,
:where(#body) tfoot,
:where(#body) thead,
:where(#body) tr,
:where(#body) th,
:where(#body) td,
:where(#body) article,
:where(#body) aside,
:where(#body) canvas,
:where(#body) details,
:where(#body) figcaption,
:where(#body) figure,
:where(#body) footer,
:where(#body) header,
:where(#body) hgroup,
:where(#body) menu,
:where(#body) section,
:where(#body) summary,
:where(#body) time,
:where(#body) mark,
:where(#body) audio,
:where(#body) video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-weight:normal;
    vertical-align:baseline;
    background:transparent;
}

/* 行の高=フォントサイズ */
:where(#body) body {
    line-height:1;
}

/* 新規追加要素をブロック要素化 */
:where(#body) article,
:where(#body) aside,
:where(#body) details,
:where(#body) figcaption,
:where(#body) figure,
:where(#body) footer,
:where(#body) header,
:where(#body) hgroup,
:where(#body) menu,
:where(#body) section {
    display:block;
}

/* ulのマーカー非表示 */
:where(#body) ol,
:where(#body) ul {
    list-style:none;
}

/* 引用符の非表示 */
:where(#body) blockquote,
:where(#body) q {
    quotes:none;
}

/* blockquote要素、q要素の前後にコンテンツ非表示 */
:where(#body) blockquote:before,
:where(#body) blockquote:after,
:where(#body) q:before,
:where(#body) q:after {
    content:'';
    content:none;
}

/* フォントサイズ　リセット フォントの縦方向 ベースライン揃え 点線削除 */
:where(#body) a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline:none;
}

/* ins要素 デフォルトセット 色を変える場合はここで変更 */
:where(#body) ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素 デフォルトセット 色やフォントスタイルを変える場合はここで変更 */
:where(#body) mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

/* テキスト 打ち消し線 */
:where(#body) del {
    text-decoration:line-through;
}

/* IE　デフォルトで点線を下線表示設定　下線設定 マウスオーバー時 ヘルプカーソル表示可 */
:where(#body) abbr[title],
:where(#body) dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*　隣接するセルのボーダーを重ねて表示　*/
:where(#body) table {
    border-collapse:collapse;
    border-spacing:0;
}

/* 水平罫線デフォルトリセット */
:where(#body) hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/* 縦方向の揃え 中央揃え */
:where(#body) input,
:where(#body) select {
    vertical-align:middle;
}

/* 画像を縦に並べた時に余白0 */
:where(#body) img {
    vertical-align:top;
    font-size:0;
    line-height:0;
}

:where(#body) .clearfix:after {
    overflow:hidden;
    visibility:hidden;
    height:0;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
}

:where(#body) br {
    line-height:inherit;
}

/*【共通】パーツ
----------------------------------------------------------------*/
/* リンク */
:where(#body) a,
:where(#body) a * {
    -webkit-transition:opacity 0.6s ease;
    -moz-transition:opacity 0.6s ease;
    -o-transition:opacity 0.6s ease;
    transition:opacity 0.6s ease;
    text-decoration:none;
    font-size:inherit;
    font-weight:inherit;
    color:inherit;
    font-family:inherit;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
:where(#body) a:hover,
:where(#body) a:active {
    text-decoration:none;
    opacity:0.7;
    filter:alpha(opacity=70);
}
:where(#body) img {
    max-width:100%;
    height:auto;
}


/* 表示切り替え */
#wrapper .sp-display {
	display: none;
}
#wrapper .tb-display {
	display: none;
}
@media screen and (max-width: 1023px) {
#wrapper .tb-display {
	display: block;
}
}
@media screen and (max-width: 767px) {
#wrapper .sp-display {
	display: block;
}
}

/* 配置 */
#wrapper .f_left {
	float: left;
	text-align: center;
	line-height: 2;
}
#wrapper .f_right {
	float: right;
	text-align: center;
	line-height: 2;
}
#wrapper .leftOn {
	text-align: left;
}
#wrapper .rightOn {
	text-align: right;
}
#wrapper .centerOn {
	text-align: center;
}

/*基本設定
----------------------------------------------------------------*/

/*  配置  */
.flex-nml {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
}
.flex-btw {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.flex-cnt {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.flex-end {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
}
.row-reverse {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.items-center {
	-webkit-align-items: center;
	align-items: center;
}
.items-start {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.items-end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}