* {margin: 0; padding: 0;}

.br-sp{display: none;}

.wrapper{width: 100%; text-align: center; padding-top:80px;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }
.contents{width: 100%; height:100%; background-image: url(../img/new/footer_img.png) ; background-size:100% ;  background-position:center bottom; background-repeat:no-repeat;}
/* contents ****************************/
.main_contents{max-width: 100%;  width: 100%; margin-left:auto; margin-right: auto; line-height: 180%; padding-top:0px; padding-bottom: 100px;}

/***ページトップへ戻る******************************************/
#page_top{ width: 40px; height: 40px; position: fixed; right: 0; bottom: 10px; background: #961818; opacity: 0.6; }
  #page_top a{ position: relative; display: block; width: 40px; height: 40px; text-decoration: none; }
  #page_top a::after{ content: '▲'; font-size: 14px; font-weight: bold; color: #fff; position: absolute; top: 10px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}
/*ぬるぬる*/
html{scroll-behavior: smooth;}
/*ページ内リンク*/
.anchor{  display: block;  padding-top: 80px;  margin-top: -80px; z-index: -9999;}



/* header & Navi ************************/
header{ width: 100%;  margin-bottom: 0em; position: fixed; border-bottom: 1px solid #003366; z-index:200 ; top:0; left:0;
  background-image: url(../img/head_haikei.jpg); background-position: left top;	background-repeat: no-repeat;	background-size: cover;}
area{border:none; outline:none; onFocus="this.blur();"}
nav{display:flex; justify-content:space-between; align-items: center; width:1100px; height:80px; padding:0;  margin-left:auto; margin-right: auto; position: relative; }
.ichiran_btn{position: fixed; top: 12px; left: 0; right: 0;  margin: auto; z-index: 1000; width:250px; height:54px;}

/*ナビゲーション 枠付きボタンタイプ******************************************************************************************************************************
.header_navi{width: 30%;}
.header_navi ul{display: flex; justify-content:flex-end;	padding: 0 ;	}
.header_navi ul li{flex: 1 0 auto; list-style-type: none; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.header_navi ul li+li{border-left: 0; border-right: 1px solid #fff;}
.header_navi ul li a{display: block;  padding: 4px 6px; color: #fff; text-align: center; text-decoration: none; color: #000; font-size: 16px;}
.header_navi ul li a:hover{background-color: #996600; color:#fff; font-weight: 700;}
@media all and (-ms-high-contrast: none){/*IE対策*/
  .header_navi ul li a{padding-top:6px;}
}*/
.Toggle{
 display: none;
}

/*ドロップダウンメニュー*/
.header_navi{width:30%;}
#menu{ list-style-type: none; width: 600px; height: 40px; padding: 0; z-index: 99999;}
#menu li{position: relative; width: 30%; float: left; margin: 0; padding: 0; text-align: center; z-index: 99999;}
#menu li a{display: block; margin: 0; padding: 13px 0; color: #000; font-size: 16px; line-height: 1; text-decoration: none;}
#menu li ul{list-style: none; position: absolute; top: 100%; left: 0; margin: 0; padding: 0;}
#menu li:last-child ul{left: 0%; width: 100%}
#menu li ul li{overflow: hidden; width: 100%; height: 0; color: #fff; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;}
#menu li ul li a{padding: 13px 13px; background: #5c3723; text-align: left; font-size: 12px; font-weight: normal; border: 1px solid #fff; color:#fff;}
#menu li:hover > a{background: #996600; color: #fff;}
#menu li:hover ul li{overflow: visible; height: 38px; border-bottom: 1px solid #000;}
#menu li:hover ul li:first-child{border-top: 0;}
#menu li:hover ul li:last-child{border-bottom: 0;}




/*ナビゲーション
nav ul{display: flex;	justify-content:flex-end; margin: 0 auto;	padding: 0 1%;	width: 94%;}
nav ul li{list-style-type: none; }
nav ul li a{display: block;  padding: 8px 6px; color: #000; text-align: center; text-decoration: none; font-size: 15px; }*/

/*ヘッダー画像*/
/*.header_img{width:100%; height:auto;}
svg{width:100% !important;}*/

/*@media screen and (-webkit-min-device-pixel-ratio:0){
  svg{height:auto;}
  svg{width:100% !important;}
}
@media all and (-ms-high-contrast: none){
  .wrapper{padding-top:0;}
  .header_img{margin-top:80px;}
  svg{height:100vh; min-height:100vh; max-width: 100%;}
  #svg_header,#svg_header image{height:100vh;}
}*/

.header_img{height:calc(100vh - 70px); width:auto; position: relative; background-image:url(../img/new/01_header_1030.png) ;background-position: center center;
  	background-repeat: no-repeat;	background-size: cover;}
.header_img img{position: absolute; top:45%;left:60%;}
@media all and (-ms-high-contrast: none){/*IE対策*/
  .header_img{max-width: 100%;}
  .header_img img{left:65%;}
}



/*ロゴ*/
.logo_h,.logo_f{width:180px !important; height:42px;}
nav h1{width:180px !important;}



/* contents ****************************/
/*.main_contents_bg{background-image: url(../img/background_img.png); background-size: cover; background-repeat: no-repeat; }
.main_contents{ width: 1100px; margin-left:auto; margin-right: auto; padding-bottom: 6em; line-height: 180%;}*/

.info_box{display:flex; justify-content: center; margin:0 auto; width: 800px; height:180px;}
.info_img{width:40%;}
.info_txt{background-color: #07552b; width:50%; color:#fff; text-align: left; padding: 10px 20px;}
.info_banner{padding-top:30px;}
.info_banner img{width:70%; height:auto;}


/*背景画像*/
.top_info,.special_talk,.special_seminar,.event,.other{width:1100px; margin: 0 auto;}
.top_info_bg{background-image: url(../img/new/background_img_01.png); background-size: cover; background-repeat: no-repeat; padding-bottom: 4em; background-position: center center;}
.special_talk_bg{background-image: url(../img/new/background_img_02.png); background-size: cover; background-repeat: no-repeat;  padding-bottom: 4em; background-position: center center;}
.event_bg{background-image: url(../img/new/background_img_03.png); background-size: cover; background-repeat: no-repeat;  padding-bottom: 4em; background-position: center center;}
/*.other_bg{background-image: url(../img/new/background_img_04.png); background-size: cover; background-repeat: no-repeat;  padding-bottom: 6em; background-position: bottom;}*/



/*スペシャル企画対談*/
.special_talk{position: relative;}
.special_talk_txt{background-color: rgba(255,255,255,0.5); border-radius: 20px; width:600px; margin:0 auto; text-align: left; padding:10px 0;}
.special_talk_txt div{font-size: 22px; color: #07552b; font-weight: bold;line-height: 180%; width: 440px; margin: 0 auto;}
.special_talk_txt .txt02{margin-left:3em;}
.special_talk_txt .txt03{margin-left:6em;}
.speciai_date{position: absolute; top:100px; left:180px;}

.special_talk_guest{display: flex; justify-content: space-around; margin-top: 40px;}
.special_talk_guest .guest01,.special_talk_guest .guest02{width:35%;}
.special_talk_guest .guest01{margin-left: 50px;}
.special_talk_guest .guest02{margin-right: 50px;}
.special_talk_guest h3{font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 0;}
.special_talk_guest p{text-align: left;}
.special_talk_guest .talk_img{margin-top: 30px;}

/*特別講演*/
.special_seminar{position: relative;}
.special_seminar_txt{background-color: rgba(255,255,255,0.5); border-radius: 20px; width:600px; margin:0 auto; text-align: left; padding:10px 0;}
.special_seminar_txt div{font-size: 22px; color: #07552b; font-weight: bold;line-height: 180%; width: 440px; margin: 0 auto;}
.special_seminar_txt .txt02{margin-left:1em;}
.seminar_date{position: absolute; top:100px; left:180px;}

.special_seminar_teacher{display:flex; justify-content: center; width:900px; margin:40px auto 0;}
.special_seminar_teacher img{width:200px; height:200px;}
.special_seminar_teacher .teacher01{width:50%; text-align: left; margin-left: 2em;}
.special_seminar_teacher .teacher01 h3{font-size: 30px; font-weight: bold; margin-bottom: 0;}

/*イベント*/
.event{position: relative;}
.event_date{position: absolute; top:180px; left:180px;}
.event_contents01{width:580px; display: flex; margin-left:350px; margin-right: auto;}
.event_contents01_txt{}
.event_contents01_txt h3{font-size: 30px; font-weight: bold; margin-bottom: 0;}
.event_guest{text-align: center;}
.event_guest h3{font-size: 30px; font-weight: bold; margin-bottom: 0; text-align: center;}
.event .live_deliver{margin: 2em 0;}
.event .live_stage{margin-bottom: 2em;}
.event .live_stage_txt{width:600px; margin:0 auto; text-align: left;}

.live_guest{display: flex; justify-content: center; margin-top:2em}
.live_guest01{margin-right: 40px;}
.live_guest02{margin-left: 40px;}
.live_guest01 h3,.live_guest02 h3{font-size: 30px; font-weight: bold; margin-bottom: 0; text-align: center;}


/*その他*/
.other{padding-top:40px;}
.facebook_title{color: #07552b; font-size: 24px; font-weight: bold; text-align: center; }
.facebook_img{margin:0 auto; border:1px solid #ccc; width:372px; background-color: #fff;}
.other_title{color: #07552b; font-size: 24px; font-weight: bold; text-align: center; margin:40px auto 20px;}
.other_txt{background-color: #fee100; color:#5c3724; width:800px; margin: 0 auto; padding: 20px 40px; box-sizing: border-box;}
.other_txt h3{font-size: 20px; font-weight: bold; text-align: center;}
.other_txt h4{background-color: #5c3724; color:#fff; border-radius: 10px; font-weight: normal; text-align: left; padding-left: 36px; margin-bottom: 20px;}
.other dl{display: flex; flex-wrap: wrap; }
.other dt{background-color: #5c3724; color:#fff; border-radius: 10px; width:140px; height:30px; line-height: 30px;margin-bottom: 20px;;}
.other dd{width:60%; margin-left: 40px; text-align: left;}
.other ul li{list-style: none; text-align: left; margin-left: 50px;}
.pdf_btn{background-color: #5c3724; border-radius: 20px; width:60%; margin:40px auto; height:40px;}
.pdf_btn a{display: block; text-decoration: none; color: #fff; font-size: 24px; line-height: 40px;}



/*Whats New*/
.w_new{ width:800px;  margin-left: auto; margin-right: auto; padding: 0.5em 1em;
  min-height: 120px; height: auto !important; height: 120px; background-color: rgba(255,255,255,0.8);}
.ttl{font-size: 120%; font-weight: bold; color: #045FB4;  padding: 10px 0; border-bottom: solid 2px #045FB4; text-align: left;}
.topics dl { display:flex;   padding: 15px 0; border-bottom: 1px solid #ccc; text-align: left;}
.topics dt { padding-bottom: 5px; }
.topics dd { margin-left: 4em;}


.top_h2{text-decoration: underline; margin:0 auto 2em; padding-top: 4em;}
h2.con_h2{display:block; text-align: center; margin:4em auto 2em; font-size: 24px;}
h2.con_h2 span{font-size: 13px; color: red;}

.pr_box{display: flex;  width:75%; margin:0 auto 4em;}
.pr_box img{width:313px; height:184px; flex-shrink: 0}
.pr_txt_box{text-align: left;  margin-left:3em;}
.pr_title{font-size: 24px; font-weight: 700; }
.pr_txt{width:100%; font-size: 16px;}

h3{display: block; font-weight:normal; text-align: left; margin:0 auto 2em; font-size: 16px;}
h3.block01{width:49%;}
h3.block02{width:66%;}
.virtual_box{display: flex; justify-content:space-between; width:100%; margin:0 auto 2em; font-size: 16px;}
.virtual_box div{margin:0 0.5em; text-align: center; width:305px;}
.virtual_txt{text-align: left;}
.virtual_box img{border: 1px solid #ccc;}

.real_box{display: flex; justify-content:center;  width:75%; margin:0 auto 4em;}
.real_box div{margin:0 1em; text-align: center;}


.btn a{display: block; width:350px !important; margin:0 auto; background-color: #003366; border-radius: 30px; padding:1em 2em; text-align: center;
       text-decoration: none; color:#fff; font-weight: 700; font-size: 120%;}
.btn a:hover{background-color: #fff; color: #003366; border:1px solid #003366;}
.entry{margin-bottom: 15em; margin-top: 10em;}


.old_contets{margin-top:2em; display: flex; justify-content:center;  width:75%; margin:0 auto 4em;}
.old_contets div{margin:0 1em; text-align: center;}
.old_contets_title{font-size :22px; }


/* Footer *************************************/
footer{background-color: #ffe100; text-align: center; margin-top: 0em; height:100px;}
.footer_contents{width:1100px; padding:0.5em 2em; margin:0 auto; display: flex; }
.footer_contents img{margin-top:1em;}
.footer_contents p{margin-left:4em; margin-top: 0em; text-align: left;}
.footer_contents p span{font-size: 18px; font-weight: bold; line-height: 180%;}
@media all and (-ms-high-contrast: none) {
  /* IEのみに適用 */
  .footer_contents p span{line-height: 220%; margin-top:1em;}
}



/****************************************************************************

下層ページ

*****************************************************************************/
.page_title{width:100%; background-color:#5c3723 ; padding:1em 0; text-align: left; }
.page_h2{ display: block; width: 1100px; margin-left:auto; margin-right: auto; font-size: 24px; font-weight: 800; color:#fff;}

.page_contents{background-color: rgba(255,255,255,0.55); width: 1100px; margin: 0 auto; padding: 0 0 50px 0;}
.page_h3{display: block; margin:2em 0; border-left: 20px solid #ffe100; font-size: 24px; font-weight: bold; padding-left: 0.5em;}
.page_h4{display: block; text-align: left; font-size: 22px; margin:1em 0;}
.page_box{margin-left:8em; text-align: left;}
.page_contents dl{display: flex; align-items: center; border-bottom: 1px dotted #ccc; margin:1em 0; padding:1em 0;}
.page_contents dt{width:22%; background-color:#f5cd1b; border-radius: 10px; padding:0.5em 1em; text-align: center; font-weight: bold;}
.page_contents dd{padding-left: 4em;}

.page_box p.note{margin-left: 2em; color: red;}
.page_box p.note::before{content: "◆ ";}
.page_box p.note a{border: 1px solid red; padding:2px 4px;}

.page_box ul{margin-left: 2em;}
.page_box ul li{color: red;}




/*出展者ステージ*/
.stage_contents{ padding-top: 100px; background-image: url(../img/new/schedule_bg.png);}
.stage_contents h2{background-color: #ffe100; color: #664309; padding:15px 0; font-size: 32px;}
.stage_contents h3{background-color: #fa783e; color: #fff; padding:15px 0; font-size: 32px; text-align: center; font-weight: bold;}
.stage_contents .live_video{margin: 40px auto;}
.stage_contents table{margin: 0; border-collapse: collapse;}
.stage_contents table th,.stage_contents table td {border: solid 1px black; font-size: 14px; padding:10px; line-height: 100%;}
.stage_contents table tr *:nth-child(1){width: 95px;}
.stage_contents table tr *:nth-child(2){width:136px;}
.stage_contents table tr *:nth-child(3){width:197px; text-align: left;}
.stage_contents table th{background-color: #959794; color:#fff; text-align: center !important;}
.stage_contents table tr.pink td{background-color: #fde7ef; line-height:20px;}
.stage_contents table tr.green td{background-color: #dbe7ce; line-height:20px;}
.stage_contents table tr.beige td{background-color: #fff7e6; line-height:20px;}
.stage_contents .program_contents{display: flex; justify-content:space-between; width:1000px; margin:0 auto;}
.stage_contents .program_contents p{width:100%; text-align: center; background-color: #07552b;}
.stage_contents .program_contents p img{}

/*Video*/
.video_contents{ padding-top: 30px; margin-bottom: 10px;}
.video_contents .video_txt{text-align: left;}
.video_contents .video_txt h2{background-color: #e4f1bb; border-left: 4px solid #a7bb62;padding-left:0.5em; margin:10px 0; padding:10px;}
.video_contents .video_txt p{}
.video_contents td.sub{background-color:#a7bb62; text-align: left; padding-left: 1em;}
.video_contents td.txt{text-align: left; padding-left: 0.5em;}


/*イベントコンテンツ*/
.event_contents{ padding-top: 100px; background-image: url(../img/new/event_bg.png); background-repeat: no-repeat;}
.event_contents h3{background-color: #fa783e; color: #fff; padding:5px 0; font-size: 32px; text-align: center; font-weight: bold;}
.event_contents h4{padding:5px 0; font-size: 20px; text-align: center; font-weight: bold;}
.event_contents h3.lecturer_name{font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 0; background-color:transparent; color:#000;}
.event_contents .project_contents{ width: 800px; margin: 20px auto; text-align: left; color:#180901; background-color: #fff; padding: 10px;}
.event_contents .project_contents::after,.event_contents .project_contents::before{content: ""; display: table;}
.event_contents .project_contents::after{ clear: both;}
.event_contents .project_contents .project_company{ font-size: 24px; font-weight: bold; margin-bottom: 5px;}
.event_contents .project_contents .project_video{float:left; margin-right: 10px;}
.event_contents .project_contents .project_name{font-size: 18px; font-weight: bold;}
.event_contents .project_contents .project_txt{font-size: 16px;}

/*出展者一覧*/
.exhibitor_contents{ background-image: url(../img/new/exhibitor_bg.png); background-repeat: no-repeat; text-align: left; padding-top: 50px;}
.exhibitor_page{width:900px; margin:0 auto;}
.exhibitor_box{margin-bottom: 60px;}
.exhibitor_map h2{background-color: #075629; color: #fff; padding:15px 0; font-size: 32px; text-align: center;}
.exhibitor_map p{margin-top:10px;}
.exhibitor_map img{display: block; margin:0 auto;}


/*バイヤーの皆様へ*/
.buyer_contents{padding-top: 50px; background-image: url(../img/new/buyer_bg.png); background-repeat: no-repeat;}
.buyer_contents h2{text-align: left;}
.buyer_box{display: flex; text-align: left; margin-bottom: 80px; margin-left: 8em;}
.buyer_box .buyer_name{font-size: 24px; margin-left: 20px; font-weight:bold; margin-right:7em;}
.buyer_box .buyer_txt{font-size: 16px; font-weight: normal; margin-top:10px;}
.buyer_box .buyer_img{border:solid 1px #000; min-width:240px; max-width: 240px; height:auto; text-align: center; display: table;}
.buyer_box .buyer_img img{width:auto; max-width: 100%; height:auto; display: table-cell; vertical-align:middle; margin: 0 auto;}

.buyer_map {display: flex; text-align: left; margin-left: 8em;}
.buyer_map .map_name{font-size:18px; font-weight: bold;}
.buyer_map .map_txt{font-size: 14px;}
.buyer_map .g_map{margin-left: 20px;}


/*スタンプラリー*/
.stamp_contents{padding-top: 50px; background-image: url(../img/new/stamp_bg.png); background-repeat: no-repeat;}
.stamp_top{display: flex; justify-content:center; align-items: center;}
.stamp_top .stamp03{display: none;}
.stamp_top h2{font-size:40px;}
.stamp_center h3{margin: 0 auto; text-align: center; font-size: 24px; font-weight: bold;}
.stamp_center h3 span{color:red}
.stamp_point{width:675px; height:87px; background-color:#D8600E; margin:20px auto; display: table;}
.stamp_point p{font-size: 24px; color:#fff; display: table-cell; vertical-align: middle;}
.stamp_point p span{font-size: 72px; color:#000; font-weight: bold; vertical-align: middle; display: inline-block; margin:0 20px 5px 50px;}
.stamp_ɡift{border:5px solid #D8600E; width:998px; height:260px; box-sizing: border-box; margin:0 auto; position: relative;}
.gift_title{font-size:24px; font-weight: bold; margin-bottom: 20px;}
.gift_corner{display:flex; justify-content:space-around; flex-wrap: wrap;}
.gift_box{width:100px;}
.gift_box p{width:100px; font-size: 12px; line-height:100%;}
.gift_waku{border:1px solid #000; width:90px; height:90px; background-color: #fff;}
.gift_waku img{width:90px; height:90px; object-fit:scale-down;}
.stamp_ɡift .center_box{position: absolute; top:0; right:0; bottom: 0; left:0; margin:auto; width:933px; height:181px;}
.stamp_bottom{display: flex; justify-content: space-between; width:998px; margin:0 auto; box-sizing: border-box;}
.gift_law{text-align: left;}
.stamp_contact{text-align: left;}




.pc_iframe{display: block;}
.sp_iframe{display: none;}



/*お問合せ*/
.otoiawase{width:1000px; margin:120px auto !important;}













/***********************************************************************************************************************************************************
************************************************************************************************************************************************************
スマホ　レスポンシブ対応用
**********************************************************************/

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


  .pc_iframe{display: none;}
  .sp_iframe{display: block; margin: 0 auto !important;}

    img{max-width: 100%;}
    .info_box{display:flex; flex-wrap: wrap; justify-content: center; margin:0 auto; width: 100%; height:auto;}
    .info_img{width:90%;}
    .info_txt{background-color: #07552b; width:100%; color:#fff; text-align: left; padding: 10px 5px;}
    .info_banner{margin-top:20px;}

    .mypage_link{display:none;}
    a.banner_2020{top:80px !important; right:0rem !important; left:60% ;}
    a.banner_2020 img{width:50% !important; height:auto;}

    .top_h2{text-decoration: underline; margin:0 auto 0em; padding-top: 0em; font-size: 18px;}


    /*背景画像*/
    .top_info,.special_talk,.special_seminar,.event,.other{width:90%; margin: 0 auto; }
    .top_info_bg{background-image: none; background-size: cover; background-repeat: no-repeat; padding-bottom: 4em; width:100%;}
    .special_talk_bg{background-image: url(../img/new/background_img_02.png); background-size: cover; background-repeat: no-repeat;  padding-bottom: 4em; width:100%;}
    .event_bg{background-image: url(../img/new/background_img_03.png); background-size: cover; background-repeat: no-repeat;  padding-bottom: 4em; width:100%;}
    .other_bg{background-image: url(../img/new/background_img_04.png); background-size: cover; background-repeat: no-repeat;  padding-bottom: 4em; width:100%;}



      /*スペシャル企画対談*/
    .special_talk{position: relative;}
    .special_talk_txt{width:100%; margin:0 auto; text-align: left; padding:10px 0;}
    .special_talk_txt div{font-size: 22px; color: #07552b; font-weight: bold;line-height: 180%; width: 100%; margin: 0 auto;}
    .special_talk_txt .txt01{margin-left:0em; text-align: center;}
    .special_talk_txt .txt02{margin-left:0em; text-align: center;}
    .special_talk_txt .txt03{margin-left:0em; text-align: center;}
    .speciai_date{position: relative; top:0px; left:0px;}

    .special_talk_guest{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px;}
    .special_talk_guest .guest01,.special_talk_guest .guest02{width:100%;}
    .special_talk_guest .guest01{margin-left: 0px;}
    .special_talk_guest .guest02{margin-right: 0px;}
    .special_talk_guest h3{font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 0;}
    .special_talk_guest p{text-align: left; width:95%;}
    .special_talk_guest .talk_img{margin-top: 30px;}

    /*特別講演*/
    .special_seminar{position: relative;}
    .special_seminar_txt{width:100%; margin:0 auto; text-align: left; padding:10px 0;}
    .special_seminar_txt div{font-size: 22px; color: #07552b; font-weight: bold;line-height: 180%; width: 440px; margin: 0 auto;}
    .special_seminar_txt .txt02{ margin: 0 0 0 10px !important; margin-left:1em;}
    .seminar_date{position: relative; top:0px; left:0px;}

    .special_seminar_teacher{display:flex; flex-wrap: wrap; justify-content: center; width:100%; margin:40px auto 0;}
    .special_seminar_teacher .teacher01{width:100%; text-align: center; margin-left: 0em;}
    .special_seminar_teacher .teacher01 h3{font-size: 30px; font-weight: bold; margin-bottom: 0; text-align: center;}

    /*イベント*/
    .event{position: relative;}
    .event_date{position: relative; top:0px; left:0px;}
    .event_contents01{width:100%; display: flex; flex-wrap: wrap; margin-left:auto; margin-right: auto;}
    .event_contents01_txt{text-align: center;}
    .event_contents01_txt h3{font-size: 30px; font-weight: bold; margin-bottom: 0; text-align: center;}
    .event_guest{text-align: center; margin:0 auto}
    .event_guest h3{font-size: 30px; font-weight: bold; margin-bottom: 0; text-align: center;}
    .event .live_deliver{margin: 2em 0;}
    .event .live_stage{margin-bottom: 2em;}
    .event .live_stage_txt{width:100%; margin:0 auto; text-align: left;}

    .live_guest{display: flex; flex-wrap: wrap; justify-content: center; margin-top:2em}
    .live_guest01{margin-right:0px;}
    .live_guest02{margin-left:0px;}
    .live_guest01 h3,.live_guest02 h3{font-size: 30px; font-weight: bold; margin-bottom: 0; text-align: center;}


    /*その他*/
    .other{padding-top:40px;}
    .facebook_title{color: #07552b; font-size: 24px; font-weight: bold; text-align: center; }
    .facebook_img{margin:0 auto; border:1px solid #ccc; width:100%;}
    .other_txt{background-color: #fee100; color:#5c3724; width:100%; margin: 0 auto; padding: 20px 40px; box-sizing: border-box;}
    .other_txt h3{font-size: 20px; font-weight: bold; text-align: center;}
    .other_txt h4{background-color: #5c3724; color:#fff; border-radius: 10px; font-weight: normal; text-align: left; padding-left: 36px; margin-bottom: 20px;}
    .other dl{display: flex; flex-wrap: wrap; }
    .other dt{background-color: #5c3724; color:#fff; border-radius: 10px; width:100%; height:30px; line-height: 30px;margin-bottom: 20px;;}
    .other dd{width:100%; margin-left: 0px; text-align: left;}
    .other ul li{list-style: none; text-align: left; margin-left: 10px;}
    .pdf_btn{background-color: #5c3724; border-radius: 20px; width:100%; margin:40px auto; height:40px;}
    .pdf_btn a{display: block; text-decoration: none; color: #fff; font-size: 12px; line-height: 40px;}


    /*Whats New*/
    .w_new{ width:800px;  margin-left: auto; margin-right: auto; padding: 0.5em 1em;
      min-height: 120px; height: auto !important; height: 120px;}
    .ttl{font-size: 120%; font-weight: bold; color: #045FB4;  padding: 10px 0; border-bottom: solid 2px #045FB4; text-align: left;}
    .topics dl { display:flex;   padding: 15px 0; border-bottom: 1px solid #ccc; text-align: left;}
    .topics dt { padding-bottom: 5px; }
    .topics dd { margin-left: 4em;}





      .br-sp{display: block;}

      .wrapper{max-width: 100%; width: 100%; text-align: center; padding-top:45px; overflow:hidden;
        font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }
      .contents{width: 100%; height:100%; background-image: url(../img/new/footer_img.png) ; background-size:100% ;  background-position:center bottom; background-repeat:no-repeat;}
      /* contents ****************************/
      .main_contents{max-width: 100%;  width: 100%; margin-left:auto; margin-right: auto; line-height: 180%; padding:0px 0px 100px 0px; box-sizing: border-box;}

      /***ページトップへ戻る******************************************/
      #page_top{ width: 40px; height: 40px; position: fixed; right: 0; bottom: 10px; background: #961818; opacity: 0.6; }
        #page_top a{ position: relative; display: block; width: 40px; height: 40px; text-decoration: none; }
        #page_top a::after{ content: '▲'; font-size: 14px; font-weight: bold; color: #fff; position: absolute; top: 10px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}
      /*ぬるぬる*/
      html{scroll-behavior: smooth;}
      /*ページ内リンク*/
      .anchor{  display: block;  padding-top: 80px;  margin-top: -80px; z-index: -9999;}



      /* header************************/
      header{max-width: 100%;  width: 100%;  margin-bottom: 0em; position: fixed; border-bottom: 1px solid #003366; z-index:200 ; top:0; left:0;
        background-image: url(../img/head_haikei.jpg); background-position: left top;	background-repeat: no-repeat;	background-size: cover;}
      area{border:none; outline:none; onFocus="this.blur();"}

      .header_img{max-width: 100%; height:66vh; position: relative; background-image:url(../img/new/sp_fastview_img2x.png); background-position: top center;
          background-repeat: no-repeat;	background-size:cover; }
      .header_img img{ width:80%; height:auto; position: absolute; top:590px; left:10%; right:0;}
      .ichiran_btn{position: absolute;  top:115px; left:0;  z-index: 00; width:250px;}
      .index_ichiran_btn{top:580px;}
      header iframe{position: absolute !important; top:280px !important; left:10% !important;}

      .top_contents{padding-top:220px;}






    /*ドロップダウンメニュー*/
    .header_navi{width:30%;}
    #menu{ list-style-type: none; width: 80%; height: 100vh; padding: 0; display: flex; flex-direction:column; }
    #menu li{position: relative; width: 100%; margin: 0; padding: 0; text-align: left; padding-left:20px;padding-top: 20px;}
    #menu li a{display: block; margin: 0; padding: 13px 0; color: #000; font-size: 16px; line-height: 1; text-decoration: none;}
    #menu li ul{/*display: flex; flex-direction:column;*/ list-style: none; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
    /*#menu li:last-child ul{left: -1%; width: 100%}*/
    #menu li ul li{ padding-left: 20%; padding-top: 10px;; width: 80%; height: 30px;  color: #000; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;}
    #menu li ul li a{padding: 10px 12px; text-align: left; font-size: 14px; font-weight: normal; border: 0px solid #fff; color:#000;background-color: transparent;}
    #menu li ul li a::before{content: "▶";}
    /*#menu li:hover > a{background: #CCC58E; color: #000;}
    #menu li:hover ul li{overflow: visible; height: 38px; border-bottom: 1px solid #000;}
    #menu li:hover ul li:first-child{border-top: 0;}
    #menu li:hover ul li:last-child{border-bottom: 0;}*/

    /* Navi */
    nav{display:inline; flex-wrap: nowrap;  flex-direction:column; justify-content:space-between; align-items: center; width:100%; height:80px; padding:0;
      margin-left:auto; margin-right: auto;  position: static; }
    /*ul{display:flex; flex-direction:column; padding: 0 ;	width: 60%;}
    ul li{flex: none; list-style-type: none; border-left: 0px solid #fff; border-right: 0px solid #fff;}
    ul li+li{border-left: 0; border-right: 0px solid #fff;}
    ul li a{display: block;  padding: 4px 2px; color: #fff; text-align: center; text-decoration: none; background-color: none; font-size: 13px;}
    ul li a:hover{background-color: #996600; color:#fff; font-weight: 700;}*/

    .drawer{ display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;  position: absolute;  height: 70px;  padding: 0 1em; }
    /*.header_navi ul li a {display:block; font-weight:bold; padding: 2em; border-bottom: 1px dotted #CCC;  color:#333; text-decoration:none; background-color:#FFE599; }
    .header_navi ul li a:hover {background-color:rgba(0,0,0,0.5); color:orange;}*/

    .header_navi{position: absolute; text-align:center; background-color:rgba(255,255,255,0.9);
    transition: .5s ease;/*滑らかに表示*/ -webkit-transform: translateX(200%); transform: translateX(200%);/*左に隠しておく*/  width:80%; z-index: 1000;}
    /*OPEN時の動き*/
    .header_navi.open {-webkit-transform: translateX(30%); transform: translateX(30%);/*メニューを元の位置へ戻す*/ }
    /*トグルボタンのスタイルを指定*/
    .Toggle {display: block; position: fixed; /* bodyに対しての絶対位置指定 */   width: 38px; height: 38px; cursor: pointer;  z-index: 3; right:25px; top:0; }
    .Toggle span {display: block; position: absolute; width: 50px; border-bottom: solid 4px #333;
    -webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/ -moz-transition: .35s ease-in-out;		/*変化の速度を指定*/  transition: .35s ease-in-out;			/*変化の速度を指定*/ }
    /*各ボーダー少しずつずらす*/
    .Toggle span:nth-child(1) {top:5px;}
    .Toggle span:nth-child(2) {top: 18px;}
    .Toggle span:nth-child(3) {top: 32px;}
    .Toggle.active span:nth-child(1) {top: 18px;
    /* 1番目のspanをマイナス45度に */
        -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
    /* 2番目と3番目のspanを45度に */
    .Toggle.active span:nth-child(2),.Toggle.active span:nth-child(3) {top: 18px;
        -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}

      /*#menu > li.menu__single {
          position: relative;
      }

      li.menu__single ul.menu__second-level {
          position: absolute;
          top: 40px;
          width: 100%;
          background: #072A24;
          -webkit-transition: all .2s ease;
          transition: all .2s ease;
      }

      li.menu__single:hover ul.menu__second-level {
          top: 50px;
          visibility: visible;
          opacity: 1;
      }*/





    /*ロゴ*/
    .logo_h,.logo_f{width:180px !important; height:42px;padding-left: 10px;}







    /*Whats New*/
    .w_new{ width:77%;  margin-left: auto; margin-right: auto; padding: 0.5em 1em;
      min-height: 120px; height: auto !important; height: 120px;}
    .ttl{font-size: 120%; font-weight: bold; color: #045FB4;  padding: 10px 0; border-bottom: solid 2px #045FB4; text-align: left;}
    .topics dl { display:flex;  flex-wrap: wrap; padding: 15px 0; border-bottom: 1px solid #ccc; text-align: left;}
    .topics dt { padding-bottom: 5px; }
    .topics dd { margin-left: 2em;}


    /*.top_h2{text-decoration: underline; margin:4em auto 2em;}*/
    h2.con_h2{display:block; text-align: center; margin:4em auto 2em; font-size: 24px;}
    h2.con_h2 span{font-size: 13px; color: red;}

    .pr_box{display: flex; flex-wrap: wrap; width:100%; margin:0 auto; justify-content:center; margin-bottom: 1.5em;}
    .pr_box img{width:313px; height:184px; flex-shrink: 0}
    .pr_txt_box{text-align: left;  margin-left:0em;}
    .pr_title{font-size: 24px; font-weight: 700; margin-top: 1em; margin-bottom: 0.5em;}
    .pr_txt{width:100%; font-size: 16px; margin-top: 0.5em; margin-bottom: 1.5em;}

    h3{display: block; font-weight:normal; text-align: left; margin:0 auto; font-size: 16px;}
    h3.block01{width:90%;}
    h3.block02{width:90%;}
    .virtual_box{display: flex; flex-wrap: wrap; justify-content:center; width:100%; margin:0 auto; font-size: 16px;}
    .virtual_box div{margin:1em auto ; text-align: center;}
    .virtual_txt{text-align: left;}
    .virtual_box img{border: 1px solid #ccc;}

    .real_box{display: flex; flex-wrap: wrap; justify-content:center;  width:100%; margin:0 auto;}
    .real_box div{margin:0 1em; text-align: center;}


    .btn a{display: block; width:80% !important; margin:0 auto; background-color: #003366; border-radius: 30px; padding:1em 2em; text-align: center;
          text-decoration: none; color:#fff; font-weight: 700; font-size: 120%;}
    .btn a:hover{background-color: #fff; color: #003366; border:1px solid #003366;}
    .entry{margin-bottom: 15em; margin-top: 10em;}


    .old_contets{margin-top:2em; display: flex; flex-wrap: wrap; justify-content:center;  width:100%; margin:0 auto 4em;}
    .old_contets div{margin:0 1em; text-align: center;}
    .old_contets_title{font-size :22px; }

    .virtual_360 img{width:90% !important;}

    /* Footer *************************************/
    footer{background-color: #ffe100; text-align: center; margin-top: -2em; height:auto;}
    .footer_contents{width:100%; padding:0.5em 1em; margin:0 auto; display: flex;  flex-wrap: wrap;}
    .footer_contents img{margin-top:1em;}
    .footer_contents p{margin-left:0; margin-top: 0em; text-align: left;}
    .footer_contents p span{font-size: 18px; font-weight: bold; line-height: 180%;}


    /****************************************************************************

    下層ページ

    *****************************************************************************/
    .page_title{max-width: 100%; width:100%; background-color:#5c3723 ; padding:1em 0; text-align: left; }
    .page_title img[src$="mypage.png"]{display: none;}
    .page_title img[src$="sekai2020.png"]{width:80px !important; height:auto;}
    .page_h2{ display: block; max-width: 100%; width: 100%; margin-left:auto; margin-right: auto; font-size: 24px; font-weight: 800; color:#fff; text-align: center;}

    .page_contents{background-color: rgba(255,255,255,0.55); width:100%;}
    .page_h3{display: block; margin:2em 0; border-left: 20px solid #ffe100; font-size: 24px; font-weight: bold; padding-left: 0.5em;}
    .page_h4{display: block; text-align: left; font-size: 22px; margin:1em 0;}
    .page_box{margin-left:0em; text-align: left;}
    .page_contents dl{max-width: 100%; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px dotted #ccc; margin:1em 0; padding:1em 0;}
    .page_contents dt{width:100%; background-color:#f5cd1b; border-radius: 10px; padding:0.5em 1em; text-align: center; font-weight: bold; margin-bottom: 1em;}
    .page_contents dd{padding-left: 0em;}

    .page_box ul{margin-left: 2em;}
    .page_box ul li{color: red;}

    .gaiyou_contents{padding:50px 10px 0 10px;}


    /*出展者ステージ*/
    .stage_contents{ padding-top: 100px; background-image: url(../img/new/schedule_bg.png);}
    .stage_contents h2{background-color: #ffe100; color: #664309; padding:15px 0; font-size: 26px;}
    .stage_contents h3{background-color: #fa783e; color: #fff; padding:15px 0; font-size: 32px; text-align: center; font-weight: bold;}
    .stage_contents .live_video{margin: 40px auto;}
    .stage_contents .live_video iframe{width:100%;}
    .stage_contents table{margin: 0; border-collapse: collapse; width:90% !important; margin: 0 auto;}
    .stage_contents table th,.stage_contents table td {border: solid 1px black; font-size: 14px; padding:10px; line-height: 100%;}
    .stage_contents table tr *:nth-child(1){width: 10%;}
    .stage_contents table tr *:nth-child(2){width:25%;}
    .stage_contents table tr *:nth-child(3){width:60%; text-align: left;}
    .stage_contents table th{background-color: #959794; color:#fff; text-align: center !important;}
    .stage_contents table tr.pink td{background-color: #fde7ef;}
    .stage_contents table tr.green td{background-color: #dbe7ce;}
    .stage_contents table tr.beige td{background-color: #fff7e6;}
    .stage_contents .program_contents{display: flex; flex-direction: column; align-content:space-between; justify-content:center; width:100%; margin:0px auto;}
    .stage_contents .program_contents .scheduel{width:90%; margin:0 auto; }
    .stage_contents .program_contents p{width:90%; text-align: center; background-color: #07552b; margin: 0 auto; margin-top: 30px;}
    .stage_contents .program_contents p img{}

    /*Video*/
    .video_contents{ padding-top: 100px; margin-bottom: 10px;}
    .video_contents .video_txt{text-align: left;}
    .video_contents .video_txt h2{background-color: #e4f1bb; border-left: 4px solid #a7bb62;padding-left:0.5em; margin:10px 0; padding:10px;}
    .video_contents .video_txt p{}
    .video_contents td.sub{background-color:#a7bb62; text-align: left; padding-left: 1em;}
    .video_contents td.txt{text-align: left; padding-left: 0.5em;}
    .video_contents table{width:100% !important;}
    .video_contents td,.video_contents th{display: block; width: auto;}

    /*イベントコンテンツ*/
    .event_contents{ padding-top: 180px; background-image: url(../img/new/event_bg.png); background-repeat: no-repeat;}
    .event_contents h3{background-color: #fa783e; color: #fff; padding:5px 0; font-size: 32px; text-align: center; font-weight: bold;}
    .event_contents h4{padding:5px 0; font-size: 20px; text-align: center; font-weight: bold;}
    .event_contents h3.lecturer_name{font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 0; background-color:transparent; color:#000;}
    .event_contents .project_contents{ width: 99%; margin: 20px auto; text-align: left; color:#180901; background-color: #fff; padding: 0 8px 0 8px !important; box-sizing: border-box;}
    .event_contents .project_contents::after,.event_contents .project_contents::before{content: ""; display: table;}
    .event_contents .project_contents::after{ clear: both;}
    .event_contents .project_contents .project_company{ font-size: 24px; font-weight: bold; margin-bottom: 5px; width:100%;}
    .event_contents .project_contents .project_video{float:none; margin-right: 10px;}
    .event_contents .project_contents .project_video iframe{width:100%; height:100%; margin:0 auto;}
    .event_contents .project_contents .project_name{font-size: 18px; font-weight: bold; width:100%; clear: both;}
    .event_contents .project_contents .project_txt{font-size: 16px; width:100%;}


    /*出展者一覧*/
    .exhibitor_contents{ background-image: url(../img/new/exhibitor_bg.png); background-repeat: no-repeat; text-align: left; padding: 100px 10px 0 10px;}
    .exhibitor_page{width:98%; margin:0 auto;}
    .exhibitor_box{margin-bottom: 60px;}
    .exhibitor_map h2{background-color: #075629; color: #fff; padding:15px 0; font-size: 32px; text-align: center;}
    .exhibitor_map p{margin-top:10px;}
    .exhibitor_map img{display: block; margin:0 auto;}


    /*バイヤーの皆様へ*/
    .buyer_contents{padding: 100px 10px 0 10px; background-image: url(../img/new/buyer_bg.png); background-repeat: no-repeat; }
    .buyer_contents h2{text-align: left;}
    .buyer_box{display: flex; flex-wrap: wrap; justify-content:center; text-align: left; margin-bottom: 80px; margin-left: 0em;}
    .buyer_box .buyer_name{font-size: 24px; margin-left: 10px; font-weight:bold; margin-right:10px; margin-top: 10px;;}
    .buyer_box .buyer_txt{font-size: 16px; font-weight: normal; margin-top:10px;}
    .buyer_box .buyer_img{border:solid 1px #000; width: auto; display: block; margin: 0 auto;}
    .buyer_box .buyer_img img{width:240px; height:auto; vertical-align:top;}

    .buyer_map {display: flex; flex-wrap: wrap; justify-content:center; text-align: left; margin-left: 10px;}
    .buyer_map .map_name{font-size:18px; font-weight: bold;}
    .buyer_map .map_txt{font-size: 14px;}
    .buyer_map .g_map{margin-left: 0px;}
    .buyer_map .g_map iframe{width:100%;}


    /*スタンプラリー*/
    .stamp_contents{padding: 100px 10px 0 10px; background-image: url(../img/new/stamp_bg.png); background-repeat: no-repeat;}
    .stamp_top{display: flex; flex-direction:column;  justify-content:center; align-items: center;}
    .stamp_top .stamp01{display: none;}
    .stamp_top .stamp02{display: none;}
    .stamp_top .stamp03{display:block;}
    .stamp_top h2{font-size:24px; bottom:12px;}
    .stamp_center h3{margin: 0 auto; text-align: center; font-size: 18px; font-weight: bold;}
    .stamp_center h3 span{color:red}
    .stamp_center p{font-size:14px;}
    .stamp_point{width:100%; height:auto; background-color:#D8600E; margin:20px auto; display: table;}
    .stamp_point p{font-size: 24px; color:#fff; display: table-cell; vertical-align: middle;}
    .stamp_point p span{font-size: 72px; color:#000; font-weight: bold; vertical-align: middle; display: inline-block; margin:0 20px 5px 50px;}

    .stamp_ɡift{border:5px solid #D8600E; width:100%; height:100%; box-sizing: border-box; margin:0 auto; position: relative; text-align: center;}
    .gift_title{font-size:24px; font-weight: bold; margin-bottom: 20px;}
    .gift_corner{display:flex; flex-wrap: wrap; justify-content:space-around; }
    .gift_box{width:100%; height: auto; }
    .gift_box p{width:140px; font-size: 14px; line-height:100%; margin: 0 auto 20px;}
    .gift_waku{border:1px solid #000; width:140px; height:105px; margin: 0 auto;}
    .stamp_ɡift .center_box{position: relative; top:0; right:0; bottom: 0; left:0; margin:auto; width:100%; height:auto;}
    .stamp_bottom{display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; margin:0 auto; box-sizing: border-box;}
    .gift_law{text-align: left;}
    .stamp_contact{text-align: left;}


    /*お問合せ*/
    .otoiawase{width:95%; margin:120px auto !important; box-sizing: border-box;}


}