/* @charset "UTF-8";
/* scss/_primer.scss */
/* ============================================ */
body {
  /*長いURLの場合でも折り返しさせる*/
  word-wrap: break-word;
  overflow-wrap: break-word;
}

pre, code, kbd, samp {
  /*pre要素も折り返しさせる*/
  white-space: pre-wrap;
}

img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  vertical-align: middle;
  /*もしくは、bottom;*/
  border: 0;
}

img.radius {
  border-radius: 50%;
}

a {
  color: #432;
  text-decoration: none;
  transition: 0.1s;
}
a:hover {
  color: darkturquoise;
  text-decoration: none;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

span{}
/* spanをインラインブロック化 */
span.inlineB {
  display: inline-block;
}

p {
  margin-top: 0rem;
  margin-bottom: 1rem;
}

p.marginTB0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}


dl {
  display: flex;
  flex-wrap: wrap;
}
dt, dd { /*view.css*/ }

.flexNowrap {
  display: flex;
  flex-wrap: nowrap;
  /*折り返しなし*/
}

.flexWrap {
  display: flex;
  flex-wrap: wrap;
  /*折り返しあり*/
}

/* pcv（PCview Responsive mobile first）*/
/* -------------------------------------------- */
.flexwrapN_pcvW {
  display: flex;
  flex-wrap: nowrap;
}

.flexwrapW_pcvN {
  display: flex;
  flex-wrap: wrap;
}

/* li内の要素を縦位置中央揃え */
/*（※li内の縦位置揃えは大変なので、基本はこれとfxd-でいい）*/
/* -------------------------------------------------- */
li {
  display: -webkit-box;
  /* safari, Chrome */
  display: -moz-box;
  /* Firefox */
  display: -o-box;
  /* Opera */
  display: -ms-box;
  /* IE */
  display: box;
  /* ベンダープレフィックスなし */
  -webkit-box-align: center;
  /* safari, Chrome */
  -moz-box-align: center;
  /* Firefox */
  -o-box-align: center;
  /* Opera */
  -ms-box-align: center;
  /* IE */
  box-align: center;
  /* ベンダープレフィックスなし */
  text-align: center;
}

/* ul先のliのdisplay変更 */
.__li-block li {
  display: block;
}

.__li-inline li {
  display: inline;
}

.__li-inlineB li {
  display: inline-block;
}

/* margin（ブロック要素）*/
/* -------------------------------------------------- */
.marginR {
  margin-right: auto;
  /*左寄せ*/
}

.marginC {
  margin: 0 auto;
  /*中央寄せ*/
}

.marginL {
  margin-left: auto;
  /*右寄せ*/
}

.vmarginB {
  margin-bottom: auto;
  /*上寄せ*/
}

.vmarginM {
  margin: auto 0;
  /*中央寄せ*/
}

.vmarginT {
  margin-top: auto;
  /*下寄せ*/
}

/* ---- align （インライン要素）---- */
.talignL {
  text-align: left;
  /*左寄せ*/
}

.talignC {
  text-align: center;
  /*中央寄せ*/
}

.talignR {
  text-align: right;
  /*右寄せ*/
}

.valignT {
  vertical-align: top;
  /*上寄せ*/
}

.valignM {
  vertical-align: middle;
  /*中央寄せ*/
}

.valignB {
  vertical-align: bottom;
  /*下寄せ*/
}

/* ---- pcv （PCview Responsive mobile first）---- */
.talignL_pcv {
  text-align: left;
  /*左寄せ*/
}

.talignC_pcv {
  text-align: center;
  /*中央寄せ*/
}

.talignR_pcv {
  text-align: right;
  /*右寄せ*/
}

.valignT_pcv {
  vertical-align: top;
  /*上寄せ*/
}

.valignM_pcv {
  vertical-align: middle;
  /*中央寄せ*/
}

.valignB_pcv {
  vertical-align: bottom;
  /*下寄せ*/
}

/* ブロック・インライン */
.block {
  display: block;
}

.inline {
  display: inline;
}

.inlineB {
  display: inline-block;
}

/* li内の要素を縦位置中央揃え */
/*（※li内はdisplay:blockにする）*/
/* -------------------------------------------- */
li {
  display: -webkit-box;
  /* safari, Chrome */
  display: -moz-box;
  /* Firefox */
  display: -o-box;
  /* Opera */
  display: -ms-box;
  /* IE */
  display: box;
  /* ベンダープレフィックスなし */
  -webkit-box-align: center;
  /* safari, Chrome */
  -moz-box-align: center;
  /* Firefox */
  -o-box-align: center;
  /* Opera */
  -ms-box-align: center;
  /* IE */
  box-align: center;
  /* ベンダープレフィックスなし */
}

/* ul先のliのdisplay変更 */
.__li-block li {
  display: block;
}

.__li-inline li {
  display: inline;
}

.__li-inlineB li {
  display: inline-block;
}

/* position */
.pos-R {
	position: relative;
}
.pos-A-C {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}

/* 短縮形（基本的にBootstrap使うが、一部Emmetに合わせる） */
/* -------------------------------------------- */
/* text-align （インライン要素） */
.ta-C {
  text-align: center;
}
.ta-L {
  text-align: left;
}
.ta-R {
  text-align: right;
}

/* margin （ブロック要素） */
.mLR-auto {
  margin-left: auto;
  margin-right: auto;
}
.mL-auto {
  margin-left: auto;
}
.mR-auto {
  margin-right: auto;
}

/* margin */
.mT-pt25r {
  margin-top: 0.25rem;
}
.mT-pt50r {
  margin-top: 0.5rem;
}
.mT-pt75r {
  margin-top: 0.75rem;
}
.mT-1r {
  margin-top: 1rem;
}
.mT-2r {
  margin-top: 2rem;
}
.mT-3r {
  margin-top: 3rem;
}
.mT-4r {
  margin-top: 4rem;
}
.mB-pt25r {
  margin-bottom: 0.25rem;
}
.mB-pt50r {
  margin-bottom: 0.5rem;
}
.mB-pt75r {
  margin-bottom: 0.75rem;
}
.mB-1r {
  margin-bottom: 1rem;
}
.mB-2r {
  margin-bottom: 2rem;
}
.mB-3r {
  margin-bottom: 3rem;
}
.mB-4r {
  margin-bottom: 4rem;
}
.mL-pt25r {
  margin-left: 0.25rem;
}
.mL-pt50r {
  margin-left: 0.5rem;
}
.mL-pt75r {
  margin-left: 0.75rem;
}
.mL-1r {
  margin-left: 1rem;
}
.mL-2r {
  margin-left: 2rem;
}
.mL-3r {
  margin-left: 3rem;
}
.mL-4r {
  margin-left: 4rem;
}
.mR-pt25r {
  margin-right: 0.25rem;
}
.mR-pt50r {
  margin-right: 0.5rem;
}
.mR-pt75r {
  margin-right: 0.75rem;
}
.mR-1r {
  margin-right: 1rem;
}
.mR-2r {
  margin-right: 2rem;
}
.mR-3r {
  margin-right: 3rem;
}
.mR-4r {
  margin-right: 4rem;
}

/* padding */
.p-pt25r {
  padding: 0.25rem;
}
.p-pt50r {
  padding: 0.5rem;
}
.p-pt75r {
  padding: 0.75rem;
}
.p-1r {
  padding: 1rem;
}
.p-2r {
  padding: 2rem;
}
.p-3r {
  padding: 3rem;
}
.p-4r {
  padding: 4rem;
}

.pT-pt25r {
  padding-top: 0.25rem;
}
.pT-pt50r {
  padding-top: 0.5rem;
}
.pT-pt75r {
  padding-top: 0.75rem;
}
.pT-1r {
  padding-top: 1rem;
}
.pT-2r {
  padding-top: 2rem;
}
.pT-3r {
  padding-top: 3rem;
}
.pT-4r {
  padding-top: 4rem;
}
.pB-pt25r {
  padding-bottom: 0.25rem;
}
.pB-pt50r {
  padding-bottom: 0.5rem;
}
.pB-pt75r {
  padding-bottom: 0.75rem;
}
.pB-1r {
  padding-bottom: 1rem;
}
.pB-2r {
  padding-bottom: 2rem;
}
.pB-3r {
  padding-bottom: 3rem;
}
.pB-4r {
  padding-bottom: 4rem;
}
.pL-pt25r {
  padding-left: 0.25rem;
}
.pL-pt50r {
  padding-left: 0.5rem;
}
.pL-pt75r {
  padding-left: 0.75rem;
}
.pL-1r {
  padding-left: 1rem;
}
.pL-2r {
  padding-left: 2rem;
}
.pL-3r {
  padding-left: 3rem;
}
.pL-4r {
  padding-left: 4rem;
}
.pR-pt25r {
  padding-right: 0.25rem;
}
.pR-pt50r {
  padding-right: 0.5rem;
}
.pR-pt75r {
  padding-right: 0.75rem;
}
.pR-1r {
  padding-right: 1rem;
}
.pR-2r {
  padding-right: 2rem;
}
.pR-3r {
  padding-right: 3rem;
}
.pR-4r {
  padding-right: 4rem;
}