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

/*
margin,padding,borderは0で統一
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, 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; vertical-align:baseline; background:transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
figure { margin-bottom: 0!important;}
img{ vertical-align:bottom; width: auto; height: auto; max-width: 100%;}

/* WordPress 5系 default css 無効 */
p:empty:before { content: none!important; }

/* html element 62.5% font-size for REM use */
html { font-size:62.5%; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}


/*Display*/
.displayB{ display:block; }
.displayN{ display:none; }
.displayT{ display:table; }
.displayTC{ display:table-cell; }
.displayI{ display:inline; }
.displayIB{ display:inline-block; }

/*Flexbox*/
.flex { -js-display:flex; display:flex; flex-wrap: wrap; }
/*折り返し設定*/
.flexWrap { flex-wrap: wrap;}
.flexNowrap { flex-wrap: nowrap; gap: 0 1em;}
/*横並びの設定*/
.flexStart { justify-content: flex-start;}
.flexEnd { justify-content: flex-end;}
.flexCenter { justify-content: center; }
.flexAround { justify-content: space-around; }
.flexBetween { justify-content: space-between; }
/*縦軸の設定*/
.alignStart { align-items: start;}
.alignStretch { align-items: stretch;}
.alignC { align-items: center; }
.alignEnd { align-items: flex-end; }
/*縦軸 個別設定*/
.alignSelfStart { align-self: start;}
.alignSelfC { align-self: center;}
.alignSelfEnd { align-self: flex-end;}
/*flexのコンテンツ自体の縦軸*/
.alignContentStart { align-content:start;}
.alignContentStretch { align-content:stretch;}
/*flex-itemの基本的な大きさ*/
.column1 { width: 100%;}
.column2 { width: 48%; }/*1/2*/
.column3 { width: 30%; }/*1/3*/
.column3-1 { width: 32%; }/*1/3*/
.column3-2 { width: 66%; }/*1/3*/
.column4 { width: 24%; }/*1/4*/
.column4-3 { width: 75%; }/*3/4*/
.column5 { width: 20%; }/*1/5*/
/*flex-itemの間隔設定*/
.gap1 { gap: 1% 1em;}
.gap2 { gap: 2% 2em;}
.gap3 { gap: 3% 3em;}
.gap4 { gap: 4% 4em;}
.gap5 { gap: 5% 5em;}
.gap10 { gap: 10% 10em;}
@media only screen and (max-width:768px){
  .sColumn1 {width: 100%;}
  .column3-2 { width: 100%; }
  .column4 { width: 48%; }/*1/4*/
  .column4-3 { width: 48%; }/*3/4*/
  .column5 { width: 48%; }/*1/5*/
}

/*list*/
.listStyleCircle { list-style: circle;}
.listStyleDecimal { list-style: decimal;}

/*hover*/
.hoverOpacity { cursor: pointer; opacity: 1; transition: 0.5s;}
.hoverOpacity:hover { opacity: 0.6;}

/*Float*/
.fltL { float:left; display:block; }
.fltR { float:right; display:block; }

/*clearfix*/
.clearfix::after { content:""; display:table; clear:both; }

/*Position*/
.relative{ position:relative; }

.zindex0{ z-index:0; }
.zindex1{ z-index:1; }
.zindex10{ z-index:10; }
.zindex100{ z-index:100; }
.zindex1000{ z-index:1000; }
.zindex-1{ z-index:-1; }
.zindex-10{ z-index:-10; }
.zindex-100{ z-index:-100; }

/*Textalign*/
.textL{ text-align:left; }
.textR{ text-align:right; }
.textC{ text-align:center; }

/*Verticalalign*/
.verticalT{ vertical-align:top; }
.verticalM{ vertical-align:middle; }
.verticalB{ vertical-align:bottom; }

/*centering*/
.blockC{ margin: auto; }

/*margin common*/
.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; }
.m55{ margin:55px!important; }
.m60{ margin:60px!important; }
.m65{ margin:65px!important; }
.m70{ margin:70px!important; }
.m75{ margin:75px!important; }
.m80{ margin:80px!important; }
.m85{ margin:85px!important; }
.m90{ margin:90px!important; }
.m95{ margin:95px!important; }
.m100{ margin:100px!important; }

.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; }
.mt55{ margin-top:55px!important; }
.mt60{ margin-top:60px!important; }
.mt65{ margin-top:65px!important; }
.mt70{ margin-top:70px!important; }
.mt75{ margin-top:75px!important; }
.mt80{ margin-top:80px!important; }
.mt85{ margin-top:85px!important; }
.mt90{ margin-top:90px!important; }
.mt95{ margin-top:95px!important; }
.mt100{ margin-top:100px!important; }

.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; }
.mr55{ margin-right:55px!important; }
.mr60{ margin-right:60px!important; }
.mr65{ margin-right:65px!important; }
.mr70{ margin-right:70px!important; }
.mr75{ margin-right:75px!important; }
.mr80{ margin-right:80px!important; }
.mr85{ margin-right:85px!important; }
.mr90{ margin-right:90px!important; }
.mr95{ margin-right:95px!important; }
.mr100{ margin-right:100px!important; }


.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; }
.mb55{ margin-bottom:55px!important; }
.mb60{ margin-bottom:60px!important; }
.mb65{ margin-bottom:65px!important; }
.mb70{ margin-bottom:70px!important; }
.mb75{ margin-bottom:75px!important; }
.mb80{ margin-bottom:80px!important; }
.mb85{ margin-bottom:85px!important; }
.mb90{ margin-bottom:90px!important; }
.mb95{ margin-bottom:95px!important; }
.mb100{ margin-bottom:100px!important; }

.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; }
.ml55{ margin-left:55px!important; }
.ml60{ margin-left:60px!important; }
.ml65{ margin-left:65px!important; }
.ml70{ margin-left:70px!important; }
.ml75{ margin-left:75px!important; }
.ml80{ margin-left:80px!important; }
.ml85{ margin-left:85px!important; }
.ml90{ margin-left:90px!important; }
.ml95{ margin-left:95px!important; }
.ml100{ margin-left:100px!important; }


/*padding common*/
.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; }
.p55{ padding:55px!important; }
.p60{ padding:60px!important; }
.p65{ padding:65px!important; }
.p70{ padding:70px!important; }
.p75{ padding:75px!important; }
.p80{ padding:80px!important; }
.p85{ padding:85px!important; }
.p90{ padding:90px!important; }
.p95{ padding:95px!important; }
.p100{ padding:100px!important; }

.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; }
.pt55{ padding-top:55px!important; }
.pt60{ padding-top:60px!important; }
.pt65{ padding-top:65px!important; }
.pt70{ padding-top:70px!important; }
.pt75{ padding-top:75px!important; }
.pt80{ padding-top:80px!important; }
.pt85{ padding-top:85px!important; }
.pt90{ padding-top:90px!important; }
.pt95{ padding-top:95px!important; }
.pt100{ padding-top:100px!important; }


.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; }
.pr55{ padding-right:55px!important; }
.pr60{ padding-right:60px!important; }
.pr65{ padding-right:65px!important; }
.pr70{ padding-right:70px!important; }
.pr75{ padding-right:75px!important; }
.pr80{ padding-right:80px!important; }
.pr85{ padding-right:85px!important; }
.pr90{ padding-right:90px!important; }
.pr95{ padding-right:95px!important; }
.pr100{ padding-right:100px!important; }

.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; }
.pb55{ padding-bottom:55px!important; }
.pb60{ padding-bottom:60px!important; }
.pb65{ padding-bottom:65px!important; }
.pb70{ padding-bottom:70px!important; }
.pb75{ padding-bottom:75px!important; }
.pb80{ padding-bottom:80px!important; }
.pb85{ padding-bottom:85px!important; }
.pb90{ padding-bottom:90px!important; }
.pb95{ padding-bottom:95px!important; }
.pb100{ padding-bottom:100px!important; }

.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; }
.pl55{ padding-left:55px!important; }
.pl60{ padding-left:60px!important; }
.pl65{ padding-left:65px!important; }
.pl70{ padding-left:70px!important; }
.pl75{ padding-left:75px!important; }
.pl80{ padding-left:80px!important; }
.pl85{ padding-left:85px!important; }
.pl90{ padding-left:90px!important; }
.pl95{ padding-left:95px!important; }
.pl100{ padding-left:100px!important; }

/*width common*/
.w5p{ width:5%; }
.w10p{ width:10%; }
.w15p{ width:15%; }
.w20p{ width:20%; }
.w25p{ width:25%; }
.w30p{ width:30%; }
.w35p{ width:35%; }
.w40p{ width:40%; }
.w45p{ width:45%; }
.w50p{ width:50%; }
.w55p{ width:55%; }
.w60p{ width:60%; }
.w65p{ width:65%; }
.w70p{ width:70%; }
.w75p{ width:75%; }
.w80p{ width:80%; }
.w85p{ width:85%; }
.w90p{ width:90%; }
.w95p{ width:95%; }
.w100p{ width:100%; }
@media only screen and (max-width:768px){
  .w5p{ width:48; }
  .w10p{ width:48%; }
  .w15p{ width:48%; }
  .w20p{ width:48%; }
  .w25p{ width:48%; }
  .w30p{ width:48%; }
  .w35p{ width:48%; }
  .w40p{ width:48%; }
  .w45p{ width:48%; }
  .w50p{ width:100%; }
  .w55p{ width:100%; }
  .w60p{ width:100%; }
  .w65p{ width:100%; }
  .w70p{ width:100%; }
  .w75p{ width:100%; }
  .w80p{ width:100%; }
  .w85p{ width:100%; }
  .w90p{ width:100%; }
  .w95p{ width:100%; }
  .w100p{ width:100%; }
}

/*FontWeight*/
.fw300 { font-weight: 300;}
.fw400 { font-weight: 400;}
.fw500 { font-weight: 500;}
.fw600 { font-weight: 600;}
.fw700 { font-weight: 700;}
.fcFFFFFF { color: #fff;}
.fc000000 { color: #000;}
.fc555555 { color: #555;}
.fcF5F5F5 { color: #f5f5f5;}
.fcFF0000 { color: #ff0000;}
.fc0000FF { color: #0000ff;}
.fc00FF00 { color: #00ff00;}

/*FontSize*/
.fs10 { font-size: 1.0rem; }
.fs11 { font-size: 1.1rem; }
.fs12 { font-size: 1.2rem; }
.fs13 { font-size: 1.3rem; }
.fs14 { font-size: 1.4rem; }
.fs15 { font-size: 1.5rem; }
.fs16 { font-size: 1.6rem; }
.fs17 { font-size: 1.7rem; }
.fs18 { font-size: 1.8rem; }
.fs19 { font-size: 1.9rem; }
.fs20 { font-size: 2.0rem; }
.fs21 { font-size: 2.1rem; }
.fs22 { font-size: 2.2rem; }
.fs23 { font-size: 2.3rem; }
.fs24 { font-size: 2.4rem; }
.fs25 { font-size: 2.5rem; }
.fs26 { font-size: 2.6rem; }


/*Text-decoration*/
.decoNone{ text-decoration:none; }
.decoUnderline{ text-decoration:underline; }

/*form*/
input {
  color: inherit;
  outline: none;
}
input[type="text"] {
  width: 100%;
}
input:focus {
	box-shadow: none;
	outline: none;
}
textarea {
  color: inherit;
  font-family: inherit;
  width: 100%;
}
textarea:focus {
	box-shadow: none;
	outline: none;
}
select {
  color: inherit;
	box-shadow: none;
	outline: none;
}
input[type="submit"] {
  color: inherit;
  display: inline-block;
}
.input[type="submit"]:hover,
.input[type="submit"]:focus {
	outline: none;
}

.input[type="submit"]::-moz-foucus-inner {
	border: none;
	padding: 0;
}
input[type="reset"] {
  color: inherit;
  display: inline-block;
}
.input[type="reset"]:hover,
.input[type="reset"]:focus {
	outline: none;
}

.input[type="reset"]::-moz-foucus-inner {
	border: none;
	padding: 0;
}
button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none
}