@charset "utf-8";

/* ====================================
  last update:2018.12.06
====================================*/



/************************************************************************
  reset
************************************************************************/
* { margin:0; padding:0; }
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ul, fieldset, form, label, legend, caption, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video,th { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; }

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

body { margin:0; padding:0; background:#ffffff; -webkit-text-size-adjust:100%; }
img { border:0; }

/************************************************************************
  margin
************************************************************************/

.m0 { margin:0 !important; }
.m5 { margin:5px !important; }
.m10 { margin:10px !important; }
.m15 { margin:15px !important; }
.m20 { margin:20px !important; }
.m25 { margin:25px !important; }
.m30 { margin:30px !important; }
.m35 { margin:35px !important; }
.m40 { margin:40px !important; }
.m45 { margin:45px !important; }
.m50 { margin:50px !important; }
.m60 { margin:60px !important; }
.m70 { margin:70px !important; }
.m80 { margin:80px !important; }
.m90 { margin:90px !important; }
.m100 { margin:100px !important; }


/************************************************************************
  margin-top
************************************************************************/

.mt0 { margin-top:0 !important; }
.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; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }

/************************************************************************
  margin-bottom
************************************************************************/

.mb0 { margin-bottom:0 !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; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mb90 { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; }

/************************************************************************
  margin-right
************************************************************************/

.mr0 { margin-right:0 !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; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mr60 { margin-right:60px !important; }
.mr70 { margin-right:70px !important; }
.mr80 { margin-right:80px !important; }
.mr90 { margin-right:90px !important; }
.mr100 { margin-right:100px !important; }

/************************************************************************
  margin-left
************************************************************************/

.ml0 { margin-left:0 !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; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }
.ml70 { margin-left:70px !important; }
.ml80 { margin-left:80px !important; }
.ml90 { margin-left:90px !important; }
.ml100 { margin-left:100px !important; }

/************************************************************************
  padding
************************************************************************/

.p0 { padding:0 !important; }
.p5 { padding:5px !important; }
.p10 { padding:10px !important; }
.p15 { padding:15px !important; }
.p20 { padding:20px !important; }
.p25 { padding:25px !important; }
.p30 { padding:30px !important; }
.p35 { padding:35px !important; }
.p40 { padding:40px !important; }
.p45 { padding:45px !important; }
.p50 { padding:50px !important; }
.p60 { padding:60px !important; }
.p70 { padding:70px !important; }
.p80 { padding:80px !important; }
.p90 { padding:90px !important; }
.p100 { padding:100px !important; }

/************************************************************************
  padding-top
************************************************************************/

.pt0 { padding-top:0 !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }
.pt70 { padding-top:70px !important; }
.pt80 { padding-top:80px !important; }
.pt90 { padding-top:90px !important; }
.pt100 { padding-top:100px !important; }

/************************************************************************
  padding-bottom
************************************************************************/

.pb0 { padding-bottom:0 !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pb60 { padding-bottom:60px !important; }
.pb70 { padding-bottom:70px !important; }
.pb80 { padding-bottom:80px !important; }
.pb90 { padding-bottom:90px !important; }
.pb100 { padding-bottom:100px !important; }

/************************************************************************
  padding-right
************************************************************************/

.pr0 { padding-right:0 !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }
.pr60 { padding-right:60px !important; }
.pr70 { padding-right:70px !important; }
.pr80 { padding-right:80px !important; }
.pr90 { padding-right:90px !important; }
.pr100 { padding-right:100px !important; }

/************************************************************************
  padding-left
************************************************************************/

.pl0 { padding-left:0 !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }
.pl60 { padding-left:60px !important; }
.pl70 { padding-left:70px !important; }
.pl80 { padding-left:80px !important; }
.pl90 { padding-left:90px !important; }
.pl100 { padding-left:100px !important; }

/************************************************************************
  text-align
************************************************************************/

.alignL { text-align:left !important; }
.alignR { text-align:right !important; }
.alignC { text-align:center !important; }

/************************************************************************
  text
************************************************************************/

p { line-height:1.5; }

.underline { text-decoration:underline; }
.bold { font-weight:bold; }
.nowrap { white-space:nowrap; }
.pre { white-space:pre; }

.caution { color:red; }

p.mark { margin-left:1.5em; text-indent:-1.5em; } 
p.mark span {  } 

.ttl { margin-bottom:0.5em; color:#666666; font-weight:bold; font-size:large; }
.ttl-B { margin-bottom:0.5em; padding:5px 10px; background:#f0f8ff; color:#666666; font-weight:bold; font-size:large; }

/************************************************************************
  font
************************************************************************/
.font-s { font-size:small; }
.font-l { font-size:large; }

/************************************************************************
  link
************************************************************************/

a[target^="_blank"]:after {  }

a[href^="tel:"] { pointer-events:none; }


/* ============ smart phone ============ */
@media (max-width:640px){

a[href^="tel:"] { pointer-events:auto; }

}
/************************************************************************
  float
************************************************************************/

.floatL { float:left; }
.floatR { float:right; }

/* SP Only */
.floatL.sp-only { float:none; }
.floatR.sp-only { float:none; }

.clear { clear:both; }


/* ============ smart phone ============ */
@media (max-width:640px){
/* PC Only */
.floatL.pc-only { float:none; }
.floatR.pc-only { float:none; }

/* SP Only */
.floatL.sp-only { float:left; }
.floatR.sp-only { float:right; }
}

/************************************************************************
  font-size
************************************************************************/

html { font-size:62.5%; }
body { font-size:16px; font-size:1.6em; } /* =16px */

.f10 { font-size:10px; font-size:1rem; } /* 10px (eq.x-small) */
.f12 { font-size:12px; font-size:1.2rem; } /* 12px  */
.f13 { font-size:13px; font-size:1.3rem; } /* 13px (eq.small) */
.f16 { font-size:16px; font-size:1.6rem; } /* 16px (eq.medium) */
.f18 { font-size:18px; font-size:1.8rem; } /* 18px (eq.large) */
.f20 { font-size:20px; font-size:2.0rem; } /* 20px */
.f24 { font-size:24px; font-size:2.4rem; } /* 24px */
.f28 { font-size:28px; font-size:2.8rem; } /* 28px */
.f32 { font-size:32px; font-size:3.2rem; } /* 32px */
.f36 { font-size:36px; font-size:3.6rem; } /* 36px */

html { line-height:1.5; }
body { line-height:1.5; }

/************************************************************************
  border-radius
************************************************************************/

.radius2 { border:1px solid; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:3px; }

.radius3 { border:1px solid; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.radius5 { border:1px solid; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

.radius10 { border:1px solid; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }

/************************************************************************
  list
************************************************************************/
.list-none { list-style:none !important; }

ul { list-style:none; }

/* icon */
ul.icon { list-style:none; line-height:1.5; }
ul.icon li { padding-left:1.2em; position:relative; }
ul.icon li span { margin:0; padding:0; width:1em; color:#ffcc66; display:inline-block; font-family:sans-serif; position:absolute; left:0; }

ul.icon-half { list-style:none; line-height:1.5; }
ul.icon-half li { padding-left:1.2em; position:relative; }
ul.icon-half li span { margin:0; padding:0; width:0.5em; color:#ffcc66; display:inline-block; font-family:sans-serif; position:absolute; left:0.4em; }


ul.disc { list-style:disc; }
ul.disc li { margin-left:1.5em; }

ul.circle { list-style:circle; }
ul.circle li { margin-left:1.5em; }

ul.square { list-style:square; }
ul.square li { margin-left:1.5em; }

ul.mark { list-style:none; } 
ul.mark li { margin-left:1.5em; text-indent:-1.2em; } 

ol { margin-left:1.5em; }
ol.strong { font-weight:bold; font-size:larger; }

ul.gallery { list-style:none; font-size:0; }
ul.gallery li { display:inline-block; box-sizing:border-box; }

/* list margin */
ul.limb5 li { margin-bottom:5px !important; }
ul.limb10 li { margin-bottom:10px !important; }
ul.limb15 li { margin-bottom:15px !important; }
ul.limb20 li { margin-bottom:20px !important; }

ol.limb5 li { margin-bottom:5px !important; }
ol.limb10 li { margin-bottom:10px !important; }
ol.limb15 li { margin-bottom:15px !important; }
ol.limb20 li { margin-bottom:20px !important; }


/************************************************************************
  table
************************************************************************/

table { border-collapse:collapse; vertical-align:top; }
table th { vertical-align:top; }
table td { vertical-align:top; }

caption { padding:5px; font-weight:bold; }

table.border { border-top:1px solid; border-left:1px solid; }
table.border th { padding:5px; border-bottom:1px solid; border-right:1px solid; }
table.border td { padding:5px; border-bottom:1px solid; border-right:1px solid; }

table.border-gray { border-top:1px solid gray; border-left:1px solid gray; }
table.border-gray th { padding:5px; border-bottom:1px solid gray; border-right:1px solid gray; }
table.border-gray td { padding:5px; border-bottom:1px solid gray; border-right:1px solid gray; }

table.border-lg { border-top:1px solid lightgray; border-left:1px solid lightgray; }
table.border-lg th { padding:5px; border-bottom:1px solid lightgray; border-right:1px solid lightgray; }
table.border-lg td { padding:5px; border-bottom:1px solid lightgray; border-right:1px solid lightgray; }


/************************************************************************
  width
************************************************************************/

.w100 { width:100% !important; box-sizing:border-box; }
.w90 { width:90% !important; box-sizing:border-box; }
.w80 { width:80% !important; box-sizing:border-box; }
.w70 { width:70% !important; box-sizing:border-box; }
.w60 { width:60% !important; box-sizing:border-box; }
.w50 { width:50% !important; box-sizing:border-box; }
.w45 { width:45% !important; box-sizing:border-box; }
.w40 { width:40% !important; box-sizing:border-box; }
.w30 { width:30% !important; box-sizing:border-box; }
.w25 { width:25% !important; box-sizing:border-box; }
.w20 { width:20% !important; box-sizing:border-box; }
.w10 { width:10% !important; box-sizing:border-box; }

/* SP Only */
.w100.sp-only { width:auto !important; box-sizing:border-box; }
.w90.sp-only { width:auto !important; box-sizing:border-box; }
.w80.sp-only { width:auto !important; box-sizing:border-box; }
.w70.sp-only { width:auto !important; box-sizing:border-box; }
.w60.sp-only { width:auto !important; box-sizing:border-box; }
.w50.sp-only { width:auto !important; box-sizing:border-box; }
.w45.sp-only { width:auto !important; box-sizing:border-box; }
.w40.sp-only { width:auto !important; box-sizing:border-box; }
.w30.sp-only { width:auto !important; box-sizing:border-box; }
.w25.sp-only { width:auto !important; box-sizing:border-box; }
.w20.sp-only { width:auto !important; box-sizing:border-box; }
.w10.sp-only { width:auto !important; box-sizing:border-box; }

/* ============ smart phone ============ */
@media (max-width:640px){
/* PC Only */
.w100.pc-only { width:auto !important; box-sizing:border-box; }
.w90.pc-only { width:auto !important; box-sizing:border-box; }
.w80.pc-only { width:auto !important; box-sizing:border-box; }
.w70.pc-only { width:auto !important; box-sizing:border-box; }
.w60.pc-only { width:auto !important; box-sizing:border-box; }
.w50.pc-only { width:auto !important; box-sizing:border-box; }
.w45.pc-only { width:auto !important; box-sizing:border-box; }
.w40.pc-only { width:auto !important; box-sizing:border-box; }
.w30.pc-only { width:auto !important; box-sizing:border-box; }
.w25.pc-only { width:auto !important; box-sizing:border-box; }
.w20.pc-only { width:auto !important; box-sizing:border-box; }
.w10.pc-only { width:auto !important; box-sizing:border-box; }

/* SP Only */
.w100.sp-only { width:100% !important; box-sizing:border-box; }
.w90.sp-only { width:90% !important; box-sizing:border-box; }
.w80.sp-only { width:80% !important; box-sizing:border-box; }
.w70.sp-only { width:70% !important; box-sizing:border-box; }
.w60.sp-only { width:60% !important; box-sizing:border-box; }
.w50.sp-only { width:50% !important; box-sizing:border-box; }
.w45.sp-only { width:45% !important; box-sizing:border-box; }
.w40.sp-only { width:40% !important; box-sizing:border-box; }
.w30.sp-only { width:30% !important; box-sizing:border-box; }
.w25.sp-only { width:25% !important; box-sizing:border-box; }
.w20.sp-only { width:20% !important; box-sizing:border-box; }
.w10.sp-only { width:10% !important; box-sizing:border-box; }
}

/************************************************************************
  column
************************************************************************/

/* 2 column */
.col2 {  }
.col2:after { content:""; display:block; clear:both; }
.col2 .item { padding:10px; width:50%; float:left; box-sizing:border-box; }

/* PC Only */
.col2.pc-only {  }
.col2.pc-only:after { content:""; display:block; clear:both; }
.col2.pc-only .item { padding:10px; width:50%; float:left; box-sizing:border-box; }

/* 3 column */
.col3 {  }
.col3:after { content:""; display:block; clear:both; }
.col3 .item { width:33%; float:left; box-sizing:border-box; }

/* ============ smart phone ============ */
@media (max-width:640px){
/* PC Only */
.col2.pc-only .item { width:100%; float:none; }
.col3.pc-only .item { width:100%; float:none; }
}

/************************************************************************
  background color
************************************************************************/

.bg-white { background-color:white; }
.bg-gray { background-color:gray; }
.bg-black { background-color:black; }

/************************************************************************
  color
************************************************************************/

.tc-white { color:white !important; }
.tc-red { color:red !important; }
.tc-blue { color:blue !important; }
.tc-gray { color:gray !important; }
.tc-black { color:black !important; }

/************************************************************************
  form
************************************************************************/
/* placeholder */
::-webkit-input-placeholder {  }
:-ms-input-placeholder {  }
::-moz-placeholder {  }

:focus::-webkit-input-placeholder { color:transparent; }
:focus:-moz-placeholder { color:transparent; }
:focus::-moz-placeholder { color:transparent; }

/************************************************************************
  clearfix
************************************************************************/

.clearfix:after { content:url(/Content/images/dummy.gif); display:block; clear:both; height:0; } 
.clearfix { display:inline-block; } 
/* Mac IE Exclusion \*/ 
.clearfix { display:block; } 
/* */

/************************************************************************
  other
************************************************************************/

.inline-block { display:inline-block !important; }

/* PC Only */
.inline-block-pc { display:inline-block !important; }

.pc { display:inherit; }
.sp { display:none; }

/* ============ smart phone ============ */
@media (max-width:640px){
.pc { display:none !important; }
.sp { display:inline !important; }
}