@charset "UTF-8";
/* This is the StyleCatcher theme addition. Do not remove this block. */
/* Selected Layout:  */
@import url(base_theme.css);
@import url(screen.css);
/* end StyleCatcher imports */
@import url(https://www.dtp-transit.jp/css/sw.css);
/* body typeface
-------------------------------------------------------------*/
body, input, textarea, select, button {
  font-family: -apple-system, sans-serif;
}
em {
  color: red; /* font-weight: normal; */
}
/* logo
-------------------------------------------------------------*/
#logomark {
  float: left;
}
/* h2 */
#alpha h2 {
  font-size: 150%;
  clear: both;
  margin-top: 3em;
}
#alpha .toc h2 {
  margin-top: 0;
}
#alpha h3 {
  font-size: 116%;
  margin-top: 2em;
  color: #121212;
}
#alpha h4 {
  font-size: 110%;
}
/* alpha anchor
-------------------------------------------------------------*/
a {
  transition: all 0.2s ease;
}
a:hover, a:visited:hover {
  text-decoration: none;
  color: #993366;
}
/*
div.entry-asset a:hover, div.entry-asset a:visited:hover*/
#alpha p a:hover, #alpha p a:visited:hover, #alpha li a:hover, #alpha li a:visited:hover, .asset-more-link a:hover {
  text-decoration: none;
  color: #993366;
  background-color: #E1C2D1;
}
/* beta bg
-------------------------------------------------------------*/
div#content-inner {
  /* background: url(/images/page-bg.gif) repeat-y 700px 0px; */
  /* padding-top: 10px; */
}
/* Wide-Thin */
#alpha {
  line-height: 1.7;
  margin-bottom: 20px;
}
.layout-wt #beta {
  margin-top: 20px;
  padding-top: 0px;
}
/* dl
-------------------------------------------------------------*/
dl {}
dl dt {
  font-weight: bold;
  color: #121212;
  margin-top: 20px;
}
dl dd {
  margin-bottom: 10px;
}
dl#recommend_books dt {
  clear: both;
}
dl#recommend_books dt img {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 100px;
}
dl#recommend_books dd {
  margin-top: 15px;
}
/* content-nab (pagination)
-------------------------------------------------------------*/
div.content-nav {
  margin-bottom: 20px;
  margin-top: 20px;
}
/* beta
-------------------------------------------------------------*/
#beta a:hover {
  color: #993366;
}
#beta ul {
  margin: 0px;
  padding: 0px;
}
#beta ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#beta ul li a {
  text-decoration: none;
  margin: 0px;
  padding: 3px 8px 3px 17px;
  display: block;
  width: 200px;
  background: transparent url(/images/bullet_sb.gif) no-repeat 4px 8px;
}
#beta ul li a:hover {
  text-decoration: none;
  color: #FFFFFF;
  background: #993366 url(/images/bullet_sb_white.gif) no-repeat 4px 8px;
}
#beta ul ul li {}
#beta ul ul li a {
  width: 189px;
  padding-left: 28px;
  background: transparent url(/images/bullet_gray.gif) no-repeat 14px 8px;
}
#beta ul ul li a:hover {
  text-decoration: none;
  color: #FFFFFF;
  background: #993366 url(/images/bullet_sb_white.gif) no-repeat 14px 8px;
}
h1.archive-title {
  font-size: 16px;
  padding: 15px;
  margin: 0px 0px 10px;
  background: #f1f1f1;
  border-top: 3px solid #993366;
  border-bottom: 1px solid #ccc;
  display: block;
}
/* blockquote
-------------------------------------------------------------*/
blockquote {
  background: #efefef;
  padding: 10px 10px 5px 50px;
  margin: 1em 0px;
  background: #efefef url(/images/quote_a.svg) no-repeat 10px 10px;
  border-radius: 5px;
}
/* html code */
code {
  margin: 0px;
  padding: 0px;
}
pre {
  clear: both;
  border: 3px solid #E6E4E1;
  background: #f9f0f0;
  white-space: pre;
  overflow: auto;
  font-family: "Consolas", "Courier New", Courier, mono, serif;
  padding: 10px;
  margin: 10px 0px 20px;
}
/* pagetop */
#pagetop {
  clear: both;
  border-top: 1px solid #ccc;
}
#pagetop p {
  margin: 0 auto;
}
#pagetop p a {
  display: block;
  text-decoration: none;
  padding: 5px 0px;
  color: #ccc;
  text-align: center;
}
#pagetop p a:hover {
  color: #FFFFFF;
  background: #9F9F70;
}
/* fancy zoom */
#ShadowBox table td, #ZoomCapDiv table td {
  padding: 0px;
  border-width: 0px;
  border-style: none;
}
#ShadowBox table {
  border-width: 0px;
  border-style: none;
}
/**/
#header-inner, #footer-inner, #alpha-inner, #beta-inner, #gamma-inner {
  padding-left: 0px;
}
/**/
#beta input {
  font-size: 14px;
}
#beta input#search {
  width: 210px;
}
/* pages */
ul#page-list {
  margin: 10px auto;
}
ul#page-list li {
  list-style: none;
  float: left;
  display: block;
  height: 25px;
  width: 25px;
  text-align: center;
  background: #FFF;
  line-height: 25px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  border: 1px solid #CCC;
}
ul#page-list li span {
  font-weight: bold;
  background: #CCC;
  display: block;
  height: 25px;
  width: 25px;
  padding: 0px;
  color: #333;
}
ul#page-list li a {
  text-decoration: none;
  color: #333;
  background: #fff;
  display: block;
  height: 25px;
  width: 25px;
  margin: 0px;
  padding: 0px;
}
ul#page-list li span a {
  font-weight: normal;
  background: #fff;
}
ul#page-list li a:hover, ul#page-list li span a:hover {
  color: #FFF;
  background-color: #936;
}
#alpha p img {
  margin-top: 5px;
}
ul#navigator {
  padding: 0px;
  margin: 15px 0 0 0;
}
ul#navigator li {
  display: inline;
}
p mform img {
  margin: 15px 0;
}
p img {
  margin: 10px auto 20px;
}
/* .asset-body img {
	margin: 10px 3px 20px;
} */
.asset-body table img {
  margin: 0px 3px;
}
/**/
p.applyform a {
  background: #993366 url(https://swwwitch.com/images/btn_bg.png) no-repeat center top;
  border: 1px solid #993366;
}
p.applyform a:hover {
  background-color: #993366;
  color: #FFF;
  border: 1px solid #993366;
}
/**/
img.picFrame {
  padding: 5%;
  max-width: 88%;
}
.fluidimage.picFrame, .img-responsive.picFrame {
  max-width: 88%;
}
/**/
div.sessions {
  margin: 0px 0px 20px;
  padding: 20px;
  background: #DDEADD;
  border-radius: 5px;
}
div.sessions h3 {
  font-size: 122%;
  margin-top: 0px;
}
* html div.sessions h3 {
  font-size: medium;
}
div.sessions p.sessionID {
  color: #0071BF;
  float: right;
  font: italic bold 200% Arial, Helvetica, sans-serif;
  margin: 0px 0px 20px 20px;
}
div.profile {
  background: #fff;
  padding: 10px 20px;
  border-radius: 5px;
}
div.profile h3 {
  font-size: 144%;
}
span.furigana {
  font-size: 75%;
  font-weight: normal;
}
/**/
div.avatar-details {
  height: 180px;
}
.ds {
  box-shadow: 3px 3px 3px #666;
}
h2.asset-name, h1.asset-name {
  line-height: 1.4;
  font-weight: bold;
  font-weight: 600; /* letter-spacing: 1px; */
}
.load h2.asset-name, .load h1.asset-name {
  opacity: 1;
}
div.sbm {
  padding: 10px;
}
#alpha p img.ig {
  margin: 0 3px !important;
  vertical-align: middle;
  height: 1.2em;
  width: auto;
  display: inline;
}
div.relatedEntry {
  border: solid 4px #E0C1D1;
  background-color: #F7F7F7;
  margin: 20px 0px;
  padding: 0;
  border-radius: 10px;
}
#alpha div.relatedEntry h3 {
  margin-top: 0px;
  font-weight: bold;
  background-color: #E0C1D1;
  padding: 7px 20px;
  color: #983265;
  font-size: 100%;
}
div.relatedEntry ul {
  list-style: none;
  margin: 5px 0 5px 15px;
  padding: 0px;
}
div.relatedEntry ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
div.relatedEntry ul a {
  text-decoration: none;
  margin: 0px;
  padding: 2px 8px 2px 17px;
  background: transparent url(/images/bullet_gray.gif) no-repeat 4px 8px;
  display: block;
  width: 620px;
}
div.relatedEntry ul a:hover {
  text-decoration: none;
  color: #FFFFFF;
  margin: 0px;
  padding: 2px 8px 2px 17px;
  background: #993366 url(/images/bullet_sb_white.gif) no-repeat 4px 8px;
  border-radius: 5px;
}
/**/
div#container #content {
  border: none !important;
}
#header-content {
  height: 150px;
}
div#global-nav {
  border-radius: 5px;
  margin-top: 15px;
  background-color: #E0C1D1;
  overflow: visible;
  position: absolute;
  top: 100px;
  left: 0px;
  width: 940px;
}
#global-nav ul#menu {
  height: 2em;
  padding: 10px 0px 0;
  margin: 0px 0px 0px 15px;
}
#global-nav ul#menu li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: inline;
}
#global-nav ul#menu li a {
  display: inline-block;
  color: #BC7A9B;
  text-decoration: none;
  padding: 5px;
}
#global-nav ul#menu li a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #936;
  border-radius: 5px;
}
#global-nav form {
  float: right;
  margin: 12px 0px 10px;
  width: 240px;
}
* html #global-nav form {
  width: 260px;
  display: inline;
  float: right;
  margin: 12px 10px 10px;
}
#global-nav form input#search {
  width: 170px;
  background: #f7f7f7;
  border-radius: 5px;
}
*html #global-nav form input#search {
  width: 160px;
}
#global-nav form input#search:focus {
  background: #fff;
}
#global-nav form input#button {
  padding: 2px 10px;
}
div#container div#content div#content-inner {
  /* background: url(../images/page-bg.gif) repeat-y 700px 0px; */
  /* padding-top: 0px; */
}
div#container div#content #beta {
  margin-top: 0px; /* background: transparent url(/images/page-bg-top.gif) no-repeat 0px 0px; */ /* padding-top: 20px; */
}
div#container div#content .widget-header {
  color: #fff;
  border-radius: 5px;
  background-color: #999966;
  border: none 0px;
}
.widget-header, .widget-header a {
  color: #fff;
}
div#navnav {
  border-radius: 5px;
  background: #F0F0F0;
  height: 74px;
  width: 241px;
  position: absolute;
  top: 20px;
  right: 0px;
}
#navnav ul {
  height: 56px;
  width: 217px;
  margin: 0px;
  padding: 10px;
}
#navnav ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: left
}
#navnav ul li a {
  margin: 0px;
  padding: 0px;
  opacity: 0.7;
}
#navnav ul li a:hover {
  opacity: 1;
}
div#container div#content #logomark {
  float: none;
  margin-top: 2px;
}
#beta ul li a:hover {
  border-radius: 5px;
  background: #993366 url(/images/bullet_sb_white.gif) no-repeat 4px 8px;
}
#beta ul ul li a:hover {
  border-radius: 5px;
  background: #993366 url(/images/bullet_sb_white.gif) no-repeat 14px 8px;
}
h1.archive-title {
  font-size: 16px;
  padding: 15px;
  margin: 0px 0px 20px;
  background: #983265;
  border: none;
  display: block;
  color: #FFF;
  border-radius: 5px;
}
h1.archive-title em {
  color: #FFF;
}
h1.asset-name {
  margin-top: 10px !important;
}
ul#navigator {
  margin: 0 !important;
  padding: 0;
}
div.widget-content p img {
  margin: 0;
}
div#twtr-widget-1 {
  margin: 10px 0;
}
div#aics4book {
  background: #FEF2BA;
  border: 4px #FBD41B solid;
  border-radius: 10px;
  padding: 10px 20px;
}
ul#recommendEntry li a {
  text-decoration: none;
  margin: 0px;
  padding: 3px 8px 3px 17px;
  display: block;
  width: 200px;
  background: transparent url(/images/bullet_gray.gif) no-repeat 4px 8px;
}
ul#recommendEntry li a:hover {
  text-decoration: none;
  color: #FFFFFF;
  background: #993366 url(/images/bullet_sb_white.gif) no-repeat 4px 8px;
}
#alpha ol img, #alpha ul img {
  margin-top: 5px;
}
body.mt-entry-archive div.asset-footer {
  text-align: left;
}
h2.asset-name {
  margin-top: 0 !important;
}
h2.asset-name a {
  display: block;
  border-radius: 5px;
  text-decoration: none;
  color: #993366;
  background-color: #f7f7f7;
  padding: 10px 20px;
  line-height: 1.2;
  border: 1px solid #cdcdcd;
}
h2.asset-name a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #993366;
  border: 1px solid #993366;
}
::-moz-selection {
  background-color: #993366;
  color: #ffffff;
}
::selection {
  background-color: #993366;
  color: #ffffff;
}
/**/
a.retina {
  display: inline-block;
}
/* sidebar dim */
body.mt-entry-archive div#beta, body.mt-category-archive div#beta {
  filter: alpha(opacity=30);
  opacity: 0.3;
  transition: all 500ms cubic-bezier(1.000, 0.235, 0.670, 0.875);
}
body.mt-entry-archive div#beta:hover, body.mt-category-archive div#beta:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.asset-body img.right {
  margin-left: 20px;
}
table ul {
  margin: 0;
  padding-left: 20px;
}
div#INDD {
  margin-top: 20px;
}
#layoutChangeBox {
  background-color: #efefef;
  padding: 10px;
  border: 1px solid #666;
  color: #666;
  margin: auto;
  width: 15em;
  text-align: center;
}
#layoutChangeBox a {
  display: inline-block;
  margin: 5px;
}
a#mobile {
  margin-left: 1em;
}
/* btn */
a.button, a.button:visited {
  width: 320px;
  font-size: 18px;
  color: #eee;
  background: #337fcc;
  font-weight: bold;
  text-shadow: -1px -1px 0px #EC6B00;
  text-align: center;
  display: block;
  margin: 0 auto;
  text-decoration: none;
  border: 1px solid #EC6B00;
  padding: 14px 0 10px 0;
  border-radius: 5px;
  background-color: rgba(250, 171, 107, 1);
  background: -moz-linear-gradient(rgba(250, 171, 107, 1), rgb(236, 107, 1));
  background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(250, 171, 107, 1)), to(rgb(236ß, 107, 1)));
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.5) inset, 0px -1px 0px rgba(255, 255, 255, 0.2) inset;
}
#alpha #aics4book a.button:hover {
  background-color: #EC6B00;
  color: #fff;
}
#alpha small {
  line-height: 1.3;
}
.fluidimage, .img-responsive {
  width: 100%;
  max-width: 98%;
  height: auto;
  margin: auto;
}
ul li img {
  vertical-align: top;
}
/* SVG */
object {
  pointer-events: none;
}
#header-name a:hover {
  opacity: 0.7;
}
div.AuthorName {
  float: right;
  padding: 10px;
  width: 450px;
}
div.AuthorName span {
  color: #999;
}
#alpha p img.ig {
  margin: 0 3px !important;
  vertical-align: middle;
  height: 1.2em;
  width: auto;
  display: inline;
}
div#PsCol {
  background: #66CCFF;
  background: rgba(102, 204, 255, .4);
  border: 4px #66CCFF solid;
  border-radius: 10px;
  padding: 10px 20px;
  margin-top: 10px;
}
div#infobox {
  background: #efefef;
  padding: 1px 3px 0;
  border-radius: 3px;
  margin-bottom: 10px;
}
.hide {
  display: none;
}
.fa-check {
  color: #690;
}
.fa-times {
  color: #f44;
}
.fa-exclamation-triangle {
  color: #fb3;
}
h3.widget-header {
  margin-top: 10px;
}
h3.widget-header#for-starter, h3.widget-header#x10 {
  margin-top: 0;
}
.mt-main-index h3.widget-header#x10 {
  margin-top: 10px;
}
h3.widget-header:hover {
  opacity: .6;
}
.uiStreamStory .uiStreamStory .mainWrapper {
  margin-right: 0px !important;
}
i {
  color: red;
}
dl.sidebar-dl, .sidebar-dl dt, .sidebar-dl dd {
  margin-left: 0;
}
.sidebar-dl dt {
  margin-bottom: .1em;
}
.sidebar-dl dd {
  margin-bottom: .7em;
  font-size: .9em;
  color: #666;
}
div#navnav {
  width: 220px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
}
#navnav form {
  margin: 12px 0px 10px;
  text-align: right;
  float: none;
}
#navnav form input#search {
  background: #f7f7f7;
  border-radius: 5px;
  width: 200px;
}
#navnav form input#search:focus {
  background: #fff;
}
#navnav form input#button {
  padding: 2px 10px;
}
#sns-icon {
  float: right;
  padding-right: 10px;
  padding-top: 10px;
}
#sns-icon li {
  list-style: none;
  /* margin: 0px; */
  /* padding: 0px; */
  display: inline;
}
#sns-icon i {
  color: #993366;
  color: rgba(153, 51, 102, 0.4);
  line-height: 1.0;
}
#sns-icon i.fa-inverse {
  color: rgba(255, 255, 255, 0.4);
  padding-top: .5em;
}
#sns-icon a:hover i {
  color: #993366;
}
#sns-icon a:hover i.fa-inverse {
  color: rgba(255, 255, 255, 1);
}
#sns-icon .fa-lg {
  font-size: 12pt;
}
/*
#sns-icon li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#sns-icon li a {
	padding: 10px 5px 0;
	display: inline-block;
}
#sns-icon li i {
	font-size: 30px;
	color: #993366;
	color: rgba(153, 51, 102, .5);
	line-height: 1.0;
}
#sns-icon li a:hover i {
	color: #993366;
} */
ol#quiz li li {
  list-style-type: upper-latin;
}
ol#quiz li {
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
}
ol#quiz li li {
  margin-bottom: 0em;
  border-bottom: none;
}
ol#quiz ol {
  margin-top: .5em;
  margin-left: 2em;
}
#follow {
  display: none;
}
#alpha a:before, #alpha a:after {
  font-family: 'Fontawesome';
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  font-style: normal;
  margin-right: .3em;
}
#alpha p a:before { /* content:'\f08e'; */
  margin-left: .3em;
}
#alpha a[href*="twitter.com"]::before {
  content: '\f099';
  color: #55acee;
}
#alpha a[href*="facebook.com"]::before {
  content: '\f082';
  color: #3b5998;
}
#alpha a[href*="vimeo.com"]::before {
  content: '\f194';
  color: #1ab7ea;
}
#alpha a[href*="amazon.co.jp"]::after {
  margin-right: .3em;
  content: '\f270';
  color: #f90;
}
#alpha a.imglink[href*="amazon.co.jp"]::after {
  margin-right: 0;
  content: none;
}
#alpha a.imglink[href*=".pdf"]::after {
  margin-right: 0;
  content: none;
}
#alpha a[href*="youtube.com"]::before {
  content: '\f166';
  color: #cd201f;
}
#alpha a[href*="dribbble.com"]::before {
  content: '\f17d';
  color: #8aba56;
}
#alpha a[href*="flickr.com"]::before {
  content: '\f16e';
  color: #0063dc;
}
#alpha a[href*="foursquare.com"]::before {
  content: '\f180';
  color: #f94877;
}
#alpha a[href*="github.com"]::before {
  content: '\f09b';
  color: #4183c4;
}
#alpha a[href*="plus.google.com"]::before {
  content: '\f0d5';
  color: #dd4b39;
}
#alpha a[href*="instagram.com"]::before {
  content: '\f16d';
  color: #3f729b;
}
li a[href*="soundcloud.com"]::before {
  content: '\f1be';
  color: #ff8800;
}
#alpha a[href*="tumblr.com"]::before {
  content: '\f173';
  color: #35465c;
}
#alpha a[href*=".pdf"]::after {
  margin-left: .3em;
  content: '\f1c1';
  color: red;
}
#infobox a[href*="twitter.com"]::before, #infobox a[href*="facebook.com"]::before {
  content: '';
  margin-right: 0;
}
h2 {
  margin-top: 3em;
}
p img {
  display: block;
  margin: .5em auto;
}
.iframe-content {
  position: relative;
  width: 100%;
  padding: 75% 0 0 0;
  margin-bottom: 1em;
}
.iframe-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.toc {
  background-color: #efefef;
  padding: 15px 20px;
  border: 1px dashed #ababab;
  width: 90%;
  margin: 20px auto;
  border-radius: 6px;
}
div.toc h2 {
  margin-top: 0;
}
div.toc ul ul {
  margin-bottom: 0;
}