@charset "UTF-8";
/* CSS Document */


/*----------------------------------------*/
/*                                        */
/*基礎スタイル*/
/*                                        */
/*----------------------------------------*/

@import "common.css?220216";


/*----------------------------------------*/
/*ページ基礎                              */
/*----------------------------------------*/
html{
	background:repeat-x 0 0 url("../img/common/header_back_common_v2022.png?230127");
}

#header #glnavi li.m2 a{
	background-position:-140px bottom;
}

/*----------------------------------------*/
/*コンテンツ                              */
/*----------------------------------------*/

/* ボタンエリア */
.application { margin-bottom: 3rem;}
.application ul.btn-app { list-style: none outside; margin-bottom: 0.5em; padding: 1.5em 1em; background: #6880cf; overflow: hidden;}
.application ul.btn-app li { text-align: center; margin-bottom: 1em; float: left; width: 48%; margin: 0; }
.application ul.btn-app li:first-child { margin-left: 5px; margin-right: 5px; }
.application ul.btn-app li:last-child { margin-left: 10px; }
.application ul.btn-app li a { font-size: 1.4rem; padding-bottom: 1em; display: block; border-radius: 4px; background: #fff; font-weight: bold; }
.application ul.btn-app li a span { display: block; padding-top: .8em; border-top: 1px solid #ccc; }
.application ul.btn-app li a:hover { opacity: 0.7; }
.application p { text-align: right; padding-right: 1.8em;}


/* 開催概要 */
.exhibition .expo_title {
	font-size: 16px;
	margin: 25px 0 10px 0;
	padding: 5px 10px;
	border: 1px solid #3866AB;
}

.exhibition .c1 li{
	float:left;
	width: 150px;
	margin-right:15px;
}

.exhibition .c1 li:last-of-type {
	width: 190px;
	margin-right: 0;
}

.exhibition .c1 li img {
	display: table;
	margin: 0 auto;
}

.exhibition .c1 p{
	display: table;
	font-size:9px;
	line-height:1.5;
	margin:5px auto 10px auto;
}

.exhibition .c1 p strong{
	font-size:12px;
}

.exhibition .c2 li{
	border-top:1px dotted #999;
	padding:10px 0;
}

.exhibition .c2 li:first-child{
	border:0;
}

.exhibition .c2 h6{
	margin:5px 0 5px 0;
}

.exhibition .c2 th, 
.exhibition .c2 td{
	padding:2px 0;
}

.exhibition .c2 th{
	vertical-align:top;
	width:180px;
}

.exhibition .c3{
	width:100%;
}

.exhibition .c3 th, 
.exhibition .c3 td{
	padding:10px;
	border:1px solid #ccc;
}

.exhibition .c3 th{
	background-color:#E1EAEF;
	font-weight:normal;
	text-align:center;
	width:75px;
}

.exhibition .schedule th,
.exhibition .schedule td {
	width:12.5%;
	white-space:nowrap;
}

.exhibition .schedule td.blue {
	background: #f9fdff;
}

.exhibition .schedule p.blue {
	color: #6390a9;
}

.exhibition .schedule p.blue span {
	padding: 2px 5px;
	background: #fff;
	border: 1px solid #6390a9;
}

.exhibition .schedule td.red  {
	background: #fff2ee;
}

.exhibition .schedule p.red {
	color: #d15e4b;
}

.exhibition .schedule p.red span {
	padding: 2px 5px;
	background: #fff;
	border: 1px solid #d15e4b;
}

.exhibition .new_zone {
	margin-top: 15px;
	padding: 10px;
	background: #e1eaef;
}

.exhibition .new_zone h5 {
	font-size: 16px;
}

.exhibition .new_zone h5 img {
	vertical-align: middle;
}

.exhibition .new_zone ul {
	font-size: 14px;
	margin-left: 10px;
}

.exhibition .new_zone ul li {
	margin-bottom: 2px;
}

/* 展示会構成 */
/* 来場者数 */
.composition h5 span {
	color: #000;
}

.composition .title {
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	background: #00abbf;
}
.composition .c1{
	width:100%;
	margin:5px 0;
}

.composition .c1 th, 
.composition .c1 td{
	padding:5px;
	border:1px solid #ccc;
	text-align:center;
}

.composition .c1 th{
	background-color:#57A6D6;
	color:#fff;
}

.composition .c1 span{
	font-weight:bold;
        font-size: 14px;
}

.composition .c1 .c2{
	background-color:#E1EAEF;
	font-weight:normal;
	color:#333;
}

.composition .c3{
	float:left;
}

.composition .c3 span {
    font-size: 16px;
    font-weight: bold;
}

.composition .c4{
	float:right;
}
.composition .c4 span {
    font-size: 16px;
    font-weight: bold;
}
.composition  ul { font-size: 14px; }
.composition dl {
	padding-bottom: 15px;
	overflow: hidden;
}
.composition dl dt {
	clear: left;
	float: left;
	width: 4em;
	font-size: 14px;
	font-weight: bold;
	color: #00abbf;
	text-align: center;
	padding: 1em;
	border: 2px solid #00abbf;
}
.composition dl dd {
	margin-left: 8em;
}
.composition dl dd strong {
	font-size: 14px;
}

table.c3 hr {
	border: none;
	border-top: 1px solid #ccc;
}



/* 本展示会の特徴 */
.material_exhibits .c1 li{
	font-size:15px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	padding-left:1.4em;
	margin-bottom:10px;
	text-indent:-1.4em;
}

.material_exhibits .c2 p{
	font-weight:bold;
	font-size:18px;
	color:#DB174F;
	margin-bottom:5px;
}

.material_exhibits .c2 li{
	font-size:15px !important;
}

.material_exhibits .c3{
	margin:15px 0;
}

.material_exhibits .c3 h5{
	border-top:1px dotted #ccc;
	margin-top:15px;
	padding-top:15px;
}

.material_exhibits .c3 h5,
.material_exhibits .c3 p{
	width:500px;
}

.material_exhibits .c3 .c4{
	float:right;
}

.material_exhibits .c3 .c4 img{
	margin-bottom:5px;
}

.material_exhibits .c5{
	background:#E1EAEF;
	padding:15px 0 30px;
}

/* e-textile */
.midashi.e-textile {
  background: url("../img/common/midashi_etext.gif") no-repeat left bottom;
}

.midashi.e-textile h3 {
  font-size: 26px;
  font-weight: bold;
  padding: 0 0 10px 0;
}

.midashi.e-textile h3 img {
  vertical-align: middle;
}

.e-textile h4 {
  border-color: #19cab9;
}

.e-textile .btn_semi { margin-bottom: 3rem;}
.e-textile .btn_semi {
  list-style: none outside;
  margin-bottom: 0.5em;
  padding: 1.5em 1em;
  background: rgb(23,204,185);
  background: -moz-linear-gradient(left,  rgba(23,204,185,1) 0%, rgba(212,28,236,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(23,204,185,1) 0%,rgba(212,28,236,1) 100%);
  background: linear-gradient(to right,  rgba(23,204,185,1) 0%,rgba(212,28,236,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17ccb9', endColorstr='#d41cec',GradientType=1 );
  overflow: hidden;
}
.e-textile .btn_semi li { text-align: center; margin-bottom: 1em; float: left; width: 48%; margin: 0; }
.e-textile .btn_semi li:first-child { margin-left: 5px; margin-right: 5px; }
.e-textile .btn_semi li:last-child { margin-left: 10px; }
.e-textile .btn_semi li:first-child a { color: #3aabc2; }
.e-textile .btn_semi li:last-child a { color: #8f5cd9; }
.e-textile .btn_semi li a { font-size: 2rem; padding-bottom: 1em; display: block; border-radius: 4px; background: #fff; font-weight: bold; }
.e-textile .btn_semi li a small {
  display: block;
  font-size: 14px;
}
.e-textile .btn_semi li a span { display: block; }
.e-textile .btn_semi li a:hover { opacity: 0.7; }
.e-textile .btn_semi p { text-align: right; padding-right: 1.8em;}

.e-textile p.center { font-size: 1.6rem;  text-align: center; }

.note { display: inline-block; font-size: 80%; text-indent: -0.75em; margin-left: 0.75em; }

/* 開催説明会動画 */
ul.movie {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

ul.movie li {
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 20px;
}

ul.movie li:first-of-type {
	width: calc(50% + 20px);
	padding-right: 20px;
}

ul.movie li a {
	display: table-cell;
	width: 340px;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.6;
}

ul.movie li a:hover {
	opacity: 0.7;
}

ul.movie li a img {
	margin-bottom: 5px;
}