@charset "UTF-8";

/*========================================================================================
【common】
========================================================================================*/
html { height:100%; width:100%; -webkit-text-size-adjust:100%; }
body { color:#000; font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size:13px; line-height:18px; }

fieldset, img { border:0; }
ul, ol, li { list-style:none; padding:0; margin:0; }

.clearfix:before,
.clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }

/*「forSP＝スマホ版にしか表示しない」ものを非表示に
--------------------------------------------*/
.forPC { display:inline-block;}
.forSP { display:none !important;}


/*========================================================================================
【コンテンツ大枠】
========================================================================================*/
#contents{ margin: 0 auto; padding: 0; width: 100%;}

/*========================================================================================
【グローバルナビゲーション】
========================================================================================*/
/*念のため大枠を定義*/
#navBox {}
#navBox .wrap { margin: 0 auto; max-width: 1360px; }

/*初回表示とスクロール後の基本の枠
---------------------------------------------------------------------*/
#navi,
#navi_change { background: linear-gradient(to bottom,  #260000 0%,#673000 100%); border-bottom: 2px solid #fff; margin:0 auto; padding: 5px 0 3px 0; text-align:center; width:100%; box-sizing: border-box;}

/*スクロール後表示版は最初は非表示に*/
#navi_change { display:none; left:0; position:fixed; top:0; z-index:9999; }

/*ヘッダーメニューリスト
------------------------------------------*/
h2.headerlogo { display: inline-block; vertical-align: middle; width: 134px;}
ul.navi_list { display: inline-block; font-size: 0; line-height: 0; margin:0; padding: 0; text-align: left; vertical-align: middle; width: 80%;}
ul.navi_list li { border-left: 1px solid #998282; display: inline-block; margin: 0 2% 0 0;  outline: none; padding: 0 2% 0 2%; position: relative; vertical-align: middle; width: auto;}
ul.navi_list li a:hover img{ opacity: 1;}



/*========================================================================================
【メインビジュアル】
========================================================================================*/

/*大枠*/
#contents .mainArea {background: #280000;  margin: 0 auto; position: relative; max-width: 1360px; }

/*写真が切り替わるパネル
---------------------------------------------------------------------*/
ul.itemList { font-size: 0; line-height: 0; margin: 0 auto; padding: 0; max-width: 1360px; width: 100%;}
ul.itemList li { display: inline-block; margin: 0; padding: 0 1px 3px 1px; vertical-align: top; max-width: 272px; width: 20%; box-sizing: border-box;}
ul.itemList li img { border: 1px solid #eee; height: auto; max-height: 264px; max-width: 272px; width: 100%; box-sizing: border-box;}

/*パネルをマスクする金色のグラデーション
---------------------------------------------------------------------*/
.masked { position: relative;}
.masked:before {background: url("../images/20190925_expo_mask.png") no-repeat; background-size: cover; content:""; height:100%; margin:0; position:absolute; left:0; right: 0; top:0; bottom: 0; width: 100%; z-index:50; box-sizing: border-box;}

/*メインビジュアル全体にかかるカーテン
---------------------------------------------------------------------*/
.masked_curtain { position: relative;}
.masked_curtain:before {background: url("../images/20190925_expo_curtain.png") no-repeat top; background-size: 100% auto; content:""; height:100%; margin:0; position:absolute; left:0; right: 0; top:0; bottom: 0; width: 100%; z-index:100; box-sizing: border-box; pointer-events: none;}

/*メインビジュアル（メガちゃん）
---------------------------------------------------------------------*/
.mvBox { height: auto; position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 200;}
.mvBox .mv_move { opacity: 0; margin: 0 auto; position: relative; padding: 0 10%; text-align: center; width: 100%; z-index: 300; box-sizing: border-box;}
.mvBox .mv_move img { display: block; height: auto; margin: 0 auto; max-width: 1086px; width: 100%;}

/*主催と出展企業のリスト
---------------------------------------------------------------------*/
.mv_exhibitors { border-top: 1px solid #3b1303; margin: 0 auto; padding: 20px 167px; max-width: 1360px; width: 100%; box-sizing: border-box; }

.mv_exhibitors ul { font-size: 0; line-height: 0; margin: 0 auto; padding: 0; max-width: 1000px; width: 100%; z-index: 300;}
.mv_exhibitors ul li { display: inline-block; vertical-align: middle;}

/*1つめ：「主催：メガハウス」
------------------------------------------*/
.mv_exhibitors ul li:nth-child(1) { max-width: 169px; width: 17%;}
.mv_exhibitors ul li:nth-child(1) img { height: auto; max-width: 169px; width: 100%;}

/*2つめ：「出展企業（※順不同）」
------------------------------------------*/
.mv_exhibitors ul li:nth-child(2) { border-right: 1px solid #fff; margin: 0 2% 0 0; padding: 0; max-width: 119px; width: 10%; box-sizing: border-box;}
.mv_exhibitors ul li:nth-child(2) img {  height: auto; max-width: 119px; width: 100%;}

/*3つめ：出展企業リスト大枠
------------------------------------------*/
.mv_exhibitors ul li:nth-child(3) { width: 71%;}
/*出展企業中身*/
.mv_exhibitors ul li:nth-child(3) ul {  font-size: 0; line-height: 0; margin: 0; padding: 0; width: 100%;}
.mv_exhibitors ul li:nth-child(3) ul li { float: left; max-width: auto; width: auto; box-sizing: border-box;}
.mv_exhibitors ul li:nth-child(3) ul li img { min-width: auto; max-width: auto; width: auto;}


/*========================================================================================
【概要】（イベントテーマ）
========================================================================================*/

/*定義のみ*/
#outline {}

/*枠*/
.sec_outline { background: url("../images/20190925_expo_theme_bg.jpg") repeat-y top center; margin: 0 auto; padding: 50px 0 40px 0; min-width: 1360px; max-width: 1360px; box-sizing: border-box; }
/*wrap*/
.sec_outline .wrap { margin: 0 auto; padding: 0; width: 1000px;}

/*コーナータイトル*/
.sec_outline h2 { margin: 0 auto 40px auto; text-align: center;}

/*とりあえず真ん中に置くときのやつ（SPでの調整用のために定義）*/
.sec_outline_img100 { text-align: center;}


/*========================================================================================
【セクション内で使うカーテンと背景と黄色い枠】
========================================================================================*/
/*カーテンと背景*/
.sec_yellow { background: url("../images/20190925_expo_curtain_parts.png") repeat-x top , url("../images/20190925_expo_menu_bg.png") repeat; border-top: 24px solid #260000; margin: 0 auto; padding:0; min-width: 1360px; max-width: 1360px; }

/*黄色い枠*/
.sec_yellow .wrap { background: #ffd72b; margin: 0 auto; padding: 60px 20px 40px 20px; width: 1000px; box-sizing: border-box;}

/*========================================================================================
【MENU】
========================================================================================*/
/*定義のみ*/
#menu {}

/*枠*/
.sec_menu { margin: 0 auto 40px auto;}

/*コーナータイトル*/
.sec_menu h2 { margin: 0 auto 50px auto; text-align: center;}

/*メニューリスト
------------------------------------------*/
.sec_menu ul { font-size: 0; line-height: 0; margin: 0 auto; padding: 0; width: 852px;}
.sec_menu ul li { display: inline-block; margin: 0 3% 3% 0; padding: 0; position: relative; vertical-align: top; max-width: 406px; width: 48%;}
.sec_menu ul li:nth-child(even){ margin: 0 0 3% 0;}
.sec_menu ul li a:hover {opacity: 0.5;}

/*更新日程*/
.sec_menu ul li span {background:#e60200; display: block; margin: 0; padding: 9px; position: absolute; left: -11px; top: -9px; min-width: 200px; border: 2px solid #FFF; box-shadow: 0 0 0 3px #e60200;}
.sec_menu ul li span small { color: #fff; display: block; font-size: 18px; font-weight: bold; line-height: 18px; margin: 0; padding: 0; text-align: center;}


/*========================================================================================
【INFORMATION】
========================================================================================*/
/*定義のみ*/
#information { padding: 40px 0 0 0;}

/*枠*/
.sec_info { margin: 0 auto;}

/*コーナータイトル*/
.sec_info h2 { margin: 0 auto 50px auto; text-align: center;}

/*マップと注意事項
---------------------------------------------------------------------*/
.sec_info dl {display: block; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; width: 937px;}

/*マップ（左）
------------------------------------------*/
.sec_info dl dt {display: inline-block; margin: 0 auto; padding: 0; vertical-align: top; width: 423px;}

/*注意事項（右）
------------------------------------------*/
/*PCではマップのシャドウ分の高さを上に取る*/
.sec_info dl dd {display: inline-block; margin: 8px 0 0 9px; padding: 0; vertical-align: top; width: 505px;}

/*「注意事項」*/
.sec_info dl dd h3 { background: #000; color: #fff; display: block; font-size: 20px; font-weight: bold; line-height: 20px; margin: 0 0 20px 0; padding: 10px; text-align: center;}

/*高さ確保用*/
.sec_info dl dd div { margin: 0 auto 40px; padding: 0;}

/*テキスト類*/
.sec_info dl dd div h4 { font-size: 20px; font-weight: bold; line-height: 30px;}
.sec_info dl dd div p { font-size: 15px; line-height: 25px;}
/*Pの中をspanで囲うと頭揃えになります*/
.sec_info dl dd div p span	{ display: block; text-indent:-15px; padding-left:15px;}


/*========================================================================================
【コピーライト】
========================================================================================*/
#copyrightBox { margin: 0; padding: 30px 0; text-align: center; width: 100%;}
#copyrightBox p { font-size: 13px; line-height: 18px; margin: 0; padding: 0; }


/*========================================================================================
【共用フッター】
========================================================================================*/
footer {width: 100%; position: relative !important; z-index: 999;}
footer #box_inner {max-width: 1200px; width: 100%; margin: 0 auto; position:relative;}
footer #box_inner #footer_sns {position: absolute; top:15px; right:0;}
footer #box_inner #footer_sns .fb-like{ margin: 0 10px 0 0;}
footer #box_inner #footer_sns .fb_iframe_widget > span{vertical-align: baseline !important;}

/*========================================================================================
【共通】強調するテキスト
========================================================================================*/
.emphasis {font-size: 20px; font-weight: bold;}

/*========================================================================================
【collabo/index】タイトル
========================================================================================*/
.collabo_title {margin-bottom: 25px; text-align: center;}

/*========================================================================================
【collabo/index】メインビジュアル
========================================================================================*/
#collabo_main {text-align: center;}
#collabo_main img {margin: 10px 0;}

/*========================================================================================
【collabo/index】参加方法
========================================================================================*/
#collabo_howto {margin: 80px auto 15px auto; padding-left: 128px; background-image: url("../images/collabo/square_bg.png"); background-repeat: no-repeat; background-position: right center; }
#collabo_howto h3 {font-size: 30px; color: #ff0000; text-shadow:2px 2px 0px #fffa65; margin: 33px 0 15px 0;}
#collabo_howto p {font-size: 16px; line-height: 1.5em;}
.collabo_attention {font-size: 14px;}

#collabo_stamp {margin-top: 15px; text-align: center;}
#collabo_stamp p {margin-top: 5px; line-height: 1.6em;}

/*========================================================================================
【collabo/index】ビジュアルシート
========================================================================================*/
#collabo_sheet {margin-top: 30px;}
#collabo_sheet h2 {text-align: center; margin-bottom: 15px;}
#collabo_design img {padding-left: 128px;}
#collabo_design img:last-child {padding-left: 80px;}

/*========================================================================================
【collabo/index】詳細MAP
========================================================================================*/
#collabo_map {margin: 30px auto 20px auto; text-align: center;}
#collabo_map h2 {margin-bottom: 20px; text-align: center;}

/*========================================================================================
【collabo/index】ちみメガ特設キャンペーン
========================================================================================*/
#campaign{background: url(../images/collabo/campaign_bg.jpg) no-repeat center top; clear: both; padding: 30px 0 30px 0; margin-bottom: 50px;} 
#campaign_cont {background: url(../images/collabo/campaign_contents_bg.png) no-repeat center top; clear: both; text-align: center; width: 860px; margin: 0 auto; padding: 20px 0 50px 0;}
#campaign_cont ul {list-style: none; padding: 5px 0 0 0; text-align: center;}
#campaign_cont li {display: inline-block; margin: 0 0 10px 0!important;}
#campaign_cont .pic01 {width: 800px; height: auto; margin: 10px; float: left; position: relative;}
#campaign_cont .pic01 img {width: 100%; height: auto;}
#campaign_cont .button01_1{width: 230px; height: 62px; position: absolute; z-index: 100; top: 430px; left: 293px; cursor: pointer; transition: all ease .3s;}
#campaign_cont .button01_1:hover {opacity: .7;}
.cmb_attention {text-align: center; width: 800px; margin: auto;}
.coming_soon {width: 95%; text-align:center; margin-top:5%;}
.coming_soon p{font-size:70px; color:#D52525; font-weight:bold; text-shadow: 0 0 8px #FFF;}

/*========================================================================================
【collabo/index】コラボバナー
========================================================================================*/
.collabo_bnr {text-align: center;}
.collabo_bnr ul li{width: 800px; margin: 0 auto 55px;}
.collabo_bnr ul li img {width:100%;}

/*========================================================================================
【stage/index】メインビジュアル
========================================================================================*/
#stage_main {text-align: center;}
#stage_main h2 {margin-bottom: 25px;}
#stage_main img {margin: 10px 0;}

/*========================================================================================
【stage/index】共通見出し
========================================================================================*/
.stage_info h2{text-align: center; margin-top: 35px;}

/*========================================================================================
【stage/index】出演者画像
========================================================================================*/
.stage_list {text-align: center; margin: 10px auto; max-width: 100%;}
.stage_list img {width: 100%;}
.stage_list th {padding: 0px 10px;}
.stage_list td {font-size: 18px; font-weight: bold; color: #ff0000; margin-top: 1%;}

/*========================================================================================
【stage/index】イベント概要
========================================================================================*/
.stage_Explanation {width: 710px; margin: 20px auto; font-size: 14px; line-height: 1.6em; overflow: hidden;}
.stage_start {margin: 12px auto; display: inline-block;}
.stage_small {font-size: 14px; font-weight: bold; color: #ff0000; margin-bottom: 3px;}
.stage_time {font-size: 20px; font-weight: bold; color: #ff0000; display: inline-block;}
.stage_attention {font-size: 15px; font-weight: bold; display: inline-block; margin-left: 10px;}
.stage_movie {display: inline-block; width: 60%; font-weight: bold;}
.stage_movie a {color: #e73574; font-weight: normal}
.stage_link {float: right;}
.stage_appearance {font-weight: normal; margin-top: 10px;}

/*========================================================================================
【exhibition/index】メインビジュアル
========================================================================================*/
#exhibition_main {text-align: center;}
#exhibition_main h2 {margin-bottom: 25px;}
#exhibition_main img {margin: 10px 0;}

/*========================================================================================
【exhibition/index】展示バナー
========================================================================================*/
#exhibition_bnr {text-align: center;}
#exhibition_bnr ul li{width: 800px; margin: 0 auto 55px;}
#exhibition_bnr ul li img {width:100%;}

/*========================================================================================
【map/index】メインビジュアル
========================================================================================*/
#map_main {text-align: center;}
#map_main h2 {margin-bottom: 25px;}
#map_main img {margin: 10px 0;}

/*========================================================================================
【map/index】メインビジュアル
========================================================================================*/
#map_img {text-align: center;}
#map_img ul li{width: 800px; margin: 0 auto 55px;}
#map_img ul li img {width:100%;}
#map_text {font-size: 30px; font-weight: bold; color:#ff0000; text-shadow: 2px 2px 0px #fffa65; margin: 20px auto !important;}


/*========================================================================================
【メディアクエリ】タブレット～ノートサイズの調整
========================================================================================*/
@media screen and (min-width: 768px) and (max-width: 866px){

/*「forSP＝スマホ版にしか表示しない」ものを非表示に
--------------------------------------------*/
.forPC { display:inline-block !important;}
.forSP { display:none !important;}


/*========================================================================================
【TAB】【グローバルナビゲーション】
========================================================================================*/

/*【TAB】ヘッダーメニューリスト
------------------------------------------*/
h2.headerlogo { display: inline-block; vertical-align: middle; width: 9%;}
h2.headerlogo img { height: auto; max-width: 64px; width: 100%;}
ul.navi_list { display: inline-block; margin:0; padding: 0; text-align: left; vertical-align: middle; width: 86%;}
ul.navi_list li { border-left: 1px solid #998282; display: inline-block; margin: 1% 2% 1% 0;  outline: none; padding: 0 0 0 2%; position: relative; vertical-align: middle; width: auto; box-sizing: border-box;}
ul.navi_list li img { height: auto; width: auto;}

/*========================================================================================
【TAB】【メインビジュアル】
========================================================================================*/

/*【TAB】大枠*/
#contents .mainArea {background: #280000;  margin: 0 auto; position: relative; min-width: 100%; max-width: 100%; }

/*【TAB】主催と出展企業のリスト
---------------------------------------------------------------------*/
.mv_exhibitors { padding: 0 12%;}

.mv_exhibitors ul { font-size: 0; line-height: 0; margin: 0; padding: 0; text-align: center;}
.mv_exhibitors ul li { display: inline-block; vertical-align: middle;}

/*【TAB】1つめ：「主催：メガハウス」
------------------------------------------*/
.mv_exhibitors ul li:nth-child(1) { margin: 0 auto 1% auto; max-width: 169px; width: 17%;}
.mv_exhibitors ul li:nth-child(1) img { height: auto; max-width: 169px; width: 100%;}

/*【TAB】2つめ：「出展企業（※順不同）」
------------------------------------------*/
.mv_exhibitors ul li:nth-child(2) { border: none; max-width: 119px; width: 17%;}
.mv_exhibitors ul li:nth-child(2) img {  height: auto; max-width: 119px; width: 100%;}

/*【TAB】3つめ：出展企業リスト大枠
------------------------------------------*/
.mv_exhibitors ul li:nth-child(3) { display: inline-block; width: 64%;}
/*【TAB】出展企業中身*/
.mv_exhibitors ul li:nth-child(3) ul {  font-size: 0; line-height: 0; margin: 0; padding: 0; width: 100%;}
.mv_exhibitors ul li:nth-child(3) ul li {float: none; display: inline-block; box-sizing: border-box;}


/*========================================================================================
【TAB】【概要】（イベントテーマ）
========================================================================================*/
/*【TAB】枠*/
.sec_outline { background: url("../images/20190925_expo_theme_bg.jpg") repeat-y top center; background-size: contain; margin: 0 auto; padding: 5% 0 4% 0; min-width: 100%; max-width: 100%; box-sizing: border-box; }
/*【TAB】wrap*/
.sec_outline .wrap { margin: 0 auto; padding: 0; width: 96%;}

/*【TAB】コーナータイトル*/
.sec_outline h2 { margin: 0 auto 4% auto; text-align: center;}
.sec_outline h2 img {height: auto; margin: 0 auto; max-width: 828px; width: 90%;}

/*【TAB】とりあえず真ん中に置くときのやつ（SPでの調整用のために定義）*/
.sec_outline_img100 { text-align: center;}
.sec_outline_img100 img {height: auto; margin: 0 auto; max-width: 936px; width: 96%;}

/*========================================================================================
【TAB】【セクション内で使うカーテンと背景と黄色い枠】
========================================================================================*/
/*【TAB】カーテンと背景*/
.sec_yellow { background: url("../images/20190925_expo_curtain_parts.png") repeat-x top , url("../images/20190925_expo_menu_bg.png") repeat; background-size: 10% 30%, contain; border-top: 14px solid #260000; margin: 0 auto; padding:0; min-width: 100%; max-width: 100%; box-sizing: border-box; }

/*【TAB】黄色い枠*/
.sec_yellow .wrap { background: #ffd72b; margin: 0 auto; padding: 4% 2%; width: 94%; box-sizing: border-box;}


/*========================================================================================
【TAB】【MENU】
========================================================================================*/
/*【TAB】枠*/
.sec_menu { margin: 0 auto 4% auto;}

/*【TAB】コーナータイトル*/
.sec_menu h2 { margin: 0 auto 5% auto;}
.sec_menu h2 img {height: auto; margin: 0 auto; max-width: 950px; width: 96%;}

/*【TAB】メニューリスト
------------------------------------------*/
.sec_menu ul { font-size: 0; line-height: 0; margin: 0 auto; padding: 0; max-width: 852px; width: 100%;}
.sec_menu ul li { display: inline-block; margin: 0 1% 3% 2%; padding: 0; position: relative; vertical-align: top; max-width: 406px; width: 48%;}
.sec_menu ul li:nth-child(even){ margin: 0 0 3% 1%;}
.sec_menu ul li img { height: auto; width: 100%;}

/*【TAB】更新日程*/
.sec_menu ul li span { background: #e60200; display: block; margin: 0; padding: 6px; position: absolute; left: -4px; top: -7px; min-width: 60%; border: 2px solid #FFF; box-shadow: 0 0 0 3px #e60200;}
.sec_menu ul li span small { color: #fff; display: block; font-size: 15px; font-weight: bold; line-height: 15px; margin: 0; padding: 0; text-align: center;}


/*========================================================================================
【TAB】【INFORMATION】
========================================================================================*/
#information { padding: 4% 0 0 0;}
/*【TAB】枠*/
.sec_info {  margin: 0 auto 8% auto;}

/*【TAB】コーナータイトル*/
.sec_info h2 { margin: 0 auto 5% auto;}
.sec_info h2 img {height: auto; margin: 0 auto; max-width: 950px; width: 96%;}

/*【TAB】マップと注意事項
---------------------------------------------------------------------*/
.sec_info dl {display: block; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; width: 100%;}

/*【TAB】マップ（左）
------------------------------------------*/
.sec_info dl dt {display: inline-block; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; width: 48%;}
.sec_info dl dt img { height: auto; margin: 0 auto; max-width: 423px; width: 100%;}

/*【TAB】注意事項（右）
------------------------------------------*/
.sec_info dl dd {display: inline-block; margin: 1% 0 0 1%; padding: 0; vertical-align: top; width: 50%;}

/*【TAB】「注意事項」*/
.sec_info dl dd h3 { background: #000; color: #fff; display: block; font-size: 18px; font-weight: bold; line-height: 18px; margin: 0 0 2% 0; padding: 10px; text-align: center;}

/*【TAB】高さ確保用*/
.sec_info dl dd div { margin: 0 auto 4%; padding: 0;}

/*【TAB】テキスト類*/
.sec_info dl dd div h4 { font-size: 18px; font-weight: bold; line-height: 28px;}
.sec_info dl dd div p { font-size: 14px; line-height: 24px;}
/*Pの中をspanで囲うと頭揃えになります*/
.sec_info dl dd div p span	{ display: block; text-indent: -14px; padding-left: 14px;}

/*========================================================================================
【TAB】【共用フッター】
========================================================================================*/
footer { background: #000; margin: 0; padding: 3% 3% 3% 0; box-sizing: border-box;}
footer #box_inner {max-width: 100%; width: 100%; margin: 0 auto; position:relative;}
	
/*========================================================================================
【共通】強調するテキスト
========================================================================================*/
.emphasis {font-size: 20px; font-weight: bold;}
	
/*========================================================================================
【collabo/index】メインビジュアル
========================================================================================*/
.collabo_title {margin-bottom: 3%; text-align: center;}
.collabo_title img {width: 100%;}
	
/*========================================================================================
【collabo/index】メインビジュアル
========================================================================================*/
#collabo_main {text-align: center;}
#collabo_main img {height: auto; margin: 2% auto; max-width: 950px; width: 96%;}

/*========================================================================================
【collabo/index】参加方法
========================================================================================*/
#collabo_howto {margin: 5% auto 3% auto; padding-left: 5%; background-image: url("../images/collabo/square_bg.png"); background-repeat: no-repeat; background-position: right center; }
#collabo_howto h3 {font-size: 30px; color: #ff0000; text-shadow:2px 2px 0px #fffa65; margin: 3% 0 2% 0;}
#collabo_howto p {font-size: 16px; line-height: 1.5em;}
.collabo_attention {font-size: 14px;}

#collabo_stamp {margin-top: 4%; text-align: center;}
#collabo_stamp p {margin-top: 2%; line-height: 1.6em;}

/*========================================================================================
【collabo/index】ビジュアルシート
========================================================================================*/
#collabo_sheet {margin-top: 30px;}
#collabo_sheet h2 {text-align: center; margin-bottom: 15px;}
#collabo_sheet img {height: auto; margin: 2% auto; max-width: 950px; width: 96%;}
#collabo_design {text-align: center;}
#collabo_design img {padding-left: 0px;}
#collabo_design img:last-child {padding-left: 0px;}

/*========================================================================================
【collabo/index】詳細MAP
========================================================================================*/
#collabo_map {margin: 30px auto 20px auto; text-align: center;}
#collabo_map h2 {margin-bottom: 3%; text-align: center;}
#collabo_map h2 img {height: auto; margin: 2% auto; max-width: 950px; width: 96%;}
	
/*========================================================================================
【collabo/index】ちみメガ特設キャンペーン
========================================================================================*/
#campaign{background: url(../images/collabo/campaign_bg.jpg) no-repeat center top; clear: both; padding: 5% 0; margin-bottom: 5%; background-size: 200%;} 
#campaign_cont {background: url(../images/collabo/campaign_contents_bg.png) no-repeat center top; clear: both; text-align: center; width: 90%; margin: 0 auto; padding: 5% 0 7% 0;}
#campaign_cont ul {list-style: none; padding: 5px 0 0 0; text-align: center;}
#campaign_cont li {display: inline-block; margin: 0 0 10px 0!important; width: 95%;}
#campaign_cont li img {width: 100%;}
#campaign_cont .pic01 {width: 95%; height: auto; margin: 0px; float: left; position: relative;}
#campaign_cont .pic01 img {width: 100%; height: auto;}
#campaign_cont .button01_1{width: 30%; height: auto; position: absolute; z-index: 100; top: 81%; left: 36%; cursor: pointer; transition: all ease .3s;}
#campaign_cont .button01_1:hover {opacity: .7;}
.cmb_attention {text-align: center; width: 95%; margin: auto;}
.coming_soon {width: 95%; text-align:center; margin:5% auto 0;}
.coming_soon p{font-size:40px; color:#D52525; font-weight:bold; text-shadow: 0 0 8px #FFF;}
	
/*========================================================================================
【collabo/index】コラボバナー
========================================================================================*/
.collabo_bnr {text-align: center;}
.collabo_bnr ul li{width: 88%; margin: 0 auto 3%;}
.collabo_bnr ul li img {width:100%;}
	
/*========================================================================================
【stage/index】メインビジュアル
========================================================================================*/
#stage_main {text-align: center;}
#stage_main h2 {margin-bottom: 3%;}
#stage_main img {height: auto; margin: 2% auto; max-width: 950px; width: 96%;}
	
/*========================================================================================
【stage/index】共通見出し
========================================================================================*/
.stage_info h2{text-align: center; margin-top: 35px;}
.stage_info h2 img {height: auto; margin: 2% auto; max-width: 767px; width: 96%;}

/*========================================================================================
【stage/index】出演者画像
========================================================================================*/
.stage_list {text-align: center; margin: 10px auto; max-width: 100%;}
.stage_list img {width: 100%;}
.stage_list th {padding: 0px 10px;}
.stage_list td {font-size: 18px; font-weight: bold; color: #ff0000; margin-top: 1%;}
	
/*========================================================================================
【stage/index】イベント概要
========================================================================================*/
.stage_Explanation {width: 710px; margin: 20px auto; font-size: 14px; line-height: 1.6em; overflow: hidden; max-width: 93%}
.stage_start {margin: 12px auto; display: inline-block;}
.stage_small {font-size: 14px; font-weight: bold; color: #ff0000; margin-bottom: 3px;}
.stage_time {font-size: 20px; font-weight: bold; color: #ff0000; display: inline-block;}
.stage_attention {font-size: 15px; font-weight: bold; display: inline-block; margin-left: 10px;}
.stage_movie {display: inline-block; width: 60%; font-weight: bold;}
.stage_movie a {color: #e73574; font-weight: normal}
.stage_link {float: right;}
.stage_appearance {font-weight: normal; margin-top: 10px;}
}

/*========================================================================================
【exhibition/index】メインビジュアル
========================================================================================*/
#exhibition_main {text-align: center;}
#exhibition_main h2 {margin-bottom: 3%;}
#exhibition_main img {height: auto; margin: 2% auto; max-width: 950px; width: 96%;}

/*========================================================================================
【exhibition/index】展示バナー
========================================================================================*/
#exhibition_bnr {text-align: center;}
#exhibition_bnr ul li{width: 88%; margin: 0 auto 3%;}
#exhibition_bnr ul li img {width:100%;}

/*========================================================================================
【map/index】メインビジュアル
========================================================================================*/
#map_main {text-align: center;}
#map_main h2 {margin-bottom: 3%;}
#map_main img {height: auto; margin: 2% auto; max-width: 950px; width: 96%;}

/*========================================================================================
【map/index】展示バナー
========================================================================================*/
#map_img {text-align: center;}
#map_img ul li{width: 88%; margin: 0 auto 3%;}
#map_img ul li img {width:100%;}
#map_text {font-size: 30px; font-weight: bold; color:#ff0000; text-shadow: 2px 2px 0px #fffa65; margin: 20px auto !important;}

/*========================================================================================
【メディアクエリ】スマホ～タブレットサイズの調整
========================================================================================*/
@media screen and (min-width: 320px) and (max-width: 767px){

/*========================================================================================
【SP】【common】
========================================================================================*/
html {font-size: 62.5%; width:100%; }
body { margin:0; padding:0; overflow-x:hidden; position:relative; }
body { color: #222; font-family: 'Noto Sans Japanese', sans-serif; font-size: 1.4rem; margin:0; padding:0; position:relative; width:100%; min-width:100%; width:100%; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color: transparent;}

fieldset, img { border:0; }
a,
a:hover,
a:focus,
a[target="_blank"]{-webkit-tap-highlight-color: transparent !important; outline: none !important;}

a img { border-style:none; }
ul, ol, li { list-style:none; padding:0; margin:0; }

.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }

/*「forPC＝PC版にしか表示しない」ものを非表示に*/
.forPC { display:none !important;}
.forSP { display:inline-block !important; line-height: 0;}

/*========================================================================================
【SP】【グローバルナビゲーション】
========================================================================================*/
#navBox .wrap { width: 100%;}

/*【SP】ヘッダーメニューリスト
------------------------------------------*/
h2.headerlogo { margin: 0 2% 0 2%; width: 10%;}
h2.headerlogo img { height: auto; width: 100%;}
ul.navi_list { margin: 0 0 2% 0; width: 84%;}
ul.navi_list li { border-left: 1px solid #998282; display: inline-block; margin: 3% 2% 3% 0;  outline: none; padding: 0 0 0 2%; position: relative; vertical-align: middle; width: 30.333%; box-sizing: border-box;}
ul.navi_list li img { height: auto; width: 100%;}




/*========================================================================================
【SP】【メインビジュアル】
========================================================================================*/

/*【SP】大枠*/
#contents .mainArea {background: #280000;  margin: 0 auto; position: relative; min-width: 100%; max-width: 100%; }

/*【SP】主催と出展企業のリスト
---------------------------------------------------------------------*/
.mv_exhibitors { padding: 0 12%;}
.mv_exhibitors ul { font-size: 0; line-height: 0; margin: 0; padding: 0; text-align: center;}
.mv_exhibitors ul li { display: inline-block; vertical-align: middle;}

/*【SP】1つめ：「主催：メガハウス」
------------------------------------------*/
.mv_exhibitors ul li:nth-child(1) { margin: 0 auto 1% auto; max-width: 169px; width: 17%;}
.mv_exhibitors ul li:nth-child(1) img { height: auto; max-width: 169px; width: 100%;}

/*【SP】2つめ：「出展企業（※順不同）」
------------------------------------------*/
.mv_exhibitors ul li:nth-child(2) { border: none; max-width: 119px; width: 17%;}
.mv_exhibitors ul li:nth-child(2) img {  height: auto; max-width: 119px; width: 100%;}

/*【SP】3つめ：出展企業リスト大枠
------------------------------------------*/
.mv_exhibitors ul li:nth-child(3) { display: inline-block; width: 64%;}
/*【SP】出展企業中身*/
.mv_exhibitors ul li:nth-child(3) ul {  font-size: 0; line-height: 0; margin: 0; padding: 0; width: 100%;}
.mv_exhibitors ul li:nth-child(3) ul li {float: left; width: 16%; box-sizing: border-box;}
.mv_exhibitors ul li:nth-child(3) ul li img { min-width: none; width: 100%;}


/*========================================================================================
【SP】【概要】（イベントテーマ）
========================================================================================*/
/*【SP】枠*/
.sec_outline { background: url("../images/20190925_expo_theme_bg.jpg") repeat-y top center; background-size: contain; margin: 0 auto; padding: 5% 0 4% 0; min-width: 100%; max-width: 100%; box-sizing: border-box; }
/*【SP】wrap*/
.sec_outline .wrap { margin: 0 auto; padding: 0; width: 96%;}

/*【SP】コーナータイトル*/
.sec_outline h2 { margin: 0 auto 4% auto;}
.sec_outline h2 img {height: auto; margin: 0 auto; width: 90%;}

/*【SP】とりあえず真ん中に置くときのやつ（SPでの調整用のために定義）*/
.sec_outline_img100 { text-align: center;}
.sec_outline_img100 img {height: auto; margin: 0 auto; width: 96%;}


/*========================================================================================
【SP】【セクション内で使うカーテンと背景と黄色い枠】
========================================================================================*/
/*【SP】カーテンと背景*/
.sec_yellow { background: url("../images/20190925_expo_curtain_parts.png") repeat-x top , url("../images/20190925_expo_menu_bg.png") repeat; background-size: 10% 30%, contain; border-top: 14px solid #260000; margin: 0 auto; padding:0; min-width: 100%; max-width: 100%; box-sizing: border-box;}

/*【SP】黄色い枠*/
.sec_yellow .wrap { background: #ffd72b; margin: 0 auto; padding: 4% 2%; width: 94%; box-sizing: border-box;}


/*========================================================================================
【SP】【MENU】
========================================================================================*/
/*【SP】枠*/
.sec_menu { margin: 0 auto 4% auto;}

/*【SP】コーナータイトル*/
.sec_menu h2 { margin: 0 auto 5% auto;}
.sec_menu h2 img {height: auto; margin: 0 auto; max-width: 950px; width: 96%;}

/*【SP】メニューリスト
------------------------------------------*/
.sec_menu ul { font-size: 0; line-height: 0; margin: 0 auto; padding: 0; width: 100%;}
.sec_menu ul li { display: inline-block; margin: 0 1% 3% 2%; padding: 0; position: relative; vertical-align: top; max-width: 406px; width: 48%;}
.sec_menu ul li:nth-child(even){ margin: 0 0 3% 1%;}
.sec_menu ul li img { height: auto; width: 100%;}

/*【SP】更新日程*/
.sec_menu ul li span { background: #e60200; display: block; margin: 0; padding: 6px; position: absolute; left: -2px; top: -5px; min-width: 60%; border: 1px solid #FFF; box-shadow: 0 0 0 2px #e60200;}
.sec_menu ul li span small { color: #fff; display: block; font-size: 13px; font-weight: bold; line-height: 14px; margin: 0; padding: 0; text-align: center;}


/*========================================================================================
【SP】【INFORMATION】
========================================================================================*/
#information { padding: 4% 0 0 0;}
/*【SP】枠*/
.sec_info {  margin: 0 auto 8% auto;}

/*【SP】コーナータイトル*/
.sec_info h2 { margin: 0 auto 5% auto;}
.sec_info h2 img {height: auto; margin: 0 auto; max-width: 950px; width: 96%;}


/*【SP】マップと注意事項
---------------------------------------------------------------------*/
.sec_info dl {display: block; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; width: 100%;}

/*【SP】マップ（左）
------------------------------------------*/
.sec_info dl dt {display: block; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; width: 100%;}
.sec_info dl dt img { height: auto; margin: 0 auto; max-width: 423px; width: 100%;}

/*【SP】注意事項（右）
------------------------------------------*/
.sec_info dl dd {display: block; margin: 10px 0 0 0; padding: 0; vertical-align: top; width: 100%;}

/*【SP】「注意事項」*/
.sec_info dl dd h3 { background: #000; color: #fff; display: block; font-size: 18px; font-weight: bold; line-height: 18px; margin: 0 0 2% 0; padding: 10px; text-align: center;}

/*【SP】高さ確保用*/
.sec_info dl dd div { margin: 0 auto 4%; padding: 0;}

/*【SP】テキスト類*/
.sec_info dl dd div h4 { font-size: 18px; font-weight: bold; line-height: 28px;}
.sec_info dl dd div p { font-size: 14px; line-height: 24px;}
/*Pの中をspanで囲うと頭揃えになります*/
.sec_info dl dd div p span	{ display: block; text-indent: -14px; padding-left: 14px;}


/*========================================================================================
【SP】【共用フッター】
========================================================================================*/
footer { background: #000; margin: 0; padding: 3% 0; box-sizing: border-box;}
footer #box_inner {max-width: 100%; width: 100%; margin: 0 auto; position:relative;}
footer #box_inner #footer_sns {position: inherit; top: inherit; left: inherit; margin: 2% 0 0 0; text-align: center;}
footer #box_inner #footer_sns .fb-like{ margin: 0 10px 0 0;}
footer #box_inner #footer_sns .fb_iframe_widget > span{vertical-align: baseline !important;}
	
/*========================================================================================
【共通】強調するテキスト
========================================================================================*/
.emphasis {font-size: 17px; font-weight: bold;}
	
/*========================================================================================
【collabo/index】タイトル
========================================================================================*/
.collabo_title {margin-bottom: 3%; text-align: center;}
.collabo_title img {width: 100%;}

/*========================================================================================
【collabo/index】メインビジュアル
========================================================================================*/
#collabo_main {text-align: center;}
#collabo_main img {height: auto; margin: 2% auto; max-width: 767px; width: 96%;}

/*========================================================================================
【collabo/index】参加方法
========================================================================================*/
#collabo_howto {margin: 5% auto 3% auto; padding-left: 0px; background-image: url("../images/collabo/square_bg.png"); background-repeat: no-repeat; background-position: right center; background-size: contain;}
#collabo_howto h2 {text-align: center;}
#collabo_howto h2 img {height: auto; margin: 2% auto; max-width: 767px; width: 96%;}
#collabo_howto h3 {font-size: 17px; color: #ff0000; text-shadow:2px 2px 0px #fffa65; margin: 3% 0 2% 0; line-height: 1.5em;}
#collabo_howto p {font-size: 13px; line-height: 1.5em; }
#collabo_howto p br {display: none;}
.collabo_attention {font-size: 13px;}


#collabo_stamp {margin-top: 4%; text-align: center;}
#collabo_stamp p {margin-top: 2%; line-height: 1.6em;}
#collabo_stamp img {height: auto; margin: 2% auto; max-width: 767px; width: 96%;}

/*========================================================================================
【collabo/index】ビジュアルシート
========================================================================================*/
#collabo_sheet {margin-top: 30px;}
#collabo_sheet h2 {text-align: center; margin-bottom: 15px;}
#collabo_sheet img {height: auto; margin: 2% auto; max-width: 767px; width: 96%;}
#collabo_design {text-align: center;}
#collabo_design img {padding-left: 0px;}
#collabo_design img:last-child {padding-left: 0px;}

/*========================================================================================
【collabo/index】詳細MAP
========================================================================================*/
#collabo_map {margin: 30px auto 20px auto; text-align: center;}
#collabo_map h2 {margin-bottom: 3%; text-align: center;}
#collabo_map h2 img {height: auto; margin: 2% auto; max-width: 767px; width: 96%;}
#collabo_map img {height: auto; max-width: 767px; width: 96%;}
	
/*========================================================================================
【collabo/index】ちみメガ特設キャンペーン
========================================================================================*/
#campaign{background: url(../images/collabo/campaign_bg.jpg) no-repeat center top; clear: both; padding: 5% 0; margin-bottom: 5%; background-size: 200%;} 
#campaign_cont {background: url(../images/collabo/campaign_contents_bg.png) no-repeat center top; clear: both; text-align: center; width: 90%; margin: 0 auto; padding: 5% 0 7% 0;}
#campaign_cont ul {list-style: none; padding: 5px 0 0 0; text-align: center;}
#campaign_cont li {display: inline-block; margin: 0 0 10px 0!important; width: 95%;}
#campaign_cont li img {width: 100%;}
#campaign_cont .pic01 {width: 95%; height: auto; margin: 0px; float: left; position: relative;}
#campaign_cont .pic01 img {width: 100%; height: auto;}
#campaign_cont .button01_1{width: 30%; height: auto; position: absolute; z-index: 100; top: 80%; left: 36%; cursor: pointer; transition: all ease .3s;}
#campaign_cont .button01_1:hover {opacity: .7;}
.cmb_attention {text-align: center; width: 95%; margin: auto;}
.coming_soon {width: 95%; text-align:center; margin:5% auto 0;}
.coming_soon p{font-size:20px; color:#D52525; font-weight:bold; text-shadow: 0 0 8px #FFF;}
	
/*========================================================================================
【collabo/index】コラボバナー
========================================================================================*/
.collabo_bnr {text-align: center;}
.collabo_bnr ul li{width: 88%; margin: 0 auto 3%;}
.collabo_bnr ul li img {width:100%;}
	
/*========================================================================================
【stage/index】メインビジュアル
========================================================================================*/
#stage_main {text-align: center;}
#stage_main h2 {margin-bottom: 3%;}
#stage_main img {height: auto; margin: 2% auto; max-width: 767px; width: 96%;}
	
/*========================================================================================
【stage/index】共通見出し
========================================================================================*/
.stage_info h2{text-align: center; margin-top: 2%;}
.stage_info h2 img {height: auto; margin: 2% auto; max-width: 767px; width: 96%;}

/*========================================================================================
【stage/index】出演者画像
========================================================================================*/
.stage_list {text-align: center; margin: 10px auto; max-width: 100%;}
.stage_list img {width: 90%;}
.stage_list th {padding: 0px;}
.stage_list td {font-size: 13px; font-weight: bold; color: #ff0000; margin-top: 1%;}
.one_img img {width: 70% !important;}

/*========================================================================================
【stage/index】イベント概要
========================================================================================*/
.stage_Explanation {width: 710px; margin: 4% auto; font-size: 13px; line-height: 1.6em; overflow: hidden; max-width: 90%; text-justify:auto;}
.stage_start {margin: 12px auto; display: inline-block;}
.stage_small {font-size: 13px; font-weight: bold; color: #ff0000; margin-bottom: 1%;}
.stage_time {font-size: 20px; font-weight: bold; color: #ff0000; display: inline-block;}
.stage_attention {font-size: 13px; font-weight: bold; display: block; margin-left: 0px;}
.stage_movie {display: block; width: 90%; font-weight: bold; margin-bottom: 4%;}
.stage_movie a {color: #e73574; font-weight: normal}
.stage_link {float: none; text-align: center;}
.stage_appearance {font-weight: normal; margin-top: 4%;}
	
/*========================================================================================
【exhibition/index】メインビジュアル
========================================================================================*/
#exhibition_main {text-align: center;}
#exhibition_main h2 {margin-bottom: 3%;}
#exhibition_main img {height: auto; margin: 2% auto; max-width: 950px; width: 96%;}

/*========================================================================================
【exhibition/index】展示バナー
========================================================================================*/
#exhibition_bnr {text-align: center;}
#exhibition_bnr ul li{width: 88%; margin: 0 auto 3%;}
#exhibition_bnr ul li img {width:100%;}

/*========================================================================================
【map/index】メインビジュアル
========================================================================================*/
#map_main {text-align: center;}
#map_main h2 {margin-bottom: 3%;}
#map_main img {height: auto; margin: 2% auto; max-width: 950px; width: 96%;}

/*========================================================================================
【map/index】展示バナー
========================================================================================*/
#map_img {text-align: center;}
#map_img ul li{width: 88%; margin: 0 auto 3%;}
#map_img ul li img {width:100%;}
#map_text {font-size: 1.3em; font-weight: bold; color:#ff0000; text-shadow: 2px 2px 0px #fffa65; margin: 20px auto !important;}	
	
}