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

/*==========================================================================
　サイト全体共通CSS
		/以下　共通
============================================================================*/
 
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: inherit; font-size: 100%; vertical-align: baseline; letter-spacing:0.08em; scroll-behavior: smooth;}
ul, ol, dl,dt,dd,div,ol,ul,li { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; font-size: 90%; line-height:1.4; }
li { list-style-type: none; }
textarea { font-size: 100%; }
a { outline: none; color:#000000; scroll-behavior: smooth;}
img { vertical-align: middle;}
a img { border: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
/*==========================================================================
　汎用クラス
============================================================================*/

/*font-style*/
.font_small { font-size: 10px }
.font_m { font-size: 12px }
.font_l { font-size: 14px }
.font_bold { font-weight: bold; }

/*color*/
.colorRed { color:#FF0004; }

/*float*/
.floatR { float: right; }
.floatL { float: left; }
.clear { clear: both; }

/*margin*/
.marginA { margin: auto; }
.marginB5 { margin-bottom: 5px; }
.marginB10 { margin-bottom: 10px; }
.marginB15 { margin-bottom: 15px; }
.marginB20 { margin-bottom: 20px; }
.marginB30 { margin-bottom: 30px; }
.marginB50 { margin-bottom: 50px; }
.marginB80 { margin-bottom: 80px; }
.marginB100 { margin-bottom: 100px; }
.marginR5 { margin-right: 5px; }
.marginR10 { margin-right: 10px; }
.marginR15 { margin-right: 15px; }
.marginR20 { margin-right: 20px; }
.marginR30 { margin-right: 30px; }
.marginR50 { margin-right: 50px; }
.marginR80 { margin-right: 80px; }
.marginR100 { margin-right: 100px; }
.marginT5 { margin-top: 5px; }
.marginT10 { margin-top: 10px; }
.marginT15 { margin-top: 15px; }
.marginT20 { margin-top: 20px; }
.marginT30 { margin-top: 30px; }
.marginT50 { margin-top: 50px; }
.marginT80 { margin-top: 80px; }
.marginT100 { margin-top: 100px; }
.marginL5 { margin-left: 5px; }
.marginL10 { margin-left: 10px; }
.marginL15 { margin-left: 15px; }
.marginL20 { margin-left: 20px; }
.marginL30 { margin-left: 30px; }
.marginL50 { margin-left: 50px; }
.marginL80 { margin-left: 80px; }
.marginL100 { margin-left: 100px; }

/*padding*/
.paddingB5 { padding-bottom: 5px; }
.paddingB10 { padding-bottom: 10px; }
.paddingB15 { padding-bottom: 15px; }
.paddingB20 { padding-bottom: 20px; }
.paddingB30 { padding-bottom: 30px; }
.paddingB50 { padding-bottom: 50px; }
.paddingB80 { padding-bottom: 80px; }
.paddingB100 { padding-bottom: 100px; }
.paddingR5 { padding-right: 5px; }
.paddingR10 { padding-right: 10px; }
.paddingR15 { padding-right: 15px; }
.paddingR20 { padding-right: 20px; }
.paddingR30 { padding-right: 30px; }
.paddingR50 { padding-right: 50px; }
.paddingR80 { padding-right: 80px; }
.paddingR100 { padding-right: 100px; }
.paddingT5 { padding-top: 5px; }
.paddingT10 { padding-top: 10px; }
.paddingT15 { padding-top: 15px; }
.paddingT20 { padding-top: 20px; }
.paddingT30 { padding-top: 30px; }
.paddingT50 { padding-top: 50px; }
.paddingT80 { padding-top: 80px; }
.paddingT100 { padding-top: 100px; }
.paddingL5 { padding-left: 5px; }
.paddingL10 { padding-left: 10px; }
.paddingL15 { padding-left: 15px; }
.paddingL20 { padding-left: 20px; }
.paddingL30 { padding-left: 30px; }
.paddingL50 { padding-left: 50px; }
.paddingL80 { padding-left: 80px; }
.paddingL100 { padding-left: 100px; }

/*text-align*/
.txtC { text-align: center; }
.txtR { text-align: right; }
.txtL { text-align: left; }

/*画像置換*/
.dkirBox { position: relative; z-index: 3; zoom: 1; /* いらない場合も */ }
.dkir { display: block; text-decoration: none; overflow: hidden; }
dkir:hover { background-position: left bottom; }
.dkir span { position: relative; z-index: -1; /* テクニックの要！ */ }