@charset "utf-8";

/* base style */
* {
  margin: 0;
  padding: 0;
}

/*スクロールバーの出現によるガタつきを防ぐ対策*/
body{overflow-y: scroll;}

body{background-color:#99ccff;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;}



/*フォントカラー*/
.red{color:red;}
.blue{color:blue;}
/*フォントサイズ*/
.b{font-weight:bold;}
.ft10{font-size:10px;}.ft11{font-size:11px;}.ft12{font-size:12px;}.ft14{font-size:14px;}
.ft16{font-size:16px;}.ft18{font-size:18px;}.ft20{font-size:20px;}


/*btn style*/
.btn{display:block; position:relative; text-decoration:none;
 overflow:hidden; z-index: 1 !important;}
.btn:after {content:"";	position: absolute;top: 50%;left: 50%;height: 0;
	width: 100%;opacity: 0;
	transform: translateX(-50%) translateY(-50%) rotate(0deg);
	transition: 0.5s;z-index: -1;
}
.btn:hover {color: #fff;}
.btn:hover:after {height: 250%;	opacity: 1;}
.btn:active:after {height: 350%;opacity: 1;}

.box_01:after{background:#ff6600;}
.box_02:after{background:#006633;}
.box_03:after{background:#1a5f8e;}

.box_04{ background:#65d8ff; position: relative;}
.box_04 img {display: block; width: 100%; opacity: 1;}
.box_04:hover img {opacity: 0.3;}
.box_04:hover {  opacity: 1;}


.box_11:after{background:#e50007;}
.box_12:after{background:#00070f;}
.box_13:after{background:#270f50;}
.box_14:after{background:#896e00;}



/*contents style*/
.contents{width:1000px; margin:0 auto;padding-top:115px; display: flex; flex-wrap: wrap;}


main{background-color:#99ccff;}
.main{width:750px;}
.main_img{width: 750px; height:auto; margin:0;padding:0;overflow: hidden;}
.main_img img{width:100%;}


.info{ background-color:#fff;padding:2px 4px;margin-top:-10px;}
.info_box_flex{ display: flex; /*border: solid 1px #77b150;*/}
.info_title{padding:2px 6px; color:red; font-weight:bold;}
.info_text{padding:2px 6px; font-size:11px;}
.info_text .date{color:blue; font-size:12px;}

.side{width:250px; background-color:#1a5f8e;/*#3498db*/}

/*side box*/
.box_01{padding: 0.5em 1em; margin:0px; color:#fff; background-color:#F9A03A;}
.box_02{padding: 0.5em 1em; margin:0px; color:#fff; background-color:#00A896;position:relative;}
.box_03{padding: 0em 0em; margin:0px; color:#fff; background-color:#3498db; padding-left:22px;}
.box_04{padding: 0em 0em; margin:0 0px; }
.box_05{padding: 10px 0px 1em; margin:0 4px; color:#fff; text-align:center; line-height:1;}
.box_06{padding-top:0px ; margin:0px; color:#fff;}

.box_05 hr {border-width: 1px 0px 0px 0px; /* 太さ */   border-style: solid; border-color:#fff;margin-top:7px;margin-bottom:-10px;}

.box_flex{ display: flex;}
.box_img{width:30px; margin-right:5px;}
.box_01 .box_img img{width:30px; height:auto;}
.box_02 img{width:30px; height:auto;}
.box_02 img{position: absolute; top:34px;}

.box_text{width:200px; line-height:130%; font-size:20px;}
.box_01 .box_text,.box_02 .box_text{margin-bottom:35px;}
.box_03 .box_text{font-size:12px; fontweight:normal;}
.box_03 .box_text a{font-size:12px; fontweight:normal;}
.box_01 .box_text{margin-bottom:30px;}

.s_text{font-size:10px;}
.ss_text{font-size:9px;}
.box_01 .s_text{line-height:2;display:block;margin-bottom:3em;}
.box_02 .s_text{line-height:1.5;display:block;margin-bottom:0.3em;}
.box_11 .s_text,.box_12 .s_text,.box_13 .s_text,.box_14 .s_text{position:absolute; bottom:4px;left:10px;}
.box_05 .s_text{font-size:12px;margin-top:6px; display:block;line-height:1.8;}

.box_06 p{font-size:10px; padding-bottom:0;margin-bottom:-6px; line-height:0.5; height:10px;}
.box_06 .box_flex{padding-top:0px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; height:12px;}
.box_06 a, .box_03 a{text-decoration: none; color:#fff;}
.box_06 a:hover, .box_03 a:hover{color:red;}


/*footer box*/
.footer{ display: flex;width:1000px;}
.box_11{width:250px; padding:5px 10px; color:#fff; background-color:#ff4d52;}
.box_12{width:250px; padding:5px 10px; color:#fff; background-color:#003d7a;}
.box_13{width:250px; padding:5px 10px; color:#fff; background-color:#5321a7;}
.box_14{width:250px; padding:5px 10px; color:#fff; background-color:#f2c200;}

.box_11 .box_img img,.box_12 .box_img img,.box_13 .box_img img,.box_14 .box_img img{width:30px; height:auto; margin-bottom:10px;}



/*マーキング*/
.mark01{position:absolute; bottom:-10px;right:2px;}
.mark02{position:absolute; bottom:-40px;right:-10px;}
.mark_head{margin-right:1em;}
.triangle{position:absolute; bottom:3px;right:3px; width: 0;height: 0;border-style: solid;border-width: 0 0 10px 10px;border-color: transparent transparent #fff transparent;}
.triangle_2{position:absolute; bottom:3px;right:3px; width: 0;height: 0;border-style: solid;border-width: 0 0 10px 10px;border-color: transparent transparent #fff transparent;}

.m-br{display:none;}


/*************************************************
下層ページ
**************************************************/

.sub_contents{width:1000px; margin:0 auto;padding-top:165px; line-height:200%;}
.sub_title_bg{width:100%; margin:0 auto; background-color:#0066cc;padding-top:65px; height:50px;vertical-align: middle;position:fixed; z-index:9;}
.sub_title_bg .title{width:1000px;margin-right: auto; margin-left: auto;
  text-align: center;
font-size:26px; color:#fff;/*font-weight:bold;*/ position:relative;
margin-top:-3px; font-family:'Sawarabi Gothic';}
.sub_title_bg .title span{font-size:14px; margin-top:-5px;}
.sub_title_bg .title img{position:absolute; top:5px;left:2px; width:30px;
height:auto;}
.sub_title_bg .title p{padding-left:40px; margin:6px 0 0;}

.sub_head img{vertical-align: bottom;}
<!--ページタイトルバーの下の余白-->
.sub{background-color: #FFF; padding:30px 0;}
.sub_title{
  border-left:30px solid;
  font-size:20px;
  background-color:#2aa8e7;
  color: #fff;
  padding: 5px 0 5px 10px;
}
.title_online{
  border-left:30px solid;
  font-size:20px;
  background-color:#7700b3;
  color: #fff;
  padding: 5px 0 5px 10px;
}

.title01{border-left-color: #005ad4; }
.title02{border-left-color: #0d3f67}
.title03{border-left-color: orangered}
.title04{border-left-color: #4b0082}
.title05{border-left-color: blue}
.title06{border-left-color: #00956e}

.contents_box{width:800px; margin:20px auto 60px; /*background-color:#fdede4;*/ padding:10px; border-radius:10px;}
.sub_box_non{background-color: #fff; padding:0;}
.sub_box02,.sub_box03{display:flex;justify-content:space-around;flex-wrap: wrap;}
.sub_box03 .sub_img05{margin:0 150px;}
.sub_box06{display:flex;justify-content:space-around;}
.sub_box_osaka{margin:-30px 0px 0px 100px; padding:0;}
.danraku{ margin-top:50px;}

table.past { border-collapse:collapse; width: 100%; border: 2px solid #edc404; font-size: 14px; }
table.past th { font-size: 14px; font-weight: bold; color: #ffffff; background-color: #e3b709; text-align: center; vertical-align: middle; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-color: #edc404; border-bottom-color: #edc404; border-left-color: #edc404; padding: 5px; }
table.past td { vertical-align: middle; padding: 5px; text-align: center; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: dotted; border-left-style: solid; border-right-color: #edc404; border-bottom-color: #edc404; border-left-color: #edc404; }
table.past tr:nth-child(odd){ background-color: #faf7bc;}
table.past tr:nth-child(even){ background-color: #fffcdb;}

.contents_box ul{list-style-position:inside; margin-left:20px;}
.contents_box li{padding-left: 1em; text-indent: -1.5em;}

/*概要*/
.gaiyou dl{padding: 0 0 10px 0;; margin:0 0 10px 0;width: 100%; box-sizing:border-box; position: relative;border-bottom: 1px dotted #ccc;}
.gaiyou dt{ color: #666; float: left; width: 7em; text-align: center; font-weight: bold; display: table; padding: 5px 20px; background-color:#F6EAA6; border-radius:10px; position: absolute; top:0; left: 0; /*background-image: url(../img/img_contents_pattern.png);*/ }
.gaiyou dt span{ display: table-cell; vertical-align: middle; }
.gaiyou dd{ width: 100%; display: table; vertical-align: middle;padding: 10px 10px 10px 11em; box-sizing:border-box;background-color: #FFF; }
.gaiyou dd .big{ font-size: 17px;  }
.sub_box02 .gaiyou dl{}
.sub_box02 .gaiyou dt{}
.sub_box03 .gaiyou dt{width:9em; background-color:#009933; color:#fff;}
.sub_box03 .gaiyou dd{padding: 10px 10px 10px 12em;}
.gaiyou div img{width:240px; height:auto; border:2px solid #ccc; background-color:#eee; text-align:center; float:right;}


/*出展ご希望の方へ*/
.sub .flow{display:flex; margin-bottom:10px; border:2px solid #ccc; padding:10px;/*background-color:#fdede4;*/ border-radius:10px;}
.sub .flow .flow_01{font-size:26px; margin-right:1em;}
.sub .flow .flow_02 img{width:50px; height:auto; margin-right:1em; margin-top:-8px;}
.sub .flow .flow_03 span.addr{font-size:14px; border:1px solid red; display:block; padding:1em;}
.sub .flow .flow_03 span.tyu{font-size:16px; border:1px solid red; display:block; padding:1em; margin-bottom:4px;}
.flow_title{font-size:22px; font-weight:bold;}
.flow_yaji{text-align:center;}
.flow_yaji img{width:400px;}
.gokibou table{width:80%; margin:0 auto;}
.gokibou td,.gokibou th{padding:0.5em;text-align:left;white-space: nowrap;}

@media screen and (max-width: 640px) {
.g-tbl td,.g-tbl th{display:block !important; width:100% !important; white-space: normal !important;}
.g-tbl{border-right:none;}
}/*モバイル用*/

.gokibou th{background-color:#ccf2ff;}
.gokibou_setumei{margin:2em;}
.g-box01 p{font-size:1.5em; font-weight:bold; text-align:center;}
.g-box02 p{font-size:1.5em; font-weight:bold; text-align:center;margin-top:2em;}
.g-box01 span,.g-box02 span{display:block;}





/*出展者募集要項*/
img.youkou_img01,img.youkou_img02{width:100%; height:auto;}
.youkou dl{padding: 0 0 10px 0;; margin:0 0 10px 0;width: 100%; box-sizing:border-box; position: relative;border-bottom: 1px dotted #ccc;}
.youkou dt{ color: #fff; float: left; width: 7em; text-align: center; font-weight: bold; display: table; padding: 5px 20px; background-color:#0070c0; border-radius:10px; position: absolute; top:0; left: 0; /*background-image: url(../img/img_contents_pattern.png);*/ }
.youkou dt span{ display: table-cell; vertical-align: middle; }
.youkou dd{ width: 100%; display: table; vertical-align: middle;padding: 10px 10px 10px 11em; box-sizing:border-box;background-color: #FFF; }
.youkou dd .big{ font-size: 17px;  }
.youkou_box{padding:10px; margin-bottom:20px;}
.youkou_box p{font-size:18px; font-weight:bold;}
.youkou_box2{padding:10px; margin-bottom:20px; border:2px solid #bbb;}
.youkou div img{width:100%; height:auto; border:2px solid #ccc; background-color:#eee; text-align:center; }
.sub_box03 .youkou p{background-color:#cc0000; color:#fff; text-align:center; padding:10px 0;}

.youkou_img01,.youkou_img02{margin-bottom:20px;}

.youkou .takuji_title{font-weight:bold;}
.youkou .takuji_bun{margin-left:2em;}

.promo_title{font-size:110%; font-weight:bold;}
.promo_txt{margin-left:1em;}
.promo_box{background-color:#d3edfb; padding:1em; margin-bottom:1em;}
.promo_box_1{background-color:#d3edfb; padding:1em; margin-bottom:1em;text-align: center;}
.promo_box_2{background-color:#d3edfb; padding:1em; margin-bottom:2em;}
.promo_box2{color:#fff; background-color:#00a1e9; padding:0.3em;}
.promo_box3{color:#fff; background-color:#ff0000; padding:0.3em; text-align: center;}
.promo_box4{color:#fff; background-color:#003366; padding: 1em 5em; text-align:center;font-size:16px;}
.promo_box5{color:#fff; background-color:#003366; padding:0.3em; text-align: center;margin:0 300px 10px 300px;}
.promo_box_3{background-color:#003366; padding:1em; margin-bottom:1em;text-align: center;}
.promo_box_4{background-color:#c1ffe0; padding:1em; margin-bottom:1em; text-align: center;}
.promo_imgBOX{display: flex; justify-content:space-between;}



.sa_free{font-size:14px; background-color: #CC0033; color:#fff; border-radius:6px; padding: 0.2em 0.8em; margin-left: 25em; font-weight: normal; letter-spacing: 1px;}




/********** 申請書 ***********/

.tbl,.tbl td,.tbl th{border-collapse: collapse; border:solid 1px #000; padding:10px 10px;}
.tbl{ width:900px; margin:0 auto;}
.tbl td.title{text-align:center; background-color:#000; color:#fff; font-size:250%; font-weight:bold;}
.item{width:180px; text-align:center;}/*会社名など*/
.item2{ padding-left:1em;}/*〇付の項目*/
.item3{width:100px; text-align:center;}/*担当部署など*/
.entry{width:200px; padding-left:0.5em;}/*記入欄など*/
.total{ text-align:right;}
.al-r{text-align:right;}
.al-c{text-align:center;}
.brd-r-non{border-right:hidden !important;}
.inkan{text-align:right; padding-right:20px !important;}



/* サイトマップ */

.sitemap{width:900px; margin:20px auto; display:flex;flex-wrap: wrap;}
p.sitemap_text{font-size:18px;width:900px;margin:20px auto 0 ;}

.sitemap div{text-align: center; width:210px; height: 70px; background: #00b0f0; margin:5px;}
.sitemap .site01{background: #006bd2;}
.sitemap .site02{background: #ed7d31;}
.sitemap .site03{background: #767171;}
.sitemap .site04{background: #f2c400;}
.sitemap .site05{background: #3498db;}
.sitemap .site06{background: #006600;}
.sitemap .site07{background: #0099CC;}


.sitemap a{
  display: inline-block;
  position: relative;
  background: none;
  border: none;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  margin: 10px 10px 10px 10px;
  background: rgba(0,0,0,0.03);
  text-decoration:none;
}
.sitemap span{
  display: block;
  padding: 10px 10px 10px 10px;
  width:170px;
}
.sitemap a::before, a::after{
  content:"";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}

.sitemap span::before, span::after{
  content:"";
  width:2px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
  background: #fff;
}
.sitemap a:hover::before, .sitemap a:hover::after{
  width: 100%;
}
.sitemap a:hover span::before,.sitemap a:hover span::after{
  height: 100%;
}
/*----- button 1 -----*/
.sitemap .btn-1::before, .sitemap .btn-1::after{
  transition-delay: 0.2s;
}
.sitemap .btn-1 span::before, .sitemap .btn-1 span::after{
  transition-delay: 0s;
}
.sitemap .btn-1::before{
  right: 0;
  top: 0;
}
.sitemap .btn-1::after{
  left: 0;
  bottom: 0;
}
.sitemap .btn-1 span::before{
  left: 0;
  top: 0;
}
.sitemap .btn-1 span::after{
  right: 0;
  bottom: 0;
}
.sitemap .btn-1:hover::before, .sitemap .btn-1:hover::after{
  transition-delay: 0s;
}
.sitemap .btn-1:hover span::before, .sitemap .btn-1:hover span::after{
  transition-delay: 0.2s;
}



//ボタン
.wrap_btn {
  margin: 0 auto;
  text-align: center;
  clear: both;
}
#btn {
  margin: 0 auto;
  text-align: center;
  clear: both;
  padding-bottom:40px;
}
.mod_btn_next {
  width: 50%;
  padding: 22px 0;
  display: inline-block;
  text-align: center;
  font-size: 22px;
  line-height: 1;
  background: #0b3080;
  color: #fff;
  border: 1px solid #0b3080;
  border-radius: 6px;
  cursor: pointer;
}
a.mod_btn_next,
a.mod_btn_next:link,
a.mod_btn_next:visited,
a.mod_btn_next:hover,
a.mod_btn_next:active{
  text-decoration: none;
  color: #fff;
}





/*topへ戻る*/
.crunchify-top:hover {
color: #fff !important;
background-color: #ed702b;
text-decoration: none;
}

.crunchify-top {
display: none;
position: fixed;
bottom: 1rem;
right: 1rem;
width: 3.2rem;
height: 3.2rem;
line-height: 3.2rem;
font-size: 1.4rem;
color: #fff;
background-color: rgba(0,0,0,0.3);
text-decoration: none;
border-radius: 3.2rem;
text-align: center;
cursor: pointer;
}













.sub_title1{
  border-left:30px solid #003366;
  font-size:20px;
  border-bottom:1px solid #003366;
  color:#003366;
  padding: 5px 0 5px 10px;
}