@charset "utf-8";
body {
	font-family:"Noto Sans Japanese";
	color:#444;
	font-feature-settings:"palt";
}
#content-container {
	display:flex;
	min-height:100vh;
	/*min-height:calc(100vh - 40px);*/
}
h1 {
	font-family:"Noto Sans Japanese";
	width:100%;
	margin:25px 0 0 0 !important;
	padding:5px 0 5px 10px !important;
	border:6px solid #000;
	border:10px solid #0495c7;
	background-color:#0495c7;
	border-radius:10px;
	color:#ffffff;
	font-size: 24px !important;
}
h2 {
	font-family:"Noto Sans Japanese";
	width:100%;
	margin:25px 0 0 0 !important;
	padding:5px 0 5px 10px !important;
	border:6px solid #000;
	border:10px solid #0495c7;
	background-color:#0495c7;
	border-radius:10px;
	color:#ffffff;
	font-size: 24px !important;
}
h3 {
	/* flow page*/
	font-family:"Noto Sans Japanese";
}
h4 {
	/* install page*/
	font-family:"Noto Sans Japanese";
	font-weight:bold;
	font-size:1.5em;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #ccc;
	margin-top:10px;
	color:#0495c7;
}
h5 {
	font-family:"Noto Sans Japanese";
	font-weight:bold;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #ccc;
	margin:12px 0 8px 0;
	color:#0495c7;
}
a {
	font-weight:bold;
	color:#0495c7;
	text-decoration:underline;
}
p.gray {
	color:#444 !important;
	line-height:2em;
	font-weight:bold;
	border-bottom:dotted 1px #444;
}
.badge {
	margin-right:10px !important;
	margin-left:2px !important;
	background-color:#0495c7 !important;
	white-space:nowrap !important;
}
.contents {
	margin:20px 0 25px 0;
}
.callout.warning h5 {
	color:#444 !important;
}
.blog-post {
	margin:0 auto !important;
}
.blog-post .image {
	margin:20px 0 10px 0;
}
.indent {
	padding-left:2.0em !important;
	text-indent:-1.0em !important;
}
.description {
	margin-bottom:40px !important;
}
.description p {
	line-height:2;
}
.label {
	font-size:1rem !important;
	border-radius:2px !important;
}
.label.primary {
	background-color:#ff9900 !important;
}
.l_line {
	padding:0.12em 0.5em;
	background:transparent;
	border-left:solid 5px #0495c7;
}
.mac_image {
	margin:0 auto;
	padding-bottom:25px;
}
.mac_image .image_s {
	width:49%;
	margin:5px 5px 5px 0;
}
@media screen and (max-width:1110px) {
	.mac_image .image_s {
		width:100%;
		margin:5px 5px 5px 0;
	}
}
.manual_logo {
	margin:30px 0 30px 0;
}
.point {
	padding:.5em .75em;
	background-color:#f6f6f6;
}
.tabs {
	margin-top:30px;
}
.tabs-title a {
	color:#0495c7 !important;
	text-decoration:none;
	font-size:1em;
	outline:none;
}
.update_inner {
	float:left;
}
.update_inner .image {
	width:45%;
}
@media screen and (max-width:900px) {
	.update_inner .image {
			width:100%;
			margin:5px 5px 5px 0;
	}
}
.update_inner_text {
	float:right;
	width:55%;
	padding:80px 0 0 3px;
}
@media screen and (max-width:900px) {
	.update_inner_text {
			width:100%;
			margin:5px 5px 5px 0;
			padding-top: 10px;
	}
}
/*/////////////////////////// FOUNDATION ICON /////////////////////////////////*/
.fi-page {
	margin:0 5px 0 5px;
}
.fi-size {
	font-size:11px;
	font-size:1.1rem;
	margin:0 10px 0 10px;
}
.fi-color {
	font-size:11px;
	font-size:1.1rem;
	margin:0 10px 0 10px;
	color: red;
}
/*/////////////////////////// FOOTER /////////////////////////////////*/
.fwrapper {
	width:100%;
}
.footer {
	padding-top:60px;
}
.footer p {
	font-size:12px;
}
#content {
	flex: 1;
}
/*/////////////////////////// PAGE NATION /////////////////////////////////*/
.pagination-circular {
	text-align:center;
	margin:60px 0 20px 0;
}
.pagination-circular li.current {
	border:1px solid #0495c7;
	border-radius:5000px;
	padding:0.285em 0.8em;
	font-size:18px;
}
.pagination-circular li.disabled {
	border:1px solid #cacaca;
	padding:0.285em 0.8em;
	border-radius:5000px;
	font-size:18px;
}
.pagination-circular a {
	border-radius:5000px;
	padding:0.285em 0.8em;
	border:1px solid #0495c7;
	font-size:18px;
}
.pagination-circular li:not(.disabled):hover a {
	background:#0495c7;
	color:#fefefe;
}
.pagination-circular li a {
	transition:background 0.3s ease-in,color 0.3s ease-in;
	text-decoration:none;
	font-weight:normal;
	font-size: 1.0rem;
}
/*/////////////////////////// DOWNLOAD BUTTON /////////////////////////////////*/
.button-rounded-hover {
	border:0;
	border-radius:5000px;
	padding:1rem 2rem;
	margin-top:30px;
	text-transform:uppercase;
	position:relative;
	overflow:hidden;
	font-size:1rem;
	letter-spacing:2px;
	transition:all 0.3s ease;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	background-color:#0495c7;
	text-decoration:none;
}
.button-rounded-hover:before {
	opacity:0;
	content:"";
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	border-radius:inherit;
	background-color:#0495c7;
	transition:all 0.3s;
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
}
.button-rounded-hover:after {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	content:'';
	border-radius:inherit;
}
.button-rounded-hover:hover,.button-rounded-hover:focus {
	background-color:#00a4dc;
}
.button-rounded-hover:hover:before,.button-rounded-hover:focus:before {
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
	opacity: 0.15;
}
/*/////////////////////////// SIDE NAVIGATION /////////////////////////////////*/
#contents #side_left {
	padding-right:50px;
}
#sidemenu13 .category-nav {
	margin:30px 0 30px 0;
	border-bottom:1px solid #444;
	line-height:2.5 !important;
	background-color:#f9f9f9;
}
#sidemenu13 .category-nav a {
	height:45px;
	line-height:45px;
	border-bottom:none;
}
#sidemenu13 .category-nav li>a:hover {
	background:#f2f2f2;
}
#sidemenu13 .category-nav ul {
	display:block;
	list-style: none;
}
#sidemenu13 .category-nav>li {
	/*border-top:1px solid #444;*/
	list-style:none;
	margin:15px 0;
}
#sidemenu13 .category-nav>li:first-child {
	border-top:1px solid #444;
}
#sidemenu13 .category-nav>li>p {
	color:#444;
	font-size:11px;
	font-size:1.1rem;
	font-weight:bold;
	line-height:35px;
}
#sidemenu13 .category-nav>li>ul>li>a {
	margin-left:30px;
	color:#444;
	font-size:10px;
	font-size:1.0rem;
	font-weight:normal;
	text-decoration: none;
}
/*/////////////////////////// TIME LINE /////////////////////////////////*/
.cbp_tmtimeline {
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
	position:relative;
}
.cbp_tmtimeline:before {
	content:'';
	position:absolute;
	top:0;
	bottom:140px;
	width:10px;
	background:#0495c7;
	left:15%;
	margin-left:-10px;
}
.cbp_tmtimeline>li {
	position:relative;
}
.cbp_tmtimeline>li a {
	color:#444;
	text-decoration:none;
	transition:color 0.3s
}
.cbp_tmtimeline>li a:hover {
	color: #0495c7;
}
/* Right content */
.cbp_tmtimeline>li .cbp_tmlabel {
	margin:0 0 15px 25%;
	background:#f2f2f2;
	color:#444;
	padding:2em;
	font-size:1.0em;
	font-weight:300;
	line-height:1.4;
	position:relative;
	border-radius:5px;
}
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel {
	background:#f2f2f2;
}
.cbp_tmtimeline>li .cbp_tmlabel h3 {
		margin-top:0px;
	padding:0 0 10px 0;
	font-size:1.3em;
	font-weight:bold;
	border-bottom: 1px solid rgba(4,149,199,0.4);
}
/* The triangle */
.cbp_tmtimeline>li .cbp_tmlabel:after {
	right:100%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-right-color:#f2f2f2;
	border-width:10px;
	top:10px;
}
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #f2f2f2;
}
/* The icons */
.cbp_tmtimeline>li .cbp_tmicon {
	width:40px;
	height:40px;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	font-size:1.4em;
	line-height:40px;
	-webkit-font-smoothing:antialiased;
	position:absolute;
	color:#fff;
	background:#0495c7;
	border-radius:50%;
	box-shadow:0 0 0 8px #afdcf8;
	text-align:center;
	left:15%;
	top:0;
	margin: 0 0 0 -25px;
}
/*///////////////////////////Start - flow_update.html css/////////////////////////////////*/
.wf-notosansjapanese {
	font-family:"Noto Sans Japanese";
}
.left-pad10 {
	padding-left:10px;
}
.left-pad50 {
	padding-left:50px;
}
.top-pad10 {
	padding-top:10px;
}
.line-height2 {
	line-height:2;
}
.cmenu-text {
	color:#555555;
	font-weight:normal;
	letter-spacing:-0.03em
}
.cmenu-title-text {
	margin:0;
	font-size:105%;
	font-weight:500;
}
.cmenu-item {
	margin:0;
	padding-left:50px;
	list-style:none;
}
.cmenu-item:hover {
	background:#0495c7;
	color:#ffffff !important;
}
.cmenu-item:hover a {
	color:#ffffff !important;
}
.cmenu-selected {
	background:#0495c7;
	color:#ffffff !important;
}
.cmenu-selected a {
	color:#ffffff !important;
}
.lightgrey-background {
	background-color:#f2f2f2;
}
.bottom-pad15 {
	padding-bottom:20px;
}
#logo {
	margin-top:10px;
	margin-bottom:25px;
}
.img_border {
	border:1px solid rgba(10,10,10,.25);
}
.desc_label {
	font-family:"Noto Sans Japanese";
	border-bottom:1px solid #ccc;
	margin:5px 0 0px 0;
	font-size:inherit;
	font-weight:500;
	color:#484848;
}
.fi-arrow-right {
	color:#808080;
}
.callout_image {
	margin: 5px;
}
/*///////////////////////////End - flow_update.html css/////////////////////////////////*/
/*///////////////////////////PAGE TOP BUTTON/////////////////////////////////*/
@media screen and (min-width:1024px) {
	#pageTop {
					display:none !important;
	}
}
#pageTop span {
	display:block;
	overflow:hidden;
	width:14px;
	height:12px;
	background:url('../image/up.png') no-repeat center center;
}
#pageTop {
	border:0px solid #000;
	background:#999;
	text-shadow:0 1px 0 #333;
	color:#fff;
	padding:16px 19px;
	position:fixed;
	bottom:20px;
	right:20px;
	top:auto;
	left:auto;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-icab-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;
	box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,.4),inset 0 10px 10px rgba(255,255,255,.1);
}
#pageTop:hover {
	transition:all .3s;
	opacity:0.8;
	filter: alpha(opacity=80);
}