@charset "UTF-8";

/* reset */
html, body, div, span, p, img, strong, b, i, dl, dt, dd, ol, ul, li,
tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {line-height:1;}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
div#contentsBox {padding-top:0;}
div#contentsBox p{
	margin:0;
	line-height:1 !important;
}


@media screen and (max-width: 767px) {
div#contentsWrap{
	background:#fff !important;
	width:100% !important;
	margin:0 auto;
	color:#262626;
}
ul, ol{
	margin:0;
	padding:0;
	list-style:none !important;
}
/*li{
	margin-bottom:6px !important;
	line-height:1.6 !important;
	text-align:left;
}*/
div#contentsBox ul {padding-left:0 !important;}

div.main{
    background:linear-gradient(to bottom, #fff 180px, #d4e4ff 180px);
    padding-bottom:10px;
}
div.contents {width:100%;}
.rich.mb15 {margin-bottom:0 !important;}

.HeaderBox, .ContentsBox{
    background:#fff;
    width:100%;
    margin:0;
    padding:0;
    line-height:1.6;
    box-sizing:border-box;
}
.ContentsBox{
    background:#d4e4ff;
    padding:0 2em;
}

/* header */
#header_c{
    width:100% !important;
    margin:0 0 1em;
    padding-top:14px;
}
#header_c img{
    width:100%;
    border:1px solid #999;
    box-sizing:border-box;
}
#Info{
    width:100%;
    margin:0 0 14px;
    padding:0 2em;
    font-size:14px;
    font-weight:bold;
    line-height:1.4;
    box-sizing:border-box;
}
.HeaderBox dl{
    overflow:hidden;
    margin:0 0 1em;
    padding:14px 0 0;
    font-size:14px;
    box-sizing:border-box;
    border-top:8px solid #d4e4ff;
    border-bottom:8px solid #d4e4ff;
}
.HeaderBox dt{
    background:#e6e6e6;
    width:100%;
    margin-bottom:0.2em;
    text-align:center;
    border-radius:6px;
}
.HeaderBox dd {margin:0 0 1em;}


/* リンク */
ul#LinkBtn{
    overflow:hidden;
    width:100%;
    margin:0 auto 14px;
}
ul#LinkBtn li{
    width:92%;
    margin:0 auto 10px;
    font-size:14px;
    text-align:center;
    list-style:none;
}
#LinkBtn li a{
    display:block;
    background:#385eab;
    padding:6px 1em;
    color:#fff;
    text-decoration:none;
    border:2px solid #385eab;
    border-radius:50px;
}
	
	div.main a {
		text-decoration: underline;
	}
	
	a,a:active,a:hover,a:visited {
		color: #325fab;
	}


/* ブース内展示 */
.containWrap{
    width:100%;
    margin:0;
    padding:28px 0 14px;
    font-size:13px;
}
.Bnr{
    display:inline-block;
    position:relative;
    background:#385eab;
    width:100%;
    margin-bottom:14px;
    padding:12px 30px;
    font-size:20px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    line-height:20px;
    box-sizing:border-box;
}
.Bnr:before, .Bnr:after{
    position:absolute;
    content:"";
    width:0;
    height:0;
    z-index:1;
}
.Bnr:before{
    top:0;
    left:0;
    border-width:22px 0 22px 15px;
    border-color:transparent transparent transparent #d4e4ff;
    border-style:solid;
}
.Bnr:after{
    top:0;
    right:0;
    border-width:22px 15px 22px 0;
    border-color:transparent #d4e4ff transparent transparent;
    border-style:solid;
}
.ContainBox{
    background:#fff;
    padding:14px 0;
}
	
	.ContainBox img {
		display: inline-block;
	}
	
	.ContainBox img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	
	.ContentsBox {
		margin-bottom: 30px !important;
	}
	
/*.ImgArea{
    overflow:hidden;
    width:90%;
    margin:0 auto 20px;
    text-align:center;
}
.ImgArea img {width:100%;}*/

.TxtArea{
    width:90%;
    margin:0 auto;
}
.HeaderBox .TxtArea{
    width:100%;
    margin:0;
    padding:0 2em;
    box-sizing:border-box;
}
.TxtArea p{
    margin-bottom:28px;
    padding:0;
    line-height:1.5;
    box-sizing:border-box;
}
.SubTit{
    margin-bottom:14px !important;
    font-size:14px;
    font-weight:bold;
    color:#385eab;
}
.SubTit2{
    margin-bottom:14px !important;
    font-size:13px;
    font-weight:bold;
    color:#385eab;
}

.ProjectWrap ul {width:100%;}
.ProjectWrap li{
    width:100%;
    margin:0 0 14px;
    font-size:12px;
    list-style:none !important;
}
.ProjectWrap li img{
    width:100%;
    border:1px solid #ccc;
    box-sizing:border-box;
}
p.noImg{
    background:#aaa;
    width:100%;
    margin:0 0 6px !important;
    padding:80px 0;
    font-size:2rem;
    color:#000;
    text-align:center;
}
/* .ProjectWrap:last-of-type ul {margin-bottom:0;} */


/* 無料配布 */
#Free .SubTit {margin-top:0 !important;}


/* ブース内イベント */
.SubTit {margin:20px 0 14px !important;}
#Stage .TxtArea dt img {width:100%;}
#Stage .TxtArea dd .EventTit {
    font-size: 15px;
    font-weight: bold;
    color: #385eab;
}
#Stage .TxtArea .SubTit:last-of-type {margin-top: 3em !important;}

#CanbadgeImg{
    display:block;
    width:90%;
    margin:0 auto;
}
#CanbadgeImg img {width:100%;}

ul#PeelOff{
    display:flex;
    justify-content:center;
    flex-direction:row-reverse;
    flex-wrap:wrap;
    padding:0;
}
ul#PeelOff li{
    width:100%;
    list-style:none;
}
ul#PeelOff li:first-of-type {margin-bottom:1em;}
ul#PeelOff li img {width:100%;}


/* ソレオスとは */
#About{
    font-size:18px;
    font-weight:bold;
    color:#262626;
    text-align:center;
}
#About span{
    background:linear-gradient(transparent 55%, #d4e4ff 55%);
    padding:0 1em;
}
#soreosuLogo{
    width:84%;
    margin:14px auto;
    text-align:center;
}
#soreosuLogo img {width:100%;}


/* 入場券情報 */
#Ticket .Bnr{
    display:inline-block;
    position:relative;
    background:#385eab;
    width:100%;
    margin-bottom:14px;
    padding:12px 30px;
    font-size:20px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    line-height:20px;
    box-sizing:border-box;
}
#Ticket .Bnr:before, #Ticket .Bnr:after{
    position:absolute;
    content:"";
    width:0;
    height:0;
    z-index:1;
}
#Ticket .Bnr:before{
    top:0;
    left:0;
    border-width:32px 0 32px 15px;
    border-color:transparent transparent transparent #d4e4ff;
    border-style:solid;
}
#Ticket .Bnr:after{
    top:0;
    right:0;
    border-width:32px 15px 32px 0;
    border-color:transparent #d4e4ff transparent transparent;
    border-style:solid;
}
#Ticket ul{
    width:90%;
    margin:0 auto;
    font-size:13px
}
#Ticket li:first-of-type {margin-bottom:14px;}
#Ticket li {list-style:none;}
#Ticket li img{
    width:100%;
    border:1px solid #ccc;
    box-sizing:border-box;
}


/* コピーライト */
.Copyright{
    background:#d4e4ff;
    padding:20px 0;
    font-size:12px;
    text-align:center;
}
.Copyright span{
    display:block;
    padding:0 1em;
    text-align:left;
    line-height:1.4;
}
.contents.mb15.pt10 {margin-bottom: 0 !important;}
.contents.mb15:last-of-type {
    background: #d4e4ff;
    padding: 15px 0;
}

.fix .fix, .wide .fix + .p_re {
    width: 900px;
    margin: 0 auto;
    padding: 20px 30px 20px 10px;
    box-sizing: border-box;
}
.fix .p_re .sns + span {right: 30px !important;}
/* .meta .sns + span {display: none;} */
}










@media screen and (min-width: 768px) {
div#contentsWrap{
	background:#fff !important;
	width:960px !important;
	min-width:960px !important;
	margin:0 auto;
	color:#262626;
}
ul, ol{
	margin:0;
	padding:0;
	list-style:none !important;
}
/*li{
	margin-bottom:6px !important;
	line-height:1.6 !important;
	text-align:left;
}*/
div#contentsBox ul {padding-left:0 !important;}

.spOnly {display:none;}
.Center {text-align:center;}

div.main{
    background:linear-gradient(to bottom, #fff 1155px, #d4e4ff 1155px);
    padding-bottom:10px;
}
.HeaderBox, .ContentsBox{
    background:#fff;
    width:1000px;
    margin:0 auto;
    padding:0 2em;
    line-height:1.6;
    box-sizing:border-box;
}
.ContentsBox {background:#d4e4ff;}

/* header */
#header_c{
    width:900px !important;
    min-width:900px !important;
    margin:0 0 30px;
    padding-top:14px;
}
#header_c img{
    width:100%;
    border:1px solid #999;
    box-sizing:border-box;
}
#Info{
    width:900px;
    margin:0 auto 40px;
    font-size:1.3rem;
    font-weight:bold;
    line-height:1.7;
}
.ColorBlue{
    margin-bottom:14px !important;
    font-size:1.8rem;
    color:#385dab;
}
.HeaderBox dl{
    overflow:hidden;
    margin:0 0 1em;
    padding:28px 0 14px;
    font-size:1.6rem;
    box-sizing:border-box;
    border-top:8px solid #d4e4ff;
    border-bottom:8px solid #d4e4ff;
}
.HeaderBox dt{
    background:#e6e6e6;
    float:left;
    clear:left;
    width:6em;
    margin-bottom:0.6em;
    text-align:center;
    border-radius:6px;
}
.HeaderBox dd{
    float:left;
    margin:0 0 0.6em 0.6em;
}


/* リンク */
ul#LinkBtn{
    overflow:hidden;
    width:80%;
    margin:0 auto;
    padding-left:0 !important;
    font-weight:bold;
}
ul#LinkBtn li{
    width:100%;
    margin:0 0 20px;
    font-size:1.5rem;
    text-align:center;
}
#LinkBtn li a{
    display:block;
    background:#385eab;
    padding:0.6em 1em;
    color:#fff;
    text-decoration:none;
    border:2px solid #385eab;
    border-radius:50px;
    transition:0.8s;
}
#LinkBtn li a:hover{
    background:#ceeafe;
    color:#385eab;
    box-sizing:border-box;
    transition:0.5s;
}
	
	div.main a {
		text-decoration: underline;
	}
	
	a,a:active,a:hover,a:visited {
		color: #325fab;
	}


/* ブース内展示 */
.containWrap{
    width:900px;
    margin:0 auto;
    padding:44px 0 28px;
}
.Bnr{
    display:inline-block;
    position:relative;
    background:#385eab;
    width:100%;
    height:74px;
    margin-bottom:28px;
    padding:12px 30px;
    font-size:2.3rem;
    font-weight:bold;
    color:#fff;
    text-align:center;
    line-height:54px;
    box-sizing:border-box;
}
.Bnr:before, .Bnr:after{
    position:absolute;
    content:"";
    width:0;
    height:0;
    z-index:1;
}
.Bnr:before{
    top:0;
    left:0;
    border-width:37px 0 37px 15px;
    border-color:transparent transparent transparent #d4e4ff;
    border-style:solid;
}
.Bnr:after{
    top:0;
    right:0;
    border-width:37px 15px 37px 0;
    border-color:transparent #d4e4ff transparent transparent;
    border-style:solid;
}
.ContainBox{
    background:#fff;
    padding:40px 0;
}
	
	.ContainBox img {
		display: inline-block;
	}
	
	.ContainBox img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	
	.ContentsBox {
		margin-bottom: 30px !important;
	}
	
/*.ImgArea{
    overflow:hidden;
    width:90%;
    margin:0 auto 20px;
    text-align:center;
}
.ImgArea img {width:100%;}*/

.TxtArea{
    width:90%;
    margin:0 auto;
}
.TxtArea + .TxtArea {margin-top:3em;}
.TxtArea p{
    margin-bottom:28px;
    padding:0;
    line-height:1.5;
    box-sizing:border-box;
}
.SubTit{
    margin-bottom:14px !important;
    font-size:1.6rem;
    font-weight:bold;
    color:#385eab;
}
.SubTit2{
    margin-bottom:14px !important;
    font-size:1.4rem;
    font-weight:bold;
    color:#385eab;
}

.ProjectWrap ul{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin-bottom:42px;
}
.ProjectWrap li{
    width:46%;
    margin:0 2% 14px;
}
.ProjectWrap li img{
    width:100%;
    border:1px solid #ccc;
    box-sizing:border-box;
}
p.noImg{
    background:#aaa;
    width:100%;
    margin:0;
    padding:80px 0;
    font-size:2rem;
    color:#000;
    text-align:center;
}
/* .ProjectWrap:last-of-type ul {margin-bottom:0;} */


/* 無料配布 */
#Free p + .SubTit {margin-top:3rem !important;}
#Free img {width:calc(100% / 2 - 20px);}


/* ブース内イベント */
.SubTit {margin:20px 0 14px !important;}

/* #Stage .ContainBox{
    font-size:1.3rem;
    text-align:center;
} */
#Stage .TxtArea dl {display:flex;}
#Stage .TxtArea dt{
    width:300px;
    margin-right:14px;
}
#Stage .TxtArea dt img {width:100%;}
#Stage .TxtArea dd {width:calc(100% - 310px);}
#Stage .TxtArea dd .EventTit {
    font-size: 1.3rem;
    font-weight: bold;
    color: #385eab;
}
#Stage .TxtArea .SubTit:last-of-type {margin-top: 3em !important;}
#CanbadgeImg{
    display:block;
    width:400px;
}
#CanbadgeImg img {width:100%;}

ul#PeelOff{
    display:flex;
    justify-content:center;
    flex-direction:row-reverse;
    padding:0;
}
ul#PeelOff li:first-of-type{
    width:calc(100% / 2 - 20px);
    margin-left:20px;
}
ul#PeelOff li img {width:100%;}
ul#PeelOff li:last-of-type {width:calc(100% / 2);}


/* ソレオスとは */
#About{
    font-size:2.5rem;
    font-weight:bold;
    color:#262626;
    text-align:center;
}
#About span{
    background:linear-gradient(transparent 55%, #d4e4ff 55%);
    padding:0 2em;
}
#soreosuLogo{
    margin:28px 0;
    text-align:center;
}


/* 無料配布 */
#Free .SubTit {margin-top:0 !important;}


/* 入場券情報 */
#Ticket ul{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    width:90%;
    margin:0 auto;
    font-size:1.4rem
}
#Ticket li:first-of-type{
    width:calc(100% - 400px - 28px);
    margin-right:28px;
}
#Ticket li:last-of-type{
    width:400px;
}
#Ticket li img{
    width:100%;
    border:1px solid #ccc;
    box-sizing:border-box;
}


/* コピーライト */
.Copyright{
    padding:0 0 20px;
    text-align:center;
}
.Copyright span{
    display:block;
    padding:0 1em;
    font-size:1rem;
    line-height:1.4;
}
.fix .fix, .wide .fix + .p_re {
    width: 900px;
    margin: 0 auto;
    padding: 20px 30px 20px 10px;
    box-sizing: border-box;
}
.fix .p_re .sns + span {right: 30px !important;}
/* .p_re .sns + span {display: none;} */
}