@charset "utf-8";

---------------------------------------------------------- */

/*  Common Elements (tag)
---------------------------------------------------------- */

html {
  width: 100%;
  overflow: hidden;
  background: #f4f4f5;
  font-size: 16px;
}

body {
  width: 99%;
  overflow: hidden;
  background: #fff;
  color: #45433e;
  font-size: 75%; /* 12px */
  font-family: "AvenirNext-Regular", "Alibaba PuHuiTi R", "游ゴシック Medium", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", "Noto Sans JP", sans-serif;
  line-height: 1.6;
  text-align: center;
}

body#popup {
  min-width: 0;
  background: #f4f4f5;
}

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



.mt00 {
  margin-top: 0px !important;
}

.mt05 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.pl00 {
  padding-left: 0 !important;
}

.pl05 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15px {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl08Em {
  padding-left: 0.8em !important;
  /* /padding-left: 0 !important; */
}

.pr00 {
  padding-right: 0 !important;
}

.pr05 {
  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;
}

.pt00 {
  padding-top: 0 !important;
}

.pt03 {
  padding-top: 3px !important;
}

.pt05 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.width40 {
  width: 40px !important;
}

.width50 {
  width: 50px !important;
}

.width70 {
  width: 70px !important;
}

.width90 {
  width: 90px !important;
}

.width100 {
  width: 100px !important;
}

.width110 {
  width: 110px !important;
}

.width120 {
  width: 120px !important;
}

.width130 {
  width: 130px !important;
}

.width150 {
  width: 150px !important;
}

.width152 {
  width: 152px !important;
}

.width170 {
  width: 170px !important;
}

.width180 {
  width: 180px !important;
}

.width190 {
  width: 190px !important;
}

.width200 {
  width: 200px !important;
}

.width210 {
  width: 210px !important;
}

.width216 {
  width: 216px !important;
}

.width223 {
  width: 223px !important;
}

.width235 {
  width: 235px !important;
}

.width250 {
  width: 250px !important;
}

.width255 {
  width: 255px !important;
}

.width280 {
  width: 280px !important;
}

.width290 {
  width: 290px !important;
}

.width300 {
  width: 300px !important;
}

.width310 {
  width: 310px !important;
}

.width317 {
  width: 317px !important;
}

.width340 {
  width: 340px !important;
}

.width340Right {
  width: 340px !important;
  margin: 0 0 0 auto;
}

.width340Center {
  width: 340px !important;
  margin: 0 auto;
}

.width370 {
  width: 370px !important;
}

.width390 {
  width: 390px !important;
}

.width400 {
  width: 400px !important;
}

.width400Right {
  width: 400px !important;
  margin: 0 0 0 auto;
}

.width400Center {
  width: 400px !important;
  margin: 0 auto;
}

.width434 {
  width: 434px !important;
}

.width450 {
  width: 450px !important;
}

.width460 {
  width: 460px !important;
}

.width470 {
  width: 470px;
}

.width480 {
  width: 480px;
}

.width480Right {
  width: 480px;
  margin: 0 0 0 auto;
}

.width480Center {
  width: 480px;
  margin: 0 auto;
}

.width510 {
  width: 510px !important;
}

.width530 {
  width: 530px !important;
}

.width580 {
  width: 580px !important;
}

.width600 {
  width: 600px;
}

.width600Right {
  width: 600px;
  margin: 0 0 0 auto;
}

.width600Center {
  width: 600px;
  margin: 0 auto;
}

.width650 {
  width: 650px !important;
}

.width700Center {
  width: 700px;
  margin: 0 auto;
}

.width800Center {
  width: 800px;
  margin: 0 auto;
}

.width960 {
  width: 960px !important;
}

.textCenter {
  text-align: center !important;
}

.textLeft {
  text-align: left !important;
}

.textRight {
  text-align: right !important;
}

.verticalBottom {
  vertical-align: bottom !important;
}

.verticalMiddle {
  vertical-align: middle !important;
}

.clear {
  clear: both;
}

.text-bold {
  font-weight: bold !important;
}

.text-large {
  font-size: 117% !important;
}

.text-small {
  font-size: 83% !important;
}

.text-primary {
  color: #45433e !important;
}

.text-warning {
  color: #c80421 !important;
}

.text-mute {
  color: #807f7d !important;
}

.text-meta {
  color: #807f7d !important;
}

/* == old settings ================================ */
.textSmall {
  font-size: 83%; /* 10px */
}

.textLarge {
  font-size: 117%; /* 14px */
}

.textXLarge {
  font-size: 130% !important; /* 16px */
}

.pt00f {
  padding-top: 0 !important;
  font-weight: bold;
}

.pointColorA {
  color: #45433e;
}

.pointColorB {
  color: #45433e;
}
.pointColorRed {
  color: #45433e;
}
.pointColorPink {
  color: #45433e;
}
.leadTextA {
  font-size: 117%; /* 14px */
  font-weight: bold;
  color: #45433e;
  text-align: center;
}

.mb00 {
  margin-bottom: 0 !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.pb00 {
  padding-bottom: 0 !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.ml15 {
  margin-left: 15px !important;
}



/*  body
---------------------------------------------------------- */

div#body {
  position: relative;
  width: 100%;
  min-height: 400px;
  margin: 0 auto;
  padding: 15px 15px 40px 15px;
  text-align: left;
}
/*  Clearfix
---------------------------------------------------------- */

div#body:after,
div#footer:after,
div#footer ul:after,
div#miniCart div.miniCartTotal:after,
div#body div.asidePoint dl:after,
.clearfix:after,
.group:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

div#header ul,
div#header div.search,
div#body,
div#footer,
div#footer ul,
div#miniCart div.miniCartTotal,
div#body div.asidePoint dl,
.clearfix,
.group {
  display: inline-block;
}

/*\*/
* html div#header ul,
* html div#header div.search,
* html div#body,
* html div#footer,
* html div#footer ul,
* html div#miniCart div.miniCartTotal,
* html div#body div.asidePoint dl,
* html .clearfix,
* html .group {
  height: 1%;
}

div#header ul,
div#header div.search,
div#body,
div#footer,
div#footer ul,
div#miniCart div.miniCartTotal,
div#body div.asidePoint dl,
.clearfix,
.group {
  display: block;
}


/* フッター */
.footer2019 {
  padding: 0;
  background: #fff;
  border-top: 1px solid #e6e6e6;
}

.footer2019:after {
  content: '';
}

.footer2019_copyright {
  background-color: #45433e;
  color: #fff;
  padding: 15px;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
}


#topicUnit.custom2019 {
  background: #fff;
  border-top: 1px solid #d3d2cf;
  border-bottom: 0 none;
}