@charset "UTF-8";
/* ==================================================
   Extend
================================================== */
header > p.close.btnBa.login a, header ul.listBtnBa li.close.btnBa a, .hdgL2Ba span.close.btnBa a, .hdgL3Ty01 span.close.btnBa a, ul.listBtnTy01 li.close a, ul.listBtnTy02 li.close a, ul.listBtnTy03 li.close a,
.btnTy01.close a, .hdgL3Ba span.close.btnBa a, ul.listBtnBa li.close a,
.btnTy02.close a, header ul.listBtnBa li.btnTy03.home a, em.icon.rank01, em.icon.rank02, em.icon.rank03, nav#navGlobal > ul > li a em, ol.listRankingBa > li > ul.listIconTy01 li.icon01 em, ol.listRankingBa > li > ul.listIconTy01 li.icon02 em,
ul.listBookBa > li > ul.listIconTy01 li.icon01 em,
ul.listBookBa > li > ul.listIconTy01 li.icon02 em,
ul.listBookBa-2 > li > ul.listIconTy01 li.icon01 em,
ul.listBookBa-2 > li > ul.listIconTy01 li.icon02 em, ul.listBookBa-2.sort > li .sort > li > a.icon, ul.listBookTy01 li a,
ul.listBookTy01-2 li a,
ul.listBookTy02 li a,
ul.listBookTy02-2 li a, ul.listTabBa li[class*="icon"] a, dl.listRateBa dd em, ul.listBtnTy01 li[class^="icon"] a, ul.listBtnTy01 li.prev a, ul.listBtnTy01 li.next a, ul.listBtnTy01 li[class^="iconTag"] a, ul.listBtnTy01 li[class^="iconCard"] a, p.inputSearchTy01, p.inputRegistTy01 {
  position: relative;
}
header > p.close.btnBa.login a:before, header ul.listBtnBa li.close.btnBa a:before, .hdgL2Ba span.close.btnBa a:before, .hdgL3Ty01 span.close.btnBa a:before, ul.listBtnTy01 li.close a:before, ul.listBtnTy02 li.close a:before, ul.listBtnTy03 li.close a:before,
.btnTy01.close a:before, .hdgL3Ba span.close.btnBa a:before, ul.listBtnBa li.close a:before,
.btnTy02.close a:before, header ul.listBtnBa li.btnTy03.home a:before, em.icon.rank01:before, em.icon.rank02:before, em.icon.rank03:before, nav#navGlobal > ul > li a em:before, ol.listRankingBa > li > ul.listIconTy01 li.icon01 em:before, ol.listRankingBa > li > ul.listIconTy01 li.icon02 em:before,
ul.listBookBa > li > ul.listIconTy01 li.icon01 em:before,
ul.listBookBa > li > ul.listIconTy01 li.icon02 em:before,
ul.listBookBa-2 > li > ul.listIconTy01 li.icon01 em:before,
ul.listBookBa-2 > li > ul.listIconTy01 li.icon02 em:before, ul.listBookBa-2.sort > li .sort > li > a.icon:before, ul.listBookTy01 li a:before,
ul.listBookTy01-2 li a:before,
ul.listBookTy02 li a:before,
ul.listBookTy02-2 li a:before, ul.listTabBa li[class*="icon"] a:before, dl.listRateBa dd em:before, ul.listBtnTy01 li[class^="icon"] a:before, ul.listBtnTy01 li.prev a:before, ul.listBtnTy01 li.next a:before, ul.listBtnTy01 li[class^="iconTag"] a:before, ul.listBtnTy01 li[class^="iconCard"] a:before, p.inputSearchTy01:before, p.inputRegistTy01:before {
  content: "";
  vertical-align: top;
  display: inline-block;
  position: absolute;
  background: url(/winj/img/sp/iconSprite.png) no-repeat left top;
  -webkit-background-size: 273px 500px;
  background-size: 273px 500px;
}

header > p.btnBa.login a, header ul.listBtnBa li.btnBa a, .hdgL2Ba span.btnBa a, .hdgL3Ty01 span.btnBa a, ul.listBtnTy01 li a, ul.listBtnTy02 li a, ul.listBtnTy03 li a,
header > p.btnBa.login input,
header ul.listBtnBa li.btnBa input,
.hdgL2Ba span.btnBa input,
.hdgL3Ty01 span.btnBa input,
ul.listBtnTy01 li input,
ul.listBtnTy02 li input,
ul.listBtnTy03 li input,
.btnTy01 a,
.btnTy01 input, .hdgL3Ba span.btnBa a, ul.listBtnBa li a,
.hdgL3Ba span.btnBa input,
ul.listBtnBa li input,
.btnTy02 a,
.btnTy02 input, header ul.listBtnBa li.btnTy03 a, ul.listBtnTy02 li.btnTy03 a,
header ul.listBtnBa li.btnTy03 input,
ul.listBtnTy02 li.btnTy03 input,
.btnTy03 a,
.btnTy03 input, em.icon.status01, em.icon.status02, em.icon.status03, em.icon.status04, em.icon.status05, em.icon.status06, input[type="submit"], p.inputRegistTy01 input[type="submit"] {
  border-radius: 2px;
}

.listNewsBa li a:before, ul.listBookTy01 li a:after,
ul.listBookTy01-2 li a:after,
ul.listBookTy02 li a:after,
ul.listBookTy02-2 li a:after, ul.listBtnTy01 li.prev a:before, ul.listBtnTy01 li.next a:before, ul.listRevueTy01 > li a:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

p.linkPagetop a:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

ul.listBtnTy01 li.prev a:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

ul.listBtnTy03 li.prev a:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

header > p.btnBa.login a, header ul.listBtnBa li.btnBa a, .hdgL2Ba span.btnBa a, .hdgL3Ty01 span.btnBa a, ul.listBtnTy01 li a, ul.listBtnTy02 li a, ul.listBtnTy03 li a,
header > p.btnBa.login input,
header ul.listBtnBa li.btnBa input,
.hdgL2Ba span.btnBa input,
.hdgL3Ty01 span.btnBa input,
ul.listBtnTy01 li input,
ul.listBtnTy02 li input,
ul.listBtnTy03 li input,
.btnTy01 a,
.btnTy01 input, .hdgL3Ba span.btnBa a, ul.listBtnBa li a,
.hdgL3Ba span.btnBa input,
ul.listBtnBa li input,
.btnTy02 a,
.btnTy02 input, header ul.listBtnBa li.btnTy03 a, ul.listBtnTy02 li.btnTy03 a,
header ul.listBtnBa li.btnTy03 input,
ul.listBtnTy02 li.btnTy03 input,
.btnTy03 a,
.btnTy03 input, header ul.listBtnBa, .strMain, .hdgL2Ba.jsToggle01 span.btnBa a, nav#navGlobal > ul > li a, ul.listBookTy01 li a,
ul.listBookTy01-2 li a,
ul.listBookTy02 li a,
ul.listBookTy02-2 li a, ul.listTabBa li, ul.listBtnTy01 li[class^="icon"] a, ul.listBtnTy01.col2 li, .boxTy03.fixed,
.boxTy02.fixed, input[type="text"], textarea.textareaBa, p.inputSearchTy01, p.inputRegistTy01, .btmBar.fixed {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

header ul.listBtnBa:after, .hdgL3Ba:after, nav#navGlobal > ul:after, .listInputBa:after, ul.listTabBa:after, dl.listRateBa:after, ul.listBtnTy01:after, ul.listBtnTy01 li[class^="iconCard"] a:after, ul.listBtnTy02:after, ul.listBtnTy03:after, dl.listTagBa:after, dl.listTy01:after, dl.listTy03:after, dl.listTy05:after, p.inputSearchTy01:after, p.inputRegistTy01:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
  line-height: 0;
}

header > p.btnBa.login a, header ul.listBtnBa li.btnBa a, .hdgL2Ba span.btnBa a, .hdgL3Ty01 span.btnBa a, ul.listBtnTy01 li a, ul.listBtnTy02 li a, ul.listBtnTy03 li a,
header > p.btnBa.login input,
header ul.listBtnBa li.btnBa input,
.hdgL2Ba span.btnBa input,
.hdgL3Ty01 span.btnBa input,
ul.listBtnTy01 li input,
ul.listBtnTy02 li input,
ul.listBtnTy03 li input,
.btnTy01 a,
.btnTy01 input {
  border: 1px solid #B3B3B3;
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  background: #f3f3f3;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #d6d6d6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #d6d6d6));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #d6d6d6 100%);
  background: linear-gradient(top, #fcfcfc 0%, #d6d6d6 100%);
  -webkit-box-shadow: inset 0 0 0 1px white;
  box-shadow: inset 0 0 0 1px white;
  text-decoration: none;
  padding: 10px;
}
header > p.close.btnBa.login a, header ul.listBtnBa li.close.btnBa a, .hdgL2Ba span.close.btnBa a, .hdgL3Ty01 span.close.btnBa a, ul.listBtnTy01 li.close a, ul.listBtnTy02 li.close a, ul.listBtnTy03 li.close a,
.btnTy01.close a {
  padding-left: 22px;
}
header > p.close.btnBa.login a:before, header ul.listBtnBa li.close.btnBa a:before, .hdgL2Ba span.close.btnBa a:before, .hdgL3Ty01 span.close.btnBa a:before, ul.listBtnTy01 li.close a:before, ul.listBtnTy02 li.close a:before, ul.listBtnTy03 li.close a:before,
.btnTy01.close a:before {
  width: 10px;
  height: 10px;
  background-position: 0 -178px;
  top: 50%;
  left: 7px;
  margin-top: -4px;
}

.hdgL3Ba span.btnBa a, ul.listBtnBa li a,
.hdgL3Ba span.btnBa input,
ul.listBtnBa li input,
.btnTy02 a,
.btnTy02 input {
  border: 1px solid #D1D1D1;
  font-size: 1.3rem;
  font-weight: bold;
  display: inline-block;
  background: whitesmoke;
  background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
  background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
  background: linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  text-decoration: none;
  padding: 4px 5px;
}
.hdgL3Ba span.close.btnBa a, ul.listBtnBa li.close a,
.btnTy02.close a {
  padding-left: 22px;
}
.hdgL3Ba span.close.btnBa a:before, ul.listBtnBa li.close a:before,
.btnTy02.close a:before {
  width: 10px;
  height: 10px;
  background-position: 0 -178px;
  top: 50%;
  left: 6px;
  margin-top: -5px;
}

header ul.listBtnBa li.btnTy03 a, ul.listBtnTy02 li.btnTy03 a,
header ul.listBtnBa li.btnTy03 input,
ul.listBtnTy02 li.btnTy03 input,
.btnTy03 a,
.btnTy03 input {
  border: 1px solid #003d99;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  -webkit-box-shadow: inset 0 0 0 1px rgba(252, 252, 252, 0.4);
  box-shadow: inset 0 0 0 1px rgba(252, 252, 252, 0.4);
  background: #003d99;
  background: -moz-linear-gradient(top, #1a6de6 0%, #003d99 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a6de6), color-stop(100%, #003d99));
  background: -webkit-linear-gradient(top, #1a6de6 0%, #003d99 100%);
  background: linear-gradient(top, #1a6de6 0%, #003d99 100%);
  text-decoration: none;
  padding: 2px 10px;
  color: #FFFFFF;
}

p.linkPagetop a:before {
  content: "";
  width: 7px;
  height: 7px;
  border: 3px solid #808080;
  border-width: 3px 3px 0 0;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}

.listNewsBa li a:before, ul.listBookTy01 li a:after,
ul.listBookTy01-2 li a:after,
ul.listBookTy02 li a:after,
ul.listBookTy02-2 li a:after, ul.listBtnTy01 li.prev a:before, ul.listBtnTy01 li.next a:before, ul.listRevueTy01 > li a:after {
  content: "";
  width: 7px;
  height: 7px;
  border: 3px solid #808080;
  border-width: 3px 3px 0 0;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
}

/* ==================================================
   Reset
================================================== */
html, body,
div, span,
object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var,
ul, ol, li, dl, dt, dd,
form, fieldset, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}

header, footer, nav {
  display: block;
}

ul {
  list-style: none;
}

ol {
  list-style-type: decimal;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}
#map {
  border: 0;
  max-width:none;
  height: auto;
}
em,
strong,
cite {
  font-style: normal;
}

sup {
  vertical-align: top;
  font-size: 0.8em;
}

sub {
  vertical-align: bottom;
  font-size: 0.8em;
}

em,
strong {
  font-weight: bold;
}

/* ==================================================
   Base Style
================================================== */
html {
  -webkit-text-size-adjust: 100%;
  font-size: 66%;
  overflow-y: scroll;
}

body {
  color: #1f1f1f;
  background: #FFFFFF;
  line-height: 1;
  padding: 1px 0 0;
}

body,
input,
select,
textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.3rem;
}

a {
  color: #003d99;
}

strong {
  color: #cc0000;
}

hr.hrBa {
  margin: 0 -10px 15px;
  border: 1px solid #D6D6D6;
  border-width: 1px 0 0;
}

/* ==================================================
   Header
================================================== */
header {
  border-top: 4px solid #1a6de6;
  position: relative;
/* L14PTF202112 ADD START */
  margin: 0 0 10px;
/* L14PTF202112 ADD END */
}
header > h1#logo {
  font-size: 1.5rem;
  font-weight: bold;
  background: #F5F4ED;
  padding: 17px 12px;
  border-bottom: 1px solid #E5E5E5;
}
header > h1#logo a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  margin: -10px;
  padding: 10px;
}
header > p.btnBa.login {
  position: absolute;
  top: 9px;
  right: 10px;
}
header > p.btnBa.login a {
  padding: 8px 22px;
}
header ul.listBtnBa {
  position: absolute;
  top: 0px;
  padding: 9px 10px 10px;
  width: 100%;
  font-size: 1.2rem !important;
}
header ul.listBtnBa li {
  display: inline-block;
}
header ul.listBtnBa li.btnBa a {
  padding: 8px 8px;
}
header ul.listBtnBa li.btnTy03 a {
  padding: 8px 8px;
}
header ul.listBtnBa li.btnTy03.home a {
  white-space: nowrap;
  text-indent: 145%;	/* L14PTF202112 CHG 100% -> 145% */
  overflow: hidden;
  width: 35px;
}
header ul.listBtnBa li.btnTy03.home a:before {
  width: 17px;
  height: 16px;
  top: 50%;
  left: 8px;
  margin-top: -8px;
  background-position: -38px 0;
}
header ul.listBtnBa li.right {
  float: right;
  margin-right: 0;
}
header > dl.listLang {
  text-align: right;
  font-size: 0;
/* L14PTF202112 CHG
  padding-right: 5px;
*/
  padding: 10px 0 0 10px;
/* L14PTF202112 CHG */
}
header > dl.listLang > dt,
header > dl.listLang > dd {
  font-size: 1.2rem;
}
header > dl.listLang > dt {
  display: none;
  /*display:inline;
  &:after{
  	content:"：";
  }*/
}
/*
header > dl.listLang > dt + dd:after {
  content: "｜";
}
*/
header > dl.listLang > dd + dd:before {
  content: "｜";
}
header > dl.listLang > dd {
  display: inline;
}
header > dl.listLang a,
header > dl.listLang em {
  display: inline-block;
  padding: 10px 5px;
  font-weight: normal;
}

/* ==================================================
   Footer
================================================== */
footer {
  padding: 0 10px;
}
footer > p.txtCopy {
  margin: 0 -10px;
  background: #1a6de6;
  text-align: center;
}
footer > p.txtCopy > small {
  font-size: 1.2rem;
  color: #FFFFFF;
  padding: 10px;
  display: inline-block;
}

/* ==================================================
   Structure
================================================== */
.strMain {
  line-height: 1.4;
  padding: 0 10px;
  overflow: hidden;
  width: 100%;
}
.strMain p {
  margin-bottom: 13px;
}

/* ==================================================
   01.Heading
================================================== */
/* Level1
-------------------------------------------------- */
h1.hdgL1Ba {
  font-size: 1.3rem;
  font-weight: bold;
  background: #F5F4ED;
  padding: 17px 12px;
  border-bottom: 1px solid #E5E5E5;
  text-align: center;
  margin-bottom: 5px;
}

/* Level2
-------------------------------------------------- */
.hdgL2Ba {
  margin: 0 -10px 12px;
  padding: 8px 6px;
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  color: #FFFFFF;
  background: #1a6de6;
}
.hdgL2Ba span:not([class]) {
  border-left: 3px solid #FFFFFF;
  padding-left: 6px;
}
.hdgL2Ba span.btnBa {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -14px;
}
.hdgL2Ba span.btnBa a {
  min-width: 2.5em;
  text-align: center;
  padding: 6px 10px 5px;
  position: relative;
  top: -1px;
}
.hdgL2Ba span.btnBa.close a {
  padding-left: 22px;
}
.hdgL2Ba span.btnBa.close a:before {
  width: 10px;
  height: 10px;
  background-position: 0 -178px;
  top: 50%;
  left: 6px;
  margin-top: -4px;
}

/* toggle */
.hdgL2Ba.jsToggle01 span.btnBa a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 24px;
  height: 24px;
  min-width: inherit;
}
.hdgL2Ba.jsToggle01 span.btnBa a:before {
  content: "－";
  position: absolute;
  top: -3px;
  left: -11px;
  color: #C54900;
  font-size: 2.0rem;
  font-weight: bold;
}

.hdgL2Ba.jsToggle01.close span.btnBa a:before {
  content: "＋";
}

.hdgL2Ba.jsToggle01.close + div {
  display: none;
}

.hdgL2Ba + .hdgL2Ba,
.hdgL2Ba.jsToggle01.close + div + .hdgL2Ba {
  margin-top: -11px;
}

/* margin */
p + .hdgL2Ba,
form + .hdgL2Ba {
  margin-top: 25px;
}

p.mb00 + .hdgL2Ba {
  margin-top: 15px;
}

p.linkPagetop + .hdgL2Ba {
  margin-top: 30px;
}

/* hdgL2Ty01 */
.hdgL2Ty01 {
  margin: 0 -10px 12px;
  padding: 8px 6px;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  color: #003d99;
  background: #EFEFEF;
}

/* hdgL2Ty02 */
.hdgL2Ty02 {
  margin: 0 -10px 12px;
  padding: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  position: relative;
  background: #F2F2F2;
  border-bottom: 2px solid #1a6de6;
}
.hdgL2Ty02 + listBookBa {
  margin-top: -12px;
}

/* Level3
-------------------------------------------------- */
/* hdgL3Ba */
.hdgL3Ba {
  margin: 0 -10px 12px;
  padding: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  position: relative;
  background: #F2F2F2;
  border-bottom: 2px solid #1a6de6;
}
.hdgL3Ba span.btnBa {
  text-align: right;
  float: right;
  margin: -5px 0 -2px;
}

/* hdgL3Ty01 */
.hdgL3Ty01 {
  margin: 0 -10px 12px;
  padding: 8px 10px;
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 2px solid #1a6de6;
  border-top: 1px solid #D6D6D6;
  position: relative;
  background: whitesmoke;
  background: -moz-linear-gradient(top, white 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(top, white 0%, #ececec 100%);
  background: linear-gradient(top, #ffffff 0%, #ececec 100%);
}
.hdgL3Ty01 span.btnBa {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -14px;
}
.hdgL3Ty01 span.btnBa a {
  min-width: 2.5em;
  text-align: center;
  padding: 6px 10px 5px;
  position: relative;
  top: -1px;
}
/* icon-news
-------------------------------------------------- */
h1.icon-news:before {
  width: 60px;
  height: 55px;
  margin-top: -20px;
  margin-bottom: -20px;
  content: "";
  vertical-align: top;
  display: inline-block;
  background: url(/winj/img/sp/iconSprite.png) no-repeat left top;
  -webkit-background-size: 273px 400px;
  background-size: 273px 400px;
  background-position: -70px -80px;
}

/* ==================================================
   02.Text
================================================== */
/* txtLeadTy01
-------------------------------------------------- */
p.txtLeadTy01 {
  font-size: 1.5rem;
}
p.txtLeadTy01 strong {
  font-size: 1.9rem;
  color: inherit;
}

/* linkPagetop
-------------------------------------------------- */
p.linkPagetop {
  text-align: right;
  margin-bottom: 15px;
}
p.linkPagetop a {
  position: relative;
  padding-left: 18px;
}

p.linkPagetop + p[class*="btnTy"] {
  margin-top: -3em;
}

p.linkPagetop + p[class*="btnTy"] + p[class*="btnTy"]:not([class*="box"]) {
  margin-top: -3.2em;
}

p.linkPagetop + p[class*="boxTy"] {
  margin-top: 0;
}

/* icon
-------------------------------------------------- */
em.icon {
  font-size: 1.0rem;
  padding: 1px 7px 0;
  display: inline-block;
  position: relative;
  top: -1px;
}
em.icon.new {
  border: 1px solid #A31C01;
  background: #CF2200;
  color: #FFFFFF;
}
em.icon.best {
  border: 1px solid #D2A417;
  background: #FFD75E;
  color: #333333;
}
em.icon.delay {	/* reserveExist -> delay */
  border: 1px solid #A31C01;
  background: #CF2200;
  color: #FFFFFF;
}
em.icon.reserveExist {	/* delay -> reserveExist */
  border: 1px solid #D2A417;
  background: #FFD75E;
  color: #333333;
}
em.icon.available {
  border: 1px solid #A31C01;
  background: #CF2200;
  color: #FFFFFF;
}
em.icon.rank01, em.icon.rank02, em.icon.rank03 {
  background: #8e7201;
  background: -moz-linear-gradient(top, #a08103 0%, #806600 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a08103), color-stop(100%, #806600));
  background: -webkit-linear-gradient(top, #a08103 0%, #806600 100%);
  background: linear-gradient(top, #a08103 0%, #806600 100%);
  color: #FFFFFF;
  font-size: 1.0rem;
  padding: 0 6px 0 22px;
}
em.icon.rank01:first-letter, em.icon.rank02:first-letter, em.icon.rank03:first-letter {
  font-size: 1.3rem;
}
em.icon.rank01:before, em.icon.rank02:before, em.icon.rank03:before {
  width: 12px;
  height: 9px;
  top: 50%;
  left: 5px;
  margin-top: -5px;
  background-position: 0 0;
}
em.icon.rank02 {
  background: #707070;
  background: -moz-linear-gradient(top, #7f7f7f 0%, #616161 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f7f7f), color-stop(100%, #616161));
  background: -webkit-linear-gradient(top, #7f7f7f 0%, #616161 100%);
  background: linear-gradient(top, #7f7f7f 0%, #616161 100%);
}
em.icon.rank03 {
  background: #ac4d2c;
  background: -moz-linear-gradient(top, #c46135 0%, #9b3e25 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c46135), color-stop(100%, #9b3e25));
  background: -webkit-linear-gradient(top, #c46135 0%, #9b3e25 100%);
  background: linear-gradient(top, #c46135 0%, #9b3e25 100%);
}
/* L9PTF201610 CHG START */
em.icon.status01, em.icon.status02, em.icon.status03, em.icon.status04, em.icon.status05, em.icon.status06 {
  padding: 3px 5px 2px;
  font-size: 1.2rem;
  color: #641d01;
  border: #641d01 2px solid;
  min-width: 36px;
  text-align: center;
  background: #FFF;
}
em.icon.status02 {
  background: #006bc5;
  color: #fff;
  border: #006bc5 2px solid;
}
em.icon.status04 {
  background: none;
  color: #c52e00;
  border: #c52e00 2px solid;
}
/* L9PTF201610 CHG END */
em.icon.status05 {
  text-align: left;
  padding: 3px 5px 2px 22px;
  background: #FFF;
  color: #E02000;
  border: #E02000 2px solid;
  width: auto !important;
  min-width: 2.2em !important;
}
em.icon.status06 {
  text-align: left;
  padding: 3px 5px 2px 22px;
  background: #FFF;
  color: #418100;
  border: #418100 2px solid;
  width: auto !important;
  min-width: 2.2em !important;
}

/* button
-------------------------------------------------- */
p.btnTy01 a,
p.btnTy02 a,
p.btnTy03 a {
  padding: 5px 10px;
}
p.btnTy01[class*="icon"] a,
p.btnTy02[class*="icon"] a,
p.btnTy03[class*="icon"] a {
  padding-left: 28px;
  position: relative;
}
p.btnTy01[class*="icon"] a:before,
p.btnTy02[class*="icon"] a:before,
p.btnTy03[class*="icon"] a:before {
  content: "";
  width: 18px;
  height: 18px;
  background: #D1D1D1;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -9px;
}

/* ==================================================
   03.List
================================================== */
/* navGlobal
-------------------------------------------------- */
nav#navGlobal > ul {
  margin-bottom: 20px;
  line-height: 1.2;
  font-size: 0;  /* L10PTF201806 CHG 1.4rem -> 0*/
  /* letter-spacing: -1em;  L9PTF201610ADD -> L10PTF201806 DEL */
}
nav#navGlobal > ul > li {
  width: 32%;
  /* float: left;  L9PTF201610 DEL */
  /* L9PTF201610 ADD START */
  display: inline-block;
  /* letter-spacing: normal;  L10PTF201806 DEL */
  vertical-align: top;
  /* L9PTF201610 ADD END */
  font-size: 1.4rem;  /* L10PTF201806 ADD*/
  margin-bottom: 8px;
}
nav#navGlobal > ul > li:nth-child(3n-1) {
  padding: 0 2%;
}
nav#navGlobal > ul > li a {
  display: block;
  text-align: center;
  border: 2px solid #1a6de6;
  min-height: 7em;/* L9PTF201610 ADD */
  height: auto;	/* L9 CHG 95px -> auto */
  text-decoration: none;
  border-radius: 6px;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #e2e2e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #e2e2e2));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #e2e2e2 100%);
  background: linear-gradient(top, #fcfcfc 0%, #e2e2e2 100%);
  -webkit-box-shadow: 0 2px 0 0 #b8b8b8, inset 0 0 0 1px white;
  box-shadow: 0 2px 0 0 #b8b8b8, inset 0 0 0 1px white;
}
nav#navGlobal > ul > li a em {
  display: inline-block;
  padding-top: 60px;
}
nav#navGlobal > ul > li a em:before {
  width: 60px;
  height: 55px;
  top: 0;
  left: 50%;
  margin-left: -30px;
}
nav#navGlobal > ul > li a div.multiline em {
  padding-top: 52px;
}
nav#navGlobal > ul > li.icon01 a em:before {
  background-position: 0 -33px;
}
nav#navGlobal > ul > li.icon02 a em:before {
  background-position: -70px -33px;
}
nav#navGlobal > ul > li.icon03 a em:before {
  background-position: -140px -33px;
}
nav#navGlobal > ul > li.icon04 a em:before {
  background-position: 0 -80px;
}
nav#navGlobal > ul > li.icon05 a em:before {
  background-position: -70px -80px;
}
nav#navGlobal > ul > li.icon06 a em:before {
  background-position: -140px -80px;
}
nav#navGlobal > ul > li.icon07 a em:before {
  background-position: -5px -275px;
}
nav#navGlobal > ul > li.icon08 a em:before {
  background-position: -70px -275px;
}
nav#navGlobal > ul > li.icon09 a em:before {
  background-position: -135px -270px;
}
nav#navGlobal > ul > li.icon10 a em:before {
  background-position: -5px -335px;
}
nav#navGlobal > ul > li.icon11 a em:before {
  background-position: -70px -335px;
}
nav#navGlobal > ul > li.icon12 a em:before {
  background-position: -135px -335px;
}

/* listInputBa
-------------------------------------------------- */
.listInputBa {
  margin-bottom: 9px;
  padding-bottom: 1px;
}
.listInputBa li {
  margin-bottom: 15px;
}
.listInputBa li input {
  margin-right: 5px;
  position: relative;
  bottom: -2px;
}
.listInputBa li label {
  font-size: 1.6rem;
}
.listInputBa.col2 li {
  float: left;
  width: 50%;
}

/* listNewsBa
-------------------------------------------------- */
.listNewsBa {
  font-size: 1.4rem;
  margin: -12px -10px 15px;
}
.listNewsBa li {
  border-bottom: 1px solid #D6D6D6;
  min-height: 5.6em;
}
.listNewsBa li:nth-child(even) {
  background: #F5F4ED;
}
.listNewsBa li a {
  display: block;
  padding: 10px 30px 10px 10px;
  text-decoration: none;
  position: relative;
}
.listNewsBa li a span.data {
  font-size: 1.3rem;
  display: block;
  color: #1F1F1F;
  margin-bottom: 3px;
}
.listNewsBa li a span.data > em {
  margin-left: 6px;
}
.listNewsBa li a span.txt {
  text-decoration: underline;
}

/* listRankingBa
-------------------------------------------------- */
ol.listRankingBa,
ul.listBookBa,
ul.listBookBa-2 {
  margin: -12px -10px 15px;
}
ol.listRankingBa.stripe > li:nth-child(2n-1),
ul.listBookBa.stripe > li:nth-child(2n-1),
ul.listBookBa-2.stripe > li:nth-child(2n-1) {
  background: #F5F4ED;
}
ol.listRankingBa > li,
ul.listBookBa > li,
ul.listBookBa-2 > li {
  border-bottom: 1px solid #D6D6D6;
  padding: 10px 10px 10px 100px;
  position: relative;
  min-height: 140px;
}
ol.listRankingBa > li.noBorder,
ul.listBookBa > li.noBorder,
ul.listBookBa-2 > li.noBorder {
  border: none;
  padding-bottom: 0;
  margin-top: 15px;
}
ol.listRankingBa > li > em.icon,
ul.listBookBa > li > em.icon,
ul.listBookBa-2 > li > em.icon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 3em;
}
ol.listRankingBa > li > em.icon + ul.listIconBa,
ul.listBookBa > li > em.icon + ul.listIconBa,
ul.listBookBa-2 > li > em.icon + ul.listIconBa {
  left: 85px;
}
ol.listRankingBa > li > em[class^="icon status"] + ul.listIconBa,
ul.listBookBa > li > em[class^="icon status"] + ul.listIconBa,
ul.listBookBa-2 > li > em[class^="icon status"] + ul.listIconBa {
  left: 10px;
}
ol.listRankingBa > li > em[class^="icon status"],
ul.listBookBa > li > em[class^="icon status"],
ul.listBookBa-2 > li > em[class^="icon status"] {
  position: absolute;
  top: 6px;
  right: 10px;
  left: auto;
  width: auto;
}
ol.listRankingBa > li > ul.listIconBa,
ul.listBookBa > li > ul.listIconBa,
ul.listBookBa-2 > li > ul.listIconBa {
  position: absolute;
  top: 10px;
  left: 0px;
}
ol.listRankingBa > li > ul.listIconBa li,
ul.listBookBa > li > ul.listIconBa li,
ul.listBookBa-2 > li > ul.listIconBa li {
  display: inline-block;
}
ol.listRankingBa > li > ul.listIconTy01,
ul.listBookBa > li > ul.listIconTy01,
ul.listBookBa-2 > li > ul.listIconTy01 {
  text-align: right;
}
ol.listRankingBa > li > ul.listIconTy01 li,
ul.listBookBa > li > ul.listIconTy01 li,
ul.listBookBa-2 > li > ul.listIconTy01 li {
  display: inline-block;
  margin-left: 10px;
}
ol.listRankingBa > li > ul.listIconTy01 li span,
ul.listBookBa > li > ul.listIconTy01 li span,
ul.listBookBa-2 > li > ul.listIconTy01 li span {
  display: none;
}
ol.listRankingBa > li > ul.listIconTy01 li em,
ul.listBookBa > li > ul.listIconTy01 li em,
ul.listBookBa-2 > li > ul.listIconTy01 li em {
  padding-left: 32px;
}
ol.listRankingBa > li > ul.listIconTy01 li.icon01 em, ol.listRankingBa > li > ul.listIconTy01 li.icon02 em,
ul.listBookBa > li > ul.listIconTy01 li.icon01 em,
ul.listBookBa > li > ul.listIconTy01 li.icon02 em,
ul.listBookBa-2 > li > ul.listIconTy01 li.icon01 em,
ul.listBookBa-2 > li > ul.listIconTy01 li.icon02 em {
  text-indent: 18px;
  white-space: nowrap;
  overflow: hidden;
  width: 17px;
  height: 17px;
}
ol.listRankingBa > li > ul.listIconTy01 li.icon01 em:before, ol.listRankingBa > li > ul.listIconTy01 li.icon02 em:before,
ul.listBookBa > li > ul.listIconTy01 li.icon01 em:before,
ul.listBookBa > li > ul.listIconTy01 li.icon02 em:before,
ul.listBookBa-2 > li > ul.listIconTy01 li.icon01 em:before,
ul.listBookBa-2 > li > ul.listIconTy01 li.icon02 em:before {
  content: "：";
  font-weight: normal;
  width: 17px;
  height: 17px;
  top: 50%;
  left: 0;
  margin-top: -8px;
}
ol.listRankingBa > li > ul.listIconTy01 li.icon01 em:before,
ul.listBookBa > li > ul.listIconTy01 li.icon01 em:before,
ul.listBookBa-2 > li > ul.listIconTy01 li.icon01 em:before {
  background-position: -106px 0;
}
ol.listRankingBa > li > ul.listIconTy01 li.icon02 em:before,
ul.listBookBa > li > ul.listIconTy01 li.icon02 em:before,
ul.listBookBa-2 > li > ul.listIconTy01 li.icon02 em:before {
  background-position: -128px 0;
}
ul.listBookBa > li > ul.listIconTy02 li.icon-news em {
  top: 45px;
  margin-left: -80px;
}
ul.listBookBa > li > ul.listIconTy02 li.icon-news em:before {
  width: 60px;
  height: 55px;
  top: 50%;
  left: 10px;
  margin-top: -18px;
}
ul.listBookBa > li > ul.listIconTy02 li.icon-news em:before {
  background-position: -70px -80px;
}
ol.listRankingBa > li p.title,
ul.listBookBa > li p.title,
ul.listBookBa-2 > li p.title {
  margin: 25px 0 5px;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
}
ol.listRankingBa > li p.title a,
ul.listBookBa > li p.title a,
ul.listBookBa-2 > li p.title a {
  position: relative;
}
ol.listRankingBa > li p.title img,
ul.listBookBa > li p.title img,
ul.listBookBa-2 > li p.title img {
  position: absolute;
  top: 0;
  left: -90px;
  max-width: 82px;
/*  width: 82px;*/
  height: auto;
  max-height: 116px;
  border: 1px solid #E5E5E5;
}
/* L8 ADD START */
.ebookImgLink {
  position: absolute;
  top: 0;
  left: 0px;
  max-width: 82px;
  height: auto;
  max-height: 116px;
  border: 1px solid #E5E5E5;
}
/* L8 ADD END */

ol.listRankingBa > li p.txt,
ul.listBookBa > li p.txt,
ul.listBookBa-2 > li p.txt {
  margin-bottom: 5px;
}
ol.listRankingBa p.checkDelete,
ul.listBookBa p.checkDelete,
ul.listBookBa-2 p.checkDelete {
  display: none;
}
ol.listRankingBa.delete p.title,
ul.listBookBa.delete p.title,
ul.listBookBa-2.delete p.title {
  margin-top: 0;
}
ol.listRankingBa.delete p.title a img,
ol.listRankingBa.delete em.icon,
ul.listBookBa.delete p.title a img,
ul.listBookBa.delete em.icon,
ul.listBookBa-2.delete p.title a img,
ul.listBookBa-2.delete em.icon {
  display: none;
}
ol.listRankingBa.delete p.checkDelete,
ul.listBookBa.delete p.checkDelete,
ul.listBookBa-2.delete p.checkDelete {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  text-align: center;
}
ol.listRankingBa.delete p.checkDelete label,
ul.listBookBa.delete p.checkDelete label,
ul.listBookBa-2.delete p.checkDelete label {
  padding: 40px 0;
  display: block;
}
ol.listRankingBa.delete p.checkDelete span,
ul.listBookBa.delete p.checkDelete span,
ul.listBookBa-2.delete p.checkDelete span {
  display: block;
}
ol.listRankingBa.review,
ul.listBookBa.review,
ul.listBookBa-2.review {
  margin-top: 0;
  border-top: 1px solid #D6D6D6;
}
ol.listRankingBa.review p.title,
ul.listBookBa.review p.title,
ul.listBookBa-2.review p.title {
  margin-top: 0;
}

/* listRankingBa
-------------------------------------------------- */
ul.listBookBa-2.function > li {
  padding: 10px 10px 10px 152px;
}
ul.listBookBa-2.function > li .status {
  position: absolute;
  top: 35px;
  left: 10px;
}
ul.listBookBa-2.function > li .status p {
  margin: 0;
  padding: 0;
  font-size: 1.0rem;
}
ul.listBookBa-2.function > li .check {
  position: absolute;
  top: 35px;
  left: 0px;
  cursor: pointer;
  display: block;
  text-align: center;
  width: 62px;
  height: 115px;
  z-index: 10000;
}
ul.listBookBa-2.function > li .check input {
  position: relative;
  top: 42%;
}
ul.listBookBa-2.function > li .rank {
  font-size: 1.1rem;
  font-weight: bold;
  color: #c00;
  position: relative;
  top: -1px;
}
ul.listBookBa-2.function > li .rank.right {
  margin-left: 0.5em;
}
ul.listBookBa-2.function > li .rank.left {
  margin-right: 0.5em;
}

ul.listBookBa-2.sort > li {
  padding: 10px 10px 10px 131px;
}
ul.listBookBa-2.sort > li .sort {
  position: absolute;
  top: 35px;
  left: 20px;
  display: block;
  text-align: center;
  height: 115px;
  z-index: 10000;
}
ul.listBookBa-2.sort > li .sort > li {
  margin: 0;
  padding: 0;
}
ul.listBookBa-2.sort > li .sort > li > a.icon {
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  width: 22px;
  height: 23px;
  left: 50%;
  margin-left: -11px;
  position: absolute;
}
ul.listBookBa-2.sort > li .sort > li > a.icon:before {
  display: block;
  width: 22px;
  height: 23px;
  overflow: hidden;
}
ul.listBookBa-2.sort > li .sort > li > a.icon.up {
  top: 0;
}
ul.listBookBa-2.sort > li .sort > li > a.icon.up:before {
  background-position: 0 -425px;
}
ul.listBookBa-2.sort > li .sort > li > a.icon.down {
  bottom: 0;
}
ul.listBookBa-2.sort > li .sort > li > a.icon.down:before {
  background-position: -22px -425px;
}

/* listBookTy01
   listBookTy02
-------------------------------------------------- */
ul.listBookTy01,
ul.listBookTy01-2,
ul.listBookTy02,
ul.listBookTy02-2 {
  margin: -12px -10px 15px;
}
ul.listBookTy01 li,
ul.listBookTy01-2 li,
ul.listBookTy02 li,
ul.listBookTy02-2 li {
  border-bottom: 1px solid #D6D6D6;
  margin: 0;
}
ul.listBookTy01 li a,
ul.listBookTy01-2 li a,
ul.listBookTy02 li a,
ul.listBookTy02-2 li a {
  position: relative;
  min-height: 74px;
  display: block;
  padding: 10px 10px 10px 74px;
  text-decoration: none;
  color: inherit;
  font-weight: bold;
}
ul.listBookTy01 li a:before,
ul.listBookTy01-2 li a:before,
ul.listBookTy02 li a:before,
ul.listBookTy02-2 li a:before {
  width: 52px;
  height: 52px;
  top: 50%;
  left: 10px;
  margin-top: -26px;
}
ul.listBookTy01 li a:after,
ul.listBookTy01-2 li a:after,
ul.listBookTy02 li a:after,
ul.listBookTy02-2 li a:after {
  right: 15px;
  left: auto;
}
ul.listBookTy01 li a div,
ul.listBookTy01-2 li a div,
ul.listBookTy02 li a div,
ul.listBookTy02-2 li a div {
  display: table;
  padding-right: 60px;
}
ul.listBookTy01 li a em,
ul.listBookTy01-2 li a em,
ul.listBookTy02 li a em,
ul.listBookTy02-2 li a em {
  display: table-cell;
  vertical-align: middle;
}
ul.listBookTy01 li a span,
ul.listBookTy01-2 li a span,
ul.listBookTy02 li a span,
ul.listBookTy02-2 li a span {
  position: absolute;
  right: 35px;
  top: 50%;
  margin-top: -0.7em;
}
ul.listBookTy01 > li:nth-child(2n-1),
ul.listBookTy01-2 > li:nth-child(2n-1),
ul.listBookTy02 > li:nth-child(2n-1),
ul.listBookTy02-2 > li:nth-child(2n-1) {
  background: #F5F4ED;
}

/* listBookTy01
-------------------------------------------------- */
ul.listBookTy01 li.icon01 a:before {
  background-position: -223px 0px;
}
ul.listBookTy01 li.icon02 a:before {
  background-position: -226px -48px;
}
ul.listBookTy01 li.icon03 a:before {
  background-position: -222px -100px;
}
ul.listBookTy01 li.icon04 a:before {
  background-position: -221px -178px;
}
ul.listBookTy01 li.icon05 a:before {
  background-position: -222px -225px;
}
ul.listBookTy01 li.icon06 a:before {
  background-position: -221px -279px;
}
ul.listBookTy01 li.icon07 a:before {
  background-position: -221px -444px;	/* L14 CHG -342px -> -444px */
}
ul.listBookTy01 li.icon08 a:before {
  background-position: -221px -393px;
}
ul.listBookTy01 li.icon09 a:before {
  background-position: -135px -270px;
}
ul.listBookTy01 li.icon11 a:before {
  background-position: -70px -335px;
}

ul.listBookTy01 li.noicon a:before {
  display: none;
}
ul.listBookTy01 li div {
  height: 4em;
}

/* listBookTy01-2
-------------------------------------------------- */
ul.listBookTy01-2 li a {
  padding: 10px;
}
ul.listBookTy01-2 li a:before {
  display: none;
}
ul.listBookTy01-2 li div {
  height: 4em;
}

/* listBookTy02
-------------------------------------------------- */
ul.listBookTy02 li a {
  padding: 5px 10px 5px 50px;
  min-height: inherit;
}
ul.listBookTy02 li a:before {
  width: 36px;
  height: 35px;
  margin-top: -18px;
  left: 6px;
}
ul.listBookTy02 li a div {
  min-height: 50px;
  height: 3em;
}
ul.listBookTy02 li.icon01 a:before {
  background-position: 0 -210px;
}
ul.listBookTy02 li.icon02 a:before {
  background-position: -34px -210px;
}
ul.listBookTy02 li.icon03 a:before {
  background-position: -69px -210px;
}
ul.listBookTy02 li.noicon a:before {
  display: none;
}
/* L9 ADD START */
ul.listBookTy02 li.icon04 a:before {
  display: none;
}
/* L9 ADD END */

/* listBookTy02-2
-------------------------------------------------- */
ul.listBookTy02-2 li a {
  padding: 5px 10px 5px 10px;
  min-height: inherit;
}
ul.listBookTy02-2 li a:before {
  display: none;
}
ul.listBookTy02-2 li a div {
  min-height: 50px;
  height: 50px;
}

/* listBookTy03 + listBookTy04
-------------------------------------------------- */
ul.listBookTy03,
ul.listBookTy04 {
  margin: 0 -10px 20px;
  border-top: 1px solid #D6D6D6;
}
ul.listBookTy03 > li,
ul.listBookTy04 > li {
  background: #F5F4ED;
  border-bottom: 1px solid #D6D6D6;
}
ul.listBookTy03 > li > a,
ul.listBookTy04 > li > a {
  padding: 16px 10px 16px 75px;
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
}
ul.listBookTy03 > li > a:after,
ul.listBookTy04 > li > a:after {
  content: "";
  vertical-align: top;
  display: inline-block;
  position: absolute;
  background: url(/winj/img/sp/iconSprite.png) no-repeat left top;
  -webkit-background-size: 273px 500px;
  background-size: 273px 500px;
  width: 21px;
  height: 21px;
  top: 50%;
  right: 14px;
  margin-top: -11px;
  background-position: -140px -218px;
  transform: rotate(0deg) !important;
  -webkit-transform: rotate(0deg) !important;
}
ul.listBookTy03 > li > a em.icon,
ul.listBookTy04 > li > a em.icon {
  width: 3.3em;
  position: absolute;
  top: 12px;
  left: 10px;
  overflow: hidden;
}
ul.listBookTy03 > li > a em.icon > span,
ul.listBookTy04 > li > a em.icon > span {
  display: block;
  position: absolute;
  z-index: -1;
}
ul.listBookTy03 > li > a em.icon.status05:before, ul.listBookTy03 > li > a em.icon.status06:before,
ul.listBookTy04 > li > a em.icon.status05:before,
ul.listBookTy04 > li > a em.icon.status06:before {
  content: "";
  vertical-align: top;
  display: inline-block;
  position: absolute;
  background: url(/winj/img/sp/iconSprite.png) no-repeat left top;
  -webkit-background-size: 273px 500px;
  background-size: 273px 500px;
  width: 13px;
  height: 14px;
  background-position: -196px -1px;
  left: 5px;
  top: 50%;
  margin-top: -7px;
}
ul.listBookTy03 > li > a em.icon.status05:before,
ul.listBookTy04 > li > a em.icon.status05:before {
  background-position: -174px -1px;
}
ul.listBookTy03 > li div.content,
ul.listBookTy04 > li div.content {
  background: #FFF;
  padding: 10px;
  border-top: 1px solid #D6D6D6;
}
ul.listBookTy03 > li div.content > *:last-child,
ul.listBookTy04 > li div.content > *:last-child {
  margin-bottom: 5px;
}
ul.listBookTy03 > li.close > a:after,
ul.listBookTy04 > li.close > a:after {
  background-position: -110px -218px;
}

ul.listBookTy04 > li:not([class]):last-child {
  border-bottom: none;
}
ul.listBookTy04 > li > a {
  padding-left: 10px;
  font-size: 1.5rem;
}
ul.listBookTy04 .content > .boxBa > p,
ul.listBookTy04 .content > .boxBa > p input {
  margin-bottom: 0 !important;
}

.hdgL2Ba + ul.listBookTy03 {
  margin-top: -12px;
}

/* listBookTy05
-------------------------------------------------- */
ul.listBookTy05 {
  margin: 0 -10px 20px;
  border-top: 1px solid #D6D6D6;
}
ul.listBookTy05 > li {
  border-bottom: 1px solid #D6D6D6;
}
ul.listBookTy05 > li > a {
  padding: 16px 10px 16px 75px;
  display: block;
  position: relative;
  font-weight: bold;
  text-decoration: none;
  /*&:after{
  	@extend %arrowTy02;
  	@extend %rotate45;
  	right:14px;
  	margin-top:-8px;
  }*/
}
ul.listBookTy05 > li > a em.icon {
  width: 3.3em;
  position: absolute;
  top: 15px;
  left: 10px;
  overflow: hidden;
  text-decoration: none;
}
ul.listBookTy05 > li > a em.icon > span {
  display: block;
  position: absolute;
  z-index: -1;
}
/* listBookTy06
-------------------------------------------------- */
ul.listBookTy06 {
  margin: -12px -10px 20px;
  border-top: 1px solid #D6D6D6;
}
ul.listBookTy06 > li {
  border-bottom: 1px solid #D6D6D6;
  display: table;
  width: 100%;
}
ul.listBookTy06 > li:nth-child(2n+1) {
  background-color: #f5f4ed;
}
ul.listBookTy06 > li > span {
  display: table-cell;
  padding: 0 0 0 10px;
  vertical-align: middle;
}
ul.listBookTy06 > li > span img {
  max-width: none;
}
ul.listBookTy06 > li > a {
  padding: 16px 10px 16px 10px;
  display: table-cell;
  width: 100%;
  text-align: left;
  position: relative;
  font-weight: bold;
  text-decoration: underline;
}
ul.listBookTy06 > li > a em.icon {
  width: 3.3em;
  position: absolute;
  top: 15px;
  left: 10px;
  overflow: hidden;
  text-decoration: none;
}
ul.listBookTy06 > li > a em.icon > span {
  display: block;
  position: absolute;
  z-index: -1;
}

/* listTabBa
-------------------------------------------------- */
ul.listTabBa {
  font-size: 1.4rem;
  margin: -5px -10px 12px;
  border-bottom: 3px solid #1a6de6;
  background: #f1f1f1;
  background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6));
  background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
  background: linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  -webkit-box-shadow: inset 0 -1px 0 0 white;
  box-shadow: inset 0 -1px 0 0 white;
}
ul.listTabBa li {
  width: 33.33333%;
  float: left;
  padding: 4px 3px 0;
  border-right: 1px solid #C9C9C9;
}
ul.listTabBa li:last-child {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
ul.listTabBa li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 36px 5px 3px;
  border-radius: 4px 4px 0 0;
}
ul.listTabBa li.current a {
  color: #FFFFFF;
  background: #1a6de6;
  background: -moz-linear-gradient(top, #003d99 0%, #1a6de6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003d99), color-stop(100%, #1a6de6));
  background: -webkit-linear-gradient(top, #003d99 0%, #1a6de6 100%);
  background: linear-gradient(top, #003d99 0%, #1a6de6 100%);
}
ul.listTabBa li[class*="icon"] a {
  position: relative;
}
ul.listTabBa li[class*="icon"] a:before {
  width: 42px;
  height: 32px;
  top: 8px;
  left: 50%;
  margin-left: -18px;
  background-position: -39px -180px;
}
ul.listTabBa li.icon02 a:before {
  background-position: -81px -180px;
}
ul.listTabBa li.icon03 a:before {
  background-position: -124px -180px;
}

ul.listTabBa + ul.listBookTy01,
ul.listTabBa + ul.listBookTy02 {
  margin-top: -12px;
}

/* listRateBa
-------------------------------------------------- */
dl.listRateBa {
  margin-bottom: 5px;
}
dl.listRateBa dt,
dl.listRateBa dd {
  float: left;
}
dl.listRateBa dt {
  clear: both;
}
dl.listRateBa dt:after {
  content: "：";
}
dl.listRateBa dd em {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 76px;
  top: 2px;
  margin-right: 5px;
}
dl.listRateBa dd em:before {
  width: 76px;
  height: 13px;
  top: 0;
  left: 0;
  background-position: 0 -152px;
}
dl.listRateBa dd em.star01:before {
  background-position: -80px -152px;
}
dl.listRateBa dd em.star02:before {
  background-position: -160px -152px;
}
dl.listRateBa dd em.star03:before {
  background-position: 0 -165px;
}
dl.listRateBa dd em.star04:before {
  background-position: -80px -165px;
}
dl.listRateBa dd em.star05:before {
  background-position: -160px -165px;
}
dl.listRateBa dd em.star10:before {
  background-position: -80px -152px;
}
dl.listRateBa dd em.star20:before {
  background-position: -160px -152px;
}
dl.listRateBa dd em.star30:before {
  background-position: 0 -165px;
}
dl.listRateBa dd em.star40:before {
  background-position: -80px -165px;
}
dl.listRateBa dd em.star50:before {
  background-position: -160px -165px;
}
dl.listRateBa dd em.star5:before {
  background-position: -62px -410px;
}
dl.listRateBa dd em.star15:before {
  background-position: -46px -410px;
}
dl.listRateBa dd em.star25:before {
  background-position: -31px -410px;
}
dl.listRateBa dd em.star35:before {
  background-position: -15px -410px;
}
dl.listRateBa dd em.star45:before {
  background-position: 0 -410px;
}

/* listBtnBa
-------------------------------------------------- */
ul.listBtnBa li {
  font-size: 1.2rem;
  margin-right: 2px;
  display: inline-block;
}
ul.listBtnBa li a {
  padding: 3px 4px;
}
ul.listBtnBa li a span.label {
  color: #1f1f1f;
}
ul.listBtnBa li a span.label:after {
  content: "：";
}
ul.listBtnBa li a em {
  text-decoration: underline;
}

/* listBtnTy01
-------------------------------------------------- */
ul.listBtnTy01 {
  position: relative;
}
div.boxTy03.wide.narrow ul.listBtnTy01 {
  margin-bottom: -2px;
}
div.boxTy03.wide.narrow ul.listBtnTy01 li {
  margin-bottom: 2px;
}
ul.listBtnTy01.center {
  text-align: center;
}
ul.listBtnTy01.center li {
  float: none;
  display: inline-block;
  margin: 0;
}
ul.listBtnTy01.center li.left {
  float: left;
}
ul.listBtnTy01 li {
  float: left;
  margin: 0 4px 0 0;
}
ul.listBtnTy01 li a {
  padding: 8px 10px 7px;
}
ul.listBtnTy01 li.right {
  float: right !important;
  margin: 0 0 0 4px;
}
ul.listBtnTy01 li.center {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -14px;
}
ul.listBtnTy01 li[class^="icon"] a {
  position: relative;
}
ul.listBtnTy01 li.icon01 a, ul.listBtnTy01 li.icon02 a {
  text-indent: 145%;	/* L14PTF202112 CHG 100% -> 145% */
  white-space: nowrap;
  overflow: hidden;
  width: 45px;
}
ul.listBtnTy01 li.icon01 a:before {
  width: 19px;
  height: 16px;
  background-position: -60px 0;
  top: 50%;
  left: 12px;
  margin-top: -8px;
}
ul.listBtnTy01 li.icon02 a:before {
  width: 17px;
  height: 17px;
  background-position: -84px 0;
  top: 50%;
  left: 12px;
  margin-top: -8px;
}
ul.listBtnTy01 li.icon03 a, ul.listBtnTy01 li.icon04 a, ul.listBtnTy01 li.icon05 a, ul.listBtnTy01 li.icon06 a {
  padding-left: 28px;
}
ul.listBtnTy01 li.icon03 a:before, ul.listBtnTy01 li.icon04 a:before, ul.listBtnTy01 li.icon05 a:before, ul.listBtnTy01 li.icon06 a:before {
  width: 17px;
  height: 17px;
  top: 50%;
  left: 4px;
  margin-top: -8px;
  background-position: -106px 0;
}
ul.listBtnTy01 li.icon04 a:before {
  background-position: -128px 0;
}
ul.listBtnTy01 li.icon05 a:before {
  background-position: -150px 0;
}
ul.listBtnTy01 li.icon06 a:before {
  background-position: -197px -184px;
  left: 6px;
}
ul.listBtnTy01 li.prev a, ul.listBtnTy01 li.next a, ul.listBtnTy01 li[class^="iconTag"] a, ul.listBtnTy01 li[class^="iconCard"] a {
  text-indent: inherit;
  width: auto;
  padding-left: 28px;
  position: relative;
}
ul.listBtnTy01 li.prev a:before, ul.listBtnTy01 li.next a:before, ul.listBtnTy01 li[class^="iconTag"] a:before, ul.listBtnTy01 li[class^="iconCard"] a:before {
  height: 18px;
  top: 50%;
  left: 5px;
  margin-top: -9px;
}
ul.listBtnTy01 li.iconTag01 a, ul.listBtnTy01 li.iconTag02 a {
  padding: 15px 10px 15px 30px;
  height: auto;
}
ul.listBtnTy01 li.iconTag01 a:before, ul.listBtnTy01 li.iconTag02 a:before {
  background-position: -14px -178px;
  width: 18px;
  height: 22px;
  margin-top: -10px;
}
ul.listBtnTy01 li.iconTag02 a:before {
  width: 20px;
  background-position: -168px -178px;
}
ul.listBtnTy01 li[class^="iconCard"] {
  float: none;
  margin-right: 0;
  margin-bottom: 5px;
}
ul.listBtnTy01 li[class^="iconCard"] a {
  display: block;
  color: inherit;
  padding-top: 15px;
  padding-bottom: 15px;
  height: auto;
}
ul.listBtnTy01 li[class^="iconCard"] a span {
  float: right;
}
ul.listBtnTy01 li[class^="iconCard"] a:before {
  width: 22px;
}
ul.listBtnTy01 li[class^="iconCard"]:last-child {
  margin-bottom: 10px;
}
ul.listBtnTy01 li.iconCard01 a:before {
  background-position: -4px -250px;
}
ul.listBtnTy01 li.iconCard02 a:before {
  background-position: -31px -250px;
}
ul.listBtnTy01 li.prev a, ul.listBtnTy01 li.next a {
  padding-left: 20px;
}
ul.listBtnTy01 li.prev a:before, ul.listBtnTy01 li.next a:before {
  width: 6px;
  height: 6px;
  margin-top: -5px;
  background: none;
}
ul.listBtnTy01 li.prev a:before {
  left: 8px;
}
ul.listBtnTy01 li.next a {
  padding-right: 20px;
  padding-left: 10px;
}
ul.listBtnTy01 li.next a:before {
  right: 8px;
  left: auto;
}
ul.listBtnTy01.wide {
  margin-bottom: 15px;
}
ul.listBtnTy01.wide li {
  float: none;
  margin-bottom: 10px;
}
ul.listBtnTy01.wide li a {
  width: 100%;
}
ul.listBtnTy01.col2 {
  margin-bottom: 15px;
}
ul.listBtnTy01.col2 li {
  float: left;
  width: 50%;
  padding-right: 5px;
  margin: 0 0 10px;
}
ul.listBtnTy01.col2 li a {
  display: block;
}
ul.listBtnTy01.col2 li:nth-child(2n) {
  padding-right: 0;
  padding-left: 5px;
}

/* listBtnTy02
-------------------------------------------------- */
ul.listBtnTy02 {
  position: relative;
  text-align: center;
  margin-bottom: 15px;
}
ul.listBtnTy02 li {
  margin: 0 4px 0 0;
  display: inline-block;
}
ul.listBtnTy02 li a {
  padding: 5px 15px !important;
}
ul.listBtnTy02 li.left {
  float: left;
}
ul.listBtnTy02 li.right {
  float: right;
}

/* listBtnTy03
-------------------------------------------------- */
ul.listBtnTy03 {
  position: relative;
}
ul.listBtnTy03 li {
  float: left;
}
ul.listBtnTy03 li a {
  padding: 0 !important;
  width: 24px;
  height: 24px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: relative;
}
ul.listBtnTy03 li a:after {
  left: 35%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
ul.listBtnTy03 li a:after {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #CC4E00;
  border-width: 6px 8px 6px;
  top: 50%;
  margin-top: -6px;
}
ul.listBtnTy03 li.prev a:after {
  left: -10%;
}
ul.listBtnTy03 li.next {
  float: right;
}

ul.listBtnTy03 + .tblCalBa {
  position: relative;
  top: -20px;
}

/* listRevueBa
-------------------------------------------------- */
ul.listRevueBa {
  margin: 0 -10px 15px;
}
ul.listRevueBa > li {
  border-bottom: 1px solid #D6D6D6;
  padding: 10px 10px 0;
}
ul.listRevueBa dl.listRateBa {
  float: left;
  margin: 0 10px 10px 0;
}
ul.listRevueBa dl.listRateBa dt {
  display: none;
}
ul.listRevueBa p.title {
  margin-bottom: 10px;
}
ul.listRevueBa p.title ~ p {
  margin-bottom: 10px;
}
ul.listRevueBa p.title + p {
  margin-bottom: 0;
  clear: both;
}
ul.listRevueBa ul.listBtnTy01 {
  text-align: right;
  margin-bottom: 5px;
  font-size: 0;
}
ul.listRevueBa ul.listBtnTy01 li {
  display: inline-block;
  font-size: 1.3rem;
  float: none;
  margin: 0 0 5px 5px;
}

.hdgL2Ba + ul.listRevueBa {
  margin-top: -15px;
}

/* listRevueTy01
-------------------------------------------------- */
ul.listRevueTy01 {
  margin: 0 -10px 15px;
}
ul.listRevueTy01 > li {
  border-bottom: 1px solid #D6D6D6;
}
ul.listRevueTy01 > li a {
  text-decoration: none;
  color: inherit;
  display: block;
  position: relative;
  padding: 10px 25px 10px 10px;
}
ul.listRevueTy01 > li a:after {
  right: 10px;
  left: auto;
}
ul.listRevueTy01 > li:nth-child(2n-1) {
  background: #F5F4ED;
}
ul.listRevueTy01 dl.listRateBa {
  float: left;
  margin: 0 10px 5px 0;
}
ul.listRevueTy01 dl.listRateBa dt {
  display: none;
}
ul.listRevueTy01 p {
  margin-bottom: 0;
}
ul.listRevueTy01 p.title {
  margin-bottom: 5px;
}
ul.listRevueTy01 p.title span.num {
  display: inline-block;
  margin: 0 5px;
  padding-left: 20px;
  position: relative;
}
ul.listRevueTy01 p.title span.num:before {
  content: "";
  width: 18px;
  height: 18px;
  background: #D1D1D1;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -9px;
}

.listTabBa + ul.listRevueTy01 {
  margin-top: -12px !important;
}

.listRevueTy01 + .boxTy03 {
  margin-top: -15px !important;
}

/* listTagBa
-------------------------------------------------- */
dl.listTagBa dt {
  float: left;
}
dl.listTagBa dt:after {
  content: "：";
}
dl.listTagBa dd {
  float: left;
}
dl.listTagBa dd a {
  font-weight: bold;
}
dl.listTagBa dd:after {
  content: "、";
  color: #757575;
}
dl.listTagBa dd:last-child:after {
  display: none;
}
dl.listTagBa dd:last-child a:after {
/*  content: "…"; */
}

/* listTy01
-------------------------------------------------- */
dl.listTy01 {
  font-size: 1.6rem;
}
dl.listTy01 dt {
  float: left;
  clear: both;
  font-weight: bold;
  position: relative;
  bottom: -4px;
}
dl.listTy01 dt:after {
  content: "：";
}
dl.listTy01 dd {
  float: left;
}

/* listTy02
-------------------------------------------------- */
dl.listTy02 {
  text-align: center;
  font-weight: bold;
}
dl.listTy02 dt, dl.listTy02 dd {
  display: inline-block;
}
dl.listTy02 dt:after {
  content: "：";
}

/* listTy03
-------------------------------------------------- */
dl.listTy03 {
  margin-bottom: 15px;
}
dl.listTy03 dt {
  float: left;
  clear: both;
  font-weight: normal;
  margin-bottom: 5px;
}
dl.listTy03 dt:after {
  content: "：";
}
dl.listTy03 dd {
  float: left;
  margin-bottom: 5px;
}

/* listTy04
-------------------------------------------------- */
dl.listTy04 {
  margin-bottom: 15px;
}
dl.listTy04 dt {
  font-weight: normal;
  margin-bottom: 5px;
}
dl.listTy04 dt:after {
  content: "：";
}
dl.listTy04 dd {
  margin-bottom: 10px;
}

/* listTy05
-------------------------------------------------- */
dl.listTy05 {
  margin-bottom: 15px;
}
dl.listTy05 dt {
  float: left;
  clear: both;
  font-weight: normal;
  margin-bottom: 5px;
}
dl.listTy05 dd {
  float: right;
  margin-bottom: 5px;
}

/* listCalBa
-------------------------------------------------- */
dl.listCalBa {
  text-align: center;
  font-weight: normal;
  font-size: 1.1rem;
  margin-bottom: 20px;
}
dl.listCalBa dt, dl.listCalBa dd {
  display: inline-block;
}
dl.listCalBa dt img, dl.listCalBa dd img {
  position: relative;
  bottom: -2px;
  margin-right: 2px;
}
dl.listCalBa dt.color01 {
  color: #CC4E00;
}
dl.listCalBa dt.color02 {
  color: #0058E6;
}
dl.listCalBa dt.color03 {
  color: #008299;
}
dl.listCalBa dt.color04 {
  color: #CC0066;
}
dl.listCalBa dd {
  margin-right: 4px;
}

table.tblCalBa + dl.listCalBa {
  margin-top: -10px;
}

/* ==================================================
   04.Box
================================================== */
[class^="box"] {
  padding: 10px;
  margin-bottom: 15px;
}

[class^="box"].narrow {
  padding: 5px;
  margin-bottom: 10px;
}
[class^="box"].narrow + div[class^="box"].narrow {
  margin-top: 14px;
}
[class^="box"].narrow > p {
  overflow: auto;
}

[class^="box"].wide {
  margin: 0 -10px 15px;
}
[class^="box"].wide.narrow {
  padding: 5px 10px;
}

[class^="box"] *:last-child {
  margin-bottom: 3px;
}

/* boxBa
-------------------------------------------------- */
.boxBa {
  border: 1px solid #DBDACB;
  background: #F5F4ED;
}

/* boxTy01
-------------------------------------------------- */
.boxTy01 {
  background: #EFEFEF;
}

.btnTy03.boxTy01,
.btnTy03.boxTy02 {
  margin: 0 -10px;
}
.btnTy03.boxTy01 a,
.btnTy03.boxTy01 input[type="submit"],
.btnTy03.boxTy02 a,
.btnTy03.boxTy02 input[type="submit"] {
  letter-spacing: 20px;
  padding-left: 50px;
  padding-right: 30px;
}

.boxTy01.wide .btnTy01 input[type="submit"],
.boxTy01.wide .btnTy03 input[type="submit"],
.boxTy02.wide .btnTy01 input[type="submit"],
.boxTy02.wide .btnTy03 input[type="submit"] {
  padding: 0 30px;
  line-height: 1.5;
}
.boxTy01.wide .btnTy01 a,
.boxTy01.wide .btnTy03 a,
.boxTy02.wide .btnTy01 a,
.boxTy02.wide .btnTy03 a {
  padding: 8px 10px 7px;
  line-height: 1.5;
}

/* boxTy02
-------------------------------------------------- */
.boxTy02 {
  background: #e5f0ff;
}

.boxTy02.wide .btnTy01 a {
  padding-left: 22px;
}

/* boxTy03
-------------------------------------------------- */
.boxTy03 {
  background: #e5f0ff;
}
.boxTy03 ul.listBtnTy01 > li > a {
  padding-top: 8px;
  padding-bottom: 7px;
}

.boxTy03.fixed,
.boxTy02.fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
}

/* boxTy04
-------------------------------------------------- */
.boxTy04 {
  width: 222px;
  margin: 0 auto 15px;
  padding: 0;
}

/* boxTy05
-------------------------------------------------- */
.boxTy05 {
  border: 1px solid #CC0000;
  color: #CC0000;
}

/* boxTy06
-------------------------------------------------- */
.boxTy06 {
  margin: 5px 5px 17px;
  background: #73a1e5;
  border-radius: 2px;
  padding: 8px;
}
.boxTy06 .inner {
  background: #FFF;
  padding: 20px;
}
.boxTy06 .txtCardBa {
  text-align: center;
}
.boxTy06 .txtCardBa p.txtLeadTy01 {
  display: inline-block;
  margin-bottom: 12px;
  text-align: left;
  padding-left: 50px;
  position: relative;
  line-height: 1.2;
}
.boxTy06 .txtCardBa img {
  position: absolute;
  top: 0;
  left: 0;
}

.bgCardImage {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  overflow: hidden;
  margin: 0 -10px;
  height: 450px;
}
.bgCardImage img {
  max-width: none !important;
  position: absolute;
  top: 30px;
  left: 50%;
  margin: 0 0 0 -275px;
}

/* boxArrowBa
-------------------------------------------------- */
.boxArrowBa {
  position: relative;
  padding: 22px 0 0;
  margin-top: -22px;
}
.boxArrowBa:after {
  top: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.boxArrowBa:after {
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #1a6de6;
  border-width: 15px 30px 30px;
  left: 50%;
  margin-left: -30px;
}

/* ==================================================
   05.Table
================================================== */
/* tblBa
-------------------------------------------------- */
table.tblBa {
  border: 1px solid #DEDEDE;
  border-width: 1px 0 0 1px;
  background: #FFFFFF;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}
table.tblBa th,
table.tblBa td {
  padding: 5px;
  border: 1px solid #DEDEDE;
  border-width: 0 1px 1px 0;
  text-align: left;
}
table.tblBa thead th,
table.tblBa thead td {
  background: #EFEFEF;
}
table.tblBa tbody tr:nth-child(2n) {
  background: #F5F4ED;
}

/* tblCalBa
-------------------------------------------------- */
table.tblCalBa {
  border: 1px solid #B3B3B3;
  border-width: 1px 0 0 1px;
  background: #FFFFFF;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
  line-height: 1.2;
  font-size: 1.4rem;
}
table.tblCalBa caption {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
table.tblCalBa th,
table.tblCalBa td {
  padding: 2px;
  border: 1px solid #B3B3B3;
  border-width: 0 1px 1px 0;
  text-align: center;
  vertical-align: top;
}
table.tblCalBa thead th {
  background: #1a6de6;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px 0;
}
table.tblCalBa tbody td {
  padding: 5px 0 20px;
}
table.tblCalBa tbody td.cal01 {
  color: #CC4E00;
}
table.tblCalBa tbody td.cal02 {
  color: #0058E6;
}
table.tblCalBa tbody td.cal03 {
  color: #008299;
}
table.tblCalBa tbody td.cal04 {
  color: #CC0066;
}
table.tblCalBa tbody td[class*="cal"] {
  padding: 5px 0;
}
table.tblCalBa tbody td[class*="cal"] img {
  position: relative;
  bottom: -2px;
}

/* ==================================================
   06.Layout
================================================== */
/* xxx
-------------------------------------------------- */
/* layImgBa
---------------------------------------- */
.layImgBa {
  margin-bottom: 15px;
  display: -webkit-box;
  word-break: break-all;
}
.layImgBa.imgL .img {
  margin-right: 15px;
  margin-left: inherit !important;
}
.layImgBa.imgL .contents {
  -webkit-box-flex: 1;
}
.layImgBa.imgR {
  direction: rtl;
}
.layImgBa.imgR .img {
  margin-left: 15px;
  margin-right: inherit !important;
  direction: ltr;
  text-align: left;
}
.layImgBa.imgR .contents {
  direction: ltr;
  -webkit-box-flex: 1;
  text-align: left;
}

/* ==================================================
   07.Form
================================================== */
input[type="text"] {
  -webkit-appearance: none;
  border: 1px solid #B3B3B3;
  height: 3.4095rem;
  padding: 5px;
  font-size: 1.3rem;
  border-radius: 0;
}

input[type="text"].inputBa {
  margin: 0 5px;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-transform: scale(1.3, 1.3);
  position: relative;
  top: 0px;
}

input[type="submit"] {
  -webkit-appearance: none;
  border: 1px solid #CC4E00;
  color: #FFFFFF;
  font-weight: bold;
  height: 36px;
  text-align: center;
  font-size: 1.5rem;
  -webkit-box-shadow: inset 0 0 0 1px #df9365;
  box-shadow: inset 0 0 0 1px #df9365;
  background: #cc4e00;
  background: -moz-linear-gradient(top, #cc4c00 0%, #c53b00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc4c00), color-stop(100%, #c53b00));
  background: -webkit-linear-gradient(top, #cc4c00 0%, #c53b00 100%);
  background: linear-gradient(top, #cc4c00 0%, #c53b00 100%);
  /*&:hover{
  	background:#CC4E00;
  }*/
}

select {
  padding: 5px;
  height: 2.5em;
  margin-bottom: 3px;
}
select option span.caption {
  display: none;
}

textarea.textareaBa {
  width: 100%;
  height: 6.0em;
  margin-bottom: 15px;
  padding: 5px;
}

/* inputSearchTy01
-------------------------------------------------- */
p.inputSearchTy01 {
  padding-right: 75px;
  width: 100%;
  overflow: hidden;
}
p.inputSearchTy01 input[type="text"] {
  float: left;
  width: 100%;
}
p.inputSearchTy01 input[type="submit"] {
  float: right;
  width: 70px;
  margin-right: -75px;
  padding-left: 24px;
/* L14PTF202112 CHG START
  background: #cc4e00;
  background: url(/winj/img/sp/iconSearch01.png) no-repeat 4px center, -moz-linear-gradient(top, #cc4c00 0%, #c53b00 100%);
  background: url(/winj/img/sp/iconSearch01.png) no-repeat 4px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc4c00), color-stop(100%, #c53b00));
  background: url(/winj/img/sp/iconSearch01.png) no-repeat 4px center, -webkit-linear-gradient(top, #cc4c00 0%, #c53b00 100%);
  background: url(/winj/img/sp/iconSearch01.png) no-repeat 4px center, linear-gradient(top, #cc4c00 0%, #c53b00 100%);
*/
  background: #cc4e00 url(/winj/img/sp/iconSearch01.png) no-repeat 9px center;
/* L14PTF202112 CHG END */
  background-size: 17px 17px;
}

/* inputRegistTy01
-------------------------------------------------- */
p.inputRegistTy01 {
  padding-right: 65px;
  width: 100%;
  overflow: hidden;
}
p.inputRegistTy01 input[type="text"] {
  float: left;
  width: 100%;
}
p.inputRegistTy01 input[type="submit"] {
  float: right;
  width: 60px;
  margin-right: -65px;
  color: #003d99;
  border: 1px solid #B3B3B3;
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  letter-spacing: 6px;
  padding-left: 14px;
  background: #f3f3f3;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #d6d6d6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #d6d6d6));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #d6d6d6 100%);
  background: linear-gradient(top, #fcfcfc 0%, #d6d6d6 100%);
  -webkit-box-shadow: inset 0 0 0 1px white;
  box-shadow: inset 0 0 0 1px white;
  text-decoration: none;
}

/* listRadioTy01
-------------------------------------------------- */
ul.listRadioTy01 {
  text-align: center;
  margin: -5px 0 7px;
  padding: 1px;
  font-size: 0;
}
ul.listRadioTy01 li {
  display: inline-block;
  font-size: 1.3rem;
  position: relative;
  overflow: hidden;
}
ul.listRadioTy01 li label {
  display: block;
  padding: 5px 20px;
  border: 1px solid #1a6de6;
  border-width: 1px 1px 1px 0;
  font-weight: bold;
  color: #003d99;
  background: #f3f3f3;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #d6d6d6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #d6d6d6));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #d6d6d6 100%);
  background: linear-gradient(top, #fcfcfc 0%, #d6d6d6 100%);
  border-radius: 0 4px 4px 0;
  -webkit-box-shadow: inset 0 0 0 1px white;
  box-shadow: inset 0 0 0 1px white;
}
ul.listRadioTy01 li label:hover {
  cursor: pointer;
}
ul.listRadioTy01 li input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
ul.listRadioTy01 li input:checked + label {
  color: #FFFFFF;
  background: #1a6de6;
  background: -moz-linear-gradient(top, #003d99 0%, #1a6de6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003d99), color-stop(100%, #1a6de6));
  background: -webkit-linear-gradient(top, #003d99 0%, #1a6de6 100%);
  background: linear-gradient(top, #003d99 0%, #1a6de6 100%);
}
ul.listRadioTy01 li:first-child label {
  border-width: 1px 0 1px 1px;
  border-radius: 4px 0 0 4px;
}

/* listSwitch01
-------------------------------------------------- */
ul.listSwitch01 {
  text-align: center;
  margin: -5px 0 7px;
  padding: 1px;
  font-size: 0;
}
ul.listSwitch01 li {
  display: inline-block;
  font-size: 1.3rem;
  position: relative;
  overflow: hidden;
}
ul.listSwitch01 li a,
ul.listSwitch01 li em {
  display: block;
  padding: 5px 20px;
  border: 1px solid #1a6de6;
  border-width: 1px 0;
  font-weight: bold;
  color: #003d99;
  text-decoration: none;
  background: #f3f3f3;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #d6d6d6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #d6d6d6));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #d6d6d6 100%);
  background: linear-gradient(top, #fcfcfc 0%, #d6d6d6 100%);
  -webkit-box-shadow: inset 0 0 0 1px white;
  box-shadow: inset 0 0 0 1px white;
}
ul.listSwitch01 li.current em {
  color: #FFFFFF;
  background: #1a6de6;
  background: -moz-linear-gradient(top, #003d99 0%, #1a6de6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003d99), color-stop(100%, #1a6de6));
  background: -webkit-linear-gradient(top, #003d99 0%, #1a6de6 100%);
  background: linear-gradient(top, #003d99 0%, #1a6de6 100%);
}
ul.listSwitch01 li:first-child a,
ul.listSwitch01 li:first-child em {
  border-width: 1px 0 1px 1px;
  border-radius: 4px 0 0 4px;
}
ul.listSwitch01 li:last-child a,
ul.listSwitch01 li:last-child em {
  border-width: 1px 1px 1px 0;
  border-radius: 0 4px 4px 0;
}

/* ==================================================
   08.Special
================================================== */
.inlayBlock {
  width: 100%;
  -webkit-transition: 0.5s;
  -webkit-transform-origin: top;
  -moz-transition: 0.5s;
  -moz-transform-origin: top;
  overflow: hidden;
}

.tabContents {
  display: none;
}
.tabContents.current {
  display: block;
}

.tabContents2 {
  display: none;
}
.tabContents2.current {
  display: block;
}

/* ボトムバー固定 */
.btmBar.fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10001;
}

.btmBar.delete {
  display: none;
}

.btmBar ul.listBtnTy01 li a {
  padding-top: 6px;
}

/* ==================================================
   Adjust
================================================== */
/* align
-------------------------------------------------- */
.alignL {
  text-align: left !important;
}

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

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

/* width
-------------------------------------------------- */
.w05 {
  width: 5% !important;
}

.w33 {
  width: 33% !important;
}

.w66 {
  width: 66% !important;
}

.w10 {
  width: 10% !important;
}

.w15 {
  width: 15% !important;
}

.w20 {
  width: 20% !important;
}

.w25 {
  width: 25% !important;
}

.w30 {
  width: 30% !important;
}

.w35 {
  width: 35% !important;
}

.w40 {
  width: 40% !important;
}

.w45 {
  width: 45% !important;
}

.w50 {
  width: 50% !important;
}

.w55 {
  width: 55% !important;
}

.w60 {
  width: 60% !important;
}

.w65 {
  width: 65% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w85 {
  width: 85% !important;
}

.w90 {
  width: 90% !important;
}

.w95 {
  width: 95% !important;
}

.w100 {
  width: 100% !important;
}

/* margin
-------------------------------------------------- */
.ml05 {
  margin-left: 5px !important;
}

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

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

.mb30 {
  margin-bottom: 30px !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;
}
/*
input { font-size: 16px; }
*/
.bold{
  font-weight:bold;
}

/* L11 ADD START */
.btn-theme{
display:inline-block;
border:1px solid #c43800;
background-color:#c43800;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:inset 0 0 0 1px rgba(252, 252, 252, 0.4);
box-shadow:inset 0 0 0 1px rgba(252, 252, 252, 0.4);
background-size:100%;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc4e00), color-stop(100%, #c43800));
background-image:-webkit-linear-gradient(top, #cc4e00 0%, #c43800 100%);
background-image:-moz-linear-gradient(top, #cc4e00 0%, #c43800 100%);
background-image:-ms-linear-gradient(top, #cc4e00 0%, #c43800 100%);
background-image:linear-gradient(top, #cc4e00 0%, #c43800 100%);
text-align:center;
color:#ffffff;
}
.btn-theme:link,
.btn-theme:visited{
color:#ffffff;
text-decoration:none;
}

.btn-theme-02{
display:inline-block;
position:relative;
line-height:1.23077;
padding:4px 5px 3px;
border:1px solid #b3b3b3;
-moz-box-sizing:border-box;
box-sizing:border-box;
background-color:#ffffff;
-webkit-box-shadow:inset 0 0 0 1px #fbfbfb;
box-shadow:inset 0 0 0 1px #fbfbfb;
background-size:100%;
background: #e3e3e3;
background: -moz-linear-gradient(top,  #e3e3e3 0%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #e3e3e3 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #e3e3e3 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 );
font-size:92.85714%;
text-decoration:none;
color: #000000;
}
.btn-theme-02:link,
.btn-theme-02:visited{
color:#000000;
}

dl.listLang .theme-change{
position: relative;
cursor: pointer;
color: #004d22;
border-radius: 3px;
background: #f8f8f8;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #dadada 100%);
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#dadada 100%);
background: linear-gradient(to bottom,  #f8f8f8 0%,#dadada 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#dadada',GradientType=0 );
padding: 6px 6px 6px 25px;
color: #004d22;
}
dl.listLang .theme-change::after{
content: "";
position: absolute;
display: block;
left:6px;
width: 16px;
height: 12px;
margin-top: -14px;
background-image: url('/winj/img/sp/icon-theme-01.png');
background-size: contain;
background-repeat: no-repeat;

}

.dialog{
position: fixed;
top: 45%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 270px;
height: 450px;
border: 1px solid #b2b2b2;
background-color: #ffffff;
z-index: 9999;
display: none;
}
.dialog h2{
position: relative;
padding-left: 30px;
font-size: 13px;
height: 28px;
line-height: 28px;
border-bottom: 1px solid #b2b2b2;
background-color:#ffffff;
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ebebeb), color-stop(0%, #efefef), color-stop(61.84%, rgba(255, 255, 255, 0.38)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image:-webkit-linear-gradient(bottom, #ebebeb 0%, #efefef 0%, rgba(255, 255, 255, 0.38) 61.84%, rgba(255, 255, 255, 0) 100%);
background-image:-moz-linear-gradient(bottom, #ebebeb 0%, #efefef 0%, rgba(255, 255, 255, 0.38) 61.84%, rgba(255, 255, 255, 0) 100%);
background-image:-ms-linear-gradient(bottom, #ebebeb 0%, #efefef 0%, rgba(255, 255, 255, 0.38) 61.84%, rgba(255, 255, 255, 0) 100%);
background-image:linear-gradient(bottom, #ebebeb 0%, #efefef 0%, rgba(255, 255, 255, 0.38) 61.84%, rgba(255, 255, 255, 0) 100%);
font-weight:normal;
}
.dialog h2::before{
content: "";
position: absolute;
display: block;
width: 16px;
height: 12px;
background-image: url('/winj/img/sp/icon-theme-02.png');
background-repeat: no-repeat;
background-size: contain;
top: 7px;
left: 7px;
}
.dialog ul{
margin: 5px 20px 0;
}
.dialog ul li{
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 105px;
height: 105px;
border: 1px solid #b2b2b2;
padding: 1px;
text-align: center;
margin-top: 10px;
margin-right: 15px;
cursor: pointer;
}

.dialog ul li.on{
border: 3px solid #00cccc;
padding: 0px;
}

.dialog ul li::before{
content: '';
display: block;
width: 100%;
height: 82px;
background-image: url('/winj/img/sp/imgStandard.png');
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}

.dialog ul li.standard::before{
background-image: url('/winj/img/sp/imgStandard.png');
}
.dialog ul li.girly::before{
background-image: url('/winj/img/sp/imgGirly.png');
}
.dialog ul li.pop::before{
background-image: url('/winj/img/sp/imgPop.png');
}
.dialog ul li.smart::before{
background-image: url('/winj/img/sp/imgSmart.png');
}
.dialog ul li.elegant::before{
background-image: url('/winj/img/sp/imgElegant.png');
}

.dialog ul li a{
position: relative;
width: 100%;
text-align: center;
color: #4c4c4c;
bottom: -5px;
text-decoration: none;
}

.dialog .btn-theme,
.dialog .btn-theme-02{
min-width: 105px;
height: 36px;
padding: 0;
line-height: 35px;
text-align: center;
font-size:16px;
cursor: pointer;
border-radius: 3px;
}
.dialog .btn-theme{
letter-spacing: 5px;
}
.dialog .btn-theme-02{
min-width: 90px;
margin-right: 10px;
font-size:15px;
}
.dialog .buttonArea{
position: absolute;
background: #f5f4ed;
width: 100%;
height: 56px;
line-height: 56px;
text-align: center;
bottom: 0;
}

@media screen and ( min-height:451px ){ 
.dialog ul li:nth-child(2n){
margin-right: 0;
}
}
@media screen and ( max-height:450px ){
.dialog{
position: fixed;
top: 45%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 350px;
height: 270px;
border: 1px solid #b2b2b2;
background-color: #ffffff;
z-index: 9999;
display: none;
}
.dialog ul li{
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 32%; 
height: 16%; 
display: inline-block; 
border: 1px solid #b2b2b2;
padding: 1px;
text-align: center;
cursor: pointer;
margin-top: 2%; 
margin-right: 2%; 
}
.dialog ul li:nth-child(-n+3){
margin-top: 0px;  
margin-bottom: 3px;  
}
.dialog ul li:nth-child(3n){
margin-right: 0px;  
}
.dialog ul li.on{
border: 2px solid #00cccc;
padding: 0; 
margin-bottom: 0;
}
.dialog ul li::before{
content: '';
display: block;
height: 64px;
background-image: url('/winj/img/sp/imgStandard.png');
background-repeat: no-repeat;
background-position: top center;
background-size: 100% 100%;
}
.dialog ul li a{
position: relative;
width: 100%;
text-align: center;
color: #4c4c4c;
bottom: -2px;
}
}

#areaMask{
position: fixed;
top: 0;
right: 0;
display: none;
width: 100%;
height: 100vh;
-webkit-transition: .25s ease;
-moz-transition: .25s ease;
-ms-transition: .25s ease;
-o-transition: .25s ease;
transition: .25s ease;
background: rgba(0,0,0,.6);
z-index: 9998;
}
/* L11 ADD END */