@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, BlinkMacSystemFont, sans-serif;
-webkit-font-feature-settings: "kern";
font-feature-settings: "kern";

-webkit-font-kerning: normal;
font-kerning: normal;
}
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: bottom;
}
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: bottom;
	max-width: 100%;
}
div#PsCol {
	background: #66CCFF;
	background: rgba(102, 204, 255, .4);
	border: 4px #66CCFF solid;
	border-radius: 10px;
	padding: 10px 20px;
	margin-top: 10px;
}
#alpha p img.ig {
	margin: 0 3px !important;
	vertical-align: bottom;
	max-width: 100%;
}
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;
}