@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/sprite_icon_SP.png) no-repeat left top;
  -webkit-background-size: 138px 2222.5px;
  background-size: 138px 2222.5px;
}


.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 #c0c4c9;
  border-radius: 4px;
  font-size: 1.2rem;
  display: inline-block;
  background: #f1f1f1;
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  background: linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  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: 20px;
  height: 20px;
  background-position: 0 -1956px;
  top: 50%;
  left: 0;
  margin-top: -10px;
}
.btnTy01.close a:before{
  left:3px;
}


.hdgL3Ba span.btnBa a, ul.listBtnBa li a,
.hdgL3Ba span.btnBa input,
ul.listBtnBa li input,
.btnTy02 a,
.btnTy02 input {
  border: 1px solid #c0c4c9;
  font-size: 1.3rem;
  display: inline-block;
  background: #f0f0f0;

  background: -moz-linear-gradient(top, #ffffff 50%, #f0f0f0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f0f0f0));
  background: -webkit-linear-gradient(top, #ffffff 50%,#f0f0f0 100%);
  background: linear-gradient(top , #ffffff 50%,#f0f0f0 100%);
  text-decoration: none;
  padding: 4px 5px;
  color: #1f1f1f;
  border-radius: 4px;
}
.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 #27c3f0;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  background: #27c3f0;
  text-decoration: none;
  padding: 2px 10px;
  border-radius: 4px;
}

p.linkPagetop a:before {
  content: "";
  width: 7px;
  height: 7px;
  border: 3px solid #4fdcff;
  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 #63d4f4;
  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: 0;
}

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

a {
  color: #797979;
  text-decoration: none;
}

strong {
  color: #cc0000;
}
hr{
  border:none;
/* L14PTF202112 CHG START */
  margin: 0;
/* L14PTF202112 CHG END */
}
/*hr.hrBa {
  margin: 0 -10px 15px;
  border: 1px solid #D6D6D6;
  border-width: 1px 0 0;
}*/

/* ==================================================
   Header
================================================== */
header {
  position: relative;
}
header > h1#logo {
  font-size: 1.5rem;
  font-weight: normal;
  height: 80px;
  padding: 25px 15px 0px;
  background: url(/winj/img/sp/bgHeader.png) repeat left top;
  background-size:auto 100%; 
}
header > h1#logo a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  margin: -5px -10px -10px -10px;
  padding: 10px;
}
header > p.btnBa.login {
  position: absolute;
  top: 22px;
  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;
  margin:0 0 10px;
}
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: 20px;
  height: 20px;
  top: 50%;
  left: 7px;
  margin-top: -9px;
  background-position: 0px -887px;
}
header ul.listBtnBa li.right {
  float: right;
  margin-right: 0;
}

header > dl.listLang {
  text-align: right;
  font-size: 0;
  padding: 10px 0 10px 10px;
  background: #dcf7fa;
}
header > dl.listLang > dt,
header > dl.listLang > dd {
  font-size: 1.4rem;
}
header > dl.listLang > dt {
  display: none;
}

header > dl.listLang > dd + dd:before {
  content: "｜";
  color: #1f1f1f;
}
header > dl.listLang > dd {
  display: inline;
  color: #4a382c;
}

header > dl.listLang a{
  display: inline-block;
  padding: 10px 5px;
  font-weight: normal;
  color: #797979;
}
header > dl.listLang em {
  display: inline-block;
  padding: 10px 5px;
  font-weight: normal;
  color: #4a382c;
}

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

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

.strMain dl{
  padding: 0 0 10px;
}
/* ==================================================
   01.Heading
================================================== */
/* Level1
-------------------------------------------------- */
h1.hdgL1Ba {
  font-size: 1.3rem;
  font-weight: normal;
  background: #ffffff;
  padding: 17px 12px;
  border-bottom: 1px solid #c0c4c9;
  text-align: center;
  margin-bottom: 5px;
}

/* Level2
-------------------------------------------------- */
.hdgL2Ba {
  margin: 0 -10px 12px;
  padding: 8px 10px;
  font-size: 1.5rem;
  font-weight: normal;
  position: relative;
  background: #000000;
  color: #ffffff;
}
.hdgL2Ba span:not([class]) {
  border-left: 3px solid #4fdcff;
  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;
  color: #1f1f1f;
}
.hdgL2Ba span.btnBa.close a {
  padding-left: 22px;
}
.hdgL2Ba span.btnBa.close a:before {
  width: 20px;
  height: 20px;
  background-position: 0px -1956px;
  top: 50%;
  left: 3px;
  margin-top: -10px;
}

/* 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: normal;
}

.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: normal;
  position: relative;
  color: #003d99;
  background: #EFEFEF;
}

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

/* Level3
-------------------------------------------------- */
/* hdgL3Ba */
.hdgL3Ba {
  margin: 10px -10px 12px;
  padding: 10px;
  font-size: 1.3rem;
  font-weight: normal;
  position: relative;
  background: #dcf7fa;
  border-bottom: 2px solid #dcf7fa;
}
.hdgL3Ba span.btnBa {
  text-align: right;
  float: right;
  margin: -5px 0 -2px;
}
.hdgL3Ba.wide.narrow{
  margin:20px -10px 12px;
}
/* hdgL3Ty01 */
/*2015/07/21*/.hdgL3Ty01 {
  margin: 0 -10px 12px;
  padding: 5px 10px 0;
  font-size: 1.5rem;
  position: relative;
  background: #000000;
  height: 30px;
  color: #ffffff;
}
.hdgL3Ty01 span{
  border-left: 3px solid #4fdcff;
  padding:0 0 0 10px;
  vertical-align: middle;
}
.hdgL3Ty01 span.btnBa {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -14px;
  border: none;
}
.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;
}

p#detailBtn{
  padding: 0 20px 0 0;
}
/* 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 #fd2558;
  background: #fd2558;
  color: #FFFFFF;
}
em.icon.best {
  border: 1px solid #fcca00;
  background: #fcca00;
  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: #c89919;
  color: #FFFFFF;
  font-size: 1.0rem;
  padding: 3px 1px 2px 27px;
}
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: 15px;
  height: 14px;
  top: 50%;
  left: 5px;
  margin-top: -7px;
  background-position: 0 -778px;
}
em.icon.rank02 {
  background: #898574;
}
em.icon.rank03 {
  background: #cf6100;
}
/* 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: #ffffff;
  border: #626262 2px solid;
  min-width: 36px;
  text-align: center;
  background: #626262;
}
em.icon.status02 {
  border: #4bb3d1 2px solid;
  color: #fff;
  background:#4bb3d1;
}
em.icon.status04 {
  background: #fd2558;
  color: #fff;
  border: #fd2558 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
-------------------------------------------------- */
/*2015/08/03詳細*/
p.btnTy01 a,
p.btnTy02 a,
p.btnTy03 a {
  padding: 5px 45px;
  margin: 10px 0 0;
}
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;
}

/*2015/07/21追加*/p.btnTy02{
  display: inline-block;
  margin: 10px 0;
}


/* ==================================================
   03.List
================================================== */
/* navGlobal
-------------------------------------------------- */
nav#navGlobal{
  width: 100%;
  padding: 30px 10px 10px;
  margin:0 0 0 -10px;
  background: #393d43;
}

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 {
  position: relative;
  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;
  padding: 0 2% 0 0;
}
nav#navGlobal > ul > li span{
  display: block;
  padding-top: 5px;
  word-wrap:break-word;
  bottom: 0;
}
nav#navGlobal > ul > li:nth-child(3n) {
  padding: 0;
}
nav#navGlobal > ul > li a {
  position: relative;
  display: block;
  text-align: center;
  border:4px solid #ffffff;
  min-height: 8.2em;
  height: auto;
  text-decoration: none;
  background: #ffffff;
  box-shadow: 1px 3px 0 #000000;
}
nav#navGlobal > ul > li a em {
  position:relative;
  padding-top: 0;
  color: #27c3f0;
  min-height: 8em;
  height: auto;
}

nav#navGlobal > ul > li a em:before {
  position: static;
  display: inline-block;
  content: "";
  width:80px;
  height: 55px;
  top: 10px;
  text-align: center;
}
nav#navGlobal > ul > li a div.multiline em {
  padding-top: 52px;
}
nav#navGlobal > ul > li.icon01 a em:before {
  background-position: 0 0;
}
nav#navGlobal > ul > li.icon02 a em:before {
  background-position: 0 -55.5px;
}
nav#navGlobal > ul > li.icon03 a em:before {
  background-position: 0 -166.5px;
}
nav#navGlobal > ul > li.icon04 a em:before {
  background-position: 0 -222px;
}
nav#navGlobal > ul > li.icon05 a em:before {
  background-position: 0 -499.5px;
}
nav#navGlobal > ul > li.icon06 a em:before {
  background-position: 0 -555px;
}
nav#navGlobal > ul > li.icon07 a em:before {
  background-position: 0 -333px;
}


nav#navGlobal > ul > li.icon08 a em:before {
  background-position: 0 -388.5px;
}
nav#navGlobal > ul > li.icon09 a em:before {
  background-position: 0 -277.5px;
}
nav#navGlobal > ul > li.icon10 a em:before {
  background-position: 0 -111px;
}
nav#navGlobal > ul > li.icon11 a em:before {
  background-position: 0 -610.5px;
}
nav#navGlobal > ul > li.icon12 a em:before {
  background-position: 0 -335px;
}



/* nav-guide
-------------------------------------------------- */
#nav-guide2{
  margin: 10px;
}


/* 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 {
  min-height: 5.6em;
}
.listNewsBa li:nth-child(even) {
  background: #f8f8f4;
}
.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 {
  color: #828282;
}

/* listRankingBa
-------------------------------------------------- */

ol.listRankingBa,
ul.listBookBa{
  margin: -12px -10px 15px;
}
ul.listBookBa-2 {
  margin: -12px -10px 10px;
}

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: #faf9f4;
}
ol.listRankingBa > li,
ul.listBookBa > li,
ul.listBookBa-2 > li {
  border-bottom: 1px solid #c0c4c9;
  padding: 10px 10px 26px 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;
}
/*2015/07/24*/
ul.listBookBa-2 > li > em[class^="icon status"] + ul.listIconBa {
  left: 62px;
}
/*2015/07/24*/ol.listRankingBa > li > em[class^="icon status"] + ul.listIconBa,
ul.listBookBa > 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;
}
/*2015/07/24*/ol.listRankingBa > li > ul.listIconBa,
ul.listBookBa > li > ul.listIconBa,
ul.listBookBa-2 > li > ul.listIconBa {
  position: absolute;
  top: 15px;
  left: 10px;
}
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: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  margin-top: -10px;
}
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: 0px -969px;
}
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: 0px -989.5px;
}
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: 0px -222px;
}
ol.listRankingBa > li p.title,
ul.listBookBa > li p.title,
ul.listBookBa-2 > li p.title {
  margin: 29px 0 5px;
  font-size: 1.4rem;
  font-weight: normal;
  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: 5px;
  left: -90px;
  max-width: 82px;
/*  width: 82px;*/
  height: auto;
  max-height: 116px;
}
/* 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;
  color: #1f1f1f;
}
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: normal;
  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 20px 152px;
}
ul.listBookBa-2.function > li .status {
  position: absolute;
  top: 80px;
  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: 13px;
  left: 0px;
  cursor: pointer;
  display: block;
  text-align: center;
  width: 62px;
  height: 140px;
  z-index: 10000;
}
ul.listBookBa-2.function > li .check input {
  position: absolute;
  top: 30px;
  left: 21px;
}
ul.listBookBa-2.function > li .rank {
  font-size: 1.1rem;
  font-weight: normal;
  color: #fd2558;
  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 -2093.5px;
}
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: 0 -2117px;
}

/* listBookTy01
   listBookTy02
-------------------------------------------------- */

ul.listBookTy01-2,
ul.listBookTy02,
ul.listBookTy02-2 {
  margin: -12px -10px 15px;
}

ul.listBookTy01{
  margin: 0px -10px 15px;
}
ul.listBookTy01 li,
ul.listBookTy01-2 li,
ul.listBookTy02 li,
ul.listBookTy02-2 li {
  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 80px;
  text-decoration: none;
  color: inherit;
  font-weight: normal;
}
ul.listBookTy01 li a:before,
ul.listBookTy01-2 li a:before,
ul.listBookTy02 li a:before,
ul.listBookTy02-2 li a:before {
  width: 65px;
  height: 65px;
  top: 50%;
  left: 10px;
  margin-top: -32.5px;
}
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: 80px;
}
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: #f8f8f4;
}

/* listBookTy01
-------------------------------------------------- */
ul.listBookTy01 li.icon01 a:before {
  background-position: 0 -1182.5px;
}
ul.listBookTy01 li.icon02 a:before {
  background-position: 0 -1248px;
}
ul.listBookTy01 li.icon03 a:before {
  background-position: 0 -1313.5px;
}
ul.listBookTy01 li.icon04 a:before {
  background-position: 0 -1379px;
}
ul.listBookTy01 li.icon05 a:before {
  background-position: 0 -1444.5px;
}
ul.listBookTy01 li.icon06 a:before {
  background-position: 0 -1510px;
}
ul.listBookTy01 li.icon07 a:before {
  background-position: 0 -1641px;
}
ul.listBookTy01 li.icon08 a:before {
  background-position: 0 -1575.5px;
}
/*2015/07/24*/ul.listBookTy01 li.icon09 a:before {
  background-position: 0 -277.5px;
  width: 80px;
  height: 55px;
  top: 50%;
  left: 5px;
  margin-top: -27.5px;
}
ul.listBookTy01 li.icon11 a:before {
background-position: 0px -2157px;
}

ul.listBookTy01 li.noicon a:before {
  display: none;
}
/*2015/07/22*/ul.listBookTy01 li div {
  height: 4em;
  padding-left: 10px;
}

/* 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: 37px;
  height: 37px;
  margin-top: -18px;
  left: 6px;
}
ul.listBookTy02 li a div {
  min-height: 50px;
  height: 3em;
}
ul.listBookTy02 li.icon01 a:before {
  background-position: 0 -1706.5px;
}
ul.listBookTy02 li.icon02 a:before {
  background-position: 0px -1744px;
}
ul.listBookTy02 li.icon03 a:before {
  background-position: 0px -1781.5px;
}
/*2015/07/22*/ul.listBookTy02 li.noicon a:before {
  display: none;
}

/*2015/07/22*/ul.listBookTy02 li.icon04 a:before {
  background-position: 0px -1819px;
}

/* 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/sprite_icon_SP.png) no-repeat left top;
  -webkit-background-size: 138px 2222.5px;
  background-size: 138px 2222.5px;
  width: 21px;
  height: 21px;
  top: 50%;
  right: 14px;
  margin-top: -11px;
  background-position: 0px -1976.5px;
 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/sprite_icon_SP.png) no-repeat left top;
  -webkit-background-size: 138px 2222.5px;
  background-size: 138px 2222.5px;
  width: 14px;
  height: 14px;
  background-position: 0px -2064.5px;
  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: 0px -2079px;
}
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: 0px -1998px;

}

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: normal;
  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: -3px -10px 20px;
}
ul.listBookTy06 > li {
  display: table;
  width: 100%;
  padding-top: 10px;
}
ul.listBookTy06 > li:nth-child(2n+1) {
  background-color: #f2f2e8;
}

ul.listBookTy06 > li label{
  padding-left: 10px;
}
ul.listBookTy06 > li label input[type="checkbox"]{
  margin-right: 10px;
}
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: normal;
}
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 {
  position: relative;
  font-size: 1.4rem;
  margin: -5px -10px 12px;
}
ul.listTabBa li {
  width: 33.33333%;
  float: left;
  padding: 0;
  border-right: 1px solid #5a5a5a;
}
ul.listTabBa li:last-child {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}


ul.listTabBa li a {
  display: block;
  text-decoration: none;
  font-weight: normal;
  text-align: center;
  padding: 44px 5px 8px;
  background: #1a1b23;
  color: #ffffff;
}

ul.listTabBa li a:hover,
ul.listTabBa li a:active,
ul.listTabBa li a.current{
color:#27c3f0;
background: #33333b;
}

ul.listTabBa li.current a {
  background: #33333b;
  color: #27c3f0;
  border-bottom: 3px solid #27c3f0;
  padding: 44px 5px 5px;

}
ul.listTabBa li[class*="icon"] a {
  position: relative;
}
ul.listTabBa li[class*="icon"] a:before {
  width: 55px;
  height: 37px;
  top: 6px;
  left: 50%;
  margin-left: -25px;
  background-position: 0px -1070px;
}
ul.listTabBa li.icon02 a:before {
  background-position: 0px -1107.5px;
}
ul.listTabBa li.icon03 a:before {
  background-position: 0px -1145px;
}

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;
  float: left;
}
dl.listRateBa dd em:before {
  width: 76px;
  height: 13.5px;
  top: 0;
  left: 0;
  background-position: 0 -792.5px;
}
dl.listRateBa dd em.star01:before {
  background-position: 0px -806px;
}
dl.listRateBa dd em.star02:before {
  background-position: 0px -819.5px;
}
dl.listRateBa dd em.star03:before {
  background-position: 0 -833px;
}
dl.listRateBa dd em.star04:before {
  background-position: 0px -846.5px;
}
dl.listRateBa dd em.star05:before {
  background-position: 0px -860px;
}
dl.listRateBa dd em.star10:before {
  background-position: 0px -806px;
}
dl.listRateBa dd em.star20:before {
  background-position: 0px -819.5px;
}
dl.listRateBa dd em.star30:before {
  background-position: 0 -833px;
}
dl.listRateBa dd em.star40:before {
  background-position: 0px -846.5px;
}
dl.listRateBa dd em.star50:before {
  background-position: 0px -859.5px;
}
dl.listRateBa dd em.star5:before {
  background-position: 0px -860px;
}
dl.listRateBa dd em.star15:before {
  background-position: -62px -873.5px;
}
dl.listRateBa dd em.star25:before {
  background-position: -46.5px -873.5px;
}
dl.listRateBa dd em.star35:before {
  background-position: -31px -873.5px;
}
dl.listRateBa dd em.star45:before {
  background-position: -16px -873.5px;
}

/* listBtnBa
-------------------------------------------------- */
ul.listBtnBa li {
  font-size: 1.2rem;
  margin-right: 2px;
  display: inline-block;
}
ul.listBtnBa li a {
  padding: 3px 4px;
  color: #1f1f1f;
}

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: 20px;
  height: 20px;
  background-position: 0px -907.5px;
  top: 50%;
  left: 12px;
  margin-top: -10px;
}
ul.listBtnTy01 li.icon02 a:before {
  width: 20px;
  height: 20px;
  background-position: 0 -928px;
  top: 50%;
  left: 11px;
  margin-top: -10px;
}
ul.listBtnTy01 li.icon03 a, ul.listBtnTy01 li.icon04 a, ul.listBtnTy01 li.icon05 a, ul.listBtnTy01 li.icon06 a {
  padding-left: 28px;
  color: #1f1f1f;
}
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: 20px;
  height: 20px;
  top: 50%;
  left: 4px;
  margin-top: -9px;
  background-position: 0px -969px;
}
ul.listBtnTy01 li.icon04 a:before {
  background-position: 0px -989.5px;
}
ul.listBtnTy01 li.icon05 a:before {
  background-position: 0px -1010px;
}
ul.listBtnTy01 li.icon06 a:before {
  background-position: 0px -948.5px;
  left: 5px;
}
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: 38px;
  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: 24px;
  top: 50%;
  left: 5px;
  margin-top: -12px;
}
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: 0px -2042px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
ul.listBtnTy01 li.iconTag02 a:before {
  background-position: 0px -948.5px;
}
ul.listBtnTy01 li[class^="iconCard"] {
  float: none;
  margin-right: 0;
  margin-bottom: 5px;
}
ul.listBtnTy01 li[class^="iconCard"] a {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  height: auto;
  border-bottom: 4px solid #27c3f0;
  color:#000000;
  font-weight: normal;
}
ul.listBtnTy01 li[class^="iconCard"] a span {
  float: right;
}
ul.listBtnTy01 li[class^="iconCard"] a:before {
  width: 24px;
}
ul.listBtnTy01 li[class^="iconCard"]:last-child {
  margin-bottom: 10px;
}
ul.listBtnTy01 li.iconCard01 a:before {
  background-position: 0px -1907px;
}
ul.listBtnTy01 li.iconCard02 a:before {
  background-position: 0px -1931.5px;
}
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%;
  color: #1f1f1f;
}
ul.listBtnTy01.col2 {
  margin-bottom: 15px;
}
ul.listBtnTy01.col2 li {
  float: none;
  display: inline-block;
  width: 49%;
  padding-right: 5px;
  margin: 0 0 10px;
  vertical-align: top;
}
ul.listBtnTy01.col2 li a {
  display: block;
  border-bottom: 4px solid #27c3f0;
  color:#000000;
  font-weight: normal;
}
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;
  background:#27c3f0;
  border-color: #27c3f0;
}
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: #27c3f0;
  border-left-color: #ffffff;
  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: normal;
}
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: normal;
  position: relative;
  bottom: -4px;
}
dl.listTy01 dt:after {
  content: "：";
}
dl.listTy01 dd {
  float: left;
}

/* listTy02
-------------------------------------------------- */
dl.listTy02 {
  text-align: center;
  font-weight: normal;
}
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;
  padding: 10px 10px 0;
}
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;
}


/* ==================================================
   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 #dcf7fa;
  background: #dcf7fa;
}

/* 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"] {
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 4px;
}

.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;
  color: #1f1f1f;
}

.boxTy02.wide .btnTy03 input[type="submit"]{
  padding: 0 40px;
}
span.btnTy02 input[type="submit"]{
padding: 0px 40px;
border-radius: 0;
}
span.btnTy02{
  display: inline-block;
}

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

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


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

.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: 15px 5px 17px;
  background: #ddfaff;
  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: 100%;
  background: #393d43;
}
.bgCardImage img {
  max-width: none !important;
  position: absolute;
  top: 30px;
  left: 50%;
  margin: 0 0 0 -275px;
  width: 550px;
  min-height: 450px;
}

/* 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: #27c3f0;
  border-width: 15px 30px 30px;
  left: 50%;
  margin-left: -30px;
}

/* ==================================================
   05.Table
================================================== */
/* tblBa
-------------------------------------------------- */
table.tblBa {
  border: 1px solid #b1b1a7;
  background: #ffffff;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}
table.tblBa th,
table.tblBa td {
  padding: 5px;
  border: 1px solid #b1b1a7;
  border-width: 0 1px 0 0;
  text-align: left;
  word-break:break-all;
}
table.tblBa thead th,
table.tblBa thead td {
  background: #737679;
  color: #ffffff;
}

table.tblBa tbody tr:nth-child(2n) {
  background: #f2f2e8;
}


/* 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: normal;
  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: #737679;
  color: #ffffff;
  font-weight: normal;
  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"], input[type="password"] {
  -webkit-appearance: none;
  border: 1px solid #B3B3B3;
  height: 3.4095rem;
  padding: 5px;
  font-size: 1.3rem;
  border-radius: 0;
}
input[type="password"] {
  height: 2.4095rem;

  }

input[type="text"]#id-birth-day {
  width: 20%;
}

input[type="text"]#id-id{
  margin-left: 15px;
}



input[type="text"].inputBa {
  margin: 0 5px;
}
input[type="text"]#txt_name{
  margin-top: 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 #27c3f0;
  color: #ffffff;
  height: 35px;
  text-align: center;
  font-size: 1.5rem;
  background: #27c3f0;
  border-radius: 4px;
  /*&: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;
  background: #27c3f0 url(/winj/img/sp/iconSearch01.png) no-repeat 9px center;
  background-size: 17px 17px;
  border-radius: 4px;
}

/* inputRegistTy01
-------------------------------------------------- */
p.inputRegistTy01 {
  width: 100%;
  overflow: hidden;
}
p.inputRegistTy01 input[type="text"] {
  float: left;
  width: 80%;
  margin: 0 5px 0 0;
}
p.inputRegistTy01 input[type="submit"] {
  float: right;
  width: 60px;
  margin-right: -65px;
  color: #003d99;
  border: 1px solid #B3B3B3;
  font-size: 1.2rem;
  font-weight: normal;
  display: inline-block;
  letter-spacing: 6px;
  padding-left: 14px;
  background: #d6d6d6;
  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: normal;
  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 17px;
  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;
  color: #1f1f1f;
  border: 1px solid #c0c4c9;
  text-decoration: none;
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  font-weight: normal;
}
ul.listSwitch01 li.current em {
  border: 1px solid #13a4ce;
  color: #FFFFFF;
  background: #13a4ce;
  background: -moz-linear-gradient(top, #13a4ce 0%, #26c2ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #13a4ce), color-stop(100%, #26c2ef));
  background: -webkit-linear-gradient(top, #13a4ce 0%, #26c2ef 100%);
  background: linear-gradient(top, #13a4ce 0%, #26c2ef 100%);
}

ul.listSwitch01 li:first-child a,
ul.listSwitch01 li:first-child em {
  border-radius: 4px 0 0 4px;
}

ul.listSwitch01 li:last-child a,
ul.listSwitch01 li:last-child em {
  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;
  color: #1f1f1f;
}

/* ==================================================
   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;
border-radius: 3px;
color: #34a5c6;
border:1px solid #c0c4c9;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
padding: 6px 6px 6px 25px;
color: #000000;
}
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(3n){
margin-right: 0px;  
}
.dialog ul li:nth-child(-n+3){
margin-top: 0px;  
margin-bottom: 3px;  
}
.dialog ul li.on{
border: 3px 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 */