/*@charset "UTF-8";
Theme Name: santec_en2015
baseTheme:WSC
theme_color:#ed1c24;
2015/09/28
*/

/*------------------------------------------------------------
色指定 santecCC
------------------------------------------------------------*/
.t_color,a:hover{color:#ed1c24;}
.bt_t_color{background-color:#ed1c24;}

/*------------------------------------------------------------
汎用パーツ
------------------------------------------------------------*/

a.baseLink{
    padding: 0.25em 1em;
    margin-right: 1em;/*見た目の調整*/
    border: 1px solid #444;
    font-size: 0.9em;
    text-decoration: none;
}

a.baseLink:hover{
	color: #fff;
	text-decoration: none;
	background-color: #444;
	-webkit-transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	-moz-transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
    }

a.baseLink:hover span.t_color{color:#fff;}

.toListLink{
	text-align: center;
	margin: 0 auto;
	font-size: 14px;
}

.toListLink a{text-decoration: none;}

p.tagline{
	margin: 1.5em auto;
	font-size: 14px;
	text-align: center;
	width: 90%;
}

a[href $='.pdf'] {padding-left: 12px;background: transparent url(../images/pdf_icon.png) no-repeat center left;}

/*------------------------------------------------------------
header.php
------------------------------------------------------------*/

div#header	{
	width: 100%;
	padding: 0;
	background-color: rgba(255,255,255,0.8);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccffffff,EndColorStr=#ccffffff);/*IE8*/
	border-bottom: 1px solid #CCC;
	color: #FFF;
	position: fixed;
	top:0;
	left:0;
	z-index:999;
}

div#header.loginHeader{z-index:30;margin-top: 30px;}

* html div#header    {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop+0));
}

div#header h1	{width: 800px;margin: 0 auto;}
.headerImgBG{background-color: #ccc;height: 400px;}

/* headerMenu-tp@
----------------------------------------------------------- */

#header #header-menu-top{
	width: 600px;
	float: left;
	margin: 0;
}

#header #menu-header-menu-top li a{
	padding: 30px 15px;
	text-decoration: none;
	float: left;
	line-height: 1em;
	font-size: 12px;
	}

#header #menu-header-menu-top li a:hover,
#menu-header-menu-top li.current-menu-item a,
#menu-header-menu-top li.current-page-ancestor a{
	/*border-bottom: 2px solid #ed1c24;*/
}

#header #headerNavi{float: right;width: 235px;}
/*#header #headerNavi{float: right;width: 310px;}*/
#header .lang_menu{float: left;margin-top: 20px;}
#header .lang_menu li{float: left;}
#header .lang_menu li a{
	font-size: 11px;
	border-left: 1px solid #333;
	padding: 0 10px 0 5px;
	text-decoration: none;
}
#header #headerNavi {display: none;}

/*googleForm
*********************/

#header .gsh{float: right;width: 136px;height: 16px;}
#gForm{display: block;width:132px;height: 15px;margin: 24px 0 0 0;padding: 0px;line-height: 1;background-color: #fff;border:1px solid #333;}
#gForm input#keyword {display: block;float: right;width: 105px;padding-left:0 ;margin-left: 0px;height: 13px;border: none;font-size: 1em;vertical-align: text-bottom;overflow: hidden;color:#666;}
#gForm,#gForm input#keyword{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

#gForm input#searchBtn{
	display: block;float: left;
	width: 18px;
	height: 15px;
	background-color: #333;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

/*------------------------------------------------------------
本文基本設定／パーツ
------------------------------------------------------------*/
p{margin:0 0 1em;}
ul li,ol li{margin:0}

#main h2{
	margin-bottom: 1.5em;
	padding-bottom: 0.2em;
	border-bottom: 3px solid #ed1c24;
}

#main h3,#main h4,#main h5{margin-bottom:0.5em;line-height: 1.5;}
#main h3{border-bottom: 1px solid #333;padding-bottom: 0.4em;}
#main h3 .catalog{float: right;font-size: 0.8em;font-weight: normal;}
#main h3 .catalog a{text-decoration: none;}
#main h3 .catalog a:hover{text-decoration: underline;}

#main li{margin-bottom: 0.5em;}

/*要素間のアキ設定*/
h2 + blockquote{margin-top: -1em;}
#main ul+h5,#main p+h5{margin-top: 2em;}
#main p+h3,#main p+h4,#main p+h5{margin-top: 1.5em;}


/*テーブル
------------------------------------------------------------*/

#main .baseTable{
	width: 100%;
	margin-top: 1em;
	border-top: 1px solid #ddd;
 	border-left:1px solid #ddd;
}

#main .baseTable td,#main .baseTable th{padding: 6px;}

#main .baseTable thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
	background-color: #efefef;
}

#main .baseTable tr>td,#main .baseTable tr>th{
	line-height: 1.8;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-size: 12px;
}

 #main .baseTable:last-child{margin-bottom: 0;}
#main .baseTable tbody>tr>td.center,#main .baseTable tbody>tr>th.center{text-align: center;vertical-align: middle;}

/*trにセンター指定した場合、TDにのみ適用*/
#main .baseTable tbody>tr.center>td{
	text-align: center;
	vertical-align: middle;
}

#main hr.clear{
	margin: 0;
	padding: 0;
	border: none;
	clear: both;
	background-color: #fff;
}

/*------------------------------------------------------------
Tableバリエーション .noborder
------------------------------------------------------------*/
#main table.noborder,#main .noborder tr>td,#main .noborder tr>th{
	border: none;
}

/*------------------------------------------------------------
footer.php
------------------------------------------------------------*/
#footer-bottom{
	margin: 50px auto 0;
	text-align: center;
}

#footer-bottom #menu-footer-menu{
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	line-height: 1;
}
#footer-bottom #menu-footer-menu li{float:left;border-right:1px solid #ccc;padding:0 10px;margin:0;}
#footer-bottom #menu-footer-menu li a{text-decoration: none;}

/*------------------------------------------------------------
ページ別
------------------------------------------------------------*/

/*archive.php
------------------------------------------------------------*/

#main-wide .pageTitle{
	text-align: center;
	font-size: 32px;
	font-weight: normal;
	margin-bottom: 2em;
	line-height: 32px;
}

/*カテゴリメニュー*/

.news_cat_menu {width: 100%;margin: 0 0 2em 0;}
#main .news_cat_menu li{text-align: center;font-size: 16px;padding: 0.5em 0 0.2em;border-bottom: 1px solid #ccc;}
@media screen and (min-width:479px){#main .news_cat_menu li{float: left;width: 33%;}}

.news_cat_menu li a{text-decoration: none;}

.news_cat_menu li.current-cat a,
.news_cat_menu li.current-cat-parent a{
	padding-bottom: 0.3em;
	border-bottom:2px solid #f00;
}

/*news
------------------------------------------------------------*/

.content .news,#main .news{
	margin:20px 0 1em 0px;
	list-style-type:none;
	}

.news li{margin-bottom:5px;padding: 0.4em 0;font-size:1em;line-height: 1.6;}
.news li p{margin: 0;font-size:1em;}
.news li p.entry-meta{text-align: left;font-size: 1em;line-height: 1.8;margin-bottom: 0;}
.news .entry-meta .date{width: 12em;}
.news br.c_left,#latestNews br.c_left,#latestNews br._spacer{display: none;}

.news a:link{color:#333;text-decoration:none;}
.news a:hover{color: #ed1c24;}
/*.news p.headline br.c_left{display:none;}*/

/*update*/
.news .new{margin-left: 0.5em;padding: 0 0.5em;color:#ed1c24;border: 1px solid #ed1c24;font-size: 0.7em;}

/*イベント表示用*/
.event .entry-meta .date{width: 20em;}

/*ir表示用*/
.hentry #latestNews ul{margin:20px 0 1em 0;padding: 0;}
.hentry #latestNews ul li{list-style: none;padding-left: 0;}
#latestNews li p{margin: 0 0 1em 0;font-size:1em;line-height: 1.8;}
#latestNews li p.date{width: 6em;margin-bottom:0;}

/*カテゴリ表示（NEWSトップ、NEWSアーカイブ）
------------------------------------------------------------*/
/*.news.catVisible{width: 680px;margin: 0 auto;}*/
.news.catVisible .entry-meta .newsCat a{
	display: inline-block;
	width: 10em;
	/*margin-left: 0.5em;*/
	padding: 0.3em 0.3em;
	color:#fff;
	font-size:0.8em;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	background-color: #231F20;
	-webkit-transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	-moz-transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
}

/*.news.catVisible .entry-meta .newsCat a:hover{background-color:#ed1c24;}*/
/*.news.catVisible li p.entry-meta{width: 30%;}
.news.catVisible li p.headline{width: 68%;}*/

.news.catVisible .entry-meta .event a{background-color: #32B464;}
.news.catVisible .entry-meta .event a:hover{background-color: #28785A;}
.news.catVisible .entry-meta .press a{background-color: #E66482;}
.news.catVisible .entry-meta .press a:hover{background-color: #A05A6E;}
.news.catVisible .entry-meta .newsletter a{background-color: #5096C8;}
.news.catVisible .entry-meta .newsletter a:hover{background-color: #3C6EA0;}

/*responsive
------------------------------------------------------------*/

@media screen and (min-width:679px){
	.news.catVisible li p.entry-meta{width: 30%;}
	.news.catVisible li p.headline{width: 68%;}
	.news.catVisible .entry-meta .newsCat a{margin-left: 0.5em;}
	.news.catVisible{width: 680px;margin: 0 auto;}
	.news li p,#latestNews li p{float: left;}
	.news li p.entry-meta,#latestNews li p.date{text-align: left;float: left;width: 14%;}
	.news .entry-meta .date{width: 7em;float: left;}
	.news li p.headline,#latestNews li p.headline{float: left;width:80%;}
	.news br.c_left{display: block;}
	.news .entry-meta .newsCat a{float: left;display: block;}
	.event li p.entry-meta {width: 25%;}
	.event .entry-meta .date{width: 20em;float: left;}
}

@media screen and (min-width:679px){
	.event .entry-meta .date{width: 20em;float: left;}
	.event li p.headline{width:70%;}
}


/*------------------------------------------------------------
single.php
------------------------------------------------------------*/
.single .pageTitle{font-size: 24px;margin-bottom: 1.4em;}
.single .meta{margin-bottom: 1.5em;}
.single .meta .cat_bar a{
	display: inline-block;
	padding: 0.3em 1em;
	background-color: #231F20;
	color:#fff;
	font-size:0.8em;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	margin-right: 1em;
}
.single .meta .date{font-size: 1.2em;}

/*------------------------------------------------------------
front_page.php/page_parent.php
------------------------------------------------------------*/
ul#menu-header-menu-top{
	margin-left: 0;
}

.topImage{
    text-align: center;
    margin: 0 auto;
    padding: 0;
    background-color: #ccc;
    /*border-bottom:5px solid #ed1c24;*/
    line-height:0;
}

.topImage img{
    width: 100%;
    height: 100%;
    /*height: 653px;*/
    margin: 0 auto;
}

.topContent{
    max-width: 910px;
    margin: 60px auto;
}

.topContent h1{
    letter-spacing: 0.15em;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    line-height: 32px;
}

hr.titleBar{
    margin: 0 auto;
    border-top: 1px solid #333;
    width: 7%;
}

/*NEWS*/
.topContent .news{
    margin-top: 30px;
    padding: 0 20px;
}

/*ABOUT/PRODUCT/SUPPORT*/
 .topContent .mod-itemBox2, .topContent .mod-itemBox3, .topContent .mod-itemBox4{
 	width: 90%;margin: 0 auto;
 }

.topContent .mod-itemBox4 h2,.topContent .mod-itemBox3 h2,topContent .mod-itemBox2 h2{font-size: 16px;margin: 2em auto 0;text-align: center;}
.topContent .mod-itemBox2 .item,.topContent .mod-itemBox2 .item:first-child,.topContent .mod-itemBox3 .item,.topContent .mod-itemBox3 .item:first-child,.topContent .mod-itemBox4 .item,.topContent .mod-itemBox4 .item:first-child{width: 90%;padding: 0;margin:0 auto ;float: none;}
.topContent .mod-itemBox4 .item p,.topContent .mod-itemBox3 .item p,.topContent .mod-itemBox2 .item p{font-size: 12px;}

.topContent .mod-itemBox2 h2{
		font-size: 16px;margin: 2em auto 0;
	}

@media screen and (min-width:768px){
	.home .section{margin-top: -400px;margin-bottom: 80px;}
	.home .section .topContent{padding-top: 400px;}
}f


/*------------------------------------------------------------
parent_page.php
------------------------------------------------------------*/
#parentImage{
	line-height:0;
	border-bottom: 5px solid #ed1c24;
}

#parentImage img{
width: 100%;
height: 100%;
margin: 0 auto;
}

#main-wide .topContent{
	margin-top: 0;
}

/*------------------------------------------------------------
page.php
------------------------------------------------------------*/
#second-image {
	/*display: none;*/
	margin: 0 auto;
	text-align: center;
	height: 100%;
	line-height: 0;
}

#second-image img{
	height: 100%;
	/*height: 398px;*/
}

@media screen and (max-width:1417px) { /*980px以上_pc*/
	#second-image img{height: 100%;width: 100%;}
}


/*------------------------------------------------------------
product_cat 部門ページ
------------------------------------------------------------*/
.thumbnail3 {margin-bottom: 30px;}
.thumbnail3 a img{margin-left: 20px;}
.thumbnail3 a:first-child img{margin-left: 0;}

/*------------------------------------------------------------
部門トップ
------------------------------------------------------------*/
#main h3.infoTitle{
	margin:5em 0 1em;
	padding-left: 20px;
	border-bottom: none;
	border-bottom: 1px solid #ddd;
	background: url(../images/info_icon.png) no-repeat 0 30%;
}

/*------------------------------------------------------------
フォーム
------------------------------------------------------------*/
#main .wpcf7-form h3{
	text-align: center;padding: 1em;border-bottom: 2px solid #fff;
}

#main .wpcf7-form .mod-divForm{
	padding: 2em 1em 1em 1em;
}

#main .wpcf7-form .formBtn{
	width: 60%;
	margin: 0 auto;
	padding: 0 0 3em;
	text-align: center;
}

.wpcf7-form input[type="submit"],.wpcf7-form button[type="submit"]{
 	display: block;
 	border: none;
 	padding: 5px;
 	line-height: 1.8;
 	box-sizing: content-box;
 }

.wpcf7-form .btnBase{
	width: 100px;
	-webkit-transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	-moz-transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	color: #fff;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	background-color: #666;
	margin: 0 auto;
	text-align: center;
}

.wpcf7-form input.btnBase:hover{background-color: #D83300;color:#fff;}
.wpcf7-form #edit{float: left;}
.wpcf7-form #fix{float: right;}
div.wpcf7-response-output{margin: 1em 2em 2em!important;}
/*送信後のボタンは非表示*/
.wpcf7-form.sent .formBtn{display: none;margin-bottom: 2em;}

/*media q
------------------------------------------------------------*/

@media screen and (min-width:589px){/*PC View*/
	.topContent .mod-itemBox4 .item{width: 21%;margin-left: 4%;float: left;}
	.topContent .mod-itemBox4 .item:first-child {width: 21%;margin-left: 0px;float: left;}
	.topContent .mod-itemBox4 h2{text-align: left;}
	.topContent .mod-itemBox2 ul{margin: 0 auto;width: 600px;}
	.topContent .mod-itemBox2 .item{width:280px;margin-left: 4%;float: left;}
	.topContent .mod-itemBox2 .item:first-child{width:280px;margin-left: 0;float: left;}
	.topContent .mod-itemBox3 .item{width: 26%;float: left;}
	.topContent .mod-itemBox3 .item:first-child{width: 26%;float: left;margin-left: 0;}
	.topContent .mod-itemBox3 .centerItem{padding: 0 11%;}
	.topContent .mod-itemBox3 h2{text-align: left;}
	}

/*mega Menu
------------------------------------------------------------*/
@media screen and (min-width:1080px){/*1080px以上*/
/*@media screen and (min-width:980px){/*980px以上*/
#mega-menu-wrap-header-menu,#mega-menu-wrap-header-menu-top,#header-menu-top{
	/*width: 500px!important;*/
	float: left!important;}
	#header #headerNavi{display: block;}
}
#mega-menu-wrap-header-menu .mega-menu-toggle,#mega-menu-wrap-header-menu-top .mega-menu-toggle{padding: 15px 10px!important;}

#mega-menu-wrap-sidenav_products .mega-menu-toggle{
	background-color: #eee!important;
}

/*responsive------------------------------------------------------------*/
@media screen and (max-width:799px){/*800px以下 ヘッダ削除、トグルメニュー*/
/*@media screen and (max-width:768px){/*480px以下*/
	.topImage,.menu-footer-menu-container{display: none;}
	.master-slilder-parent{display: none;}
	.home div#header{position: relative;}
	#breadcrumb{margin-top: 80px;}
	#wrap{margin-top: 0;}
	#sideFix .mega-menu-toggle{margin-right:10px;}
	#main .baseTable{overflow-x:auto;}
	.thumbnail3 a img{margin-left: 0;}
	#second-image{display: none;}
	}

@media screen and (max-width:479px){/*480px以下*/
	#site-title{width: 50%;}
	#site-title img{width: 100%;}
	}

@media screen and (max-width:356px){/*480px以下*/
	#site-title{width:48%;margin-right: 0;}
	#site-title img{width: 100%;}
	}



.agreement .txt_box{
	padding: 20px;
	height: 350px;
	overflow-y: scroll;
	border: 1px solid #CCC;
}
.agreement .btn_box{
	margin-top: 30px;
	text-align: center;
}
.agreement .btn_box p{
	display: inline-block;
	margin: 0 10px 10px;
}
.agreement .btn_box p a{
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	border: 1px solid #CCC;
	border-radius: 5px;
	width: 200px;
	padding: 8px 0;
	background: #666;
}
.agreement .btn_box  #js-select-yes a{
	background: #E60012;
}
.agreement .btn_box p a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
.btn_agreement a{
	width: 260px;
	display: block;
	margin: 0 auto;
	color: #FFF;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px;
	border-radius: 8px;
	text-align: center;
	background: #E60012;
}
.btn_agreement a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
.page-id-11894 #second-image{
	display: none;
}
.page-id-11894 #breadcrumb{
	margin-top: 80px;
}
@media screen and (max-width: 767px) {
	.agreement .btn_box p{
		display: block;
	}
	.agreement .btn_box p a{
		width: 100%;
	}
}