@charset "utf-8";

@media only screen and (max-width: 640px) {
	
/*============================
ClearFix
============================*/
.md_container { width: inherit; padding: 0 20px; }
main { overflow: hidden; }

/*============================
#header
============================*/
#header { position: absolute; top: 20px; left: 20px; z-index: 2; }
#header .tpoint {}
#header .tpoint img { width: 50px; height: auto; }
#header .logo { margin-top: 10px; }
#header .logo img { width: 130px; height: auto; }

/*============================
#mainPanelArea
============================*/
#mainPanelArea { padding-bottom: 40px; }
#mainPanelArea::before { content: ""; position: absolute; left: 0; top: 0; background: url("/event/hosting241118/imageFile/global/bg_leftTop.png") no-repeat left top; width: 320px; height: 569px; z-index: -1; background-size: 200px auto; }
#mainPanelArea::after { background: url("/event/hosting241118/imageFile/global/bg_bottom.png") no-repeat right bottom; background-size: cover; width: 100%; height: 1183px; z-index: -1; }
#mainPanelArea .mainImage { padding-top: 120px; }
#mainPanelArea .mainImage .image {}
#mainPanelArea .mainImage .image img { width: 100%; height: auto; }
#mainPanelArea .mainImage .image::before { top: -130px; margin-left: -160px; display: block; background: url("/event/hosting241118/imageFile/global/bg_rightTop.png") no-repeat right top;  width: 658px; height: 330px; background-size: 658px auto; }
#mainPanelArea .mainImage .image::after { content: ""; position: absolute; left: 50%; top: -120px; margin-left: 24px; display: block; background: url("/event/hosting241118/imageFile/global/panel_1day_sp.png") no-repeat left top; width: 320px; height: 400px; z-index: 0; background-size: 320px auto; }
#mainPanelArea .mainImage .catch { margin-top: 20px; font-size: 1.0125em; letter-spacing: 0; }
#mainPanelArea .mainImage .catch br { display: none; }
#mainPanelArea .mainImage .copy { margin-top: 10px; font-size: 0.9125em; }
#mainPanelArea .mainImage .copy br { display: none; }
#mainPanelArea .number { margin-top: 30px; margin-left: 0; text-align: center; }
#mainPanelArea .number img { width: 95%; height: auto; }	
#mainPanelArea .about { margin-top: -1px; display: block; padding: 10px; }
#mainPanelArea .about .subTitle { width: 100%; padding: 10px 20px; margin-bottom: 10px; }
#mainPanelArea .about .subTitle img { width: 200px; height: auto; }
#mainPanelArea .about .text { font-size: 0.875em; padding: 15px; }
#mainPanelArea .about .text br { display: none; }
#mainPanelArea .about .text em {}
#mainPanelArea .action { margin-top: 40px; }
#mainPanelArea .action .title { font-size: 1.25em; }
#mainPanelArea .action .attention { padding: 15px;  border-radius: 15px; } 
#mainPanelArea .action .attention ul li {}
#mainPanelArea .action .attention ul li { font-size: 0.875em; } 

#mainPanelArea .action .button { margin-top: 20px; }
#mainPanelArea .action .button .leftArea { float: inherit; width: 100%; border-right: none; }
#mainPanelArea .action .button .rightArea { float: inherit; width: 100%; padding-left: 0; }	
#mainPanelArea .action .button ul li { float: inherit; margin-right: 0; margin-top: 15px; }
#mainPanelArea .action .button .leftArea ul li:nth-child(1) { width: 100%; }
#mainPanelArea .action .button .leftArea ul li:nth-child(2) { width: 100%; }
#mainPanelArea .action .button .leftArea ul li:nth-child(3) { width: 100%; }
#mainPanelArea .action .button ul li:nth-child(1) { width: 100%; }
#mainPanelArea .action .button ul li:nth-child(2) { width: 100%; }
#mainPanelArea .action .button ul li:nth-child(3) { width: 100%; }
#mainPanelArea .action .button ul li a { font-size: 1em; padding: 18px 50px 16px 20px; border-radius: 10px; border: solid 3px #222; }
#mainPanelArea .action .button ul li a br { display: none; }
#mainPanelArea .action .button ul li a::before {}
#mainPanelArea .action .button ul li a::after {}
#mainPanelArea .action .button ul li img { position: absolute; left: 50%; top: 110px; margin-left: 260px; }
#mainPanelArea .action .button ul li a:hover {}
#mainPanelArea .action .button ul li a:hover::before {}
#mainPanelArea .action .button ul li a:hover::after {}
#mainPanelArea .action .button ul li:nth-child(3) a { }
#mainPanelArea .action .button .leftArea .sub { padding-right: 0; }	
	
#mainPanelArea .summary { margin-top: 40px;}
#mainPanelArea .summary .mainTitle { font-size: 1.375em; }
#mainPanelArea .summary ul { margin-top: 0; height: inherit; padding-top: 10px; }
#mainPanelArea .summary ul li { float: left; width: 49%; margin-right: 2%; position: inherit; height: inherit; margin-top: 10px; padding: 20px 10px; left: inherit; top: inherit; border-radius: 10px; }
#mainPanelArea .summary ul li:nth-child(1) { top: inherit; width: 49%; padding-top: 20px; min-height: 160px; }
#mainPanelArea .summary ul li:nth-child(2) { top: inherit; left: inherit; width: 49%; height: inherit; border-radius: 10px; padding: 20px 10px; margin-right: 0; min-height: 160px; }
#mainPanelArea .summary ul li:nth-child(3) { left: inherit; width: 49%; height: inherit; padding: 20px 10px; }
#mainPanelArea .summary ul li:nth-child(4) { left: inherit; top: inherit; width: 49%; height: inherit; padding: 20px 10px; margin-right: 0; }
#mainPanelArea .summary ul li .title { margin-bottom: 15px; }
#mainPanelArea .summary ul li .title span { padding: 6px 10px 4px; font-size: 0.875em; }
#mainPanelArea .summary ul li .kazu { font-size: 1.5em; line-height: 1; }
#mainPanelArea .summary ul li .kazu span {}
#mainPanelArea .summary ul li .sub {}
#mainPanelArea .summary ul li .text { font-size: 1.0125em; }
#mainPanelArea .summary ul li .text br { display: none; }
#mainPanelArea .summary ul li .link { margin-top: 10px; }
#mainPanelArea .summary ul li .link a {}
#mainPanelArea .summary ul li .number2 { font-size: 2em; line-height: 1; }
#mainPanelArea .summary ul li .number2 span {}
#mainPanelArea .summary ul li .free { font-size: 1.5em; }

/*============================
#detailArea
============================*/
#detailArea { margin-top: -40px; background: #eee; padding: 20px 0 0; z-index: 1; position: relative; }
#detailArea .mainTitle { margin-top: 20px; padding: 10px 12px; font-size: 1.125em; margin-left: -20px; margin-right: -20px; border-radius: 0; }
#detailArea .content { padding: 20px; border-radius: 0; margin-left: -20px; margin-right: -20px; }

#detailArea .content .comment { letter-spacing: normal; }
#detailArea .content .comment span { margin-top: 10px; }

#detailArea .content .table { overflow: scroll; margin-right: -20px; }
#detailArea .content .table table { width: 1000px; }
#detailArea .content .table table tr {}
#detailArea .content .table table tr th { font-size: 0.75em; }
#detailArea .content .table table tr th.bgRed {}
#detailArea .content .table table tr th.bgAqua {}
#detailArea .content .table table tr th.bgPurple {}
#detailArea .content .table table tr td { font-size: 0.75em; }
#detailArea .content .table table tr td.bgYellow {}
#detailArea .content .table table tr td.bgOrange {}
#detailArea .content .table table tr td.soon {}
#detailArea .content .table table tr td .target {}
#detailArea .content .table table tr td .target span {}
#detailArea .content .schedule { overflow: scroll; margin-right: -20px; }

#detailArea .content .schedule .comment { letter-spacing: normal; }
#detailArea .content .schedule .comment span { margin-top: 10px; }

#detailArea .content .schedule .block { width: 1000px;}
#detailArea .content .schedule .block dl {}
#detailArea .content .schedule .block dl dt { font-size: 0.875em; }
#detailArea .content .schedule .block dl dt.target { }
#detailArea .content .schedule .block dl dt.text {}
#detailArea .content .schedule .block dl dt.name {}
#detailArea .content .schedule .block dl dd {}
#detailArea .content .schedule .block dl dd.target {}
#detailArea .content .schedule .block dl dd.target span { font-size: 0.75em; }
#detailArea .content .schedule .block dl dd.title { font-size: 0.75em; }
#detailArea .content .schedule .block dl dd.name { font-size: 0.75em; }
#detailArea .content .schedule .block dl dd.text { font-size: 0.75em; }
#detailArea .content .sub { margin-top: 10px;  }

/*============================
#speakerArea
============================*/
#speakerArea { padding: 60px 0; }
#speakerArea .mainTitle { font-size: 1.375em; }

#speakerArea .comment { letter-spacing: normal; }
#speakerArea .comment span { margin-top: 10px; }
	
#speakerArea .list { margin-top: 30px; }
#speakerArea .list .announce { font-size: 1em; }
#speakerArea .list ul {}
#speakerArea .list ul li { float: inherit; width: 100%; margin-right: 0; padding: 20px 0; }
#speakerArea .list ul li:nth-child(2n) { margin-right: 0; }
#speakerArea .list ul li .image { margin-right: 20px; width: 100px; }
#speakerArea .list ul li .image img { width: 100px; height: 100px; border-radius: 5px;  }
#speakerArea .list ul li .image .name { margin-top: 12px; font-size: 0.875em; line-height: 1.5;  }
#speakerArea .list ul li .data { flex: 1; }
#speakerArea .list ul li .data .text { font-size: 0.875em; }
#speakerArea .list ul li .data .link { margin-top: 15px; }
#speakerArea .list ul li .data .link a {}
#speakerArea .list ul li .data .link a:hover {} 
#speakerArea .list ul li.soon .data .text { padding: 40px 0; font-size: 1em; }

/*============================
#personArea
============================*/
#personArea { padding-top: 60px; }
#personArea .mainTitle { font-size: 1.375em; }
	
#personArea .comment { letter-spacing: normal; }
#personArea .comment span { margin-top: 10px; }


#personArea .list { margin-top: 20px; }
#personArea .list ul {}
#personArea .list ul li { float: inherit; width: 100%; margin-right: 0; padding: 20px 0; }
#personArea .list ul li:nth-child(2n) {}
#personArea .list ul li .image { margin-right: 20px; width: 100px; }
#personArea .list ul li .image img { width: 100px; height: 100px; border-radius: 5px; }
#personArea .list ul li .image .name { margin-top: 12px; font-size: 0.875em; line-height: 1.5; }
#personArea .list ul li .data {}
#personArea .list ul li .data .text { font-size: 0.875em; }
#personArea .list ul li .data .link { margin-top: 15px; }
#personArea .list ul li .data .link a {}
#personArea .list ul li .data .link a:hover {} 
#personArea .list ul li.soon .data .text { padding: 40px 0; font-size: 1em; }
#personArea .list ul.airbnbMember {}
#personArea .list ul.airbnbMember li {}
#personArea .list ul.airbnbMember li .image { width: 100px; height: 100px; }
#personArea .list ul.airbnbMember li .image img {}
#personArea .list ul.airbnbMember li .name { width: 80%; font-size: 0.875em; }
#personArea .list ul.airbnbMember li .name em { margin-top: 10px; }

/*============================
#boothArea
============================*/
#boothArea { padding: 60px 0; }
#boothArea .mainTitle { font-size: 1.375em; }
	
#boothArea .comment { letter-spacing: normal; }
#boothArea .comment span { margin-top: 10px; }

#boothArea .list { margin-top: 20px; }
#boothArea .list .announce { font-size: 1em; }
#boothArea .list ul {}
#boothArea .list ul li { float: inherit; width: 100%; margin-right: 0; padding: 20px 0; }
#boothArea .list ul li:nth-child(2n) {}
#boothArea .list ul li .logo { width: 100px; height: 75px; margin-right: 20px; }
#boothArea .list ul li .logo img {}
#boothArea .list ul li .content {}
#boothArea .list ul li .content .title { font-size: 1em; }
#boothArea .list ul li .content .name {}
#boothArea .list ul li .content .name a { font-size: 0.875em; }
#boothArea .list ul li .content .name a:hover {}
#boothArea .list .otherArea { margin-top: 30px; padding: 20px; }
#boothArea .list .otherArea .booth { float: none; text-align: center; width: 100%; font-size: 1.125em; }
#boothArea .list .otherArea ul { float: none; margin-top: 10px; width: 100%; }
#boothArea .list .otherArea ul li { display: block; }
#boothArea .list .otherArea ul li:first-child {}
#boothArea .list .otherArea ul li:last-child {}
#boothArea .list .otherArea ul li .company { width: 100%; }
#boothArea .list .otherArea ul li .company .name { font-size: 0.875em; }
#boothArea .list .otherArea ul li .program { margin-top: 8px; font-size: 1em; }


/*============================
#buttonArea
============================*/
#buttonArea { padding: 60px 0;}
#buttonArea .action {}
#buttonArea .action .title { font-size: 1.25em; }
#buttonArea .action .attention { padding: 15px;  border-radius: 15px; } 
#buttonArea .action .attention ul li {}
#buttonArea .action .attention ul li { font-size: 0.875em; } 
#buttonArea .action .button { margin-top: 20px; }
#buttonArea .action .button .leftArea { float: inherit; width: 100%; border-right: none; }
#buttonArea .action .button .rightArea { float: inherit; width: 100%; padding-left: 0; }	
#buttonArea .action .button ul li { float: inherit; margin-right: 0; margin-top: 15px; }
#buttonArea .action .button .leftArea ul li:nth-child(1) { width: 100%; }
#buttonArea .action .button .leftArea ul li:nth-child(2) { width: 100%; }
#buttonArea .action .button .leftArea ul li:nth-child(3) { width: 100%; }
#buttonArea .action .button ul li:nth-child(1) { width: 100%; }
#buttonArea .action .button ul li:nth-child(2) { width: 100%; }
#buttonArea .action .button ul li:nth-child(3) { width: 100%; }
#buttonArea .action .button ul li a { font-size: 1em; padding: 18px 50px 16px 20px; border-radius: 10px; border: solid 3px #222; }
#buttonArea .action .button ul li a br { display: none; }
#buttonArea .action .button ul li a::before {}
#buttonArea .action .button ul li a::after {}
#buttonArea .action .button ul li img { position: absolute; left: 50%; top: 110px; margin-left: 260px; }
#buttonArea .action .button ul li a:hover {}
#buttonArea .action .button ul li a:hover::before {}
#buttonArea .action .button ul li a:hover::after {}
#buttonArea .action .button ul li:nth-child(3) a { }
#buttonArea .action .button .leftArea .sub { padding-right: 0; }	
	
/*============================
#otherArea
============================*/
#otherArea.top {}
#otherArea.top .lead {}
#otherArea.top .button .sub table { width: 100%; }
#otherArea.top .button .sub table th {}    
    
#otherArea { padding: 60px 0; }
#otherArea .copy { text-align: left; font-size: 1em; padding: 0 20px; }
#otherArea .copy br { display: none; }
#otherArea .button { margin-top: 20px; }
#otherArea .button .lead { margin-bottom: 10px; }
#otherArea .button .main {}
#otherArea .button .main table { width: 100%; border-radius: 0;  }
#otherArea .button .main table th { display: block; padding: 20px 20px 0; }
#otherArea .button .main table td { display: block; padding: 20px; }
#otherArea .button .main table td a { display: block; width: 100%; padding: 16px 44px 14px 18px; }
#otherArea .button .main table td a::before {}
#otherArea .button .main table td a::after {}
#otherArea .button .main table td a:hover::before {}
#otherArea .button .main table td a:hover::after {}
#otherArea .button .sub {}
#otherArea .button .sub table { width: 100%; border-radius: 0;  }
#otherArea .button .sub table th { display: block; padding: 20px 20px 0; }
#otherArea .button .sub table td { display: block; padding: 20px; }
#otherArea .button .sub table td a { display: block; padding: 12px 18px 10px; white-space: inherit; }
#otherArea .button .sub table td a:hover {}


/*============================
#footer
============================*/
#footer { padding: 30px 0 20px; }
#footer .footer__copy {}
#footer .footer__copy  {}
#footer .footer__copy  a {}
#footer .footer__copy  a img { width: 90px; height: auto; }
#footer .footer__copy p { margin-top: 20px; }

}