@charset "utf-8";

/* common
------------------------------------------------------*/
div#article table {
    border-collapse: separate;
}
div#article strong{
	font-weight:bold;
}

/* topics
------------------------------------------------------*/
dl dt.topics          {background-image:url(../../topics/img/icon/01.png);}
dl dt.event           {background-image:url(../../topics/img/icon/02.png);}
dl dt.support         {background-image:url(../../topics/img/icon/03.png);}
dl dt.corporate_topics{background-image:url(../../topics/img/icon/04.png);}
dl dt.corporate_event {background-image:url(../../topics/img/icon/05.png);}
dl dt.voice           {background-image:url(../../topics/img/icon/06.png);}
dl dt.pr              {background-image:url(../../topics/img/icon/07.png);}
dl dt.pr_movie        {background-image:url(../../topics/img/icon/08.png);}


/* topics_navi
------------------------------------------------------*/
ul#topics_navi{
	margin:-60px auto 75px;
	text-align:center;
}
ul#topics_navi li{
	width:calc(20% - 10px);
	margin:0 5px 15px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	overflow:hidden;
}
ul#topics_navi li a{
	display:block;
	padding:5px 15px;
	color:#fff;
	text-align:center;
	transition:all 0.3s linear;
}

ul#topics_navi li:nth-child(1) a{background:#1853a0;}
ul#topics_navi li:nth-child(2) a{background:#cd3c5a;}
ul#topics_navi li:nth-child(3) a{background:#02ab83;}
ul#topics_navi li:nth-child(4) a{background:#1853a0;}
ul#topics_navi li:nth-child(5) a{background:#cd3c5a;}

ul#topics_navi li a:hover{
	background:#ff6400;
}
@media only screen and (max-width: 990px){
	ul#topics_navi{
		text-align:left;
	}
	ul#topics_navi li{
		width:calc(33.3% - 10px);
		margin:0 15px 15px 0;
	}
	ul#topics_navi li:nth-child(3n){
		margin:0;
	}
}
@media only screen and (max-width: 680px){
	ul#topics_navi li{
		width:calc(50% - 7.5px);
	}
	ul#topics_navi li:nth-child(3n){
		margin:0 15px 15px 0;
	}
	ul#topics_navi li:nth-child(2n){
		margin:0 0 15px 0;
	}
}
@media only screen and (max-width: 420px){
	ul#topics_navi li{
		width:100%;
	}
	ul#topics_navi li{
		margin:0 0 10px 0!important;
	}
}

/* list
------------------------------------------------------*/
dl.list04 dt {
	width:7em;
	padding-right:180px;
}
dl.list04 dd {
	width: calc(100% - 5% - 18em - 180px );
	padding-right:11em;
}
@media only screen and (max-width: 1280px){
	dl.list04 dd {
		width: calc(100% - 5% - 7em - 180px );
		padding-right:0;
	}
}
@media only screen and (max-width: 760px){
	dl.list04 dt,
	dl.list04 dd {
		width:100%;
		padding-right: 0;
	}
	dl.list04 dt{
		width:calc(100% - 190px);
	}
}
@media only screen and (max-width: 510px){
	dl.list04 dt{
		font-size:14px;
	}
}
dl.list04 dd a:not(.app_event) {
	font-size:18px;
	font-weight:bold;
}
dl.list04 dd a.corporation_name {
	font-size: 14px;
	font-weight: normal;
}


/* detail
------------------------------------------------------*/

h3.pttl{
	margin:30px auto;
	padding:0 0 10px;
	font-family: 'Noto Sans Japanese';
	font-size:24px;
	font-weight:bold;
	text-align:center;
	letter-spacing:normal;
	border-bottom:1px #ccc solid;
}
h3.pttl span.date{
	display:block;
	margin-bottom:15px;
	font-size:16px;
	font-weight:normal;
}
h3.pttl span.date:before{
	content:"[開催日・期間：";
}
h3.pttl span.date:after{
	content:"]";
}
h3.sttl{
	font-size:20px;
}
div.topics-date{
	text-align:right;
}
p.pageheader{
	margin:0 auto 30px;
	text-align:left;
}
p.pageheader img{
	display:block;
	margin:0 auto 5px;
}
div.text{
	width:100%;
	max-width:1024px;
	margin:0 auto 30px;
}
div#contents div.member{
	max-width:1024px;
	margin:0 auto;
}


.cooperation h3.pttl {
    padding: 0 0 20px;
    border:none;
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: auto;
    background-image: url(../img/dotline.png);
}



/* photogallery
------------------------------------------------------*/
div.photogallery{
	clear:both;
	margin:60px auto 0;
	padding:15px 0 0 0;
	border-top:1px #02ab83 solid;
	overflow: hidden;
}
div.photogallery ul{
	max-width:1024px;
	margin: 10px auto 0;
	overflow: hidden;
}
div.photogallery ul li{
	width: 20%;
	margin: 0 6.6% 35px 0;
	padding: 0;
	font-size:14px;
	text-align:left;
}
div.photogallery ul li:nth-child(4n){
	margin-right:0;
}
div.photogallery ul li a{
	width:100%;
	heigth:0;
	position:relative;
	display:block;
	padding:75% 0 0 0;
}
div.photogallery ul li p.cap{
	padding-left:15px;
	background:url(../img/arr.png) no-repeat left 0.6em;
}
div.photogallery li img{
	max-height: 148px;
	max-width: 196px;
	position:absolute;
	top:0;
	left:50%;
	display:block;
	margin:0 auto;
	transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
@media only screen and (max-width: 730px){
	div.photogallery ul li{
		width: 30%;
		margin: 0 5% 35px 0;
	}
	div.photogallery ul li:nth-child(4n){
		margin-right:5%;
	}
	div.photogallery ul li:nth-child(3n){
		margin-right:0;
	}
}
@media only screen and (max-width: 350px){
	div.photogallery ul li{
		width: 47.5%;
		margin: 0 5% 35px 0;
	}
	div.photogallery ul li:nth-child(3n){
		margin-right:5%;
	}
	div.photogallery ul li:nth-child(2n){
		margin-right:0;
	}
}


/* event_entry
------------------------------------------------------*/
div#event_entry{
	width:100%;
	margin:25px auto 60px;
	padding:60px 0 0 0;
	border-top: 1px #02ab83 solid;
}
div#event_entry p.note{
	margin:5px auto 0;
	text-align:center;
}

/* pager
------------------------------------------------------*/
div.pager{
	margin:30px auto 0;
	padding:30px 0 0;
	border-top:1px #02ab83 solid;
}
div.pager ul{
	text-align:center;
}
div.pager ul li{
	margin:0 15px 15px;
}




/* corporate_movie
------------------------------------------------------*/
div#corporate_movie p.pageheader{
	float:left;
	margin:0 15px 15px 0;
}