@charset "UTF-8";

/*
Theme Name: ieei-v3
Theme URI: http://ieei.or.jp/extend/themes/ieei
Author: IEEI
Author URI: http://ieei.or.jp/
Description: 2017.05 design renew
Version: 3.0
License: http://ieei.or.jp/
*/

@import"html5reset.css";
@import"special.css";
@import  "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

/* initialize
----------------------------------------*/
body {
    font: 16px "ヒラギノ角ゴ Pro W3",'メイリオ', Meiryo,"ＭＳ Ｐゴシック", helvetica, arial, sans-serif;
    *font-size: small;
    *font: x-small;
	background-color:#f7f8fc;
	-webkit-text-size-adjust: none;
	line-height:1.6em;
	color:#333;
}
a {ouline: 0;color: #0d3f82;text-decoration: none;word-break:break-all;}
a:hover {opacity: 0.6;}
ul li{ list-style:none;}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix { min-height: 1px;}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* layout */

#wrapper{width: 100%;}
#layout{width: 1100px;padding: 0 0;margin: 0 auto;}
.clear{clear:both;}
.smalltext{font-size:80%;line-height:1;}
.wp-pagenavi{text-align:center;margin:10px auto;line-height:2.5;}
.wp-pagenavi span{text-wrap:suppress;}

.thumbContainer{margin-bottom:50px;}
.loadingBox a{
    border: 1px solid #c4c5c9;
    bottom: -40px;
    position: absolute;
    text-align: center;
    width: 96%;
    margin:0 1%;
    padding:1%;
    background:#E2E3E7;
}

/*Ver1から引継
.loadingBox i{font-style:normal;}*/
.space-s {height: 10px;}
.space-m {height: 20px;}
.space-l {height: 30px;}
.large {font-size: 125%;}
.small {font-size: 75%;}



/* header
----------------------------------------*/
#headwrapper{background-color:#053C8F;}
#header{
	width: 95%;
	max-width: 1094px;
	height:70px;
	padding:0 3px;
	margin:0 auto;
	overflow: hidden;
}
#header h1, #header .headertitle{
	width:293px;
	height:70px;
	background: url("img/img_logo.png") no-repeat;
	float:left;
}
#header h1 a, #header .headertitle a{
	width:293px;
	height:70px;
	display:block;
	text-indent:-999999px;
}
#header h2, #header .headerdesc{
	margin:24px 0 0 8px;
	width:350px;
	height:auto;
	float:left;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
#header .rss{
	margin:26px 0 0 10px;
	float:right;
}
#header .rss img{vertical-align:bottom;}
#header nav{
	margin:26px 0 0 0;
	padding:0 0 0 10px; 
	float:right;
	font-size:82%;
	background:#fff;
    border-radius: 10px; /* CSS3 */
    -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 10px; /* Firefox用 */
}
#header nav ul li{
	padding:0 10px 0 15px;
	float:left;
}
#header nav ul li.mailmag{
	width:7em;
	background: url("img/icon_mailmag.png") no-repeat left 6px;
}
/*#header nav ul li.sitemap{
	width:6em;
	background: url("img/icon_sitemap.png") no-repeat left 6px;
}*/
#header nav ul li.about{
	width:4.2em;
	background: url("img/icon_ieei.png") no-repeat left 6px;
}

#mainwrapper header nav a {color: rgba(146,146,146,1.00);text-decoration: none;}
#header .printhead{display:none;}

/* menu  --> mega menu -> custom styling
----------------------------------------
#{$wrap} {
    clear: both;
}
#{$wrap}{background-color:#fff;border-bottom:2px solid #ccc;width:100%;min-height:50px;overflow:hidden;}
#{$wrap} #{$menu} {
	width: 95%;
	max-width: 1094px;
	margin:0 auto;
}

@media screen and (max-width:630px){
 #{$wrap}{border-bottom:none;text-align:left;}
}
----------------------------------------
*/



/* menu  --> mega menu -> taxonomy
----------------------------------------*/

.menu_taxonomy{width: 100%; margin: 10px 0; clear:both;}
.menu_taxonomy span{float:left;}
.menu_taxonomy a{
    float: left;
    font-size: 90%;
    line-height: 1.3em;
    padding:3px 15px;
    margin-right:10px;
    border:1px solid #ccc;
    color:#1b85c7;
    font-weight:bold;
    background-color:#fff;
}



/* grid
----------------------------------------*/
#container { margin: 0 auto 25px; position: relative; padding-bottom: 10px;}
.grid {
  background: #fff;
  float: left;
  margin: 10px 1%;
  min-height: 100px;
//  padding: 15px;
  width: 48%;
  -webkit-transition: top 1s ease, left 1s ease;
  -moz-transition: top 1s ease, left 1s ease;
  -o-transition: top 1s ease, left 1s ease;
  transition: top 1s ease, left 1s ease;
 border-bottom: 3px solid #dedede;
}
.grid h2 { color: #fa3599; display: block; margin: 10px 0; padding: 0 15px 5px;}
.grid .meta { color: #777; font-style: italic; text-align: right;}
.grid .imgholder img {background: #ccc; display: inline-block; max-width: 100%;}
.grid .imgholder img + img { margin-left: 25px;}
.grid img { display: inline-block; width: 100%;}
.grid h3, .grid h4.subtitle_head {margin: 1% 5% 0;line-height:1.3;}
.grid h3{font-size:110%;}
.grid h4.subtitle_head{color: #747474;font-size: 85%;font-weight:normal;}
.grid .post-categories li a{margin: 3% 3% 0;color: #41a149;font-size: 80%;float: right;}


/*-------------------------------------------------------*/
#mainwrapper {
	width: 95%;
	max-width: 1094px;
	margin:0 auto;
	height:100%;
	overflow: hidden;
}

#content #mainContent h1, #content #mainContent h2{/*color: rgba(146,146,146,1.00);*/}
#content #mainContent h3,#content #mainContent_top h3 {font-style: normal;/*font-weight: 200;*/}
#content #mainContent_top .top-topics h3.main {font-size: 1em;}
#content #mainContent #bannerImage, #content #mainContent_top #bannerImage {width: 100%;background-color: rgba(208,207,207,1.00);}
#content #mainContent p,#content #mainContent_top p {
/* 
	color: rgba(146,146,146,1.00);
	text-align: justify; */
	margin: 3% 3% 0;
}

#content #mainContent #authorInfo {background-color: rgba(208,207,207,1.00);}
#content #mainContent #authorInfo h2, #content #mainContent #authorInfo p {color: rgba(255,255,255,1.00);padding-left: 2%;padding-top: 11px;}
#content #mainContent #authorInfo p {color: rgba(255,255,255,1.00);padding-left: 2%;padding-top: 0px;padding-bottom: 11px;padding-right: 2%;}

#mainContent {
	/* Container for the blog post in individal blog view */
	width: 78%;
	float: right;
	margin-left: 2%;
	margin-top: 20px;
/*	background-color:#fff;*/
}



/* TOP
----------------------------------------*/
#mainContent_top {padding-left: 2%;width: 52%;float: left;padding-right: 2%;padding-top: 20px;}
#mainContent_top p{font-size:90%;line-height:1.3;}
#mainContent_top .top-topics{margin-bottom:20px;background:#fff;overflow:hidden;border-bottom:3px solid #dedede;}
#mainContent_top .top-topics .topimage{width:40%;float:left;margin-bottom:10px;}
#mainContent_top .top-topics .topimage img{width:100%;}

#mainContent_top .top-topics h3{ /*title*/
	float:left;
	margin:3% 3% 0;
	width:54%;
	overflow:hidden;
	font-size:1.5em;
	line-height:1.3;
}
#mainContent_top .top-topics h4{ /*subtitle*/
	float:right;
	margin:0 3%;
	width:54%;
	margin-bottom:10px;
	padding:5px 0px;
	color:#747474;
}
#content #mainContent_top h3.main{ /**/
	color:#333;
	margin:0 3%;
	font-weight:bold;
}

#mainContent_top .top-topics p{
	clear:both;
	margin:4% 2%;
	width:96%;
}

#mainContent_top .top-topics .set2{padding: 30px 0 0 0;}
#mainContent_top .top-topics .set2:first-child{padding: 0 0 20px 0;background:none;}
#mainContent_top .top-topics .topics-img .post-categories a:hover{opacity: 1;background-color:#56B36E;}
#mainContent_top .top-topics span.continue,#contents .list-entry .continue {
	display: inline-block;
	margin:0 1px;
	padding:0 4px 0 16px;
	font-size:75%;
	line-height:1.4em;
	background:url("img/back_continue.png") no-repeat scroll left center #fff;
	color:#1c86c8;
	vertical-align:middle;
	}
.continue a{font-weight:normal;}

#mainContent_top .top-topics ul {margin:5px 0 0 0;height:auto;float:left;}
#mainContent_top .topics-img ul{margin:0;height:auto;width:140px;position:absolute;top: 0;left:20px;}
#mainContent_top .top-topics ul li a{margin:1px;padding:0px 4px;line-height:1.5em;float:left;font-size:63%;}
#mainContent_top .top-topics ul li.cate a,#contents .topics-img ul li a{background:#41a149;border:1px solid #41a149;color:#FFF;}
#mainContent_top .topics-img ul li a{float:right;}
#mainContent_top .top-topics ul li.tag a{background:#FFFFFF;border:1px solid #41a149;color:#41a149;}

#mainContent_top .top-topics span.continue, #mainContent .list-entry .continue {
    background: #fff url("img/back_continue.png") no-repeat scroll left center;
    border: 1px solid #1c86c8;
    color: #1c86c8;
    display: inline-block;
    font-size: 75%;
    line-height: 1.4em;
    margin: 0 1px;
    padding: 0 4px 0 16px;
    vertical-align: middle;
}
#mainContent_top .top-topics .post-categories{float:right; margin-right:2%;list-style:none;}
#mainContent_top .top-topics .post-categories a{ color: #41a149; font-size:80%;text-align:right;}

/* Sidebar*/
#mainwrapper #content #sidebar {
	width: 19%;
	padding-left: 2%;
	padding-right: 2%;
	float:right;
	background-color:#fff;
	padding-top: 32px;
}

/* Sidebar(TOP:Left) */
#mainwrapper #content #sidebar_top {
	width: 20%;
/*	padding-left: 1%;
	padding-right: 1%;*/
	float:left;
/*	background-color: rgba(246,246,246,1.00);*/
	padding-top: 32px;
	overflow:hidden;
}

/* pickup */
#mainwrapper #content #sidebar_top div.side-pickup div{
	clear:both;
	width: 88%;
	padding:5%;
	margin-bottom:10px;
	border:1px solid #ccc;
	background-color:#fff;
	line-height:1.3;
}
#mainwrapper #content #sidebar_top .side-pickup img {float:left;width:30%;margin-right:10px;}
#mainwrapper #content #sidebar_top div.side-pickup .side-pickupbox a{width: 100%; height:100%;display:table;}

/* Author */
.side-author {margin-bottom: 20px;width: 100%;}
.side-author h3{margin-bottom:10px;border-bottom:3px solid #0d3f82;display:inline;}
#mainwrapper #content #sidebar_top div.side-author div{clear:both;width: 100%;margin:10px 0;display:table;overflow:auto;}
#mainwrapper #content #sidebar_top .side-author img {float:left;width:40px;height:40px;margin-right:10px;}
#mainwrapper #content #sidebar_top div.side-author .side-authorbox a{width: 100%; height:100%;}
#mainwrapper #content #sidebar_top div.side-author .side-authorbox a span{display:table;overflow:auto;padding-top:6px;line-height:1;}
#mainwrapper #content #sidebar_top .side-authorlink{background-color: #0d3f82;text-align:center;}
#mainwrapper #content #sidebar_top div.side-author .side-authorlink a{width: 100%; height:100%;display:table;margin:10px auto;color:#fff;}

.entry-content .list-authorbox{margin-bottom: 20px;width: 100%;}
.entry-content div.list-authorbox {clear:both;width: 100%;margin:10px 0;display:table;overflow:auto;}
.entry-content .list-authorbox a img {float:left;width:40px;height:40px;margin-right:10px;}
.entry-content .list-authorbox a span{display:table;overflow:auto;padding-top:6px;line-height:1;float:left;}
.entry-content .list-authorboxlink{background-color: #0d3f82;text-align:center;}
.entry-content .list-authorboxlink a{width: 100%; height:100%;display:table;margin:10px auto;color:#fff;}



/* 注目ワード */
.side-words {
    margin-bottom: 20px;
    width: 100%;
}
.side-words h3{
	margin-bottom:20px;
	border-bottom:3px solid #1b85c7;
	display:inline;
}
#mainwrapper #content #sidebar_top div.side-words div{
        font-size:90%;
	clear:both;
	width: 98%;
	margin:4% 0;display:table;overflow:auto;
}
#mainwrapper #content #sidebar_top .side-wordslink{background-color: #e8f7fe;border:1px solid #1b85c7;}
#mainwrapper #content #sidebar_top div.side-words .side-wordslink a{width: 100%; height:100%;display:table;padding:5px;}


/*サイド 検索エリア*/
.side-search{margin-bottom:20px;width:100%;}
.side-search h3{margin-bottom:20px;border-bottom:3px solid #41A149;display:inline;}
.textbox{margin-top:10px; overflow: hidden;}
input[type=text] {float: left;width: 100%; box-sizing:border-box;border:4px solid #e1e1e1;color: #999;height: auto;padding: 3px;}
input[type=submit] {margin-left: 10px;}
input[type=image] {float: right; margin-left: 10px;}


/* Popu */
#tabcontent ol{border-top:dashed 1px #aaa;counter-reset:number;list-style:none;margin:0;padding:0;font-size: 88%;}
#tabcontent ol li{border-bottom:dashed 1px #aaa;vertical-align:bottom;padding:10px 0;}
#tabcontent ol li:before{counter-increment: number;content: counter(number);font-family: "Times New Roman";font-style:italic;font-weight:bold;color:#666;font-size:30px;margin-right:10px;position:absolute;}
#tabcontent ol li a{display:block;margin-left:20px;line-height:1.5;}
_:-ms-lang(x),#tabcontent ol li {display:inline-block;}
_:-ms-lang(x),#tabcontent ol li h2{display:table;table-layout: fixed;width:100%;}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {.top-kanren #tabcontent ol li a{margin-top:15px;}}



/*メイン 関連情報エリア*/
#sidebar .top-kanren{
	width:100%;
	margin-bottom:20px;
	padding:0px;
	background:#ffffff;
	/*border-radius: 6px;		*//* CSS3草案 */
	/*-webkit-border-radius: 6px;	*//* Safari,Google Chrome用 */
	/*-moz-border-radius: 6px;	*//* Firefox用 */
	/*behavior: url(border-radius.htc);*//*for IE*/
	/*-webkit-box-shadow: inset 0px 0px 6px 0px #e1e1e1; *//* Safari, Chrome用 */
	/*-moz-box-shadow: inset 0px 0px 6px 0px #e1e1e1; *//* Firefox用 */
	/*box-shadow: inset 0px 0px 6px 0px #e1e1e1; *//* CSS3 */
}
#sidebar .top-kanren h3 a{color:#000000;}
#sidebar .top-kanren ul {
//padding:5px;
padding:5px 5px 0 5px;
}
#sidebar .top-kanren ul li{
	margin-left:15px;
	padding:3px;
	list-style-type:square;
	font-size:88%;
	line-height:1.5em;
	color:#3E9F4B;
}

#sidebar .top-kanren ul li span.small{font-size:75%;color:#000000;}
#sidebar .top-kanren ul li img{vertical-align: middle;}
#sidebar .top-kanren p{font-size:70%;text-align:right;}
#sidebar .top-kanren p a{color:#000;}


#mainwrapper #content #sidebar div.top-kanren .side-newslink{background-color: #41a149;;text-align:center;margin:0 auto 10px;overflow: auto;}
#mainwrapper #content #sidebar div.top-kanren .side-newslink a{width: 100%; height:100%;display:table;margin:10px auto;color:#fff;}


/* 動画用 */
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin:auto 10%;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ieimage_full{width:100%;height:auto;}


/* 記事ランキングタブメニュー */

.tabnav{
//	margin:0!important;
//	padding:0!important;
	border-bottom:2px solid #053C8F;
}

.tabnav li{
	display: inline;
	margin:0!important;
	padding:0!important;
	font-size:14px!important;
}

.tabnav li a{
	display: inline-block;
	width:24%;
	text-align:center;
	background: #758ad9;
	color: #fff;
	padding: 4px;
	border-radius: 5px 5px 0 0;
	text-decoration: none;
}
/*
_:-ms-lang(x), _::-webkit-meter-bar,.tabnav li a {
	padding: 4px 4px 0 4px;
}
*/

.tabnav li a:hover,
.tabnav li a.active{
	background: #053C8F;
	color: #fff;
}
.tabnav li a:hover{opacity: 1;background: #405dca;}

#tabcontent{
	padding: 5px 0;
//	margin:-5px 0 0;
	font-size:.9em;
}

h2.ranktitle{
	margin:5px 10px 0;
	font-size:1.1em;
}

#tabcontent ol.wpp-list li{
	padding-top:10px!important;
	margin:0;
}

#tabcontent ol.wpp-list h2{
	padding:0!important;
	font-size:14px;
}

#tabcontent ol.wpp-list .author{
	margin:5px 5px 0;
	float:right;
	color: #3E9F4B;
}


@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
#sidebar #tabcontent ol.wpp-list h2{
	margin:-1.2em 0 0!important;
	padding:0!important;
	font-size:14px;
}
}



/* ----------------------------------------*/
#footwrapper{clear:both;background-color:#053C8F;overflow: auto;}
#footwrapper p.copyright{clear:both;text-align:center;color:#fff;padding:2em auto;font-size:80%;}
#footwrapper a{color:#fff;}
#footwrapper ul li{list-style:none;}

footer {/*width: 96%;padding-left: 2%;padding-right: 2%;overflow: auto;*/
width: 95%;max-width: 1094px;margin: 0 auto;overflow: hidden;padding: 0 3px;
}
footer article  {
	/* Footer articles */
	width: 28%;
	float: left;
	padding: 2%;
	font-style: normal;
	font-weight: 200;
	color: #fff;
	line-height:2;
}
#footerbar {clear: both;width: 100%;}
#footerbar img{width:240px;}


.newstag{
	background:#FFFFFF;
	border:1px solid #41a149;
	color:#41a149;
	font-size: 75%;
	line-height: 1.5em;
	padding: 0 4px;
	margin-right:10px;
}




.notOnDesktop {
	/*element to be displayed only in mobile view and tabet view */
	display: none;
}
ul.notOnDesktopNav{display: none;}

#mainContent #bannerImage img, #mainContent_top #bannerImage img {
	/* Actual banner image */
	width: 100%;
}
#sidebar #adimage img {
	/* Image in sidebar */
	width: 100%;
	float: right;
}

/*------------------*/
/*** small PC view ***/

@media screen and (max-width:1100px){
   #header h2, #header .headerdesc{display:none;}
}



/*------------------*/
/*** Tablet view ***/

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


.notOnDesktop {
	/* Search box shown only in mobile view and Tablet view */
	display: block;
	text-align: right;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 96%;
}

#content .notOnDesktop input {
	height: 28px;
}

#mainwrapper header {width: 100%;}
#mainContent, #mainContent_top {
	/* Container for the blog post */
	padding-top: 0px;
	float: none;
	width: 96%;
}
#sidebar input {display: none;}
#mainwrapper #content #sidebar {
	/* Sidebar*/
	float: none;
	width: 92%;
	padding-top: 13px;
	overflow: auto;
	margin-top: 3px;
	margin-left: 2%;
	padding-bottom: 13px;
}
#mainwrapper #content #sidebar_top{display:none;}

#sidebar nav ul {margin-top: 0px;}

_:-ms-lang(x),#mainwrapper #content #sidebar ol li{display:block;}


#layout{width: 96%;}

#footwrapper footer article {width: 46%;}
#footerbar{display:none;}
footer {
	/* Footer region */
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
.footerbox{font-size:80%;line-height:1.2;}
.mobile_default{width:100%;}

}


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


#headwrapper{background-color:#fff;}
#header{
	width: 100%;
	height:58px;
	padding:0;
	margin:0 auto;
	overflow: hidden;
	border-bottom:10px solid #053C8F;
}
#header h1, #header .headertitle{
	width:100%;
	height:100%;
	background: url("img/img_logo.png") no-repeat top center;
}
#header h2, #header .headerdesc,#header .rss,#header nav{display:none;}
#header h1 a, #header .headertitle a{width:98%;}

ul.notOnDesktopNav{display:block;width:100%;height:auto;overflow:hidden;}
ul.notOnDesktopNav li{width:50%;float:left;text-align:center;}
ul.notOnDesktopNav li a{padding:0.7em;display:block;background:#fff;border-bottom: 1px solid #ccc;color:#666;}
ul.notOnDesktopNav li a.left{border-right: 1px solid #ccc;}
ul.notOnDesktopNav li a.top{border-top: 1px solid #ccc;}
ul.notOnDesktopNav li a:hover{background:#f7f8fc;}


/* grid
----------------------------------------*/

.grid{clear:both;
    margin: 0;
    width:100%;
    border-bottom: 1px solid #dedede;
}

.grid h2 {
  color: #fa3599;
  display: block;
  width:60%;
  margin: 10px 0;
  padding: 0 15px 5px;
}

.grid img {
  display: inline-block;
  width: 35%;
  float:left;
  margin:10px 0;
}

.grid h3, .grid h4.subtitle_head{float:left;width:59%;margin:2%;}





}


/*------------------*/
/*** Mobile view ***/

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


body {font-size: 14px;}

#mainwrapper header #logo {
	/* Company Logo text in header */
	width: 96%;
	margin-left: 2%;
}


#mainContent #sidebar #adimage {
	/* Container for image in sidebar */
	width: 100%;
}

#sidebar nav ul li {
	display: inline-block;
	width: 32%;
	text-align: center;
}

#mainwrapper #content #sidebar {
	/* sidebar */
	padding-bottom: 0px;
}


#mainContent .notOnDesktop {
	/* Search box shown only in mobile and tablet view */
	width: 100%;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}

#mainContent .notOnDesktop input {
/*	width: 80%;
	text-align: center;*/
}
#mainContent .notOnDesktop form {width: 80%;text-align: center;padding:1em;}


#mainContent #mainContent h3 {
	/* Title under maincontent, if any */
	font-size: 14px;
}

#footwrapper footer article {
	/* Each foter article */
	width: 96%;
}

#content #mainContent .list-entry .pageBox .list p{display:none;}


#footerbar{display:none;}
.printout{display:none;}
.footerbox{display:none;}

.notOnMobile{display:none;}


}


/*-------------------------------
# 関連記事
-------------------------------*/
div.yarpp-related{
  margin:0;
}


.flexbox2,
.flexbox3,
.flexbox4,
.flexbox5,
.flexbox6,
.flexbox7,
.flexbox8{
	justify-content: center;
 }
.item2,
.item3,
.item4,
.item5,
.item6,
.item7,
.item8{
	border-radius: 5px;
}
.flex_item img,
.item2 img,
.item3 img,
.item4 img,
.item5 img,
.item6 img,
.item7 img,
.item8 img{
	max-width: 100%;
	border-radius: 5px;
	padding: 5px;
}


@media ( min-width : 600px ){
	.flex_wrap{flex-wrap: wrap;}
	.flexbox{
		display: flex;
	}
	.flexbox2,
	.flexbox3,
	.flexbox4,
	.flexbox5,
	.flexbox6,
	.flexbox7,
	.flexbox8{
		justify-content: left;
		display: flex;
	}
	.flex_item a:hover,
	.item2 a:hover,
	.item3 a:hover,
	.item4 a:hover,
	.item5 a:hover,
	.item6 a:hover,
	.item7 a:hover,
	.item8 a:hover{opacity: 0.6;}

	.flex_item{margin: 5px;}
	.item2 {width: calc(98% / 2);}
	.item3 {width: calc(98% / 3);}
	.item4 {width: calc(98% / 4);}
	.item5 {width: calc(98% / 5);}
	.item6 {width: calc(98% / 6);}
	.item7 {width: calc(98% / 7);}
	.item8 {width: calc(98% / 8);}

}


/*-------------------------------
# 参考文献
-------------------------------*/
#content #mainContent .post-entry p.fig_ttl{
	text-align:left;
	margin-left:20px;
	margin-bottom:0px;
	font-weight: normal;
	font-size: small;
}
.fig_ttl:before{
	content:"＜";
}
.fig_ttl:after{
	content:"＞";
}
.fig_dl{font-size:smaller;}
.fig_dl dt{
	float:left;
	clear:left;
	margin-left:20px;
}
.fig_dl dd{
	margin-left:70px;
}

/*-------------------------------
# 横並び定義リスト
-------------------------------*/

.fl_dl{
	padding:0 1em;
	margin: 1em;
}
.fl_dl dt{
	float:left;
	clear:left;
}
.fl_dl dd{
	margin-left:2em;
}
/*-------------------------------
# 横並び定義リスト2　字下げなし
-------------------------------*/

.fl_dl2{
	margin: 0.5em;
}
.fl_dl2 dt{
	float:left;
	clear:left;
}
.fl_dl2 dd{
	margin-left:3em;
}






blockquote.bqmark {
	color: #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0.8em;
	box-sizing: border-box;
	font-style: normal;
	background: #f7f9f3;
	border: 1px solid #c8de9c;
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
	margin-inline-start:0.5em;
	margin-inline-end: 0.5em;
}
blockquote.bqmark::before{
	content: "\f10d";
	font-family: FontAwesome;
	
	content: "\f10d";
	color: #cfcfcf;
	font-size: 1.2em;
}

blockquote.bqmark::after{
	content: "\f10e";
	font-family: FontAwesome;
	color: #cfcfcf;
	font-size: 1.2em;
}

#content span.wpcf7-not-valid-tip{
	display: inline-block!important;
}