html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn,  img, ins, kbd, q, samp,
small, /*em, 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-style:normal;
    text-decoration:none;
    font-weight:normal;
}
html {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: auto;
}
body {
    width: 100%;
    background: #ffffff;
    color: #333333;
    font-family: 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
/*     font-size: 13px;
    line-height: 1.5; */
    -webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6{
    font-size:14px;
    font-weight:bold;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
ul,li {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
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;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #dddddd;
    margin:0;
    padding:0;
}

/* --------------- 汎用 --------------- */
.pageBreakBf{
    page-break-before: always;
}
.pageBreakAft{
    page-break-after: always;
}
/* --------------- quick use --------------- */
.txLeft{text-align:left;}
.txCenter{text-align:center;}
.txRight{text-align:right;}
.txVtop{vertical-align:top;}
.txVmiddle{vertical-align:middle;}
.txVbottom{vertical-align:bottom;}
.noWrap {white-space: nowrap;}

.bold{font-weight:bold;}
.bolder{font-weight:bolder;}
.fwNormal{font-weight:normal !important;}
.obli{font-style:oblique;}
.fsNormal{font-style:normal;}
.throu{text-decoration:line-through;}
.under{text-decoration:underline;}
.over{text-decoration:overline;}
.fdNormal{text-decoration:none !important;}
.pointer{cursor:pointer;}
.noPointer{cursor:default;}
.lsNormal{letter-spacing:normal;}

.noVisib{visibility:hidden;}
.noDisp{display:none;}
.inlineBlock{display:inline-block;}
.posRelative{position:relative;}
.dispBlock{display:block;}

.fLeft{float:left;}
.fRight{    float:right;}
.clrBoth{clear:both;}
.clrLeft{clear:left;}
.clrRight{clear:right;}

.clearFix:after,
.cfx:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cf {
    zoom: 1;
}
.cf:before, .cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}

.cblack { color: #000000;}
.cwhite { color: #FFFFFF;}
.cred { color: #FF0000;}
.corgred { color: #ff6600;}
.cdkred { color: #aa0000;}
.cmosgold { color: #996633;}
.cdkgrn { color: #337F00;}
.cgry { color: #777;}
.cmagenta{ color: Magenta;}

.bfgry{background-color:#f7f5f3;}
.bgry{background-color:#dddddd;}
.bcream{background-color:#fff7e3;}

.f11px{font-size:11px ;}
.f12px{font-size:12px ;}
.f13px{font-size:13px ;}
.f14px{font-size:14px ;}
.f15px{font-size:15px ;}
.f16px{font-size:16px ;}
.f17px{font-size:17px ;}
.f18px{font-size:18px ;}
.f19px{font-size:19px ;}
.f20px{font-size:20px ;}

.mgnt3{margin-top:3px !important;}
.mgnt5{margin-top:5px !important;}
.mgnt10{margin-top:10px !important;}
.mgnt15{margin-top:15px !important;}
.mgnt20{margin-top:20px !important;}
.mgnt25{margin-top:25px !important;}
.mgnt30{margin-top:30px !important;}
.mgnt40{margin-top:40px !important;}
.mgnt50{margin-top:50px !important;}

.mgnb3{margin-bottom:3px !important;}
.mgnb5{margin-bottom:5px !important;}
.mgnb10{margin-bottom:10px !important;}
.mgnb15{margin-bottom:15px !important;}
.mgnb20{margin-bottom:20px !important;}
.mgnb25{margin-bottom:25px !important;}
.mgnb30{margin-bottom:30px !important;}
.mgnb40{margin-bottom:40px !important;}
.mgnb50{margin-bottom:50px !important;}

.pddt5{padding-top:5px !important;}
.pddt10{padding-top:10px !important;}
.pddt15{padding-top:15px !important;}
.pddt20{padding-top:20px !important;}
.pddt25{padding-top:25px !important;}
.pddt30{padding-top:30px !important;}
.pddt40{padding-top:40px !important;}
.pddt50{padding-top:50px !important;}

.pddb5{padding-bottom:5px !important;}
.pddb10{padding-bottom:10px !important;}
.pddb15{padding-bottom:15px !important;}
.pddb20{padding-bottom:20px !important;}
.pddb25{padding-bottom:25px !important;}
.pddb30{padding-bottom:30px !important;}
.pddb40{padding-bottom:40px !important;}
.pddb50{padding-bottom:50px !important;}

.LH1{line-height:1;}
.LH12{line-height:1.2;}
.LH13{line-height:1.3;}
.LH14{line-height:1.4;}
.LH15{line-height:1.5;}
.LH16{line-height:1.6;}
.LH17{line-height:1.7;}
.LH18{line-height:1.8;}
.LH2{line-height:2;}
.LH3{line-height:3;}

/* --------------- スマホ --------------- */
@media (max-width: 767px) {
    .f11px{font-size:3vw ;}
    .f12px{font-size:3.3vw ;}
    .f13px{font-size:3.5vw ;}
    .f14px{font-size:3.8vw ;}
    .f15px{font-size:4vw ;}
    .f16px{font-size:4.3vw ;}
    .f17px{font-size:4.5vw ;}
    .f18px{font-size:4.8vw ;}
    .f19px{font-size:5vw ;}
    .f20px{font-size:5.3vw ;}
    
    
    
}