@charset "utf-8";


/*↓↓↓↓↓body↓↓↓↓↓*/
body
{
    margin: 0 ;
    padding: 0 ;
    font-size: 15px ;
    line-height: 1.618 ;
}
/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	/* body */
	body
	{
		font-size: 13px ;	/* 文字サイズ */
	}
}

/*↑↑↑↑↑body↑↑↑↑↑*/
/*↓↓↓↓↓Header↓↓↓↓↓*/
.Header
{
	border-bottom: 3px solid #888 ;	
	text-align: center ;
	padding: 1em 0 ;	
	margin-bottom: 2em ;
	background: rgb(206, 130, 154) ;
}
/*↓↓↓ロゴ画像↓↓↓*/
/* ロゴ画像を囲むh1 */
.LogoWrapper
{
    margin:  0 0 30px 0;
    padding: 0;
    line-height: 1 ;
}
/* ロゴ画像 */
.Logo
{
	width: 800px ;
	height: auto ;
}
/*日付ロゴ画像*/
.DateWrapper
{
    margin: 0 ;
    padding: 0 ;
    line-height: 1 ;
}
.Date
{
	width: 500px ;
	height: auto ;
}
/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	/* ロゴ画像 */
	.Logo
	{
		width: 400px ;
	}
    .Date
    {
        width: 300px;
    }
}
/*↑↑↑ロゴ画像↑↑↑*/
/*↑↑↑↑↑Header↑↑↑↑↑*/
/*↓↓↓↓↓Fotter↓↓↓↓↓*/
.Footer
{
	border-top: 3px solid #888 ;		/* 枠線 */
	text-align: center ;
	margin-top: 2em ;	
	padding: 1em 0 ;
	background: rgb(206, 130, 154);
}
/*ページトップに戻る*/
.PageTop {
    position:fixed;
    bottom:10px;
    right:10px;
    padding: 5px 15px;
    color:#fff;
    font-size:20px;
    text-decoration:none;
    background: rgb(206, 130, 154);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    z-index: 100;
}
.PageTop:hover {
    background: rgb(235, 156, 181);
    opacity: 0.7;
}
/*↑↑↑↑↑Fotter↑↑↑↑↑*/
/*↓↓↓Wrapper↓↓↓*/
/* 全体(デスクトップPCとスマホ)に適用するCSS */
.Wrapper
{
	width: 1000px ;
	margin: 0 auto ;
	padding: 0 ;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	.Wrapper
	{
		width: auto ;
		padding: 0 10px ;
	}
}
/*↑↑↑Wrapper↑↑↑*/
/* 全体(デスクトップPCとスマホ)に適用するCSS */
dl dd{padding-left: 1em;}/*定義リストの解説行頭１文字下げる*/
dl dd.GoogleMap{padding-left: 0;}/*定義リストの解説行頭１文字下げる*/
dl dd dl{padding-left: 1em;}
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000;text-decoration: none;}
a:active { color: #000000; }
a { text-decoration: none; }
/*↓↓↓Main↓↓↓*/
.Main
{
	width: 618px ;
}
article{
	padding: 20px ;
    margin-bottom: 30px;
}
/*リード文*/
.Lead{
	border: 1px solid rgba(0,0,0,.1) ;		/* 枠線 */
    border-radius: 10px;
}
/*参加団体*/
.Participants{
	border: 1px solid rgba(0,0,0,.1) ;		/* 枠線 */
}
/*パネルディスカッション*/
.PanelDiscussion{
	border: 1px solid rgba(0,0,0,.1) ;		/* 枠線 */
}
/*YoutubeLive埋め込み*/

/*↑↑↑Main↑↑↑*/
/*↓↓↓Side↓↓↓*/
.Side
{
	width: 320px ;
}
/*目次*/
ul, ol {
  padding: 0;
  position: relative;
}

ul li, ol li {
  color: rgb(167, 103, 123);
  border-left: solid 6px rgb(206, 130, 154);/*左側の線*/
  background: rgb(245, 242, 243);/*背景色*/
  margin-bottom: 3px;/*下のバーとの余白*/
 	line-height: 1.5;
  	padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
}
/*作品と写真*/
img {
	max-width: 100%;
	height: auto;
}
.Photo{
    width: 320px ;
	height: auto ;
}
/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	.Main
	{
		width: auto ;
		padding: 0 ;		/* 余白 */
		border: none ;		/* 枠線 */
	}

	.Side
	{
		width: auto ;
	}
}
/*↑↑↑Side↑↑↑*/
/* 全体(デスクトップPCとスマホ)に適用するCSS */
.Main
{
	float: left ;		/* 左に寄せる */
}

.Side
{
	float: right ;		/* 右に寄せる */
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	.Main , .side
	{
		float: none ;
	}
}

.Wrapper
{
	overflow: hidden ;
}