@charset "UTF-8";
/*
 * base.css
 *
 *  version --- 1.0
 *  updated --- 2018/09/14
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
//	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","MS Gothic","ＭＳ ゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 18px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #000;
//	min-width: 1080px;
	margin: 0 auto;
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%; width: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{  outline: none; color: #0071BC; text-decoration: none;}
abbr, acronym
{ border: 0;}

.ss_contents
{
	width: auto;
}

.ss_form
{
	margin:auto;
	width: 90%;
}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section,
#header,
.footerBox01,
.footerBox01In,
.footerBox01Cat01,
.footerLinks01,
.footerLinksWrap dl
{
	display: block;
	min-height: 1%;
}



.Ciero_Special_Catch:after,
.Ciero_Special_Summary:after,
.Ciero_Special_Bn:after,
.Ciero_Function:after,
.Ciero_Contents_Header:after,
.Ciero_Contents_Box_ProductImage:after,
.Ciero_Contents_Box_UnitImage:after,
.Ciero_Contents_Box_Underlink:after,
.Ciero_Plan_Box:after,
.clearfix:after,
#contents:after,
.section:after,
#header:after,
.footerBox01:after,
.footerBox01In:after,
.footerBox01Cat01:after,
.footerLinks01:after,
.footerLinksWrap dl:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section,
* html #header,
* html .footerBox01,
* html .footerBox01In,
* html .footerBox01Cat01,
* html .footerLinks01,
* html .footerLinksWrap dl
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;background-color:white;}
@media print {
	html,
	html body { *zoom: 0.65;}
	
}
/* !wrapper
---------------------------------------------------------- */

/* !Content
---------------------------------------------------------- */
.Contents_Body {
//	width: 1080px;
	width: 100%;
//	margin: auto;
	background-color: white;
}

.Ciero_Image_Movie
{
//	background-color: red;
	width: 1080px;
//	background-color: #ECEAED;
	display: block;
	margin: auto;
}

.Ciero_Image_Movie img
{
	width: 100%;
}

/* Visible.Invisible:Switch 
 ****************************/
.Ciero_Image_Movie,
.Full_Menu
{
	display: block;
}

.Ciero_Image_Pict,
.Min_Menu
{
	display: none;
}

.Ciero_Image_Movie video
{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}


.Info_Contents 
{
	max-width: 855px;
	width: 95%;
	margin: 0 auto;
	line-height: normal;
	padding: 50px 0;
}

.Info_Contents h2
{
    text-align: left;
    margin-bottom: 25px;
    line-height: 1.3;
    font-size: 1.8125rem;
    font-weight: bold;
}

.Info_Contents h3
{
    font-size: 18px;
    padding-bottom: 0;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    text-align: left;
    padding-left: 0.5em;
}

.Info_Contents aside
{
    font-size: 14px;
    text-align: left;
    padding: 0;
}

.Info_Contents .footer-before
{
    margin-top: 20px;
    text-align: left;
    font-size: 12px;
    margin-bottom: 90px;
}

.Info_Contents .text-left
{
    max-width: 460px;
    margin: auto;
}

.Info_Contents footer .tel
{
    font-size: 21px;
    color: #eb6120;
    padding-bottom: 60px;
    margin: 0 auto;
}

.Info_Contents footer .tel span
{
    font-size: 16px;
    display: block;
    color: #000;
    text-align: left;
}


/* !Ciero Inquiry
---------------------------------------------------------- */
.Ciero_Inquiry
{
	width: 1000px;
	margin: auto;
//	padding-top: 30px;
	padding-bottom: 100px;
}

.Ciero_Inquiry img
{
	width: 1000px;
	margin: auto;
	padding-top: 20px;
}

.Ciero_Inquiry_Bn
{
	width: 1000px;
	margin: auto;

}

.Ciero_Inquiry_Bn img
{
	width: 800px;
	margin: auto;
	padding-top: 10px;
}

/*
---------------------------*/
#Ciero-Download_Box
{
	max-width: 800px;
	width: 80%;
//	margin: 30px auto;
	margin: 0px auto;
	font-size: 20px;
}

.Ciero-Catalog_Box
{
	max-width: 760px;
	width: 98%;
	display: inline-block;
//	height: 200px;
	margin: 10px auto;
	border: solid 1px #835164;
}

.Ciero-Catalog_Photo
{
	float: left;
	width: 40%;
	margin: 15px 0;
}

.Ciero-Catalog_Photo img
{
	height: 80%;
	max-height: 230px;
}

.Ciero-Catalog_Text
{
	float: left;
	width: 60%;
	margin: 15px 0;
}

.Ciero-Catalog_Text p
{
	font-size: 18px;
	text-align: left;
	margin: 0px 15px 15px 15px;
}

.Ciero-Catalog_Text .cat-title
{
	font-size: 23px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 20px;
}

button.modal-open
{
//	opacity: 0;
	background-color: #FFF;
	border-style: none;
}

/* !Header
---------------------------------------------------------- */
.Global_Navi
{
	height: 160px;
//	height: 81px;
	width: 100%; 
//	background-color: #5A5A5A;
	background-color: white;
	margin: auto;
}

.Navi_Menu
{
//	width: 1080px;
	width: 1000px;
	height: 160px;
	margin: auto;
	display: table;
	table-layout:fixed;
	
}

.Logo_Area
{
	width: 150px;
	height: 100%;
	display: table-cell;
	vertical-align:middle;
}

.Logo_Area img
{
	width: 125px;
}

.Global_Menu_A,
.Global_Menu_B
{
	width: 150px;
	height: 100%;
	display: table-cell;
	vertical-align:middle;
	font-size: 18px;
}

.Global_Menu_A a:link,
.Global_Menu_A a:visited,
.Global_Menu_A a:active,
.Global_Menu_B a:link,
.Global_Menu_B a:visited,
.Global_Menu_B a:active
{
	color:#000; text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.Global_Menu_A a:hover,
.Global_Menu_B a:hover
{
	color: #8b0000;
}

.Side_Menu
{
	width: 230px;
	height: 100%;
	display: table-cell;
	vertical-align:middle;
}

.Side_Box
{
	width: 200px;
	height: 90px;
	margin: auto;
	border: solid 5px #8b0000;
}

.under 
{
	padding-bottom: 10px;
//	border-bottom: solid 3px #835164;
//	border: solid 3px #835164;
//	background-color: pink;
	font-weight: 700;
//	width: 120px;
}

.Login_Bn
{
	padding-top: 5px;
	padding-bottom: 3px;
	margin: 0 auto;
	width: 100%;
}

.Download_Bn
{
	padding-top: 3px;
	padding-bottom: 5px;
	margin: 0 auto;
	width: 100%;
}

.Login_Bn img,
.Download_Bn img
{
	width: 150px;
	margin: auto;
}

/* !Header-Sub
---------------------------------------------------------- */

/**
 * ヘッダーデザイン移譲用CSS
 *************************************/
#header_top {
//	position: absolute;
	width: 100%;
	top: 0;
	height: 70px;
	background: url("/static/upload/nets.smktg.jp/seminar/32/shared/themes/vio/images/header/img-nav-global-1px.png") repeat-x;
	text-align: left;
}

.header_inner {
	max-width: 991px;
	width: 100%;
	margin: 0 auto;
}

#header-box .index-wrapper {
    //	height: 140px;
//    height: 117px;
    height: 81px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}


img {
	border: none;
	line-height: 0;
}

.header_inner form {
	float: right;
	margin-right: 8px;
	line-height: 70px;
	border-radius: 4px;
	width: 136px;
}

.header_inner label {
	border-radius: 4px;
	color: #fff;
	border: none;
	height: 26px;
	width: 130px;
	background: #2d2d2d;
}

.header_inner .header_search {
	color: #fff;
	border: none;
	height: 26px;
//    width: 130px;
	width: 124px;
	font-size: 12px;
	padding-left: 6px;
	z-index: 9999;
	background: url("/static/upload/nets.smktg.jp/seminar/32/shared/themes/vio/images/header/header_arrow.jpg") no-repeat right 14px center;
}

#header_bottom {
//	position: absolute;
	width: 100%;
	top: 70px;
	height: 81px;
	background: url("/static/upload/nets.smktg.jp/seminar/32/shared/themes/vio/images/header/img-bar-tittle-1px.gif") repeat-x;
}

.contents_inner {
	max-width: 967px;
	width: 100%;
//	width: 1050px;
	margin: 0 auto;
//	overflow: hidden;
}

#header_bottom h1 {
	float: left;
	line-height: 54px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
}

h1 a {
	text-decoration: none;
}

h1 a img {
	border: none;
	line-height: 0;
	vertical-align: 0;
	padding-top: 15px;
	width: auto;
	max-width: 337px;
}

.header_menu {
	float: right;
	padding-top: 13px;
}

.header_menu li {
	display: inline-block;
	color: #fff;
	padding: 0 10px;
	font-size: 12px;
	border-right: 1px solid #fff;
}

.mega1, .mega2, .mega3, .mega4 {
	position: relative;
	cursor: pointer;
}

.header_menu li {
	list-style: none;
}

.header_menu li a, .majorflow_header_menu li a {
	color: #fff;
	font-size: 12px;
}

.mega1_arrow {
	display: none;
	position: absolute;
	top: 20px;
	left: 31px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #fdd835 transparent transparent transparent;
}

.mega2_arrow {
	display: none;
	position: absolute;
	top: 20px;
	left: 37px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #fdd835 transparent transparent transparent;
}

.mega3_arrow {
	display: none;
	position: absolute;
	top: 20px;
	left: 57px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #FFFFFF transparent transparent transparent;
}

.header_menu li:last-child {
	border-right: none;
	padding-right: 0px;
}



/** 参考までに・・・・・ **/

.megamenu_product,
.megamenu_mf
{
	position: absolute;
	top: 117px;
	width: 100%;
	background: #fdd835;
	display: none;
	z-index: 9999;
}

.megamenu_product .megamenu_inner, 
.megamenu_mf .megamenu_inner, 
.megamenu_z .megamenu_inner, 
.megamenu_ptn .megamenu_inner
{
	max-width: 967px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

.mega_top
{
	margin: 0 auto;
}

.megamenu_product .megamenu_inner td, 
.megamenu_mf .megamenu_inner td, 
.megamenu_z .megamenu_inner td, 
.megamenu_ptn .megamenu_inner td
{
	padding-right: 20px;
}

a {
	text-decoration: none;
}

.megamenu_z {
	position: absolute;
	top: 117px;
	width: 100%;
	background: #0d5148;
	display: none;
	z-index: 9999;
}

/** ギミック追加 **/

li.mega1 {
	display: none;
}


/* 追加し忘れ？？
---------------------------*/

.Header-Title
{
	margin: auto;
	font-size: 24px;
	border-bottom: solid 2px #8b0000;
	padding-bottom: 15px;
}

.Header-Sub
{
	max-height: 40px;
	display: table;
}

.Header-Sub img
{
	max-height: 40px;
}


/* !Header-Sub
---------------------------------------------------------- */


/* !Footer
---------------------------------------------------------- */

.Global_Footer
{
	width: 100%;
//	height: 90px;
//	background-color: black;
}

.Footer_Top
{
//	height: 50px;
}

.Footer_Copy
{
//	height: 40px;
//	color: white;
}

#page_top{
	width: 90px;
	height: 90px;
	position: fixed;
	right: 0;
	bottom: 0;
	opacity: 0.6;
	background-color: #000;
	border-radius: 20px;
}
#page_top a{
	position: relative;
	display: block;
	width: 90px;
	height: 90px;
	text-decoration: none;
}
#page_top a::before{
	font-family: FontAwesome;
	content: '\f102';
	font-size: 25px;
//	color: #3f98ef;
//	color: #8b0000;
	color: #ffffff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -40px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
#page_top a::after{
	content: 'PAGE TOP';
	font-size: 13px;
	color: #fff;
	position: absolute;
	top: 45px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	color: #ffffff;
}

/**
 * Footer Add CSS
 *****************************/

#footer-box {
	background: #434343;
	font-size: 11px;
	color: #fff;
}

#footer_bottom
{
	padding: 40px 0 80px 0;
}

.footer_menu
{
	width: 100%;
}

.footer_menu a
{
	outline: none;
	color: #FFF;
	text-decoration: none;
}

.footer_inner
{
	max-width: 967px;
	width: 100%;
	margin: 0 auto;
}

.go_top
{
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 50px;
}

.copyright
{
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
	font-size: 12px;
	letter-spacing: 0;
}

.footer_bottom_menu
{
	margin: 0 auto;
	text-align: center;
}

.footer_bottom_menu li
{
	display: inline-block;
	border-right: 1px solid #fff;
	line-height: 1;
	padding: 0 10px 0 10px;
}

.footer_bottom_menu li a
{
	color: #fff !important;
	font-size: 12px;
	outline: none;
	text-decoration: none;
}

#footer_top {
	padding: 20px 0;
	border-bottom: 2px solid #c0c0c0;
	text-align: left;
}

footer a {
	font-size: 11px;
	color: #fff;
}

.footer_menu th {
	vertical-align: top;
	text-align: left;
	width: 120px;
	line-height: 1.8;
}

.footer_menu td {
	padding-bottom: 30px;
}

.footer_menu_contents {
	width: 100%;
	letter-spacing: -0.4em;
}

.footer_menu_contents li {
	display: inline-block;
	letter-spacing: normal;
	margin-left: 60px;
	line-height: 1.8;
}

.footer_bottom_menu li:last-child {
	border-right: none;
}

div#form-wrapper {
	padding-top: 130px;
}

.Ciero-Info_Underlink
{
	max-width: 900px;
	width: 95%;
	margin: 0 auto;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 20px;
//	padding-top: 20px;
	padding-top: 5px;
}

/* Media Test(1080-640)
******************************************************************************/

@media screen and (max-width: 1080px) {

	/* Visible.Invisible:Switch 
	 ****************************/
	.Ciero_Image_Movie,
	.Full_Menu,
	.Globl_Menu_B
	{
		display: block;
	}

	.Ciero_Image_Pict,
	.Min_Menu,
	.Global_Menu_A
	{
		display: none;
	}

	li.mega2,
	li.mega3,
	li.middle1
	{
		display: none;
	}

	li.mega1
	{
		display: initial;
	}

	/* Image Setting
	 ****************************/
	.Ciero_Image_Movie
	{
		width: 100%;
	}

	.Global_Navi
	{
		height: 180px;
		width: 100%; 
		background-color: white;
		//text-align: left;
		text-align: center;
	}

	.Navi_Menu
	{
		width: 100%;
	}

	.Logo_Area
	{
		width: 25%;
	}

	.Logo_Area img
	{
		max-width: 125px;
		width: 90%;
	}

	.Global_Menu_B {
		width: 20%;
//		font-size: 16px;
	}

	.Login_Bn img,
	.Download_Bn img
	{
		width: 80%;
		margin: auto;
		text-align: center;
	}

	div.Full_Menu img,
	div.Min_Menu img
	{
		width: 100%;
	}

	.header_inner,
	.contents_inner
	{
		width: 97%;
	}

	/* News Setting
	 ****************************/
	.Ciero_News
	{
		width: 100%;
	}

	.Ciero_News_Contents
	{
		width: 100%;
	}

	.Ciero_News_Summary
	{
		width: 50%;
	}

	.Ciero_News_Summary_Block
	{
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}

	.Ciero_News_Underlink
	{
		width: 100%;
	}

	/* Special Setting
	 ****************************/
	.Ciero_Special_Summary
	{
		width: 100%;
	}

	/* Function Setting
	 ****************************/
	.Ciero_Function
	{
		width: 95%;
		margin: 0 auto;
		padding-top: 20px;
	}

	.Ciero_Function_Left,
	.Ciero_Function_Right
	{
		width: 50%;
		padding: 0;
		float: left;
	}

	.Ciero_Function_Right img
	{
		width: 95%;
	}

	/* Product Setting
	 ****************************/
	.Ciero_Product
	{
		width: 100%;
		margin: 0 auto;
//		padding-top: 20px;
	}

	.Ciero_Contents_Box
	{
		width: 90%;
		margin: 10px auto;
		padding-top: 20px;
	}

	.Ciero_Contents_Box_Icon
	{
		width: 80%;
	}

	.Ciero_Contents_Box_ProductImage,
	.Ciero_Contents_Box_UnitImage
	{
		min-width: 240px;
		margin: auto;
		width: 50%;
	}

	.Ciero_Contents_Box_ProductImage img,
	.Ciero_Contents_Box_UnitImage img
	{
		width: initial;
		margin: 0 auto;
		text-align: center;

	}

	/* Plan Setting
	 ****************************/
	.Ciero_Plan
	{
		width: 100%;
	}

	.Ciero_Plan_Read
	{
		width: 95%;
	}

	.Ciero_Plan_Box
	{
		max-width: 800px;
		width: 95%;
	}

	.Ciero_Plan_Box_Left
	{
		width: 46.5%;
	}

	.Ciero_Plan_Box_Right
	{
		width: 53.5%;
	}

	.Ciero_Plan_Box_Left img,
	.Ciero_Plan_Box_Right img
	{
		width: 90%;
		height: initial;
	}

	img.smallimage
	{
		width: 80%;
		min-width: 260px;
	}

	/* Intro Setting
	 ****************************/
	.Ciero_Intro
	{
		width: 100%;
	}

	.Ciero_Intro img
	{
		width: 95%;
	}

	/* Inquiry Setting
	 ****************************/
	.Ciero_Inquiry
	{
		width: 100%;
	}

	.Ciero_Inquiry img
	{
		width: 95%;
	}

	/* Other Setting
	 ****************************/
	.Ciero_Inquiry_Bn
	{
		width: 100%;
	}

	.Ciero_Inquiry_Bn img
	{
		width: 95%;
		text-align: center;
		margin: 0 auto;
	}

/* !Privacy
---------------------------------------------------------- */
.Privacy_Main {
width: 80%;
margin: 0 auto;
font-size: 14px;
line-height: 1.75;
color: #303030;
}

.Privacy_Main h1 {
font-size: 30px;
text-align: left;
color: #000;
margin-top: 35px;
}

.Privacy_Main aside {
width: 80%;
margin: 0 auto;
padding: 20px 0 20px 0;
color: #999;
margin-bottom: 30px;
}

.Privacy_Main dl {
width: 80%;
margin: 0 auto;
padding: 0 1em;
text-align: left;
line-height: 1.75;
}

.Privacy_Main dt {
border-bottom: 1px solid #000;
padding-bottom: 3px;
color: #000;
font-weight: bold;
}

.Privacy_Main dd {
padding: 20px 5px;
text-align: left;
margin: 0;
font-size: 14px;
line-height: 1.75;
color: #000;
}

.Privacy_Main p.indent {
text-align: left;
padding-left: 1.5em;
width: 80%;
margin: 0 auto;
color: #000;
}

.Privacy_Main footer {
font-weight: bold;
text-align: left;
width: 80%;
margin: 90px auto;
color: #000;
}

.Privacy_Main footer h3 {
font-size: 21px;
text-align: left;
color: #000;
}

.Privacy_Main footer p {
border: 1px solid #000;
padding: 1.5em;
font-size: 18px;
font-weight: bold;
text-align: center;
color: #000;
}

.footer_inner
{
	width: 80%;
}

.header_menu
{
	padding-right: 6px;
}

}

/* Media Test(640-380)
******************************************************************************/

@media screen and (max-width: 640px) {


	/* Visible.Invisible:Switch */
	.Ciero_Image_Movie,
	.Full_Menu
	{
		display: none;
	}

	.Ciero_Image_Pict,
	.Min_Menu
	{
		display: block;
		position: relative;

	}

	/* Image Setting
	 ****************************/
	html {
		min-width: 344px;
	}

	.Ciero_Image_Pict
	{
		padding-top: 90px;
		width: 100%;
		position: relative;
	}

	.Ciero_Image_Pict img
	{
		width: 100%;
	}

	span.sp_menu
	{
		display: inline-block;
		width: 46%;
		float: left;
		padding: 2%;
	}

	span.sp_menu a
	{
		display: inline-block;
		width: 96%;
		padding: 2%;
		text-decoration: none;
		color: #FFF;
//		background-image: -webkit-linear-gradient(45deg, #BC0F3E 0%, #7F0722 100%);
//		background-image: linear-gradient(45deg, #BC0F3E 0%, #7F0722 100%);
	}

//	span.sp_menu a:hover {
//		background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
//		background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
//	}

	img
	{
//		width: auto;
		width: 95%;
	}

	/* Style the navigation menu */
	.topnav {
		overflow: hidden;
//		background-color: rgba( 90, 90, 90, 0.55 );
		background-color: rgba( 90, 90, 90, 0.95 );
		position: relative;
		padding-top: 20px;
	}

	/* Hide the links inside the navigation menu (except for logo/home) */
	.topnav #myLinks {
		display: none;
	}

	.topnav #myLinks a {
		display: block;
	}

	.fa {
		padding-top: 5px;
	}

	/* Style navigation menu links */
	.topnav a {
		color: white;
		padding: 5px 16px;
		text-decoration: none;
		font-size: 25px;
		display: block;
		height: 35px;

	}

	.topnav h1
	{
		text-align: left;
		height: 47px;
		margin: auto;
	}

	/* Style the hamburger menu */
	.topnav a.icon {
		background: black;
		display: block;
		position: absolute;
		right: 10px;
		top: 20px;
	}

	.topnav a img {
		vertical-align: middle;
		padding-top: 11px;
	}

	/* Add a grey background color on mouse-over */
	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}

	/* Style the active link (or home/logo) */
	.active {
		background-color: #FFF;
		color: black;
	}

	/* Ciero News */
	.Ciero_News
	{
		width: 100%;
	}

	.Ciero_News_Title
	{
		font-size: 24px;
	}

	.Ciero_News_Contents
	{
		width: 100%;
		height: 100%;
		margin: auto;
		display: block;
		padding: auto;
		padding-top: initial;
	}

	.Ciero_News_Summary
	{
		width: 100%;
		margin: auto;
		float: none;
		display: block;
	}

	.Ciero_News_Summary_Block
	{
		width: 95%;
		margin: auto;
		margin-top: 10px;
	}

	.Ciero_News_Summary_Image
	{
		width: 20%;
	}

	.Ciero_News_Summary_Text
	{
		width: 100%;
	}

	.Ciero_News_Summary_Text date
	{
		font-size: 18px;
	}

	.Ciero_News_Underlink
	{
		width: 100%;
	}

	/* Ciero Special */
	.Ciero_Inquiry_Bn
	{
		width: 100%;
	}

	.Ciero_Inquiry_Bn img
	{
		width: 100%;
	}

	.Ciero_Special_Summary
	{
		width: 100%;
	}

	.Ciero_Special_Child_Catch
	{
		font-size: 22px;
	}

	.Ciero_Special_Child,
	.Ciero_Special_Child_Center
	{
		width: 95%;
		margin: auto;
		float: initial;
	}

	.Ciero_Special_Child img
	{
		width: 45%;
		margin: auto;
		float: left;
	}


	.Ciero_Special_Child_Center img
	{
		width: 45%;
		margin: auto;
		float: right;
	}

	.Ciero_Special_Child_Body
	{
		padding: 10px;
		font-size: 15px;
	}

	/* Ciero Function */
	.Ciero_Function
	{
		width: 100%;
	}

	.Ciero_Function_Left,
	.Ciero_Function_Right
	{
		width: 100%;
		float: initial;
		text-align: center;
		margin: auto;
		padding: 0;
	}

	.Ciero_Function_Right
	{
		width: 95%;
		margin: auto;
		padding: 0;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.Ciero_Function_Right img
	{
		width: 80%;
	}

	.Ciero_Function_Bn img
	{
		width: 80%;
	}

	.Ciero_Function_Read
	{
		width: 80%;
		margin: auto;
		text-align: left;
	}

	/* Ciero Plan */
	.Ciero_Plan
	{
		width: 100%;
	}

	.Ciero_Plan_Read
	{
		width: 90%;
	}

	.Ciero_Plan_Box
	{
		width: 95%;
	}

	.Ciero_Plan_Box_Left,
	.Ciero_Plan_Box_Right,
	.Ciero_Plan_Box_Right_Text
	{
		width: 95%;
		margin: auto;
		float: initial;
		padding: 0;
		padding-bottom: 20px;
	}

	.Ciero_Plan_Box_Left img,
	.Ciero_Plan_Box_Right img
	{
		width: 90%;
		height: auto;
	}


	.Ciero_Plan_Box_Right_Text
	{
		width: 100%;
		margin: 10px 0px;
		padding: 0;
		background-color: #ECEAED;
		display: block;
	}


	/* Ciero Intro */

	.Ciero_Intro
	{
		width: 100%;
		margin: center;
	}

	.Ciero_Intro img
	{
		width: 95%;
		margin: center;
	}

	/* Ciero Inquiry */

	.Ciero_Inquiry
	{
		width: 100%;
		margin: center;
	}

	.Ciero_Inquiry img
	{
		width: 95%;
		margin: center;
	}

	/* Ciero Product */

	.Ciero_Product
	{
		width: 100%;
		margin: center;
		background-repeat: repeat-y;
	}

	.Ciero_Contents_Box
	{
		width: 95%;
		margin: 10px auto;
		padding: 0;
	}

	.Ciero_Contents_Header
	{
		width: 100%;
		display: inline-block;
	}

	.Ciero_Contents_Box_Title
	{
		font-size: 24px;
		font-weight: 700;
		width: 95%;
		text-align: center;
		display: block;
		padding: 10px 0px;
	}

	.Ciero_Contents_Box_Read
	{
		font-size: 14px;
		width: 100%;
		text-align: center;
		display: initial;
		padding: 10px;
	}

	.Ciero_Contents_Box_Read:after
	{
		content: "\A" ;
		white-space: pre ;
	}

	.Ciero_Contents_Box_Icon
	{
		width: 95%;
		padding: 0;
	}

	.Ciero_Contents_Box_Icon img
	{
		width: 100%;
	}

	.Ciero_Contents_Box_ProductImage,
	.Ciero_Contents_Box_UnitImage
	{
		width: 80%;
		margin: auto;
	}

	.Ciero_Contents_Box_ProductImage img,
	.Ciero_Contents_Box_UnitImage img
	{
		width: 100%;
		float: initial;
		padding: 10px;
	}

	.Ciero_Contents_Box_Sub
	{
		margin: auto;
		text-align: center;
		display: initial;
		line-height: 17px;
	}

	img.smallimage
	{
		width: 75%;
		min-width: 200px;
	}

	.Ciero_Contents_Box_Underlink
	{
		padding-bottom: 10px;
	}

	.Ciero_Inquiry
	{
		display: none;
	}

	.Ciero_Intro_Image img
	{
		width: 200px;
		margin: auto;
		padding-top: 20px;
	}

	/* Info Setting
	 ****************************/
	.Ciero-Info_Wrapper
	{
		width: 100%;
		max-width: initial;
//		padding-top: 50px;
	}

	#Ciero-Info_Box
	{
		padding-top:30px;
	}

	#Ciero-Info_Box dl
	{
		width: 100%;
//		display: inline-grid;
		display: -ms-grid;
		grid-template-rows: 30% 70%;
		grid-template-columns: 100% 1fr;
		-ms-grid-rows: 50% 50%;
		-ms-grid-columns: 100% 1fr;
	}

	#Ciero-Info_Box dl dt,
	#Ciero-Info_Box dl dd
	{
		width: 100%;
		display: block;
	}

	#Ciero-Info_Box .Ciero-Info_Head
	{
		display: block;
		width: 100%;
		color: 
	}

	#Ciero-Info_Box .Ciero-Info_Body
	{
		grid-row: 2 / 3;
		grid-column: 1 / 3;

		-ms-grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;


		display: table;
		width: 100%;

	}

	#Ciero-Info_Box .Ciero-Info_Icon
	{
		display: table-cell;
		width: 30%;
//		float: left;
		vertical-align: middle;
		text-align: center;
//		margin: auto;
		padding: 0 20px;

		-ms-grid-row: 1;
		-ms-grid-column: 1;
//		background-color: #eee8aa;
	}

	#Ciero-Info_Box .Ciero-Info_Icon img
	{
		max-height: 30px;
	}

	#Ciero-Info_Box .Ciero-Info_Date
	{
		display: table-cell;
		width: 70%;
		height: 100%;
//		float: left;
		vertical-align: middle;
		font-size: 16px;
		text-align: left;
		margin: auto;
		padding: 0 20px;

		-ms-grid-row: 1;
		-ms-grid-column: 1;

//		background-color: #eee8aa;
	}

	#Ciero-Info_Box .Ciero-Info_Title
	{
		display: table-cell;
		width: 100%;
		vertical-align: middle;
		padding: 0 20px;

//		background-color: #eee8aa;
	}

	#Ciero-Info_Detail .Ciero-Info_Body
	{
		width: 100%;
		padding-top: 90px;
	}

	#Ciero-Info_Detail .Ciero-Info_Body .Ciero-Info_Header
	{
		padding: 30px 0;
		width: 100%;
	}

	.Ciero-Info_Header
	{
//		padding: 90px 0 50px 0;
		padding: 90px 0 20px 0;
		width: 100%;
	}

	.Ciero-Info_Bread
	{
		text-align: left;
		max-width: 800px;
		width: 90%;
	}

	.Ciero-Info_SubHeader,
	.Ciero-Info_ContentsBody
	{
		text-align: left;
		max-width: 740px;
		width: 95%;
	}

	#info_img img
	{
		width: 90%;
	}

	/* Other
	 ****************************/
	.Ciero_Special_Child:after,
	.Ciero_Special_Child_Center:after
	{
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}


	/* Header */

.Global_Navi
{
	height: 81px;
	background-color: #5A5A5A;
}

	.System_Menu
	{
		width: 96%;
		margin: 10px auto;
		border: solid 5px #8B0000;
		display: inline-table;
	}

	.Login_Bn,
	.Download_Bn
	{
		display: table-cell;
		width: 50%;
		float: left;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#header_top
	{
		display: none;
	}

	.header_menu
	{
		display: none;
	}

.collapse-button {
    -moz-box-sizing: border-box;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-box-sizing: border-box;
    -webkit-transform: translate(0, -50%);
    background-color: #000;
    border-radius: 2px;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 10px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    transform: translate(0, -50%);
    width: 40px;
}

.collapse-button .icon-bar {
    background-color: #F5F5F5;
    border-radius: 1px;
    display: block;
    height: 2px;
    margin: 2px 0;
    width: 18px;
}

	/* Footer */
	#footer_top
	{
		display: none;
	}

	.footer_inner
	{
		width: 100%;
	}

	/** Add Pnets Header 修正 **/
	div#form-wrapper
	{
		padding: initial;
	}

	.Ciero-Catalog_Photo img
	{
		height: auto;
	}

}