@charset "utf-8";
/*
Theme Name:   isita
Theme URI: https://isita.ieice.org/
Description: 
Author: scitech
Tags: 
Version: 0.1.0
*/
:root {
  --widthContent:	1200px;
}
* {
    margin: 0;
    padding: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	outline:0;
	border:0;
	background:transparent;
	vertical-align:baseline;
	font-size:100%;
}
html{
	margin-top:	0px !important;
}
body {
	background-color: #eee;
	color:#333;
	font-size:16px;
/*	
	font-family: "Yu Mincho", "YuMincho", "游明朝体", "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: Verdana,  "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: Verdana,  "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/	
	font-family: "Roboto",Arial,Helvetica,sans-serif,  "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
/*	font-weight: bold;	/*  */
	line-height:160%;
	position: relative;
/*	letter-spacing: 3px;*/
	word-wrap:break-word;
}

.disp600{display:none;}
.hide600{display:block;}
/*
ol,ul {
	list-style:none;
}
*/
/*
table {
	border-spacing:0;
	border-collapse:collapse;
}
*/
.clear{
	clear:	both;
}
.clearfix:before,
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
a{
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;
}
a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
}

img{
	vertical-align:	bottom;

	/* アスペクト比固定のまま最大自幅で伸縮 */
	max-width:		100%;
	height:			auto;
	/* 角丸標準装備 */
/*    border-radius: 5px;        		/* CSS3草案 */  
/*    -webkit-border-radius: 5px;    	/* Safari,Google Chrome用 */  
/*    -moz-border-radius: 5px;   		/* Firefox用 */  
}
.border-100{
	width:			100%;
/*
	border-top:		1px solid #ccc;
	border-left:	1px solid #ccc;
*/
}
.border-100 td{
/*
	border-bottom:	1px solid #ccc;
	border-right:	1px solid #ccc;
*/
	border:		1px solid #ccc;
}
.mb80				{	margin-bottom:	80px !important;}
.mb70				{	margin-bottom:	70px !important;}
.mb60				{	margin-bottom:	60px !important;}
.mb50				{	margin-bottom:	50px !important;}
.mb30				{	margin-bottom:	30px !important;}
.mb20				{	margin-bottom:	20px !important;}
.mb15				{	margin-bottom:	15px !important;}
.mb10				{	margin-bottom:	10px !important;}
.mt30				{	margin-top:	30px !important;}

.memo{
	padding:	10px;
	border:		1px dashed #f00;
	color:		#f00;
	font-size:	13px;
}
/*-----------------------------------------------------------------*/
/* isita独自装飾 */
/*-----------------------------------------------------------------*/
/* 基本構成 */
header#header{
	height:	auto;
}
.breadcrumb{
	background-color:	lavender;
	padding:			5px 10px;
}
	/* これが無いとTechnical Program のテーブルレスポンシブがうまくいかない  */
section#content{
	width:		100%;
}

.widthStd{
	width:	100%;
	max-width:	var(--widthContent);
	margin:		0px auto;
	padding:	0px 20px;
}
#wrapAll{
	width:	100%;
	max-width:	870px;
	max-width:	var(--widthContent);
	margin:		0px auto;
	padding:	20px 20px;
	background-color:	#fff;
	
}
#wrapAll #sidebar{
	width:			226px;
	width:			240px;
	margin-right:	20px;
}
#wrapAll #content{
    -webkit-flex: 1;
    flex: 1;    /*（※1）*/
}
#main{
	padding-top:	10px;
	padding-bottom:	0px;
}
#wrapBody{
}
/* breadcrumb */
.breadcrumbs-wrap{
	margin-bottom:	20px;
}
.breadcrumb .home img{
	vertical-align:	baseline;
}
/*  */
.pageTop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
	z-index: 100000;
}
#sidebar{
	width:	180px;
}
#content{
    -webkit-flex: 1;
    flex: 1;    /*（※1）*/
}
/*-----------------------------------------------------------------*/
/* トップページ */
.topTitle a{
	font-size:	20px;
}
/*--------------------------------------------------------------------*/
/* ライブラリ */
	/* アスペクト比が異なる（大きさも異なる）画像を、大きさ同じにトリミングしながらレスポンシブ動作 */
	/* トップページ　先生方の声に利用 */
.wrapFlex{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;

/*	justify-content: space-between;	/*最初と最後の子要素を両端に配置し、残りの要素は均等に間隔をあけて配置*/
}
.wrapFlexSplit{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;

	justify-content: space-between;	/*最初と最後の子要素を両端に配置し、残りの要素は均等に間隔をあけて配置*/
}
	/* 左右入れ替え */
.flexRevers{
	flex-direction: row-reverse;
}
.boxTow{
	width:	50%;
}
.boxThree{
	width:	33.3333333%;
}
.btnGhost{
	text-align:		center;
	height:			auto;
	padding:		1px;
}

.btnGhost a{
  font-size: 18px;
  font-family: "Yu Gothic";
	padding:		15px;
	width:			100%;
	max-width:		240px;
	color:			#fff !important;
	text-decoration:	none !important;
	background-color:	#623f93;
	display:	inline-block;	/* 上位要素の<div>の高さを、この要素の高さ文確保するため */

	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
.btnGhost a:hover{
/*	background-color: rgba(255,255,255,0.5);*/
	background-color: rgba(240,240,240,0.5);
	background-color: rgba(51,51,51,0.5);
	background-color:	#7189c5;
		/* フォアグランドは透過しない */
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity:1.00;
	opacity:1.00;
}
/*-----------------------------------------------------------------*/
/* 固定ページ */
hr.line{
	border:				none;
	border-bottom:		2px dotted #888;
	margin:				50px auto;
	width:				100%;
}
.blockSection{
	margin-bottom:		50px;
}
#Officer table td{
	padding:	5px;
}
.section-title{
	position:	relative;
	color:		firebrick;
	margin-bottom:	10px;
}
#content p {
/*	margin-top:	10px;		/*  */
	margin-bottom:	15px;
}
	/* トップページ */
#content .midashi{
	background-image:	none;
	font-weight:		bold;
	width:				100% !important;
	margin-left:		auto !important;
	margin-right:		auto !important;
	margin-bottom:		10px;
}
	/*  */
body.recentresultsposters #content table{
	width:		100% !important;
}
body.technical-program #main h2{
	color:		#fff;
}
body.technical-program .session{
	margin-left:	7%;
	margin-right:	3%;
}
/*-----------------------------------------------------------------*/
/* 投稿個別ページ */
.article {
	font-size: 15px;
/*	padding-bottom: 54px;	/*  */
	margin-bottom: 20px;
	background-image: url("../images/news/news_line.png");
	background-size: auto 6px;
	background-position: bottom;
	background-repeat: repeat-x;
}
.article:last-child {
	background-image:none;
}
#content h2 {
	background-image: url(/img/midashi.jpg);
	font-size:	22px;
}
.date_cat {
	font-size: 14px;
	letter-spacing: 0.04em;
	display: flex;
	margin-bottom: 10px;
}
#content .date_cat p{
	margin-top:		0px;
	margin-bottom:	0px;
}
.date {
	margin-right: 20px;
}
.date_cat div {
	display: flex;
}
.cat a{
	padding: 2px 5px;
	margin-right: 0.4em;
	white-space: nowrap;
	text-align: center;
	color: #FFF;
	background-color: #b9315a;
	text-decoration:	none;
}
.txt_area p {
}
.txt_area p:last-child {
	margin-bottom: 0;
}
.addtoany_share_save_container{
	text-align:		right;
}
/*-----------------------------------------------------------------*/
/* 個別ページ送り */
.pages .boxTow{
	width:	49%;
	border:	1px solid #ccc;
	padding:5px;
}
.pages .boxTow a{
	display:	block;
}
.pages .boxTow.right{
	text-align:	right;
}
/*-----------------------------------------------------------------*/
/* タームリスト */
.term-list{
	border-top:		1px solid #ccc;
	padding-top:	5px;
	padding-left:	10px;
	padding-right:	10px;
}
.term-list a{
	display:		inline-block;
	padding:		0px 3px;
	border:			1px solid #f00;
	margin-right:	15px;
	margin-bottom:	15px;
}
/*-----------------------------------------------------------------*/
/* アーカイブ */
.wrapBlog{
	margin-top:		10px;
	margin-bottom:	20px;
}
.boxBlog{
	padding:		10px;
	border-bottom:	1px solid #ccc;
	margin-bottom:	10px;
}
#content .boxBlog p{
	margin:		0px;
}
#content .boxBlog .meta{
	margin-bottom:	15px;
}
#content .boxBlog .title{
	margin:			5px 0px;
	font-size:		15px;
}

.items .icos a{
	color:	#fff;
}
.items .icos a:hover{
	color:	#ccc;
}
	/* 画像のアスペクト比を適正化 */
.txt_area img{
	height:		auto;
}
.boxThree.border{
	position:		relative;
}
.boxThree.border .image{
}

	/* ページ送り */
.pages{
	margin-top:		50px;
	margin-bottom:	20px;
}
.wp-pagenavi{
	text-align:	center;
}
.wp-pagenavi a,
.wp-pagenavi span{
	display:		inline-block;
	margin-bottom:	5px;
	margin-right:	20px;
}
.wp-pagenavi a:last-child,
.wp-pagenavi span:last-child{
	margin-right:	0px;
}

.page a {
}
.page .prev {
	margin-right:	1.2em;
}
.page .next {
	margin-left:	1.2em;
}
.page .current {
	text-decoration: underline;
}

/*-----------------------------------------------------------------*/
/* WordPress */
	/* キャプション付きの画像 */
.wp-caption{
	width:	auto !important;
}
.wp-caption-text{
	text-align:	center !important;
}
/*-----------------------------------------------------------------*/
/* メールフォーム */
.mw_wp_form tr{
/*	border-bottom:	1px solid #ccc;	/* ###SimpleDesign */
}
.mw_wp_form table{
	border-top:	1px solid #333;	/* ###OriginalDesign */
	border-left:	1px solid #333;	/* ###OriginalDesign */
	width:			100%;
	max-width:		600px;
	margin-left:	auto;
	margin-right:	auto;
}
.mw_wp_form th,
.mw_wp_form td{
/*	padding:	10px 0px;	/* ###SimpleDesign */

	border-right:	1px solid #333;	/* ###OriginalDesign */
	border-bottom:	1px solid #333;	/* ###OriginalDesign */
	vertical-align:	top;
}
.mw_wp_form td.title{
	font-size:	16px;
/*	width:		30%;	/* ###SimpleDesign */
	background-color:	#f2f2f2;
	width:			200px;
}
.mw_wp_form select,
.mw_wp_form input,
.mw_wp_form textarea{
/*	padding:	5px;	/* ###SimpleDesign */
	font-size:	16px;
}
.mw_wp_form .inputShort input{
	width:		60% !important;	/* ###SimpleDesign */
}
.mw_wp_form select{
	background-color:	#fff;
	border:				1px solid #999;
}
.mw_wp_form textarea,
.mw_wp_form .inputLong input{
	width:		100% !important;
}
.mw_wp_form .mwform-zip-field{
/*	margin-bottom:	10px;	/*  */
	display:		block;
}
.mw_wp_form .mwform-zip-field input{
	width:	70px !important;
}
.mw_wp_form .mwform-radio-field.horizontal-item input{
	width:	auto !important;
}
#mw_wp_form_mw-wp-form-193 select{
	width:	100%;
}
.mw_wp_form .contact_read {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 40px auto;
	padding: 20px;
	font-size: 0.88em;
	line-height: 1.68em;
	text-align: center;
	background-color: #feeed3 !important;
	border: #feeed3 1px solid !important;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	box-sizing: border-box;
}
/*-----------------------------------------------------------------*/
/* サイド */
#sidebar{
}
#sidebar h2{
	padding:	15px 5px 0px;
	color:		#00c;
	background-color:	#eee;
}
	/* #0090ff  #73ffff */
#sidebar #main-menu{
	margin-top:		0px;
	padding-left:	0px;
}

/* 下層 */
#sidebar #main-menu .sub-menu{
	margin-left:	5px;
}
#sidebar #main-menu .sub-menu a{
	max-height:		0px;
	padding:		0px;
}
#sidebar #main-menu .current-menu-item .sub-menu{

}
/*#sidebar #main-menu .menu-item-297:hover .sub-menu a,	/* 「メーカー別好事例」hover */
body.single-works #sidebar #main-menu .sub-menu a,		/* 詳細ページ表示中 */
#sidebar #main-menu .current-menu-item .sub-menu a{
	max-height:		100px;
	padding: 5px 2px 5px 10px;
}

	/* スマホ */
.slicknav_menu{
	padding:	0px;
	background-image: url('./asset/images/grad-blue-white-84x58.png');
	background-repeat: repeat-x;
	background-size:	auto 44px;

}
.slicknav_menu .slicknav-flex{
}
.slicknav_menu .slicknav_brand{
	padding:	0px 10px;
}
.slicknav_menu .slicknav_brand img{
	height:		44px;
	width:		auto;
}

	/* ハンバーガー */
.slicknav_btn{
	margin:		0px;
	padding:	5px;
	padding-top:	9px;
	padding-right:	10px;
}
.slicknav_menu .slicknav_icon {
	width: 30px;
	height: 20px;
}
a.slicknav_open .slicknav_menutxt{
	color:		#f00;
}
.slicknav_menu .slicknav_icon-bar{
	width: 30px;
	height: 3px;
	position:	relative;		/* ハンバーガーを十字にするの必要 */
	top:	0px;
	/* アニメーション */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition:all 0.5s ease;
}
	/* 隙間 */
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	margin-top: 7px;
}
	/* プルダウン時のハンバーガーの形状 */
a.slicknav_open .slicknav_icon-bar{
	background-color:		#f00;
}
a.slicknav_open .slicknav_icon-bar:first-child{
	transform:	rotate(315deg);
	top:	10px;
}
a.slicknav_open .slicknav_icon-bar:nth-child(2){
	display:	none;
}
a.slicknav_open .slicknav_icon-bar:last-child{
	transform:	rotate(-315deg);
}

	/* プルダウン */
.slicknav_menu .slicknav_nav{
	height: 100vh;
	overflow: auto;
	padding-bottom: 50px;
	border-bottom:	1px solid #fff;
}
	/* メニューのタイトル */
.slicknav_menu .slicknav_nav h2{
	padding:	20px 0px 0px 10px;
	font-size:	20px;
}
.slicknav_menu ul.navbar-nav{
	border-top:	1px solid #fff;
	margin-left:	0px;
	padding-left:	10px;
	padding-right:	10px;
}
.slicknav_menu ul.navbar-nav .menu-item{
	border-bottom:	1px solid #fff;
	position:		relative;
}
	/* 下層メニューが無い項目に「>」をつける */
.slicknav_menu ul.navbar-nav .menu-item:not(.slicknav_parent):after{
	position:	absolute;
	top:		5px;
	right:		10px;
	content:	'>';
	color:		#fff;
}
	/* 下層メニュー開いたとき<a>に下線 */
.slicknav_menu ul.navbar-nav .menu-item.slicknav_parent.slicknav_open > a{
	border-bottom:	1px solid #fff;
}
	/* 下層メニュー開いたとき末尾の下線無 */
.slicknav_menu ul.navbar-nav .menu-item.slicknav_parent.slicknav_open .sub-menu .menu-item:last-child{
	border-bottom:	none;
}
#sidebar .other{
}
#sidebar .other .address{
	font-size:	14px;
	margin-bottom:	20px;
}
.slicknav_menu .btnGhost a {
	background-color: #888;
}
.slicknav_menu .btnGhost a:hover {
	background-color: #aaa;
	border-radius:	0px;
}
.slicknav_menu .close-menu{
	display:	block;
	width:		140px;
	text-align:	center;
	margin:		5px auto;
	border:		1px solid #fff;
	padding:	5px;
}
/*-----------------------------------------------------------------*/
/* フッター */
footer{
	background-color:	#2f346b;
	font-size:			12px !important;
	color:				#fff;
	padding:			10px;
	text-align:			center;
	margin-bottom:		0px;
}
footer img{
	width:	100%;
}

	/* 元々ある画像を非表示　Search Regex で置換できなかった */
img[src^="https://www.clean-info.net/img/footer.jpg"]{
	display: none;
}

/*-------------------------------------------------------------------------*/
/* スマホ */
@media (max-width: 779px) {
	.mw_wp_form table{
		margin-bottom:	20px;
		border:			2px solid #000;
	}
	.mw_wp_form .title{
		margin-bottom:	0px;
		padding-bottom:	0px;
	}
	.mw_wp_form tr,
	.mw_wp_form th,
	.mw_wp_form td{
		border:		none;
	}
	.mw_wp_form tr{
		border-bottom:	1px solid #333;
	}
}
@media (max-width: 720px) {
	body.recentresultsposters #content table td,
	body.call-for-papers #content table td{
		width:		100% !important;
		display:	block;
	}


	#topIronLogoBand .about{
		display:		none;
	}

}


@media (max-width: 600px) {  	/* スマホブレークポイント SlickNav Menu での規定値 */
	.disp600{display:block;}
	.hide600{display:none;}

	/* rightだと何かがはみ出す */
	.addtoany_share_save_container {
		text-align: center;
	}


	body{
		font-size:		13px;
	}
	#content h2{
		font-size:		14px;
		padding-top:	5px;
		padding-bottom:	5px;
	}
	/* サイドの縦青背景は非表示　その分のスペースを入れたいが、<h2>と<img>は全幅（サイドのスペースなし） */
	#wrapAll{
	}
	#wrapAll #sidebar {
		width: 100%;
		margin-right: 0px;
		padding:		30px 0px;
		border-top:		3px solid #ccc;
	}		

		/* PCのロゴ　非表示 */
	#topIronLogoBand{
		display:	none;
	}

		/* フッターspFull  body.page/body.single 以外は通常 */
	footer.spFull{
		width:			100%;		/* <table>用 */
		max-width:		100%;		/* <img>用 */
		margin-left:	0px;
		margin-right:	0px;
	}

		/* 画像全幅 */
/*
	body.dokuritukaigyou strong > img,
	body.page section#content > img,
	body.single section#content .article .txt_area > div[align="left"] img,
	body.single section#content .article .txt_area > img{
		max-width:		calc(100% + 30px);
		margin-left:	-15px;
		margin-right:	-15px;
	}
*/
	/* :not での除外が効かないのでここで再定義 */
	body.single section#content .article .txt_area .boxThree p > img,						/* 施工事例で下層ページのないコーティングメニューだけのページ */
	body.single section#content .article .txt_area > div[align="left"] .relations img,		/*  */
	body.single section#content .article .txt_area table td img{		/* <table><td>内の画像はそのまま */
		width:			100% !important;
		max-width:		100% !important;
		margin-left:	0px !important;
		margin-right:	0px !important;
	}
	.scroll-wrap table,
	body.page section#content > table,
	body.single section#content .article table,

	section#content div[align="left"] h2,
	body.page section#content > h2,
	body.single section#content .article .txt_area > h2,

	body.single section#content .article .relations{
		font-size:		14px;
	}
	section#content div[align="left"] h2,
	body.page section#content > h2,
	body.single section#content .article .txt_area > h2{
		padding-left:	15px;
		padding-right:	15px;
	}


	body.page section#content table.Sagyo,
	body.page section#content table.Sagyo table,
	body.page section#content table.Sagyo td{
		border:	none;
	}
	body.page section#content table.Sagyo td{
		display:	block;
		width:		100%;
		height:		auto;
	}
	body.page section#content table.Sagyo td img{
		width:		100%;
	}
	body.page section#content table.Sagyo td[colspan="2"]{
		padding:	10px;
	}


	#content .Campaign a{
		font-size:	14px;
	}
	/* SlickMenuを#wrapBodyの最上部に配置するにはwrapFlexのflexboxを解除 */
	#wrapBody.wrapFlex{
		display:	block;
	}
	/* SlickMenuが最上部固定になった場合の本体側の上部マージン */
	#wrapAll{
/*		margin-top:		10px;	/*  */
	}
	.Square2{
		padding-left:	40px;
	}
	.Star2{
		padding:		0px !important;
		padding-left:	40px !important;
	}

}
@media (max-width: 480px) { 
	#sidebar{
		width:	100%;
	}

	.mw_wp_form .inputShort input{
		width:		100% !important;
	}
	.mw_wp_form .mwform-zip-field input{
		width:	100px !important;
	}

	/* ２列 */
	.boxThree{
/*		width:	50%;		/*  */
	}
	/* スクロールバーを出す */
	/* https://01earth.jp/web-create/coding/scroll-bar/ */
	.scroll-wrap table{
		width:	640px;
	}

	.scroll-wrap{
		width: 	100%;
		padding-bottom:	20px;
		overflow-x: auto;
	}
	.scroll-wrap::-webkit-scrollbar {
		height: 10px;
	}
	.scroll-wrap::-webkit-scrollbar-thumb{
		background: #999;
		border-radius: 5px;
	}
	.scroll-wrap::-webkit-scrollbar-track-piece {
		background: #efefef;
	}

}
@media (max-width: 400px) { 
}
/*-------------------------------------------------------------------------*/
/* 印刷 */
@media print { 
}