@charset "utf-8";


/* リンク
----------------------------------------*/
a,
a:visited	{
	outline: none;
	text-decoration: underline;
	color: #00799a;
}
a:hover,
a:active	{
	text-decoration: none;
	color: #88bccb;
}


/* clearfix
----------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */















/* コンテスト作品表示
----------------------------------------*/

#pagePrizeWinningIG .pageInner{
	width:100%;
}

#prizeWinningIG {
	margin-top:50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#prizeWinningIG .photo{
	text-align:center;

	margin:0 18px 50px;
}


#prizeWinningIG img{
	margin:0 0 2px 0;
	border: #fff 1px solid;
	box-shadow: 0px 0px 8px #7e7e7e;
   	-moz-box-shadow: 0px 0px 8ppx #7e7e7e;　/* Firefox用 */  
	-webkit-box-shadow: 0px 0px 8ppx #7e7e7e;　/* Safari,Google Chrome用 */
}

	
#prizeWinningIG p{
	font-size:12px;
	font-weight:normal;
	margin:0px ;
	padding:0px;
	color:#000;
	line-height:18px;
	text-align:center;
}











	

/* Colorbox調整用
----------------------------------------*/
#cboxOverlay {
	background:#000;
	}

#cboxContent {
	font-size:12px;
}

#cboxContent h3{
	font-size:18px;
}


#cboxTitle{
	font-size:12px;
	line-height:12px;
	color:#333;
	
	}

#cboxWrapper a,
#cboxWrapper a:visited	{
	outline: none;
	text-decoration: underline;
	color: #00799a;
}
#cboxWrapper a:hover,
#cboxWrapper a:active	{
	text-decoration: none;
	color: #88bccb;
}



















.pageInner{
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 50px 0;
}


#support .pageInner{
	text-align: center;
}


.pageInner img{
	margin-bottom:20px;

}

.pageInner h3{
	font-size:18px;
	padding:0;
	margin:0;
	line-height:40px;

}


.pageInner h4{
	font-size:14px;
	padding:0;
	margin:0;
	line-height:24px;



}


.pageInner p.bottom10{
	margin-bottom:10px;

}
.pageInner p.bottom20{
	margin-bottom:20px;

}


.pageInner .pageTopBt{
	text-align:center;
	margin-bottom:30px;
}



#support .companyLogo{
	position:relative;
	width:930px;
	height:520px;
	margin-left:15px;
}

#support .companyLogo .cpLogo01{
	position:absolute;
	top:0;
	left:120px;
}

#support .companyLogo .cpLogo02{
	position:absolute;
	top:0;
	right:150px;
}

#support .companyLogo .cpLogo03{
	position:absolute;
	top:115px;
	left:180px;
}

#support .companyLogo .cpLogo04{
	position:absolute;
	top:155px;
	right:110px;
}

#support .companyLogo .cpLogo05{
	position:absolute;
	top:315px;
	left:330px;
}




#reportExhibition .container img{
	margin-bottom:10px;
}
#reportExhibition .container p{
	margin-bottom:80px;
}
#reportExhibition .incident{
	padding-top:30px;
	border-top: solid #CCC 1px;
}



#reportParty .container img{
	margin-bottom:10px;
}
#reportParty .container p{
	margin-bottom:80px;
}
#reportParty .incident{
	padding-top:30px;
	border-top: solid #CCC 1px;
}








#reportBooth h3{
    font-size: 3.0em;
	margin:0 0 20px 0;
}



/* トークイベント
----------------------------------------*/
#reportTalkEvent{
}

#reportTalkEvent .container img{
	margin-bottom:10px;
}
#reportTalkEvent .container p{
	margin-bottom:80px;
}

#reportTalkEvent .container .incident{
	padding-top:30px;
	border-top: solid #CCC 1px;
}



#reportTalkEvent .container h3{
	font-size:2.4em;
	margin-bottom:20px;
}

#reportTalkEvent .container .img-s-left{
	margin-right:20px;
	margin-bottom:15px;
}
#reportTalkEvent .container .img-s-right{
	margin-bottom:15px;
}



#reportTalkEvent .container .img-vLocation{
	text-align:center;
}





/* 来年に向けて
----------------------------------------*/


#nextYear h3{
	font-size:22px;
	margin-bottom:20px;
}

#nextYear p{
	margin-bottom:70px;
}


/* 10選支援内容
----------------------------------------*/


#support10Viral h3{
	font-size:20px;
	margin-bottom:20px;
}
#support10Viral h3 span{
	font-size:14px;
	font-weight:normal;
	margin-left:5px;
}

#support10Viral p.attention{
	font-size:12px;
	margin-bottom:100px;
}



#support10Viral .pageInner img{
	margin-bottom:80px;

}

#support10Viral .pageInner ul{
	font-size:16px;
	font-weight:bold;
	margin-top:40px;
	margin-bottom:50px;
	padding-left:20px;
}
#support10Viral .pageInner ul li{
	line-height:40px;
	margin-bottom:20px;
}


#support10Viral .pageInner ul li ul{
	margin-top:0px;
	margin-bottom:0px;
	font-weight:normal;
}

#support10Viral .pageInner ul li ul li{
	line-height:30px;
	margin-bottom:0px;
	
}

#support10Viral .pageInner ul li ul li.last{
	list-style:none;	
}







#support10Viral .companyLogo{
	position:relative;
	width:958px;
	height:250px;
	margin-top:20px;
	margin-bottom:10px;
	border:1px #CCC solid;
}

#support10Viral .companyLogo .cpLogo01{
	position:absolute;
	top:50px;
	left:40px;
}

#support10Viral .companyLogo .cpLogo02{
	position:absolute;
	top:50px;
	left:420px;
}

#support10Viral .companyLogo .cpLogo03{
	position:absolute;
	top:50px;
	right:40px;
}

#support10Viral .companyLogo .cpLogo04{
	position:absolute;
	top:130px;
	left:180px;
}

#support10Viral .companyLogo .cpLogo05{
	position:absolute;
	top:140px;
	left:600px;
}



/* ブログ
----------------------------------------*/

#blog .pageInner {
    text-align: center;
}


#blogList{
	padding: 0 0 100px 10px;
	margin: 0 auto;
}


.blogEntry {
	margin:10px;

}
.blogEntry img{
	margin:0;
	border:#CCC solid 1px;
}


/* フェイスブック
----------------------------------------*/
#facebook .pageInner {
    text-align: center;
}

#facebookList{
	margin-bottom:50px;
}

#facebookList .facebookEntry{
	margin-bottom:30px;
	background-color:#fff;
	position:relative;
	text-align:left;
	height:100px;
	box-shadow: 0px 0px 2px #bbbbbb;
    -moz-box-shadow: 0px 0px 2ppx #bbbbbb;　/* Firefox用 */  
	-webkit-box-shadow: 0px 0px 2ppx #bbbbbb;　/* Safari,Google Chrome用 */
}

#facebookList .facebookEntry p{
	margin:0;
	line-height:1em;
}


#facebookList .facebookEntry .fbIcon{
	position:absolute;
	left: 20px;
	top:20px;
}

#facebookList .facebookEntry .fbName{
	position:absolute;
	left: 80px;
	top:23px;
}

#facebookList .facebookEntry .fbDate{
	position:absolute;
	left: 80px;
	top:43px;
}

#facebookList .facebookEntry .fbComment{
	position:absolute;
	left: 200px;
	top:20px;
	line-height:20px;
	width:720px;
}

#facebookList .facebookEntry a{
	font-size:12px;
	font-weight:bold;
	line-height:27px;
	background: url(../images/iconFb.gif) no-repeat 0px 1px;
	padding: 0 0 0 20px;
}






/* トップページ
----------------------------------------*/

html,body {
	height:100%;
    }
	
#top {
	background: #000;
}


#top header{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity:0.8;
}



#top-inner {
	position:relative;
	height:100%;
	min-width: 1125px;
    }


#top-inner h2{
	position: relative;
  top: 53%;
  -webkit-transform: translateY(-47%);
  -ms-transform: translateY(-47%);
  transform: translateY(-47%);
}



#top-inner #copyright {
	position:absolute;
	bottom:20px;
	right:20px;
}


/* 写真展
----------------------------------------*/

#closingRemarks {
}


#closingRemarks .dateName{
	text-align:right;
}







/* コンセプト
----------------------------------------*/

#concept{
}

#concept h2{
	margin:120px 0 100px 0;
}







/* 概要
----------------------------------------*/

#overview a,
#overview a:visited	{
	outline: none;
	text-decoration: underline;
	color: #fff;
}
#overview a:hover,
#overview a:active	{
	text-decoration: none;
	color: #fff;
}


#about a,
#about a:visited	{
	outline: none;
	text-decoration: underline;
	color: #00799a;
}
#about a:hover,
#about a:active	{
	text-decoration: none;
	color: #00799a;
}


#about .content-inner	{
	padding-top:70px;
	padding-bottom:100px;
	color:#000;
	text-align:center;
}


.annotation{
	color:#727272;
    font-size: 0.7em;
	line-height: 2.0em;
}

#about h2 {
    font-size: 2.0em;
	margin: 0 0 20px 0;
}

#about h3 {
    font-size: 1.6em;
	margin: 0px;
}

#about p{
    font-size: 1.4em;
	line-height: 2.0em;
	margin: 0 0 50px 0;
}

#about p.first,p.last{
	margin:0 0 80px 0;
}

#about p.member{
	margin:0 0 20px 0;
}

#about p span{
	color:#837987;
}


#place {
	background:rgba(0,0,0,0.95);
	padding: 50px 0px 0px 0px;
}

#place p,#place li,#place h2,#place h3,#place h4,#place h5{
	color:#dfdede;
}

#place .placeHead{
	position:relative;
	height:180px;
}

#place .placeHead .logoHikarie{
	position:absolute;
	left:0;
	top:50px;
}
#place .placeHead .logoHach{
	position:absolute;
	left:200px;
	top:55px;
}
#place .placeHead h2{
	position:absolute;
	right:0;
	top:55px;
    font-size: 1.6em;
	font-weight:bold;
}
#place .placeHead h2 span{
	color:#818181;
	margin-right:10px;
}

#place .spaceInfo{
	margin: 0 0 200px 0;
}
#place .spaceInfo h3{
    font-size: 2.0em;
	margin-bottom:15px;
}
#place .spaceInfo img.photo{
	border:solid #404040 1px;
	margin:-1px;
	margin-bottom:50px;
}
#place .spaceInfo p{
    font-size: 1.8em;
	line-height:1.6em;
	font-weight:bold;
	color:#fff;
}
#place .spaceInfo p span{
	font-weight:normal;
	color:#fff;
}

#place .spaceInfo .map_01court{
	background: none repeat scroll 0 0 #878787;
}


#place .map_01court table{
    font-size: 1.6em;
	width:980px;
	border:none;
	margin-bottom:100px;
	background:#878787;
	color:#f7f7f7;
}
#place .map_01court table tr{
	border-bottom:solid #8f8f8f 1px;
}
#place .map_01court table td{
	padding:15px 20px 15px 30px;
}

#place .map_01court table td.n01{
	width:30%;
}
#place .map_01court table td.n02{

	padding-right:10px;
}







#place .schedule{
	margin-bottom:150px;

}

#place .schedule .schedule_01court{
	margin-bottom:50px;

}




#place .schedule h4{
    font-size: 2.0em;
	margin-bottom:15px;
}

#place .schedule table{
    font-size: 1.4em;
	width:100%;
	border-top:solid #404040 1px;
	margin-bottom:50px;
}
#place .schedule table tr{
	border-bottom:solid #404040 1px;
}
#place .schedule table td{
	padding:10px 0;
	background:#232323;
}

#place .schedule table td.n01{
	width:15%;
	padding-left:10px;
}
#place .schedule table td.n02{
	width:25%;
	padding-right:10px;
}
#place .schedule table td.n03{

}
#place .schedule table td.n04{
	width:20%;
	text-align:right;
	padding-right:10px;
}



/* ポスター
----------------------------------------*/

#poster{

}

#poster .posterFrame{
	border:solid 1px #dadada;
	background:#fff;
	text-align:center;
	padding:15px 0;
	margin-bottom:100px;
}
#poster .posterFrame img{
	margin-bottom:10px;
}

#poster p.posterName {
    font-size: 1.2em;
	text-decoration: none;
	outline: none;
	color: #808080;
	font-weight:bold;
	margin: 0;
}


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

body{
　font-family: "HiraKakuProN-W6", sans-serif;
	font-size: 100%; /* Resets 1em to 10px */
}