/*<meta />*/

@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto|Roboto+Condensed:300,400,500,700,900');

@import url('wa-mediabox.min.css');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*.mainContent .Row
{
	overflow: auto;
	clear: both;
}*/

/*Main Page*/

#searchPane b {
	color:orange
}

.SearchHighlight
{
	background-color: yellow;
}

.title
{
	padding-top: 3%;
	padding-bottom: 3%;
	font-family: 'Oswald', sans-serif;
	font-size: calc(1.3vw + 24px);
	font-weight: bold;
	color: #808080;
	text-align: center !important;
}

.block
{
	margin: 0 1%;
	width: 98%;
	margin-bottom: 1%;
	/*text-align: center;*/
}

.imgLink
{
	color: #cccccc !important;
	font-family: 'Oswald', sans-serif;
	font-size: 2.5rem;
	display: inline-block;
	/*text-align: center;*/
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	position: relative;
}

.cover
{
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 97%;
	position: absolute;
	color: #e4e4e4 !important;
	top: 0;
	left: 0;
	text-decoration: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/*-ms-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;*/
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.cover .HD
{
	position: absolute;
	top: 25%;
	left: 4.5%;
	width: 90%;
}

.cover .HD H3
{
	padding: 0 !important;
	margin: 0 !important;
	color: #ffffff;
	font-size: 1.5em !important;
}

.cover .HD p
{
	padding: 0 !important;
	margin: 0 !important;
	clear: both;
	color: #cccccc;
	font-size: 0.8em !important;
	font-family: 'Roboto', sans-serif;
	font-weight: light;
}

.imgLink:hover
{
	
}

.cover:hover
{
	font-size: 2.8rem;
	background: rgba(0, 0, 0, 0);
	color: #ffffff !important;
	text-decoration: none;
}

.cover:focus
{
	text-decoration: none;
}

.arrow
{
	display: inline-block;
	transform: translateY(20px);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.cover:hover .arrow
{
	transform: translateY(40px);
}

/*end of Main Page*/
/*Sub Main Page*/

.PicTitle
{
	position: relative;
	width: 100%;
}

.PicTitle .HDBlock
{
	position: absolute;
	top: 32%;
	left: 8%;
}

.PicTitle .HDBlock H1
{
	/*color: #fff;*/
	font-size: calc(1.125vw + 3em) !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #ffffff;
	/*font-size:1.5em !important;*/
}

.PicTitle .HDBlock p
{
	color: #cccccc;
	font-size: calc(1vw + 14px) !important;
	font-family: 'Roboto', sans-serif;
	font-weight: light;
	padding: 0 !important;
	margin: 0 !important;
	clear: both;
}

.PicTitle .cover1
{
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 99%;
	position: absolute;
}

.mainContent h1
{
	padding-top: 1%;
	padding-bottom: 3%;
	font-family: 'Oswald', sans-serif;
	font-size: 3em;
	font-weight: bold;
	color: #808080;
	text-align: left;
}

#outbox
{
	-moz-column-count: 1;
	-moz-column-gap: 2%;
	-webkit-column-count: 1;
	-webkit-column-gap: 2%;
	column-count: 1;
	column-gap: 2%;
	width: 100%;
	margin: 2% auto;
}

.content_box
{
	width: 31%;
	display: inline-block;
	margin: 5px 5px 5px 0;
	overflow: hidden;
	font-size: 1em;
	line-height: 1.3;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	margin: 0 1%;
	margin-bottom: 2%;
	padding-bottom: 1%;
	border-bottom-width: 1px;
	border: solid 1px #cccccc;
	box-sizing: border-box;
}

/*.notetext
{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #1e1e1e;
	font-size: 1em;
	padding: 1%;
	margin: 1% 1% 1% 1%;
	border: solid 1px #cccccc;
}
*/

/*.note blockquote
{
	margin-left:0 !important;
}
*/

/*.content_box h3{ padding: 1% 2%;}*/
/*.content_box img{ width:100%;}*/

.content_box p
{
	padding-left: 3%;
}

/*.content_box .textmore a{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color:#1e1e1e;
	font-size: calc(0.2vw + 1em);
	position: relative;
	display: block;
	background-image:url(../images/icon-More-open.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 92%;
	text-decoration: none;
	height: auto;
	padding-left: 5%;
	margin:1% 2% 0 2%;
}*/

/*end of Sub Main Page*/

/*
.mainContent .Row .Item
{
	float: left;
	margin: 0 1.5%;
	width: 350px;
	border: 1px solid #969696;
	padding-bottom: 1%;
	margin-bottom: 3%;
}

.mainContent .Row .Item .note
{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #1e1e1e;
	font-size: 1.1em;
	position: relative;
	padding: 1%;
}
*/

img
{
	margin: 0.5% 0;
	max-width: 100%;
	height: auto;
}

img.back-to-top
{
	position: fixed;
	bottom: 0;
	right: 1%;
	top: 90%;
	padding: 10px;
	padding-left: 5px;
}

a:hover
{
	color: #82be0f;
	text-decoration: none;
}

/*
.TOCearth > a:after
{
	content: "earth";
	position: relative;
	left: 5px;
	bottom: 2px;
	color: transparent;
	font-size: smaller;
	background-repeat: no-repeat;
	background-image: url(../images/UI_Icons/Earth.svg);
}
*/

.TOCnew > a:after
{
	content: "New";
	vertical-align: super;
	position: relative;
	left: 5px;
	bottom: 2px;
	color: #83bd0f;
	font-size: smaller;
	font-style: italic;
}

.TOCsymbol > a:after
{
	content: " A/中/あ\00a0";
	vertical-align: super;
	position: relative;
	left: 5px;
	bottom: 2px;
	color: #cccccc;
	font-size: smaller;
	border: solid 1px #cccccc;
	border-radius: .25em;
	letter-spacing: 1px;
}

video
{
	max-width: 100%;
	height: auto;
}

table
{
	width: auto !important;
	height: auto;
	border-spacing-y: 0;
	border-spacing-x: 0;
	border-collapse: collapse;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-spacing: 0px 0px;
	vertical-align: top;
	text-align: left;
	border: solid 1px #ececec;
	font-family: Roboto;
}

col
{
	width: auto !important;
}

td
{
	width: auto !important;
	/*max-width: 320px;*/
}

MadCap|dropDown.Note
{
	mc-closed-image: url('../../ENU/Images/UI_Icons/icon-More-open.png');
	mc-open-image: url('../../ENU/Images/UI_Icons/icon-More-Close.png');
}

.textimg
{
	margin: 0 0.5%;
}

/* images inline */

.tableimg
{
	margin: 0;
}

/* image in table cells */

body
{
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: #4d4d4d;
	line-height: 1.3;
	padding-left: 3%;
	padding-right: 3%;
}

p
{
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: #4d4d4d;
	line-height: 1.3;
	padding-left: 1%;
	padding-right: 3%;
}

tbody,
td,
tr
{
	border: 1px solid #cccccc;
	padding: 10px;
}

tbody,
td,
tr > img
{
	padding: 0;
}

div.TopicContent
{
	padding-right: 15px;
	padding-left: 15px;
}

/*
h1
{
	padding-top: 1%;
	font-family: 'Oswald', sans-serif;
	font-size: 3em;
	font-weight: bold;
	color: #808080;
	text-align-last: left;
	padding-bottom: 1%;
}

h2
{
	padding-top: 1%;
	font-family: 'Oswald', sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	color: #808080;
	text-align-last: left;
	padding-bottom: 1%;
}
h3
{
	/--padding-bottom: 2%;--/
	font-family: 'Oswald', sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #000000;
	text-align-last: left;
	margin: .73em 0;
	padding-top: .8%;
}

h4
{
	margin-top: 2%;
	margin-bottom: 1%;
	font-size: 1.5em;
	font-weight: bold;
	color: #000000;
	text-align-last: left;
}*/

h1
{
	padding: 10px;
	Margin: 0;
	margin-bottom: 8px;
	line-height: 1em;
	padding-top: 2.5%;
	font-family: 'Oswald', sans-serif;
	font-size: calc(1.5vw + 32px);
	font-weight: bold;
	color: #282828;
	text-align-last: left;
	padding-bottom: 1.5%;
}

h2
{
	padding: 0;
	Margin: 0;
	padding-top: 1.5%;
	padding-bottom: 1%;
	font-family: 'Oswald', sans-serif;
	font-size: calc(1.125vw + 20.4px);
	font-weight: bold;
	color: #282828;
	text-align-last: left;
}

h3
{
	padding: 0;
	Margin: 0;
	padding-top: 1%;
	padding-bottom: 0.5%;
	font-family: 'Oswald', sans-serif;
	font-size: calc(1vw + 16.8px);
	font-weight: bold;
	color: #282828;
	text-align-last: left;
}

h3.Video_Guide
{
	padding: 0;
	padding-left: 15px;
	border-left: 15px solid #83bd0f;
	line-height: normal;
	margin-left: 1%;
}

h4
{
	padding: 0;
	margin: 0;
	margin-top: 1%;
	margin-bottom: 0.5%;
	font-size: calc(0.75vw + 16px);
	font-weight: bold;
	color: #282828;
	text-align-last: left;
	font-family: 'Roboto', sans-serif;
}

.pic
{
	width: 100%;
	margin: 0;
}

MadCap|xref
{
	color: #2D8DCC;
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
}

MadCap|xref:hover
{
	color: #BED230;
}

p
{
	font-size: 1em;
	line-height: 1.8em;
	padding-bottom: 1%;
}

a
{
	color: #82be0f;
	text-decoration: underline;
}

b
{
	font-weight: bold;
}

nav
{
	display: none;
}

MadCap|breadcrumbsProxy
{
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	mc-breadcrumbs-prefix: ' ';
	border-bottom-width: 1px;
	border-bottom-style: solid;
	line-height: 30px;
	height: auto;
	border-bottom-color: #cccccc;
}

MadCap|dropDown
{
	mc-closed-image: url('../../ENU/Images/UI_Icons/icon-More-open.png');
	mc-open-image: url('../../ENU/Images/UI_Icons/icon-More-Close.png');
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}

MadCap|dropDownBody
{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #1e1e1e;
	font-size: 1em;
	padding: 1%;
	margin: 1% 1% 1% 1%;
	border: solid 1px #cccccc;
}

ol
{
	padding-left: 1em;
}

ul ul
{
	margin-top: 1em;
}

ol ol
{
	margin-top: 1em;
}

ol ul
{
	margin-top: 1em;
}

ul ol
{
	margin-top: 1em;
}

ol li
{
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: #4d4d4d;
	margin-right: 1em;
	margin-left: 2em;
	line-height: 1.8em;
	padding-bottom: 2%;
}

ul
{
	padding-left: 1em;
}

ul li
{
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: #4d4d4d;
	margin-right: 1em;
	margin-left: 2em;
	line-height: 1.8em;
	padding-bottom: 1%;
}

td ul li
{
	line-height: 1.8em;
	margin-right: 1em;
	margin-left: 3em;
}

td p
{
	line-height: 1.8em;
	margin-left: 1em;
	margin-right: 1em;
}

td ol li
{
	line-height: 1.8em;
	margin-right: 1em;
	margin-left: 3em;
}

MadCap|dropDownHotspot:focus
{
	
}

.note
{
	margin-top: 1em !important;
}

MadCap|dropDown.Sections
{
	margin-bottom: 10px;
}