@charset "UTF-8";

.taketori-sans-serif-ja-jp {
  font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','HiraKakuProN-W3','メイリオ','Meiryo','ＭＳ ゴシック','MS Gothic',Osaka,Verdana,arial,helvetica,sans-serif !important;
}

.taketori-sans-serif-zh-tw {
  font-family: 'Heiti TC', 'LiHei Pro', '微軟正黑體', Arial, Helvetica, sans-serif !important;
}

.taketori-serif-ja-jp {
  font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','ＭＳ 明朝','MS Mincho',serif !important;
}

.taketori-serif-zh-tw {
  font-family: 'Apple LiSong', Times, 'Times New Roman', '新細明體', PMingLiu, serif !important;
}

.taketori-cursive-ja-jp {
  font-family: 'ＤＦＰ行書体','ＤＦ行書体','AGENDA人名行書体L1','HGP行書体','HGS行書体','HG行書体',cursive,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','ＭＳ 明朝','MS Mincho',serif !important;
}

.taketori-cursive-zh-tw {
  font-family: 'Apple LiSong', Times, 'Times New Roman', '新細明體', PMingLiu, serif !important;
}

.taketori-kai-ja-jp {
  font-family: 'ＤＦＰ楷書体','HG正楷書体-PRO','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','ＭＳ 明朝','MS Mincho',serif !important;
}

.taketori-kai-zh-tw {
  font-family: '教育部標準楷書', '全字庫正楷體', '標楷體', 'BiauKai', 'STKaiti', Kai, serif !important;
}

.taketori-atsign-ja-jp,
.taketori-atsign-zh-tw {
  font-family: '@ＭＳ 明朝' !important;
}

.taketori-ttb { position: relative; }
.taketori-ttb-hidden { overflow: hidden; }
.taketori-ttb-visible { overflow: visible; }
.taketori-ttb span { cursor: vertical-text; }
.taketori-ttb span.cursorPointer { cursor: pointer !important; }
.taketori-ttb a span { cursor: pointer !important; }
.taketori-ttb span.verticalMiddle { vertical-align: middle !important; }

.taketori-ttb .taketori-col {
  -moz-transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  -moz-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}
.taketori-ttb .taketori-col span.cjk {
  display: -moz-inline-block;
  display: inline-block;
}
.taketori-ttb span.tcy {
  min-width: 1em;
  text-align: center !important;
  cursor: text;
}
.taketori-ttb span.cjk, .taketori-ttb span.tcy, .taketori-ttb span.ltr {
  display: -moz-inline-block;
  display: inline-block;
  -moz-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg);
  vertical-align: middle !important;
}
.taketori-ttb ruby rb, .taketori-ttb ruby rt {
  line-height: 1;
}
.taketori-ttb img,
.taketori-ttb object,
.taketori-ttb embed,
.taketori-ttb video,
.taketori-ttb audio, 
.taketori-ttb iframe {
  -moz-transform-origin: center center;
  -webkit-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -moz-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg);
  vertical-align: middle !important;
}

.taketori-ttb .nocjk {
  vertical-align: middle !important;
}

.taketori-ttb .ltr {
  -moz-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg);
}
.taketori-ttb .ltr span.cjk, .taketori-ttb .ltr span.tcy, .taketori-ttb .ltr span.ltr {
  display: inline;
  -moz-transform:none;
  -webkit-transform:none;
  -o-transform:none;
  -ms-transform:none;
  transform:none;
  vertical-align: baseline !important;
}
.taketori-ttb .ltr span {
  cursor: text;
}

.taketori-ttb span.cho-on {
  vertical-align: middle !important;
  -moz-transform: scale(1.0,-1.0);
  -webkit-transform: scale(1.0,-1.0);
  -o-transform: scale(1.0,-1.0);
  -ms-transform: scale(1.0,-1.0);
  transform: scale(1.0,-1.0);
}
.taketori-ttb span.tou-ten {
  margin: -0.64em 0.7em 0.64em -0.7em !important;
}
.taketori-ttb span.ku-ten {
  margin: -0.6em 0.64em 0.6em -0.64em !important;
}
.taketori-ttb span.kogaki {
  margin: -0.2em 0.15em 0.2em -0.15em !important;
}
.taketori-ttb span.kakko {
  vertical-align: middle !important;
}
.taketori-ttb span.ku-ten,
.taketori-ttb span.tou-ten,
.taketori-ttb span.kogaki {
  border: none !important;
  background: transparent none !important;
}
.taketori-ttb span.kinsoku {
  display: -moz-inline-block;
  display: inline-block;
}

.taketori-ttb .underline {
  text-decoration: none !important;
}
.taketori-ttb .underline span.cjk {
  line-height: 1 !important;
}
.taketori-ttb .border-underline {
  border-bottom: 1px solid;
}
.taketori-ttb .overline {
  text-decoration: none !important;
}
.taketori-ttb .overline span.cjk {
  line-height: 1 !important;
}
.taketori-ttb .border-overline {
  border-top: 1px solid;
}

.taketori-ttb .bothline {
  text-decoration: none !important;
}
.taketori-ttb .bothline span.cjk {
  line-height: 1 !important;
}
.taketori-ttb .border-bothline {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.taketori-ttb del {
  text-decoration: none;
}
.taketori-ttb del span.nocjk, .taketori-ttb del .ltr, .taketori-ttb .ltr del {
  text-decoration: line-through;
}
.taketori-ttb del span.cjk:after {
  content: "\2503";
  display: -moz-inline-block;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.taketori-ttb del span.ku-ten:after,
.taketori-ttb del span.tou-ten:after {
  content: "";
}
.taketori-ttb del span.kogaki:after {
  margin: 0.15em 0.2em -0.15em -0.2em;
}
.taketori-ttb del span.cho-on:after {
  -moz-transform: scale(1.0,-1.0) rotate(-90deg);
  -webkit-transform: scale(1.0,-1.0) rotate(-90deg);
  -o-transform: scale(1.0,-1.0) rotate(-90deg);
  -ms-transform: scale(1.0,-1.0) rotate(-90deg);
  transform: scale(1.0,-1.0) rotate(-90deg);
}

.taketori-ttb .italic {
  font-style: normal !important;
}
.taketori-ttb .italic span.nocjk, .taketori-ttb .italic .ltr {
  font-style: italic !important;
}
.taketori-ttb .italic span.cjk {
  -moz-transform:rotate(-90deg) skew(0,20deg);
  -webkit-transform:rotate(-90deg) skew(0,20deg);
  -o-transform:rotate(-90deg) skew(0,20deg);
  -ms-transform:rotate(-90deg) skew(0,20deg);
  transform:rotate(-90deg) skew(0,20deg);
}
.taketori-ttb .italic span.kakko {
  display: -moz-inline-block;
  display: inline-block;
  -moz-transform:skew(20deg,0);
  -webkit-transform:skew(20deg,0);
  -o-transform:skew(20deg,0);
  -ms-transform:skew(20deg,0);
  transform:skew(20deg,0);
}
.taketori-ttb .italic span.cho-on {
  -moz-transform: scale(1.0,-1.0);
  -webkit-transform: scale(1.0,-1.0);
  -o-transform: scale(1.0,-1.0);
  -ms-transform: scale(1.0,-1.0);
  transform: scale(1.0,-1.0);
  vertical-align: middle;
}

.taketori-ttb strong {
  font-weight: normal;
}
.taketori-ttb strong span.nocjk, .taketori-ttb strong .ltr, .taketori-ttb .ltr strong {
  font-weight: bold;
}
.taketori-ttb strong span.cjk:after {
  content: "\3001";
  display: -moz-inline-block;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  margin: -0.3em 0 0 1em;
}
.taketori-lang-ja-jp strong span.cjk:after {
  margin: -0.3em 0 0 1em;
}
.taketori-lang-zh-tw strong span.cjk:after {
  margin: 0 0 0 0.75em;
}

.taketori-ttb strong span.ku-ten:after,
.taketori-ttb strong span.tou-ten:after {
  content: "";
}
.taketori-ttb strong span.kogaki:after {
  margin: -0.15em 0 0 0.8em;
}
.taketori-lang-ja-jp strong span.kogaki:after {
  margin: -0.15em 0 0 0.8em;
}
.taketori-lang-zh-tw strong span.kogaki:after {
  margin: 0.15em 0 0 0.55em;
}
.taketori-ttb strong span.cho-on:after {
  -moz-transform: scale(1.0,-1.0) rotate(-90deg);
  -webkit-transform: scale(1.0,-1.0) rotate(-90deg);
  -o-transform: scale(1.0,-1.0) rotate(-90deg);
  -ms-transform: scale(1.0,-1.0) rotate(-90deg);
  transform: scale(1.0,-1.0) rotate(-90deg);
  margin: 1em 0.3em -1em -0.3em;
}
.taketori-lang-ja-jp strong span.cho-on:after {
  margin: 1em 0.3em -1em -0.3em;
}
.taketori-lang-zh-tw strong span.cho-on:after {
  margin: 0.75em 0 -0.75em 0;
}

.taketori-ttb ul.cjk, .taketori-ttb ol.cjk {
  list-style-type: none;
}
.taketori-ttb ul.cjk li:before, .taketori-ttb ol.cjk li:before {
  content: attr(data-marker);
  display: -moz-inline-block;
  display: inline-block;
  width: 3em;
  text-align: center;
  margin: 0 -0.3em 0 -2.7em;
  font-size: 0.8em;
  -moz-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg);
}

.taketori-ruby-disabled ruby {
  display: -moz-inline-block;
  display: inline-block;
  position: relative;
}
.taketori-ruby-disabled ruby rp {
  display: none;
}
.taketori-ruby-disabled ruby rt {
  display: block;
  margin: -1em 0 0 0;
  font-size: 0.5em;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: bottom;
}

/*  Use Writing Mode  */
.taketori-writingmode-ttb .taketori-col {
  -moz-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  /writing-mode: tb-rl;
  _writing-mode: tb-rl;
}
.taketori-writingmode-ttb .ltr, .taketori-writingmode-ttb span.tcy {
  -moz-writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  -o-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  /writing-mode: lr-tb;
  _writing-mode: lr-tb;
  vertical-align: middle\9;
}

.taketori-writingmode-ttb .underline {
  text-decoration: overline;
}

.taketori-writingmode-ttb .overline {
  text-decoration: underline;
}

.taketori-writingmode-ttb strong.bo-ten {
  font-weight: normal;
  -webkit-text-emphasis-style: filled;
  -moz-text-emphasis-style: filled;
  -o-text-emphasis-style: filled;
  -ms-text-emphasis-style: filled;
  text-emphasis-style: filled;
}
.taketori-writingmode-ttb strong.bo-ten span.cjk {
  display: inline-block;
}
.taketori-writingmode-ttb strong.bo-ten span.cjk:after {
  content: "\3001";
  display: inline-block;
  line-height: 1;
  position: absolute;
  margin: -0.55em -0.05em 0.55em 0.05em;
}
.taketori-lang-ja-jp strong.bo-ten span.cjk:after {
  margin: -0.55em -0.05em 0.55em 0.05em;
}
.taketori-lang-zh-tw strong.bo-ten span.cjk:after {
  margin: -1em 0.25em 1em -0.25em;
}

.taketori-writingmode-ttb ul.cjk, .taketori-writingmode-ttb ol.cjk {
  list-style-type: none;
}
.taketori-writingmode-ttb ul.cjk li:before, .taketori-writingmode-ttb ol.cjk li:before {
  display: -moz-inline-block;
  display: inline-block;
  content: attr(data-marker);
  -moz-writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  -o-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  /writing-mode: lr-tb;
  _writing-mode: lr-tb;
  font-size: 0.8em;
  line-height: 1;
  margin: -1.2em 0 0.2em -0.2em;
  text-align: center;
  vertical-align: text-bottom;
}

.taketori-in-progress {
  opacity: 0 !important;
  -moz-opacity: 0 !important;
  -webkit-opacity: 0 !important;
  -o-opacity: 0 !important;
  -ms-filter: "alpha(opacity=0)" !important;
  filter: alpha(opacity=0) !important;
}